* { margin: 0;  padding: 0;  box-sizing: border-box; }

.effect {  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.effect2 {  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }


html{
    -webkit-font-smoothing: antialiased; /* Smoothens edges on macOS */
    -moz-osx-font-smoothing: grayscale; /* Ensures clear rendering */
    text-rendering: optimizeLegibility;
}

body { 
    font-family: "neuemontreal", serif; 
    overflow-x:hidden; 
    background:#fff;
    letter-spacing: 0.02em; /* Adjust spacing to prevent tight letter-clumping */
    text-rendering: optimizeLegibility; /* Improve kerning and ligatures */ 
    font-size: 16px;
}

header{
    position: fixed;
    width: 100%;
    left: 50%;
    top: 0;
    z-index: 12;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 115px;
    padding: 0px 55px;
    transform: translate(-50%);
}


p{
    font-size: 16px;
    letter-spacing: 1px;
    font-optical-sizing: auto; /* Adjusts automatically based on size */
}


header .logo_murano.Neg { display:none; }
header .logo_murano.Pos { display:block; }

header.headerScroll .logo_murano.Neg { display:block; }
header.headerScroll .logo_murano.Pos { display:none; }

header.scroll-up{
    top: -230px;
}

/*
header.scroll-up + .Hero .twopart{
    opacity:0;
}
*/

header.headerScroll ul li a.Special,
header.headerScroll ul li a{
    color:#000;
}

header ul li a.Special{
    border:solid 2px #50ff89;
}



header.headerScroll{
    background: #fff;
}

header.headerScroll ul li a.Special{
    border:solid 0px #000;
    background: #50ff89;
    font-weight: 600;
}

header ul li a.active {
    color: #50ff89;
}

header.headerScroll ul li a.active{
    color: #2e9f52;
}

.video_murano{
    object-fit: cover;
    width: 100%;
    height: 100vh;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    filter: contrast(1.2);
}

.logo_murano{
    width: 145px;
    cursor: pointer;
}

.barScrolly{
    position: absolute;
    width: 2px;
    left:calc(50% - 0px);
    height: 100px;
    background: #606060;
    top:-300px;
    z-index: 3;
    opacity:0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.barScrolly span{
    padding: 20px;
    border-radius: 10px;
    color: #44635d;
    opacity: 0;
    font-weight: 800;
    font-size: 4em;
    position: absolute;
    right:0px;
}

.barScrolly span::before{
    content: "";
    width: 50px;
    height: 50px;
    right: 129px;
    position: absolute;
    background-image: url(../img/arrowTouch.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 43px;
    opacity: 0.3;
}

header ul{
    display: flex;
    flex-direction: row;
    list-style: none;
    margin:0;
    padding:0;
    position: relative;
    z-index: 1;
}

header ul li a{
    padding: 20px 22px;
    color: #fff;
    text-decoration: none;
}

header ul li a:hover{
    color:#50ff89;
}

header.headerScroll ul li a:hover{
    color:#2e9f52;
}

header ul li a.Special{
    border-radius: 99px;
    padding:20px 40px;
    height: 70px;
    margin-left:30px;
    font-weight: 600;
}

.title_murano{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2.5em;
    color: #fff;
    text-align: center;
    width: 100%;
    letter-spacing: 4px;
    line-height: 1em;
}





section{
    min-height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
}

section.Boxes{
    min-height: initial;
    position: relative;
    z-index: 1;
}

section.Hero{
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    background: #000;
 }

section.Hero .twopart{ 
    width: 100%;
    max-width: initial;
    display: flex;
    flex-direction: row;
    padding: 0;
    z-index: 2;
}


.Hero .overLay{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(299deg, #4b4a4a29, #53525252, #4049466e, #494949bd);
    z-index: 1;
    mix-blend-mode: lighten;
}

.Hero .videoHero{
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    transform: translateY(-50%) scale(1);
    filter: contrast(1) saturate(1);
    object-fit: cover;
    height: 100%;
}

.pageHome .Hero .videoHero{
    filter: contrast(1.3) saturate(1);
}

.pageService.pageVentures .Hero .videoHero {
    object-fit: contain;
    height: 139%;
    filter: contrast(1.5) saturate(1.2);
}




section.Hero .twopart > div{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.Hero .twopart > div.firstSecHero{
    width: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
}

section.Hero .twopart > div.firstSecHero > div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    margin: 0 auto;
    max-width: 500px;
}

section.Hero .twopart > div.secondSecHero{
    width: calc(50% - 30px);
    z-index: 0;
    margin:30px;
}

section.Hero .twopart > div.secondSecHero video{
    scale: 1.3;
}

section.Hero .twopart > div h1{
    font-size: 5em;
    line-height: 1em;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 100px;
}


section.Hero .twopart > div h1 span{
    color: #50ff89;
    background: linear-gradient(75deg, #6dff9d, #00ff55, #21af50);
    background-clip: text;
    -webkit-background-clip: text; /* For Safari/Chrome */
    color: transparent;
    background-size: 200% auto; /* Larger than the element to allow animation */
    animation: gradient-move 2s ease infinite;
}

@keyframes gradient-move {
    0% {
      background-position: 0% 0%;
    }
    50% {
      background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
  }

section.Hero .twopart > div .subTitle{
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    max-width: 550px;
    color: #fff;
    font-size: 2em;
    font-weight: 200;
    width: 110%;
    line-height: 1.4em;
    letter-spacing: 1.6px;
}


section.Hero .twopart > div .buttons{
    display: flex;
    margin-top: 35px;
}

section.Hero .twopart > div .buttons .cta1{
    margin-top: 0px;
    background: #50ff89;
    padding: 20px 65px;
    border-radius: 99px;
    height: 80px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
}



.effectButton > span{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 40px;
    height: 80px;
}


.effectButton:hover > span:first-child{
    margin-top:-80px;
    opacity:0;
}


section.Hero .twopart > div .buttons .cta2{
    padding: 20px 50px;
    border-radius: 99px;
    height: 80px;
    color: #50ff89;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}


.pageService.Liquidity section.Below a.action{
    margin-top:0;
}

.pageService.Liquidity section.Below_two > div{
    padding: 0px 0px 100px 0px;
}

.pageService.pageExec .Below.Benefits a.action{
    margin-top:0 !important;
    z-index: 1;
}


.effectButton.centerBtn > span{
    justify-content: center;
}

.effectButton.centerBtn{
    max-width: 240px;
    width: 100%;
}


section.Below{
    min-height: 100vh;
    background: #fff;
    overflow: hidden;
}

section.Below .twopart{
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 30px;
}

.pageAbout .Below .twopart{
    position: relative;
}

section.Below .twopart > div{
    width: 50%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}

section.Below .twopart  div.firstDivSec{
    width: 50%;
    background: linear-gradient(75deg, #6dff9d, #25eb67, #6dff9d);
    background-size: 400% auto;
    animation: gradient-move 2s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pageAbout .Below .twopart  div.firstDivSec {
    background: #fff;
}

section.Below .twopart  div.firstDivSec h2{
    color: #000;
    font-size: 6em;
    position: relative;
}

section.Below .twopart  div.firstDivSec h2::before{
    content: "";
    height: 15px;
    width: 15px;
    background: #50ff89;
    position: absolute;
    top:-15px;
    left:0;
}

.pageAbout section.Below .twopart  div.firstDivSec h2{
    font-size: 5em;
}

.pageAbout section.Below .twopart  div.firstDivSec h2 span{
    font-size: 0.43em;
    display: block;
    color: #000;
    font-weight: 300;
    margin-top: 15px;
}

section.Below .twopart > div.firstDivSec h2 img{
    width: 842px;
    position: absolute;
    top: 90px;
    right: 110px;
    opacity: 0.2;
    filter: invert(1);
}

section.Below .twopart > div.firstDivSec video{
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    bottom: 0;
    filter: brightness(1.08);
}


.pageAbout .Below .twopart div.secondDivSec {
    padding-top: 0px;
    width: 50%;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(to bottom, #efefef, transparent);
    margin: 30px !important;
    border-radius: 30px 30px 30px 30px;
}



section.Below .twopart > div.secondDivSec{
    padding-top:0px;
    width: 50%;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    background: linear-gradient(to bottom, #c7f7d6, transparent);
}


section.Below .twopart > div.secondDivSec > div{
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px;
    height: 100%;
    justify-content: center;
    max-width: 470px;
}






.Below {
    overflow-x: hidden;
}

.ListSub {
    display: flex;
    width: 400vw; /* 4 panels × 100vw */
    height: 100vh;
    align-items: flex-start;
}

.ListSub > div {
    width: 100%;
    flex-shrink: 0; /* Prevent shrinking */
    padding: 20px; /* Optional spacing */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding:0px 0px;
    max-width: 830px;
    height: calc(100vh - 30px);
}


.ListSub > div > div{
    padding: 70px 80px;
    border-radius: 50px;
    border: solid 0px #e9e9e9;
    min-height: 264px;
    position: relative;
    top: 0;
    cursor: default;
    background: #fff;
    margin-right: 70px;
    max-width: 700px !important;
}


.ListSub > div > div:first-child,
.ListSub > div > div:last-child,
.ListSub > div > div.notV{
    width: 50%;
    min-width: 50%;
    opacity: 0;
}

.ListSub .LearnMore img{
    width: 20px !important;
    margin: 35px 0px !important;
    height: auto !important;
    opacity: 1 !important;
}

.Braches.IntegratedExchanges{
    flex-direction: column;
    background: #fff;
    align-items: center;
    justify-content: center;
    min-height: initial !important;
}

.Braches.IntegratedExchanges .Featuring{
    background: #2b2b2b !important;
    padding: 100px 0px;
    position: relative;
    min-height: initial !important;
}

.Braches.IntegratedExchanges .Featuring img {
    width: auto;
    margin: 35px 25px;
    height: 50px;
    opacity: 0.4;
}

.ListSub > div {
    display: flex; /* Ensure horizontal layout */
    flex-wrap: nowrap; /* Prevent wrapping */
    width: max-content; /* Let it expand based on content */
}

.ListSub > div > div {
    flex: 0 0 auto; /* Prevent shrinking */
}



.ListSub a.LearnMore:hover{
    background: #414141;
    color: #fff;
}


.ListSub > div > div:hover a.LearnMore:before {
    background: #dbdbdb;
}

.pageService.pageVentures .ListSub > div > div > div{
    min-height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pageService.pageVentures .ListSub > div > div > div p{
    margin:0;
    padding:0;
}


.elastic_intro{
    position: absolute;
    height: 100%;
    width: 0px;
    right: -1px;
    top:0;
}




.ListSub > div a img{
    width: 10px;
    margin-left: 47px;
}

.ListSub > div > div h2 span{
    color: #0fb16f;
}



.ListSub > div .logoSub{
    width: 210px;
    margin-bottom: 40px;
}
.ListSub > div h2{
    font-size: 5em;
    color: #000;
    line-height: 1em;
}
.ListSub > div p{
    margin-bottom: 20px;
    margin-top: 15px;
    max-width: 540px;
    font-size: 2em;
    color: #000;
}


.ListSub .List{
    display: flex;
    flex-direction: row;
    padding: 0px 0px 20px 0px;
    margin-left: 25px;
}

.ListSub .List ul{
    list-style: none;
    padding:0;
    margin:0px 50px 0px 0px;
    list-style-image: url(../img/arrow-list.png);
}

.ListSub .List ul li{
    padding: 5px 0px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
}

.ListSub a.LearnMore{
    cursor: pointer;
    width: 240px;
    text-align: center;
    margin-top: 20px;
    background: #2b2b2b;
    padding: 20px 37px;
    border-radius: 99px;
    height: 80px;
    color: #50ff89;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
}

.ListSub > div > div:hover a.LearnMore {
    padding: 20px 40px;
    width: 230px;
}

.ListSub a.LearnMore:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    left: 0;
    z-index: -1;
}



.pageHome section.Below .twopart div.secondDivSec{
    position: relative;
    flex-direction: row;
}

section.Below .twopart  div.secondDivSec > div{
    position: relative;
}




section.Below .twopart > div.secondDivSec > .BtnSer{
    position: absolute;
    right: 80px;
    top: 4%;
    font-size: 2em;
    text-decoration: none;
    color: #08ae52;
    font-weight: 500;
    border-bottom:solid 2px #0bdd6a;
    padding-bottom:10px;
}

section.Below .twopart > div.secondDivSec h2{
    font-size: 4em;
    padding:0px 0px 15px 0px;
    color: #244941;
}

section.Below .twopart > div.secondDivSec .logoSub{
    width: 239px;
    margin-bottom: 40px;
}

section.Below .twopart > div.secondDivSec h2 span{
    color: #0fb16f;
}

section.Below .twopart > div.secondDivSec p{
    padding:10px 0px 10px 0px;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.7em;
}

section.Below .twopart > div.secondDivSec > div > span{
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-size: 12em;
    font-weight: 700;
    color: #23ff86;
}

section.Below .twopart > div.secondDivSec .List{
    display: flex;
    flex-direction: row;
    padding: 0px 0px;
    margin-left: 25px;
}

section.Below .twopart > div.secondDivSec .List ul{
    list-style: none;
    padding:0;
    margin:0px 50px 0px 0px;
    list-style-image: url(../img/arrow-list.png);
}

section.Below .twopart > div.secondDivSec .List ul li{
    padding:5px 0px;
    font-size: 1em;
    font-weight: 200;
    letter-spacing: 2px;
}

section.Below .twopart > div.secondDivSec a.LearnMore{
    background: #2b2b2b;
    padding: 20px 66px;
    border-radius: 99px;
    height: 71px;
    color: #50ff89;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: normal;
    margin-top: 18px;
    font-size: 1em;
}

.TitleSer{
    position: absolute;
    bottom: -62px;
    left: -10px;
    font-size: 14em;
    font-weight: 600;
    letter-spacing: -8px;
    color: #fff;
    opacity: 0.5;
}


.boldie{
    font-weight: 600 !important;
    color: #03ad83;
}

.Bolder{
    font-weight: 700 !important;
}





section.Features{
    min-height: initial;
    z-index: 2;
    position: relative;
}

section.Below .techs{
    position: absolute;
    bottom: -360px;
    width: 60%;
    opacity: 0.5;
    left: 50%;
    transform: translate(-50%);
}



.Featuring{
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-direction: column;
    text-align: center;
    min-height: 100vh;
    overflow: hidden; /* Hide vertical scroll */
    position: relative;
}

.Featuring .exchanges,
.Featuring .exchanges2,
.Featuring .exchanges3{
    display: flex;
    padding: 0;
    will-change: transform; /* Optimize animation */
    align-items: center;
    justify-content: center;
}

.Featuring .exchanges img,
.Featuring .exchanges2 img,
.Featuring .exchanges3 img{
    width: auto;
    height: 55px;
    padding:0px 30px;
    flex-shrink: 0; /* Prevent logos from shrinking */
    opacity: 0.3;
}


.Featuring .MainTitle .number{
    font-size: 15em;
    font-weight: 700;
    color: #0fb16f;
    margin-bottom:30px;
    position: relative;
}

.Featuring .MainTitle .sentence{
    font-weight: 700;
    color: #0fb16f;
    font-size: 4em;
    margin-top: 40px;
    margin-bottom: 50px;
}



section.Braches{
    display: flex;
    flex-direction: row;
    background: #fff;
}

section.Braches .bckInfra{
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 0;
}

section.Braches > div{
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

section.Braches > div > div{
    position: relative;
    z-index: 1;
}

section.Braches > div:first-child{
    /*background: linear-gradient(to bottom,#32e8be,#46ffe1 );*/
    background: #fff;
}

.pageAbout .Braches > div:first-child {
    background: #2b2b2b;
    position: relative;
    margin: 30px;
    border-radius: 30px;
    overflow: hidden;
}

.Braches .Featuring{
    position: absolute;
    width: calc(100% - 60px);
    background: none !important;
    z-index: 0;
    border-radius: 30px;
    overflow: hidden;
}

.pageAbout .Braches > div:first-child img{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    object-fit: cover;
    filter: grayscale(1);
}

section.Braches > div:last-child{
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, #ebfff5, transparent);
}

section.Below.Roadmap {
    height: 100vh;
}

section.Below.Roadmap .twopart > div.secondDivSec > div{
    justify-content: flex-start;
    padding-top: 150px;
    padding-bottom: 150px;
    margin-left: 30px;
}

section.Below.Roadmap .twopart > div.secondDivSec > div > div{
    padding-bottom:70px;
}

section.Braches div.BlackSq {
    display: flex;
    align-items: center;
    background: #2b2b2b;
    margin: 30px 30px 30px 0px;
    width: calc(50% - 30px);
    border-radius: 30px;
    z-index: 1;
    height: calc(100vh - 60px);
}

.pageExec section.Braches > div:first-child > div{
    justify-content: center;
}

.pageExec section.Braches > div:first-child > div h2,
.pageExec .ListSub > div h2{
    margin-bottom:80px;
}



.pageExec section.Braches > div:first-child > div > div,
.pageExec .ListSub > div > div > div{
    height: 410px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pageExec .ListSub > div p{
    margin-bottom: 0;
}

.pageExec section.Braches > div:first-child > div h2 span{
    background: linear-gradient(75deg, #41ce70, #52b473, #21af50);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 200% auto;
    animation: gradient-move 2s ease infinite;
}


.pageExec section.Braches > div:first-child > div img{
    width: 190px;
}

.pageExec section.Braches > div:first-child > div p {
    margin-bottom: 0px;
}


.pageHome section.Braches div.BlackSq{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pageHome section.Braches div.BlackSq.exC {
    margin: 30px 0px 30px 30px;
}

.pageHome section.Braches div.BlackSq > div{
    max-width: 530px;
    display: block;
    margin: 0 auto;
}

.pageHome section.Braches div.BlackSq.exC > div h2{
    color:#fff;
    font-weight: 500;
}
.pageHome section.Braches div.BlackSq.exC > div h2 span{
    font-size: 2em;
    color:#50ff89;
}
.pageHome section.Braches div.BlackSq.exC > div p{
    color:#fff;
}
.pageHome section.Braches div.BlackSq.exC > div a{
    background: #50ff89;
    font-weight: 700;
    color:#000;
}

section.Braches div.BlackSq.ListSub {
    background: #efefef;
    overflow: hidden;
}


section.Braches > div:last-child img{
    width: 250px;
    margin:35px 0px;
    height: auto;
    opacity: 0.2;
}

.IntegratedExchanges h2{
    font-size: 5em;
    margin-top: 30px;
    margin-bottom: 50px;
    color: #000;
    height: auto;
    font-weight: 400;
}

section.Braches > div:first-child > div{
    max-width: 500px;
    margin: 0 auto;
    padding: 70px 65px;
    border-radius: 50px;
    min-width: 654px;
    border: solid 0px #e9e9e9;
    min-height: 264px;
    position: relative;
    top: 0;
    cursor: default;
    background: #fff;
    height: 674px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.Braches > div:first-child > div h2{
    font-size: 5em;
    line-height: 1em;
    color: #000;
}

section.Braches > div:first-child > div p{
    font-size: 2em;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
}

section.Braches > div:first-child > div a {
    width: 240px;
    text-align: center;
    margin-top: 40px;
    background: #50ff89;
    padding: 20px 65px;
    border-radius: 99px;
    height: 80px;
    color: #2b2b2b;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
}


section.Goals{
    display: flex;
    flex-direction: row;
    background: #fff;

}

section.Goals > div{
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #2b2b2b;
}

section.Goals > div:last-child{
    /*background: linear-gradient(to bottom,#45ffe3,#85fff5 );*/
    background: linear-gradient(to bottom, #c9ffe1, #d9ffea);
}

.pageAbout .Goals > div:last-child {
    background: #fff;
}

section.Goals > div:last-child > div > div{
    padding: 25px 0px;
    color: #244941;
}

section.Goals > div:last-child > div > div h3{
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 15px;
}

section.Goals > div:last-child > div > div p{
    font-size: 1em;
}

section.Goals > div:last-child > div{
    max-width: 300px;
    display: block;
    margin: 0 auto;
}

section.Goals > div video{
    position: absolute;
    height: 100%;
    object-fit: cover;
    width: auto;
}

section.Goals > div h2{
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-size: 5em;
}

section.Goals > div .overLay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(299deg, #68f1bf54, #6cf1c073, #58cfa36e, #369480bd);*/
    background: linear-gradient(299deg, #4a4b4a54, #52535273, #4049466e, #494949bd);
    z-index: 1;
    mix-blend-mode: lighten;
}




.iconFoot{
    width: 70px;
    position: absolute;
    bottom: 74px;
    animation: moveIcon 1s ease-in-out infinite; 
}

@keyframes moveIcon {
    0% { bottom:74px; }
    50% { bottom:90px; }
    100% { bottom:74px; }
}


section.CalltoAction{
    min-height: initial;
    margin-top: 30px;
    position: relative;
}

section.CalltoAction .twopart{
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:120px;
    padding-bottom:180px;
}

section.CalltoAction .twopart h3{
    color:#fff;
    line-height: 1.25em;
    text-align: center;
    font-weight: 100;
    font-size: 2.25em;
}

section.CalltoAction .twopart a{
    color: #000;
    text-decoration: none;
    margin-top: 50px;
    display: flex;
    background: #fff;
    padding: 25px 50px;
    border-radius: 99px;
    font-weight: 600;
    font-size: 1.3em;
}


.videoFooter{
    position: absolute;
    border: 0;
    left: 50%;
    width: 100%;
    bottom: 0;
    z-index: -1;
    max-width: 1200px;
    transform: translateX(-50%);
    object-fit: cover;
    height: 50vh;
}

.just_end{
    justify-content: end;
}

.just_start{
    justify-content: start;
}



.aiagents{
    display: flex;
    max-width: 1600px;
    gap: 31px;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    z-index: 8;

}


/*
.aiagents > div{
    width: 250px;
    height: 250px;
    background: #0c0c0c;
    border-radius: 43px;
}*/

.aiagents > div {
    width: calc(33% - 93px);
    height: 310px;
    background: #181818;
    border-radius: 30px;
    max-width: 430px;
    position: relative;
    top:0;
}

.aiagents > div img.arrow{
    width: 35px;
    position: absolute;
    left: 30px;
    top: 30px;
}

.aiagents > div .info{
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(50% - 30px);
}

.aiagents > div .info h2{
    font-weight: 300;
    color: #fff;
    font-size: 2em;
    margin-bottom:10px;
    cursor: pointer;
}

.aiagents > div .info p{
    color:#bdbdbd;
    font-weight: 100;
    margin-bottom: 20px;
    cursor: pointer;
}

.aiagents > div .aiagent{
    height: 102%;
    right: 13px;
    position: absolute;
    top: 14px;
}

.aiagents > div .aiagent.aidog{
    right: 0px;
}

.aiagents > div .aiagent.papayaai{
    top: initial;
    bottom: 0;
    height: 105%;
}

.aiagents > div:hover{
    top:-10px;
}


.aiagents > div ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aiagents > div ul img{
    width: 16px;
    margin-right: 16px;
    margin-top: 11px;
}




/* Scroll and Observe Animations */
.observe {
    opacity: 0;
    transform: translateY(70px);
    transition: opacity 1s ease, transform 1s ease;
}

.observe.in-viewport {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease;
}

.observe_op {
    opacity: 0;
    transition: opacity 1s ease;
}

.observe_op.in-viewport_op {
    opacity: 1;
    transition: opacity 1s ease;
}

section.Hero .twopart > div.secondSecHero video.onMobile{
    display:none;
}
section.Hero .twopart > div.secondSecHero video.onDesktop{
    display:block;
}





.topLine{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 20px;
    background: #040504;
    z-index: 10;
}

.bottomLine{
    position: fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 20px;
    background: #040504;
    z-index: 10;
}

.leftLine{
    position: fixed;
    bottom:0px;
    left:0px;
    height: 100%;
    width: 20px;
    background: #040504;
    z-index: 10;
}

.rightLine{
    position: fixed;
    bottom:0px;
    right:0px;
    height: 100%;
    width: 20px;
    background: #040504;
    z-index: 10;
}

img.right-top{
    position: fixed;
    top:0;
    right:0;
    width: 75px;
    z-index: 11;
}
img.right-bottom{
    position: fixed;
    bottom:0;
    right:0;
    width: 75px;
    z-index: 11;
}
img.left-top{
    position: fixed;
    top:0;
    left:0;
    width: 75px;
    z-index: 11;
}
img.left-bottom{
    position: fixed;
    bottom:0;
    left:0;
    width: 75px;
    z-index: 11;
}

.bannerMcAfee{
    margin-top: -15px;
    width: 100%;
}

.bannerMcAfee img{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1220px;
}

.bannerMcAfee img.dsk{
    display: block;
}

.bannerMcAfee img.mvl{
    display: none;
}





.Below.Roadmap .twopart .secondDivSec > div h3{
    font-size: 5em;
    color: #000;
    position: relative;
}

.Below.Roadmap .twopart .secondDivSec > div p{
    font-size: 2em;
    line-height: 1.3em;
    font-weight: 300;
}

.Below.Roadmap .twopart .secondDivSec > .List{
    margin-bottom:50px;
}


.Below.Benefits.Team > div .Cont > div .socials{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 60px;
    align-items: center;
}

.Below.Benefits.Team > div .Cont > div .socials img{
    width: 33px;
    margin-right: 10px;
}

.Below.Benefits.Team > div .Cont > div .Email{
    text-align: left;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    height: 50px;
}

.Below.Benefits.Team > div .Cont > div .Email img{
    width: 18px;
    margin-right:10px;
}

.Below.Benefits.Team > div .Cont > div .Pic{
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
    border-radius: 999px;
}


.Below.Benefits.Team > div > .introText{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-bottom: 150px;
    padding-top: 90px;
    padding-bottom: 150px;
    background: #f6f6f6;
    align-items: flex-end;
    z-index: 1;
}

.availabilities-banner-stripe {
    background-color: #2b2b2b;
}

.Below.Benefits.Team > div > .introText .tickerInfo{
    font-size: 2em;
    margin-bottom: 32px;
    margin-left: 4px;
    color: #b9b9b9;
}

.Below.Benefits.Team > div > .introText > div > div .textDesc{
    font-size: 2em;
    margin-top:50px;
}

.Below.Benefits.Team > div > .introText > div{
    width: 50%;
    z-index: 1;
    display: flex;
    align-items: self-start;
    justify-content: center;
}

.Below.Benefits.Team > div > .introText > div > div{
    min-width: 520px;
}

.Below.Benefits.Team > div > .introText > div:last-child > div{
    max-width: 520px;
    min-width: initial;
    font-size: 2em;
}

.Below.Benefits.Team > div > .introText > div > div h2{
    font-size: 5em;
    margin: 0;
    line-height: 1em;
}

.Below.Benefits.Team > div{
    width: 100%;
    margin-bottom:100px;
}



.pageService.pageVentures .Benefits.Team .introText{
    margin-bottom: 0;
    padding-bottom: 0;
    background:none;
    padding-top: 30px;
    padding-bottom: 20px;
    background: #fff;
}

.pageService.pageVentures .Benefits.Team {
    min-height: initial;
    padding:0px 0px 20px 0px !important
}

.pageService.pageVentures .Benefits.Team > div {
    margin-bottom:0px;
}

.pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div {
    width: 100%;
    max-width: 640px;
}



.stats .counter{
    font-size: 5em;
    font-weight: 400;
    margin-top:0px;
}

.stats{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.stats span{
    font-size: 2em;
    font-weight: 200;
    color: #fff;
}

.stats > div{
    margin-right:60px;
    margin-left:60px;
}

.pageService.pageVentures .Featuring{
    padding: 0px;
}

.pageService.pageVentures .Featuring .Advantages {
    padding: 70px 45px;
}




footer,
.footBar{
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding:40px 0px;
    margin-bottom:30px;
}

footer{
    min-height: 400px;
}

footer > div,
.footBar > div{
    max-width: 883px;
    width: 100%;
    padding: 0px 90px;
}

footer > div > div,
.footBar > div{
    width: 50%;
}

footer > div > div ul,
footer > div > ul,
.footBar > div ul{
    margin: 0;
    padding:0;
    list-style: none;
}

footer > div > .List{
    flex-direction: row;
    display: flex;
}

footer > div > .List ul{
    margin-right:60px;
    color: #244941;
}

footer > div > .List ul li{
    padding-bottom: 20px;
}

footer > div .logoFoot{
    max-width: 160px;
    margin-bottom:60px;
}

footer > div ul.socials{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    color: #244941;
}

footer > div ul.socials li a img{
    width: 40px;
    height: auto;
    margin-right: 23px;
}

footer > div ul.menuFoot{
    display: flex;
    flex-direction: row;
    margin-bottom:60px;
}

footer > div ul.menuFoot li{
    margin-right:30px;
}

footer > div ul.menuFoot p{
    margin-right:30px;
    color: #000;
}

footer {
    align-items: flex-start;
    padding: 90px 0px 80px 0px;
}

.footBar{
    padding:0;
}

footer a,
.footBar a,
footer a:hover,
.footBar a:hover{
    color:#000;
    text-decoration: none;
}

.footBar a.gettouch{
    background: #23ff86;
    padding: 34px 50px;
    height: 100%;
    text-decoration: none;
    font-size: 2em;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
}

.footBar a.gettouch img{
    width: 40px;
}





/* ABOUT */

    .pageAbout section.Hero .buttons{
        margin-top: 37px;
    }

    .pageAbout section.Hero .buttons img{
        width: 230px;
        margin-right:35px;
    }

    .pageAbout .Hero .videoHero {
        position: absolute;
        top: 50%;
        width: 100%;
        filter: contrast(1) saturate(1);
        right: 0;
        object-fit: cover;
        height: 100%;
        transform: translateY(-50%);
    }

    .pageAbout section.Hero{
        min-height: 100vh;
        z-index: 1;
    }

    .curso{
        position: absolute;
        left:0;
        z-index: 1;
        bottom: 0;
        height: 2px;
        width: 50px;
        background: #50ff89;
        z-index: 0;
    }



    .pageAbout .SubCompanies{
        min-height: 27vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        overflow: hidden;
    }
    .pageAbout .SubCompanies > div{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        max-width: 1300px;
        padding: 0px 50px;
        height: 27vh;
        position: relative;
    }
    .pageAbout .SubCompanies > div > div{
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .pageAbout .SubCompanies > div > div a{
        padding: 20px 40px;
        border-radius: 99px;
        height: 80px;
        color: #2cff72;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 700;
        line-height: normal;
        width: 305px;
        font-size: 1em;
        background: #22292a;
        background-size: 200% auto;
        animation: gradient-move 2s ease infinite;
        position: relative;
        z-index: 1;
    }

    .pageAbout section.Hero .twopart > div h1 .subTitle {
        font-size: 18px;
    }

    .pageAbout .SubCompanies > div > div a img{
        width: 25px;
        position: relative;
        left:0;
    }

    .pageAbout .SubCompanies > div > div a:hover{
        padding: 20px 30px;
    }

    .logoP {
        opacity: 0;
        transition: opacity 0.5s;
        z-index:0;
    }
    
    .logoP.active {
        opacity: 1;
    }


    .pageAbout .SubCompanies img{
        width: 300px;
        position: relative;
        z-index: 2;
    }

    section.Hero .twopart > div h1 .subTitle {
        margin-bottom: 0px;
    }

    .pageAbout section.Below .twopart > div.secondDivSec h2 {
        font-size: 2.5em;
        line-height: 1.05em;
        padding: 0px 0px 0px 0px;
        color: #244941;
    }

    .pageAbout section.Below .twopart > div.secondDivSec > div > span {
        left: 0;
        right: initial;
        padding: 0px 80px;
        font-size: 10em;
    }

    .pageAbout section.Below .twopart > div.secondDivSec .List ul li {
        padding: 2px 0px;
        font-size: 1.4em;
        line-height: 1.5em;
        font-weight: 300;
        color: #000000;
        letter-spacing: 1px;
    }


    .pageAbout section.Braches > div:last-child > div p.unactive{
        color:#0a0a0a;
    }

    .pageAbout section.Braches > div:last-child > div p.active{
        color:blue;
    }

    .pageAbout .Goals > div:last-child > div,
    .pageAbout .Braches > div:first-child > div {
        max-width: 100%;
    }

    .pageAbout .Goals > div:last-child > div{
        max-width: 500px;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .pageAbout section.Goals > div:last-child > div p {
        font-size: 1.5em;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .pageAbout section.Goals > div:last-child > div a.learnM {
        background: #2b2b2b;
        padding: 20px 56px;
        border-radius: 99px;
        height: 71px;
        color: #50ff89;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        margin-top: 25px;
        width: 240px;
        text-align: center;
        margin-top: 40px;
    }

    .pageAbout section.Goals > div:last-child > div a.mailM {
        text-decoration: none;
        color: #06814f;
        font-weight: 500;
        font-size: 1.5em;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .pageAbout section.Goals > div:last-child > div a.mailM img{
        width: 21px;
        margin: 0px 10px 0px 0px;
    }

    .pageAbout section.Braches > div:last-child > div a img{
        width: 19px;
        margin: 0px 6px -2px 0px;
        opacity: 1;
    }


    .pageAbout section.Goals > div video {
        position: absolute;
        height: 100%;
        object-fit: cover;
        width: auto;
    }

    .pageAbout section.Braches > div video {
        position: absolute;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .pageAbout section.Braches > div:last-child > div .greenCo{
        color: #2b2b2b;
        text-decoration: none;
        font-size: 1.5em;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }

    .pageAbout section.Braches > div .overLay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #2b2b2b;
        opacity: 0.7;
        border-radius: 30px;
    }

    .pageAbout section.Braches > div h2{
        position: absolute;
        z-index: 2;
        text-align: center;
        color: #fff;
        width: 100%;
        font-size: 5em;
        font-weight: 500;
    }

    .pageAbout section.Goals > div h2{
        font-size: 4em;
    }

    .pageAbout .Braches .bckInfra,
    .pageAbout .Goals .bckInfra {
        top: 0;
        left: 0;
        width: 100%;
        position: absolute;
        z-index: 0;
        margin:0;
    }

    .pageAbout section.Goals > div:first-child > div {
        max-width: 500px;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .pageAbout section.Goals > div:first-child > div h2 {
        font-size: 4.5em;
        line-height: 1em;
        color: #244941;
    }

    .pageAbout section.Goals > div:first-child > div p{
        font-size: 2em;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .pageAbout section.Braches > div:last-child > div p.SmallerText{
        font-size: 1.3em;
        line-height: 1.5em;
    }

    .pageAbout section.Goals > div:first-child > div a {
        background: #2b2b2b;
        padding: 20px 56px;
        border-radius: 99px;
        height: 71px;
        color: #50ff89;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        margin-top: 25px;
        width: 240px;
        text-align: center;
        margin-top: 40px;
    }

    .spacer{
        opacity: 0;
        height: 10px;
        display: block;
        width: 100%;
    }

    .pageAbout .Hero .overLay{
        background: linear-gradient(299deg, #4b4a4a21, #4b4a4a40, #5352524a, #262d2a91, #494949a3);
    }



    .barScrolly_Blow {
        position: absolute;
        width: 2px !important;
        left: calc(50% - 0px);
        height: 100vh;
        background: #dbdbdb;
        top: 0px;
        z-index: 3;
        opacity: 1;
        display: none !important;
    }


    .pageAbout section.Braches > div:last-child {
        background: #fff;
    }

    .pageAbout section.Braches > div:last-child > div {
        max-width: 500px;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .pageAbout section.Braches > div:last-child > div h2 {
        font-size: 4.5em;
        line-height: 1em;
        color: #244941;
    }

    .pageAbout section.Braches > div:last-child > div p{
        font-size: 1.5em;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 20px;
    }


/* FIN ABOUT */


/* Services */

    .pageService section.Hero {
        min-height: 50vh;
        overflow: hidden;
        position: relative;
        background: #000;
    }

    .pageService.Liquidity section.Hero {
        min-height: 50vh;
        z-index: 1;
    }

    .pageService section.Hero .twopart > div.firstSecHero {
        width: 100%;
        text-align: center;
    }
    .pageService section.Hero .twopart > div.secondSecHero {
        width: 100%;
        text-align: center;
    }


    .pageService.pageExec section.Hero .twopart > div.secondSecHero{
        margin: 0px 0px 20px 0px;
    }



    .pageService section.Hero .twopart {
        flex-direction: column;
        align-items: center;
        justify-content: end;
        padding-bottom: 100px;
    }

    .pageService.Contact section.Hero .twopart {
        padding-bottom: 80px;
    }

    .pageService.Liquidity section.Hero .twopart {
        flex-direction: column;
        align-items: center;
        justify-content: end;
        padding-bottom: 50px;
    }

    .pageService section.Hero .twopart > div.secondSecHero{
        margin: 0;
    }

    .pageService.Liquidity section.Hero .twopart > div.secondSecHero{
        margin-bottom:15px;
    }

    .pageService section.Hero .twopart > div.secondSecHero p{
        font-weight: 100;
        line-height: 1.4em !important;
        font-size: 2em;
        letter-spacing: 1.6px;
    }

    .pageService section.Hero .twopart > div.secondSecHero p{
        color: #fff;
        font-weight: 100;
        line-height: 1.8em;
    }

    .pageExec .Hero .twopart > div h1{
        margin-top:10px;
    }



    .pageService .Featuring {
        align-items: center;
        padding: 50px 0px 80px 0px;
        min-height: initial;
        min-height: 50vh;
    }

    section.Below > div > .Cont > div::before{
        width: 10px;
        height: 3px;
        position: absolute;
        top: -3px;
        background: #00ff55;
        transform: translate(-50%);
    }

    .pageService .Featuring .exchanges p,
    .pageService .Featuring .exchanges2 p,
    .pageService .Featuring .exchanges3 p{
        font-size: 2em;
        font-weight: 500;
    }


    .Below.Screen{
        min-height: initial;
        overflow: visible;
        position: relative;
    }

    .pageService .Below > div > .Cont{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        gap: 25px;
        margin-top: 0px;
        flex-wrap: wrap;
    }

    .pageService.Liquidity section.Below > div > .Cont > div{
        width: 300px;
        padding: 42px 30px 34px 30px;
        /*box-shadow: 1px -13px 20px 19px rgb(0 0 0 / 4%);*/
        border-radius: 0px;
        min-height: 250px;
        background: #fff;
        position: relative;
        border: 0;
        color: #000;
        border-left: solid 1px #dfdfdf;
        border-bottom: solid 1px #dfdfdf;
        border-top: solid 0px #dfdfdf;
        min-height: 240px;
    }

    .pageService.Liquidity section.Below > div > .Cont > div:first-child{
        border-left: solid 1px #dfdfdf;
    }

    .Advantages{
        width: calc(100% - 60px);
        background: #2b2b2b;
        padding: 60px 45px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        color: #fff;
        position: relative;
        margin: 30px;
    }

    .pageService.pageExec .Below.Benefits > div > .Cont > div.aTter {
        min-height: 335px !important;
    }

    /*
    .Advantages::before{
        content: "";
        height: 3px;
        width: 80px;
        background: #50ff89;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0px;
        position: absolute;
    }*/

    .Advantages p{
        font-size: 1.9em;
        padding: 20px 40px;
        line-height: 1.4em;
        letter-spacing: 1.6px;
        font-weight: 200;
        position: relative;
    }

    .Advantages p:before{
        content: "";
        position: absolute;
        right: 30px;
        bottom: 30px;
        height: 5px;
        width: 5px;
        background: #50ff89;
    }

    .pageService .Featuring .exchanges, 
    .pageService .Featuring .exchanges2, 
    .pageService .Featuring .exchanges3{
        text-align: center;
        justify-content: center;
        color: #ababab;
        padding: 1rem;
    }

    .pageService section.Below > div > .Cont > div{
        min-height: 255px;
    }


    .pageService.Liquidity section.Below > div > .Cont > div:hover:before{
        top:-13px;
    }

    .pageService section.Below > div > .Cont > div h2{
        margin-bottom: 30px;
        color: #000;
        font-size: 2em;
        font-weight: 300;
    }

    .pageService.pageExec section.Below > div > .Cont > div h2{
        margin-bottom: 0;
    }

    .pageService section.Below > div > .Cont > div p{
        line-height: 1.4em;
    }

    .titleLiquidity {
        text-align: center;
        font-weight: 300;
        font-size: 2em;
        margin-top: 100px;
        line-height: 1.4em;
        margin-bottom: 0;
    }

    .pageService section.Below a.action{
        background: #2b2b2b;
        padding: 20px 40px 20px 45px;
        border-radius: 99px;
        height: 80px;
        color: #50ff89;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        text-align: center;
    }

    .pageService section.Below_two a.action{
        background: #50ff89;
        padding: 20px 40px 20px 45px;
        border-radius: 99px;
        height: 80px;
        color: #000;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        text-align: center;
    }

    .pageService section.Below_two a.action::before{
        content:"";
        width: 100%;
        position: absolute;
        height: 1px;
        background: #ebebeb;
        z-index: -2;
        margin-top: 40px;
    }

    .pageService section.Below_two a.action img{
        width: 23px;
        margin-left:40px;
    }

    .pageService section.Below a.action img{
        width: 23px;
        margin-left:40px;
    }

    .pageService section.Below > p{
        text-align: center;
        font-weight: 500;
        line-height: 1.4em;
    }

    .pageService section.Below_two{
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50vh;
        overflow: hidden;
        position: relative;
    }

    .pageService section.Below_two > div p{
        line-height: 1.4em;
        color: #000;
        font-size: 2em;
        font-weight: 200;
        text-align: center;
        max-width: 820px;
        display: block;
        margin-bottom: 50px;
        font-size: 2em;
        font-weight: 300;
    }

    .pageService section.Below_two h2{
        font-size: 5em;
        font-weight: 300;
        color: #000;
        line-height: 1.15em;
        margin-bottom: 14px;
    }

    .pageService section.Below_two > div{
        max-width: 800px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 50px 0px 100px 0px;
        z-index: 1;
    }

    .pageService section.Below_two video{
        z-index: 0;
        position: absolute;
        opacity: 0.15;
        top: -30px;
        width: 100%;
    }



    .pageService.pageExec section.Hero{
        min-height: 65vh;
    }

    .pageService.pageExec section.Below.Benefits{
        flex-direction: row;
        align-items: flex-start;
        background: #fff;
        padding-bottom: 60px;
        padding-top: 70px;
        min-height: initial;
    }

    .pageService.Liquidity section.Below.Benefits > div > .Cont > div.aTter {
        min-height: 275px !important;
    }

    .pageHome .loadVi{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1;
        animation: uncoverHome 0.5s ease-in-out forwards;
        display: none;
    }


    .pageService.Liquidity .Below.Benefits {
        min-height: initial !important;
        z-index: 1;
        position: relative;
    }

    .pageService.pageExec section.Below img.interface {
        margin-top: -60px;
        width: 100%;
        border-radius: 30px;
        max-width: 880px;
    }

    .interface.half{
        position: relative;
        border-radius: 30px;
        margin: -150px 0px 0px 0px;
        z-index: 1;
        transform: translateX(-50%);
        left: 50%;
        width: 100%;
        max-width: 880px;
    }

    .pageService.pageExec section.Below > div:first-child{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top:0px;
    }

    .pageService.pageExec .Featuring .titleBenefits{
        text-align: center;
        max-width: 820px;
        display: block;
        margin-bottom: 75px;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4em;
    }

    .pageService.pageExec section.Below > div:first-child div.mains{
        max-width: 508px;
        margin-left: 180px;
    }

    .pageService.pageExec section.Below > div:first-child div.mains img{
        width: 200px;
    }

    .pageService.pageExec section.Below > div:first-child div.mains h2{
        font-size: 2em;
        color: #000;
        font-weight: 600;
    }

    .pageService.pageExec section.Below > div:first-child div.mains h2 span{
        color: #497e67;
    }

    .pageService.pageExec section.Below > div:first-child div.mains p{
        line-height: 1.4em;
    }

    .pageService.pageExec section.Below > div:first-child div.Cont h2 {
        font-size: 1.6em;
    }

    .pageService.Liquidity .Hero .videoHero {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        transform: none;
    }

    .pageService.pageExec .Hero .videoHero {
        position: absolute;
        right: 0;
        width: 100%;
    }


    .pageService.pageVentures section.Below.Benefits{
       overflow: visible;
       padding: 0px 0px 80px 0px !important;
       z-index: 1;
       position: relative;
    }

    .pageService.pageVentures section.Hero {
        min-height: 65vh;
    }

    .pageService.pageVentures section.Hero .twopart > h1{
        margin-bottom: 45px;
    }

    .pageService.pageVentures section.Hero .twopart > div.secondSecHero {
        margin: 0px 0px 20px 0px;
    }

    .pageService.pageVentures .Below.Benefits > div > .Cont{
        padding-bottom: 50px;
    }


    .pageService.pageVentures section.Below > div > .Cont > div {
        min-height: initial;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 0px 50px 50px 50px !important;
        max-width: 550px;
        width: 100%;
        margin-bottom: 70px;
        min-height: 310px;
    }

    .barScrolly span {
        padding: 20px 23px;
        width: 175px;
        text-align: right;
        border-radius: 10px;
        color: #44635d;
        opacity: 0;
        font-weight: 800;
        font-size: 2.3em;
        position: absolute;
        right: 0px;
    }

    .barScrolly span::before {
        display: none;
    }

    .pageService.pageVentures section.Below .twopart > div.secondDivSec h2 {
        font-size: 2.5em;
    }

    .Below.Benefits{
        background: #fff;
    }
    .Below.Benefits > div {
        border-radius: 0px;
        display: flex;
        align-items: center;
    }

    .pageService.pageExec section.Below.Benefits > div > .Cont > div {
        min-height: initial !important;
        padding-bottom: 30px !important;
        margin-bottom: 50px;
    }

    .pageExec .Below.Benefits > div > .Cont > div h3 {
        font-size: 2em;
        margin-bottom: 0;
        font-weight: 500;
        color: #000;
        text-align: left;
        line-height: 1.2em;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .pageService.pageVentures section.Below .twopart > div.secondDivSec{
        background: #fff;
    }

    .pageService.pageVentures section.Below .twopart div.firstDivSec {
        margin: 30px;
        border-radius: 30px;
        align-items: center;
    }

    .pageService.pageVentures section.Below .twopart div.firstDivSec > div {
        display: flex;
        flex-direction: column;
        max-width: 600px;
        justify-content: space-between;
    }

    .pageService.pageVentures section.Below .twopart div.firstDivSec h2{
        width: 100%;
        max-width: 690px;
        padding: 0px;
        line-height: 1.1em;
        font-size: 5em;
    }

    .effectButton{
        text-align: center;
        margin-top: 40px;
        background: #2b2b2b;
        padding: 20px 65px;
        border-radius: 99px;
        height: 80px;
        color: #50ff89;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 20px;
        line-height: normal;
        flex-direction: column;
        padding: 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: hidden;
    }

    .pageService.pageVentures section.Below .twopart div.firstDivSec > div .effectButton{
        max-width: 240px;
    }


    .pageService.pageVentures section.Below .twopart div.firstDivSec h2::before{
        display: none;
    }

    .pageService.pageVentures section.Below.Roadmap .twopart > div.secondDivSec > div > div:last-child{
        padding-bottom:250px;
    }

    .pageService.pageVentures section.Below.Roadmap .twopart > div.secondDivSec > div > div:first-child{
        padding-top:350px;
    }

    .pageExec .Below.Benefits > div > .Cont > div h3 span {
        position: relative;
        font-weight: 200;
        color: #2b2b2b;
        margin-bottom: 40px;
    }

    .pageExec .Below.Benefits > div > .Cont > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 270px;
        padding: 0px 40px 0px 40px !important;
        border-radius: 0;
        background: #fff;
        position: relative;
        color: #000;
        border-left: solid 1px #dfdfdf;
    }

    .Below.Benefits{
        min-height: 70vh;
        align-items: center;
    }
    .Below.Benefits > div {
        border-radius: 0px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .Below.Benefits > div h2{
        font-size: 8.5em;
        margin-bottom: 70px;
        margin-top: 70px;
        color: #000;
    }

    .Below.Benefits > div > .Cont > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        max-width: 400px;
        width: 100%;
        padding: 0px 40px 0px 40px !important;
        border-radius: 0;
        background: #fff;
        position: relative;
        color: #000;
        border-left: solid 1px #dfdfdf;
        min-height: 275px;
    }

    .Below.Benefits > div > .Cont > div.aTter{
        min-height: 435px;
    }

    .Below.Benefits > div > .Cont > div h3{
        font-size: 2em;
        margin-bottom: 63px;
        font-weight: 500;
        color: #000;
        text-align: left;
        line-height: 1.2em;
        position: relative;
    }

    .Below.Benefits > div > .Cont > div h3 span{
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        font-weight: 200;
        font-size: 1em;
        color: #2b2b2b;
    }



    .Below.Benefits > div > .Cont > div p{
        padding: 0px 0px 0px 0px !important;
        text-align: left;
        line-height: 1.4;
        font-size: 1em;
    }

    .pageHome section.Below > div > .Cont{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        gap: 25px;
        flex-wrap: wrap;
    }

    .pageService.Liquidity section.Below.Benefits > div > .Cont > div {
        width: 400px;
        border-bottom: solid 0px;
    }

    .pageService.Liquidity section.Below.Benefits > div > .Cont{
        margin-top:40px;
        margin-bottom:40px;
    }

    .pageService.Liquidity section.Below.Benefits > div > .Cont > div:last-child {
        border-right: solid 0px;
    }

    .Below.Benefits > div > .Cont{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        gap: 0px !important;
        flex-wrap: wrap;
        width: 100%;
    }


    @keyframes uncoverHome {
        from {
            width: 100%;
        }
        to {
            width: 0%;
        }
    }


/* FIN Services */


.forDesktop{
    display:block;
}

.forMobile{
    display:none;
}

.menuMobile{
    display: none;
}

.closeBtn{
    display: none;
    position: fixed;
    width: 25px;
    height: auto;
    top:30px;
    right:30px;
    cursor: pointer;
    right:-100px;
}

.menu_btn_black,
.menu_btn_white{
    position: fixed;
    width: 38px;
    height: auto;
    top:30px;
    right:-100px;
    cursor: pointer;
    display:none;
}




@media (max-width: 1500px) {

    .Below.Benefits > div > .Cont > div.aTter {
        min-height: 260px !important;
    }
    .Below.Benefits > div > .Cont > div {
        min-height: 260px !important;
        margin-bottom: 60px;
    }
    h1{ font-size: 5em !important; }
    h2{ font-size: 4em !important; }
    h2 + p{ font-size: 2em !important; line-height: 1.3em;}

    section.Braches > div:first-child > div {
        justify-content: center;
    }
    .ListSub a.LearnMore {
        margin-top: 5px;
    }
    .ListSub > div > div {
        padding: 50px 50px;
    }
    .pageHome section.Hero .twopart > div h1{
        margin-top:60px;
    }
    section.Braches > div:first-child > div a {
        margin-top: 10px;
    }
    .pageHome .Below.Benefits > div h2{
        font-size: 6em !important;
    }
    header ul li a {
        padding: 20px 18px;
    }
    header ul li a.Special {
        margin-left: 20px;
    }
    .effectButton {
        margin-top: 0;
    }
    section.Hero .twopart > div .subTitle {
        font-size: 2em;
        width: 100%;
        line-height: 1.3em;
    }
    .pageHome section.Hero .twopart > div .subTitle {
        width: 115%;
        max-width: initial;
    }

    section.Hero .subTitle {
        font-weight: 200 !important;
        letter-spacing: 1px !important;
    }

    .pageAbout section.Hero .twopart > div .subTitle {
        width: 95%;
        text-align: left;
    }
    section.Braches > div:first-child > div {
        padding: 70px 100px;
    }
    section.Braches > div:first-child > div p{
        padding:30px 0px;
    }
    .titleLiquidity {
        font-size: 3em !important;
        line-height: 1.3em;
        padding: 0px 50px;
    }
    .titleLiquidity br {
        display: none;
    }
    .pageService section.Below_two h2 {
        line-height: 1.3em;
    }

    .pageService.pageExec .Braches > div:first-child > div p {
        padding: 30px 0px 0px 0px;
    }

    .interface.half {
        margin: -100px 0px 0px 0px;
    }

    .pageService.pageExec .Below.Benefits > div > .Cont > div.aTter {
        min-height: initial !important;
    }

    .pageService.pageExec .Featuring .titleBenefits {
        line-height: 1.3em;
        max-width: 980px;
    }

    .pageService .Featuring {
        padding: 35px 0px 35px 0px;
    }

    .pageService section.Hero {
        min-height: 70vh !important;
    }

    .pageService.Liquidity section.Hero .twopart {
        padding-bottom: 0;
        justify-content: flex-end;
        margin-bottom: 100px;
    }
    .pageService section.Hero .twopart > div h1{
        margin-bottom: 25px;
    }
    .pageService.pageExec section.Hero .twopart > div h1 {
        margin-bottom: 25px;
    }
    .pageService section.Hero .twopart > div.secondSecHero {
        margin-bottom: 0 !important;
    }
    
    section.Hero .twopart {
        max-width: 1300px;
    }
    .Below.Benefits.Team > div > .introText > div > div {
        min-width: 459px;
        line-height: 1.3em;
    }
    .pageService.pageVentures section.Below .twopart div.firstDivSec {
        padding: 60px 80px;
    }
    .pageService.pageVentures section.Below .twopart div.firstDivSec h2 {
        margin-bottom: 50px;
    }
    .barScrolly{
        left:calc(50% + 3px);
    }

    .pageAbout .barScrolly{
        left:calc(50% + 0px);
    }

    .pageService.pageVentures .Featuring .Advantages {
        margin-bottom: 70px !important;
        margin-top: 70px !important;
    }
    .stats span {
        font-size: 1.2em;
        letter-spacing: 1px;
    }
    .stats > div {
        text-align: left;
        margin-right: 50px;
        margin-left: 50px;
    }
    footer > div > div, .footBar > div {
        width: 100%;
    }
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div {
        width: 100%;
        max-width: 640px;
        padding: 20px 80px 0px 80px;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div:first-child > div {
        padding: 20px 20px 0px 80px;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB{
        font-size: 2em !important;
        line-height: 1.3em;
        margin-top: 70px;
        padding-left:15px;
    }

    .pageAbout .Below.Benefits.Team > div > .introText {
        margin-bottom: 80px;
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .pageService section.Hero .twopart > div.secondSecHero p {
        font-size: 2em;
        line-height: 1.3em !important;
        font-weight: 200 !important;
        letter-spacing: 1px !important;
    }

    .pageService.Contact section.Hero .twopart {
        justify-content: end;
        padding-bottom: 100px;
    }

    .pageService.Contact section.Hero .twopart > div.secondSecHero {
        margin: 0px 0px 20px 0px;
    }

    .pageService.pageVentures .Benefits.Team .introText {
        padding-top: 20px;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText {
        align-items: flex-start;
    }


}



@media (max-width: 1420px) {
    section.Hero .twopart > div.firstSecHero{
        padding: 30px;
    }
    section.Braches > div:first-child > div {
        padding: 70px 160px 70px 40px;
    }
    section.Hero .twopart > div h1 {
        font-size: 4em !important;
    }
}



@media (max-width: 1050px) {
    section.Hero .twopart > div.firstSecHero {
        padding: 0px;
    }
    .forDesktop{
        display:none;
    }
    
    .forMobile{
        display:block;
    }

    section.Hero .twopart > div.firstSecHero {
        width: 100%;
    }

    section.Hero .twopart {
        flex-direction: column;
        justify-content: end;
    }
    section.Hero .twopart > div h1 {
        text-align: center;
    }
    section.Hero .twopart > div .subTitle {
        text-align: center;
    }
    section.Hero .twopart > div.firstSecHero > div {
        width: 100%;
        max-width: 520px;
    }

    .pageAbout .Hero .twopart > div.firstSecHero > div {
        max-width: inherit;
    }

    section.Hero .twopart > div.firstSecHero {
        width: 100%;
    }
    section.Hero .twopart > div .subTitle {
        width: 100%;
        max-width: initial;
        text-align: center;
    }
    section.Hero .twopart > div .buttons {
        justify-content: flex-start;
        margin-left: 30px;
        margin-top: 30px;
    }
    header ul{
        display: none;
    }

    h2 {
        font-size: 3em !important;
    }
    h2 + p {
        font-size: 1.5em !important;
        line-height: 1.3em;
    }

    section.Hero .twopart > div h1 {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 20px 30px;
        font-size: 3em !important;
        text-align: left;
    }

    footer, .footBar {
        flex-direction: column;
        padding: 0;
        margin-bottom: 0;
    }

    footer > div, .footBar > div {
        max-width: initial;
        width: 100%;
        padding:0;
    }

    .footBar a.gettouch {
        padding: 34px 50px 94px 50px;
        border-radius: 0;
        margin-top: 40px;
    }

    .footBar > div:first-child{
        padding:50px 30px 0px 30px;
    }

    footer{
        padding: 0px 30px;
    }

    footer > div > .List {
        flex-direction: column;
    }

    footer > div ul.menuFoot li {
        margin-right: 0px;
        padding-bottom: 30px;
    }
    footer > div > .List ul li {
        padding-bottom: 30px;
    }

    footer > div ul.menuFoot {
        flex-direction: column;
    }
    .footBar a.gettouch {
        padding: 34px 30px 94px 30px;
    }

    .Below.Benefits > div > .Cont > div {
        flex-direction: column;
        max-width: initial;
        width: 100%;
        padding: 0px 30px 0px 30px !important;
        border-left: solid 0px #dfdfdf;
        min-height: initial;
        border-bottom: solid 1px #ccc;
    }
    .pageAbout .Below.Benefits > div > .Cont > div {
        padding: 0px 30px 50px 30px !important;
    }
    .Below.Benefits > div > .Cont > div:last-child {
        border-bottom: solid 0px #ccc;
    }
    .Below.Benefits > div > .Cont > div h3 {
        margin-bottom: 50px;
        padding-right: 60px;
    }
    .Below.Benefits > div > .Cont > div p {
        width: 80%;
    }
    .Below.Benefits > div {
        align-items: flex-start;
    }

    footer > div .logoFoot {
        margin-bottom: 40px;
    }
    .pageHome .Below.Benefits > div h2 {
        font-size: 3em !important;
        padding: 0px 30px;
        width: 100%;
    }



    .pageAbout section.Braches {
        flex-direction: column;
    }
    .pageAbout section.Braches > div:last-child {
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 30px;
        margin-bottom: 100px;
    }
    .pageAbout .Braches > div:first-child {
        margin: 30px;
        width: calc(100% - 60px);
        height: 500px;
        border-radius: 30px;
    }

    .pageAbout section.Braches > div h2{
        font-size: 3em !important;
    }





    .Below.Benefits.Team > div > .introText {
        flex-direction: column;
        width: 100%;
        padding:70px 30px 80px 30px;
    }
    .Below.Benefits.Team > div > .introText > div {
        width: 100%;
        display: block;
    }
    .Below.Benefits.Team > div > .introText > div > div {
        width: 100%;
    }
    .Below.Benefits.Team > div > .introText .tickerInfo {
        margin-left: 0;
    }
    .Below.Benefits.Team > div > .introText > div:last-child > div {
        max-width: initial;
        min-width: initial;
    }
    .Below.Benefits.Team > div > .introText > div > div h2 {
        font-size: 4em;
        margin: 0px 0px 25px 0px;
    }



    .pageService.Liquidity section.Below.Benefits > div > .Cont > div {
        width: 100%;
    }
    .pageService.Liquidity section.Below > div > .Cont > div:first-child {
        border-left: solid 0px #dfdfdf;
    }
    .pageService.Liquidity section.Hero .twopart {
        padding-bottom: 0;
        justify-content: center;
        margin-bottom: 0;
    }
    .pageService section.Hero {
        min-height: 100vh !important;
    }
    .pageService section.Hero .twopart {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
    }


    .pageExec .Below.Benefits > div > .Cont > div {
        width: 100%;
        padding: 0px 30px 0px 30px !important;
        border-left: solid 0px #dfdfdf;
    }
    .interface.half {
        margin: 30px 30px 0px 30px;
        width: calc(100% - 60px);
        transform: none;
        left: 0;
    }

    .Advantages p:before{
        display: none;
    }
    .Advantages {
        margin: 30px 30px 100px 30px;
    }
    .pageService.pageExec .Featuring .titleBenefits {
        line-height: 1.3em;
        max-width: 100%;
        font-size: 2em !important;
        padding: 0px 30px 0px 30px;
    }
    .pageExec .Below.Benefits > div > .Cont > div h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    .pageService.pageExec section.Below img.interface {
        width: calc(100% - 60px);
        border-radius: 30px;
        max-width: 100%;
        margin: -60px 30px 30px 30px;
    }

    .Advantages p {
        font-size: 1.4em;
        padding: 30px 20px;
    }


    .pageService.pageVentures .Hero .videoHero {
        object-fit: cover;
        height: 100%;
        filter: contrast(1.5) saturate(1.2);
        top: 40%;
    }
    .Below.Benefits.Team > div > .introText > div > div {
        min-width: initial;
    }
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div:first-child > div {
        padding: 50px 0px 0px 0px;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB {
        margin-top: 40px;
        max-width: initial;
        padding: 0;
    }

    .stats {
        flex-direction: column;
    }
    .stats > div {
        text-align: center;
        padding: 30px 10px;
        margin: 0;
    }
    .pageService.pageVentures section.Below > div > .Cont > div {
        min-height: initial;
        padding: 60px 30px !important;
        max-width: initial;
        margin: 0;
    }

    .pageService.Contact section.Hero .twopart {
        justify-content: center;
        padding-bottom: 0;
    }

    header {
        height: 100px;
        padding: 0px 30px;
    }

    .IntegratedExchanges h2 {
        font-size: 3em !important;
        text-align: center;
    }


    /* Exchanges */

    .Braches.IntegratedExchanges .Featuring {
        margin-bottom: 100px;
    }
    .Featuring .exchanges, .Featuring .exchanges2, .Featuring .exchanges3 {
        flex-direction: row;
    }
    .Featuring .exchanges img, .Featuring .exchanges2 img, .Featuring .exchanges3 img{
        margin: 35px 0px !important;
        height: 32px !important;
    }

    .Braches.IntegratedExchanges .Featuring{
        padding: 50px 0px;
        border-radius: 0px !important;
        width: 100% !important;
    }




    section.Braches > div:first-child > div {
        padding: 60px 30px 70px 30px;
        max-width: initial;
        min-width: initial;
        height: initial;
        min-height: initial;
        width: 100%;
        max-width: 530px !important;
    }

    section.Braches {
        flex-direction: column;
    }
    section.Braches {
        flex-direction: column;
    }

    section.Braches div.BlackSq {
        height: initial;
        width: 100%;
        margin: 0px !important;
        margin-top: 10px !important;
    }

    section.Braches div.BlackSq > div {
        max-width: initial;
        width: 100%;
    }

    .ListSub > div > div {
        width: calc(100% - 60px);
        min-width: initial;
        padding: 0;
        opacity: 1;
        margin: 80px auto;
        background: none;
    }

    section.Braches div.BlackSq.ListSub {
        background: #fff;
    }

    .ListSub > div {
        max-width: initial;
        height: initial;
    }
    section.Braches > div {
        width: 100%;
    }

    /*.ListSub > div > div:first-child, .ListSub > div > div:last-child, .ListSub > div > div.notV{
        display: none;
    }*/

    section.Braches > div:first-child > div p {
        padding: 3px 0px;
    }

    .pageService.Liquidity section.Below a.action {
        margin: 0 auto;
    }
    .titleLiquidity {
        font-size: 2.5em !important;
    }

    .pageService.Liquidity section.Below_two h2{
        font-size: 3em !important;
        line-height: 1.15em;
    }

    .pageService.Liquidity section.Below_two > div p {
        font-size: 1.5em;
        padding: 0px 30px;
    }


    .pageService.pageVentures section.Below .twopart {
        flex-direction: column;
    }
    section.Below .twopart div.firstDivSec {
        width: calc(100% - 60px);
    }
    .pageService.pageVentures section.Below .twopart div.firstDivSec {
        padding: 80px 30px;
    }
    .pageService.pageVentures section.Below.Roadmap .twopart > div.secondDivSec > div {
        justify-content: flex-start;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0px 30px;
        width: calc(100% - 60px);
        max-width: initial;
    }
    .pageService.pageVentures section.Below.Roadmap .twopart > div.secondDivSec > div > div:first-child {
        padding-top: 30px;
    }

    .pageService.pageVentures section.Below.Roadmap {
        height: initial;
    }

    .pageService.pageVentures section.Below .twopart > div.secondDivSec {
        padding-top: 0px;
        width: 100%;
    }

    .pageAbout .Below.Benefits > div > .Cont > div:last-child{
        border-bottom: solid 1px #ccc;
    }

    .pageAbout section.Below .twopart {
        width: 100%;
        border-radius: 30px;
        margin: 30px;
        flex-direction: column;
    }

    .pageAbout .Below .twopart div.secondDivSec {
        padding-top: 0px;
        width: 100%;
        margin: 60px 0px 0px 0px !important;
        border-radius: 30px 30px 30px 30px;
        background: none;
    }

    section.Below.Roadmap .twopart > div.secondDivSec > div {
        padding: 0px;
        margin-left: 0;
    }

    section.Below.Roadmap .twopart > div.secondDivSec > div > div {
        padding-bottom: 70px;
        background: #efefef;
        border-radius: 30px;
        padding: 40px 30px 40px 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .pageAbout section.Below.Roadmap {
        height: initial;
    }

    .pageHome .ListSub > div p {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .pageHome .ListSub a.LearnMore {
        margin-top: 15px;
    }

    .pageHome .ListSub > div h2 br{
        display: none
    }

    .pageHome .ListSub > div h2{
        margin-top:20px;
    }


    .pageService.Liquidity section.Below.Benefits > div > .Cont > div{
        border-bottom: solid 1px #dfdfdf;
        min-height: initial !important;
        padding-bottom:60px !important;
    }
    .pageService.Liquidity section.Below.Benefits > div > .Cont > div:last-child{
        border-bottom: solid 0px #dfdfdf;
    }

    .pageHome .ListSub > div > div.notV{
        display: none;
    }

    .pageHome .ListSub > div > div:first-child{
        display: none;
    }

    .pageHome .ListSub > div > div {
        width: 100%;
        margin: 80px 0px;
        padding: 30px;
    }

    .pageHome .ListSub > div > div > div{
        background: #FFF;
        padding: 40px 35px 30px 35px;
        border-radius: 30px;
        min-height: 600px;
    }

    .pageHome section.Braches div.BlackSq {
        margin-top: 0px !important;
        background: #e3e3e3;
    }

    .pageExec section.Braches > div:first-child > div > div, .pageExec .ListSub > div > div > div {
        height: initial;
    }

    .pageExec .ListSub > div > div > div{
        margin-right: 0px;
        margin-left:0px
    }

    .pageExec section.Braches div.BlackSq > div {
        max-width: initial;
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        padding-right: 60px;
    }

    .pageHome .ListSub > div > div:last-child{
        width: 0;
        min-width: 0;
        padding:0px 10px 0px 10px;
    }
    .pageHome section.Braches div.BlackSq > div {
        max-width: initial;
        align-items: flex-start;
    }

    .pageExec .ListSub > div > div:last-child,
    .pageExec .ListSub > div > div:first-child{
        display:none;
    }

    .pageExec .ListSub > div > div {
        margin: 40px auto;
    }

    .pageExec .ListSub > div > div h2 {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .pageExec section.Braches > div:first-child > div h2{
        margin-bottom: 0;
    }

    .pageExec .Below.Benefits > div > .Cont > div h3 {
        margin-bottom: 35px !important;
        padding-right: 0;
    }

    .pageExec .ListSub > div > div {
        width: calc(100% - 0px);
        background: #FFF;
        padding: 30px;
        margin: 30px 30px 30px 30px;
        border-radius: 30px;
        min-height: 340px;
    }

    .pageService.pageVentures section.Below.Roadmap .twopart > div.secondDivSec > div > div:last-child {
        padding-bottom: 40px;
        margin-bottom: 80px;
    }

    .pageExec .ListSub > div > div:last-child {
        width: 10px;
        display: block;
        padding: 0;
        margin: 0;
    }

    .pageExec .SepMov{
        margin-right: 60px !important;
    }


    .pageExec section.Braches div.BlackSq.ListSub {
        height: 100vh !important;
        max-height: initial !important;
        margin-top: 0 !important;
        background: #efefef;
    }

    section.Hero .twopart > div .subTitle,
    .pageService section.Hero .twopart > div.secondSecHero p {
        width: 100%;
        max-width: initial;
        padding: 0px 30px 0px 30px;
        font-size: 1.5em;
        margin-bottom: 0px;
    }

    .pageService section.Hero .twopart > div h1{
        margin-bottom: 0;
        text-align: center !important;
    }

    .pageExec .ListSub .notV{
        display: none;
    }

    .pageService.Liquidity section.Hero .twopart > div h1,
    .pageService.pageExec section.Hero .twopart > div h1 {
        margin-bottom: 0;
        text-align: center !important;
    }

    .pageService section.Hero .twopart > div.secondSecHero p br{
        display: none;
    }


    .pageHome section.Hero .twopart > div .subTitle {
        width: 90%;
        margin-bottom: 80px;
        max-width: initial;
        text-align: left;
    }



    .pageAbout .Hero .videoHero {
        position: absolute;
        height: 100% !important;
        right: 0% !important;
        left:initial !important;
        object-fit: cover !important;
        transform: none !important;
        top:0 !important;
    }

    .pageAbout section.Hero .twopart > div .subTitle {
        width: 90% !important;
        margin-bottom: 10px;
    }
    .pageHome section.Hero .twopart > div .buttons {
        margin-left: 0px;
        margin-top: 0;
        display: none;
    }
    .pageHome section.Hero .twopart > div.secondSecHero {
        display: none;
    }

    .menu_btn_black,
    .menu_btn_white{
        position: fixed;
        width: 38px;
        height: auto;
        top:30px;
        right:30px;
        cursor: pointer;
    }

    .closeBtn{
        position: fixed;
        width: 25px;
        height: auto;
        top:30px;
        right:30px;
        cursor: pointer;
        display: none;
    }

    header .menu_btn_black{
        opacity:0;
    }

    header .menu_btn_white{
        opacity:1
    }

    header.headerScroll .menu_btn_black{
        opacity:1
    }

    header.headerScroll .menu_btn_white{
        opacity:0
    }

    .ListSub .List ul li {
        font-size: 16px;
        line-height: 24px;
    }


    .menuMobile{
        position: fixed;
        top: 0;
        left: 100%;
        z-index: 11;
        width: 100%;
        height: 100%;
        background: #191919;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .menuMobile.Visibl{
        left: 0%;
    }

    .menuMobile.Visibl + .headerScroll{
        background: none;
        top:0 !important;
    }

    .Visibl + .scroll-up{
        background: none;
        top:0 !important;
    }

    .menuMobile.Visibl + .headerScroll .logo_murano.Neg{
        display: none !important;
    }

    .menuMobile.Visibl + .headerScroll .logo_murano.Pos{
        display: block !important;
    }


    .menuMobile > div{
        padding:30px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .menuMobile > div a{
        text-decoration: none;
        color: #fff;
        font-size: 2.5em;
        margin: 4px 0px;
        font-weight: 100;
        letter-spacing: 3px !important;
    } 

    .menuMobile .socials{
        position: absolute;
        z-index: 11;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        bottom: 0;
        list-style: none;
        flex-direction: row;
        padding: 30px;
    }

    .menuMobile .socials li{
        margin-left:10px
    }
    .menuMobile .socials li a{
        display: block;
    }
    .menuMobile .socials li img{
        width: 50px;
        opacity: 1;
    }

    .ListSub a.LearnMore:hover {
        background: #2b2b2b;
    }
    .pageHome section.Hero .twopart > div h1 {
        text-align: left;
    }
    section.Hero {
        min-height: 100svh !important;
    }

    .menuMobile > div a.active{
        color:#50ff89;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB {
        line-height: 1.2em;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div p {
        font-size: 2em !important;
        line-height: 1.2em;
    }
    .Below.Roadmap .twopart .secondDivSec > div h3 {
        font-size: 3em;
        margin-bottom: 15px;
    }

    .pageAbout .Below.Roadmap .twopart div.firstDivSec {
        background: #fff;
        width: 100%;
        justify-content: flex-start;
        align-items: self-start;
        padding: 0px 30px;
    }

    .pageAbout .Below.Benefits.Team > div {
        margin-bottom: 30px;
    }

    .ListSub > div > div:hover a.LearnMore {
        padding: 20px 37px;
        background: #2b2b2b;
        width: 240px;
        color: #50ff89;
    }
    .effectButton:hover > span:first-child {
        margin-top: 0;
        opacity: 1;
    }

    
    .menuMobile > div a {
        opacity: 0;
    }
    /* Animation for menu items */
    .menuMobile.Visibl > div a {
        opacity: 0;
        transform: translateX(60px);
        animation: fadeInLeft 1s ease-out forwards;
    }
    
    /* Delay for sequential animation */
    .menuMobile.Visibl > div a:nth-child(1) {
        animation-delay: 0.1s;
    }
    
    .menuMobile.Visibl > div a:nth-child(2) {
        animation-delay: 0.2s;
    }
    
    .menuMobile.Visibl > div a:nth-child(3) {
        animation-delay: 0.3s;
    }
    
    .menuMobile.Visibl > div a:nth-child(4) {
        animation-delay: 0.4s;
    }
    
    .menuMobile.Visibl > div a:nth-child(5) {
        animation-delay: 0.5s;
    }
    .menuMobile.Visibl > div a:nth-child(6) {
        animation-delay: 0.5s;
    }


    
    
    .menuMobile.hiding > div a {
        animation: fadeOutLeft 1s ease-out forwards;
        opacity:1;
        transform: translateX(0px);
    }

    /* Reverse delays to make items disappear in reverse order */
    .menuMobile.hiding > div a:nth-child(1) {
        animation-delay: 0.6s;
    }

    .menuMobile.hiding > div a:nth-child(2) {
        animation-delay: 0.5s;
    }

    .menuMobile.hiding > div a:nth-child(3) {
        animation-delay: 0.4s;
    }

    .menuMobile.hiding > div a:nth-child(4) {
        animation-delay: 0.3s;
    }

    .menuMobile.hiding > div a:nth-child(5) {
        animation-delay: 0.2s;
    }

    .menuMobile.hiding > div a:nth-child(6) {
        animation-delay: 0.1s;
    }
    
    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translateX(60px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    @keyframes fadeOutLeft {
        from {
            opacity: 1;
            transform: translateX(0);
        }
        to {
            opacity: 0;
            transform: translateX(60px);
        }
    }

}