@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


html, body {
    width:100%; height:100%; overflow: auto; padding:0; display: block;
    margin: 0;
    background: #19084b;
    color: #fff;
     font-family: "Montserrat", sans-serif;
}

.boxWrp {
    display: flex; justify-content: space-between;
    height:100%;
}


.boxWrp .Left {
    max-width:850px;
    z-index: 2; position: relative; padding:50px; text-align: left;
    display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
}
.boxWrp .Left .d-flex {
    display: flex; flex-direction: column; align-items: flex-start;
}

.boxWrp .Left a.bTn {
    color: #19084b; padding:12px 25px; margin:50px 0 0; font-weight: bold; text-decoration: none;
    background: #56C298;
background: linear-gradient(90deg, rgba(86, 194, 152, 1) 0%, rgba(120, 198, 223, 1) 100%);
}

.boxWrp .Right {
    width:60%;
}
.boxWrp .Right img {
    width:100%; opacity: 0.65;
}
.boxWrp .Right,
.boxWrp .Right img {
    z-index: 1; position: absolute; right:0; top:0; bottom:0; height:100%;
    object-fit: cover; object-position: left center;
}






* {
    box-sizing: border-box;
}

.logo-area {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.logo-square {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5em;
    font-weight: 700;
    border: 4px solid #ba5773;
    border-radius: 0;
    color: #ba5773;
    background: #391753;
}

.logo-square:nth-child(2) {
    border-color: #56c298;
    color: #56c298;
    background: #252b57;
}

.logo-square:nth-child(3) {
    border-color: #78c6df;
    color: #78c6df;
    background: #26265f;
}

.logo-square:nth-child(4) {
    border-color: #d1d269;
    color: #d1d269;
    background: #33284e;
}

.strategies {
    font-size: 2.4em;
    letter-spacing: 0.24em;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
}

.main-heading {
    color: #2cedff;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 10px;
}

.ether-logo {
    color: #2cedff;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 7px;
}

.powered-details {
    color: #cfe2f3;
    font-size: 0.84em;
    font-weight: 400;
}

.funds-area {
    margin-top: 15px;
    font-size: 1.5em;
    font-weight: 700; color: #fff;
}

.funds-area span { padding:0 10px; border-left:4px solid #c0504d; }
.funds-area span:first-child { border: none; }

.hedge {
    color: #c0504d;
}
.family {
    color: #627db7;
}
.asset {
    color: #c93a2a;
}

.desc {
    margin-top: 18px;
    color: #fff;
    font-size: 1.08em;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 1.6;
}



.poweredBy { 
    font-weight: bold; font-size:1.2em; color: #cfe2f3;
    display: flex; align-items: center; justify-content: center;
}
.poweredBy img { width:300px; }






@media (max-width: 1200px) {
    
    .boxWrp .Left { padding:25px; max-width:700px; }
    .logo-square {
        width: 60px;
        height: 60px;
        font-size: 2.85em;
        border:3px solid #ba5773;
    }
    .main-heading {
        font-size: 22px;
    }
    .strategies {
        font-size: 32px;
    }
    .desc { font-size:16px; }
    .desc br { display: none; }
    
}


@media (max-width: 991px) {
    
    
    .boxWrp .Right { width:100%; }
    .boxWrp .Right img { width:100%; opacity: 0.25; }
    
    
}


@media (max-width: 767px) {
    .logo-area {
        gap: 7px;
    }

    .boxWrp {
        padding: 18px 2vw 0 2vw;
    }
    
    .boxWrp .Left {
        padding: 15px; 
    }
    .boxWrp .Left,
    .boxWrp .Left .d-flex {
        align-items: center; text-align: center;
    }
    
    
    
    .boxWrp .Right img { object-position: right center; opacity: 0.2; }

    
    .poweredBy {
        flex-direction: column;
    }
    .poweredBy img { width:250px; }
    

    .funds-area { font-size:20px; }
    .funds-area span { display: block; border: none; font-size:20px; }
    
    
}