/* Default Beluar Competition CSS */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body {
    font-family: "Rubik", sans-serif;
    background: #241b15;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* landing*/
.landing-widget:before {content:''; display:block; background-image: url(https://i.ibb.co/Swyb7W4N/copy.png);height:35rem; width:100%;background-size:contain; background-repeat:no-repeat; margin:auto; background-position: center;}


.landing-widget {
    background: #241b15;
    /*background-image: url(https://i.ibb.co/Swyb7W4N/copy.png);*/
    background-size: contain;
    background-repeat: no-repeat;
      align-items: flex-end;
      min-height: 95vh;
  flex-direction: column;
  padding:0;
}

.landing-card {
padding: 1.5rem 0;
  background: transparent;
    border-radius: var(--border-radius-xl);
    padding: 0;
    text-align: center;
    box-shadow: unset;
    max-width: 100%;
    width: 100%;
    border: none;
}

.landing-icon {display:none}

.landing-title {
        font-size: 1.8rem !important;
        line-height: 2;
      color: #d4bf98 !important;
}

.landing-subtitle {color: #d4bf98 !important;}

.form-container {
    max-width: 800px;
    margin: 0 auto;
    background: white;
    border-radius: 15px;
    box-shadow: none;
    padding: 40px;
}

.form-header {
    text-align: center;
    margin-bottom: 30px;
}

.form-header h1 {
    color: #333;
    font-size: 2.5em;
    margin-bottom: 10px;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    width: 100%;
    padding: 12px;
    border: 2px solid #e1e1e1;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s;
}

.form-control:focus {
    border-color: #667eea;
    outline: none;
}

.btn-primary {
    background: #47352a;
    border: none;
    color: white;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    transition: transform 0.2s;
}

.start-button, .start-button:hover, .start-button:focus {background: #8a0909;
    padding: 10px; color: #fff; border-radius:0}

.btn-primary:hover {
    transform: translateY(-2px);
}

.form-widget, .form-widget .container {padding:0 !important}

.form-container {
    max-width: 100%;
    background: #47352a;
    box-shadow: unset;
    padding: 14px;
    border: none;
    border-radius: 0;
}

.back-button {display:none}

.form-header h1 {
    color: #d4bf98;
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-weight: 500;
}

.form-subtitle {color: #d4bf98;}

.form-label {
    font-weight: 300;
    color: #fff;
}

.form-control, .form-control:focus, .form-select, .form-select:focus {
    width: 100%;
    padding: 0 12px;
    background: #ffffff10;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color:#fff;
      line-height: 3;
  box-shadow:none;
}

div#formWidget:before {
    content: '';
    display: block;
    height: 7rem;
    background-image: url(https://i.ibb.co/zhGDQY0C/100.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}

@media (min-width:991px){
  div#formWidget:before {height:25rem}
}

.form-widget {background-color:#47352a !important}

.form-header {border-bottom: 1px solid #d4bf98;}
.form-check-label {
    color: #fff;
    font-weight: 300 !important;
    padding-right: 1.5rem;
}
.form-check-input {width:30px}

.submit-button {background: #8a0909;
    padding: 10px; color: #fff; border-radius:0}

.submit-button:hover:not(:disabled) {background: #8a090980;}