@use '../../utils' as *;

/*----------------------------------------*/
/* Plan profit styles
/*----------------------------------------*/
.plan-profit-shapes {
    .shape-one {
        position: absolute;
        right: 0;
        top: 15%;
        width: 414px;
        z-index: -1;

        @media #{$xxl,$xl} {
            width: 240px;
        }

        @media #{$lg} {
            width: 200px;
        }

        @media #{$md} {
            width: 90px;
        }
    }
}

.plan-profit-glow {
    position: absolute;
    top: -51%;
    z-index: -1;
}

.plan-profit-box {
    border-radius: 30px;
    border-style: solid;
    border-color: rgba($white, $alpha: 0.2);
    border-width: 1px;
    padding: 55px 50px 60px 50px;
    position: relative;

    @media #{$xxs} {
        border-radius: 16px;
        border: 1px solid rgba($white, $alpha: 0.2);
        padding: 31px 20px 25px 20px;
    }
}

.plan-profit-form {
    .td-form-group.input-fill {
        .input-field {
            input {
                height: 60px;
                background: transparent;
                border-color: rgba($white, $alpha: 0.12);
                color: rgba($white, $alpha: .7);
                @include td-placeholder {
                    color: rgba($white, $alpha: .4);
                }
                &:focus {
                    border-color: var(--td-primary);
                } 
            }
        }

        .input-icon {
            i {
                color: var(--td-pale-cornflower-blue);
            }
        }
    }

    .select2-container--default {
        .select2-selection--single {
            height: 60px;

            .select2-selection__arrow {
                b {
                    top: 36%;
                }
            }
        }

        .select2-selection {
            background-color: transparent;
        }
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        color: var(--td-pale-cornflower-blue);
    }

    .btn-inner {
        margin-top: 15px;
    }
}