:root{
    --gutter: 16px;
    --cols: 12;
}
/* Row = grid with 12 equal tracks */
.SwiftCloudFormCapture .SwiftCloudRow{
    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gutter);
    align-items: start;
    margin-bottom: 15px;
}
.SwiftCloudFormCapture .SwiftCloudRow .SwiftCloudCol{
    /* fallback span = 1 */
    grid-column: span var(--span, 1);
    /* allow explicit start/ordering */
    order: 0;
    grid-column-start: var(--col-start, auto);
}
.SwiftCloudFormCapture .SwiftCloudRow .col-1 {
    --span: 1;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-2 {
    --span: 2;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-3 {
    --span: 3;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-4 {
    --span: 4;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-5 {
    --span: 5;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-6 {
    --span: 6;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-7 {
    --span: 7;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-8 {
    --span: 8;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-9 {
    --span: 9;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-10 {
    --span: 10;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-11 {
    --span: 11;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-12 {
    --span: 12;
}

/* Column-start (offset) helpers (1-based) */
.SwiftCloudFormCapture .SwiftCloudRow .col-start-1  {
    --col-start: 1;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-start-2  {
    --col-start: 2;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-start-3  {
    --col-start: 3;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-start-4  {
    --col-start: 4;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-start-5  {
    --col-start: 5;
}
.SwiftCloudFormCapture .SwiftCloudRow .col-start-6  {
    --col-start: 6;
}

/* Responsive pattern using CSS variables.
   Use inline variables --span-md, --span-lg etc. */
@media (min-width: 768px){
    .SwiftCloudFormCapture .SwiftCloudRow .SwiftCloudCol{
        /* on md+ use --span-md if provided, otherwise fallback to --span */
        grid-column: span var(--span-md, var(--span, 1));
    }
}
@media (min-width: 1024px){
    .SwiftCloudFormCapture .SwiftCloudRow .SwiftCloudCol{
        grid-column: span var(--span-lg, var(--span-md, var(--span, 1)));
    }
}

.SwiftCloudFormCapture .SwiftCloudCol12:last-child{
    margin-bottom: 35px;
}
.SwiftCloudFormCapture label {
    color: #333;
    font-size: 14px;
    float: left;
    margin: 0px 0px 5px;
    width: 100%;
    line-height: 18px;
    font-weight: 500;
}
.SwiftCloudFormCapture input[type="text"], .SwiftCloudFormCapture input[type="email"],.SwiftCloudFormCapture input[type="tel"],.SwiftCloudFormCapture input[type="number"],
.SwiftCloudFormCapture textarea, 
.SwiftCloudFormCapture select{
    width: 100%
}
.SwiftCloudFormCapture .SwiftCloudFormError {
    color: red;
    border-color: red !important;
}
.SwiftCloudFormCapture .SwiftCloudFormSuccess{
    display: block;
    margin: 10px 0 0;
    color: green;
}
.SwiftCloudFormCapture .SwiftCloudFormNotice{
    display: block;
    margin: 10px 0 0;
    color: orange;
}
.SwiftCloudFormCapture .btnFormReset{
    display: none;
}