.contact-form{

    .form-wrapper{padding: 2rem; border: 2px solid black;
    
        @media(max-width:991px){padding: 1rem;}
    }


    &.page-form{padding-bottom: 10.6rem;
        .form-title{margin-bottom: 1rem; letter-spacing: initial;}
    }

    .form-row{display: flex; margin-bottom: 1rem; flex-wrap: wrap; width: 100%;}

    textarea{width: 100%;}

    .form-input{border: 1px solid black; font-size: 2rem; padding: 1rem 1.5rem; font-family: var(--font-body-family)!important; direction: rtl; text-align: right; flex: 0 0 100%; max-width: 100%;

        &:focus-visible{outline: none; box-shadow: none;}
    
        &.half{flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem);
        
            &:nth-child(odd){margin-left: 0.5rem;}
            &:nth-child(even){margin-right: 0.5rem;}
        }

        @media(max-width:991px){font-size: 1.6rem; padding: 1rem;}

    }

    .checkboxes{flex: 0 0 65%; max-width: 65%;
    
        .checkbox-wrapper{margin-bottom: 1rem;
        
            label{color: rgb(var(--color-foreground));}
        }
    }

    form{
        .btn-wrap{flex: 0 0 35%; max-width: 35%;
        
            .btn{width: 100%;min-width: initial; padding: 0.8rem;}
        }
    }

    @media(max-width:991px){
        .checkboxes, form .btn-wrap{flex: 0 0 100%; max-width: 100%; width: 100%;;}

        .checkboxes{
            .checkbox-wrapper{margin-bottom: 0.5rem;
            
                label{font-size: 1.2rem;}
            }
        }
    }
}