/*------------------------------------------------------------------
Website: EZYGET @ Mobile
--------------------------------------------------------------------

-------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
/*----------------------------------
1. General
----------------------------------*/
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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

body { background-color: #000000; background: url(../images/bg.png); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color: #fff; font-family: "Poppins", sans-serif; font-size: 10px; position: relative; }

main { padding-bottom: 60px; position: relative; height: 100%; }
main > .no-fixed { position: relative; top: 0; height: 100%; scroll-padding: 0; scroll-margin: 0; }

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

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

a { color: inherit; }
a:hover { color: inherit; }

p { line-height: 13px; margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; margin: 0; font-weight: 600; text-transform: uppercase; }

h2 { font-size: 30px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

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

ol { padding-inline-start: 25px; margin-bottom: 0; }

:focus { outline: none; }

.title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.title-wrap .title-bg { width: 186px; height: 30px; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
.title-wrap .title-bg img { width: 100%; height: 30px; position: absolute; top: 0; left: 0; }
.title-wrap .title-bg span { position: relative; z-index: 1; font-weight: 600; width: 186px; padding: 0 10px; text-align: left; font-size: 14px; }
.title-wrap img.ico { height: 20px; }

/* button & link */
.bg-btn { width: 120px; height: 40px; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #000000; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; }
.bg-btn img { width: 100%; height: 40px; position: absolute; top: 0; left: 0; }
.bg-btn span { position: relative; z-index: 1; font-weight: 600; font-size: 10px; }
.bg-btn:hover { color: #000000; }

.long-red-btn { position: relative; margin: 0 auto; width: 200px; }
.long-red-btn a.long-btn { background: url(../images/long-red-bg.png); background-repeat: repeat-x; background-size: auto 30px; height: 30px; width: 100%; display: inline-block; }
.long-red-btn a.long-btn span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.long-red-btn a.long-btn::before { content: ''; background: url(../images/long-red-bg-left.png); width: 21px; height: 30px; background-repeat: no-repeat; background-size: 16px 30px; position: absolute; left: -15px; top: 0; }
.long-red-btn a.long-btn::after { content: ''; background: url(../images/long-red-bg-right.png); width: 21px; height: 30px; background-repeat: no-repeat; background-size: 16px 30px; position: absolute; right: -15px; top: 0; }

.long-gold-btn { position: relative; margin: 0 auto; width: 200px; }
.long-gold-btn a.long-btn { background: url(../images/long-gold-bg.png); background-repeat: repeat-x; background-size: auto 30px; height: 30px; width: 100%; display: inline-block; }
.long-gold-btn a.long-btn span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: #000000; }
.long-gold-btn a.long-btn::before { content: ''; background: url(../images/long-gold-bg-left.png); width: 21px; height: 30px; background-repeat: no-repeat; background-size: 16px 30px; position: absolute; left: -15px; top: 0; }
.long-gold-btn a.long-btn::after { content: ''; background: url(../images/long-gold-bg-right.png); width: 21px; height: 30px; background-repeat: no-repeat; background-size: 16px 30px; position: absolute; right: -15px; top: 0; }

/* modal */
.modal-open { padding-right: 0 !important; }

.modal { padding: 0 !important; z-index: 9999999 !important; }

.modal-content { border: 1px solid #7337ee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #000000; border-radius: 10px; }
.modal-content .modal-header { border-bottom: transparent; text-align: center; padding: 20px 10px 10px; }
.modal-content .modal-header h3 { color: #7337ee; width: 100%; }
.modal-content .modal-body { padding: 5px 20px 20px; }
.modal-content .modal-body .promo-content h4 { font-size: 16px!important; text-align: center!important; padding-bottom: 5px; color: #FFF!important; }
.modal-content .modal-body .promo-content h4 span { font-size: 16px!important; color: #FFF!important; }
.modal-content .modal-body .promo-content img { width: 100%!important; }
.modal-content .modal-body .promo-content .wrap { margin-bottom: 10px; }
.modal-content .modal-body .promo-content .wrap p.title { font-weight: 600; padding-bottom: 3px; }
.modal-content .modal-body .promo-content .wrap:last-of-type { margin-bottom: 0; }

.close { position: absolute; right: 8px; top: 4px; opacity: 1; text-shadow: unset; color: #f6bc30; }
.close:hover, .close:focus { opacity: 1; }

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; margin-left: unset; }

/* col */
.container-no-padding { padding: 0; }

.row { margin: 0 -8px; }

.col, [class^="col-"] { padding: 0 8px; }

/* form */
.form-group { margin-bottom: unset; padding-bottom: 15px; }

form.outlineform .form-group { position: relative; }
form.outlineform .form-group .form-item { display: block; height:29px; border: 1px solid #7337ee; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; transition: .3s; border-radius: 10px; color: #000000; padding-left: 45px; }
form.outlineform .form-group .form-item:focus { border-color: #f6bc30; }
form.outlineform .form-group .form-item::placeholder { color: rgba(43, 26, 58, 0.8); }
form.outlineform .form-group .form-item:focus::placeholder { color: rgba(43, 26, 58, 0.8); }
form.outlineform .form-group a.verify-btn { width: 90px; height: 25px; margin-top: 10px; margin-left: 40px; }
form.outlineform .form-group a.verify-btn img { height: 25px; }
form.outlineform .form-group .ico { position: absolute; left: 15px; width: 20px; height: 29px; display: flex; align-items: center; justify-content: center; }
form.outlineform .form-group .ico img { width: 16px; }
form.outlineform .long-red-btn, form.outlineform .long-gold-btn { position: relative; margin: 0 auto; width: 100%; }
form.outlineform .long-red-btn a.long-btn, form.outlineform .long-gold-btn a.long-btn { border-radius: 20px; }
form.outlineform .long-red-btn a.long-btn::before, form.outlineform .long-gold-btn a.long-btn::before { left: 0; }
form.outlineform .long-red-btn a.long-btn::after, form.outlineform .long-gold-btn a.long-btn::after { right: -5px; }
form .form-group label.input-label { color: #fff; font-weight: 600; font-size: 11px; text-transform: capitalize; display: block; margin-bottom: 3px; }
form .form-group label.opt-label { cursor: pointer; }
form .form-group label.img-label { display: block; width: 100%; height: 100%; }
form .form-group label.text-label { display: inline; cursor: pointer; }
form .form-group .checked > .opt-label { cursor: auto; }
form .form-group small { display: block; text-align: left; font-size: 10px; margin-top: 2px; color: rgba(255, 255, 255, 0.4); padding: 0 10px; }
form .form-error label { margin-bottom: -5px; }
form .form-group .code-img { position: absolute;top: 0;padding-left: 15px;display: inline-block; }
 
form .form-error .error { color: #ff2400; font-weight: 900; }
form .form-group .form-item { border: 1px solid rgba(74, 74, 74, 0.3); background-color: #181818; border-radius: 5px; padding: 6px 10px; color: #fff; transition: .3s; width: 100%; }
form .form-group .form-item:focus { border-color: rgba(74, 74, 74, 0.8); }
form .form-group .form-item::placeholder { color: rgba(255, 255, 255, 0.4); }
form .form-group .form-item:focus::placeholder { color: rgba(255, 255, 255, 0.4); }
form .form-group .form-item.pure-text, form .form-group .form-item.pure-text:focus { background-color: transparent; display: block; border-radius: 0; border-color: transparent; padding: 0 8px; }
form .form-group .form-item option { color: #fff; }
form .form-group .form-item[type="file"], form .form-group .form-item[type="file"]:focus, form .form-group .form-item[type="file"]:hover { background-color: transparent; border-color: transparent; width: auto; cursor: pointer; font-style: italic; }
form .form-group .form-item[type="checkbox"] { display: inline; }
form .form-group .form-item[type="checkbox"], form .form-group .form-item[type="checkbox"]:focus, form .form-group .form-item[type="checkbox"]:hover { background-color: transparent; border-color: transparent; width: auto; cursor: pointer; }
form .form-group.form-group-mulfield .mulfield { display: flex; margin: -2px; }
form .form-group.form-group-mulfield .mulfield .form-item { margin: 2px; }
form .form-group.form-checkbox { display: flex; align-items: center; }
form .radio-group.radio-box { display: flex; flex-wrap: wrap; align-items: center; }
form .radio-group input[type="radio"] { width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; }
form .form-action, form .form-link { text-align: center; }
form .btn-wrap { display: flex; justify-content: center; align-items: center; }
form .btn-wrap .form-action { margin: 0 10px; }
form select { background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.7) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.7) 50%, transparent 50%), linear-gradient(to right, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.08)); background-position: calc(100% - 13px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), calc(100% - 2em) 0.6em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }

/*----------------------------------
2. Header / Footer
----------------------------------*/
nav.navbar { background: url(../images/header-bg.png); background-repeat: no-repeat; background-size: cover; border-bottom: 1px solid #7337ee; padding: 5px; }
nav.navbar .outer-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; }
nav.navbar .outer-wrap .left-wrap { display: flex; align-items: center; }
nav.navbar .outer-wrap .left-wrap .each a.ico-btn img { height: 15px; }
nav.navbar .outer-wrap .left-wrap .each a.logo { margin-left: 15px; }
nav.navbar .outer-wrap .left-wrap .each a.logo img { height: 40px; }
nav.navbar .outer-wrap .right-wrap { display: flex; align-items: center; }
nav.navbar .outer-wrap .right-wrap .each { margin-right: 5px; }
nav.navbar .outer-wrap .right-wrap .each a.bg-btn { width: 60px; height: 20px; }
nav.navbar .outer-wrap .right-wrap .each a.bg-btn img { height: 20px; }
nav.navbar .outer-wrap .right-wrap .lang-wrap { position: relative; display: inline-block; }
nav.navbar .outer-wrap .right-wrap .lang-wrap > a { position: relative; }
nav.navbar .outer-wrap .right-wrap .lang-wrap > a img { float: left; width: 20px; }
nav.navbar .outer-wrap .right-wrap .lang-wrap .dropdown-menu { display: none; position: absolute; right: 0; width: 100%; transition: .3s; opacity: 0; z-index: -1; background: transparent; border: unset; padding: unset; margin: unset; background-clip: unset; text-align: center; min-width: unset; }
nav.navbar .outer-wrap .right-wrap .lang-wrap .dropdown-menu .dropdown-item { padding: 5px 0; background-color: transparent; }
nav.navbar .outer-wrap .right-wrap .lang-wrap .dropdown-menu .dropdown-item img { width: 20px; }
nav.navbar .outer-wrap .right-wrap .lang-wrap .dropdown-menu.show { opacity: 1; z-index: 99; display: block; }
nav.navbar.nav-back .outer-wrap .left-wrap a.ico-btn img { height: 20px; }
nav.navbar.nav-back .outer-wrap .middle-wrap a.logo { margin: 0 5px; }
nav.navbar.nav-back .outer-wrap .middle-wrap a.logo img { height: 40px; }

footer { background: url(../images/footer-bg.png); background-repeat: repeat-x; background-size: auto 60px; height: 60px; position: fixed; width: 100%; bottom: 0; z-index: 99999; box-shadow: 0 4px 10px 2px black; }
footer .outer-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; }
footer .outer-wrap .each { padding: 5px; display: flex; flex-direction: column; align-items: center; text-align: center; }
footer .outer-wrap .each img { height: 35px; }
footer .outer-wrap .each span { font-size: 2.6vw; text-transform: uppercase; color: #fff; font-weight: 600; }
footer .outer-wrap .each:first-of-type { margin-left: 0; }
footer .outer-wrap .each:last-of-type { margin-right: 0; }

/*----------------------------------
3. Sidebar
----------------------------------*/
.canvas { height: 100%; top: 0; position: fixed; z-index: 999999; transition: .5s; background: url(../images/menu-bg.png); background-repeat: repeat-x; background-size: 180px 100vh; height: 100vh; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.canvas.canvas-left { left: -180px; width: 180px; overflow-x: scroll; }
.canvas.canvas-left.active { left: 0; }
.canvas.canvas-left .outer-wrap { background: url(../images/menu-red-bg.png); background-repeat: no-repeat; background-size: 50px 100vh; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }
.canvas.canvas-left .wrap .nav-link { display: flex; align-items: center; padding: 0; margin-bottom: 2px; height: 35px; }
.canvas.canvas-left .wrap .nav-link .img-wrap { width: 50px; height: 100%; padding: 5px; display: flex; align-items: center; justify-content: center; background: rgba(17, 0, 255, 0.3); }
.canvas.canvas-left .wrap .nav-link .img-wrap img { width: 30px; }
.canvas.canvas-left .wrap .nav-link .lang-wrap { display: flex; align-items: center; justify-content: flex-start; padding: 2px; background: rgba(0, 0, 0, 0.1); height: 100%; width: calc(100% - 50px); }
.canvas.canvas-left .wrap .nav-link .lang-wrap a.lang-each { padding-right: 3px; }
.canvas.canvas-left .wrap .nav-link .lang-wrap a.lang-each img { height: 30px; }
.canvas.canvas-left .wrap .nav-link p { color: #000000; font-size: 12px; text-transform: uppercase; font-weight: 600; width: calc(100% - 50px); padding: 5px 10px; }
.canvas.canvas-left .wrap .nav-link.red-nav { background: url(../images/menulist-red-bg.png); background-size: 100%; }
.canvas.canvas-left .wrap .nav-link.red-nav .img-wrap { background: rgba(0, 0, 0, 0.3); }
.canvas.canvas-left .wrap .nav-link.red-nav p { color: #fff; }

.canvas-stat .canvas-close { display: none; transition: .5s; }
.canvas-stat.open-left > .canvas-close { display: block; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.4); z-index: 999998; top: 0; left: 0; }

/*----------------------------------
4. Sharing
----------------------------------*/
#myCarousel { border-bottom: 1px solid #7337ee; }
main section.banner { border-bottom: 1px solid #7337ee; }
main section.banner img { width: 100%; }
.announcement { display: flex; justify-content: center; align-items: center; background: url(../images/header-bg.png); background-repeat: no-repeat; background-size: cover; border-bottom: 1px solid #7337ee; border-width: 1px 0; height: 25px; }
.announcement .wrap { width: 100%; display: flex; justify-content: center; align-items: center; }
.announcement .wrap .speaker { background: linear-gradient(to bottom, #833cd7 0%, #b253ff 30%, #37195d 60%, #652fa7 100%); position: relative; height: 24px; z-index: 2; display: flex; align-items: center; }
.announcement .wrap .speaker::after { content: ''; position: absolute; display: block; width: 15px; height: 100%; top: 0; z-index: 1; right: 0; background: linear-gradient(to bottom, #833cd7 0%, #b253ff 30%, #37195d 60%, #652fa7 100%); transform-origin: bottom left; transform: skew(-15deg, 0deg); border: 1px solid #7337ee; border-width: 0 1px 0 0; }
.announcement .wrap .speaker img { height: 20px; margin: 0 5px 0 10px; position: relative; z-index: 3; }
.announcement .wrap marquee { position: relative; z-index: 1; }
.announcement .wrap marquee a { color: #fff; padding: 0 10px; border-right: 1px solid #7337ee; font-style: italic; }
.announcement .wrap marquee a:last-of-type { border-right: 0; }
.slant-info-wrap .outer-wrap { display: flex; align-items: center; justify-content: space-between; }
.slant-info-wrap .outer-wrap .left-wrap { flex: .5; padding: 0 15px; }
.slant-info-wrap .outer-wrap .left-wrap p.title { font-size: 2.6vw; text-transform: uppercase; }
.slant-info-wrap .outer-wrap .left-wrap p.des { font-size: 2.4vw; color: #f6bc30; }
.slant-info-wrap .outer-wrap .right-wrap { flex: 1.5; position: relative; padding-right: 15px; }
.slant-info-wrap .outer-wrap .right-wrap .list-wrap { display: flex; align-items: center; justify-content: flex-end; width: 100%; }
.slant-info-wrap .outer-wrap .right-wrap .list-wrap a.each { width: calc(100% * 1/4); margin-right: -4px; }
.slant-info-wrap .outer-wrap .right-wrap .list-wrap a.each img { width: 100%; }
.slant-info-wrap .outer-wrap .right-wrap .list-wrap a.each:last-of-type { margin-right: unset; }
main .sidepan-mainwrap { position: relative; padding-top: 20px; display: flex; align-items: flex-start; justify-content: space-between; }
main .sidepan-mainwrap section.side-pan { position: fixed; }
main .sidepan-mainwrap section.side-pan .outer-wrap { margin-right: 10px; width: 60px; display: flex; flex-direction: column; }
main .sidepan-mainwrap section.side-pan .outer-wrap a.each { margin-bottom: -4px; }
main .sidepan-mainwrap section.side-pan .outer-wrap button.each { background: transparent; padding: 0; margin-bottom: -4px; }
main .sidepan-mainwrap section.side-pan .outer-wrap img { width: 100%; }
main .sidepan-mainwrap section.sidepan-wrap-right { margin-top: -20px; margin-right: 10px; margin-bottom: 50px; margin-left: 70px; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card { margin: 10px 0 20px; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-title { position: relative; background: url(../images/long-red-bg.png); background-repeat: repeat-x; background-size: auto 35px; height: 35px; margin: 0 19px; display: flex; align-items: center; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-title p { font-weight: 600; position: absolute; left: -8px; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-title::before { content: ''; background: url(../images/long-red-bg-left.png); width: 19px; height: 35px; background-repeat: no-repeat; background-size: 19px 35px; position: absolute; left: -19px; top: 0; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-title::after { content: ''; background: url(../images/long-red-bg-right.png); width: 19px; height: 35px; background-repeat: no-repeat; background-size: 19px 35px; position: absolute; right: -19px; top: 0; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-panel { margin: 15px 15px 15px 20px; display: none; }
main .sidepan-mainwrap section.sidepan-wrap-right .acc .acc-card .acc-panel p.para { margin-bottom: 10px; }
main .sidepan-mainwrap section.sidepan-wrap-right .gray-content-wrap { margin: 20px 10px; min-height: unset; padding-bottom: 25px; }
main .gray-content-wrap { background-color: #2b1a3a; padding: 15px; border-radius: 10px; min-height: 240px; margin-top: 10px; }
main .gray-content-wrap p.title { color: #f6bc30; text-transform: capitalize; margin-bottom: 5px; font-weight: 600; }
main .gray-content-wrap p.des { margin-bottom: 5px; font-size: 8px; }
main .gray-content-wrap a { font-style: italic; color: #ff1616; text-decoration: underline; text-transform: uppercase; }
main .table-wrap { width: 100%; margin-top: 30px; margin-bottom: 10px; }
main .table-wrap p.title { text-align: center; font-weight: 600; margin-bottom: 5px; font-size: 12px; }
main .table-wrap .table { display: table; }
main .table-wrap .table .table-row { display: table-row; background: #4a4a4a; }
main .table-wrap .table .table-row.table-row-header { background: url(../images/table-bg.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; }
main .table-wrap .table .table-row.table-row-header .table-cell p { color: #000000; text-transform: capitalize; font-weight: 600; }
main .table-wrap .table .table-row .table-cell { display: table-cell; padding: 8px 10px; border-right: 1px solid rgba(0, 0, 0, 0.3); }
main .table-wrap .table .table-row .table-cell p { text-align: center; font-size: 8px; }
main .table-wrap .table .table-row .table-cell:last-of-type { border-right: 0; }
main .table-wrap p.nodata { width: 100%; text-align: center; font-size: 8px; }
main .table-wrap .table-control { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
main .table-wrap .table-control p { font-size: 8px; }
main .table-wrap .table-control .page-control-wrap { display: flex; align-items: center; }
main .table-wrap .table-control .page-control-wrap a.ctrl-btn { padding: 3px 5px; text-align: center; display: block; text-transform: capitalize; background: #fff; border-right: 1px solid rgba(0, 0, 0, 0.3); color: #000000; font-size: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; }
main .table-wrap .table-control .page-control-wrap a.ctrl-btn:last-of-type { border-right: 0; }

/*----------------------------------
5. Homepage
----------------------------------*/
main.front section.category { padding: 10px 0; }
main.front section.category .outer-wrap { display: flex; align-items: flex-start; justify-content: center; width: 100%; }
main.front section.category .outer-wrap .each { width: calc(100% * 1/6); margin: 5px; display: flex; flex-direction: column; align-items: center; text-align: center; }
main.front section.category .outer-wrap .each img { width: 100%; }
main.front section.category .outer-wrap .each span { font-size: 2.6vw; line-height: 3vw; text-transform: uppercase; color: #fff; }
main.front section.category .outer-wrap .each:first-of-type { margin-left: 0; }
main.front section.category .outer-wrap .each:last-of-type { margin-right: 0; }
main.front section.rectangle-slide .outer-wrap { margin-bottom: 20px; }
main.front section.rectangle-slide .outer-wrap ul { display: flex; flex-direction: row; overflow-x: scroll; margin-bottom: 0; }
main.front section.rectangle-slide .outer-wrap ul li { width: 250px; margin-right: 15px; }
main.front section.rectangle-slide .outer-wrap ul li a.each { display: block; }
main.front section.rectangle-slide .outer-wrap ul li a.each img { width: 250px; }
main.front section.explore-ezyget .outer-wrap { margin-bottom: 20px; }
main.front section.explore-ezyget .outer-wrap ul { display: flex; flex-direction: row; overflow-x: scroll; margin-bottom: 0; }
main.front section.explore-ezyget .outer-wrap ul li { margin-right: 15px; }
main.front section.explore-ezyget .outer-wrap ul li .each { display: block; width: 200px; }
main.front section.explore-ezyget .outer-wrap ul li .each img { width: 100%; }
main.front section.bottom-foot { border-top: 1px solid #7337ee; background: #170351; margin-top: 50px; }
main.front section.bottom-foot .copyright { border-bottom: 1px solid #7337ee; text-align: center; padding-bottom: 15px; }
main.front section.bottom-foot .copyright img { height: 40px; margin: 5px 0; }
main.front section.bottom-foot .social { border-bottom: 1px solid #7337ee; display: flex; align-items: center; justify-content: center; padding: 15px 0; }
main.front section.bottom-foot .social p { font-weight: 600; margin: 0 10px; }
main.front section.bottom-foot .social a { margin: 0 2px; }
main.front section.bottom-foot .social a img { width: 40px; }
main.front section.bottom-foot .outer-wrap { padding: 20px 0 15px; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 -20px; }
main.front section.bottom-foot .outer-wrap .each { width: calc(100% * 1/3); margin: 0 20px; }
main.front section.bottom-foot .outer-wrap .each p.title { font-weight: 600; border-bottom: 1px solid #7337ee; padding-bottom: 5px; margin-bottom: 10px; text-transform: capitalize; }
main.front section.bottom-foot .outer-wrap .each a { display: block; margin-bottom: 10px; text-transform: capitalize; }
main.front section.bottom-foot .outer-wrap .each a:last-of-type { margin-bottom: 0; }

/*----------------------------------
6. Games
----------------------------------*/
main.pg-game .sidepan-mainwrap section.gamelist-wrap { padding-top: 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .outer-wrap { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .outer-wrap a.each { width: calc(100% * 1/2 - (10px)); margin: 5px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .outer-wrap a.each img { width: 100%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .outer-wrap.one-row { flex-direction: column; align-items: center; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .outer-wrap.one-row a.each { width: 60%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap { margin: 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each { position: relative; z-index: 1; width: 50%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small a.bg-btn { height: 30px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small a.bg-btn img { height: 30px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small a.bg-btn span { font-size: 3vw; width: 100%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small a.bg-btn.red-btn { width: 100%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small a.bg-btn.red-btn span { color: #fff; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small:first-of-type a.bg-btn span { padding-right: 35%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-small:last-of-type a.bg-btn span { padding-left: 35%; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-big { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-big a.bg-btn { margin: 0 auto; width: 100px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .btn-wrap .each.btn-big a.bg-btn span { font-size: 4vw; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tab { display: flex; align-items: center; justify-content: center; margin: -5px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tab button.tablinks { width: calc(100% * 1/7); margin: 5px; background: transparent; border-radius: 5px; border: 1px solid #7337ee; padding: 0; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tab button.tablinks img { width: 100%; border-radius: 5px; filter: grayscale(100%); }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tab button.tablinks.active img { filter: unset; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent { display: none; margin-top: 15px; margin-bottom: 30px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .result-header { background: url(../images/red-bg.png); background-repeat: repeat-x; background-size: auto 50px; height: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .result-header .left h4 { text-transform: capitalize; padding-bottom: 3px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .result-header .left p { text-transform: uppercase; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .result-header .right { margin-left: 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .result-header .right img { height: 35px; border-radius: 5px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap { background: #1e1e1e; padding: 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .main-prize-result { display: flex; align-items: center; justify-content: center; margin: 10px 0 20px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .main-prize-result .each { width: calc(100% * 1/3); text-align: center; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .main-prize-result .each p.title { font-size: 7vw; line-height: 7vw; font-weight: 600; margin-bottom: 15px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .main-prize-result .each p.result { font-size: 5vw; line-height: 5vw; font-weight: 600; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize { display: flex; align-items: flex-start; justify-content: center; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap { width: calc(100% * 1/2); border-right: 1px solid #4a4a4a; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap .header { background: url(../images/red-bg.png); background-repeat: repeat-x; background-size: auto 40px; height: 40px; width: 100%; display: flex; align-items: center; justify-content: center; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap .header h4 { font-size: 3.5vw; line-height: unset; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap:last-of-type { border-right: unset; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap .other-prize-result { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap .other-prize-result .each { width: calc(100% * 1/2 - (20px)); text-align: center; margin: 5px 10px; }
main.pg-game .sidepan-mainwrap section.gamelist-wrap .lottery-wrap .tab-wrap .tabcontent .result-wrap .bottom-wrap .other-prize .other-prize-wrap .other-prize-result .each p.result { font-size: 14px; line-height: unset; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap { padding-top: 10px; width: 100%; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top h3 { color: #f6bc30; text-align: center; margin-bottom: 15px; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap { display: flex; align-items: center; justify-content: center; margin: 5px 5px 15px; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-sort { flex: .5; padding-right: 10px; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-sort select.field-item { height: 29px; padding: 6px 10px; border-radius: 3px; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-search { flex: 1; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-search form.search-bar { display: flex; align-items: center; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-search form.search-bar .field-item { height: 29px; width: 100%; padding: 6px 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: unset; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-search form.search-bar label { margin-bottom: 0; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .game-top .field-wrap .f-search form.search-bar label img { height: 29px; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist .each { width: calc(100% * 1/3 - (10px)); margin: 5px; background: #2b1a3a; border: 1px solid #7337ee; text-align: center; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist .each a { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; margin: 0 auto; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist .each a img { position: absolute; height: 100%; max-width: none; left: 50%; top: 50%; transform: translate(-50%, -50%); }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist .each .title { padding: 5px; height: 40px; display: flex; align-items: center; justify-content: center; }
main.pg-game .sidepan-mainwrap section.slotlobby-wrap .outer-wrap .gamelist .each .title p { text-transform: capitalize; }
.games-wrap {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.btn-wrap100 {
    width: 100%;
}
.btn-btn {
    font-size: 14px!important;
}
.btn-color1 {
    background: #000;
    color: #ffd339!important;
    border: 1px solid #7337ee;
    font-size: 2.2vw;
    padding: 5px 0;
    display: block;
    text-align: center;
}
.show .form-group {
    position: relative;
}
.show .form-group .ico {
    position: absolute;
    left: 15px;
    width: 20px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show .form-group .ico img {
    width: 16px;
}
.show .form-group .form-control {
    display: block;
    border: 1px solid #7337ee;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%) inset;
    transition: .3s;
    border-radius: 10px;
    color: #000;
    padding-left: 45px;
}
/*----------------------------------
7. Promotion
----------------------------------*/
main.pg-promo .sidepan-mainwrap section.promotion-wrap .outer-wrap { padding-top: 10px; }
main.pg-promo .sidepan-mainwrap section.promotion-wrap .outer-wrap .each { margin: 10px 10px 15px; display: block; }
main.pg-promo .sidepan-mainwrap section.promotion-wrap .outer-wrap .each img { width: 100%; }

/*----------------------------------
8. Info
----------------------------------*/
main.pg-infopromo .sidepan-mainwrap section.side-pan { margin-top: 50px; }
main.pg-infopromo .sidepan-mainwrap section.about-wrap .outer-wrap { margin: 20px 10px 0; }
main.pg-infopromo .sidepan-mainwrap section.about-wrap .outer-wrap .content-wrap p.title { font-size: 12px; color: #f6bc30; font-weight: 600; margin-bottom: 25px; }
main.pg-infopromo .sidepan-mainwrap section.about-wrap .outer-wrap .content-wrap p.para { margin-bottom: 15px; }
main.pg-infopromo .sidepan-mainwrap section.howto-wrap .outer-wrap { margin: 20px 0 0; }
main.pg-infopromo .sidepan-mainwrap section.howto-wrap .outer-wrap .each { margin: 10px 10px 15px; display: block; }
main.pg-infopromo .sidepan-mainwrap section.howto-wrap .outer-wrap .each img { width: 100%; }
main.pg-infopromo .sidepan-mainwrap section.faq-wrap .outer-wrap { margin: 20px 10px 0; }
main.pg-infopromo .sidepan-mainwrap section.faq-wrap .outer-wrap p.title { font-size: 12px; color: #f6bc30; text-transform: capitalize; font-weight: 600; margin-bottom: 25px; }
main.pg-infopromo .sidepan-mainwrap section.tnc-wrap .outer-wrap { margin: 20px 10px 0; }
main.pg-infopromo .sidepan-mainwrap section.tnc-wrap .outer-wrap p.title { font-size: 12px; color: #f6bc30; text-transform: capitalize; font-weight: 600; margin-bottom: 10px; }
main.pg-infopromo .sidepan-mainwrap section.tnc-wrap .outer-wrap p.para { margin-bottom: 15px; }
main.pg-infopromo .sidepan-mainwrap section.tnc-wrap .outer-wrap p.para:last-of-type { margin-bottom: 25px; }

/*----------------------------------
9. Payment
----------------------------------*/
main.pg-payment .sidepan-mainwrap section.side-pan { margin-top: 20px; }
main.pg-payment .sidepan-mainwrap section.sidepan-wrap-right { margin-top: 0; width: 100%; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap { margin: 0 10px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .balance-header { border-bottom: 1px solid #f6bc30; padding-bottom: 10px; margin-bottom: 20px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .balance-header h5 { color: #f6bc30; margin-bottom: 5px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .balance-header h4 { font-size: 20px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap { margin-bottom: 30px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each p.game-title { font-size: 12px; color: #f6bc30; text-transform: uppercase; line-height: unset; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each p.game-des-list { padding-bottom: 3px; text-transform: uppercase; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each p.game-des-list:last-of-type { padding-bottom: 0; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each .top-wrap { display: flex; align-items: center; justify-content: flex-end; margin-left: 15px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each .top-wrap p.game-balance { display: contents; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each .top-wrap a.top-btn { padding: 3px 5px; width: 35px; text-align: center; display: block; text-transform: uppercase; border-radius: 3px; margin-left: 10px; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each .top-wrap a.top-btn.top-out { border: 1px solid #f6bc30; color: #f6bc30; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each .top-wrap a.top-btn.top-in { border: 1px solid #17c153; color: #17c153; }
main.pg-payment .sidepan-mainwrap section.balance-wrap .outer-wrap .game-balance-wrap .each:last-of-type { margin-bottom: unset; }
main.pg-payment .sidepan-mainwrap section.credit-content .outer-wrap { margin: 0 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group h5.title { color: #f6bc30; margin-bottom: 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option { padding-bottom: 15px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group { display: flex; margin-left: 0; justify-content: flex-start; flex-wrap: wrap; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .row-wrap { display: flex; flex-direction: row; margin-bottom: 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .row-wrap:last-of-type { margin-bottom: 0; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each label.opt-label { display: flex; align-items: center; width: 90px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; border: 1px solid transparent; transition: .3s; position: relative; overflow: hidden; margin: 2px 10px 2px 0; cursor: pointer; background: #181818; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each label.opt-label img { height: auto; width: auto; max-height: 100%; max-width: 100%; display: block; margin: auto; -webkit-filter: grayscale(100%) brightness(300%); filter: grayscale(100%) brightness(300%); }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each span { font-size: 8px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each.checked label.opt-label { border-color: #f6bc30; cursor: auto; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each.checked label.opt-label img { -webkit-filter: grayscale(0); filter: grayscale(0); }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group .each.checked label.opt-label::after { content: ''; background: url(../images/check-corner.png); width: 30px; height: 25px; background-repeat: no-repeat; background-size: 30px 25px; position: absolute; bottom: 0; right: 0; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .radio-group.method-img { border-bottom: 1px solid #f6bc30; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info { margin-top: 20px; margin-bottom: 5px; border: 1px solid #f6bc30; border-radius: 5px; padding: 10px; display: flex; align-items: center; font-size: 8px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap p { display: inline-block; padding: 3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap p.green-box { background: #17c153; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap p.title { text-transform: capitalize; margin-bottom: 5px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap p.des { text-transform: capitalize; margin-bottom: 5px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap .each { display: flex; align-items: center; justify-content: space-between; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap .each a.copy-btn { margin-bottom: 5px; padding: 3px 5px; width: 35px; text-align: center; display: block; text-transform: uppercase; border-radius: 3px; background: #f6bc30; text-shadow: 0 0 5px black; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap:first-of-type { border-right: 1px solid #4a4a4a; margin-right: 15px; padding-right: 15px; flex: 1.5; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.bank-option .form-info .wrap:last-of-type { flex: 2; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group .form-flex { display: flex; align-items: center; margin: 0 -3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group .form-flex .form-item { margin: 0 3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group .radio-group.radio-box { margin: 3px -3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group .radio-group.radio-box label.option-box { width: calc(100% * 1/5 - (6px)); background: #1e1e1e; transition: .3s; padding: 8px 3px; text-align: center; display: block; margin: 2px 3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group .radio-group.radio-box label.option-box[checked] { background: #f6bc30; color: #000000; cursor: auto; font-weight: 600; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.form-date { display: flex; align-items: center; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group.form-date span { padding: 0 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group input[type=date].form-item { position: relative; overflow: hidden; padding: 5px 10px; display: block; height: 29px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group input[type=date].form-item::after { position: absolute; top: 0; right: 0; display: inline-block; background: rgba(74, 74, 74, 0.4); font-size: 16px; color: #fff; padding: 2px 8px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f073"; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group input[type="date"]::-webkit-inner-spin-button, main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-group input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap form .form-action.long-red-btn { margin-top: 30px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap { margin-top: 30px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap h5 { text-transform: capitalize; color: #fff; padding-bottom: 3px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap p.des { color: #f6bc30; font-style: italic; border-bottom: 1px dashed #f6bc30; padding-bottom: 5px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap .wrap { display: flex; margin: 15px -5px 0; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap .wrap .each { width: calc(100% * 1/2 - (5px)); margin: 0 5px; background: #1e1e1e; border-radius: 5px; overflow: hidden; text-align: center; font-size: 12px; font-weight: 600; text-transform: capitalize; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap .wrap .each .rollover-title { background: #f6bc30; padding: 10px 5px; color: #000000; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap .wrap .each .rollover-result { padding: 15px 5px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap .wrap .each:last-of-type .rollover-title { background: #17c153; color: #fff; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .list-wrap .promotion-rollover-wrap p.status { font-size: 8px; color: #ff1616; text-transform: capitalize; margin-top: 10px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .gray-content-wrap { background-color: #2b1a3a; padding: 15px; border-radius: 10px; margin: 15px 0 45px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .gray-content-wrap p.title { color: #f6bc30; text-transform: capitalize; margin-bottom: 5px; font-weight: 600; text-decoration: underline; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .gray-content-wrap p.des { margin-bottom: 5px; font-size: 8px; }
main.pg-payment .sidepan-mainwrap section.credit-content .content-group .gray-content-wrap .small { font-style: italic; color: #ff1616; }

/*----------------------------------
10. Profile
----------------------------------*/
main.pg-profile .sidepan-mainwrap section.side-pan { margin-top: 20px; }
main.pg-profile .sidepan-mainwrap section.sidepan-wrap-right { margin-top: 0; width: 100%; }
main.pg-profile .sidepan-mainwrap section.profile-content .outer-wrap { margin: 0 10px; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap { display: flex; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .membership { display: flex; align-items: center; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .membership p { font-weight: 600; text-transform: capitalize; font-size: 12px; white-space: nowrap; margin-bottom: 5px; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .membership p.member-title { color: #f6bc30; padding: 0 10px 0 5px; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .current-btn { width: 100px; height: 20px; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #000000; text-transform: uppercase; margin-bottom: 5px; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .current-btn img { width: 100%; height: 20px; position: absolute; top: 0; left: 0; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .current-btn span { position: relative; z-index: 1; font-weight: 600; font-size: 10px; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .mem-status-wrap .current-btn.red-btn { color: #fff; }
main.pg-profile .sidepan-mainwrap section.profile-content .content-group .form-action.long-red-btn { margin-top: 20px; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap { margin: 0 10px; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap { margin-top: 0; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap p.title { text-transform: uppercase; font-size: 16px; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap .table-control { flex-direction: column; align-items: flex-start; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap .table-control a.red-btn { width: 110px; height: 35px; margin-top: 5px; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap .table-control a.red-btn span { color: #fff; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap .table-control a.red-btn img { height: 35px; }
main.pg-profile .sidepan-mainwrap section.inbox-content .outer-wrap .table-wrap .table-control a.red-btn img.ico { width: 15px; height: unset; position: relative; margin-right: 5px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap { margin: 0 10px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap p.title { text-transform: 600; font-weight: 600; font-size: 14px; text-transform: capitalize; margin-bottom: 30px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .each { margin-bottom: 15px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .each a { color: #f6bc30; text-decoration: underline; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .each-nowrap, main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .social-wrap { margin-top: 30px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .social-wrap p { font-weight: 600; margin-bottom: 5px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .social-wrap .each-wrap { display: flex; align-items: center; margin: 0 -10px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .social-wrap .each-wrap a { margin: 0 5px; }
main.pg-profile .sidepan-mainwrap section.contact-content .outer-wrap .content-wrap .social-wrap .each-wrap a img { width: 40px; }

/*----------------------------------
11. Register
----------------------------------*/
main.pg-register section.form-content { width: 80%; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; }
main.pg-register section.form-content p.title { text-transform: 600; font-weight: 600; font-size: 14px; text-transform: capitalize; margin-bottom: 30px; display: block; text-align: center; }
main.pg-register section.form-content .content-group form .form-action.long-gold-btn, main.pg-register section.form-content .content-group form .form-action.long-red-btn { margin-top: 20px; margin-bottom: 20px; }
main.pg-register section.form-content .content-group a.forgetpwd { font-style: italic; margin-top: 20px; display: block; text-align: center; }
main.pg-register section.form-content .content-group p.ins { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 10px; text-transform: uppercase; }
main.pg-register section.form-content .content-group a.quicklink { text-decoration: underline; font-weight: 600; text-transform: uppercase; text-align: center; display: block; }

/*----------------------------------
12. VIP
----------------------------------*/
main.pg-vip section.main-vip-wrap { background: url(../images/vip-bg.png); background-repeat: no-repeat; background-size: cover; padding-bottom: 60px; }
main.pg-vip section.main-vip-wrap section.vip-status { padding-top: 30px; }
main.pg-vip section.main-vip-wrap section.vip-status .curr-status { width: 220px; margin: 0 auto; }
main.pg-vip section.main-vip-wrap section.vip-status .curr-status img { width: 100%; }
main.pg-vip section.main-vip-wrap section.vip-status .curr-card { max-width: 220px; width: 100%; margin: 0 auto; margin-top: 30px; height: 275px;}
main.pg-vip section.main-vip-wrap section.vip-status .curr-card img { width: 100%; }
main.pg-vip section.main-vip-wrap section.status-bar { margin: 20px 0; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .bar-wrap { display: flex; align-items: flex-end; justify-content: center; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .bar-wrap .each { width: calc(100% * (1/18) - 5px); margin-left: 5px; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .bar-wrap .each:first-of-type { margin-left: 0; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .bar-wrap .each img { width: 100%; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .member-wrap { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 10px; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .member-wrap .each { width: calc(100% * (1/5) - 20px); margin-left: 20px; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .member-wrap .each:first-of-type { margin-left: 0; }
main.pg-vip section.main-vip-wrap section.status-bar .outer-wrap .member-wrap .each img { width: 100%; }
main.pg-vip section.main-vip-wrap section.tier-info { margin-top: 60px; height: 250px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap { margin: 0 auto; position: relative; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap img.tier-bg { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 250px; z-index: 1; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap { position: relative; z-index: 2; padding: 0 25px; display: flex; flex-direction: column; justify-content: center; height: 200px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap { display: flex; align-items: center; margin-top: 10px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap .each { font-size: 12px; font-weight: 600; font-style: italic; text-transform: uppercase; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap .each.title { width: 55%; display: flex; justify-content: space-between; align-items: center; line-height: 14px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap .each.title::after { content: ':'; display: block; padding-left: 10px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap .each.info { width: 45%; text-align: center; color: #f6bc30; margin-left: 10px; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .list-wrap .each.info.read-only { padding: 8px 10px; border: 1px solid #10439a; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .btn-wrap { display: flex; align-items: center; margin: 10px -10px 0; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .btn-wrap a.btn { width: calc(100% * (1/2) - 10px); margin: 0 10px; padding: 0; }
main.pg-vip section.main-vip-wrap section.tier-info .outer-wrap .content-wrap .btn-wrap a.btn img { width: 100%; }
main.pg-vip section.main-vip-wrap section.vip-card .outer-wrap { display: flex; align-items: center; justify-content: space-between; }
main.pg-vip section.main-vip-wrap section.vip-card .outer-wrap .each { width: calc(100% * (1/5)); text-align: center; }
main.pg-vip section.main-vip-wrap section.vip-card .outer-wrap .each img { width: 100%; }
main.pg-vip section.main-vip-wrap section.requirement { margin-top: 30px; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap { margin-bottom: 10px; background: #292470; border-radius: 10px; display: flex; align-items: center; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap .each.bg-title { width: 207px; height: 40px; padding: 0 10px; display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #000000; text-transform: uppercase; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap .each.bg-title img { width: 100%; height: 40px; position: absolute; top: 0; left: 0; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap .each.bg-title span { position: relative; z-index: 1; font-weight: 600; font-size: 12px; line-height: 13px; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap .each.requirement-det { width: calc(100% - 207px); text-align: center; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap .each.requirement-det p { text-transform: uppercase; font-size: 12px; font-weight: 600; }
main.pg-vip section.main-vip-wrap section.requirement .outer-wrap .list-wrap:last-of-type { margin-bottom: 0; }
main.pg-vip section.main-vip-wrap section.bottom-select { margin-top: 40px; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap { display: flex; align-items: center; justify-content: center; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap { margin: 0 5px; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown { background: url(../images/table-bg.png); background-repeat: repeat-x; background-size: auto 100%; width: 100%; border-radius: 5px; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown > a { color: #000000; font-weight: 700; display: flex; justify-content: left; align-items: center; position: relative; padding: 7px 35px 6px 15px; cursor: pointer; text-transform: uppercase; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown > a::after { content: '\f0d7'; font-family: "Font Awesome 5 Free"; position: absolute; right: 15px; top: 50%; margin-top: -15px; display: block; font-size: 20px; transition: .3s; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown > a[aria-expanded="true"]::after { transform: rotate(-180deg); }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown > a img { float: left; margin-right: 10px; width: 24px; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown .dropdown-menu { display: inline-block; position: absolute; right: 0; width: 100%; transition: .3s; opacity: 0; z-index: -1; background: transparent; border: unset; padding: unset; margin: unset; background-clip: unset; text-align: center; min-width: unset; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown .dropdown-menu .dropdown-item { padding: 15px; background-color: rgba(41, 36, 112, 0.8); border-bottom: 1px solid rgba(115, 55, 238, 0.5); font-weight: 600; text-transform: uppercase; color: #fff; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown .dropdown-menu .dropdown-item:last-of-type { border-bottom: unset; }
main.pg-vip section.main-vip-wrap section.bottom-select .outer-wrap .list-wrap .dropdown .dropdown-menu.show { opacity: 1; z-index: 999; }

/*----------------------------------
12. News
----------------------------------*/
main.pg-news { background: #290a57; min-height: 100vh; }
main.pg-news section.news p.maintitle { padding-top: 20px; text-transform: capitalize; color: #f6bc30; font-size: 14px; font-weight: 600; margin-bottom: 15px; }
main.pg-news section.news .outer-wrap .each { background: #181818; padding: 10px; display: flex; align-items: center; margin-bottom: 15px; }
main.pg-news section.news .outer-wrap .each .img-wrap { flex: 1; padding-right: 10px; }
main.pg-news section.news .outer-wrap .each .img-wrap img { width: 100%; }
main.pg-news section.news .outer-wrap .each .content-wrap { flex: 2.5; }
main.pg-news section.news .outer-wrap .each .content-wrap p.title { text-transform: capitalize; color: #f6bc30; font-weight: 600; margin-bottom: 5px; }
main.pg-news section.news .outer-wrap .each .content-wrap p.des { margin-bottom: 5px; }
main.pg-news section.news .outer-wrap .each .content-wrap p.des a { font-style: italic; color: #ff1616; text-transform: capitalize; padding-left: 5px; text-decoration: underline; }
main.pg-news section.news .outer-wrap .each .content-wrap p.time { color: rgba(255, 255, 255, 0.5); font-size: 8px; }
main.pg-news section.news-detail { padding-top: 20px; }
main.pg-news section.news-detail .bg-btn { width: 129px; height: 30px; margin-bottom: 15px; text-transform: unset; }
main.pg-news section.news-detail .bg-btn img { height: 30px; }
main.pg-news section.news-detail .bg-btn span { color: #fff; }
main.pg-news section.news-detail .outer-wrap { background: #181818; padding: 15px 10px; }
main.pg-news section.news-detail .outer-wrap p.maintitle { text-transform: capitalize; color: #f6bc30; font-size: 14px; font-weight: 600; margin-bottom: 15px; line-height: 16px; }
main.pg-news section.news-detail .outer-wrap p.des { margin-bottom: 15px; }
main.pg-news section.news-detail .outer-wrap p.des:last-of-type { margin-bottom: 0; }
main.pg-news section.news-detail .outer-wrap p.subtitle { margin-bottom: 5px; color: #f6bc30; }

.outer-wrap h1.maintitle,
.outer-wrap h2.maintitle,
.outer-wrap h3.maintitle,
.outer-wrap h4.maintitle,
.outer-wrap h5.maintitle { text-transform: capitalize; color: #f6bc30; font-size: 14px; font-weight: 600; margin-bottom: 15px; line-height: 16px; }

.general_err {
  color:red;
  font-size:13px;
  margin:5px auto;
  font-weight:700;
  text-align:left;
}

.general_err label {
  color:red;
  vertical-align:top
}

.promoSideBar a {
    min-height: 55px;
}

#pc-all.english{
	background: url("../images/side/english/all.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-all.english.active {
	background: url("../images/side/english/all-active.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-newmem.english{
	background: url("../images/side/english/newmem.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-newmem.english.active {
	background: url("../images/side/english/newmem-active.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-daily.english{
	background: url("../images/side/english/daily.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-daily.english.active {
	background: url("../images/side/english/daily-active.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-special.english{
	background: url("../images/side/english/special.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-special.english.active {
	background: url("../images/side/english/special-active.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}


#pc-all.simplified{
	background: url("../images/side/simplified/all.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-all.simplified.active {
	background: url("../images/side/simplified/all-active.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-newmem.simplified{
	background: url("../images/side/simplified/newmem.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-newmem.simplified.active {
	background: url("../images/side/simplified/newmem-active.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-daily.simplified{
	background: url("../images/side/simplified/daily.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-daily.simplified.active {
	background: url("../images/side/simplified/daily-active.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-special.simplified{
	background: url("../images/side/simplified/special.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}

#pc-special.simplified.active {
	background: url("../images/side/simplified/special-active.png?1");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}


.form-error {
  margin: 0 5px;
  display:flex
}

.general_err {
  color:red;
  font-size:13px;
  margin:13px auto;
  font-weight:700;
  text-align:center
}

.general_err label {
  color:red;
  vertical-align:top
}

.up-icon {
    font-size: 17px;
    position: absolute;
    top: 24px;
    right: 10px;
    color: #fff;
}


/*--------------------------------/
/      mobile OTP verify          /
/--------------------------------*/
.verifyno {
	color: #6dcc43;
	margin: 0 0 0 10px;
	font-size: 1.2em;
}

.verifyBtn {
	margin: 0 0 0 10px;
	font-size: 1.2em;
	display: none;
}

.verifyBtn a:link {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: 700;
	padding: 5px 7px;
	background: #00aeef;
	border-radius: 3px;
	text-shadow: 0px 0px 15px rgba(154, 208, 244, 1);
}
.otpVerify p {
	line-height: 150%;
}

.verBonus {
	display: block;
	margin: 30px auto;
	padding: 15px 5px;
	width: 95%;
	border-radius: 8px;
	border: 1px dashed #7337ee;
}

.verBonus ul li {
	list-style-type: none;
}

.otp-group {
	position: relative;
}

.otp-group input[type="number"] {
	margin: 15px auto;
	width: 85%;
	height: 50px;
	padding: 0 0 0 20px;
	letter-spacing: 7px;
	background: #0e0e0e;
	border: 1px solid #7337ee;
	border-radius: 5px;
	font-size: 1.5em;
	text-align: left;
}

@media only screen and (min-width: 321px) {
	.otp-group input[type="number"] {
		padding: 0 0 0 25px;
		letter-spacing: 15px;
	}
}

.otp-group input[type="number"]:focus {
	border: 1px solid #7337ee;
	border-radius: 5px;
	outline: none;
}

.otp-group span.resend {
	position: absolute;
	line-height: 48px;
	right: 12%;
	top: 16px;
	padding: 0 0 0 15px;
	border-left: 1px solid #7337ee;
}

.otp-group .btn-wgwm {
	width: 35%;
	margin: 15px auto;
}

/* Chrome, Safari, Edge, Opera */
.otp-group input::-webkit-outer-spin-button,
.otp-group input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.otp-group input[type="number"] {
	-moz-appearance: textfield;
}

.otp-group .btn-wgwm {
	font-size: 1em;
	font-weight: 700;
	padding: 0;
	border: 0;
	border-radius: 5px;
	display: block;
	background: #7337ee;
	color: #fff;
	text-shadow: 0px 0px 15px rgba(154, 208, 244, 1);
}

.otp-group .btn-wgwm a,
.otp-group .btn-wgwm a:link,
.otp-group .btn-borFull a,
.otp-group .btn-borFull a:link,
.otp-group .btn-noborWarn a,
.otp-group .btn-noborWarn a:link {
	width: 100%;
	display: block;
	padding: 18px 0;
}

.otp-group .btn-wgwm a:hover,
.otp-group .btn-wgwm a:active,
.otp-group .btn-wgwm a:visited {
	color: #fff;
	text-decoration: none;
}

.otpVerify a.notnow {
	display: block;
	width: 35%;
	color: #FFF;
	text-decoration: underline;
	margin: 25px auto 15px;
}

#loadingOTP {
	display: none;
	text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.modal {
	max-width: 680px;
	margin: 0 auto;
}
/*--------------------------------/
/     mobile OTP verify End       /
/--------------------------------*/


.divHideMore {
    display: none;
}

@media (max-width: 360px){
	.gamelistside .outer-wrap {
	    height: 310px;
	    overflow: scroll;
	}
}


@media (max-width: 320px){
	.gamelistside .outer-wrap {
	    height: 260px;
	    overflow: scroll;
	}
}