.webform-submission-form {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
    font-family:Manrope;
    padding-top:40px;
    padding-bottom:40px;
}

.webform-submission-form h2 {
    color:#552d80;
    font-size:34px;
    margin-bottom:10px;
}

.webform-submission-form h3 {
    color: #552d80;
    font-size: 24px;
    margin-bottom: 10px;
}

.webform-submission-form h4 {
    color: #552d80;
    font-size: 20px;
    margin-bottom: 10px;
}

.webform-submission-form h5 {
    color: #552d80;
    font-size: 16px;
    margin-bottom: 10px;
}

.webform-submission-form h6 {
    color: #552d80;
    font-size: 14px;
    margin-bottom: 10px;
}

.webform-flexbox {
    margin-top:30px;
}

.webform-submission-form .form-actions {
    display:flex;
    gap:20px;
    margin-top:30px;
}

.webform-button--previous {
    background:#ffffff;
    color:#552d80;
    border:1px solid #dadada;
    padding: 10px 25px;
}

.webform-button--next {
    background:#552d80;
    color:white;
    border:none;
    padding: 10px 40px;
}

.webform-button--submit {
    background:#552d80;
    color:white;
    border:none;
    padding: 10px 40px;
}

.webform-button--next::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(/themes/custom/snia/images/vector-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
    right: 10px;
    top: 14px;
    z-index: 99999;
}


.webform-submission-form label {
    font-weight:00;
}

.webform-submission-form .form-checkbox {
    margin-right:5px;
}

.webform-submission-form .form-type-checkbox label {
    opacity:0.9;
}

.webform-submission-form .form-checkbox::before {
    display:none;
}

.webform-element-description {
    font-size:14px;
    opacity:0.7;
}

.webform-submission-form input[type="text"], .webform-submission-form input[type="email"], .webform-submission-form input[type="number"]  {
    border: 1px solid #c1c1c1;
    padding:6px;
}

.webform-submission-form textarea {
    width:100% !important;
    min-height:136px;
    resize:none;
    border: 1px solid #c1c1c1;
}

.webform-button--submit::after {
    right: 2px;
    top: 9px;
}


/* CONFIRMATION */

.webform-confirmation {
    width: var(--width-mobile, 90vw);
    margin-inline: auto;
    max-width: var(--max-width, 1200px);
    padding-top:40px;
    padding-bottom:40px;
    font-family:Manrope;
}



.webform-confirmation h2 {
    color:#552d80;
    font-size:34px;
    margin-bottom:10px;
}

.webform-confirmation h3 {
    color: #552d80;
    font-size: 24px;
    margin-bottom: 10px;
}

.webform-confirmation h4 {
    color: #552d80;
    font-size: 20px;
    margin-bottom: 10px;
}

.webform-confirmation h5 {
    color: #552d80;
    font-size: 16px;
    margin-bottom: 10px;
}

.webform-confirmation h6 {
    color: #552d80;
    font-size: 14px;
    margin-bottom: 10px;
}

.form-wrapper:not(.webform-flexbox):not(fieldset):not(.form-actions):not(.field--widget-commerce-product-variation-attributes):not(.layout-checkout-form) {
    background:#e9e9e9;
    padding:15px;

    margin-top:30px;
}

.webform-submission-form select {
    min-height:36px;
}

.js-form-item {
    margin-top:15px;
}

.form-required:after {
    content:"*";
    color:red;
}



/* Alert Error in webforms, probably this is for the entire site, not only for SDC */
div[role="alert"] {
    background:#fef5f1;
    border:1px solid #fd4e00;
    color: #bf5221;
}

div[role="alert"] ul {
    padding:10px;

}

div[role="alert"] ul li {
    padding:10px;
    list-style-type:disc;
    padding-left: 0;
    position: relative;
    left: 20px;
}

div[role="alert"] ul li::marker {
    display:none;
    margin-left: 10px;
    left: 10px;
}




/* Webform SDC registration */
.webform-submission-sdc-registration-form .form-submit {
    margin-top:3px;
    padding:15px 25px;
}

#edit-actions::after {
    top:19px;
    right:5px
}

.webform-submission-sdc-registration-form {
    padding-top:10px;
}


.js-form-item-would-you-like-to-receive-technology-updates-from-snia-business {
	display:flex;
}

.js-form-item-would-you-like-to-receive-technology-updates-from-snia-business label {
    max-width:400px;
    width:400px
}

.js-form-item-would-you-like-to-receive-technology-updates-from-snia-business input {
    width:20px;
}