/* ==========================================================
   COMPANY REGISTER
========================================================== */

.sdmi-company-register{

    max-width:900px;
    margin:40px auto;
    padding:15px;

}

.sdmi-company-card{

    background:#ffffff;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    overflow:hidden;

}

.sdmi-company-header{

    padding:30px 35px;
    text-align:center;
    border-bottom:1px solid #ececec;

}

.sdmi-company-header h1{

    margin:0 0 12px;
    font-size:34px;
    color:#374572;
    font-weight:700;

}

.sdmi-company-header p{

    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.8;

}

.sdmi-company-progress{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 30px;
    background:#f7f8fb;
    gap:10px;

}

.sdmi-step{

    flex:1;
    text-align:center;

}

.sdmi-step span{

    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 10px;
    border-radius:50%;
    background:#d9d9d9;
    color:#fff;
    font-weight:bold;

}

.sdmi-step.active span{

    background:#c60101;

}

.sdmi-step small{

    display:block;
    color:#374572;
    font-weight:600;

}

.sdmi-company-form{

    padding:35px;

}

.sdmi-company-footer{

    display:flex;
    justify-content:space-between;
    padding:20px 35px;
    border-top:1px solid #ececec;

}

.sdmi-company-footer button{

    border:none;
    border-radius:8px;
    padding:14px 28px;
    font-size:15px;
    cursor:pointer;
    font-weight:600;

}

.sdmi-company-footer button:first-child{

    background:#d9d9d9;
    color:#666;

}

.sdmi-company-footer button:last-child{

    background:#c60101;
    color:#fff;

}

.sdmi-company-footer button:last-child:hover{

    background:#990000;

}

@media(max-width:767px){

    .sdmi-company-header{

        padding:30px 20px;

    }

    .sdmi-company-header h1{

        font-size:30px;

    }

    .sdmi-company-progress{

        flex-wrap:wrap;

    }

    .sdmi-step{

        width:33.33%;
        flex:none;
        margin-bottom:20px;

    }

    .sdmi-company-form{

        padding:25px;

    }

    .sdmi-company-footer{

        padding:20px;

    }

}

/* ==========================================================
   COMPANY FORM
========================================================== */

.sdmi-company-section{

    background:#fff;

}

.sdmi-company-section h3{

    margin:0;

    color:#374572;

    font-size:28px;

}

.sdmi-company-section p{

    color:#777;

    margin:12px 0 35px;

}

.sdmi-company-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.sdmi-field{

    display:flex;

    flex-direction:column;

}

.sdmi-field label{

    font-weight:700;

    color:#374572;

    margin-bottom:10px;

}

.sdmi-field input,
.sdmi-field select{

    height:52px;

    border:1px solid #d9d9d9;

    border-radius:10px;

    padding:0 16px;

    font-size:15px;

    transition:.25s;

}

.sdmi-field input:focus,
.sdmi-field select:focus{

    border-color:#c60101;

    outline:none;

    box-shadow:0 0 0 3px rgba(198,1,1,.12);

}

.sdmi-field input[type=file]{

    padding:12px;

    height:auto;

}

@media(max-width:767px){

    .sdmi-company-grid{

        grid-template-columns:1fr;

    }

}

/* ==========================================================
   COMPANY TEXTAREA
========================================================== */

.sdmi-field-full{

    margin-top:25px;

}

.sdmi-field textarea{

    width:100%;

    border:1px solid #d9d9d9;

    border-radius:10px;

    padding:16px;

    font-size:15px;

    resize:vertical;

    transition:.25s;

    font-family:inherit;

    min-height:140px;

}

.sdmi-field textarea:focus{

    outline:none;

    border-color:#c60101;

    box-shadow:0 0 0 3px rgba(198,1,1,.12);

}

/* ==========================================================
   TEXTAREA
========================================================== */

.sdmi-field-full{

    margin-top:25px;

}

.sdmi-field textarea{

    width:100%;

    min-height:140px;

    padding:15px;

    border:1px solid #d9d9d9;

    border-radius:10px;

    font-size:15px;

    resize:vertical;

    transition:.25s;

    font-family:inherit;

}

.sdmi-field textarea:focus{

    outline:none;

    border-color:#c60101;

    box-shadow:0 0 0 3px rgba(198,1,1,.12);

}