.jd-advertise-form{
    padding:60px 20px;
}

.jd-container{
    max-width:700px;
    margin:auto;
}

.jd-form-heading{
    max-width:760px;
    margin:0 auto 38px;
    text-align:center;
}

.jd-form-heading h1{
    margin:0 0 14px;
    color:#1f3027;
    font-size:42px;
    line-height:1.15;
}

.jd-form-heading p{
    margin:0;
    color:#5f6963;
    font-size:18px;
    line-height:1.65;
}

.jd-selected-package{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    background:#f8f8f8;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:15px 20px;

    margin-bottom:35px;

}

.jd-selected-package span{

    color:#666;

    font-size:14px;

}

.jd-selected-package strong{

    flex:1;

    font-size:16px;

    font-weight:500;

}

.jd-selected-package em{

    font-style:normal;

    font-size:16px;

    font-weight:600;

    color:#3d7656;

}
.jd-advertise-form-wrap{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:16px;
    padding:35px;
}

.jd-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.jd-field{
    display:flex;
    flex-direction:column;
}

.jd-full{
    grid-column:1 / -1;
}

.jd-field label{
    font-weight:600;
    margin-bottom:6px;
    font-size:13px;
    color:#30313d;
}

.jd-field input,
.jd-field textarea,
.jd-field select{
    width:100%;
    min-height:42px;
    border:1px solid #c9cbd2;
    border-radius:6px;
    padding:9px 11px;
    background:#fff;
    color:#30313d;
    font-size:14px;
    line-height:1.35;
    box-shadow:0 1px 1px rgba(0,0,0,.03);
}

.jd-field input:focus,
.jd-field textarea:focus,
.jd-field select:focus{
    border-color:#635bff;
    outline:0;
    box-shadow:0 0 0 3px rgba(99,91,255,.15);
}

.jd-field.has-error input,
.jd-field.has-error textarea,
.jd-field.has-error select{
    border-color:#c62828;
    background:#fff8f8;
    box-shadow:0 0 0 1px #c62828;
}

.jd-field.has-error label,
.jd-error{
    color:#c62828;
}

.jd-error{
    display:block;
    margin-top:8px;
    font-weight:600;
}

.jd-form-error{
    margin-bottom:24px;
    border:1px solid #c62828;
    border-radius:8px;
    background:#fff8f8;
    color:#a51f1f;
    padding:14px 16px;
    font-weight:600;
}

.jd-form-notice{
    margin-bottom:24px;
    border:1px solid #b58a22;
    border-radius:8px;
    background:#fffaf0;
    color:#715615;
    padding:14px 16px;
    font-weight:600;
}

.jd-field textarea{
    resize:vertical;
    min-height:90px;
}

.jd-field input[type="file"]{
    padding:7px 9px;
}

.jd-format-field{
    min-width:0;
    margin:2px 0 0;
    padding:0;
    border:0;
}

.jd-format-field legend{
    margin:0 0 3px;
    padding:0;
    color:#30313d;
    font-size:13px;
    font-weight:600;
}

.jd-field-help{
    margin:0 0 9px;
    color:#6d6e78;
    font-size:12px;
}

.jd-format-options{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
}

.jd-format-option{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0 !important;
    padding:10px;
    border:1px solid #c9cbd2;
    border-radius:7px;
    background:#fff;
    cursor:pointer;
}

.jd-format-option:has(input:checked){
    border-color:#635bff;
    box-shadow:0 0 0 1px #635bff;
}

.jd-format-option input[type="radio"]{
    width:15px;
    min-height:15px;
    height:15px;
    margin:2px 0 0;
    padding:0;
    box-shadow:none;
    accent-color:#635bff;
}

.jd-format-option span{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.jd-format-option strong{
    font-size:13px;
}

.jd-format-option small{
    color:#6d6e78;
    font-size:11px;
    font-weight:400;
}

[hidden]{
    display:none !important;
}

.jd-submit{
    width:100%;
    margin-top:22px;
    background:#3d7656;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:13px 20px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}

.jd-submit:hover{
    background:#2f6046;
}

@media(max-width:768px){

    .jd-form-heading h1{
        font-size:34px;
    }

    .jd-grid{
        grid-template-columns:1fr;
    }

    .jd-format-options{
        grid-template-columns:1fr;
    }

    .jd-full{
        grid-column:auto;
    }

}

