*{
    box-sizing: border-box;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/QGYvz_MVcBeNP4NJuktqQ4E.woff2') format('woff2');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/QGYvz_MVcBeNP4NJtEtq.woff2') format('woff2');
}

body{
  margin: 0;
  padding: 0;
  font-family: 'Outfit';
  background-color: #000;
  color: #eaecef;
  letter-spacing: -0.4px;
  font-weight: 300;
  font-size: 14px;
}
.main-wrapper{
    background-image: url('../img/acc-bg-img.png');
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    display: flex;
}
.main-wrapper .button{
  background: linear-gradient(60.19deg, #24EB2E 22.7%, #60FF00 75.86%);
  border-radius: 18px;
  color: #000;
}
.main-wrapper .button:hover{
  background: linear-gradient(60.19deg, #60FF00 22.7%,  #24EB2E 75.86%);
  color: #000;
}
.account-box {
    max-width: 600px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    padding: 2.3rem;
    position: relative;
    border-radius: 10px;
    background: var(--box-background, rgba(17, 17, 17, 0.6));
    backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
    z-index: 1;
    overflow: hidden;
}
.account-box .form-control {
    background-color: #121212;
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.account-box .form-check-input[type=checkbox] {
    border-radius: 50%;
    margin-top: 6px;
}
.form-check-input:checked {
    background-color: #24EB2E;
    border-color: #24EB2E;
}

.forgot-password a {
    color: #ffffffcc;
    font-size: 15px;
    text-decoration: underline;
    font-weight: 500;
}
.navbar-brand img {
    max-width: 200px;
    max-height: 80px;
    margin-bottom: 4px;
}

.navbar-nav .nav-link.active {
    color: #af1f72;
    font-weight: bold;
}

.navbar-nav .nav-link {color: #eaecef;
    padding: 10px 40px !important;
    display: block;
}

.navbar-nav {
    justify-content: flex-end;
    width: 100%;
}

.navbar-nav .nav-link:hover {
    color: #60FF00;
}

.navbar-nav .button {
    margin-left: 10px;

}
.register-success-title {
    text-align: center;
}   
.register-success p {
    margin-bottom: 9px  !important;
    color: #ffffffc7 !important;
}
.register-success-title {
    text-align: center;
    margin-bottom: 42px;
}
.custom_body.withdraw_info .small-btn {
    width: auto;
}
li.no-data-info {
    text-align: center;
    background: #8888881f;
    padding: 17px;
    font-size: 16px;
    margin-top: 19px;
}
.register-success-title h1{
    color: #fff;
}
.register-success-title img {
    margin-bottom: 0px;
}
.register-success a {
    color: #60FF00;
    text-decoration: underline;
}
.register-success a:hover{
    color: #fff;
}

.forgot-password {
    text-align: right;
    margin-bottom: 30px;
}
.forgot-password a:hover {
    color: #ffffff;
}
.login-bottom{
    margin-bottom: 30px;
    text-align: center;
}
.login-bottom a {
    color: #60FF00;
    text-decoration: none;
}
.login-bottom a:hover {
    color: #ffffff;
}
.account-box h1 {
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.account-box h1 {
    margin-bottom: 10px;
}
.account-box p {
    margin-bottom: 30px;
    color: #9ea1a6;
    font-size: 16px;
}
.register-box{
    max-width: 700px;
}
.account-title {
    text-align: center;
}
.header_socials ul {
    list-style: none;
    margin-bottom: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_socials a svg {
    width: 20px;
}
.header_socials a:hover {
  background: linear-gradient(60.19deg, #24EB2E 22.7%, #60FF00 75.86%);
  color: #000;
}
.header_socials a {
    color: #60FF00;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background: #171413;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 4px;
    font-size: 24px;
    border: 1px solid transparent; 
    border-image: linear-gradient(to bottom, #595959, #fff); 
    border-image-slice: 1;
    
}

.account-box.custom-box {
    max-width: 84%;
    margin-top: 47px;
}

 .form-control:focus {
    border-color: #ffffff57;
    background-color: #181818;
    color: #fff;
}
.main-bg-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.main-bg-wrapper::after{
    position: absolute;
    width: 460px;
    height: 442px;
    content: '';
    right: 0px;
    top: -65px;
    background: linear-gradient(210.11deg, rgba(0, 143, 255, 0.94) 15.31%, rgba(25, 105, 243, 0.94) 81.65%);
    filter: blur(297.55px);
    z-index: -1;
}
.main-bg-wrapper::before{
    position: absolute;
    content: '';
    width: 350px;
    z-index: -1;
    height: 350px;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(210.11deg, rgba(251, 71, 41, 0.84) 15.31%, rgba(255, 158, 97, 0.84) 81.65%);
    filter: blur(300px);
}
.affiliate-marketing-details {
    text-align: center;
}
.affiliate-marketing-details p{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100;
    margin-bottom: 2px;
    font-size: 30px;
}
.affiliate-marketing-details h1{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    font-size: 56px;
}
.affiliate-marketing-info {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 80px;
}
.affiliate-marketing-box a{
    width: 300px;
    display: flex;
    flex-direction: column;
    height: 240px;
    transition: all 0.5s ease-in-out;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(18.9448px);
    border-radius: 16.575px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.affiliate-marketing-box a:hover .defi-btn{
    background: linear-gradient(160deg, #FE2E26 22.7%, #F58430 75.86%);
}
.affiliate-marketing-box a:hover .cefi-btn{
    background: linear-gradient(160deg, #018EFF 3.15%, #196AF3 90.26%);
}
.affiliate-marketing-box{
    position: relative;

}
.circle-bg{
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    left: 67px;
    top: 39px;
    background: linear-gradient(60.19deg, rgba(25, 107, 244, 0.41) 22.7%, rgba(1, 141, 254, 0.41) 75.86%);
    filter: blur(33.3338px);
    border-radius: 39.0264px;
    z-index: -1;

}
.affiliate-marketing-box h2{
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 65px;
    margin-bottom: 0px;
    color: #FFFFFF;

}
.defi-btn,.cefi-btn{
    margin-bottom: 0px !important;
    background: linear-gradient(60.19deg, #F58430 22.7%, #FE2E26 75.86%);
    border-radius: 0px 0px 17px 17px;
    font-family: 'Outfit' !important;
    font-style: normal;
    transition: all 0.5s ease-in-out;
    font-weight: 400 !important;
    font-size: 22px !important;
    color: #fff;
    padding: 10px 6px;
}
.cefi-marketing-box .circle-bg{
    background: linear-gradient(60.19deg, rgba(245, 132, 48, 0.41) 22.7%, rgba(254, 46, 38, 0.41) 75.86%) !important;
}
.cefi-btn{
    background: linear-gradient(90deg, #196AF3 3.15%, #018EFF 90.26%);
}



@media(max-width:768px){
    .affiliate-marketing-box a{
        width: 212px;
        height: 170px;
    }
    .affiliate-marketing-box h2{
            font-size: 42px;
    }
    .affiliate-marketing-info{
            gap: 19px;
    }
    .defi-btn, .cefi-btn{
        font-size: 19px !important;
        padding: 7px 6px;
    }
    .affiliate-marketing-details h1{
        font-size: 36px;
    }
    .affiliate-marketing-details p{
            font-size: 23px;
    }
}
@media(max-width:575px){
    .account-box{
        margin-top: 30px;
        padding: 12px;
    }
    .account-box.custom-box {
        max-width: 100%;
        margin-top: 30px;
    }
    .affiliate-marketing-info{
            margin-top: 30px;
    }
    .affiliate-marketing-details h1 {
        font-size: 25px;
    }
    .affiliate-marketing-details p {
        font-size: 19px;
    }
    .circle-bg{
        display: none;
    }
        .affiliate-marketing-box a {
        width: 143px;
        height: 133px;
    }
    .main-bg-wrapper::before{
        width: 250px;
        filter: blur(237px);
    }
    .affiliate-marketing-box h2 {
        font-size: 34px;
    }
    .defi-btn, .cefi-btn {
        font-size: 16px !important;
        padding: 6px 6px;
        border-radius: 0px 0px 7px 7px;

    }
    .affiliate-marketing-box a{
        border-radius: 7px;
    }
    .main-bg-wrapper::after{
        width: 360px;
        height: 297px;
        filter: blur(187.55px);

    }
}