.com_eventbooking .grid-child {
    max-width: 1200px !important;
}
.com_eventbooking .grid-child.container-component {
    box-shadow: 0px 0px 10px 0px #00000038;
    border-radius: 30px;
    padding: 30px;
    margin: 50px auto;
}
.com_eventbooking label {
    color: #13234a;
    font-size: 16px;
    font-weight: 500;
    font-family: system-ui;
}
.com_eventbooking *{
      font-family: system-ui;
}
.com_eventbooking fieldset.eb-checkboxes-container.clearfix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0px;
    gap: 10px;
}

.com_eventbooking fieldset.eb-checkboxes-container.clearfix label.checkbox {
    gap: 15px;
    display: flex;
    align-items: center;
}

.com_eventbooking fieldset.eb-checkboxes-container.clearfix label.checkbox input {
    width: 24px;
    height: 24px;
}
.com_eventbooking input {
    width: 100%;
    max-width: 100% !important;
    font-size: 17px;
    font-weight: 500;
    color: #13234a;
}

.com_eventbooking .field-calendar {
    width: 100%;
}
.com_eventbooking .eb-message p, .com_eventbooking ol li {
    font-size: 17px;
    font-weight: 500;
    color: #13234a;
}
.com_eventbooking select, .com_eventbooking textarea {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #13234a !important;
}
.com_eventbooking .form-actions input, .com_eventbooking input#btn-cancel, div#eb-event-password-page input.btn.btn-primary {
    background: #c9a227;
    color: #13234a !important;
    font-size: 17px;
    font-weight: 600;
    transition: all 0.7s;
    padding: 10px 0px;
    border: 2px solid #c9a227;
    width: 100%;
    margin-top: 20px;
}
.com_eventbooking .form-actions input:hover, .com_eventbooking input#btn-cancel:hover, div#eb-event-password-page input.btn.btn-primary:hover{
    background: #fff !important;
}
.com_eventbooking h3.eb-heading {
    color: #13234a;
}
.com_eventbooking .form-control-label {
    font-size: 17px;
    font-weight: 500;
    color: #13234a;
}
.com_eventbooking .payment_information .eb-form-control input {
    width: 17px;
}
div#eb-event-password-page #adminForm > div:nth-child(3) {
    width: 100%;
    max-width: 100%;
}

div#eb-event-password-page #adminForm > div:nth-child(3) .col-md-9.eb-form-control {
    width: 100%;
    padding: 0px;
}

/* RESPONSIVE DESIGN CSS START HERE */
@media screen and (max-width: 768px){
    .com_eventbooking label, .com_eventbooking .eb-message p, .com_eventbooking ol li {
    font-size: 14px;
}
.com_eventbooking select, .com_eventbooking textarea {
    font-size: 14px !important;
}
.com_eventbooking .grid-child.container-component {
    padding: 7px 15px 20px 15px;
}
}