* {


    box-sizing: border-box;


    margin: 0;


    padding: 0;


}





ul,


ol {


    list-style: none;


    margin: 0;


    padding: 0;


}





img {


    max-width: 100%;


}





body {


    font-family: "Be Vietnam Pro", sans-serif;


    font-size: 16px;


    line-height: 28px;


    color: #505050;


    background-image: url(../img/site-bg.webp);


    background-repeat: no-repeat;


    background-position: center;


    background-attachment: fixed;


    background-size: cover;


    position: relative;


}





.footer {


    color: #fff;


    background: rgb(0 0 0 / 60%);


    padding: 1rem 0;


}





.offer-img {


    position: absolute;


    left: -100px;


    width: 160px;


    top: 60px;


    z-index: 11;


}





.offer-badge {


    color: #fff;


    font-size: 12px;


    line-height: 18px;


    display: inline-block;


    padding: 3px 8px;


    border-radius: 5px;


    text-align: center;


    background: #9c27b0;


    background: -webkit-linear-gradient(to right, #9c27b0 0%, #e91e63 100%);


    background: -moz-linear-gradient(to right, #9c27b0 0%, #e91e63 100%);


    background: linear-gradient(to right, #9c27b0 0%, #e91e63 100%);


}





span.offer-badge2 {


    color: #fff;


    font-size: 12px;


    line-height: 18px;


    display: inline-block;


    padding: 3px 8px;


    border-radius: 5px;


    text-align: center;


    background: #009688;


    background: -webkit-linear-gradient(to right, #009688 0%, #4caf50 100%);


    background: -moz-linear-gradient(to right, #009688 0%, #4caf50 100%);


    background: linear-gradient(to right, #009688 0%, #4caf50 100%);


}





.form-box,


.invoice-box {


    box-shadow: 0px 2px 10px -5px rgb(0 0 0 / 38%);


    background-color: #ffffff;


}





.form-box h2,


.form-box h2,


.invoice-box h2 {


    font-size: 24px;


    text-align: center;


    margin: 0 0 20px;


    border-bottom: 1px solid rgb(0 0 0 / 6%);


    padding: 1em;


    color: #a92c50;


    background: #ffcf1c;


}





.form-box h3 {


    font-size: 18px;


    color: #a92c50;


}





.form-box h4 {


    font-size: 18px;


    line-height: 28px;


    background: #ffcf1c;


    color: #000;


    padding: 10px 15px;


}





.form-box h4 span {


    font-size: 14px;


}





.form-box tr h3 {


    font-size: 22px;


    color: #a92c50;


    line-height: 32px;


    background: #ffcf1c;


    margin: 0;


    text-align: center;


    padding: 10px;


}





.form-check-input {


    width: 20px;


    height: 20px;


    vertical-align: text-bottom;


}





.form-box .form-control {


    border: 1px solid #dadada;


    border-radius: 8px;


}





label {


    color: #646464;


}





label.error,


.mendetary {


    color: #f00;


    font-size: 12px;


}





.info.bg-warning {


    padding: 20px;


    border-radius: 10px;


    margin: 0 0 20px;


    font-size: 14px;


    line-height: 18px;


}





.info ul {


    list-style: disc;


    margin: 0 0 0 20px;


}





.info ul li {


    padding: 5px 0;


}





.accompany-details li {


    background-color: #f1f1f1;


    padding: 1em 2em;


    border-bottom: 1px solid #e1e1e1;


}





.accompany-details li:nth-child(even) {


    background-color: #f8f8f8;


}





.accompany-details li:last-child {


    border: none;


}





label.pg_upload {


    padding: 20px 10px;


    background: #fff;


    border: 2px dashed #ffcf1c;


    display: block;


    text-align: center;


    margin: 0 0 20px;


    color: #a92c50;


    cursor: auto;


}





.workshop-list {


    padding: 10px 0 0;


    border-top: 1px solid #d5d5d5;


}





.workshop-list li {


    padding: 5px 0;


    font-size: 14px;


    vertical-align: top;


    line-height: 22px;


    margin: 0 0 0 10px;


}





.reg-table td {


    padding: .5em;


}