body{margin:0;font-family:Arial;background:url('../images/background.jpg') center/cover no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}*{box-sizing:border-box}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}.container{position:relative;z-index:2;width:100%;max-width:750px}.contact-form{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:35px;border-radius:20px;color:#fff}.contact-form h1,.subtitle{text-align:center}.subtitle{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:bold}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px;border:none;border-radius:10px}.verify-row,.verification-box{display:flex;gap:10px;flex-wrap:wrap}.verify-row input,.verify-row select{flex:1}.verify-btn,.submit-btn{border:none;border-radius:10px;color:#fff;font-weight:bold;cursor:pointer}.verify-btn{background:#00c853;padding:14px 18px}.submit-btn{width:100%;padding:16px;background:#ff9800;font-size:17px}.checkbox-group{display:grid;gap:10px}.checkbox-group label{display:flex;gap:10px;font-weight:normal}.checkbox-group input{width:auto}.hidden{display:none}
.g-recaptcha{
    margin-top:15px;
    margin-bottom:25px;
}

.services-container{
    margin-top:10px;
}

.service-row{

    display:flex;

    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;

}

.service-row input[type="checkbox"]{

    width:auto;

    margin-top:4px;

    flex-shrink:0;

}

.service-row label{

    margin:0;

    line-height:1.4;

    flex:1;

}

@media (max-width: 768px){

    .form-container{

        width:95% !important;

        padding:20px !important;

        margin:20px auto !important;

    }

    .row{

        display:block !important;

    }

    .row input,
    .row select{

        width:100% !important;

        margin-bottom:10px;

    }

    .g-recaptcha{

        transform:scale(0.85);

        transform-origin:left top;

    }

    .submit-btn{

        width:100% !important;

    }

}

.services-container input[type="checkbox"]:checked + span {
    color: <?php echo $brand_color; ?>;
}

.submit-btn{
    background: <?php echo htmlspecialchars($brand_color); ?>;
}

#otherServiceContainer{
    width:100%;
}

#otherServiceInput{
    width:100%;
    box-sizing:border-box;
}

.verify-row{

    display:flex;

    gap:10px;

    align-items:center;

}

.verify-row select{

    width:45%;

}

.verify-row input{

    width:55%;

}

@media (max-width:768px){

    .verify-row{

        flex-direction:column;

    }

    .verify-row select,
    .verify-row input,
    .verify-row button{

        width:100% !important;

    }

}

@media (max-width:768px){

    .verify-row{

        display:block !important;

    }

    .verify-row select,
    .verify-row input,
    .verify-row button{

        width:100% !important;
        display:block !important;
        margin-bottom:10px !important;

    }

}

.verify-row{

    display:flex !important;

    gap:10px !important;

    align-items:center !important;

}

.verify-row select{

    width:35% !important;

    min-width:120px;

}

.verify-row input{

    width:65% !important;

}

@media screen and (max-width:768px){

    .verify-row{

        display:flex !important;

        flex-direction:column !important;

        align-items:stretch !important;

    }

    .verify-row select{

        width:100% !important;

    }

    .verify-row input{

        width:100% !important;

    }

}

@media (max-width:480px){

    .g-recaptcha{

        transform:scale(0.77);

        -webkit-transform:scale(0.77);

        transform-origin:left top;

        -webkit-transform-origin:left top;

        width:304px;

        margin-bottom:-20px;

    }

}

.captcha-wrapper{

    overflow:hidden;

}

@media (max-width:480px){

    .captcha-wrapper{

        width:100%;

    }

    .g-recaptcha{

        transform:scale(0.65);

        transform-origin:left top;

    }

}

.info-table{

    width:100%;
    border-collapse:collapse;

}

.info-table td{

    border:1px solid #eee;
    padding:15px;

}

.label{

    width:250px;
    background:#fafafa;
    font-weight:bold;

}

.section-title{

    font-size:24px;
    margin-top:40px;
    margin-bottom:15px;

}

.btn{

    background:#0d6efd;
    color:white;
    text-decoration:none;
    padding:10px 18px;
    border-radius:6px;
    display:inline-block;

}