* { 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; }



body { 
    font-family: "Matter", "Inter", sans-serif;
    overflow-x:hidden; 
    background:#fff;
    text-rendering: optimizeLegibility; /* Improve kerning and ligatures */ 
    font-size:18px
}

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: translateX(-50%);
}

header.effect.ISTOP:not(.headerScroll){ top:0 !important }





h1{ font-size: 3.17em; font-weight: 200; letter-spacing: -1px; line-height: 1.1; margin-bottom:  18px !important; }
.pageService h1{ margin-bottom: 36px !important; }
h1 + p {
    font-size: 1.78em;
    line-height: 1.3em;
    font-weight: 100;
    margin-bottom: 36px !important;
}
.pageService section.Hero .twopart > div.secondSecHero p{
    font-size: 1.78em;
    line-height: 1.3em;
    font-weight: 100;
}
h2{ font-size: 3.17em; font-weight: 300; letter-spacing: -2px; line-height: 1em; }
h2 + p {
    font-size: 3.17em;
    line-height: 1.2em;
    font-weight: 200 !important;
}
.Advantages p {
    font-size: 1.78em;
    line-height: 1.2em;
    font-weight: 100 !important;
}
h2 span:not(.pageExec h2 span){
    font-size: 2rem;
    line-height: normal;
    letter-spacing: normal;
}
h3{ font-size: 1.78em; font-weight: 100; line-height: 1.2em; }
h4{ font-size: 3.17em; font-weight: 100; }
p{ font-size: 1em; line-height: 1.5em; }
a{ font-size: 1em;  }
a.effectButton { font-weight: 500; }
header a{ font-size: 1rem; font-weight: 100; }
footer a{ font-size: 1rem; font-weight: 200; }
header.headerScroll a{ font-weight: 200; }
section.Braches p{
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 100;
}


.titleLiquidity,
.pageService.pageExec .Featuring .titleBenefits{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 0;
    font-size: 3.17em;
    max-width: 1220px;
    line-height: 1.1em;
    letter-spacing: 0px;
    padding: 0px 40px;
    margin:100px auto 0px auto;
}
.pageService.pageExec .Featuring .titleBenefits{
    margin-top: 0px;
}

.titleLiquidity br{
    display: none;
}

.Below.Roadmap h3{
    font-size: 3.17em;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1em;
    margin-bottom: 18px;
}

.Below.Roadmap h3 + p{
    font-size: 1.78em;
    line-height: 1.2em;
    font-weight: 200 !important;
}

.pageAbout .Below.Benefits > div h2{
    font-size: 3.17em !important;
}

.ListSub ul{
    font-size: 18px;
}

.Below.Roadmap p,
.Below.Roadmap ul{
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 200;
}

.Locations + div p {
    font-size: 1em !important;
    line-height: 1.5em !important;
    font-weight: 200;
}

.stats .counter {
    margin-top: 0px;
    font-size: 4em;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 1em;
    margin-bottom: 17px;
}
.stats span {
    color: #fff;
    font-weight: 100;
}

.Below.Benefits.Team > div > .introText > div:last-child > div{
    font-size: 1.78em;
    line-height: 1.2em;
    font-weight: 200;
}


.pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div h2{
    width: 108%;
    letter-spacing: -1px;
    font-size: 3.17em;
}
.pageService.pageVentures .Benefits.Team .introText{
    align-items: flex-start;
}

.pageService.pageVentures .Below.Benefits.Team > div > .introText > div:last-child{
    flex-direction: column;
    align-items: center;
}

.pageService.pageVentures .Below.Benefits.Team > div > .introText > div:last-child .tickerInfo{
    opacity: 0;
}







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 #8ac0aa;
}



header.headerScroll{
    background: #fff;
}

header.headerScroll ul li a.Special{
    border:solid 0px #000;
    background: #97d9be;
    font-weight: 500;
}

header ul li a.active {
    color: #8ac0aa;
}

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;
}

.logo_murano img{
    width: 170px;
}

.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;
    position: absolute;
    right:0px;
}

.barScrolly span::before{
    content: "";
    width: 50px;
    height: 50px;
    right: 129px;
    position: absolute;
    background-image: url(/assets/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:#8ac0aa;
}

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

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

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

.title_murano{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
    width: 100%;
}





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);*/
    background: linear-gradient(299deg, #4b4a4a29, #53525252, #0d3136ad, #24363b);
    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%;
    animation: appearVideo 0.4s ease-in-out forwards;

}


    

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

.pageHome .Hero{
    /*background-image: url(/assets/img/about_thumb.JPG);
    background-size: cover;
    background-position: center;*/
}




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




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

section.Hero .twopart > div.firstSecHero{
    width: 70%;
    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: 750px;
    padding-left: 50px;
}

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{
    color: #ffffff;
    margin-bottom: 40px;
    margin-top: 100px;
}


section.Hero .twopart > div h1 span{
    color: #8ac0aa;
    background: linear-gradient(75deg, #bbffd1, #8ac0aa, #578f78);
    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: 660px;
    color: #fff;
    width: 110%;
}


section.Hero .twopart > div .buttons{
    display: flex;
}

section.Hero .twopart > div .buttons .cta1{
    margin-top: 0px;
    background: #8ac0aa;
    padding: 20px 65px;
    border-radius: 99px;
    height: 80px;
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}



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

.effectButton.noEffect {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px !important;
    overflow: visible;
    margin-top: 0;
    text-align: center;
}

.effectButton.noEffect > span,
.effectButton.noEffect .buttonLabel {
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
}

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

.effectButton.noEffect:hover > span:first-child,
.effectButton.noEffect:hover .buttonLabel {
    margin-top: 0;
    opacity: 1;
}


section.Hero .twopart > div .buttons .cta2{
    padding: 20px 50px;
    border-radius: 99px;
    height: 80px;
    color: #8ac0aa;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}


.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, #63c99f, #8fcdb4, #63c99f); 
    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;
    position: relative;
}

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

.pageAbout section.Below .twopart  div.firstDivSec h2{
}

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

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 30px 30px 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;
}

.pageHome .ListSub > div > div{
    max-height: 685px;
    height: 100%;
    max-width: 590px !important;
}

.pageAbout section.Below .twopart > div.secondDivSec .List.achievem ul li{
    font-size: 1.78em;
    line-height: 1.2em;
}

.pageHome .ListSub > div > div > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.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;
}

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

.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{
    color: #000;
}
.ListSub > div p{
    margin-bottom: 20px;
    margin-top: 15px;
    max-width: 540px;
    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(/assets/img/arrow-list.png);
}

.ListSub .List ul li{
    padding: 5px 0px;
    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: #FFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.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%;
    text-decoration: none;
    color: #08ae52;
    border-bottom:solid 2px #0bdd6a;
    padding-bottom:10px;
}

section.Below .twopart > div.secondDivSec h2{
    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;
}

section.Below .twopart > div.secondDivSec > div > span{
    position: absolute;
    bottom: 0px;
    right: 10px;
    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(/assets/img/arrow-list.png);
}

section.Below .twopart > div.secondDivSec .List ul li{
    padding:5px 0px;
}

section.Below .twopart > div.secondDivSec a.LearnMore{
    background: #2b2b2b;
    padding: 20px 66px;
    border-radius: 99px;
    height: 71px;
    color: #8ac0aa;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.TitleSer{
    position: absolute;
    bottom: -62px;
    left: -10px;
    color: #fff;
    opacity: 0.5;
}


.boldie{
    color: #03ad83;
}

.Bolder{
}





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{
    color: #0fb16f;
    margin-bottom:30px;
    position: relative;
}

.Featuring .MainTitle .sentence{
    color: #0fb16f;
    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;
}

.pageAbout section.Below.Roadmap {
    margin-top:14.5px !important
}

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: 445px;
    display: flex;
    flex-direction: column;
}

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

.pageExec section.Braches > div:first-child > div h2 span{
    background: linear-gradient(75deg, #bbffd1, #8ac0aa, #578f78);
    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;
}
.pageHome section.Braches div.BlackSq.exC > div h2 span{
    color:#8ac0aa;
}
.pageHome section.Braches div.BlackSq.exC > div p{
    color:#fff;
}
.pageHome section.Braches div.BlackSq.exC > div a{
    background: #8ac0aa;
    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{
    margin-top: 30px;
    margin-bottom: 50px;
    color: #000;
    height: auto;
}

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

section.Braches > div:first-child > div .effectButton{
    margin-top:0;
}

section.Braches > div:first-child > div h2{
    color: #000;
}

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

section.Braches > div:first-child > div a {
    width: 240px;
    text-align: center;
    background: #97d9be;
    padding: 20px 65px;
    border-radius: 99px;
    color: #2b2b2b;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}


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{
    margin-bottom: 15px;
}

section.Goals > div:last-child > div > div p{
}

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;
}

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;
    text-align: center;
}

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


.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{
    color: #fff;
    margin-bottom:10px;
    cursor: pointer;
}

.aiagents > div .info p{
    color:#bdbdbd;
    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{
    color: #000;
    position: relative;
}

.Below.Roadmap .twopart .secondDivSec > div p{
}

.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: 80px;
    height: 80px;
    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{
    margin-bottom: 32px;
    margin-left: 4px;
}

.Below.Benefits.Team > div > .introText > div > div .textDesc{
    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;
}

.Below.Benefits.Team > div > .introText > div > div h2{
    margin: 0;
}

.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: 650px;
}



.stats .counter{
    margin-top:0px;
}

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

.stats span{
    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: 180px;
    margin-top: 0;
    margin-bottom: 60px !important;
    margin-left: -6px;
}

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;
}

.pageService.Liquidity footer {
    margin-top: 70px;
}

.footBar{
    padding:0;
}

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

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

.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 .Hero {
        /*background-image: url(/assets/img/home_thumb.JPG);
        background-size: cover;
        background-position: center;*/
    }

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

    .curso{
        position: absolute;
        left:0;
        z-index: 1;
        bottom: 0;
        height: 2px;
        width: 50px;
        background: #8ac0aa;
        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;
        width: 305px;
        background: #22292a;
        background-size: 200% auto;
        animation: gradient-move 2s ease infinite;
        position: relative;
        z-index: 1;
    }

    .pageAbout section.Hero .twopart > div h1 .subTitle {
    }

    .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 {
        padding: 0px 0px 0px 0px;
        color: #244941;
    }

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

    .pageAbout section.Below .twopart > div.secondDivSec .List ul li {
        padding: 2px 0px;
        color: #000000;
    }


    .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 {
        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: #8ac0aa;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        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;
        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;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }

    .pageAbout section.Braches{
        min-height: 75vh;
    }

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

    .pageAbout section.Braches > div h2{
        position: absolute;
        z-index: 2;
        text-align: center;
        color: #2b2b2b;
        width: 100%;
    }

    .pageAbout section.Goals > div h2{
    }


    .pageService.pageVentures h2 + p{
        font-size: 1.78em;
    }

    .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 {
        color: #244941;
    }

    .pageAbout section.Goals > div:first-child > div p{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .pageAbout section.Goals > div:first-child > div a {
        background: #2b2b2b;
        padding: 20px 56px;
        border-radius: 99px;
        height: 71px;
        color: #8ac0aa;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        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);*/
        background: linear-gradient(299deg, #4b4a4a29, #53525252, #0d3136ad, #24363b);
    }



    .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;
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .pageAbout section.Braches > div:last-child > div h2 {
        color: #244941;
    }

    .pageAbout section.Braches > div:last-child > div p{
        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;
        /*background-image: url(/assets/img/liquidity_thumb.JPG);
        background-size: cover;
        background-position: center;*/
    }

    .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{
        color: #fff;
    }

    .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%);
    }


    .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: #8ac0aa;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0px;
        position: absolute;
    }*/

    .Advantages p{
        padding: 20px 40px;
        position: relative;
    }

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

    .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;
    }

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

    .pageService section.Below > div > .Cont > div p{
    }


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

    .pageService section.Below_two a.action{
        background: #8ac0aa;
        padding: 20px 40px 20px 45px;
        border-radius: 99px;
        height: 80px;
        color: #000;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        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;
    }

    .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{
        color: #000;
        text-align: center;
        max-width:900px;
        display: block;
        margin-bottom: 18px;
        font-size: 1.78em;
    }

    .pageService section.Below_two h2{
        color: #000;
        margin-bottom: 55px;
    }

    .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;
        display: block;
        margin-bottom: 75px;
    }

    .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{
        color: #000;
    }

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

    .pageService.pageExec section.Below > div:first-child div.mains p{
    }

    .pageService.pageExec section.Below > div:first-child div.Cont h2 {
    }

    .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.pageExec .Hero{
        /*background-image: url(/assets/img/orderexec_thumb.JPG);
        background-position: center;
        background-size: cover;*/
    }
    


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

    .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: 366px;
    }

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

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

    .pageService.pageVentures section.Below .twopart > div.secondDivSec h2 {
    }

    .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 {
        margin-bottom: 0;
        color: #000;
        text-align: left;
        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;
    }

    .effectButton{
        text-align: center;
        background: #2b2b2b;
        padding: 20px 65px;
        border-radius: 99px;
        color: #8ac0aa;
        text-decoration: none;
        height: 80px;
        display: flex;
        align-items: center;
        margin-top: 50px;
        justify-content: center;
        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;
        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{
        margin-bottom: 70px;
        margin-top: 70px;
        color: #000;
        font-size: 5.13em;
    }

    .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;
    }
    
    .pageService.p404 section.Hero {
        min-height: 100vh;
        align-items: center;
    }

    .pageService.p404 .Hero .videoHero {
        position: absolute;
        transform: translateY(-50%) scale(1);
        filter: contrast(2.25) saturate(2) blur(5px);
        animation: appearVideo 0.4sease-in-out forwards;
        opacity: 0.5 !important;
    }

    .pageService.p404 h1 {
        font-size: 6.17em;
    }

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

    .Below.Benefits > div > .Cont > div h3{
        margin-bottom: 57px;
        color: #000;
        text-align: left;
        position: relative;
    }

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



    .Below.Benefits > div > .Cont > div p{
        padding: 0px 0px 0px 0px !important;
        text-align: left;
    }

    .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 */


.justMobile{
    display: none;
}

.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;
}


.Legal .container{
    max-width: 1300px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.Legal .container h2{
    font-size: 2.2em;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1em;
    padding: 80px 0px 35px 0px;
}

.Legal .container h3{
    font-size: 1.5em;
    padding: 40px 0px 25px 0px;
    letter-spacing: 0;
    font-weight: 300
}

.Legal .container h4{
    font-size: 1.5em;
    font-weight: 300;
    padding: 40px 0px 25px 0px;
    letter-spacing: 0;
}

.Legal .container h2 + p {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 200 !important;
    text-align: justify;
}

.Legal .container p {
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 200 !important;
    text-align: justify;
    line-height: 1.5em;
}

.Legal .container ul{
    padding: 20px 0px;
    list-style: none;
}

.Legal .container ul li{
    padding: 10px 0px;
    line-height: 1.2em;
}

.Legal .container a{
    text-decoration: none;
    color: #267d59
}

.Legal .container p strong{
    font-weight: 600;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img{
    max-width: initial !important;
}


@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;
    }


    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{
    }
    header ul li a {
        padding: 20px 18px;
    }
    header ul li a.Special {
        margin-left: 20px;
    }
    section.Hero .twopart > div .subTitle {
        width: 100%;
    }
    .pageHome section.Hero .twopart > div .subTitle {
        width: 115%;
        max-width: initial;
    }

    section.Hero .subTitle {
    }

    .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 {
        padding: 0px 50px;
    }
    .titleLiquidity br {
        display: none;
    }
    .pageService section.Below_two h2 {
    }

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

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

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

    .pageService.pageExec .Featuring .titleBenefits {
        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;
    }
    .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 {
    }
    .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{
        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 {
    }

    .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: 0px;
    }
    section.Braches > div:first-child > div {
        padding: 70px 160px 70px 40px;
    }
    section.Hero .twopart > div h1 {
    }
}



@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;
        padding-left: 0px;
    }

    .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 {
    }
    h2 + p {
    }

    section.Hero .twopart > div h1 {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 20px 30px;
        text-align: left;
    }

    .pageService section.Hero .twopart > div h1 {
        padding: 20px 8px;
    }

    .pageService.pageExec section.Hero .twopart > div h1 {
        padding: 20px 20px;
    }

    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: row;
    }

    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;
        margin-bottom: 35px;
    }
    .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 {
        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{
    }





    .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 {
        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 {
        max-width: 100%;
        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 {
        padding: 30px 20px;
    }


    .pageService.pageVentures .Hero .videoHero {
        object-fit: cover;
        height: 100%;
        top: 46%;
    }
    .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 0px 28px;
    }

    .IntegratedExchanges h2 {
        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 {
        margin-bottom: 50px;
    }

    .pageService.Liquidity section.Below_two h2{
        margin-top: 30px;
    }

    .pageService.Liquidity section.Below_two > div p {
        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: 0px;
        margin-top: 0px;
    }

    .pageHome .ListSub .List{
        padding: 0px 0px 0px 0px;
        margin-left: 0;
    }

    .pageHome .ListSub .List ul{
        list-style: none;
    }

    .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 20px;
        padding: 30px;
    }

    .pageHome section.Braches div.BlackSq {
        border-radius: 0;
        min-height: 100vh;
    }

    .pageHome .ListSub > div > div > div{
        background: #FFF;
        padding: 40px 35px 50px 35px;
        border-radius: 30px;
        min-height: 620px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .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;
        height: 350px;
        justify-content: space-between;
        padding-bottom:20px;
    }

    .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;
        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: 40px;
        max-width: initial;
        text-align: left;
        padding-right: 90px !important;
    }



    .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:39px;
        right:32px;
        cursor: pointer;
    }

    .closeBtn{
        position: fixed;
        width: 25px;
        height: auto;
        top:39px;
        right:32px;
        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 {
    }


    .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;
        margin: 4px 0px;
    } 

    .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;
        padding: 20px 30px 14px 30px;
    }
    section.Hero {
        min-height: 100vh !important;
    }

    .menuMobile > div a.active{
        color:#8ac0aa;
    }

    section.Hero .twopart > div h1 {
        margin-top:0 !important;
    }

    .Below.Roadmap .twopart .secondDivSec > div h3 {
        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: #8ac0aa;
    }
    .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);
        }
    }

}




@keyframes appearVideo {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.cky-consent-container .cky-consent-bar {
    background: #131316 !important;
    border: 0px solid  !important;
    padding: 30px 40px !important;
    box-shadow: 0 -1px 0px 0 #acabab00 !important;
    border-radius: 10px !important;
}

.cky-notice .cky-title {
    color: #FFF !important;
}

.cky-notice-group p {
    color: #FFF !important;
}

.cky-consent-bar button, .cky-consent-bar button:hover, .cky-modal.cky-modal-open button:hover, .cky-consent-bar button:focus, .cky-modal.cky-modal-open button:focus{
    border-color: #8ac0aa  !important;
    color: #8ac0aa  !important;
}

.cky-btn:last-child{
    border-color: #FFF !important;
    color: #FFF !important;
    background: #131316 !important;
}

.cky-btn-revisit-wrapper {
    background: #151d20 !important;
	display: flex !important;
}

.cky-btn-preferences,
.cky-btn-reject {
    color: #8ac0aa !important;
    border: 2px solid #8ac0aa !important;
}

.fade-item{
    opacity: 0;
}

@media (max-width: 1500px) {

    h1 { font-size: 3.17em; line-height: 1em; }
    h2 { font-size: 3.17em; font-weight: 300; line-height: 1em; }

    .pageAbout section.Below .twopart div.firstDivSec h2 span{
        font-weight: 200;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB {
        margin-top: 0;
        padding-left: 0;
    }

    .Below.Roadmap h3 {
        font-size: 3.17em;
        font-weight: 300;
    }
    .Below.Roadmap .twopart div.secondDivSec p {
        font-size: 1.78em
    }
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB {
        padding: 18px 55px 0px 55px;
        margin-top: 0 !important;
    }
    .pageAbout .Below.Benefits.Team > div > .introText {
        padding-top: 60px;
        padding-bottom: 130px !important;
    }
    .titleLiquidity, .pageService.pageExec .Featuring .titleBenefits{
        font-size: 3.17em !important;
    }
    .pageHome section.Hero .twopart > div h1{
        margin-top: 160px !important;
    }
    .pageHome section.Hero .twopart > div .subTitle {
        width: 100% !important;
    }

    h1 + p{
        font-size: 1.78em;
    }
    .pageService .Below > div > .Cont {
        margin-bottom: 70px;
    }
    .pageService section.Hero .twopart > div.secondSecHero p br{
        display:none
    }
    .pageService section.Hero .twopart > div.secondSecHero p{
        padding: 0px 30px;
        max-width: 1000px;
        margin: 0 auto;
    }
    footer{
        background: none;
        z-index: 9;
        position: relative;
    }
}

@media (max-width: 1050px) {

    
    .fade-item{ opacity: 1 !important; }
    
    h1 { font-size: 3em; line-height: 1em; }
    h1 + p { font-size: 1.5em; line-height: 1.2em; }
    
    h2 { font-size: 3em; font-weight: 300; line-height: 1.1em; }
    h2 + p, .Below.Benefits.Team > div > .introText > div:last-child > div{ font-size: 1.5em !important; line-height: 1.2em !important; }
    h2 br{ display: block !important; }
    h2 span:not(.pageExec h2 span) { font-size: 2rem; line-height: 1.1em; letter-spacing: normal; font-weight: 200; }
    .Below.Roadmap h3{ font-size: 3em; font-weight: 300; letter-spacing: -2px; line-height: 1em; margin-bottom: 15px; }
    .Below.Roadmap h3 + p{ font-size: 1.5em; line-height: 1.2em; font-weight: 200 !important; }
    
    .pageService.Liquidity section.Below_two h2, .titleLiquidity{  font-size: 2.6em !important; line-height: 1.2em; }
    .pageService section.Hero .twopart > div.secondSecHero p { font-size: 1.5em; line-height: 1.2em; font-weight: 100; }
    .pageService.pageExec .Featuring .titleBenefits{ font-size: 2.4em !important; line-height: 1.2em !important; }
    .Advantages{ margin:0px 0px 50px 0px !important; width: 100% !important; border-radius: 0 !important; }
    .Advantages p { font-size: 1.5em; line-height: 1.2em; }

    .menuMobile a{ font-size: 2em !important; font-weight: 100 !important; }

    section.Braches > div:first-child > div p { margin-top:30px !important; }
    section.Hero .twopart > div .subTitle{ padding: 10px 30px 0px 30px !important; }

    .pageHome .ListSub > div > div { padding: 30px 15px; }
    .pageExec .ListSub > div > div { margin: 30px 30px 30px 30px !important; }
    
    .pageService.pageVentures section.Below .twopart div.firstDivSec {
        padding: 80px 60px !important;
        margin: 0px 0px 30px 0px !important;
        width: 100% !important;
        border-radius: 0px !important;
    }

    section.Hero .twopart > div h1 {
        margin-bottom: 0px !important;
    }
    .pageService .Below > div > .Cont {
        margin-bottom: 0px;
    }

    .pageAbout section.Braches .Locations > h2{
        font-size: 2em;
    }

    .pageAbout .Braches > div:first-child {
        height: 300px;
    }
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div.smallerB {
        padding: 18px 0px 0px 0px;
    }
    
    .justMobile{
        display: block;
    }

    .pageAbout .Below.Benefits.Team > div > .introText {
        padding-bottom: 75px !important;
    }

    .pageAbout section.Hero .twopart > div.secondSecHero {
        margin: 20px;
    }

    .pageHome .Braches > div:first-child > div p {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div:last-child .tickerInfo {
        opacity: 0;
        margin: 0;
    }
    
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div h2 {
        width: 100%;
    }
    .Below.Benefits.Team > div > .introText > div:last-child > div,
    .pageService.pageVentures .Below.Benefits.Team > div > .introText > div > div p{
        line-height: 1.2em !important;
    }
    section.Hero .twopart > div h1 {
        margin-top: 0px !important;
    }

    section.Hero,
    section.Hero .twopart{
        max-height: 100svh !important;
    }
    .pageHome .Below.Benefits > div h2 {
        font-size: 3.17em !important;
    }

    .pageService.pageVentures section.Below .twopart div.firstDivSec > div {
        max-width: initial;
        width: 100%;
    }
    .pageService.pageVentures .Below.Roadmap .twopart .secondDivSec > div h3 {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    /* Scroll and Observe Animations */
    .observe {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .observe.in-viewport {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .observe_op {
        opacity: 1;
        transition: none;
    }
    
    .observe_op.in-viewport_op {
        opacity: 1;
        transition: none;
    }
    
    .pageHome .Hero{
        /*background-image: url(/assets/img/cubes_about_mvl.JPG);*/
    }

    .Legal .container {
        margin-top: 30px;
        margin-bottom: 50px;
        padding: 0px 30px;
    }

    .pageService.Contact section.Hero {
        min-height: 50vh !important;
    }
    .pageService.Contact section.Hero .twopart {
        justify-content: end;
        padding-bottom: 60px;
    }

    header {
        transition: transform 0.3s ease, opacity 0.3s ease;
        will-change: transform, opacity;
    }

    .p404 footer{
        padding-top:80px;
    }

    footer > div > .List ul{
        width: 50%;
    }

    .pageHome .Hero .videoHero{
        height: 130%;
    }

}



.cky-preference-center{ z-index:9999999 }