form{
    ul{
        li{
            margin-bottom: 20px;

            &:last-child{
                margin-bottom: 0;
            }

            label{
                color: $color-white;
            }

            input,
            textarea{
                font-family: $font-main;
                background-color: $color-white;
                border: solid 1px $color-white;
                border-radius: 20px;
                outline: none;
                font-size: 15px;
                padding-left: 15px;
                padding-right: 15px;
                transition: 300ms ease-in-out;

                // &:focus{
                //     border: 1px solid $color-primary;
                // }
            }

            input{
                height: 37px;
                width: 100%;
            }

            textarea{
                padding-top: 5px;
                padding-bottom: 5px;
                max-width: 100%;
                min-width: 100%;
                min-height: 140px;
                max-height: 140px;
            }
        }
    }
}

.radio-custom{
    margin-right: 40px;

    &:last-child{
        margin-right: 0;
    }

    input[type="radio"]{
        display: none;

        &:checked + label{
            &:before{
                background-color: $color-thrid;
            }
        }
    }

    label{
        position: relative;
        display: block;
        padding-left: 25px;
        cursor: pointer;

        &:before{
            content: "";
            position: absolute;
            top: -1px;
            left: 0;
            width: 15px;
            height: 15px;
            border: 3px solid $color-white;
            background-color: $color-white;
            border-radius: 100%;
            transition: 300ms ease-in-out;
        }
    }
}