/*------------------------------------------------------------------
Website: twc @ register
--------------------------------------------------------------------*/
/* Bootstrap SCSS Libraries */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap");
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.3333333333%; }
  .offset-sm-2 { margin-left: 16.6666666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333333333%; }
  .offset-sm-5 { margin-left: 41.6666666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333333333%; }
  .offset-sm-8 { margin-left: 66.6666666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333333333%; }
  .offset-sm-11 { margin-left: 91.6666666667%; } }
@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.3333333333%; }
  .offset-md-2 { margin-left: 16.6666666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333333333%; }
  .offset-md-5 { margin-left: 41.6666666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333333333%; }
  .offset-md-8 { margin-left: 66.6666666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333333333%; }
  .offset-md-11 { margin-left: 91.6666666667%; } }
@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.3333333333%; }
  .offset-lg-2 { margin-left: 16.6666666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333333333%; }
  .offset-lg-5 { margin-left: 41.6666666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333333333%; }
  .offset-lg-8 { margin-left: 66.6666666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333333333%; }
  .offset-lg-11 { margin-left: 91.6666666667%; } }
@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.3333333333%; }
  .offset-xl-2 { margin-left: 16.6666666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333333333%; }
  .offset-xl-5 { margin-left: 41.6666666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333333333%; }
  .offset-xl-8 { margin-left: 66.6666666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333333333%; }
  .offset-xl-11 { margin-left: 91.6666666667%; } }
/*----------------------------------
1. General
----------------------------------*/
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html, body { margin: 0; padding: 0; overflow-x: hidden; }

body { color: #fff; font-family: "Ubuntu", sans-serif; font-size: 13px; position: relative; background-image: linear-gradient(-180deg, #141414 20%, #4E4E4E 100%); }

:focus { outline: none; }

.container-fluid { max-width: 1500px; }

@media (max-width: 1200px) { .container { max-width: 1140px; } }
@media (max-width: 992px) { .container { max-width: 960px; } }
@media (max-width: 768px) { .container { max-width: 860px; } }
@media (max-width: 576px) { .container { max-width: 680px; } }

/* font */
a, .btn, button, :hover { text-decoration: none; transition: .3s; }

a[href^="tel"] { color: inherit; }

h1, h2, h3, h4, h5, h6 { font-family: "Ubuntu", sans-serif; margin: 0; font-weight: 700; text-transform: uppercase; color: #040305; }

h2 { font-size: 30px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

p { margin-bottom: 0; }

ul { padding: 0; }
ul li { list-style-type: none; }

ol { padding-inline-start: 20px; }

a, a:focus, a:hover, .btn, .btn:focus, .btn:hover, button, button:focus, button:hover, input:focus, .form-control:focus, button:focus, .btn-primary:hover, a:focus, select:focus { box-shadow: none; text-decoration: none; outline: none; border: unset; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: unset; }

.dropdown-toggle::after { border: unset; width: unset; height: unset; }

.btn { font-family: "Ubuntu", sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; background: #F1CB7B; width: 100%; }
.btn:hover { color: #fff; }

/*----------------------------------
2. Homepage
----------------------------------*/
main { position: relative; min-height: 100vh; width: 100%; padding: 50px 15px; }
main .container { display: flex; align-items: center; justify-content: center; flex-direction: column; }
main section.middle-wrap { max-width: 500px; width: 100%; background-image: linear-gradient(-180deg, #141414 20%, #4E4E4E 100%); border: 2px solid #4E4E4E; position: relative; border-radius: 10px; }
main section.middle-wrap .flag-wrap { position: absolute; right: 10px; top: 10px; display: flex; flex-direction: column; }
main section.middle-wrap .flag-wrap a { display: inline-block; margin-bottom: 10px; }
main section.middle-wrap .flag-wrap img { width: 30px; }
main section.middle-wrap .content-wrap { padding: 40px; }
main section.middle-wrap .content-wrap .header { text-align: center; padding-bottom: 20px; }
main section.middle-wrap .content-wrap .header img.logo { width: 150px; }
main section.middle-wrap .content-wrap .header h3 { margin-top: 20px; color: #fff; text-transform: capitalize; }
main section.middle-wrap .content-wrap .form-wrap { padding-bottom: 30px; }
main section.middle-wrap .content-wrap .form-wrap .form-group { position: relative; color: #F1CB7B; font-weight: 700; }
main section.middle-wrap .content-wrap .form-wrap .form-group input.form-control { border: 1px solid transparent; transition: .3s; background: #3E3E3E; font-size: 13px; padding: 10px 20px; color: #9A9A9A; }
main section.middle-wrap .content-wrap .form-wrap .form-group input.form-control:hover { border: 1px solid #F1CB7B; }
main section.middle-wrap .content-wrap .form-wrap .form-group input.form-control:focus { border: 1px solid #F1CB7B !important; }
main section.middle-wrap .content-wrap .form-wrap .form-group a.sendcode { position: absolute; bottom: 6px; right: 6px; width: 100px; padding: unset; text-align: center; font-size: 13px; height: 32px; line-height: 32px; font-weight: 400; text-transform: capitalize; }
main section.middle-wrap .content-wrap .form-wrap .form-group input::placeholder { color: #9A9A9A; }
main section.middle-wrap .content-wrap .form-wrap button.btn { font-weight: 700; text-transform: capitalize; font-size: 13px; padding: 13px; }
main section.middle-wrap .content-wrap .social-btn { display: flex; justify-content: center; align-items: center; margin: -10px; }
main section.middle-wrap .content-wrap .social-btn a.each { display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; margin: 10px; font-weight: 600; }
main section.middle-wrap .content-wrap .social-btn a.each .imgwrap { position: relative; }
main section.middle-wrap .content-wrap .social-btn a.each .imgwrap > img { height: 55px; margin-bottom: 5px; transition: .4s; }
main section.middle-wrap .content-wrap .social-btn a.each:hover { color: #F1CB7B; transform: scale(1.1); }
main section.middle-wrap .content-wrap p.copyright { text-align: center; padding-top: 30px; color: #F1CB7B; font-weight: 700; }

/*# sourceMappingURL=style.css.map */

section.number-wrap { width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
section.number-wrap .outer-wrap { width: 100%; background-image: linear-gradient(to bottom, #4E4E4E -40%, #141414 100%); padding: 30px 15px 40px; border: 2px solid #3E3E3E; border-radius: 20px; margin-top: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
section.number-wrap .outer-wrap #numbers { font-size: 24px; font-weight: 700; margin-bottom: 20px; height: 60px; display: flex; align-items: center; animation: pulse 1.4s cubic-bezier(0.4, 0.98, 0.66, 0.97) infinite; }
section.number-wrap .outer-wrap #numbers span { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50px; border: 3px solid #E0C17C; background-image: linear-gradient(135deg, #C49C44 0%, #F1CB7B 100%); }
section.number-wrap .outer-wrap .submit button { font-weight: 700; padding: 10px 20px; border-radius: 10px; border: 3px solid #E1E1E1; background-image: linear-gradient(135deg, #C5C5C5 0%, #fff 100%); }
section.number-wrap .outer-wrap .submit button:hover { cursor: pointer; transform: scale(1.05); }
section.number-wrap .outer-wrap p.note { margin-top: 10px; font-style: italic; }

.drawbtn { text-align: center; margin-top: 20px; }
.drawbtn .btn { font-size: 14px; font-weight: 700; padding: 10px 20px; border-radius: 10px; border: 3px solid #E1E1E1; background-image: linear-gradient(135deg, #C5C5C5 0%, #fff 100%); }

section.history { margin-top: 50px; }
section.history h3 { color: #fff; text-align: center; }
section.history .table-wrap { border: 2px solid #3E3E3E; border-radius: 20px; margin-top: 15px; background-image: linear-gradient(to bottom, #4E4E4E -40%, #141414 100%); }
section.history .table-wrap table.table { border-bottom: unset; text-align: center; margin-bottom: 0; }
section.history .table-wrap table.table thead { text-transform: capitalize; color: #F1CB7B; background-color: transparent; }
section.history .table-wrap table.table thead th { border-bottom: unset; border-top: unset; font-weight: 700; }
section.history .table-wrap table.table tbody tr:nth-child(odd) { background: rgba(20, 20, 20, 0.5); }
section.history .table-wrap table.table tfoot td { font-weight: 700; }
section.history .table-wrap table.table th, section.history .table-wrap table.table td { text-transform: capitalize; border-top: unset; vertical-align: middle; }
section.history .table-wrap .each { display: flex; align-items: center; justify-content: center; }
section.history .table-wrap .each.each-head .wrap p { text-transform: capitalize; font-weight: 700; }
section.history .table-wrap .each:nth-child(odd) { background: rgba(20, 20, 20, 0.5); }
section.history .table-wrap .each .wrap { width: 50%; text-align: center; padding: 10px; }
section.history .table-wrap p.noresult { text-align: center; padding: 15px; }

@keyframes pulse { 0% { text-shadow: -8px 0px 1px rgba(255, 255, 255, 0.2); transform: scale(1.1); } }