.container-fluid {
    background-image: linear-gradient(to bottom, #0b0828 11%, #173a5f 50%, #12275c 100%);
}

.my-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.icon-eth {
    position: absolute;
}

.icon-eth.icon-1{
    top: 22%;
    left: 15%;
}

.icon-eth.icon-2{
    bottom: 5%;
    right: 15%;
}

.icon-eth.icon-3{
    bottom: 29%;
    right: 20%;
}

/*************************************row-1*******************************************/
.my-row-1 {
    position: relative;
    /* min-height: 100vh; */
}

.my-columns-1 {
    display: flex;
    margin-top: 7.5rem;
    margin-bottom: 2.87rem;
}



.my-columns-2 {
    margin-top: 224px;
    display: flex;
    margin-bottom: 8.0rem;
    justify-content: center;
}

.calculator-screen-background {
    width: 68.18rem;
    height: 58.49rem;
    object-fit: contain;
    background: url(/assets/img/income-calculator.png) no-repeat;
    background-size: contain;
    position: relative;
}

.calculator-screen-text {
    position: absolute;
    left: 23%;
    top: 34%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #00edbf;
}

.calculator-screen-text.usd{
    top: 24%;
}

.calculator-screen-text .num {
    margin: 27px 16px 0 0;
    font-size: 46px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #00edbf;
}

.graphics-card-wraper {
    margin-left: -7.7rem;
}

.graphics-card {
    margin: 79px 43px 44px 102px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #0d9f83;
}

.graphics-series-list {
    width: 275.9px;
    height: 75.1px;
    background: url(/assets/img/income-calculator-normal.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-bottom: 62.1px;
    line-height: 7.5rem;
    text-align: center;
    padding-left: 48px;
}

.graphics-series-list span{
    background-image: linear-gradient(104deg, #30cfd0 0%, #2e518d 83%, #2c0867 114%);
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.graphics-series-list-select {
    background: url(/assets/img/income-calculator-select.svg) no-repeat;
    background-size: contain;
}

.graphics-series-list-select span{
    color: #fff;
    -webkit-text-fill-color: white;
}

/*************************************row-2*******************************************/

.my-row-2 {
    min-height: 308px;
    align-content: center;
    position: relative;
    background-color: rgba(15, 19, 28, 0.4);
}

.my-columns-3 p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
}

.icon-0 {
    margin-top: 20px;
    margin-right: 53px;
    width: 122px;
    height: 122px;
    background: url(/assets/img/income-calculator-icon-0.svg) no-repeat;
    background-size: contain;
}

/*************************************row-3*******************************************/

.my-row-3 {
    position: relative;
    min-height: 639px
    /* align-content: center; */
}

.my-columns-4 {
    margin-bottom: 372px;
    margin-top: 128px;
}

.logo-group-41 {
    width: 2.69rem;
    height: 5.49rem;
    object-fit: contain;
}

.logo-group-41-tip {
    width: 700px;
    font-size: 46px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: absolute;
    left: 68px;
    top: -110px;
}

.my-row-3 .title-top{
    font-size: 46px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.my-row-3 .title-tip{
    opacity: 0.8;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #42a5f5;
}

.small-logo {
    margin: 51px 0 14px 0;
    font-size: 1.6rem;
    line-height: 2;
    text-align: left;
    color: var(--white);
}

.en-text {
}

@media (max-width: 991.98px) {
    .icon-eth{
        display: none;
    }
    .my-columns-1 {
        justify-content: center;
        margin-bottom: 3.2rem;
    }

    .my-columns-1 img {
        display: none;
    }
}

@media (max-width: 991.98px) {

    .logo-group-41-tip{
        width: 200px;
        font-size: 32px;
        left: 25%;
    }

    .my-columns-2{
        margin-top: 151px;
    }

    .calculator-screen-background {
        width: 283.9px;
        height: 244.4px;
        object-fit: contain;
        background: url(/assets/img/income-calculator-mobile.png) no-repeat;
        background-size: contain;
    }
    
    .calculator-screen-text.usd img{
        width: 25px;
    }

    .calculator-screen-text.usd {
        top: 15%;
        left: 64%;
    }

    .calculator-screen-text{
        top: 26%;
        left: 23%;
    }

    .unit{
        position: absolute;
        width: 100px;
        top: 89%;
        left: 62%;
    }

    .small-logo{
        text-align: center;
    }
   
    .graphics-card-wraper {
        margin-left: -5rem;
    }

    .graphics-series-list {
        padding-left: 14px;
        margin-bottom: 25.5px;
        width: 109.3px;
        height: 31.8px;
        background: url(/assets/img/income-calculator-mobile-normal.svg) no-repeat left;
        background-size: contain;
        line-height: 2.8rem;    /* 字體劇中 */
        text-align: center;
        font-size: 1.2rem;
    }

    .graphics-series-list-select {
        background: url(/assets/img/income-calculator-mobile-select.svg) no-repeat left;
        background-size: contain;
    }

    .graphics-card{
        margin: 32px 0 14.7px 22px;
        font-size: 10px;
    }

    .graphics-series-list span{
        font-size: 10px;
    }

    .my-row-2{
        padding-bottom: 120px;
    }

    .my-row-2 .icon-0{
        position: absolute;
        top: 66%;
        left: 36%;
    }

    .my-row-3 .title-top{
        font-size: 32px;
    }

}

@media (max-width: 991.98px) {

    .my-columns-3 {
        margin: 3.6rem;
    }

    .my-columns-4 {
        margin-top: 7.6rem;
    }

    .my-columns-5 {
        display: flex;
        justify-content: center;
    }

    .small-logo:last-child {
        margin-right: 0;
    }

    .title-top{
        padding: 0 45px;
    }

    .calculator-screen-text .num{
        font-size: 36px;
    }
}

.footer {
    margin: 0 !important;
}