body{
    background-color: #fff;
    background: #fff;
}
.title{
    margin: 36px 0 36px 0;
    font-size: 48px;
}

.sub-section{
    height: 400px;
    display: grid;
    place-content: center;
}


#registrationForm{
    width: 40%;
    max-width: 400px;
    margin-bottom: 80px;
    p{
        margin-bottom: 26px;
    }
    input, button, textarea{
        border: none;
        outline: none;
        border-radius: 4px;
    }
    input:focus, textarea:focus{
        outline: 1px solid #fad03b;
    }
    label{
        margin-bottom: 8px;
    }
    .form-group{
        width: 100%;
        &.name{
            margin-bottom: 26px;
            label{
                display: block;
            }
            input{
                width: 100%;
                background-color: #f5f5f5;
                padding: 8px;
                min-height: 44px;
            }
        }
        &.email{
            margin-bottom: 26px;
            label{
                display: block;
            }
            input{
                width: 100%;
                background-color: #f5f5f5;
                padding: 8px;
                min-height: 44px;
            }
        }
        &.phone-number{
            margin-bottom: 26px;
            label{
                display: block;
            }
            input{
                width: 100%;
                background-color: #f5f5f5;
                padding: 8px;
                min-height: 44px;
            }
        }
        &.parish{
            margin-bottom: 16px;
            label{
                display: block;
            }

            .searchicon-input{
                width: 100%;
                background-color: #f5f5f5;
                padding: 8px;
                min-height: 44px;
            }
            input{
                outline: none;
                width: 90%;
                background-color: #f5f5f5;
            }
            select{
                outline: none;
                background-color: #f5f5f5;
                padding: 8px;
                width: 100%;
                min-height: 44px;
                border: none;
                margin-top: 16px;
                display: flex;
                align-items: center;
            }
            a{
                padding: 16px 8px;
                border-radius: 4px;
                transition: all .3s ease-out;
                &:hover{
                    color: #fad03b;
                    background-color: #444444;
                }
                &.selected{
                    color: #fad03b;
                    background-color: #444444;
                }
            }
        }
        &.submit{
            button{
                font-family: 'Roboto', sans-serif;
                font-size: 15px;
                font-weight: 700;
                padding: 5px 32px;
                background: #444444;
                border-radius: 4px;
                background: #fad03b;
                min-height: 55px;
                display: inline-flex;
                place-items: center;
                border: 2px solid #fad03b;
                transition: all .2s ease-out;
                text-transform: uppercase;
        
                &:hover{
                    background-color: #111111;
                    color: #fff;
                    border-color: #111111;
        
                }
            }
        }
    }
}