@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");

body {
    min-width: 300px;
    font-family: Open Sans;
}

body h2 {
    font-size: 2.5rem;
}
.owl-theme .owl-nav {
    display: none !important;
}
.margin-top-minus {
    position: relative;
    margin-top: -10rem;
}
.contact-block-two i{
    font-size:22px;
    margin-right:8px;
    vertical-align:middle;
}

.contact-block-two a{
    color:#000;
    text-decoration:none;
}

.contact-block-two a:hover{
    color:#007bff;
    text-decoration:underline;
}
.color-text-black {
    color: #1E1E1E;
}

.color-text-grey {
    color: #474749;
}

.color-white-main {
    color: #FFFFFF;
}

.color-text-grey-bl {
    color: #EFDDDE;
}

.color-text-gr-bl {
    color: #787A87 !important;
}

.color-w {
    color: #FFFFFF;
}

.bg-ab {
    background: #F4F4F4;
}

.color-gr-about {
    color: #E3E3E7;
}
.etf-two-baner {
    background: url('../img/banner-img-inner.png') center center / cover no-repeat;
    overflow: hidden;
}
  .goog-te-gadget {
    font-size: 0 !important;
}

.goog-te-gadget select {
    font-size: 14px !important;
}  
.button {
    text-align: center;
    display: block;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #000000;
    font-size: 0.877rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    width: 100%;
    border: none;
    color: #F7E2E2;
    height: 42.17px !important;
        border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.goog-te-gadget img{
    display: none !important;
}
.skiptranslate.goog-te-gadget a {
    display: none !important;
}
.button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #018E7A;
    z-index: -2;
}

.button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #E5E5E5;
    transition: all 0.3s;
    z-index: -1;
    text-decoration: none;
}

.button:hover {
    color: #000000;
    text-decoration: none;
}

.button:hover:before {
    width: 100%;
}

#footer {
    background: #16193c;
    -webkit-box-shadow: 0px 4px 90px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 90px 20px rgba(0, 0, 0, 0.4);
    padding-top: 3rem;
    color: #a5a9ad;
    font-size: 13px;
}

#footer span,
#footer h6 {
    color: #FFFFFF;
}

#footer hr {
    background: #303248;
}

#footer a {
    color: #a5a9ad;
}

#footer a:hover {
    color: #4F4F54;
    text-decoration: none;
}

#footer .hov:hover {
    opacity: 0.5;
}

ul.footerLinks {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin: auto;
    width: 100%;
}

ul.footerLinks li {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;

}

.foter-img-new {
    height: 20px !important;
    margin-right: 10px;
    width: 30px;
    margin-top: -0.6rem !important;
}

.footer-logo {
    width: 300px;
    margin-bottom: 3rem;
}

.margin-t {
    margin-top: -1.2rem;
    height: 29px;
}

#copyright {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #ffffff;
    border-top: 1px solid #565656;
    font-size: 12px;
    background: #121532;
    margin-top: 4.5rem;
}

.baner-about {
    background: linear-gradient(75deg, rgb(0 0 0 / 38%) 60%, transparent 0%), url(../img/pexels-photo-618613.jpeg) center center / cover no-repeat; 
}

.under-block-two-abut-bg {
	 background: linear-gradient(75deg, rgb(0 0 0 / 38%) 60%, transparent 0%), url(../img/hongkong.jpeg) center center / cover no-repeat; 
   
}

.pading-left-ab {
    padding-left: 30px;
}

.under-ab-too {
    background-image: url(../img/about-value.png);
    background-size: cover;
    background-position: center;
    padding-top: 7rem;
}

.under-about-three {
    background-image: url(../img/about-value-bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    align-items: center;
}

.ecn-bg-b {
    background-image: url(../img/ecn-banner.jpg);
    background-size: cover;
    background-position: center;
}

.ecp-under-two-bg {
    background-image: url(../img/account-ecn-img.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.etf-baner {
    background-image: url(../img/etf-investement-banner.jpg);
    background-size: cover;
    background-position: center;
}

.under-block-bg-etf {
    background-image: url(../img/marijuana-index-bg.jpg);
    background-size: cover;
    background-position: center;
}

.under-block-bg-etf h3 {
    color: #E5E7EC;
}



.etf-two-baner h1 {
    margin-top: 6.3rem;
}

.color-etf-text {
    color: #98959E;
}

.etf-two-bag-block-one {
    background: #15173E;
}

.etf-two-bag-block-two {
    background: #018E7A;
}

.etf-two-bag-block-three {
    background-image: url(../img/investimentsbg.jpg);
    background-size: cover;
    background-position: center;
    line-height: 30px;
}

.regolamentazioni-bg {
    background-image: url(../img/licence-banner.jpg);
    background-size: cover;
    background-position: center;
}

.regolamentazioni-bg-under-block {
    background-image: url(../img/bokeh.png);
    background-size: cover;
    background-position: center;
}

.regolamentazioni-bg-under-block .border-r-main {
    border-right-color: #ffffff;
    border-right-width: 1.5px;
}

.img-list {
    width: 3rem;
    margin-top: -0.5rem;
}

.regol-size-img {
    width: 100%;
}

.regolamentazioni-bg-under-block-foo {
    background-image: url(../img/regolamentationTransition-img.png);
    background-size: cover;
    background-position: center;
}

.regolamentazioni-bg-under-block-foo p {
    color: #F6ECEC;
}

.img-list-two .img-list {
    width: 4rem;
}

.sicurezza-bg {
    background-image: url(../img/found-security-banner.jpg);
    background-size: cover;
    background-position: center;
}

.sicurezza-bg-color {
    background: #EFEFEF;
}

.sicurezza-bg-under-block {
    background-image: url(../img/segregation-funds-img.jpg);
    background-size: cover;
    background-position: center;
}

.sicurezza-bg-under-block-two {
    background-image: url(../img/forex-intro-bg.jpg);
    background-size: cover;
    background-position: center;
}

.sicurezza-bg-under-block-two p {
    color: #555555;
}

.foter-number {
    color: red !important;
}

.overflow-main {
    overflow-x: hidden;
}

#navigation {
    background: #1D1D1D;
}

#navigation a {
    color: #d4d4d4;
    font-size: 15px;
}

#navigation a:hover {
    color: #777777;
}

#navigation .dropdown-menu {
    margin-top: 0;
    background-color: #c4c4c4;
}

#navigation .dropdown-menu a {
    color: #eeeeee;
}

#navigation .dropdown-menu a:hover {
    color: #a65190;
    background-color: #ffffff;
}

#navigation .dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar {
    justify-content: flex-end;
}

#nav-icon2 {
    width: 60px;
    height: 45px;
    position: relative;
    margin: 12px auto 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon2 span {
    display: block;
    position: absolute;
    height: 1.5px;
    width: 50%;
    background: white;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
    top: 0px;
}

#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
    top: 12px;
}

#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
    top: 24px;
}

#nav-icon2.open span {
    background-color: white;
}

#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 27px;
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 27px;
}

#langSel {
    padding: 2px 6px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.navRegisterBtn a {
    color: #fff !important;
    background: #018E7A;
/*    padding: 0px 8px 1px 8px !important;*/
    border-radius: 5px;
    font-size: 13px !important;
    text-decoration: none;
    margin-right: 0.7rem;
}



.margin-minus {
    margin-top: -0.2rem;
}

.margin-minus a {
    text-decoration: none;
}
 #partners .owl-prev {
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    left: 35px;
    color: white;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
    
}


 #partners .owl-next {
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    right: 35px;
    color: white;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6777rem;
        padding-left: .6777rem;
    }
}

.baner-home {
    height: 100vh;
    background-image: url(../img/homepage-banner.jpg);
    background-size: cover;
    background-position: center;
    align-items: center;
    display: flex;
}

.baner-home h1 {
    color: #FFFFFF;
    font-size: 3.444rem;
}

.baner-home h2 {
    font-size: 22px;
}

.baner-twohome1 {
    background-image: linear-gradient(45deg, black, transparent), url(../img/banner-img-1.jpeg);
}
.baner-twohome2 {
    background-image: linear-gradient(45deg, black, transparent), url(../img/banner-img-2.jpeg);
}
.baner-twohome3 {
    background-image: linear-gradient(45deg, black, transparent), url(../img/banner-img-3.jpeg);

}

.block-under-home-bg {
    background: #EFEFEF;
}

.under-block-two-home-bg {
    background-image: url(../img/homepage-coinBase-bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.heling-main-block {
    height: 100vh;
    display: flex;
}

.font-size-number {
    font-size: 5.5rem;
    color: #FFFFFF;
}

.under-block-bg-three {
    background-image: url(../img/homepage-scelgonoHcm.jpg);
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
    align-items: center;
}

.bitcoin {
    position: absolute;
    margin-top: 2rem;
    width: 100%;
    right: 1rem;
}

#home h4 {
    font-size: 1.4rem;
}

ul.listRedTick li {
    background: url(../img/redTick.svg) left top 10px  / 30px no-repeat  ;
    padding: 10px 0 20px 45px;
    list-style: none;
    font-size: 16px;
}








.buttom-home-two {
    border-radius: 5px;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.buttom-home-two:after {
    background: #3b82f6;
}

@media (min-width: 768px) {
    .buttom-home-two {
        width: 219px;
    }
	
}

.etf-two-bag-block-ten {
    background-image: url(../img/cdf-image.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.new-size h1 {
    font-size: 36px;
}

.new-size h2 {
    font-size: 30px;
}
@media (min-width: 992px) and (max-width: 2000px){

    .logo{
        filter:none!important;
    }

}
@media (min-width: 300px) and (max-width: 568px) {
    .baner-home h1 {
        font-size: 1.5rem;
    }

    .media-size-widht {
        width: 100% !important;
    }

    h2 {
        font-size: 1.5rem !important;
    }

    .bitcoin {
        margin-top: 4rem;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
    #navbarSupportedContent {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .margin-top-minus {
        margin-top: 0rem;
    }

    .media-text-left {
        text-align: left !important;
    }

    .heling-main-block-media {
        height: 100%;
    }

    .media-m-text-left {
        text-align: left !important;
    }

    .media-peding-zero {
        padding-right: 0px;
        overflow-x: hidden;
    }

    .under-block-bg-three {
        background-position: inherit;
    }

    .ecp-under-two-bg {
        padding-top: 4rem;
    }

    .media-mt-main {
        margin-top: 3rem;
    }

    .ecp-under-two-bg .py-5 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .font-media-smoll-main {
        font-size: 2rem;
    }

    .img-list {
        width: 100%;
    }

    .padin-left-maint {
        padding-left: 15px !important;
    }

    .img-size-media {
        width: 100%;
    }

    ul.footerLinks {
        display: block;
    }

    ul.footerLinks li {
        text-align: left;
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
    .media-navbar {
        margin-top: 1rem;
             display: block;
			justify-items: center;
    }

    .media-navbar li {
        margin-bottom: 0.7rem;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    #navigation a {
        font-size: 14px;
    }

}

@media (min-width: 400px) and (max-width: 567px) {
    .img-list {
        width: 3.555rem;
    }

    .img-list-two .img-list {
        margin-left: 0.777rem;
    }
}

@media (min-width: 768px) {
    .under-block-bg-three {
        height: 100vh;
    }

    .border-r-main {
        border-right-style: solid;
        border-right-color: #262B41;
        border-right-width: 2.5px;
    }

    .text-r-media {
        text-align: right;
    }

    #footer {
        padding-top: 5.9rem;
    }

    .ecn-img {
        height: 100vh;
        width: 100%;
    }

    .ecp-under-two-bg {
        height: 70vh;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .padin-left-maint {
        padding-left: 15px !important;
    }

    #footer a {
        font-size: 14px;
    }

    #footer .media-text-ipad {
        text-align: left !important;
        margin-left: 15px;
    }

    #footer .media-p-ipad {
        padding-left: 0px !important;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .img-list {
        width: 3.555rem;
    }

    .img-list-two .img-list {
        margin-left: -0.777rem;
    }
}

@media (min-width: 1500px) {
    .title-fonsize-big {
        font-size: 3.5rem;
    }

    .title-fonsize-big-two {
        font-size: 3.2rem;
    }

    .text-fonsize-big-media {
        font-size: 2rem;
    }

    .text-fonsize-big-media-two {
        font-size: 2.5rem;
    }

    .text-fonsize-big-media-five {
        font-size: 2.3rem;
    }

    .text-fonsize-big-media-three {
        font-size: 1.3rem;
    }

    .text-fonsize-big-media-foo {
        font-size: 1.6333rem;
    }

    .etf-baner h1 {
        font-size: 5.5rem;
    }

    .etf-baner p {
        font-size: 1.2555rem;
    }

    .etf-two-bag-block-one,
    .etf-two-bag-block-two {
        height: 100vh;
    }

    .regol-size-img {
        height: 75%;
    }

    .img-list {
        width: 4rem;
    }

    .sicurezza-bg-color {
        padding-top: 5rem;
    }

    .sicurezza-bg-under-block {
        padding-top: 7rem !important;
    }

    .sicurezza-bg-under-block-two {
        padding-top: 7rem !important;
    }

    .media-big-size-margin {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .bitcoin {
        margin-top: 4rem;
        right: 3rem;
    }

    .etf-two-baner h1 {
        margin-top: 10rem;
    }

    .under-about-three {
        height: 100vh;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
	.block-under-home-bg {
    padding-top: 50px;
}
.foter-block .w-100.d-lg-none {
    display: flex;
}
    .etf-two-bag-block-one img,
    .etf-two-bag-block-two img {
        width: 100%;
    }
}


.contact-block {
    background-image: url(../img/contactBG.png);
    background-size: cover;
    background-position: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.contact-block-two .col-12 div {
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    padding: 20px;
    height: 100%;
    background: rgba(250, 250, 250, 0.6);


}

.contact-block-two p,
.contact-block p {
    margin-bottom: 0px;

}

.contact-block .col-12 div {
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    padding: 20px;
    height: 100%;
    background: rgba(250, 250, 250, 0.6);
}


.contact-block-two a {
    color: #018E7A;
    text-decoration: none;
}

.contact-block-two a:hover {
    color: #018E7A;

}

.logo {
    width: 150px;
    padding-bottom: 0.5rem;
  
    margin-left: 1.7777rem;
    filter:brightness(0) invert(1);
}

#footer .logo {
    width: 140px;
    margin-left: 0px;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    filter:brightness(0) invert(1)!important;

}

.foter-block ul.footerLinks {
    margin: 0px
}

.foter-block {
    align-items: flex-end
}

@media (min-width: 991px) {
    .footerLinks {
        width: 65% !important;
        margin-left: auto !important;
    }


}

@media (min-width: 300px) and (max-width: 991px) {
    #footer .logo {
        width: 100px;
        margin-bottom: 2rem !important;
    }
    
    .buttom-home-two:hover{
        color: #018E7A !important;
    }
}


#navigationzero .buttom-home-two{
  height:42.19px  !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;    
      
}
#navigationzero .buttom-home-two::before{
    background-color:#1D1D1D !important;
}

 .buttom-home-three{
    height: 42.19px  !important;
    width: 150px;
    border-radius: 5px;
/*    color: #000000;*/
    color: #018E7A !important;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    border: 1px solid #018E7A;
}

.buttom-home-three:hover{
    color: #ffffff !important;
   
}



 .buttom-home-three::after{
   background-color: #000;
     
    
}
 .buttom-home-three::before{
    background-color: #3b82f6;
    
    
}

#langSel {
   height:42.19px;
    width: 150px;
    padding-left: 1rem;
    padding-right: 1rem
    
}



#navigationzero li{
    height: 100%
}


.befor-main::before{
    content: "";
    position: absolute;
   /*  height: 100%;*/
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0
}

.befor-main-two::before{
    content: "";
    position: absolute;
   /*  height: 100%;*/
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0
}
.befor-main h4{
    position: relative;
    z-index: 50;
}
.table.table-striped{
    color: white;
}
.table .buttom-home-two:hover:before{
    color: black
}



.new-block{
    background-image: url(../img/contactBG.png);
    background-size: cover;
    background-position: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.new-block .green{
    color: rgb(0, 178, 88);
}
.style-circle{
    list-style: none;
}
.style-circle li::before{
    content: '\2022';
    color: #15173E;
    font-weight: bold;
    font-size: 1.1rem;
    margin-left: -15px;
    position: absolute;
}
.color-white {
    color: white;
}

.depositi-block{
    background-size: cover;
    background-position: center;
    height: 50vh;
}
.linkes:link,.linkes:visited{
    font-weight: bold;
    color: white!important;
}
.linkes:hover{
    color: #018E7A!important;
}
.forex-bg{
    background-image: url(../img/about-banner.jpg);
}

@media only screen and (max-width: 990px) {
  .mob_logo
    {
            position: absolute;
        top: 0px;
        left: 0px;
        height: 65px;
        width: auto!important;
    }
     #partners .owl-prev {
    position: absolute;
    top: 70%;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    left: -70px;
    color: white;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
    
}


 #partners .owl-next {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    right: -70px;
    color: white;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
}

}


/* =====================================================================
   HCM — Premium Renovation Layer (2026)
   Cohesive design system: unified sticky header, spacious hero,
   card treatments, dark accent sections, refined footer.
   Preserves all original markup; overrides presentation only.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap");

:root{
  --hcm-primary:#0EA47F;
  --hcm-primary-600:#0B8768;
  --hcm-primary-700:#086F55;
  --hcm-primary-tint:#E6F6F1;
  --hcm-accent:#F5B841;
  --hcm-ink:#0B1220;
  --hcm-ink-2:#111a2b;
  --hcm-navy:#0F1633;
  --hcm-navy-2:#0A1128;
  --hcm-navy-3:#060a1c;
  --hcm-muted:#5b6474;
  --hcm-muted-2:#8892a3;
  --hcm-line:#e7ebf0;
  --hcm-bg:#f6f8fb;
  --hcm-white:#ffffff;
  --hcm-radius:14px;
  --hcm-radius-lg:20px;
  --hcm-shadow-xs:0 1px 2px rgba(15,22,51,.05);
  --hcm-shadow-sm:0 4px 12px rgba(15,22,51,.06);
  --hcm-shadow:0 14px 40px -14px rgba(15,22,51,.18);
  --hcm-shadow-lg:0 28px 60px -20px rgba(15,22,51,.30);
  --hcm-gradient:linear-gradient(135deg,#0EA47F 0%,#0B8768 55%,#086F55 100%);
  --hcm-gradient-dark:linear-gradient(160deg,#0F1633 0%,#0A1128 60%,#060a1c 100%);
  --hcm-container-max:1200px;
}

/* Global reset polish */
html{scroll-behavior:smooth;}
body,body.overflow-main{
  font-family:"Inter","Open Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  color:var(--hcm-ink);
  background:var(--hcm-white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.65;
  font-size:16px;
  overflow-x:hidden;
}
.container{max-width:var(--hcm-container-max) !important;}
img{max-width:100%;height:auto;}
a{transition:color .2s ease,opacity .2s ease;text-decoration:none;}
a:hover{text-decoration:none;}

/* Typography */
h1,h2,h3,h4,h5,h6,.title-fonsize-big,.text-fonsize-big-media{
  font-family:"Space Grotesk","Inter",sans-serif !important;
  letter-spacing:-0.015em;
  font-weight:700;
  color:var(--hcm-ink);
  line-height:1.15;
  margin-bottom:1rem;
}
body h1{font-size:clamp(2rem,3.6vw,3rem);}
body h2{font-size:clamp(1.55rem,2.4vw,2.15rem) !important;line-height:1.2;}
body h3{font-size:clamp(1.25rem,1.8vw,1.5rem);}
body h4{font-size:1.2rem;}
body h5{font-size:1.05rem;font-weight:600;}
p{color:var(--hcm-muted);font-size:1rem;line-height:1.7;}

/* Color utilities harmonized */
.color-text-black{color:var(--hcm-ink) !important;}
.color-text-grey,.color-text-grey-bl,.color-text-gr-bl{color:var(--hcm-muted) !important;}
.color-white-main,.color-w,.color-gr-about{color:#fff !important;}
.bg-ab{background:var(--hcm-bg) !important;}
.green{color:var(--hcm-primary) !important;}

/* =========================================================
   HEADER — unified sticky top with utility strip + main nav
   ========================================================= */
#navigationzero{
  background:var(--hcm-navy-2) !important;
  border:0 !important;
  padding:0 !important;
  position:relative;z-index:1001;
}
#navigationzero .navbar{padding:.45rem 0 !important;min-height:auto;}
#navigationzero .navbar-collapse{display:flex !important;justify-content:flex-end !important;align-items:center;flex-basis:auto;}
#navigationzero .container{display:flex;align-items:center;justify-content:flex-end;}
/* Hide the logo inside the utility strip — logo lives in main nav */
#navigationzero .logo{display:none !important;}
#navigationzero ul.nav{
  margin-left:auto !important;
  align-items:center;gap:.4rem;flex-wrap:wrap;
  padding:0;list-style:none;display:flex;
}
#navigationzero ul.nav > li{list-style:none;}
#navigationzero .goog-te-gadget,#navigationzero #google_translate_element{color:#c6ccd8;font-size:.75rem;}
#navigationzero #google_translate_element select{
  background:transparent !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:8px !important;padding:.25rem .5rem !important;
  font-size:.78rem !important;
}
#navigationzero .button{
  padding:.45rem 1.1rem !important;
  font-size:.78rem !important;
  min-width:0 !important;
  border-radius:999px !important;
  letter-spacing:.02em;
}
#navigationzero .buttom-home-two{
  background:var(--hcm-gradient) !important;color:#fff !important;border:0 !important;
  box-shadow:0 6px 16px -8px rgba(14,164,127,.6);
}
#navigationzero .buttom-home-three{
  background:transparent !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
}
#navigationzero .buttom-home-three:hover{border-color:#fff !important;background:rgba(255,255,255,.06) !important;}

/* Main navigation bar */
#navigation{
  background:#fff !important;
  position:sticky;top:0;z-index:1000;
  transition:box-shadow .25s ease,background .25s ease;
  border-bottom:1px solid var(--hcm-line);
}
#navigation .navbar{padding:.5rem 0 !important;}
#navigation.menu-scroll,.menu-scroll{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  box-shadow:var(--hcm-shadow-sm);
  border-bottom-color:transparent;
}
/* Force the main-nav logo visible on ALL sizes (the injected markup hides it on lg) */
#navigation .logo,#navigation .mob_logo,#navigation .d-lg-none img.logo{
  display:inline-block !important;
  height:44px !important;width:auto !important;
  max-height:44px;object-fit:contain;
}
#navigation a[href="index.html"],#navigation a[href="/"]{display:inline-flex;align-items:center;}
#navigation .navbar-collapse{justify-content:flex-end;}
#navigation .navbar-nav{align-items:center;gap:.15rem;}
#navigation .nav-item{list-style:none;}
#navigation .nav-link{
  color:var(--hcm-ink) !important;
  font-weight:500;
  font-size:.95rem;
  padding:.7rem 1rem !important;
  position:relative;
  border-radius:8px;
}
#navigation .nav-link:hover{color:var(--hcm-primary) !important;background:var(--hcm-primary-tint);}
#navigation .dropdown-toggle::after{margin-left:.35rem;vertical-align:.15em;opacity:.65;}
#navigation .dropdown-menu{
  border:1px solid var(--hcm-line) !important;
  border-radius:12px !important;
  box-shadow:var(--hcm-shadow) !important;
  padding:.5rem !important;margin-top:.5rem;
  min-width:220px;
}
#navigation .dropdown-item{
  border-radius:8px;padding:.55rem .85rem;font-size:.9rem;color:var(--hcm-ink);
}
#navigation .dropdown-item:hover{background:var(--hcm-primary-tint);color:var(--hcm-primary);}

/* Mobile hamburger polish */
#nav-icon2{margin:.5rem 0;}
#nav-icon2 span{background:var(--hcm-ink) !important;}

/* Hide the removed border decoration */
.border-nav{border:0 !important;}

/* =========================================================
   HERO / BANNERS — cinematic, always-readable
   ========================================================= */
.owl-carousel,#partners{margin:0 !important;}
.baner-home,.baner-twohome1,.baner-twohome2,.baner-twohome3,[class*="baner-"]{
  min-height:clamp(440px,62vh,640px) !important;
  display:flex !important;align-items:center;
  position:relative;
  color:#fff;
  padding:5rem 0 4.5rem !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:var(--hcm-navy-2);
}
/* Strong readable gradient overlay — locks in contrast on any hero image */
.baner-home::before,.baner-twohome1::before,.baner-twohome2::before,.baner-twohome3::before,[class*="baner-"]::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(105deg,rgba(6,10,28,.92) 0%,rgba(6,10,28,.72) 45%,rgba(6,10,28,.25) 85%,rgba(6,10,28,.05) 100%),
    linear-gradient(180deg,rgba(6,10,28,.15) 0%,rgba(6,10,28,.55) 100%);
}
[class*="baner-"] > .container,[class*="baner-"] > *{position:relative;z-index:1;}
.title-fonsize-big{
  font-size:clamp(2rem,4.5vw,3.5rem) !important;
  font-weight:700 !important;line-height:1.1 !important;color:#fff !important;
  max-width:780px;letter-spacing:-.02em;
  margin-bottom:1rem !important;
}
.text-fonsize-big-media{
  font-size:clamp(1.05rem,1.5vw,1.3rem) !important;
  font-weight:400 !important;line-height:1.55 !important;color:rgba(255,255,255,.92) !important;
  max-width:640px;
}
/* Inner-page hero (single H1 like "Un Broker Affermato", "FOREX") */
[class*="baner-"] h1{
  font-size:clamp(2.2rem,4.5vw,3.4rem);color:#fff;max-width:820px;line-height:1.1;
  margin-bottom:.5rem;
}
[class*="baner-"] h2,[class*="baner-"] h4{color:rgba(255,255,255,.9) !important;font-weight:500;}
/* Small "eyebrow" chip on top of hero if present */
.baner-home .container::before{
  content:"Regolamentato dal 1997";
  display:inline-block;font-family:"Inter",sans-serif;
  background:rgba(14,164,127,.15);color:#8ff0d0;
  border:1px solid rgba(14,164,127,.35);
  border-radius:999px;padding:.35rem .9rem;font-size:.75rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;
}

/* Owl carousel nav/dots refined */
.owl-theme .owl-dots{position:absolute;bottom:1.8rem;left:0;right:0;z-index:2;}
.owl-theme .owl-dots .owl-dot span{
  background:rgba(255,255,255,.35) !important;width:8px !important;height:8px !important;
  margin:0 5px !important;transition:all .25s ease;
}
.owl-theme .owl-dots .owl-dot.active span{
  background:var(--hcm-primary) !important;width:28px !important;border-radius:6px;
}
.owl-theme .owl-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);
  display:flex;justify-content:space-between;padding:0 1.5rem;z-index:2;pointer-events:none;}
.owl-theme .owl-nav [class*="owl-"]{
  pointer-events:auto;
  background:rgba(255,255,255,.08) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:999px !important;width:44px !important;height:44px !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);font-size:1.1rem !important;margin:0 !important;
  transition:all .2s ease;
}
.owl-theme .owl-nav [class*="owl-"]:hover{background:var(--hcm-primary) !important;border-color:transparent !important;}

/* =========================================================
   CONTENT SECTIONS — rhythm + spacing
   ========================================================= */
.content-block{padding-top:0;}
.margin-top-minus{margin-top:-5rem;}
.heling-main-block,.etf-two-bag-block-ten,.new-block{
  padding:5rem 0 !important;height:auto !important;
}
.block-under-home-bg{
  background:var(--hcm-bg) !important;
  padding:5rem 0 4rem !important;
}
.block-under-home-bg h1{
  font-size:clamp(1.9rem,3vw,2.6rem) !important;margin-bottom:1.25rem;
}
.new-block{background:#fff;text-align:center;}
.new-block .green{font-size:1.6rem;font-weight:700;}
.new-block img{transition:transform .3s ease;}
.new-block .col-lg-3:hover img{transform:scale(1.06);}
.new-block .col-lg-3{
  padding:1.75rem 1.25rem;border-radius:var(--hcm-radius-lg);
  transition:box-shadow .25s ease,transform .25s ease,background .25s ease;
}
.new-block .col-lg-3:hover{box-shadow:var(--hcm-shadow);background:#fff;transform:translateY(-4px);}

/* Dark accent section ("Perché i Traders Scelgono...") */
.under-block-bg-three,.under-block-two-home-bg{
  background:var(--hcm-gradient-dark) !important;
  background-blend-mode:multiply;
  padding:5rem 0 !important;
  color:#fff !important;
  position:relative;
}
.under-block-bg-three::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px circle at 20% 20%,rgba(14,164,127,.15),transparent 60%);
  pointer-events:none;
}
.under-block-bg-three > *{position:relative;}
.under-block-bg-three h2,.under-block-bg-three h1{
  color:#fff !important;text-align:center;margin-bottom:2rem;
}
.under-block-bg-three .border-r-main{border:0 !important;}
.font-size-number{
  font-family:"Space Grotesk",sans-serif !important;
  font-weight:700 !important;
  font-size:clamp(2.5rem,4vw,3.5rem) !important;
  background:var(--hcm-gradient);-webkit-background-clip:text;background-clip:text;color:transparent !important;
  margin:1rem 0 .5rem !important;
}

/* Generic in-page dark hero sections that use full-bleed imagery */
[class*="heling-main-block"]{
  padding:5rem 0 !important;color:#fff;
  position:relative;background-size:cover;background-position:center;
}

[class*="heling-main-block"] > .container,[class*="heling-main-block"] > *{position:relative;z-index:1;}
[class*="heling-main-block"] h1,[class*="heling-main-block"] h2,[class*="heling-main-block"] h3{color:#fff !important;}
[class*="heling-main-block"] p,[class*="heling-main-block"] .color-white-main{color:rgba(255,255,255,.92) !important;}

/* Feature checklists */
ul.listRedTick{padding-left:0;}
ul.listRedTick li{
  background:none !important;padding:.55rem 0 .55rem 2rem !important;
  position:relative;list-style:none;font-size:.98rem;color:var(--hcm-ink);
  line-height:1.55;
}
ul.listRedTick li::before{
  content:"";position:absolute;left:0;top:.9rem;width:1.15rem;height:1.15rem;border-radius:50%;
  background:var(--hcm-primary-tint);
  background-image:linear-gradient(var(--hcm-primary),var(--hcm-primary));
  background-size:.6rem .12rem,.12rem .6rem;background-repeat:no-repeat;background-position:center;
}
ul.listRedTick li::after{
  content:"✓";position:absolute;left:.24rem;top:.44rem;color:var(--hcm-primary);font-weight:700;font-size:.85rem;
  width:1.15rem;height:1.15rem;display:flex;align-items:center;justify-content:center;
}

/* Cards & columns hover polish */
.content-block .row > [class*="col-"]{transition:transform .25s ease;}
.content-block img[src$=".svg"]{
  transition:transform .35s ease;
  filter:drop-shadow(0 8px 20px rgba(14,164,127,.15));
}
.content-block img[src$=".svg"]:hover{transform:scale(1.08) translateY(-3px);}

/* Content images — soften with rounded shadow (skip logo/icons/svg) */
.content-block img:not(.logo):not(.mob_logo):not(.footer-logo):not([src$=".svg"]):not([alt="euro"]):not([alt="amazon"]):not([alt="oil"]):not([alt="gold"]){
  border-radius:var(--hcm-radius);
  box-shadow:var(--hcm-shadow-sm);
}

/* Contacts page — location cards */
body .container .row .col-md-4,body .container .row .col-lg-4{
  padding:1.5rem;
}
h2, h1{color:var(--hcm-ink);}
/* Turn simple text blocks under a "Le nostre sedi"/"Our locations" heading into cards */
.container > .row > [class*="col-md-6"] p,.container > .row > [class*="col-lg-4"] p{color:var(--hcm-muted);}

/* Location card treatment — targets contacts page column blocks */
.container .row > .col-12.col-md-6,
.container .row > .col-md-6,
.container .row > .col-md-4,
.container .row > .col-lg-4{
  margin-bottom:1.5rem;
}
/* Any bordered rectangular text block */
.container .row > div > div[style*="border"],
.container .row > div[style*="border"]{
  border-radius:var(--hcm-radius-lg) !important;
  border-color:var(--hcm-line) !important;
  box-shadow:var(--hcm-shadow-sm) !important;
  padding:1.75rem !important;
  transition:transform .25s ease,box-shadow .25s ease;
  background:#fff !important;
}
.container .row > div > div[style*="border"]:hover,
.container .row > div[style*="border"]:hover{
  transform:translateY(-4px);
  box-shadow:var(--hcm-shadow) !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */
.button,a.button,button.button{
  display:inline-flex !important;align-items:center;justify-content:center;gap:.5rem;
  border-radius:999px !important;
  font-weight:600 !important;letter-spacing:.01em;
  padding:.9rem 1.7rem !important;
  transition:transform .2s ease,box-shadow .25s ease,filter .25s ease !important;
  border:1px solid transparent;
  width:auto !important;min-width:150px;
  font-size:.9rem !important;cursor:pointer;
}
.button:hover{transform:translateY(-2px);}
.buttom-home-two,.buttom-home-one,.button.buttom-home-two{
  background:var(--hcm-gradient) !important;color:#fff !important;border:0 !important;
  box-shadow:0 12px 28px -12px rgba(14,164,127,.55);
}
.buttom-home-two:hover,.buttom-home-one:hover{filter:brightness(1.06);color:#fff !important;}
.buttom-home-three,.button.buttom-home-three{
  background:#fff !important;color:var(--hcm-ink) !important;
  border:1.5px solid var(--hcm-line) !important;
}
.buttom-home-three:hover{border-color:var(--hcm-primary) !important;color:var(--hcm-primary) !important;}

/* =========================================================
   FORMS
   ========================================================= */
input,textarea,select{
  border-radius:12px !important;border:1px solid var(--hcm-line) !important;
  padding:.85rem 1rem !important;font-size:.95rem !important;
  transition:border-color .2s,box-shadow .2s;background:#fff;width:100%;
  font-family:inherit;
}
input:focus,textarea:focus,select:focus{
  outline:none !important;border-color:var(--hcm-primary) !important;
  box-shadow:0 0 0 4px rgba(14,164,127,.15) !important;
}
label{font-weight:500;color:var(--hcm-ink);margin-bottom:.35rem;display:inline-block;}

/* =========================================================
   FOOTER
   ========================================================= */
#footer{
  background:var(--hcm-gradient-dark) !important;
  color:#c6ccd8 !important;padding:4.5rem 0 0;
  position:relative;
}
#footer .footer-menu{background:transparent !important;}
#footer .foter-block{
  padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);
  align-items:flex-start !important;
}
#footer .footer-logo{
  filter:brightness(0) invert(1);opacity:.95;
  max-height:44px !important;width:auto !important;margin-bottom:1.25rem;
}
#footer ul.footerLinks{
  display:flex !important;flex-wrap:wrap;gap:.5rem 2rem;
  list-style:none;padding:0;margin:.5rem 0 0 auto;
}
#footer ul.footerLinks li{list-style:none;margin:0;padding:0;}
#footer ul.footerLinks a{
  color:#c6ccd8 !important;font-size:.92rem;line-height:2.1;font-weight:500;
}
#footer ul.footerLinks a:hover{color:var(--hcm-primary) !important;}
#footer .partnership-logo{
  padding:1.25rem 0;text-align:center;opacity:.75;filter:grayscale(.4) brightness(1.4);
}
#footer .partnership-logo img{max-height:70px;width:auto !important;}
#footer hr{background:rgba(255,255,255,.08) !important;border:0;height:1px;margin:2rem 0 !important;}
#footer h6,#footer > span,#footer span{
  color:#fff !important;font-weight:600;
}
#footer p{color:#8892a3 !important;font-size:.82rem;line-height:1.7;margin-bottom:.85rem;}
#footer p span{color:#fff !important;font-weight:600;letter-spacing:.02em;}
#copyright{
  background:var(--hcm-navy-3) !important;color:#8a94a8 !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
  padding:1.25rem 0 !important;font-size:.85rem;margin-top:2rem;
}

/* Cookie banner polish */
#coockie-block{
  background:rgba(6,10,28,.95) !important;
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.08);
  font-size:.85rem !important;padding:1rem 1.25rem !important;
}
#coockie-block button{
  background:var(--hcm-primary) !important;color:#fff !important;
  border-radius:999px !important;
  border:0 !important;font-weight:600;margin-left:1rem !important;
}

/* Loader polish */
.loader-back{
  background:var(--hcm-navy-2) !important;
  display:flex;align-items:center;justify-content:center;
}
.loader-back svg{max-width:200px;}
.loader-back svg #outline,.loader-back svg #mask{fill:#fff;}
.loader-back svg #load{fill:var(--hcm-primary);}

/* Fade-up utility used throughout */
@keyframes hcmFadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.wow{will-change:transform,opacity;}
.content-block .container > *:not(.owl-carousel){animation:hcmFadeUp .8s ease both;}

/* Focus states */
a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid rgba(14,164,127,.4) !important;outline-offset:2px;border-radius:8px;
}

/* Bitcoin ticker container: subtle background if empty */
.bitcoin{display:none !important;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 991.98px){
  #navigationzero{padding:.35rem 0 !important;}
  #navigationzero .container{flex-wrap:wrap;justify-content:center;gap:.5rem;}
  #navigationzero ul.nav{margin-left:0 !important;justify-content:center;}
  #navigation{background:#fff !important;}
  #navigation .navbar{padding:.65rem .75rem !important;flex-wrap:wrap;}
  #navigation .logo,#navigation .mob_logo{max-height:38px !important;}
  #navbarSupportedContent{
    background:#000;border-radius:var(--hcm-radius);
    box-shadow:var(--hcm-shadow);padding:1rem;margin-top:.75rem;
    width:100%;
  }
  #navigation .nav-link{padding:.85rem 1rem !important;}
  .baner-home,[class*="baner-"]{padding:5rem 0 4rem !important;text-align:left;}
  .margin-top-minus{margin-top:-2rem;}
  .content-block .button{width:100% !important;margin-bottom:.5rem;}
  .heling-main-block,.etf-two-bag-block-ten,.new-block,.under-block-bg-three,.block-under-home-bg{
    padding:3.5rem 0 !important;
  }
  #footer .foter-block{flex-direction:column;text-align:center;}
  #footer ul.footerLinks{margin:1rem auto 0;justify-content:center;}
}
@media (max-width: 575.98px){
  body h1,.title-fonsize-big{font-size:1.9rem !important;}
  body h2{font-size:1.35rem !important;}
  .heling-main-block,.etf-two-bag-block-ten,.new-block,.under-block-bg-three,.block-under-home-bg{padding:3rem 0 !important;}
  #footer{padding:3rem 0 0;text-align:center;}
  #footer .partnership-logo img{width:100% !important;}
  #navigationzero .button{font-size:.72rem !important;padding:.4rem .85rem !important;}
}

/* Extra polish for legacy inline background rules that used to look flat */
.under-block-two-home-bg{background:var(--hcm-gradient-dark) !important;}

/* Ensure any inline text-white-on-white leftovers keep readable */
.color-w,.color-white-main{text-shadow:0 1px 2px rgba(0,0,0,.05);}

/* End premium renovation layer */

/* =========================================================
   CONTACTS PAGE — override heling-main-block darkness
   ========================================================= */
.contact-block,.contact-block-two{
  padding:5rem 0 !important;color:var(--hcm-ink) !important;
  background:#fff !important;
}
.contact-block::before,.contact-block-two::before{display:none !important;}
.contact-block h1,.contact-block h2,.contact-block h3,.contact-block h4,
.contact-block-two h1,.contact-block-two h2,.contact-block-two h3,.contact-block-two h4{
  color:var(--hcm-ink) !important;text-align:center;margin-bottom:2.5rem;
  font-size:clamp(1.8rem,2.6vw,2.25rem) !important;
}
.contact-block{
  background:
    linear-gradient(180deg,rgba(246,248,251,.85),rgba(255,255,255,.95)),
    url(../img/contactBG.png) center/cover no-repeat !important;
}
.contact-block .row > [class*="col-"] > div,
.contact-block-two .row > [class*="col-"] > div{
  background:#fff;
  border:1px solid var(--hcm-line);
  border-radius:var(--hcm-radius-lg);
  padding:1.75rem 1.5rem;
  box-shadow:var(--hcm-shadow-xs);
  height:100%;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  position:relative;
}
.contact-block .row > [class*="col-"] > div:hover,
.contact-block-two .row > [class*="col-"] > div:hover{
  transform:translateY(-4px);
  box-shadow:var(--hcm-shadow);
  border-color:var(--hcm-primary);
}
.contact-block .row > [class*="col-"] > div::before{
  content:"📍";position:absolute;top:1.25rem;right:1.25rem;
  font-size:1.15rem;opacity:.6;
}

.contact-block p,.contact-block-two p{
  color:var(--hcm-muted) !important;margin:0;line-height:1.75;font-size:.95rem;
}
.contact-block p:first-line,.contact-block-two p:first-line{
  font-weight:700;color:var(--hcm-ink);
}
.contact-block-two a{color:var(--hcm-primary) !important;font-weight:600;word-break:break-all;}
.contact-block-two a:hover{text-decoration:underline !important;}

/* Utility buttons in login/register strip should not wrap awkwardly */
#navigationzero .button{white-space:nowrap;min-width:auto !important;}

/* Fix baner eyebrow: only show on the specific home carousel; remove on inner-page heros */
.baner-twohome2 .container::before,.baner-twohome3 .container::before,
[class*="baner-"]:not(.baner-twohome1) .container::before{content:none !important;}
/* Also hide it on non-home pages (their hero .container isn't inside .owl-carousel) */
body:not(#home-body) [class*="baner-"]:not(.owl-item .baner-home) .container::before{content:none;}


/* Ensure text is readable inside dark accent blocks used across pages */
.etf-two-bag-block-one,.etf-two-bag-block-two,
.color-white,.color-white *,
.etf-two-bag-block-one *,.etf-two-bag-block-two *{
  color:#fff !important;
}
.etf-two-bag-block-one p,.etf-two-bag-block-two p,.color-white p{
  color:rgba(255,255,255,.85) !important;
}
.etf-two-bag-block-one h1,.etf-two-bag-block-one h2,.etf-two-bag-block-one h3,
.etf-two-bag-block-one h4,.etf-two-bag-block-one h5,
.etf-two-bag-block-two h1,.etf-two-bag-block-two h2,.etf-two-bag-block-two h3,
.etf-two-bag-block-two h4,.etf-two-bag-block-two h5{
  color:#fff !important;
}
.etf-two-bag-block-one{
  background:var(--hcm-gradient-dark) !important;
  padding:4rem 0 !important;
}
.etf-two-bag-block-two{
  background:var(--hcm-gradient) !important;
  padding:4rem 0 !important;
}
.etf-two-bag-block-one h5,.etf-two-bag-block-two h5{
  font-size:1.35rem !important;font-weight:700;margin-top:2rem !important;margin-bottom:1rem !important;
}

/* Inner-page hero titles (like FOREX) get an eyebrow + subtle badge look */
.title-fonsize-big.text-uppercase{letter-spacing:.02em !important;}


/* Mobile header layout — logo left, hamburger right, always visible */
@media (max-width: 991.98px){
  #navigation .navbar{
    display:flex !important;flex-wrap:wrap;align-items:center;justify-content:space-between !important;
    padding:.55rem 1rem !important;
  }
  #navigation .navbar > a,#navigation > .container > .navbar > a{order:1;}
  #navigation .d-lg-none{order:2;margin-left:auto;}
  #navigation .logo.d-lg-none,#navigation .mob_logo{
    height:38px !important;display:inline-block !important;
  }
  #navigation .navbar-collapse#navbarSupportedContent{order:3;flex-basis:100%;}
  #nav-icon2{margin:0;padding:.25rem;}
}


/* =====================================================================
   TRADING DARK THEME — 2026 Premium Overlay
   Pure presentation-layer overrides. Preserves all IDs, classes,
   markup, and JS behavior. Inspired by premium trading dashboards.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");

:root{
  --td-bg:#0F172A;
  --td-bg-2:#111827;
  --td-surface:#1E293B;
  --td-surface-2:#182236;
  --td-border:rgba(148,163,184,.14);
  --td-border-strong:rgba(148,163,184,.24);
  --td-text:#F8FAFC;
  --td-text-dim:#CBD5E1;
  --td-muted:#94A3B8;
  --td-green:#3B82F6;
  --td-green-2:#2563EB;
  --td-cyan:#6366F1;
  --td-cyan-2:#4F46E5;
  --td-red:#EF4444;
  --td-gold:#F5B841;

  --td-glow-green:0 0 0 1px rgba(59,130,246,.35), 0 12px 40px -12px rgba(59,130,246,.45);
  --td-glow-cyan:0 0 0 1px rgba(99,102,241,.35), 0 12px 40px -12px rgba(99,102,241,.45);
  --td-shadow:0 20px 50px -20px rgba(0,0,0,.65), 0 2px 8px rgba(0,0,0,.35);
  --td-shadow-lg:0 30px 80px -20px rgba(0,0,0,.75);

  --td-gradient:linear-gradient(135deg,#3B82F6 0%,#6366F1 100%);
  --td-gradient-soft:linear-gradient(135deg,rgba(59,130,246,.14) 0%,rgba(99,102,241,.14) 100%);
  --td-gradient-dark:linear-gradient(160deg,#0F172A 0%,#111827 50%,#0B1220 100%);
  --td-gradient-panel:linear-gradient(180deg,rgba(30,41,59,.85) 0%,rgba(17,24,39,.85) 100%);

  --td-radius:14px;
  --td-radius-lg:20px;
  --td-radius-xl:24px;

  /* Re-alias legacy tokens so downstream rules pick up the new palette */
  --hcm-primary:var(--td-green);
  --hcm-primary-600:var(--td-green-2);
  --hcm-primary-700:#0B7A3E;
  --hcm-primary-tint:rgba(59,130,246,.10);
  --hcm-accent:var(--td-cyan);
  --hcm-ink:var(--td-text);
  --hcm-ink-2:var(--td-text);
  --hcm-navy:var(--td-bg);
  --hcm-navy-2:var(--td-bg-2);
  --hcm-navy-3:#0B1220;
  --hcm-muted:var(--td-muted);
  --hcm-muted-2:var(--td-muted);
  --hcm-line:var(--td-border);
  --hcm-bg:var(--td-bg-2);
  --hcm-white:var(--td-bg);
  --hcm-gradient:var(--td-gradient);
  --hcm-gradient-dark:var(--td-gradient-dark);
}

/* ---------- GLOBAL ---------- */
html,body,body.overflow-main{
  background:var(--td-bg) !important;
  color:var(--td-text) !important;
  font-family:"Manrope","Inter",system-ui,sans-serif !important;
  scroll-behavior:smooth;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1000px circle at 10% -10%, rgba(6,182,212,.10), transparent 55%),
    radial-gradient(900px circle at 110% 10%, rgba(59,130,246,.10), transparent 55%),
    var(--td-bg);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(148,163,184,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse at 50% 0%, black 40%, transparent 75%);
}

h1,h2,h3,h4,h5,h6,.title-fonsize-big,.text-fonsize-big-media{
  font-family:"Sora","Manrope",sans-serif !important;
  color:var(--td-text) !important;
  letter-spacing:-.02em !important;
}
p,li,span,label,td,th,small,.color-black-main,.color-black-main-hover{color:var(--td-text-dim) !important;}
a{color:var(--td-cyan);}
a:hover{color:var(--td-green);}
hr{border-color:var(--td-border) !important;opacity:1;}
::selection{background:rgba(59,130,246,.35);color:#fff;}

/* Scrollbar */
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background:linear-gradient(#3B82F6,#06B6D4);border-radius:8px;}
*::-webkit-scrollbar-track{background:#0B1220;}

/* ---------- NAVIGATION ---------- */
#navigationzero{
  background:rgba(11,18,32,.75) !important;
  border-bottom:1px solid var(--td-border) !important;
  backdrop-filter:saturate(160%) blur(14px);
}
#navigationzero a,#navigationzero span,#navigationzero .goog-te-gadget,
#navigationzero #google_translate_element{color:var(--td-muted) !important;}
#navigationzero .buttom-home-two{
  background:var(--td-gradient) !important;color:#0B1220 !important;
  border:0 !important;border-radius:999px !important;
  padding:.55rem 1.15rem !important;font-weight:700 !important;
  box-shadow:0 8px 24px -10px rgba(6,182,212,.55) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
#navigationzero .buttom-home-two:hover{transform:translateY(-1px);box-shadow:0 12px 28px -8px rgba(59,130,246,.6) !important;}
#navigationzero .buttom-home-three{
  background:transparent !important;color:var(--td-text) !important;
  border:1px solid var(--td-border-strong) !important;border-radius:999px !important;
  padding:.5rem 1.05rem !important;font-weight:600 !important;
}
#navigationzero .buttom-home-three:hover{background:rgba(255,255,255,.06) !important;border-color:var(--td-cyan) !important;color:#fff !important;}
#navigationzero #google_translate_element select{
  background:rgba(15,23,42,.6) !important;color:var(--td-text) !important;
  border:1px solid var(--td-border) !important;border-radius:8px !important;
}

#navigation,#navigation.menu-scroll,.menu-scroll{
  background:rgba(15,23,42,.82) !important;
  border-bottom:1px solid var(--td-border) !important;
  backdrop-filter:saturate(180%) blur(18px);
  box-shadow:0 10px 30px -20px rgba(0,0,0,.7) !important;
}
#navigation a,#navigation .nav-link{color:var(--td-text-dim) !important;font-weight:600 !important;}
#navigation .nav-link:hover,#navigation a:hover{color:#fff !important;border-radius:10px;}
#navigation .dropdown-menu{
  background:rgba(17,24,39,.98) !important;
  border:1px solid var(--td-border) !important;
  box-shadow:var(--td-shadow) !important;border-radius:14px !important;
  padding:.5rem !important;
}
#navigation .dropdown-item,#navigation .dropdown-menu a{color:var(--td-text-dim) !important;border-radius:8px !important;}
#navigation .dropdown-item:hover,#navigation .dropdown-menu a:hover{background:rgba(6,182,212,.12) !important;color:#fff !important;}
#nav-icon2 span{background:var(--td-text) !important;}

/* ---------- HERO / BANNERS ---------- */
.baner-home,.baner-twohome1,.baner-twohome2,.baner-twohome3,[class*="baner-"]{
  background-color:var(--td-bg) !important;
}
.baner-home::before,.baner-twohome1::before,.baner-twohome2::before,
.baner-twohome3::before,[class*="baner-"]::before{
  background:
    linear-gradient(105deg, rgba(15,23,42,.94) 0%, rgba(15,23,42,.75) 45%, rgba(15,23,42,.35) 85%, rgba(15,23,42,.15) 100%),
    linear-gradient(180deg, rgba(6,10,25,.35) 0%, rgba(6,10,25,.75) 100%) !important;
}
[class*="baner-"]::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(700px circle at 12% 30%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(600px circle at 85% 80%, rgba(59,130,246,.15), transparent 55%);
}
.baner-home .container::before{
  background:rgba(59,130,246,.14) !important;color:#3b82f6 !important;
  border:1px solid rgba(59,130,246,.45) !important;
}
.title-fonsize-big{
 background: linear-gradient(
    120deg,
    #ffffff 0%,
    #93c5fd 40%,
    #3b82f6 100%
)  !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}
.text-fonsize-big-media,[class*="baner-"] h2,[class*="baner-"] h4{color:rgba(226,232,240,.92) !important;}

/* Owl dots/nav */
.owl-theme .owl-dots .owl-dot span{background:rgba(148,163,184,.35) !important;}
.owl-theme .owl-dots .owl-dot.active span{background:var(--td-green) !important;}
.owl-theme .owl-nav [class*="owl-"]{
  background:rgba(15,23,42,.7) !important;color:#fff !important;
  border:1px solid var(--td-border-strong) !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover{background:var(--td-gradient) !important;color:#0B1220 !important;}

/* ---------- SECTIONS ---------- */
.content-block,.new-block,.heling-main-block,.etf-two-bag-block-ten,
.block-under-home-bg,.under-block-two-home-bg,.under-block-bg-three,
.etf-two-bag-block-one,.etf-two-bag-block-two,.foter-block{
  color:var(--td-text) !important;
}
.new-block{background:transparent !important;}
.new-block .col-lg-3{
  background:var(--td-gradient-panel) !important;
  border:1px solid var(--td-border) !important;
  border-radius:var(--td-radius-lg) !important;
  padding:1.75rem 1.35rem !important;
  backdrop-filter:blur(10px);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.new-block .col-lg-3:hover{
  transform:translateY(-6px);
  border-color:rgba(59,130,246,.4) !important;
  box-shadow:var(--td-glow-green) !important;
  background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(6,182,212,.06)) !important;
}
.new-block .green{color:var(--td-green) !important;font-family:"Sora",sans-serif !important;}
.block-under-home-bg{
  background:linear-gradient(180deg, transparent, rgba(17,24,39,.6)) !important;
  border-top:1px solid var(--td-border) !important;
  border-bottom:1px solid var(--td-border) !important;
}
.under-block-bg-three,.under-block-two-home-bg{
  background:linear-gradient(160deg, rgba(17,24,39,.85), rgba(15,23,42,.85)) !important;
  border:1px solid var(--td-border) !important;
  border-radius:var(--td-radius-xl) !important;
  margin:2rem auto !important;
  max-width:1200px !important;
  position:relative;overflow:hidden;
}
.under-block-bg-three::before{
  background:
    radial-gradient(700px circle at 15% 20%, rgba(59,130,246,.18), transparent 60%),
    radial-gradient(600px circle at 90% 90%, rgba(6,182,212,.14), transparent 60%) !important;
}
.etf-two-bag-block-one{
  background:linear-gradient(160deg, rgba(17,24,39,.9), rgba(11,18,32,.9)) !important;
  border-top:1px solid var(--td-border) !important;border-bottom:1px solid var(--td-border) !important;
}
.etf-two-bag-block-two{
  background:linear-gradient(135deg, rgba(59,130,246,.14), rgba(6,182,212,.14)) !important;
  border-top:1px solid rgba(59,130,246,.25) !important;border-bottom:1px solid rgba(6,182,212,.25) !important;
}

/* Generic panels/cards */
.card,.box,.panel,.card-body,.thumbnail,.well{
  background:var(--td-gradient-panel) !important;
  color:var(--td-text) !important;
  border:1px solid var(--td-border) !important;
  border-radius:var(--td-radius-lg) !important;
  box-shadow:var(--td-shadow) !important;
  backdrop-filter:blur(10px);
}
.color-white-main,.color-white-main *{color:#fff !important;}

/* Images inside content — subtle border + rounded */
.content-block img:not(.logo):not([class*="owl"]):not([class*="fav"]){
  border-radius:16px;
}

/* ---------- BUTTONS ---------- */
.btn,.button,.buttom-home-two,.buttom-home-three,
a.button,input[type="submit"],button[type="submit"]{
  border-radius:12px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  padding:.75rem 1.4rem !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
  border:0;
}
.btn-primary,.button.primary,.buttom-home-two,
input[type="submit"],button[type="submit"]{
  background:var(--td-gradient) !important;
  color:#0B1220 !important;
  box-shadow:0 12px 30px -12px rgba(59,130,246,.55) !important;
}
.btn-primary:hover,.button.primary:hover,.buttom-home-two:hover,
input[type="submit"]:hover,button[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px -12px rgba(6,182,212,.6) !important;
  filter:brightness(1.05);
}
.btn-secondary,.button.secondary,.buttom-home-three,.btn-outline{
  background:transparent !important;color:var(--td-text) !important;
  border:1px solid var(--td-border-strong) !important;
}
.btn-secondary:hover,.button.secondary:hover,.buttom-home-three:hover,.btn-outline:hover{
  border-color:var(--td-cyan) !important;color:#fff !important;background:rgba(6,182,212,.10) !important;
}

/* ---------- FORMS ---------- */
input,select,textarea,.form-control{
  background:rgba(15,23,42,.75) !important;
  color:var(--td-text) !important;
  border:1px solid var(--td-border-strong) !important;
  border-radius:12px !important;
  padding:.75rem 1rem !important;
  transition:border-color .2s ease, box-shadow .2s ease !important;
}
input::placeholder,textarea::placeholder{color:var(--td-muted) !important;}
input:focus,select:focus,textarea:focus,.form-control:focus{
  outline:none !important;
  border-color:var(--td-cyan) !important;
  box-shadow:0 0 0 4px rgba(6,182,212,.18) !important;
  background:rgba(15,23,42,.9) !important;
}
label{color:var(--td-text) !important;font-weight:600;}

/* ---------- TABLES ---------- */
table,.table{
  background:var(--td-gradient-panel) !important;
  color:var(--td-text) !important;
  border-radius:var(--td-radius-lg) !important;
  overflow:hidden;border:1px solid var(--td-border) !important;
  border-collapse:separate !important;border-spacing:0 !important;
}
table th,.table th{
  background:rgba(6,10,25,.6) !important;color:var(--td-text) !important;
  border-bottom:1px solid var(--td-border) !important;
  text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;
  padding:.9rem 1rem !important;
}
table td,.table td{
  border-top:1px solid var(--td-border) !important;
  padding:.85rem 1rem !important;color:var(--td-text-dim) !important;
}
table tr:hover td{background:rgba(59,130,246,.06) !important;}
.numeric,.text-monospace,code,pre,kbd{font-family:"JetBrains Mono",monospace !important;}

/* ---------- POPUPS / MODALS ---------- */
.modal-content,.popup,.modal-dialog .modal-content{
  background:var(--td-gradient-panel) !important;
  border:1px solid var(--td-border) !important;
  border-radius:var(--td-radius-xl) !important;
  box-shadow:var(--td-shadow-lg) !important;
  color:var(--td-text) !important;
  backdrop-filter:blur(20px);
}
.modal-backdrop{background:rgba(6,10,25,.75) !important;}
.modal-header,.modal-footer{border-color:var(--td-border) !important;}

/* ---------- FOOTER ---------- */
#footer,.foter-block{
  background:linear-gradient(180deg, rgba(11,18,32,.85), #06090F) !important;
  border-top:1px solid var(--td-border) !important;
  color:var(--td-muted) !important;
  padding:4rem 0 2rem !important;
}
#footer h6,#footer span,#footer p,#footer li,#footer a,ul.footerLinks li,ul.footerLinks li a{
  color:var(--td-muted) !important;
}
#footer h6{color:var(--td-text) !important;font-family:"Sora",sans-serif !important;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;margin-bottom:1rem;}
#footer a:hover,ul.footerLinks li a:hover{color:var(--td-green) !important;}
#footer hr{border-color:var(--td-border) !important;}
#footer .logo{filter:brightness(0) invert(1) grayscale(1);opacity:.85;}

/* ---------- LOADER ---------- */
.loader-back{background:var(--td-bg) !important;}
#load{fill:var(--td-cyan) !important;}
#outline{fill:var(--td-green) !important;}

/* ---------- MARKET TICKER (bitcoin block) ---------- */
.bitcoin{
  background:linear-gradient(90deg, rgba(15,23,42,.9), rgba(17,24,39,.9)) !important;
  border-top:1px solid var(--td-border) !important;
  border-bottom:1px solid var(--td-border) !important;
  color:var(--td-text) !important;
  padding:.6rem 1rem !important;font-family:"JetBrains Mono",monospace !important;
}

/* ---------- HOVER LIFT for generic clickable tiles ---------- */
.hov,.hov:hover{transition:transform .2s ease, box-shadow .2s ease, color .2s ease !important;}
.hov:hover{transform:translateY(-2px);color:var(--td-green) !important;}

/* ---------- MOBILE POLISH ---------- */
@media (max-width: 991.98px){
  #navigation .navbar{background:rgba(11,18,32,.95) !important;}
  .under-block-bg-three,.under-block-two-home-bg{margin:1rem !important;border-radius:16px !important;}
}
@media (max-width: 767.98px){
  .new-block .col-lg-3{margin-bottom:1rem;}
  .title-fonsize-big{font-size:clamp(1.8rem,7vw,2.4rem) !important;}
}

/* Accent utility classes seen in markup */
.green,.text-success{color:var(--td-green) !important;}
.red,.text-danger{color:var(--td-red) !important;}
.cyan,.text-info{color:var(--td-cyan) !important;}

/* Legacy dark text utilities → invert */
.color-black-main,.text-black,.text-dark{color:var(--td-text) !important;}

/* Any leftover white-background helpers */
.bg-white,.bg-light,[class*="bg-white"]{background:var(--td-gradient-panel) !important;color:var(--td-text) !important;}

/* ---------- FOOTER v2 (proper grid) ---------- */
#footer .footer-menu{
  background:linear-gradient(180deg, rgba(11,18,32,.95), #06090F) !important;
  border-top:1px solid var(--td-border) !important;
  padding-top:4rem !important;
}
#footer .footer-top{padding-bottom:2rem;}
#footer .footer-brand .footer-logo{max-height:44px;width:auto;filter:brightness(0) invert(1);opacity:.95;}
#footer .footer-tagline{color:var(--td-muted) !important;font-size:.92rem;line-height:1.65;max-width:360px;}
#footer .footer-heading{
  color:var(--td-text) !important;
  font-family:"Sora",sans-serif !important;
  font-size:.8rem !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:1.1rem !important;
  position:relative;
  padding-bottom:.6rem;
}
#footer .footer-heading::after{
  content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;
  background:linear-gradient(90deg,var(--td-green),var(--td-cyan));border-radius:2px;
}
#footer ul.footerLinks{list-style:none !important;padding:0 !important;margin:0 !important;display:block !important;}
#footer ul.footerLinks li{display:block !important;margin-bottom:.55rem !important;padding:0 !important;}
#footer ul.footerLinks li a{
  color:var(--td-muted) !important;font-size:.9rem !important;
  text-decoration:none !important;transition:color .2s ease, padding .2s ease;
}
#footer ul.footerLinks li a:hover{color:var(--td-cyan) !important;padding-left:4px;}
#footer .footer-social{display:flex;gap:.6rem;}
#footer .footer-social a{
  width:38px;height:38px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(148,163,184,.08);border:1px solid var(--td-border);
  color:var(--td-text-dim) !important;transition:all .2s ease;
}
#footer .footer-social a:hover{
  background:var(--td-gradient);color:#fff !important;border-color:transparent;
  transform:translateY(-2px);box-shadow:var(--td-glow-cyan);
}
#footer .footer-divider{border-color:var(--td-border) !important;margin:1.5rem 0 !important;}
#footer .footer-legal{padding:1.5rem 0;}
#footer .footer-legal p{color:var(--td-muted) !important;font-size:.78rem !important;line-height:1.6;margin-bottom:.9rem;}
#footer .footer-legal p span{color:var(--td-text) !important;font-weight:600;}
#footer #copyright{
  background:rgba(6,10,25,.6) !important;color:var(--td-muted) !important;
  padding:1.1rem 0 !important;margin-top:1rem;font-size:.82rem;
  border-top:1px solid var(--td-border);
}
#footer .partnership-logo img{filter:grayscale(1) brightness(1.4);opacity:.7;}
.foter-block{display:none !important;} /* legacy */

/* ---------- HEADER v2 (unified) ---------- */
#navigationzero{
  background:linear-gradient(180deg,#060A1C 0%, #0B1220 100%) !important;
  border-bottom:1px solid var(--td-border) !important;
  padding:.35rem 0 !important;
}
#navigationzero .navbar{padding:0 !important;min-height:auto !important;}
#navigation{
  background:linear-gradient(180deg, rgba(11,18,32,.92), rgba(15,23,42,.88)) !important;
  border-bottom:1px solid var(--td-border) !important;
  position:sticky; top:0; z-index:1000;
  backdrop-filter:saturate(160%) blur(16px);
}
#navigation .navbar{padding:.55rem 0 !important;}
#navigation .logo,#navigation .mob_logo,#navigation .d-lg-none img.logo{
  filter:brightness(0) invert(1);
  opacity:.95;
  height:50px !important;max-height:50px !important;
}
#navigation .nav-link{color:var(--td-text-dim) !important;font-weight:600 !important;font-size:.9rem !important;letter-spacing:.01em;}
#navigation .nav-link:hover{color:#fff !important;background:rgba(99,102,241,.14) !important;}
#navigation .dropdown-menu{background:#0F172A !important;border:1px solid var(--td-border) !important;}
#navigation .dropdown-item{color:var(--td-text-dim) !important;}
#navigation .dropdown-item:hover{background:rgba(59,130,246,.14) !important;color:#fff !important;}

/* Utility strip buttons — indigo */
#navigationzero .buttom-home-two{
  background:var(--td-gradient) !important;color:#fff !important;
  box-shadow:0 8px 20px -8px rgba(99,102,241,.55) !important;
}
#navigationzero .buttom-home-three{
  background:transparent !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}