/*==================================================
  Forms
  SVFutureTechAI Theme
===================================================*/

/*---------------------------------
  Form Wrapper
----------------------------------*/

.sv-form {
    width: 100%;
}

.sv-form-group {
    margin-bottom: 24px;
}

.sv-form-row {
    display: flex;
    gap: 20px;
}

.sv-form-row .sv-form-group {
    flex: 1;
}

/*---------------------------------
  Labels
----------------------------------*/

.sv-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--sv-text);
}

/*---------------------------------
  Inputs
----------------------------------*/

.sv-input,
.sv-select,
.sv-textarea {

    width: 100%;
    height: 50px;

    padding: 0 16px;

    border: 1px solid var(--sv-border);
    border-radius: var(--sv-radius-md);

    background: var(--sv-white);

    color: var(--sv-text);

    font-size: 15px;

    transition: .25s ease;
}

.sv-textarea {

    min-height: 140px;

    resize: vertical;

    padding: 16px;
}

.sv-input::placeholder,
.sv-textarea::placeholder {

    color: var(--sv-text-light);
}

.sv-input:focus,
.sv-select:focus,
.sv-textarea:focus {

    border-color: var(--sv-primary);

    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

/*---------------------------------
  Disabled
----------------------------------*/

.sv-input:disabled,
.sv-select:disabled,
.sv-textarea:disabled {

    background: #f3f4f6;
    cursor: not-allowed;
}

/*---------------------------------
  Checkbox
----------------------------------*/

.sv-checkbox {

    display: flex;
    align-items: center;
    gap: 10px;
}

.sv-checkbox input {

    width: 18px;
    height: 18px;
}

/*---------------------------------
  Radio
----------------------------------*/

.sv-radio {

    display: flex;
    align-items: center;
    gap: 10px;
}

/*---------------------------------
  File Upload
----------------------------------*/

.sv-file {

    display: block;

    width: 100%;

    padding: 14px;

    border: 2px dashed var(--sv-border);

    border-radius: var(--sv-radius-md);

    background: var(--sv-white);
}

/*---------------------------------
  Input Icon
----------------------------------*/

.sv-input-icon {

    position: relative;
}

.sv-input-icon i,
.sv-input-icon svg {

    position: absolute;

    top: 50%;
    left: 16px;

    transform: translateY(-50%);

    color: var(--sv-text-light);
}

.sv-input-icon .sv-input {

    padding-left: 48px;
}

/*---------------------------------
  Validation
----------------------------------*/

.sv-error {

    color: var(--sv-danger);

    font-size: 13px;

    margin-top: 6px;
}

.sv-success {

    color: var(--sv-success);

    font-size: 13px;

    margin-top: 6px;
}

/*---------------------------------
  Search Style Input
----------------------------------*/

.sv-input-search {

    position: relative;
}

.sv-input-search .sv-input {

    padding-right: 55px;
}

.sv-input-search button {

    position: absolute;

    top: 50%;
    right: 10px;

    transform: translateY(-50%);

    width: 36px;
    height: 36px;

    border-radius: 8px;

    background: var(--sv-primary);

    color: #fff;
}

/*---------------------------------
  Newsletter Form
----------------------------------*/

.sv-newsletter-form {

    display: flex;
    gap: 12px;
}

.sv-newsletter-form .sv-input {

    flex: 1;
}

/*---------------------------------
  Contact Form
----------------------------------*/

.sv-contact-form {

    background: var(--sv-white);

    padding: 35px;

    border-radius: var(--sv-radius-lg);

    box-shadow: var(--sv-shadow);
}

/*---------------------------------
  Responsive
----------------------------------*/

@media(max-width:768px){

.sv-form-row{

flex-direction:column;

gap:0;

}

.sv-newsletter-form{

flex-direction:column;

}

}