@font-face {
  font-family: "Montserrat";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Regular.woff") format("woff");
  font-display: swap;
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Medium.woff") format("woff");
  font-display: swap;
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-SemiBold.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: "Montserrat";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/Montserrat-Bold.woff") format("woff");
  font-display: swap;
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Open Sans";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Open Sans";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-Regular.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Open Sans";
  src: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-Bold.woff2") format("woff2"), url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

.md88-input-group {
  border: 1px solid #7d7d7d;
  background: transparent;
  border-radius: 5px;
  position: relative;
  height: 35px;
  width: 100%
}

.md88-input-group input {
  background: transparent;
  border: unset;
  outline: unset;
  font-family: Montserrat;
  font-size: 13px;
  color: #fff;
  height: 100%;
  width: 100%;
  padding-left: 13px;
  padding-right: 13px
}

.md88-input-group input::-moz-placeholder {
  color: #7d7d7d;
  font-family: Montserrat;
  font-size: 13px
}

.md88-input-group input::placeholder {
  color: #7d7d7d;
  font-family: Montserrat;
  font-size: 13px
}

.md88-input-group button.btn-search {
  border: unset;
  outline: unset;
  padding: unset;
  position: absolute;
  background: transparent;
  width: 13px;
  right: 14px;
  top: 50%;
  transform: translateY(-50%)
}

.md88-input-group.disabled {
  border: unset;
  background-color: #f2f1f1
}

.md88-input-group.background-light-grey {
  background-color: #f2f1f1
}

.md88-input-group.focus {
  border: 1px solid #00aeef
}

.md88-input-group-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px
}

.md88-input-group-icon .md88-icon-input {
  width: 39px;
  display: inline-block;
  margin-right: 19px
}

.md88-input-group-icon .md88-input-group {
  border: unset;
  border-bottom: 1px solid #7d7d7d;
  border-radius: unset
}

.md88-input-group-icon .md88-input-group input {
  padding-left: unset
}

.md88-input-group-icon .md88-input-group.focus {
  border-bottom: 1px solid #00aeef
}

.md88-input-group-icon:last-child {
  margin-bottom: unset
}

.md88-input-group-flex {
  display: flex;
  flex-direction: row;
  align-items: center
}

.md88-copy-group {
  border: 1px solid #adafb2;
  background: transparent;
  border-radius: 5px;
  position: relative;
  height: 35px;
  width: 100%;
  overflow: hidden;
  background-color: #f2f1f1
}

.md88-copy-group input {
  position: absolute;
  top: -99999px;
  left: -99999px
}

.md88-copy-group .form-content {
  color: #282d34;
  font-family: Montserrat;
  font-size: 13px;
  padding-top: 6px;
  padding-left: 17px
}

.md88-copy-group .btn-copy {
  position: absolute;
  right: 17px;
  top: 3px;
  width: 14px;
  padding: unset;
  border: unset;
  outline: unset;
  background: transparent
}

.md88-copy-group.no-border-outline {
  border: unset;
  margin-bottom: 3px
}

.md88-copy-group.no-border-outline .copy-background {
  background: transparent;
  border-radius: 5px;
  position: relative;
  height: 35px;
  width: 90%;
  overflow: hidden;
  background-color: #e8e7e8
}

.md88-copy-group.no-border-outline .copy-background p.form-content {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34
}

.md88-copy-group.no-border-outline .copy-background p.form-content span {
  color: #00aeef
}

.md88-copy-group.no-border-outline .btn-copy {
  position: absolute;
  right: 5px;
  top: 3px;
  width: 17px;
  padding: unset;
  border: unset;
  outline: unset;
  background: transparent
}

.md88-upload-receipt {
  background: transparent;
  position: relative;
  height: 35px;
  width: 100%
}

.md88-upload-receipt .md88-field {
  background-color: #f2f1f1;
  border: 1px solid #adafb2;
  border-radius: 5px;
  height: 35px;
  width: 366px;
  padding-top: 4px;
  padding-left: 17px;
  margin: unset;
  display: inline-block;
  padding-right: 11px
}

.md88-upload-receipt button.btn-upload-receipt {
  padding: unset;
  border: unset;
  background-color: #da1c5c;
  color: #ffffff;
  text-transform: uppercase;
  outline: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  /*width: 176px;*/
  padding: 0 10px;
  height: 35px;
  position: relative;
  top: -2px
}

.md88-upload-receipt button.btn-upload-receipt:hover {
  background-color: #d44474
}

.md88-upload-receipt input {
  position: absolute;
  left: -99999px;
  top: -99999px
}

header#header {
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.29);
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.29)
}

header#header .dropdown-language {
  position: relative;
  top: 5px;
  width: 155px
}

header#header .dropdown-language .dropdown__image {
  margin-right: 10px
}

header#header .dropdown-language .dropdown__arrow {
  right: 18px !important
}

header#header .dropdown-account {
  position: relative;
  top: 3px;
  width: 240px;
  margin-right: 42px;
  white-space: nowrap;
}

header#header .dropdown {
  width: 100%;
  background: transparent;
  border: none;
  position: relative;
  z-index: 10;
  outline: none;
  padding: 0px;
  cursor: pointer;
  margin-right: 42px
}

header#header .dropdown .dropdown__padding {
  padding: 0px 20px;
  padding-right: 25px;
  z-index: 10;
  position: relative
}

header#header .dropdown .dropdown__padding .dropdown__image {
  float: left
}

header#header .dropdown .dropdown__padding .dropdown__text {
  float: left
}

header#header .dropdown .dropdown__arrow {
  transform: rotate(45deg);
  transition: all 0.3s linear;
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 6px;
  position: absolute;
  right: 11px
}

header#header .dropdown .dropdown__arrow::after {
  content: "";
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

header#header .dropdown .dropdown__image {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative
}

header#header .dropdown .dropdown__text {
  height: auto;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  position: relative;
  top: 4px;
  margin-right: 12px
}

header#header .dropdown.active .dropdown__arrow {
  top: 9px;
  transform: rotate(-135deg)
}

header#header .dropdown__items {
  position: absolute;
  visibility: hidden;
  max-height: 290px;
  opacity: 0;
  width: 100%;
  transition: all 0.3s ease;
  transform: translateY(70px);
  margin-top: 5px;
  overflow: hidden;
  z-index: 10;
  background-color: #f2f1f1;
  padding-top: 12px;
  padding-bottom: 17px
}

header#header .dropdown__items .dropdown__image {
  margin-right: 13px;
  position: relative;
  top: -5px
}

header#header .dropdown.active .dropdown__items {
  visibility: visible;
  height: auto;
  opacity: 1;
  /*transform: translateY(35px)*/
  transform: translateY(6px)
}

header#header .dropdown__item {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  padding-left: 23px
}

header#header .dropdown__item a, header#header .dropdown__item .dropdown-select-item {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #adafb2;
  margin: unset
}

header#header .dropdown__item .dropdown-select-item {
  display: flex;
  flex-direction: row;
  align-items: center
}

header#header .dropdown__item .dropdown-select-item .dropdown__image {
  height: auto;
  top: -2px
}

header#header .dropdown__item:hover {
  transition: all 0.3s ease
}

header#header .dropdown__item:hover a, header#header .dropdown__item:hover .dropdown-select-item {
  color: #00678d
}

header#header .head .head-top {
  padding: 0px 310px;
  height: 53px;
  background-color: #00678d;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

header#header .head .head-top .head-top-left {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  justify-content: center
}

header#header .head .head-top p.md88-clock {
  font-family: Montserrat;
  font-size: 12px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 50px;
  width: 180px
}

header#header .head .head-top .md88-language-list::before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background-color: #707070
}

header#header .head .head-top .md88-language-list {
  display: inline-block
}

header#header .head .head-top .md88-language-list button.md88-language-name {
  background: transparent;
  outline: unset;
  border: unset;
  font-family: Montserrat;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  padding-right: 14px
}

header#header .head .head-top .md88-language-list button.md88-language-name .md88-language-img {
  display: inline-block;
  width: 26px;
  margin-right: 7px;
  position: relative;
  top: -3px
}

header#header .head .head-top .md88-language-list button.md88-language-name::after {
  content: "";
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/header/arrow-down.png");
  background-repeat: no-repeat;
  background-size: 8px 4px;
  position: absolute;
  display: inline-block;
  right: 0px;
  top: 50%;
  width: 8px;
  height: 4px;
  transform: translateY(-50%) rotate(0deg);
  transition: all ease 0.5s
}

header#header .head .head-top .md88-language-list button.md88-language-name.show::after {
  transform: translateY(-50%) rotate(180deg)
}

header#header .head .head-top .md88-language-list .md88-selection-language.show {
  visibility: visible;
  opacity: 1
}

header#header .head .head-top .md88-language-list .md88-selection-language {
  position: absolute;
  visibility: hidden;
  max-height: 290px;
  opacity: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.3s ease;
  transform: translateY(10%);
  margin-top: 5px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 10;
  width: 200px;
  background-color: #ffffff;
  padding-bottom: 7px;
  padding-top: 7px
}

header#header .head .head-top .md88-language-list .md88-selection-language button.md88-language-item {
  background: transparent;
  outline: unset;
  border: unset;
  font-family: Montserrat;
  font-size: 12px;
  color: #000000;
  position: relative;
  padding-right: 14px;
  padding-bottom: 5px
}

header#header
.head
.head-top
.md88-language-list
.md88-selection-language
button.md88-language-item
.md88-language-img {
  display: inline-block;
  width: 26px;
  margin-right: 7px;
  position: relative;
  top: -3px
}

header#header .head .head-top .md88-language-list .md88-selection-language button.md88-language-item:last-child {
  padding-bottom: 0px
}

header#header .head .head-top .md88-language-list .md88-selection-language button.md88-language-item:hover, header#header .head .head-top .md88-language-list .md88-selection-language button.md88-language-item.active {
  color: #00678d
}

header#header .head .head-top .auth-action-group {
  display: flex;
  flex-direction: row;
  align-items: center
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper .auth-amount {
  margin-right: 12px
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper .auth-amount p.currency {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  letter-spacing: 0.5px
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper button.btn-refresh {
  outline: unset;
  border: unset;
  background: transparent;
  width: 17px;
  padding: unset;
  margin-right: 20px
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper button.btn-refresh img {
  transition: all ease 0.5s
}

header#header .head .head-top .auth-action-group .auth-amount-wrapper::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff
}

header#header .head .head-top .btn-auth-group .btn-auth {
  font-family: Montserrat;
  background: #edbb54;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #00678d;
  border-radius: 4px;
  outline: unset;
  border: unset;
  transition: background ease 0.5s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none
}

header#header .head .head-top .btn-auth-group .btn-auth:hover, header#header .head .head-top .btn-auth-group .btn-auth:focus {
  background: #ffda8e
}

header#header .head .head-top .btn-auth-group .btn-auth-outline {
  font-family: Montserrat;
  background: transparent;
  height: 34px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  outline: unset;
  border: unset;
  text-transform: uppercase;
  margin-left: 38px;
  transition: color ease 0.5s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

header#header .head .head-top .btn-auth-group .btn-auth-outline:hover, header#header .head .head-top .btn-auth-group .btn-auth-outline:focus {
  color: #edbb54
}

header#header .head .head-bottom {
  max-width: 1300px;
  margin: 0 auto;
  background-color: #161a20;
  height: 71px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

header#header .head .head-bottom a.md88-logo {
  width: 140px;
  display: inline-block
}

header#header .head .head-bottom .nav-categories {
  height: 100%
}

header#header .head .head-bottom .nav-categories a.nav-category {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  margin-right: 36px;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%
}

header#header .head .head-bottom .nav-categories a.nav-category.active, header#header .head .head-bottom .nav-categories a.nav-category:hover {
  color: #00aeef
}

header#header .head .head-bottom .nav-categories a.nav-category.active::after {
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #00aeef
}

header#header .head .head-bottom .nav-categories a.nav-category:last-child {
  margin-right: unset
}

header#header .head .head-bottom .nav-categories a.nav-category:hover {
  color: #00aeef
}

#login.modal .modal-content, #login_aud.modal .modal-content {
  background-color: #282d34
}

#login.modal .modal-content .modal-header, #pplas.modal .modal-content .modal-header, #login_aud.modal .modal-content .modal-header   {
  border-bottom: unset;
  padding: 11px 17px;
  height: 58px;
  position: relative
}

#login.modal .modal-content .modal-header .btn-close-icon, #ppla.modal .modal-content .modal-header .btn-close-icon,  #login_aud.modal .modal-content .modal-header .btn-close-icon{
  background-image: url("../../dreamxbarrcathk/image/icon-close.png");
  background-size: 49px 49px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 49px;
  height: 49px;
  outline: unset;
  padding: unset;
  border: unset;
  background-color: unset;
  margin-left: auto;
  position: absolute;
  top: 80%;
  right: 17px;
  transform: translateY(-50%)
}

#login.modal .modal-content .modal-body, #login_aud.modal .modal-content .modal-body {
  padding-top: 0px
}

#login.modal .modal-content .modal-body input {
  font-size: 15px;
  color: #fff
}

#login.modal .modal-content .modal-body input::-moz-placeholder {
  font-size: 15px
}

#login.modal .modal-content .modal-body input::placeholder {
  font-size: 15px
}

#login.modal .modal-content .modal-body .modal-logo {
  width: 271px;
  margin: auto;
  margin-bottom: 86px
}

#login.modal .modal-content .modal-body a.forgot-password {
  font-family: Montserrat;
  font-size: 14px;
  color: #00aeef;
  margin-top: 10px;
  display: block;
  text-align: right
}

#login.modal .modal-content .modal-body p.no-account-content {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  margin: unset;
  text-align: center
}

#login.modal .modal-content .modal-body p.no-account-content a {
  color: #00aeef
}

#login.modal .modal-content .modal-body p.issue-content {
  font-family: Montserrat;
  font-size: 12px;
  color: #f2f1f1;
  margin: 0 auto;
  max-width: 405px;
  text-align: center;
  margin-bottom: 46px
}

#login.modal .modal-content .modal-body p.issue-content span {
  color: #00aeef
}

#login.modal .modal-content .modal-body .modal-footer-line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 18px;
  margin-top: 24px
}

#login.modal .modal-content .modal-body .login {
  margin-top: 29px;
  margin-bottom: 73px
}

#login.modal .modal-content .modal-body .login .btn-sign-in {
  background-color: #00aeef;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  font-family: Montserrat;
  outline: unset;
  border: unset;
  text-decoration: none;
  width: 100%;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px
}

#login.modal .modal-content .modal-body .login .btn-sign-in:hover {
  background-color: #4fb8df
}

#register.modal .modal-content .modal-header {
  background-color: #00aeef;
  position: relative;
  padding: 11px 17px;
  height: 58px
}

#register.modal .modal-content .modal-header .btn-close-icon {
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/images/assets/img/icon-close-white.png");
  background-size: 52px 52px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  outline: unset;
  padding: unset;
  border: unset;
  background-color: unset;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%)
}

#register.modal .modal-content .modal-header p.modal-title {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#register.modal .modal-content .modal-body {
  padding-top: unset
}

#register.modal .modal-content .modal-body input {
  font-size: 15px
}

#register.modal .modal-content .modal-body input::-moz-placeholder {
  font-size: 15px
}

#register.modal .modal-content .modal-body input::placeholder {
  font-size: 15px
}

#register.modal .modal-content .modal-body .md88-logo-blue {
  width: 221px;
  margin: 0 auto
}

#register.modal .modal-content .modal-body p.congratulation {
  font-family: Montserrat;
  font-size: 29px;
  color: #282d34;
  margin: unset;
  text-transform: uppercase;
  text-align: center;
  margin-top: 30px
}

#register.modal .modal-content .modal-body p.success {
  font-family: Montserrat;
  font-size: 15px;
  color: #282d34;
  text-align: center;
  text-align: center;
  margin-bottom: 57px;
  margin-top: -10px
}

#register.modal .modal-content .modal-body a.btn-deposit-now {
  height: 49px;
  width: 100%;
  border-radius: 5px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  background-color: #00aeef;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: unset;
  padding: unset;
  border: unset;
  text-decoration: none;
  margin-bottom: 104px
}

#register.modal .modal-content .modal-body a.btn-deposit-now:hover {
  background-color: #4fb8df
}

#register.modal .modal-content .modal-body small {
  font-family: Montserrat;
  font-size: 12px;
  color: #adafb2;
  text-align: center;
  display: block;
  max-width: 318px;
  margin: 0 auto;
  margin-bottom: 20px
}

#register.modal .modal-content .modal-body small span {
  color: #00aeef
}

#register.modal .modal-content .modal-body .mb-17 {
  margin-bottom: 17px
}

#register.modal .modal-content .modal-body .modal-line {
  height: 1px;
  width: 100%;
  background-color: #adafb2;
  margin-bottom: 41px;
  margin-top: 40px
}

#register.modal .modal-content .modal-body .phone-prefix {
  width: 122px;
  margin-right: 6px
}

#register.modal .modal-content .modal-body .phone-prefix .md88-dropdown-name {
  padding-left: 15px
}

#register.modal .modal-content .modal-body .currency-dropdown {
  width: 100%
}

#register.modal .modal-content .modal-body .modal-line-step-2 {
  width: 100%;
  height: 1px;
  background-color: #adafb2;
  margin-bottom: 18px
}

#register.modal .modal-content .modal-body label {
  width: 122px;
  font-family: Montserrat;
  font-size: 14px;
  color: #7d7d7d;
  margin-right: 6px
}

#register.modal .modal-content .modal-body p.step-2-p {
  font-family: Montserrat;
  font-size: 12px;
  color: #adafb2;
  text-align: center;
  max-width: 445px;
  margin: 0 auto;
  margin-bottom: 22px
}

#register.modal .modal-content .modal-body p.step-2-p a, #register.modal .modal-content .modal-body p.step-2-p span {
  color: #00aeef;
  text-decoration: none
}

#register.modal .modal-content .modal-body .progress-step {
  display: flex;
  flex-direction: column;
  margin-top: 42px;
  margin-bottom: 64px
}

#register.modal .modal-content .modal-body .progress-step .progress-status {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 15px
}

#register.modal .modal-content .modal-body .progress-step .progress-status p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2;
  margin: unset
}

#register.modal .modal-content .modal-body .progress-step .progress-status p[data-step="2"] {
  margin-left: -26px
}

#register.modal .modal-content .modal-body .progress-step .progress-status p[data-step="3"] {
  margin-right: 14px
}

#register.modal .modal-content .modal-body .progress-step .progress-status p.show {
  color: #00aeef
}

#register.modal .modal-content .modal-body .progress-step .progress-img {
  width: 71%;
  margin: auto
}

#register.modal .modal-content .modal-body input {
  color: #000000
}

#register.modal .modal-content .modal-body .btn-next {
  background-color: #00aeef;
  color: #ffffff;
  border-radius: 10px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: unset;
  outline: unset;
  width: 100%;
  margin-top: 10px
}

#register.modal .modal-content .modal-body .btn-next-mb-step-1 {
  margin-bottom: 76px
}

#register.modal .modal-content .modal-body .btn-next-mb-step-2 {
  margin-bottom: 42px
}

#register.modal .modal-content .modal-body .btn-next:hover {
  background-color: #4fb8df
}

footer#footer {
  clear: both;
  padding: 0px 310px;
  background-color: #0c1113;
  padding-top: 69px
}

footer#footer .footer-logo {
  width: 192px;
  margin-bottom: 32px
}

footer#footer .footer-info .footer-info-img {
  display: inline-block;
  margin-bottom: 42px
}

footer#footer .footer-info .fast-payout {
  width: 138px;
  margin-right: 35px
}

footer#footer .footer-info .ssl-secured-site {
  width: 132px;
  margin-bottom: 41px
}

footer#footer .footer-info .customer-service {
  width: 146px;
  margin-right: 25px
}

footer#footer .footer-info .restricted-to-18-and-over {
  width: 149px
}

footer#footer h6 {
  font-family: Montserrat;
  font-size: 13px;
  color: #ffffff;
  margin: unset
}

footer#footer .gaming-license {
  margin-top: 18px;
  margin-bottom: 33px
}

footer#footer .gaming-license .gaming-license-img {
  display: inline-block
}

footer#footer .gaming-license .gaming-curacao {
  width: 161px;
  margin-right: 37px
}

footer#footer .gaming-license .pagcor {
  width: 160px
}

footer#footer .certification-by {
  margin-top: 18px
}

footer#footer .certification-by .certification-by-img {
  display: inline-block
}

footer#footer .certification-by .bmm {
  width: 69px;
  margin-right: 22px;
  margin-bottom: 21px
}

footer#footer .certification-by .iTech-labs {
  width: 39px;
  margin-right: 22px;
  margin-bottom: 27px
}

footer#footer .certification-by .payouts-reviewed {
  width: 96px;
  margin-right: 112px
}

footer#footer .certification-by .gaming-laboratories {
  width: 48px;
  margin-right: 23px
}

footer#footer .certification-by .iovation {
  width: 123px
}

footer#footer .follow-us {
  margin-top: 17px;
  margin-bottom: 32px
}

footer#footer .follow-us .follow-us-img {
  display: inline-block;
  margin-right: 19px;
  width: 37px
}

footer#footer .payment-method {
  margin-top: 18px
}

footer#footer .payment-method .payment-method-img {
  display: inline-block;
  margin-right: 19px;
  width: 42px
}

footer#footer .footer-bottom {
  width: 100%;
  margin-top: 98px;
  padding-top: 38px;
  border-top: 1px dashed #8b8d90;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 146px
}

footer#footer .footer-bottom .footer-link-wrapper a {
  font-family: Montserrat;
  font-size: 13px;
  color: #8b8d90;
  text-decoration: none;
  position: relative;
  padding: 0px 8px 0px 4px;
  text-transform: capitalize;
}

footer#footer .footer-bottom .footer-link-wrapper a:first-child {
  padding-left: 0px
}

footer#footer .footer-bottom .footer-link-wrapper a:last-child:after {
  display: none
}

footer#footer .footer-bottom .footer-link-wrapper a:hover {
  color: #ffffff;
  text-decoration: underline
}

footer#footer .footer-bottom .footer-link-wrapper a::after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background: #8b8d90;
  position: absolute;
  right: 0px;
  top: 0px
}

footer#footer .footer-bottom p {
  font-family: Montserrat;
  font-size: 14px;
  letter-spacing: 1px;
  color: #8b8d90;
  margin: unset
}

.md88-dropdown {
  position: relative;
  overflow: hidden;
  background: transparent
}

.md88-dropdown .md88-dropdown-name {
  width: 100%;
  height: 35px;
  background: transparent;
  outline: unset;
  box-shadow: unset;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  border: 1px solid #949497;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  text-align: left;
  padding-left: 13px
}

#statements-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
  height: 35px;
  background: transparent;
  outline: unset;
  box-shadow: unset;
  border-radius: 5px;
  position: relative;
  border: 1px solid #949497;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  text-align: left;
  padding-left: 13px
}

.bs-actionsbox .btn-group button, .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #666
}

.md88-dropdown .md88-dropdown-name.gray {
  background-color: #ffffff;
  border: unset
}

.md88-dropdown .md88-dropdown-name::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  right: 10px;
  width: 10px;
  height: 10px;
  background: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/images/assets/img/global/dropdown-arrow.png") no-repeat right 20px center;
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all ease 0.5s
}

.md88-dropdown .md88-dropdown-inner-list {
  height: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 100;
  width: 100%
}

.md88-dropdown .md88-dropdown-list {
  background-color: #f2f1f1;
  max-height: 354px;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: all ease 0.5s;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

.md88-dropdown .md88-dropdown-list button.md88-dropdown-item {
  background-color: #f2f1f1;
  width: 100%;
  height: 35px;
  outline: unset;
  box-shadow: unset;
  font-family: Poppins;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.5px;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px solid transparent
}

.md88-dropdown .md88-dropdown-list button.md88-dropdown-item .md88-dropdown-img {
  width: 60px;
  display: inline-block
}

.md88-dropdown .md88-dropdown-list button.md88-dropdown-item.active, .md88-dropdown .md88-dropdown-list button.md88-dropdown-item:hover {
  color: #00aeef
}

.md88-dropdown.active {
  max-height: 1000px;
  overflow: visible
}

.md88-dropdown.active .md88-dropdown-name {
  background: #ffffff;
  border: 1px solid #00aeef
}

.md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

.md88-dropdown.active .md88-dropdown-inner-list {
  height: 360px;
  transform: translateY(-35px);
  z-index: 1
}

.md88-dropdown.active .md88-dropdown-list {
  transform: translateY(0%);
  padding-top: 35px;
  transition: all ease 0.5s;
  opacity: 1;
  border-radius: 5px
}

.md88-multi-dropdown {
  position: relative;
  overflow: hidden;
  background: transparent
}

.md88-multi-dropdown .md88-multi-dropdown-name {
  width: 100%;
  height: 35px;
  background: transparent;
  outline: unset;
  box-shadow: unset;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  border: 1px solid #949497;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  text-align: left;
  padding-left: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 20px
}

.md88-multi-dropdown .md88-multi-dropdown-name.gray {
  background-color: #ffffff;
  border: unset
}

.md88-multi-dropdown .md88-multi-dropdown-name::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  right: 10px;
  width: 10px;
  height: 10px;
  background: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/images/assets/img/global/dropdown-arrow.png") no-repeat right 20px center;
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all ease 0.5s
}

.md88-multi-dropdown .md88-multi-dropdown-inner-list {
  height: 0px;
  position: absolute;
  overflow: hidden;
  z-index: 100;
  width: 100%
}

.md88-multi-dropdown .md88-multi-dropdown-list {
  background-color: #f2f1f1;
  max-height: 354px;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: all ease 0.5s;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

.md88-multi-dropdown .md88-multi-dropdown-list button.md88-multi-dropdown-item {
  background-color: #f2f1f1;
  width: 100%;
  height: 35px;
  outline: unset;
  box-shadow: unset;
  font-family: Poppins;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.5px;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px solid transparent;
  position: relative
}

.md88-multi-dropdown .md88-multi-dropdown-list button.md88-multi-dropdown-item .md88-multi-dropdown-img {
  width: 60px;
  display: inline-block
}

.md88-multi-dropdown .md88-multi-dropdown-list button.md88-multi-dropdown-item.active::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 10px;
  background-image: url("../../dreamxbarrcathk/image/icon-tick.png");
  background-repeat: no-repeat;
  background-size: 13px 10px;
  width: 13px;
  height: 10px;
  display: block
}

.md88-multi-dropdown.active {
  max-height: 1000px;
  overflow: visible
}

.md88-multi-dropdown.active .md88-multi-dropdown-name {
  background: #ffffff;
  border: 1px solid #00aeef
}

.md88-multi-dropdown.active .md88-multi-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

.md88-multi-dropdown.active .md88-multi-dropdown-inner-list {
  height: 360px;
  transform: translateY(-35px);
  z-index: 1
}

.md88-multi-dropdown.active .md88-multi-dropdown-list {
  transform: translateY(0%);
  padding-top: 35px;
  transition: all ease 0.5s;
  opacity: 1;
  border-radius: 5px
}

#home .banner-container {
  position: relative
}

#home .banner-container .banner-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  bottom: 40px;
  transform: translateY(-50%);
  display: flex
}

#home .banner-container .banner-indicators .banner-indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7098039216);
  margin-right: 8px
}

#home .banner-container .banner-indicators .banner-indicator:last-child {
  margin-right: unset
}

#home .banner-container .banner-indicators .banner-indicator.active {
  background: #00aeef;
  width: 34px;
  height: 7px;
  border-radius: 20px
}

#home .col-6-5 {
  flex: 0 0 auto;
  width: 53%
}

#home .offset-1-5 {
  margin-left: 5.333333%
}

#home .col-8-5 {
  flex: 0 0 auto;
  width: 69.666667%
}

#home .col-3-5 {
  flex: 0 0 auto;
  width: 30.333333%
}

#home .mt-game-just-for-you {
  margin-top: 75px
}

#home .md88-card .md88-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px
}

#home .md88-card .md88-card-header h6 {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  color: #00aeef;
  margin: unset
}

#home .md88-card .md88-card-header .md88-indicators .indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7098039216);
  margin-right: 8px
}

#home .md88-card .md88-card-header .md88-indicators .indicator:last-child {
  margin-right: unset
}

#home .md88-card .md88-card-header .md88-indicators .indicator.active {
  background: #00aeef;
  width: 34px;
  height: 7px;
  border-radius: 20px
}

#home .md88-container {
  padding: 0px 310px;
  background: #161a20;
  background-image: url("../../dreamxbarrcathk/image/top-background.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center
}

#home .md88-container .announcement-wrapper {
  height: 39px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px
}

#home .md88-container .announcement-wrapper .announcement-img {
  width: 29px;
  margin-right: 13px
}

#home .md88-container .announcement-wrapper marquee {
  font-family: Montserrat;
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffffff
}

#home .md88-container .md88-card:first-child {
  margin-bottom: 23px
}

#home .md88-container .video-wrapper {
  position: relative;
  margin-right: -20px;
  margin-top: -10px
}

#home .md88-container .video-wrapper .video-title {
  position: absolute;
  left: 60%;
  top: 45px;
  transform: translateX(-50%);
  width: 100%
}

#home .md88-container .video-wrapper .video-title h6 {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  color: #00aeef;
  margin: unset;
  text-transform: uppercase
}

#home .md88-container .video-wrapper .video-content {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: 80%
}

#home .md88-container .video-wrapper .video-content .btn-video-play {
  padding: unset;
  border: unset;
  outline: unset;
  background: unset;
  width: 70px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

#home .md88-container .video-wrapper .video-content video {
  width: 100%;
  outline: unset
}

#home .md88-container .video-wrapper .video-actions {
  position: absolute;
  bottom: 51px;
  left: 50%;
  transform: translateX(-50%)
}

#home .md88-container .video-wrapper .video-actions .video-action {
  width: 53px;
  display: inline-block;
  margin-right: 28px
}

#home .md88-container .video-wrapper .video-actions .video-action:last-child {
  margin-right: unset
}

#home .md88-container .jackpot-wrapper {
  position: relative
}

#home .md88-container .jackpot-wrapper .jackpot-title {
  position: absolute;
  left: 50%;
  top: 33px;
  transform: translateX(-50%);
  font-family: Montserrat;
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  white-space: nowrap;
  margin: unset
}

#home .md88-container .jackpot-wrapper .jackpot-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 58px;
  width: 247px
}

#home .md88-container .jackpot-wrapper .jackpot {
  position: absolute;
  left: 50%;
  top: 169px;
  transform: translateX(-50%);
  font-family: Montserrat;
  font-size: 23px;
  font-weight: 500;
  color: #f5f5f5;
  letter-spacing: 1px;
  margin: unset
}

#home .md88-container .game-just-for-you-head {
  position: relative
}

#home .md88-container .game-just-for-you-head ul#game-just-for-you-tab {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  padding-bottom: 2px;
  margin-bottom: 17px
}

#home .md88-container .game-just-for-you-head ul#game-just-for-you-tab button.nav-link.active {
  background: linear-gradient(to bottom, #1e9ed8, #0f4f6c);
  border: unset;
  color: #ffffff
}

#home .md88-container .game-just-for-you-head ul#game-just-for-you-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-bottom: unset;
  color: rgba(255, 255, 255, 0.5019607843);
  outline: unset;
  padding: 6px 20px
}

#home .md88-container .game-just-for-you-head ul#game-just-for-you-tab li.nav-item {
  margin-right: 15px
}

#home .md88-container .game-just-for-you-head ul#game-just-for-you-tab li.nav-item:last-child {
  margin-right: 15px
}

#home .md88-container .game-just-for-you-head a {
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #00aeef;
  text-decoration: none
}

#home .md88-container .game-just-for-you-head a:hover {
  color: #4fb8df
}

#home .md88-container .game-just-for-you-head a:after {
  content: ">";
  display: inline-block;
  color: #989797;
  margin-left: 3px
}

#home .md88-container .slot-item:nth-child(5n) {
  margin-right: unset
}

#home .md88-container .slot-item {
  width: 171px;
  display: inline-block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  margin-right: 7px;
  margin-bottom: 27px
}

#home .md88-container .slot-item .slot-img {
  overflow: hidden;
  width: 171px;
  height: 161px
}

#home .md88-container .slot-item .slot-img .slot-actions {
  background: rgba(31, 6, 7, 0.79);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: translateY(0%);
  transition: transform ease 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.js-step-count {
  color: #fff
}

#home .md88-container .slot-item .slot-img .slot-actions button.btn-play-now, #home .md88-container .slot-item .slot-img .slot-actions a.btn-play-now {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: #edbb54;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #00678d;
  border-radius: 4px;
  transition: background ease 0.5s;
  margin-bottom: 5px
}

#home .md88-container .slot-item .slot-img .slot-actions button.btn-play-now:hover {
  background: #ffda8e
}

#home .md88-container .slot-item .slot-img .slot-actions button.btn-demo {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: transparent;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  transition: color ease 0.5s
}

#home .md88-container .slot-item .slot-img .slot-actions button.btn-demo:hover {
  color: #edbb54
}

#home .md88-container .slot-item .slot-title {
  background-color: #282d34;
  position: relative;
  height: 31px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px
}

#home .md88-container .slot-item .slot-title p {
  font-family: Montserrat;
  font-size: 10px;
  color: #ffffff;
  margin: unset;
  max-width: 82px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

#home .md88-container .slot-item .slot-title .slot-jili {
  width: 31px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%)
}

#home .md88-container .slot-item .slot-title .slot-pragmatic-play {
  width: 31px;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%)
}

#home .md88-container .slot-item:hover .slot-actions {
  transform: translateY(-100%)
}

#home .md88-background-container {
  padding: 0px 310px;
  background: #282d34;
  padding-top: 64px;
  background-image: url("../../dreamxbarrcathk/image/bottom-background.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom
}

#home .md88-background-container .app-download-banner {
  width: 503px
}

#home .md88-background-container .app-download-content {
  padding-top: 80px
}

#home .md88-background-container .app-download-content h6 {
  font-family: Montserrat;
  font-size: 33px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 22px
}

#home .md88-background-container .app-download-content p {
  font-family: Montserrat;
  font-size: 26px;
  color: #1e9ed8;
  padding-left: 10px;
  margin-bottom: 50px;
  max-width: 350px
}

#home .md88-background-container .app-download-content .app-download-btn-group {
  padding-left: 10px
}

#home .md88-background-container .app-download-content .app-download-btn-group button.btn-app-download {
  padding: unset;
  outline: unset;
  background: unset;
  border: unset;
  width: 163px;
  height: 55px;
  border-radius: 5px
}

#home .md88-background-container .app-download-content .app-download-btn-group button.btn-app-download:first-child {
  margin-right: 36px
}

#home .md88-background-container .upcoming-matches-carousel {
  overflow: hidden;
  margin-bottom: 67px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item {
  position: relative;
  width: 496px;
  margin: 0 auto;
  background: #282d34
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .upcoming-match-bg {
  width: 100%;
  border-radius: 5px;
  overflow: hidden
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-center {
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 39px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-center .match-flag {
  position: relative
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-center
.match-flag
.corner-img {
  width: 118px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-center .match-flag .flag-img {
  /*width: 80px;*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-center .vs-img {
  width: 76px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-content {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 8px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-content .flag-name {
  max-width: 100px;
  margin: 0 auto
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-content .flag-name p {
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  margin: unset;
  text-transform: uppercase
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-content button.btn-bet-now {
  outline: unset;
  border: unset;
  padding: unset;
  border-radius: 5px;
  background-color: #00aeef;
  color: #ffffff;
  width: 126px;
  height: 36px;
  text-transform: uppercase;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: bold
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-content
button.btn-bet-now:hover {
  background-color: #4fb8df
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.3019607843);
  width: 80%;
  height: 53px
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-status .matches-status-right, #home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .matches-status .matches-status-left {
  width: 141px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-right
p:first-child, #home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-left
p:first-child {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  color: #161a20;
  letter-spacing: 1px;
  margin: unset;
  text-align: center
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-right
p:last-child, #home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-left
p:last-child {
  font-family: "Open Sans";
  font-size: 13px;
  color: #161a20;
  margin: unset;
  text-align: center
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-center {
  background-color: rgba(255, 255, 255, 0.6);
  width: 141px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-center
p:first-child {
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  color: #161a20;
  margin: unset;
  text-align: center
}

#home
.md88-background-container
.upcoming-matches-carousel
.upcoming-match-item
.matches-status
.matches-status-center
p:last-child {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  color: #161a20;
  margin: unset;
  text-align: center
}

#home .md88-background-container .upcoming-matches-carousel .upcoming-match-item .premier-league-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  width: 117px
}

#casino .evolution-gaming-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .evolution-gaming-floating .evolution-gaming-1 {
  width: 114px;
  -webkit-animation-name: evolution-gaming-1;
  animation-name: evolution-gaming-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .evolution-gaming-floating .evolution-gaming-1 img {
  -webkit-animation-name: evolution-gaming-img-1;
  animation-name: evolution-gaming-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes evolution-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 274px;
    right: 430px;
    opacity: 1
  }

}

@keyframes evolution-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 274px;
    right: 430px;
    opacity: 1
  }

}

@-webkit-keyframes evolution-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes evolution-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .evolution-gaming-floating .evolution-gaming-2 {
  width: 95px;
  -webkit-animation-name: evolution-gaming-2;
  animation-name: evolution-gaming-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .evolution-gaming-floating .evolution-gaming-2 img {
  -webkit-animation-name: evolution-gaming-img-2;
  animation-name: evolution-gaming-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes evolution-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 5px;
    right: 5px;
    opacity: 1
  }

}

@keyframes evolution-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 5px;
    right: 5px;
    opacity: 1
  }

}

@-webkit-keyframes evolution-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes evolution-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .pragmatic-play-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .pragmatic-play-floating .pragmatic-play-1 {
  width: 115px;
  -webkit-animation-name: pragmatic-play-1;
  animation-name: pragmatic-play-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .pragmatic-play-floating .pragmatic-play-1 img {
  -webkit-animation-name: pragmatic-play-img-1;
  animation-name: pragmatic-play-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes pragmatic-play-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    right: 415px;
    bottom: 79px;
    opacity: 1
  }

}

@keyframes pragmatic-play-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    right: 415px;
    bottom: 79px;
    opacity: 1
  }

}

@-webkit-keyframes pragmatic-play-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes pragmatic-play-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .pragmatic-play-floating .pragmatic-play-2 {
  width: 71px;
  -webkit-animation-name: pragmatic-play-2;
  animation-name: pragmatic-play-2;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .pragmatic-play-floating .pragmatic-play-2 img {
  -webkit-animation-name: pragmatic-play-img-2;
  animation-name: pragmatic-play-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes pragmatic-play-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 341px;
    right: 100px;
    opacity: 1
  }

}

@keyframes pragmatic-play-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 341px;
    right: 100px;
    opacity: 1
  }

}

@-webkit-keyframes pragmatic-play-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes pragmatic-play-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .d88-green-dragon-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .d88-green-dragon-floating .d88-green-dragon-1 {
  width: 72px;
  -webkit-animation-name: d88-green-dragon-1;
  animation-name: d88-green-dragon-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .d88-green-dragon-floating .d88-green-dragon-1 img {
  -webkit-animation-name: d88-green-dragon-img-1;
  animation-name: d88-green-dragon-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes d88-green-dragon-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 197px;
    right: 554px;
    opacity: 1
  }

}

@keyframes d88-green-dragon-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 197px;
    right: 554px;
    opacity: 1
  }

}

@-webkit-keyframes d88-green-dragon-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes d88-green-dragon-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .d88-green-dragon-floating .d88-green-dragon-2 {
  width: 67px;
  -webkit-animation-name: d88-green-dragon-2;
  animation-name: d88-green-dragon-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .d88-green-dragon-floating .d88-green-dragon-2 img {
  -webkit-animation-name: d88-green-dragon-img-2;
  animation-name: d88-green-dragon-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes d88-green-dragon-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 360px;
    right: 64px;
    opacity: 1
  }

}

@keyframes d88-green-dragon-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 360px;
    right: 64px;
    opacity: 1
  }

}

@-webkit-keyframes d88-green-dragon-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes d88-green-dragon-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .ae-sexy-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .ae-sexy-floating .ae-sexy-1 {
  width: 58px;
  -webkit-animation-name: ae-sexy-1;
  animation-name: ae-sexy-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .ae-sexy-floating .ae-sexy-1 img {
  -webkit-animation-name: ae-sexy-img-1;
  animation-name: ae-sexy-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes ae-sexy-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 337px;
    right: 519px;
    opacity: 1
  }

}

@keyframes ae-sexy-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 337px;
    right: 519px;
    opacity: 1
  }

}

@-webkit-keyframes ae-sexy-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes ae-sexy-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .ae-sexy-floating .ae-sexy-2 {
  width: 97px;
  -webkit-animation-name: ae-sexy-2;
  animation-name: ae-sexy-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .ae-sexy-floating .ae-sexy-2 img {
  -webkit-animation-name: ae-sexy-img-2;
  animation-name: ae-sexy-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes ae-sexy-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 255px;
    right: 70px;
    opacity: 1
  }

}

@keyframes ae-sexy-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 255px;
    right: 70px;
    opacity: 1
  }

}

@-webkit-keyframes ae-sexy-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes ae-sexy-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .dream-gaming-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .dream-gaming-floating .dream-gaming-1 {
  width: 77px;
  -webkit-animation-name: dream-gaming-1;
  animation-name: dream-gaming-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .dream-gaming-floating .dream-gaming-1 img {
  -webkit-animation-name: dream-gaming-img-1;
  animation-name: dream-gaming-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes dream-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 149px;
    right: 678px;
    opacity: 1
  }

}

@keyframes dream-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 149px;
    right: 678px;
    opacity: 1
  }

}

@-webkit-keyframes dream-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes dream-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .dream-gaming-floating .dream-gaming-2 {
  width: 67px;
  -webkit-animation-name: dream-gaming-2;
  animation-name: dream-gaming-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .dream-gaming-floating .dream-gaming-2 img {
  -webkit-animation-name: dream-gaming-img-2;
  animation-name: dream-gaming-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes dream-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 350px;
    right: 63px;
    opacity: 1
  }

}

@keyframes dream-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 350px;
    right: 63px;
    opacity: 1
  }

}

@-webkit-keyframes dream-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes dream-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .wm-casino-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .wm-casino-floating .wm-casino-1 {
  width: 99px;
  -webkit-animation-name: wm-casino-1;
  animation-name: wm-casino-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .wm-casino-floating .wm-casino-1 img {
  -webkit-animation-name: wm-casino-img-1;
  animation-name: wm-casino-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes wm-casino-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 130px;
    right: 610px;
    opacity: 1
  }

}

@keyframes wm-casino-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 130px;
    right: 610px;
    opacity: 1
  }

}

@-webkit-keyframes wm-casino-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes wm-casino-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .wm-casino-floating .wm-casino-2 {
  width: 83px;
  -webkit-animation-name: wm-casino-2;
  animation-name: wm-casino-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .wm-casino-floating .wm-casino-2 img {
  -webkit-animation-name: wm-casino-img-2;
  animation-name: wm-casino-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes wm-casino-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 333px;
    right: 127px;
    opacity: 1
  }

}

@keyframes wm-casino-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 333px;
    right: 127px;
    opacity: 1
  }

}

@-webkit-keyframes wm-casino-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes wm-casino-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .sa-gaming-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .sa-gaming-floating .sa-gaming-1 {
  width: 98px;
  -webkit-animation-name: sa-gaming-1;
  animation-name: sa-gaming-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .sa-gaming-floating .sa-gaming-1 img {
  -webkit-animation-name: sa-gaming-img-1;
  animation-name: sa-gaming-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes sa-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 216px;
    right: 617px;
    opacity: 1
  }

}

@keyframes sa-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 216px;
    right: 617px;
    opacity: 1
  }

}

@-webkit-keyframes sa-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes sa-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .sa-gaming-floating .sa-gaming-2 {
  width: 136px;
  -webkit-animation-name: sa-gaming-2;
  animation-name: sa-gaming-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .sa-gaming-floating .sa-gaming-2 img {
  -webkit-animation-name: sa-gaming-img-2;
  animation-name: sa-gaming-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes sa-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 285px;
    right: 35px;
    opacity: 1
  }

}

@keyframes sa-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 285px;
    right: 35px;
    opacity: 1
  }

}

@-webkit-keyframes sa-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes sa-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .allbet-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .allbet-floating .allbet-1 {
  width: 117px;
  -webkit-animation-name: allbet-1;
  animation-name: allbet-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .allbet-floating .allbet-1 img {
  -webkit-animation-name: allbet-img-1;
  animation-name: allbet-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes allbet-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 170px;
    right: 656px;
    opacity: 1
  }

}

@keyframes allbet-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 170px;
    right: 656px;
    opacity: 1
  }

}

@-webkit-keyframes allbet-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes allbet-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .allbet-floating .allbet-2 {
  width: 145px;
  -webkit-animation-name: allbet-2;
  animation-name: allbet-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .allbet-floating .allbet-2 img {
  -webkit-animation-name: allbet-img-2;
  animation-name: allbet-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes allbet-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 55px;
    right: 32px;
    opacity: 1
  }

}

@keyframes allbet-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 55px;
    right: 32px;
    opacity: 1
  }

}

@-webkit-keyframes allbet-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes allbet-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .miki-world-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .miki-world-floating .miki-world-1 {
  width: 61px;
  -webkit-animation-name: miki-world-1;
  animation-name: miki-world-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .miki-world-floating .miki-world-1 img {
  -webkit-animation-name: miki-world-img-1;
  animation-name: miki-world-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes miki-world-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 211px;
    right: 526px;
    opacity: 1
  }

}

@keyframes miki-world-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 211px;
    right: 526px;
    opacity: 1
  }

}

@-webkit-keyframes miki-world-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes miki-world-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .miki-world-floating .miki-world-2 {
  width: 77px;
  -webkit-animation-name: miki-world-2;
  animation-name: miki-world-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .miki-world-floating .miki-world-2 img {
  -webkit-animation-name: miki-world-img-2;
  animation-name: miki-world-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes miki-world-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 273px;
    right: 85px;
    opacity: 1
  }

}

@keyframes miki-world-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 273px;
    right: 85px;
    opacity: 1
  }

}

@-webkit-keyframes miki-world-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes miki-world-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .asia-gaming-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .asia-gaming-floating .asia-gaming-1 {
  width: 83px;
  -webkit-animation-name: asia-gaming-1;
  animation-name: asia-gaming-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .asia-gaming-floating .asia-gaming-1 img {
  -webkit-animation-name: asia-gaming-img-1;
  animation-name: asia-gaming-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes asia-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 204px;
    right: 609px;
    opacity: 1
  }

}

@keyframes asia-gaming-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 204px;
    right: 609px;
    opacity: 1
  }

}

@-webkit-keyframes asia-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes asia-gaming-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .asia-gaming-floating .asia-gaming-2 {
  width: 176px;
  -webkit-animation-name: asia-gaming-2;
  animation-name: asia-gaming-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .asia-gaming-floating .asia-gaming-2 img {
  -webkit-animation-name: asia-gaming-img-2;
  animation-name: asia-gaming-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes asia-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 340px;
    right: 5px;
    opacity: 1
  }

}

@keyframes asia-gaming-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 340px;
    right: 5px;
    opacity: 1
  }

}

@-webkit-keyframes asia-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes asia-gaming-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .afb-casino-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#casino .afb-casino-floating .afb-casino-1 {
  width: 54px;
  -webkit-animation-name: afb-casino-1;
  animation-name: afb-casino-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .afb-casino-floating .afb-casino-1 img {
  -webkit-animation-name: afb-casino-img-1;
  animation-name: afb-casino-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes afb-casino-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 213px;
    right: 479px;
    opacity: 1
  }

}

@keyframes afb-casino-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 213px;
    right: 479px;
    opacity: 1
  }

}

@-webkit-keyframes afb-casino-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes afb-casino-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .afb-casino-floating .afb-casino-2 {
  width: 65px;
  -webkit-animation-name: afb-casino-2;
  animation-name: afb-casino-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#casino .afb-casino-floating .afb-casino-2 img {
  -webkit-animation-name: afb-casino-img-2;
  animation-name: afb-casino-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes afb-casino-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 286px;
    right: 68px;
    opacity: 1
  }

}

@keyframes afb-casino-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 286px;
    right: 68px;
    opacity: 1
  }

}

@-webkit-keyframes afb-casino-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes afb-casino-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#casino .md88-container {
  padding: 0px 310px;
  padding-top: 60px;
  padding-bottom: 55px
}

#casino .md88-container .providers-list a.provider-list {
  width: 195px;
  height: 86px;
  background-color: #282d34;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 37px;
  transform: translateY(0px);
  transition: all ease 0.5s
}

#casino .md88-container .providers-list a.provider-list .provider-img {
  width: 165px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#casino .md88-container .providers-list a.provider-list.active, #casino .md88-container .providers-list a.provider-list:hover {
  transform: translateY(-8px)
}

/*#casino .md88-container .providers-list a.provider-list:nth-child(6n) {
  margin-right: unset
}*/

#casino .md88-container .providers-list a.provider-list::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #7d7d7d;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#casino .md88-container .providers-list a.provider-list:hover::after, #casino .md88-container .providers-list a.provider-list.active::after {
  background-color: #00aeef
}

#casino .banner-wrapper {
  position: relative;
  overflow: hidden
}

#casino .banner-wrapper .banner-content {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#casino .banner-wrapper .banner {
  width: 100%
}

#casino .banner-wrapper .provider-logo {
  display: block
}

#casino .banner-wrapper .evolution-gaming-logo {
  width: 281px;
  margin: 0 auto;
  margin-bottom: 13px
}

#casino .banner-wrapper .pragmatic-play-logo {
  width: 266px;
  margin: 0 auto;
  margin-bottom: 36px
}

#casino .banner-wrapper .d88-green-dragon-logo {
  width: 288px;
  margin: 0 auto;
  margin-bottom: 37px
}

#casino .banner-wrapper .ae-sexy-logo {
  width: 218px;
  margin: 0 auto;
  margin-bottom: 30px
}

#casino .banner-wrapper .dream-gaming-logo {
  width: 200px;
  margin: 0 auto;
  margin-bottom: 32px
}

#casino .banner-wrapper .wm-casino-logo {
  width: 238px;
  margin: 0 auto;
  margin-bottom: 35px
}

#casino .banner-wrapper .sa-gaming-logo {
  width: 232px;
  margin: 0 auto;
  margin-bottom: 26px
}

#casino .banner-wrapper .allbet-logo {
  width: 202px;
  margin: 0 auto;
  margin-bottom: 20px
}

#casino .banner-wrapper .miki-world-logo {
  width: 258px;
  margin: 0 auto;
  margin-bottom: 28px
}

#casino .banner-wrapper .asia-gaming-logo {
  width: 222px;
  margin: 0 auto;
  margin-bottom: 23px
}

#casino .banner-wrapper .afb-casino-logo {
  width: 162px;
  margin: 0 auto;
  margin-bottom: 27px
}

#casino .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px;
  line-height: 27px
}

#casino .banner-wrapper button.btn-play-now {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background-color: #00aeef;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  margin: 0 auto;
  display: block;
  transition: background-color ease 0.5s
}

#casino .banner-wrapper button.btn-play-now:hover, #casino .banner-wrapper button.btn-play-now:focus {
  background-color: #4fb8df
}

#slots .mt-carousel{
  margin-top: 56px;
  margin-bottom: 66px
}

#slots .slots-actions, #fishing .slots-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px
}

#slots .slots-actions .slot-search-action {
  width: 216px
}

#slots .slots-actions ul.slots-categories, #fishing .slots-actions ul.slots-categories {
  border: unset
}

#slots .slots-actions ul.slots-categories li.nav-item, #fishing .slots-actions ul.slots-categories li.nav-item {
  position: relative
}

#slots .slots-actions ul.slots-categories li.nav-item button.nav-link, #fishing .slots-actions ul.slots-categories li.nav-item button.nav-link {
  background: transparent;
  color: #7d7d7d;
  transition: all ease 0.5s;
  border: unset;
  padding: unset;
  outline: unset;
  width: 101px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap
}

#slots .slots-actions ul.slots-categories li.nav-item button.nav-link.active, #fishing .slots-actions ul.slots-categories li.nav-item button.nav-link.active {
  color: #00aeef
}

#slots .slots-actions ul.slots-categories li.nav-item::after, #fishing .slots-actions ul.slots-categories li.nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #7d7d7d;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block
}

#slots .slots-actions ul.slots-categories li.nav-item:last-child::after, #fishing .slots-actions ul.slots-categories li.nav-item:last-child::after {
  display: none
}


#slots .slot-item {
  display: inline-block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  margin-right: 19px;
  margin-bottom: 44px;
  width: 196.3px
}

#slots .slot-item .slot-img {
  overflow: hidden;
  width: 196.3px;
  height: 149px;
  position: relative
}

#slots .slot-item .slot-img .slot-actions {
  background: rgba(31, 6, 7, 0.79);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: translateY(0%);
  transition: transform ease 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#slots .slot-item .slot-img .slot-actions button.btn-play-now {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: #edbb54;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #00678d;
  border-radius: 4px;
  transition: background ease 0.5s;
  margin-bottom: 5px
}

#slots .slot-item .slot-img .slot-actions button.btn-play-now:hover {
  background: #ffda8e
}

.total_of_slots {
  text-align: center;
  color: #fff
}
html:lang(id) #slots .slots-actions ul.slots-categories li.nav-item button.nav-link{width: 136px;}
#slots .slot-item .slot-img .slot-actions button.btn-demo {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: transparent;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  transition: color ease 0.5s
}

#slots .slot-item .slot-img .slot-actions button.btn-demo:hover {
  color: #edbb54
}

#slots .slot-item .slot-title {
  background-color: #282d34;
  position: relative;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px
}

#slots .slot-item .slot-title p {
  font-family: Montserrat;
  font-size: 14px;
  color: #ffffff;
  max-width: 149px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: center;
  margin: 0 auto
}

#slots .slot-item:hover .slot-actions {
  transform: translateY(-100%)
}

#slots .slots-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 100%
}

#slots .slots-floating .slots-1 {
  width: 170px;
  -webkit-animation-name: slots-1;
  animation-name: slots-1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  left: 218px;
  top: 319px
}

@-webkit-keyframes slots-1 {
  0% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(-10px)
  }

}

@keyframes slots-1 {
  0% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(-10px)
  }

}

#slots .slots-floating .slots-2 {
  width: 116px;
  -webkit-animation-name: slots-2;
  animation-name: slots-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  left: 796px;
  top: 44px
}

@-webkit-keyframes slots-2 {
  0% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(10px)
  }

}

@keyframes slots-2 {
  0% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(10px)
  }

}

#slots .slots-floating .slots-3 {
  width: 102px;
  -webkit-animation-name: slots-3;
  animation-name: slots-3;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  right: 793px;
  top: 67px
}

@-webkit-keyframes slots-3 {
  0% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(-10px)
  }

}

@keyframes slots-3 {
  0% {
    transform: translateY(-10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(-10px)
  }

}

#slots .slots-floating .slots-4 {
  width: 155px;
  -webkit-animation-name: slots-4;
  animation-name: slots-4;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  right: 209px;
  top: 241px
}

@-webkit-keyframes slots-4 {
  0% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(10px)
  }

}

@keyframes slots-4 {
  0% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(0px)
  }

  100% {
    transform: translateY(10px)
  }

}

#slots .banner-wrapper {
  position: relative;
  overflow: hidden
}

#slots .banner-wrapper .jackpot-wrapper {
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%)
}

#slots .banner-wrapper .jackpot-wrapper .pragmatic-play-logo {
  width: 228px;
  margin-bottom: 13px
}

#slots .banner-wrapper .jackpot-wrapper p {
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fffefb;
  margin: unset;
  text-align: center
}

#slots .md88-container, #fishing .container-fluid {
  /* padding: 0px 310px;
  padding-bottom: 84px */
  width: 1300px;
    margin: 0 auto;
}

#slots .md88-container button.btn-prev, #slots .md88-container button.btn-next, #fishing .md88-container button.btn-prev, #fishing .md88-container button.btn-next {
  width: 71px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.1411764706);
  border: unset;
  padding: unset;
  outline: unset;
  display: inline-flex;
  position: absolute;
  z-index: 10;
  justify-content: center;
  align-items: center
}

#slots .md88-container button.btn-prev .btn-img, #slots .md88-container button.btn-next .btn-img, #fishing .md88-container button.btn-prev .btn-img, #fishing .md88-container button.btn-next .btn-img {
  width: 11px
}

#slots .md88-container button.btn-prev, #fishing .md88-container button.btn-prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  left: 0px;
  top: 0px
}

#slots .md88-container button.btn-next, #fishing .md88-container button.btn-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  right: 0px;
  top: 0px
}

#slots .md88-container .providers-carousel, #fishing .md88-container .providers-carousel ,#slots .md88-container .providers-carousel, #fishing .md88-container .providers-carousel {
  padding: 0px 71px
}

#slots .md88-container .providers-carousel button.provider, #fishing .md88-container .providers-carousel button.provider ,#slots .md88-container .providers-carousel button.provider, #fishing .md88-container .providers-carousel button.provider {
  width: 190px;
  height: 80px;
  background-color: #282d34;
  display: flex;
  justify-content: center;
  align-items: center;
  border: unset;
  outline: unset;
  padding: unset;
  position: relative
}

#slots .md88-container .providers-carousel button.provider:after, #fishing .md88-container .providers-carousel button.provider:after ,#slots .md88-container .providers-carousel button.provider:after, #fishing .md88-container .providers-carousel button.provider:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #161a20;
  position: absolute;
  display: block;
  right: 0px;
  top: 0px
}

#slots .md88-container .providers-carousel button.provider:last-child:after, #fishing .md88-container .providers-carousel button.provider:last-child:after ,#slots .md88-container .providers-carousel button.provider:last-child:after, #fishing .md88-container .providers-carousel button.provider:last-child:after {
  display: none
}

#slots .md88-container .providers-carousel button.provider.active, #fishing .md88-container .providers-carousel button.provider.active ,#slots .md88-container .providers-carousel button.provider.active, #fishing .md88-container .providers-carousel button.provider.active {
  background: linear-gradient(to bottom, #1e9ed8, #0f4f6c)
}

#sports .md-sports-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#sports .md-sports-floating .md-sports-1 {
  width: 75px;
  -webkit-animation-name: md-sports-1;
  animation-name: md-sports-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#sports .md-sports-floating .md-sports-1 img {
  -webkit-animation-name: md-sports-img-1;
  animation-name: md-sports-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes md-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 95px;
    right: 600px;
    opacity: 1
  }

}

@keyframes md-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 95px;
    right: 600px;
    opacity: 1
  }

}

@-webkit-keyframes md-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes md-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#sports .saba-sports-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#sports .saba-sports-floating .saba-sports-1 {
  width: 74px;
  -webkit-animation-name: saba-sports-1;
  animation-name: saba-sports-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#sports .saba-sports-floating .saba-sports-1 img {
  -webkit-animation-name: saba-sports-img-1;
  animation-name: saba-sports-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes saba-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 363px;
    right: 370px;
    opacity: 1
  }

}

@keyframes saba-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 363px;
    right: 370px;
    opacity: 1
  }

}

@-webkit-keyframes saba-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes saba-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#sports .sbobet-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#sports .sbobet-floating .sbobet-1 {
  width: 75px;
  -webkit-animation-name: sbobet-1;
  animation-name: sbobet-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#sports .sbobet-floating .sbobet-1 img {
  -webkit-animation-name: sbobet-img-1;
  animation-name: sbobet-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes sbobet-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 95px;
    right: 643px;
    opacity: 1
  }

}

@keyframes sbobet-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 95px;
    right: 643px;
    opacity: 1
  }

}

@-webkit-keyframes sbobet-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes sbobet-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#sports .sbobet-floating .sbobet-2 {
  width: 90px;
  -webkit-animation-name: sbobet-2;
  animation-name: sbobet-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#sports .sbobet-floating .sbobet-2 img {
  -webkit-animation-name: sbobet-img-2;
  animation-name: sbobet-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes sbobet-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 160px;
    right: 64px;
    opacity: 1
  }

}

@keyframes sbobet-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 160px;
    right: 64px;
    opacity: 1
  }

}

@-webkit-keyframes sbobet-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes sbobet-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#sports .md88-container, #e-sports .md88-container {
  padding: 0px 310px;
  padding-top: 60px;
  padding-bottom: 55px
}

#sports .md88-container .providers-list a.provider-list, #e-sports .md88-container .providers-list a.provider-list {
  width: 195px;
  height: 86px;
  background-color: #282d34;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 37px;
  transform: translateY(0px);
  transition: all ease 0.5s
}

#sports .md88-container .providers-list a.provider-list .provider-img,  #e-sports .md88-container .providers-list a.provider-list .provider-img{
  width: 165px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#sports .md88-container .providers-list a.provider-list.active, #sports .md88-container .providers-list a.provider-list:hover,
#e-sports .md88-container .providers-list a.provider-list.active, #e-sports .md88-container .providers-list a.provider-list:hover {
  transform: translateY(-8px)
}

#sports .md88-container .providers-list a.provider-list:nth-child(6n), #e-sports .md88-container .providers-list a.provider-list:nth-child(6n) {
  margin-right: unset
}

#sports .md88-container .providers-list a.provider-list::after, #e-sports .md88-container .providers-list a.provider-list::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #7d7d7d;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#sports .md88-container .providers-list a.provider-list:hover::after, #sports .md88-container .providers-list a.provider-list.active::after,
#e-sports .md88-container .providers-list a.provider-list:hover::after, #e-sports .md88-container .providers-list a.provider-list.active::after {
  background-color: #00aeef
}

#sports .banner-wrapper,#e-sports .banner-wrapper {
  position: relative;
  overflow: hidden
}

#sports .banner-wrapper .banner-content, #e-sports .banner-wrapper .banner-content  {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#sports .banner-wrapper .banner, #e-sports .banner-wrapper .banner {
  width: 100%
}

#sports .banner-wrapper .provider-logo, #e-sports .banner-wrapper .provider-logo {
  display: block
}

#sports .banner-wrapper .md-sports-logo {
  width: 281px;
  margin: 0 auto;
  margin-bottom: 13px
}

#sports .banner-wrapper .saba-sports-logo {
  width: 245px;
  margin: 0 auto;
  margin-bottom: 64px
}

#sports .banner-wrapper .sbobet-logo {
  width: 277px;
  margin: 0 auto;
  margin-bottom: 34px
}

#sports .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px
}

#sports .banner-wrapper button.btn-play-now {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background-color: #00aeef;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  margin: 0 auto;
  display: block;
  transition: background-color ease 0.5s
}

#sports .banner-wrapper button.btn-play-now:hover, #sports .banner-wrapper button.btn-play-now:focus {
  background-color: #4fb8df
}

#e-sports .e-sports-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#e-sports .e-sports-floating .e-sports-1 {
  width: 197px;
  -webkit-animation-name: e-sports-1;
  animation-name: e-sports-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#e-sports .e-sports-floating .e-sports-1 img {
  -webkit-animation-name: e-sports-img-1;
  animation-name: e-sports-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes e-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 256px;
    right: 575px;
    opacity: 1
  }

}

@keyframes e-sports-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 256px;
    right: 575px;
    opacity: 1
  }

}

@-webkit-keyframes e-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes e-sports-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#e-sports .e-sports-floating .e-sports-2 {
  width: 205px;
  -webkit-animation-name: e-sports-2;
  animation-name: e-sports-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#e-sports .e-sports-floating .e-sports-2 img {
  -webkit-animation-name: e-sports-img-2;
  animation-name: e-sports-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes e-sports-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 318px;
    right: -25px;
    opacity: 1
  }

}

@keyframes e-sports-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 318px;
    right: -25px;
    opacity: 1
  }

}

@-webkit-keyframes e-sports-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes e-sports-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#e-sports .banner-wrapper {
  position: relative;
  overflow: hidden
}

#e-sports .banner-wrapper .banner-content {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#e-sports .banner-wrapper .banner {
  width: 100%
}

#e-sports .banner-wrapper .provider-logo {
  display: block
}

#e-sports .banner-wrapper .e-sports-logo {
  width: 281px;
  margin: 0 auto;
  margin-bottom: 13px
}

#e-sports .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px
}

#e-sports .banner-wrapper button.btn-play-now {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background-color: #00aeef;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  margin: 0 auto;
  display: block;
  transition: background-color ease 0.5s
}

#e-sports .banner-wrapper button.btn-play-now:hover, #e-sports .banner-wrapper button.btn-play-now:focus {
  background-color: #4fb8df
}

#p2p .p2p-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#p2p .p2p-floating .p2p-1 {
  width: 103px;
  -webkit-animation-name: p2p-1;
  animation-name: p2p-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#p2p .p2p-floating .p2p-1 img {
  -webkit-animation-name: p2p-img-1;
  animation-name: p2p-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes p2p-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 214px;
    right: 501px;
    opacity: 1
  }

}

@keyframes p2p-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 214px;
    right: 501px;
    opacity: 1
  }

}

@-webkit-keyframes p2p-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes p2p-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#p2p .p2p-floating .p2p-2 {
  width: 160px;
  -webkit-animation-name: p2p-2;
  animation-name: p2p-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#p2p .p2p-floating .p2p-2 img {
  -webkit-animation-name: p2p-img-2;
  animation-name: p2p-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes p2p-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 100px;
    right: -25px;
    opacity: 1
  }

}

@keyframes p2p-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 100px;
    right: -25px;
    opacity: 1
  }

}

@-webkit-keyframes p2p-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes p2p-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#p2p .banner-wrapper {
  position: relative;
  overflow: hidden
}

#p2p .banner-wrapper .banner-content {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#p2p .banner-wrapper .banner {
  width: 100%
}

#p2p .banner-wrapper .provider-logo {
  display: block
}

#p2p .banner-wrapper .p2p-logo {
  width: 281px;
  margin: 0 auto;
  margin-bottom: 13px
}

#p2p .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px
}

#p2p .banner-wrapper button.btn-play-now {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background-color: #00aeef;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  margin: 0 auto;
  display: block;
  transition: background-color ease 0.5s
}

#p2p .banner-wrapper button.btn-play-now:hover, #p2p .banner-wrapper button.btn-play-now:focus {
  background-color: #4fb8df
}

#lottery .banner-wrapper {
  position: relative;
  overflow: hidden
}

#lottery .banner-wrapper .banner-content {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#lottery .banner-wrapper .banner {
  width: 100%
}

#lottery .banner-wrapper h6 {
  font-family: "Open Sans";
  font-size: 38px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px
}

#lottery .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px
}

#lottery .banner-wrapper button {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  transition: background-color ease 0.5s
}

#lottery .banner-wrapper button.btn-bet-now {
  background-color: #00aeef;
  margin-right: 33px
}

#lottery .banner-wrapper button.btn-result {
  background-color: #7d7d7d
}

#lottery .banner-wrapper button.btn-bet-now:hover, #lottery .banner-wrapper button.btn-bet-now:focus {
  background-color: #4fb8df
}

#lottery .banner-wrapper button.btn-result:hover, #lottery .banner-wrapper button.btn-result:focus {
  background-color: #9b9b9b
}

#rcb .rcb-floating {
  position: absolute;
  width: 55%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px
}

#rcb .rcb-floating .rcb-1 {
  width: 120px;
  -webkit-animation-name: rcb-1;
  animation-name: rcb-1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#rcb .rcb-floating .rcb-1 img {
  -webkit-animation-name: rcb-img-1;
  animation-name: rcb-img-1;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes rcb-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 100px;
    right: 677px;
    opacity: 1
  }

}

@keyframes rcb-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 100px;
    right: 677px;
    opacity: 1
  }

}

@-webkit-keyframes rcb-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes rcb-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#rcb .rcb-floating .rcb-2 {
  width: 171px;
  -webkit-animation-name: rcb-2;
  animation-name: rcb-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#rcb .rcb-floating .rcb-2 img {
  -webkit-animation-name: rcb-img-2;
  animation-name: rcb-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes rcb-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 488px;
    right: -9px;
    opacity: 1
  }

}

@keyframes rcb-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 488px;
    right: -9px;
    opacity: 1
  }

}

@-webkit-keyframes rcb-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes rcb-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

#rcb .rcb-floating .rcb-3 {
  width: 166px;
  height: 150px;
  -webkit-animation-name: rcb-3;
  animation-name: rcb-3;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute;
  bottom: 0px;
  right: -120px
}

#rcb .rcb-floating .rcb-3 img {
  -webkit-animation-name: rcb-img-3;
  animation-name: rcb-img-3;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes rcb-3 {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }

}

@keyframes rcb-3 {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }

}

@-webkit-keyframes rcb-img-3 {
  0% {
    transform: translateY(50px)
  }

  50% {
    transform: translateY(63px)
  }

  100% {
    transform: translateY(50px)
  }

}

@keyframes rcb-img-3 {
  0% {
    transform: translateY(50px)
  }

  50% {
    transform: translateY(63px)
  }

  100% {
    transform: translateY(50px)
  }

}

#rcb .banner-wrapper {
  position: relative;
  overflow: hidden
}

#rcb .banner-wrapper .banner-content {
  position: absolute;
  padding: 0px 310px;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 100%
}

#rcb .banner-wrapper .banner {
  width: 100%
}

#rcb .banner-wrapper .provider-logo {
  display: block
}

#rcb .banner-wrapper .rcb-logo {
  width: 289px;
  margin: 0 auto;
  margin-bottom: 15px
}

#rcb .banner-wrapper p {
  font-family: "Open Sans";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px
}

#rcb .banner-wrapper button.btn-play-now {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background-color: #00aeef;
  height: 52px;
  width: 192px;
  border-radius: 5px;
  border: unset;
  outline: unset;
  margin: 0 auto;
  display: block;
  transition: background-color ease 0.5s
}

#rcb .banner-wrapper button.btn-play-now:hover, #rcb .banner-wrapper button.btn-play-now:focus {
  background-color: #4fb8df
}

#fishing .md88-container {
  width: 1300px;
  margin: 0 auto;
}

#fishing .md88-container .slot-item:nth-child(6n) {
  margin-right: unset
}

#fishing .md88-container .slot-item {
  display: inline-block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  margin-right: 19px;
  margin-bottom: 44px;
  width: 196.3px
}

#fishing .md88-container .slot-item .slot-img {
  overflow: hidden;
  width: 196.3px;
  height: 149px
}

#fishing .md88-container .slot-item .slot-img .slot-actions {
  background: rgba(31, 6, 7, 0.79);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: translateY(0%);
  transition: transform ease 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#fishing .md88-container .slot-item .slot-img .slot-actions button.btn-play-now {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: #edbb54;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #00678d;
  border-radius: 4px;
  transition: background ease 0.5s;
  margin-bottom: 5px
}

#fishing .md88-container .slot-item .slot-img .slot-actions button.btn-play-now:hover {
  background: #ffda8e
}

#fishing .md88-container .slot-item .slot-img .slot-actions button.btn-demo {
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  background: transparent;
  height: 34px;
  width: 113px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  transition: color ease 0.5s
}

#fishing .md88-container .slot-item .slot-img .slot-actions button.btn-demo:hover {
  color: #edbb54
}

#fishing .md88-container .slot-item .slot-title {
  background-color: #282d34;
  position: relative;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px
}

#fishing .md88-container .slot-item .slot-title p {
  font-family: Montserrat;
  font-size: 14px;
  color: #ffffff;
  max-width: 149px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: center;
  margin: 0 auto
}

#fishing .md88-container .slot-item:hover .slot-actions {
  transform: translateY(-100%)
}

#fishing .banner-wrapper {
  position: relative;
  overflow: hidden
}

#fishing .banner-wrapper .banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#fishing .banner-wrapper .banner-content h6 {
  font-family: "Open Sans";
  font-size: 39px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center
}

#fishing .banner-wrapper .banner-content p {
  font-family: "Open Sans";
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 44px;
  text-align: center
}

#fishing .banner-wrapper .banner-content button.btn-play-now {
  padding: unset;
  border: unset;
  outline: unset;
  width: 192px;
  height: 52px;
  margin: 0 auto;
  margin-bottom: 31px;
  border-radius: 5px;
  background-color: #00aeef;
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center
}

#fishing .banner-wrapper .banner-content button.btn-play-now:hover {
  background-color: #4fb8df
}

#fishing .banner-wrapper .banner-content a.btn-arrow {
  display: block;
  width: 36px;
  margin: 0 auto;
  -webkit-animation-name: btn-arrow-animation;
  animation-name: btn-arrow-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  position: relative;
  top: 20px
}

@-webkit-keyframes btn-arrow-animation {
  0% {
    transform: translateY(0%)
  }

  50% {
    transform: translateY(-20%)
  }

  100% {
    transform: translateY(0%)
  }

}

@keyframes btn-arrow-animation {
  0% {
    transform: translateY(0%)
  }

  50% {
    transform: translateY(-20%)
  }

  100% {
    transform: translateY(0%)
  }

}

#promotion-pages {
  padding: 0px 310px
}

#promotion-pages .tab-content .col-4:nth-child(3n + 2) .promotion-item {
  margin: 0 auto
}

#promotion-pages .tab-content .col-4:nth-child(3n + 3) .promotion-item {
  margin-left: auto
}

#promotion-pages ul#promotions-tab {
  border-bottom: unset;
  margin-top: 65px;
  margin-bottom: 81px
}

#promotion-pages ul#promotions-tab li.nav-item {
  position: relative;
  padding: 0px 29px
}

#promotion-pages ul#promotions-tab li.nav-item button.nav-link {
  background: transparent;
  border: unset;
  padding: unset;
  outline: unset;
  font-family: Montserrat;
  font-size: 16px;
  color: #7d7d7d
}

#promotion-pages ul#promotions-tab li.nav-item button.nav-link.active {
  color: #00aeef
}

#promotion-pages ul#promotions-tab li.nav-item:first-child {
  padding-left: 0px
}

#promotion-pages ul#promotions-tab li.nav-item::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 80%;
  background: #7d7d7d
}

#promotion-pages ul#promotions-tab li.nav-item:last-child::after {
  display: none
}

#promotion-pages .promotion-item {
  width: 383px;
  margin-bottom: 66px;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

#promotion-pages .promotion-item button.btn-promotion-img {
  border: unset;
  padding: unset;
  outline: unset;
  background: transparent;
  width: 100%;
  height: 383px;
  position: relative
}

#promotion-pages .promotion-item button.btn-promotion-img::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: #00aeef
}

#promotion-pages .promotion-item .promotion-bottom {
  width: 100%;
  background-color: #0c1113;
  height: 265px;
  position: relative;
  padding: 0px 31px;
  padding-top: 31px
}

#promotion-pages .promotion-item .promotion-bottom button.promotion-title {
  background: transparent;
  border: unset;
  padding: unset;
  outline: unset;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #00aeef;
  position: relative;
  width: 100%
}

#promotion-pages .promotion-item .promotion-bottom button.promotion-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: block;
  width: 31px;
  height: 3px;
  background-color: #00aeef;
  transform: translateX(-50%)
}

#promotion-pages .promotion-item .promotion-bottom button.promotion-desc {
  font-family: Montserrat;
  font-size: 14px;
  color: #7d7d7d;
  background: transparent;
  border: unset;
  padding: unset;
  outline: unset;
  text-align: center;
  height: 63px;
  margin-bottom: 31px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

#promotion-pages .promotion-item .promotion-bottom button.promotion-desc p {
  line-height: 20px;
  color: #fff
}

#promotion-pages .promotion-item .promotion-bottom button.promotion-desc p span strong {
  color: #fff
}

#promotion-pages .promotion-item .promotion-bottom button.btn-join-now {
  font-family: Montserrat;
  background: #00aeef;
  height: 39px;
  width: 155px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  outline: unset;
  border: unset;
  transition: background ease 0.5s;
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%)
}

#promotion-pages .promotion-item .promotion-bottom button.btn-join-now:hover {
  background: #35b9e9
}

#vip .col-4-5 {
  width: 36.333333%;
  flex: 0 0 auto;
}
#vip .md88-container {
  padding: 0px 310px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/vip/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}
#vip .md88-container .vip-exp-wrapper {
  display: flex;
  align-items: center;
}
#vip .md88-container .vip-exp-wrapper .vip {
  width: 342px;
  display: inline-block;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper {
  width: 960px;
  display: inline-block;
  margin-left: 80px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper p.current-state {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 11px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-status {
  overflow: hidden;
  position: relative;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-status .state-active {
  position: absolute;
  top: 0px;
  right: 72.1%;
  width: 960px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-status .state-inactive {
  width: 960px;
  position: relative;
  top: 0px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .progress-bar {
  position: relative;
  overflow: hidden;
  height: 22px;
  width: 100%;
  background: repeating-linear-gradient(123deg, #7d7d7d, #7d7d7d 12px, transparent 0, transparent 20px);
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .progress-bar span {
  position: relative;
  display: block;
  height: 100%;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .progress-bar span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: repeating-linear-gradient(123deg, #00aeef, #00aeef 12px, transparent 0, transparent 20px);
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
}
.special-vip-mcd{margin-right: 6px}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.bronze-text,
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.silver-text,
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.gold-text,
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.platinum-text,
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.diamond-text {
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;
  margin: unset;
  text-align: center;
  position: relative;
  margin-top: 33px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.bronze-text {
  color: #dba320;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.bronze-text::before {
  content: "";
  height: 24px;
  width: 1px;
  display: block;
  left: 50%;
  position: absolute;
  background-color: #ffffff;
  top: -26px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.silver-text {
  color: #b7b7b7;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.silver-text::before {
  content: "";
  height: 24px;
  width: 1px;
  display: block;
  left: 50%;
  position: absolute;
  background-color: #ffffff;
  top: -26px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.gold-text {
  color: #e1ce81;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.gold-text::before {
  content: "";
  height: 24px;
  width: 1px;
  display: block;
  left: 50%;
  position: absolute;
  background-color: #ffffff;
  top: -26px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.platinum-text {
  color: #6a6a6a;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.platinum-text::before {
  content: "";
  height: 24px;
  width: 1px;
  display: block;
  left: 50%;
  position: absolute;
  background-color: #ffffff;
  top: -26px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.diamond-text {
  color: #8f7f80;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.diamond-text::before {
  content: "";
  height: 24px;
  width: 1px;
  display: block;
  left: 50%;
  position: absolute;
  background-color: #ffffff;
  top: -26px;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.state-text {
  font-family: Montserrat;
  font-size: 11px;
  color: #d1d1d1;
  max-width: 110px;
  text-align: center;
  margin: 0 auto;
}
#vip .md88-container .vip-exp-wrapper .state-status-wrapper .state-content .state-item p.state-text.first {
  max-width: 60px;
}
#vip .banner-wrapper {
  position: relative;
  overflow: hidden;
}
#vip .banner-wrapper .vip-floating {
  position: absolute;
  width: 55%;
  margin-left: 45%;
  height: 100%;
  z-index: 5;
  top: 0px;
  left: 0px;
}
#vip .banner-wrapper .vip-floating .vip-1 {
  width: 136px;
  animation-name: vip-1;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  position: absolute;
}
#vip .banner-wrapper .vip-floating .vip-1 img {
  animation-name: vip-img-1;
  animation-delay: 2s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@-webkit-keyframes vip-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 74px;
    right: 205px;
    opacity: 1
  }

}

@keyframes vip-1 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    bottom: 74px;
    right: 205px;
    opacity: 1
  }

}

@-webkit-keyframes vip-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes vip-img-1 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0px)
  }

}

#vip .banner-wrapper .vip-floating .vip-2 {
  width: 89px;
  -webkit-animation-name: vip-2;
  animation-name: vip-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: absolute
}

#vip .banner-wrapper .vip-floating .vip-2 img {
  -webkit-animation-name: vip-img-2;
  animation-name: vip-img-2;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes vip-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 198px;
    right: 163px;
    opacity: 1
  }

}

@keyframes vip-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0
  }

  100% {
    bottom: 198px;
    right: 163px;
    opacity: 1
  }

}

@-webkit-keyframes vip-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes vip-img-2 {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(13px)
  }

  100% {
    transform: translateY(0px)
  }

}
#vip .banner-wrapper .vip-floating .vip-2 {
  width: 89px;
  animation-name: vip-2;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  position: absolute;
}
#vip .banner-wrapper .vip-floating .vip-2 img {
  animation-name: vip-img-2;
  animation-delay: 2s;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@keyframes vip-2 {
  0% {
    bottom: -100px;
    right: -100px;
    opacity: 0;
  }
  100% {
    bottom: 198px;
    right: 163px;
    opacity: 1;
  }
}
@keyframes vip-img-2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(13px);
  }
  100% {
    transform: translateY(0px);
  }
}
#vip .banner-wrapper .banner-content {
  padding: 0px 310px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#vip .banner-wrapper .banner-content h6 {
  font-family: Montserrat;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 31px;
  color: #00aeef;
}
#vip .banner-wrapper .banner-content p {
  font-family: Montserrat;
  font-size: 14px;
  color: #d1d1d1;
  margin-bottom: 16px;
}
#vip .banner-wrapper .banner-content p:last-child {
  margin-bottom: unset;
}
#vip .table-exp-wrapper {
  margin-top: 27px;
  padding-bottom: 50px;
}
#vip .table-exp-wrapper table {
  width: 100%;
}
#vip .table-exp-wrapper table thead {
  border-bottom: 1px solid #00aeef;
  border-top: 1px solid #00aeef;
}
#vip .table-exp-wrapper table thead tr th {
  padding-top: 59px;
  padding-bottom: 30px;
}
#vip .table-exp-wrapper table thead tr th p.vip-privileges {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 26px;
  color: #00aeef;
  margin-top: 60px;
  margin-bottom: unset;
}
#vip .table-exp-wrapper table thead tr th .vip-card {
  width: 116px;
  margin: auto;
}
#vip .table-exp-wrapper table thead tr th .table-bronze,
#vip .table-exp-wrapper table thead tr th .table-silver,
#vip .table-exp-wrapper table thead tr th .table-gold,
#vip .table-exp-wrapper table thead tr th .table-platinum,
#vip .table-exp-wrapper table thead tr th .table-diamond {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
#vip .table-exp-wrapper table thead tr th .table-bronze {
  color: #dba320;
}
#vip .table-exp-wrapper table thead tr th .table-silver {
  color: #b7b7b7;
}
#vip .table-exp-wrapper table thead tr th .table-gold {
  color: #e1ce81;
}
#vip .table-exp-wrapper table thead tr th .table-platinum {
  color: #6a6a6a;
}
#vip .table-exp-wrapper table thead tr th .table-diamond {
  color: #8f7f80;
}
#vip .table-exp-wrapper table tbody tr:last-child td {
  padding-bottom: 144px;
}
#vip .table-exp-wrapper table tbody td {
  font-family: Montserrat;
  font-size: 15px;
  color: #ffffff;
  padding-bottom: 13px;
}
#vip .table-exp-wrapper table tbody .table-content {
  font-family: Montserrat;
  font-size: 15px;
  color: #00aeef;
  text-align: center;
  max-width: 145px;
}
#vip .table-exp-wrapper table tbody .table-content p {
  margin: unset;
  max-width: 114px;
  margin: 0 auto;
  color: #00aeef;
}
#vip .table-exp-wrapper table tbody .table-sub-title {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: bold;
  color: #00aeef;
  padding-top: 59px;
  padding-bottom: 19px;
  max-width: 323px;
  display: block;
}

#promotion-popup-list .modal .modal-content .modal-header {
  background-color: #00aeef;
  position: relative;
  border-bottom: unset
}

#promotion-popup-list .modal .modal-content .modal-header .modal-title {
  font-family: Montserrat;
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#promotion-popup-list .modal .modal-content .modal-header .btn-close-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: transparent;
  background-image: url("../../dreamxbarrcathk/image/btn-close.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: unset;
  outline: unset;
  margin: -0.1rem -0.2rem -0.1rem auto
}

#promotion-popup-list .modal .modal-content .modal-body {
  padding: 0px 111px;
  padding-top: 42px;
  padding-bottom: 70px;
  background-color: #fff
}

#promotion-popup-list .modal .modal-content .modal-body .promotion-banner {
  width: 242px
}

#promotion-popup-list .modal .modal-content .modal-body .promotion-detail h5 {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  color: #00aeef;
  margin-top: 5px;
  margin-bottom: 15px
}

#promotion-popup-list .modal .modal-content .modal-body .promotion-detail p {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  margin-bottom: 51px
}

#promotion-popup-list .modal .modal-content .modal-body .promotion-detail button.btn-join-now {
  font-family: Montserrat;
  background: #00aeef;
  height: 39px;
  width: 155px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  outline: unset;
  border: unset;
  transition: background ease 0.5s;
  display: block
}

#promotion-popup-list .modal .modal-content .modal-body .promotion-detail button.btn-join-now:hover {
  background: #35b9e9
}

#promotion-popup-list .modal .modal-content .modal-body .vertical-line {
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.7607843137);
  margin-top: 35px;
  margin-bottom: 31px
}

#promotion-popup-list .modal .modal-content .modal-body h4 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 19px
}

#promotion-popup-list .modal .modal-content .modal-body p {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  margin: unset
}
#promotion-popup-list .modal .modal-content .modal-body p a, 
#promotion-popup-list .modal .modal-content .modal-body ol li a span,
#promotion-popup-list .modal .modal-content .modal-body p span a
{color: #00aeef;}
#promotion-popup-list .modal .modal-content .modal-body p span {
  color: #00aeef
}

#promotion-popup-list .modal .modal-content .modal-body p.total-price {
  padding-left: 162px
}

#promotion-popup-list .modal .modal-content .modal-body ol {
  margin-left: 41px
}

#promotion-popup-list .modal .modal-content .modal-body ol li {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none
}

#promotion-popup-list .modal .modal-content .modal-body ol li a {
  color: #00aeef
}
#promotion-popup-list .modal .modal-content .modal-body ol li span strong span{color: #3366ff;}

#promotion-popup-list .modal .modal-content .modal-body ol li::before {
  content: counter(Count) ".";
  position: absolute;
  left: -25px
}

#promotion-popup-list .modal .modal-content .modal-body .table-border {
  margin-top: 19px;
  margin-bottom: 49px
}

#promotion-popup-list .modal .modal-content .modal-body .table-border small {
  font-family: Montserrat;
  font-size: 12px;
  color: #f2f1f1
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table, #promotion-popup-list .modal .modal-content .modal-body .table-border th, #promotion-popup-list .modal .modal-content .modal-body .table-border td {
  border: 1px solid #282d34;
  border-collapse: collapse
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table thead {
  background-color: #282d34
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table thead tr th {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  color: #f2f1f1;
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: center;
  border-right: 1px solid #161a20
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table thead tr th:last-child {
  border-right: unset
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table tbody tr td {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: center
}

#promotion-popup-list .modal .modal-content .modal-body .table-border table tbody tr td span {
  color: #00aeef
}

#deposit {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#deposit .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#deposit .offset-0-5 {
  margin-left: 1.333333%
}

#deposit .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#deposit .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#deposit .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#deposit .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#deposit .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#deposit .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#deposit .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#deposit .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#deposit .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#deposit .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#deposit .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #deposit .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#deposit .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#deposit .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#deposit .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#deposit .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#deposit .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#deposit .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#deposit .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#deposit .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#deposit .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #deposit .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #deposit .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#deposit .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#deposit .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#deposit .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#deposit .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#deposit .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#deposit .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#deposit .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#deposit .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#deposit .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#deposit .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#deposit .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#deposit .transaction-actions-content, #deposit .transaction-right-content {
  min-height: 121vh
}

#deposit #deposit-tabs {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 14px 0px;
  display: inline-flex;
  width: 100%;
  margin-bottom: 46px;
/*  justify-content: space-around;*/
}

#deposit #deposit-tabs .nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #adafb2;
  display: block
}

#deposit #deposit-tabs .nav-item:last-child::after {
  display: none
}

#deposit #deposit-tabs .nav-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  padding: 0 10px;
  flex: 1;
/*  padding-right: 48px
  width: 30%;*/
}

#deposit #deposit-tabs .nav-item button:hover, #deposit #deposit-tabs .nav-item button.active {
  color: #00aeef
}

#deposit #deposit-tabs .nav-item button {
  background: transparent;
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2
}

#deposit #deposit-tabs .nav-item button .deposit-tab-img {
  width: 36px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px
}

#deposit .bank-option-wrapper {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 9px 0px;
  width: 100%;
  margin-bottom: 46px;
  display: inline-block;
}

#deposit .bank-option-wrapper .bank-option-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #adafb2;
  display: block
}

#deposit .bank-option-wrapper .bank-option-item:last-child::after {
  display: none
}

#deposit .bank-option-wrapper .bank-option-item {
  position: relative;
  height: 60px;
  width: 24%;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}

#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option {
  border: unset;
  background: transparent;
  outline: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: grid;
  gap: 5px;
  justify-content: center;
  align-items: center;
}
.qpay-img img,.trustpay-img img{ max-width: 70px !important;filter: grayscale(100%);transition: filter 0.3s ease;}
.superpay-img img,.direpay-img img,.ok2pay-img img,.duitnow-img img{filter: grayscale(100%);transition: filter 0.3s ease;}
#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option:hover img, #deposit .bank-option-wrapper .bank-option-item button.btn-bank-option.active img {
  filter: none;
}
#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option .bank-option-img {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  max-height: 60px;
}

#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option .ok2pay-img {
  width: 50px
}

#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option .fpay-img {
  width: 60px;
  margin-right: 10px
}

#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option .help2pay-img {
  width: 60px
}

#deposit .bank-option-wrapper .bank-option-item button.btn-bank-option:hover, #deposit .bank-option-wrapper .bank-option-item button.btn-bank-option.active {
  color: #00aeef
}

/*#deposit .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 1) {
  width: 256px
}*/

/*#deposit .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 2) {
  width: 242px
}*/

/*#deposit .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 3)::after {
  display: none
}*/

#deposit .bank-option-wrapper.bank-option .bank-simpanan {
  width: 63px;
/*  margin-right: 10px !important*/
}

#deposit .bank-option-wrapper.bank-option .ambank {
  width: 50px
}

#deposit .bank-option-wrapper.bank-option .rhb-banking {
  width: 57px;
  margin-right: 10px !important
}

#deposit .bank-option-wrapper.bank-option .hong-leong-bank {
  width: 52px
}

#deposit .bank-option-wrapper.bank-option .maybank {
  width: 52px
}

#deposit .bank-option-wrapper.bank-option .cimb-bank {
  width: 52px
}

#deposit .v-coin-pay {
  width: 65px;
  margin-right: 12px !important
}

/*#deposit .field-width-597 {
  width: 547px
}*/

#deposit input {
  color: #000000
}

#deposit .mb-45 {
  margin-bottom: 45px
}

#deposit .mb-30 {
  margin-bottom: 30px
}

#deposit button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

#deposit button.btn-submit:hover {
  background-color: #4fb8df
}

#deposit .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#deposit .md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#deposit small {
  font-family: Montserrat;
  font-size: 13px;
  color: #00aeef;
  margin-bottom: 30px;
  display: block;
  margin-top: 6px
}

#deposit small.chain {
  margin-bottom: 45px
}

#deposit .important-tip {
  background-color: #f2f1f1;
  border-radius: 5px;
  padding-top: 26px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  margin-top: 52px;
  max-width: 590px;
  margin-bottom: 70px
}

#deposit .important-tip h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #7d7d7d;
  margin-bottom: 17px
}

#deposit .important-tip ol {
  margin-left: 14px
}

#deposit .important-tip ol li {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none;
  margin-bottom: 16px
}

#deposit .important-tip ol li span {
  color: #00aeef;
  text-transform: uppercase
}

#deposit .important-tip ol li::before {
  content: counter(Count) ".";
  position: absolute;
  left: -25px
}

#transfer {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#transfer .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#transfer .offset-0-5 {
  margin-left: 1.333333%
}

#transfer .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#transfer .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#transfer .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#transfer .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#transfer .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#transfer .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#transfer .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#transfer .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#transfer .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#transfer .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#transfer .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #transfer .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#transfer .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#transfer .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#transfer .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#transfer .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#transfer .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#transfer .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#transfer .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#transfer .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#transfer .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #transfer .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #transfer .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#transfer .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#transfer .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#transfer .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#transfer .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#transfer .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#transfer .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#transfer .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#transfer .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#transfer .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#transfer .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#transfer .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#transfer .transaction-actions-content, #transfer .transaction-right-content {
  min-height: 130vh
}

#transfer .col-5-5 {
  width: 45.666667%;
  flex: 0 0 auto
}

#transfer .offset-1-5 {
  margin-left: 10.666667%
}

#transfer input {
  color: #000000
}

#transfer .mb-34 {
  margin-bottom: 34px
}

#transfer .mb-12 {
  margin-bottom: 12px
}

#transfer .field-width-168 {
  width: 168px
}

#transfer button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-right: 9px
}

#transfer button.btn-submit:hover {
  background-color: #4fb8df
}

#transfer button.btn-reset {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #da1c5c;
  border-radius: 5px;
  text-transform: uppercase;
  width: 92px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block
}

#transfer button.btn-reset:hover {
  background-color: #d44474
}

#transfer p.p-label {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #282d34;
  margin: unset
}

#transfer .transfer-icon {
  position: absolute;
  width: 30px;
  right: -41px;
  top: -29px
}

#transfer .transfer-icon .transfer-img {
  width: 27px;
  height: 27px
}

#transfer .transfer-icon::before {
  content: "";
  width: 23px;
  height: 40px;
  border-top: 1px solid #adafb2;
  border-right: 1px solid #adafb2;
  position: absolute;
  top: -43px;
  left: -7px
}

#transfer .transfer-icon::after {
  content: "";
  width: 23px;
  height: 40px;
  border-bottom: 1px solid #adafb2;
  border-right: 1px solid #adafb2;
  position: absolute;
  bottom: -43px;
  left: -7px
}

#transfer .md88-dropdown {
  margin-bottom: 5px
}

#transfer .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#transfer .md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#transfer .transfer-right-content {
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 25px 37px;
  padding-bottom: 66px
}

#transfer .transfer-right-content .transfer-item {
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative
}

#transfer .transfer-right-content .transfer-item .transfer-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px
}

#transfer .transfer-right-content .transfer-item .transfer-top .provider-status {
  display: flex;
  flex-direction: row
}

#transfer .transfer-right-content .transfer-item .transfer-top .provider-status .provider-img {
  width: 68px;
  margin-right: 9px
}

#transfer .transfer-right-content .transfer-item .transfer-top .provider-status .provider-name {
  display: inline-flex;
  flex-direction: column;
  padding-top: 5px
}

#transfer .transfer-right-content .transfer-item .transfer-top .provider-status .provider-name p:first-child {
  font-family: Montserrat;
  font-size: 15px;
  color: #282d34;
  margin: unset
}

#transfer .transfer-right-content .transfer-item .transfer-top .provider-status .provider-name p:last-child {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin: unset
}

#transfer .transfer-right-content .transfer-item .transfer-top button.btn-add {
  padding: unset;
  border: unset;
  outline: unset;
  background: transparent;
  width: 25px;
  height: 25px
}

#transfer .transfer-right-content .transfer-item .transfer-bottom .transfer-actions {
  margin-top: 4px
}

#transfer .transfer-right-content .transfer-item .transfer-bottom .transfer-actions button.btn-play-now {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 25px;
  text-transform: uppercase;
  width: 115px;
  height: 32px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto
}

#transfer .transfer-right-content .transfer-item .transfer-bottom .transfer-actions button.btn-play-now:hover {
  background-color: #4fb8df
}

#transfer .transfer-right-content .transfer-item:first-child {
  padding-top: unset
}

#transfer .transfer-right-content .transfer-item::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(173, 175, 178, 0.5411764706);
  display: block
}

#transfer .transfer-right-content .transfer-item:last-child::after {
  display: none
}

#transfer #transfer-popup .modal-llg {
  max-width: 782px
}

#transfer #transfer-popup .modal .modal-header {
  background-color: #00aeef;
  position: relative;
  border-bottom: unset;
  height: 58px;
  padding: unset;
  padding-right: 16px
}

#transfer #transfer-popup .modal .modal-header .modal-title {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#transfer #transfer-popup .modal .modal-header .btn-close-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: transparent;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/transfer/popup/btn-close.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: unset;
  outline: unset;
  margin: -0.1rem -0.2rem -0.1rem auto
}

#transfer #transfer-popup .modal .modal-body {
  padding: 0px 167px
}

#transfer #transfer-popup .modal .modal-body .md88-copy-group {
  border: unset;
  height: 27px
}

#transfer #transfer-popup .modal .modal-body .md88-copy-group p.form-content {
  margin-bottom: unset;
  padding-top: 4px
}

#transfer #transfer-popup .modal .modal-body .md88-copy-group button {
  top: 0px
}

#transfer #transfer-popup .modal .modal-body .copy-field-group {
  display: inline-flex;
  flex-direction: column;
  margin-top: 25px;
  margin-right: 16px;
  width: 348px
}

#transfer #transfer-popup .modal .modal-body .copy-field-group .copy-field-item:first-child {
  margin-bottom: 9px
}

#transfer #transfer-popup .modal .modal-body .copy-field-group .copy-field-item {
  display: flex;
  flex-direction: row;
  align-items: center
}

#transfer #transfer-popup .modal .modal-body .copy-field-group .copy-field-item p.copy-label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  color: #282d34;
  margin: unset;
  white-space: nowrap;
  width: 112px
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 36px
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .icon-transfer {
  overflow: hidden;
  position: absolute;
  height: 40px;
  width: 100%;
  top: 33%;
  transform: translateY(-50%);
  z-index: 0
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .icon-transfer .icon-transfer-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 33px;
  height: 33px;
  z-index: 1
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .icon-transfer::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #d1d1d1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .provider-item {
  z-index: 1;
  position: relative
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .provider-item button.modal-provider-img {
  padding: unset;
  outline: unset;
  border: unset;
  background: transparent;
  width: 91px;
  margin-bottom: 5px
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .provider-item p.provider-name {
  font-family: Montserrat;
  font-size: 15px;
  color: #282d34;
  margin: unset;
  text-align: center
}

#transfer #transfer-popup .modal .modal-body .modal-provider-top .provider-item p.provider-amount {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  color: #282d34;
  margin: unset;
  text-align: center
}

#transfer #transfer-popup .modal .modal-body button.btn-download {
  width: 77px;
  height: 61px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: unset;
  border: unset;
  outline: unset;
  background-color: #da1c5c;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  top: 5px;
  position: relative
}

#transfer #transfer-popup .modal .modal-body button.btn-download .btn-download-img {
  width: 21px;
  margin-bottom: 5px
}

#transfer #transfer-popup .modal .modal-body .mt-20 {
  margin-top: 20px
}

#transfer #transfer-popup .modal .modal-body .modal-input {
  width: 100%
}

#transfer #transfer-popup .modal .modal-body .button.btn-download:hover {
  background-color: #d34675
}

#transfer #transfer-popup .modal .modal-body button.btn-play-now {
  width: 95px;
  height: 35px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: unset;
  border: unset;
  outline: unset;
  background-color: #da1c5c;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  margin-left: 10px
}

#transfer #transfer-popup .modal .modal-body .button.btn-play-now:hover {
  background-color: #d34675
}

#transfer #transfer-popup .modal .modal-body .step-wrapper {
  position: relative;
  padding-top: 14px;
  margin-top: 35px
}

#transfer #transfer-popup .modal .modal-body .step-wrapper h6 {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: bold;
  color: #4fb8df;
  margin: unset
}

#transfer #transfer-popup .modal .modal-body .step-wrapper p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset
}

#transfer #transfer-popup .modal .modal-body .step-wrapper ol {
  margin-left: -6px
}

#transfer #transfer-popup .modal .modal-body .step-wrapper ol li {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none;
  margin-bottom: 16px;
  padding-left: 15px
}

#transfer #transfer-popup .modal .modal-body .step-wrapper ol li span {
  color: #00aeef;
  text-transform: uppercase
}

#transfer #transfer-popup .modal .modal-body .step-wrapper ol li::before {
  content: "Step "counter(Count) " -";
  position: absolute;
  left: -40px;
  font-family: Montserrat;
  font-size: 13px;
  color: #00aeef
}

#transfer #transfer-popup .modal .modal-body .step-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #adafb2;
  position: absolute;
  top: 0px;
  left: 0px
}

#transfer #transfer-popup .modal .modal-body button.btn-modal-submit {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-top: 18px
}

#transfer #transfer-popup .modal .modal-body button.btn-modal-submit:hover {
  background-color: #4fb8df
}

#transfer #transfer-popup .modal .modal-body a.btn-deposit-now {
  font-family: Montserrat;
  font-size: 13px;
  color: #da1c5c;
  text-align: center;
  display: block;
  margin-top: 12px;
  margin-bottom: 59px
}

#withdraw {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#withdraw .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#withdraw .offset-0-5 {
  margin-left: 1.333333%
}

#withdraw .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#withdraw .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#withdraw .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#withdraw .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#withdraw .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#withdraw .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#withdraw .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#withdraw .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#withdraw .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#withdraw .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#withdraw .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #withdraw .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#withdraw .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#withdraw .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#withdraw .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#withdraw .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#withdraw .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#withdraw .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#withdraw .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#withdraw .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#withdraw .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #withdraw .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #withdraw .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#withdraw .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#withdraw .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#withdraw .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#withdraw .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#withdraw .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#withdraw .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#withdraw .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#withdraw .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#withdraw .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#withdraw .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#withdraw .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#withdraw .transaction-actions-content, #withdraw .transaction-right-content {
  min-height: 111vh
}

#withdraw #withdraw-tabs {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 14px 0px;
  display: inline-flex;
  width: 100%;
  margin-bottom: 46px
}

#withdraw #withdraw-tabs .nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #adafb2;
  display: block
}

#withdraw #withdraw-tabs .nav-item:last-child::after {
  display: none
}

#withdraw #withdraw-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 24px;
  padding-right: 23px
}

#withdraw #withdraw-tabs .nav-item button:hover, #withdraw #withdraw-tabs .nav-item button.active {
  color: #00aeef
}

#withdraw #withdraw-tabs .nav-item button {
  background: transparent;
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2
}

#withdraw #withdraw-tabs .nav-item button .withdraw-tab-img {
  width: 36px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px
}

#withdraw .mb-withdraw {
  margin-bottom: 22px
}

#withdraw .bank-option-wrapper {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 9px 0px;
  width: 100%;
  margin-bottom: 46px
}

#withdraw .bank-option-wrapper .bank-option-item::after {
  content: "";
  width: 1px;
  height: 60%;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #adafb2;
  display: block
}

#withdraw .bank-option-wrapper .bank-option-item:last-child::after {
  display: none
}

#withdraw .bank-option-wrapper .bank-option-item {
  position: relative;
  height: 40px;
  width: 140px;
  display: inline-block
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option {
  border: unset;
  background: transparent;
  outline: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 60%;
  left: 15px;
  transform: translateY(-50%);
  white-space: nowrap
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option .bank-option-img {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  margin-right: 3px;
  top: -2px
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option .ok2pay-img {
  width: 31px
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option .fpay-img {
  width: 65px
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option .help2pay-img {
  width: 40px
}

#withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option:hover, #withdraw .bank-option-wrapper .bank-option-item button.btn-bank-option.active {
  color: #00aeef
}

#withdraw .bank-option-wrapper .bank-option-item.fpay {
  width: 168px
}

#withdraw .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 1) {
  width: 256px
}

#withdraw .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 2) {
  width: 242px
}

#withdraw .bank-option-wrapper.bank-option .bank-option-item:nth-child(3n + 3)::after {
  display: none
}

#withdraw .bank-option-wrapper.bank-option .usdt {
  width: 50px;
  margin-right: 5px !important
}

#withdraw .field-width-597 {
  width: 547px
}

#withdraw .field-width-403 {
  width: 403px
}

#withdraw input {
  color: #000000
}

#withdraw .mb-45 {
  margin-bottom: 45px
}

#withdraw .mb-30 {
  margin-bottom: 30px
}

#withdraw button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

#withdraw button.btn-withdraw {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 136px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 35px;
}

#withdraw button.btn-withdraw:hover, #withdraw button.btn-submit:hover {
  background-color: #4fb8df
}

#withdraw .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

.md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#withdraw small {
  font-family: Montserrat;
  font-size: 13px;
  color: #00aeef;
  margin-bottom: 30px;
  display: block;
  margin-top: 6px
}

#withdraw small.chain {
  margin-bottom: 0px
}

#withdraw .important-tip {
  background-color: #f2f1f1;
  border-radius: 5px;
  padding-top: 26px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  margin-top: 52px;
  max-width: 590px;
  margin-bottom: 70px
}

#withdraw .important-tip h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #7d7d7d;
  margin-bottom: 17px
}

#withdraw .important-tip ol {
  margin-left: 14px
}

#withdraw .important-tip ol li {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none;
  margin-bottom: 16px
}

#withdraw .important-tip ol li span {
  color: #00aeef;
  text-transform: uppercase
}

#withdraw .important-tip ol li::before {
  content: counter(Count) ".";
  position: absolute;
  left: -25px
}

#history {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#history .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#history .offset-0-5 {
  margin-left: 1.333333%
}

#history .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#history .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#history .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#history .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#history .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#history .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#history .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#history .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#history .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#history .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#history .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#history .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#history .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#history .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #history .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#history .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #history .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#history .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#history .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#history .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#history .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#history .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#history .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#history .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#history .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#history .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #history .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #history .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#history .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#history .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#history .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#history .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#history .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset
}

#history .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#history .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#history .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#history .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#history .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#history .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#history #history-tabs {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 14px 0px;
  display: inline-flex;
  width: 100%;
  margin-bottom: 46px
}

#history #history-tabs .nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #adafb2;
  display: block
}

#history #history-tabs .nav-item:last-child::after {
  display: none
}

#history #history-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 24px;
  padding-right: 23px
}

#history #history-tabs .nav-item button:hover, #history #history-tabs .nav-item button.active {
  color: #00aeef
}

#history #history-tabs .nav-item button {
  background: transparent;
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2
}

#history #history-tabs .nav-item button .history-tab-img {
  width: 36px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px
}

#history .mb-30 {
  margin-bottom: 30px
}

#history button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-left: 10px
}

#history button.btn-submit:hover {
  background-color: #4fb8df
}

#history input {
  color: #000000
}

#history .date-to {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  padding: 0px 11px
}

#history .field-width-179 {
  width: 179px;
  display: inline-block
}

#history .field-width-403 {
  width: 403px
}

#history .mb-45 {
  margin-bottom: 45px
}

#history .dataTables_empty {
  font-family: "Open Sans";
  font-size: 22px;
  color: #282d34;
  padding-top: 49px;
  padding-bottom: 200px;
  box-shadow: unset
}

#history #deposit-withdrawal-table_wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden
}

#history table {
  margin-top: 0px !important
}

#history table thead {
  background: #282d34
}

#deposit-withdrawal-table tbody tr td {
  text-align: center
}

#history table thead tr th {
  background: #282d34;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  padding: 14px 0px;
  text-align: center;
  height: 10px;
}
#history table tbody tr td {
  text-align: center;
  height: 10px;
  padding: .5rem .5rem;
  background-color: rgba(0, 0, 0, 0.05);
  color: #212529;
}
#history .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#history .md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#history .md88-multi-dropdown .md88-multi-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#history .md88-multi-dropdown.active .md88-multi-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#my-profile {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#my-profile .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#my-profile .offset-0-5 {
  margin-left: 1.333333%
}

#my-profile .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#my-profile .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#my-profile .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#my-profile .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#my-profile .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#my-profile .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#my-profile .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#my-profile .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#my-profile .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#my-profile .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#my-profile .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #my-profile .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#my-profile .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#my-profile .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#my-profile .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#my-profile .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#my-profile .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#my-profile .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#my-profile .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#my-profile .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#my-profile .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #my-profile .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #my-profile .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#my-profile .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#my-profile .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#my-profile .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#my-profile .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#my-profile .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#my-profile .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#my-profile .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#my-profile .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#my-profile .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#my-profile .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#my-profile .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#my-profile .my-profile-content label {
  font-family: Montserrat;
  font-size: 14px;
  color: #00aeef;
  margin-bottom: 1px
}

#my-profile .my-profile-content input[disabled] {
  font-family: Montserrat;
  font-size: 14px;
  color: #282d34;
  border: unset;
  margin-bottom: 27px;
  display: block;
  width: 100%;
  background: transparent
}

#my-profile .my-profile-content input:hover, #my-profile .my-profile-content input:focus {
  outline: unset
}

#my-profile .my-profile-content .md88-copy-group {
  border: unset;
  background: transparent
}

#my-profile .my-profile-content .md88-copy-group .form-content {
  padding: unset;
  display: inline-block
}

#my-profile .my-profile-content .md88-copy-group .btn-copy {
  position: relative;
  top: unset;
  right: unset;
  display: inline-block;
  margin-left: 20px
}

#my-profile .my-profile-content .banking-details {
  margin-top: 1px;
  display: flex;
  flex-direction: row;
  align-items: center
}

#my-profile .my-profile-content .banking-details .bank-img {
  width: 31px;
  height: 31px;
  margin-right: 8px
}

#my-profile .my-profile-content .banking-details .bank-info p {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#password {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#password .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#password .offset-0-5 {
  margin-left: 1.333333%
}

#password .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#password .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#password .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#password .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#password .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#password .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#password .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#password .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#password .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#password .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#password .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#password .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#password .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#password .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #password .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#password .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #password .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#password .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#password .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#password .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#password .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#password .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#password .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#password .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#password .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#password .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #password .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #password .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#password .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#password .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#password .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#password .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#password .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#password .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#password .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#password .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#password .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#password .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#password .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#password ul#password-tab {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 2px;
  margin-bottom: 17px
}

#password ul#password-tab button.nav-link.active {
  background: #00aeef;
  border: unset;
  color: #ffffff
}

#password ul#password-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  border-bottom: unset;
  color: #adafb2;
  outline: unset;
  padding: 6px 20px
}

#password ul#password-tab button {
  outline: unset;
  border: unset;
  background: transparent
}

#password .btn-copy {
  top: 4px
}

#password .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#password .md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#password small {
  font-family: Montserrat;
  font-size: 10px;
  color: #00aeef;
  margin: unset;
  display: block;
  margin-top: 4px;
  max-width: 463px
}

#password .field-width-264 {
  width: 264px
}

#password .mb-31 {
  margin-bottom: 31px
}

#password .mb-20 {
  margin-bottom: 20px
}

#password .mb-27 {
  margin-bottom: 27px
}

#password input {
  color: #000000
}

#password .btn-save {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 85px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

#password .btn-save:hover {
  background-color: #4fb8df
}

#messaging {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#messaging .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#messaging .offset-0-5 {
  margin-left: 1.333333%
}

#messaging .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#messaging .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#messaging .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#messaging .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#messaging .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#messaging .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#messaging .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#messaging .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#messaging .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#messaging .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#messaging .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #messaging .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#messaging .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#messaging .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#messaging .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#messaging .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#messaging .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#messaging .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#messaging .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#messaging .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#messaging .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #messaging .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #messaging .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#messaging .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#messaging .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#messaging .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#messaging .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#messaging .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset
}

#messaging .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset;
  line-height: 20px
}

#messaging .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#messaging .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#messaging .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#messaging .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#messaging .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#messaging ul#messaging-tab {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 2px;
  margin-bottom: 17px
}

#messaging ul#messaging-tab button.nav-link.active {
  background: #00aeef;
  border: unset;
  color: #ffffff
}

#messaging ul#messaging-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  border-bottom: unset;
  color: rgba(173, 175, 178, 0.5411764706);
  outline: unset;
  padding: 6px 20px
}

#messaging ul#messaging-tab button {
  outline: unset;
  border: unset;
  background: transparent
}

#messaging .table-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0px 30px;
  margin-bottom: 19px;
  padding-left: 40px
}

#messaging .table-actions .checkbox-select-all {
  position: relative;
  padding-left: 20px
}

#messaging .table-actions .checkbox-select-all label {
  font-family: "Open Sans";
  font-size: 13px;
  color: #282d34;
  position: relative;
  top: -5px
}

#messaging .table-actions .checkbox-select-all::before {
  content: " ";
  margin-left: -6px;
  border: 1px solid #a1a1a1;
  border-radius: unset;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  border-radius: 2px;
  left: 0px;
  top: 0px
}

#messaging .table-actions .checkbox-select-all.selected::after {
  content: "✓";
  left: 0px;
  top: 0px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: unset;
  color: #00aeef;
  width: 16px;
  height: 16px;
  margin-left: -6px;
  text-align: center;
  display: block;
  position: absolute
}

#messaging .table-action {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 13px
}

#messaging .btn-read, #messaging .btn-favourite, #messaging .btn-delete {
  background: transparent;
  padding: unset;
  border: unset;
  outline: unset;
  width: 17px;
  position: relative;
  top: -6px
}

#messaging .btn-read {
  margin-right: 14px
}

#messaging .btn-favourite {
  margin-right: 14px
}

#messaging .bottom {
  margin-top: 21px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end
}

#messaging .top {
  display: none
}

#messaging .dataTables_info {
  font-family: "Open Sans";
  font-size: 15px;
  color: #7d7d7d;
  margin-right: 21px;
  padding: unset;
  position: relative;
  top: 1px
}

#messaging tbody {
  background-color: #f2f1f1
}

#messaging tbody tr td {
  border-bottom: 1px solid #a1a1a1
}

#messaging tbody tr:last-child td {
  border-bottom: 0px
}

#messaging .paginate_button {
  text-decoration: none
}

#messaging .paginate_button .dataTable-btn {
  width: 8px;
  display: block;
  margin-right: 30px;
  font-family: "Open Sans";
  font-size: 15px;
  color: #7d7d7d
}

#messaging #messaging-table_previous, #messaging #messaging-table_next, #messaging #notifications-table_previous, #messaging #notifications-table_next {
  display: inline-block;
  cursor: pointer
}

#messaging #messaging-table_wrapper, #messaging #notifications-table_wrapper {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 39px
}

#messaging #messaging-table_wrapper table, #messaging #notifications-table_wrapper table {
  margin: unset !important;
  border-color: #949497
}

#messaging #messaging-table_wrapper table thead, #messaging #notifications-table_wrapper table thead {
  background-color: #404040
}

#messaging #messaging-table_wrapper table thead tr th, #messaging #notifications-table_wrapper table thead tr th {
  padding-top: 11px;
  padding-bottom: 12px;
  font-family: "Open Sans";
  font-size: 11px;
  color: #ffffff;
  border-bottom-width: 0px
}

#messaging #messaging-table_wrapper table thead tr th:nth-child(2), #messaging #notifications-table_wrapper table thead tr th:nth-child(2) {
  text-align: center
}

#messaging #messaging-table_wrapper table thead tr th:first-child, #messaging #notifications-table_wrapper table thead tr th:first-child {
  padding-left: 30px
}

#messaging #messaging-table_wrapper table tbody tr td, #messaging #notifications-table_wrapper table tbody tr td {
  padding-top: 12px;
  padding-bottom: 12px
}

#messaging #messaging-table_wrapper table tbody tr td p, #messaging #notifications-table_wrapper table tbody tr td p {
  font-family: "Open Sans";
  font-size: 11px;
  color: #282d34;
  margin: unset;
  text-align: center
}

#messaging #messaging-table_wrapper table tbody tr td button, #messaging #notifications-table_wrapper table tbody tr td button {
  outline: unset;
  border: unset;
  background: transparent;
  font-family: "Open Sans";
  font-size: 11px;
  color: #282d34;
  text-align: left
}

#messaging #messaging-table_wrapper table tbody tr td:first-child, #messaging #notifications-table_wrapper table tbody tr td:first-child {
  padding-left: 30px
}

#messaging #messaging-table_wrapper table tbody tr td.select-checkbox::before, #messaging #notifications-table_wrapper table tbody tr td.select-checkbox::before {
  border: 1px solid #a1a1a1;
  background-color: #ffffff;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  top: 23px;
  left: 75%
}

#messaging #messaging-table_wrapper table tbody tr.selected td.select-checkbox::after, #messaging #notifications-table_wrapper table tbody tr.selected td.select-checkbox::after {
  content: "✓";
  top: 23px;
  left: 75%;
  margin-top: -6px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: unset;
  color: #00aeef;
  border-radius: 2px;
  width: 16px;
  height: 16px
}

#messaging #messaging-table_wrapper table tbody tr.selected td, #messaging #notifications-table_wrapper table tbody tr.selected td {
  box-shadow: unset !important
}

#messaging #messaging-table_wrapper .dataTables_empty, #messaging #notifications-table_wrapper .dataTables_empty {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #949497;
  letter-spacing: 0.5px;
  padding-top: 31px;
  padding-bottom: 133px
}

#messaging .messaging-modal .modal .modal-llg {
  width: 1194px
}

#messaging .messaging-modal .modal .modal-content .modal-header {
  background-color: #00aeef;
  position: relative;
  border-bottom: unset;
  height: 58px;
  padding: unset;
  padding-right: 16px
}

#messaging .messaging-modal .modal .modal-content .modal-header .modal-title {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase
}

#messaging .messaging-modal .modal .modal-content .modal-header .btn-close-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/promotion/btn-close.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: unset;
  outline: unset;
  margin: -0.1rem -0.2rem -0.1rem auto
}

#messaging .messaging-modal .modal .modal-content .modal-body {
  padding: 0px 103px;
  padding-top: 42px;
  padding-bottom: 70px
}

#messaging .messaging-modal .modal .modal-content .modal-body h5 {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  color: #282d34;
  margin-bottom: 7px
}

#messaging .messaging-modal .modal .modal-content .modal-body p {
  font-family: Montserrat;
  font-size: 16px;
  color: #282d34;
  margin: unset
}

#messaging .messaging-modal .modal .modal-content .modal-body p span {
  color: #00aeef
}

#messaging .messaging-modal .modal .modal-content .modal-body p.messaging-date {
  font-family: "Open Sans";
  font-size: 16px;
  color: #7d7d7d;
  padding-bottom: 40px;
  position: relative
}

#messaging .messaging-modal .modal .modal-content .modal-body p.messaging-dear {
  margin-top: 57px;
  margin-bottom: 26px
}

#messaging .messaging-modal .modal .modal-content .modal-body p.messaging-content {
  margin-bottom: 26px
}

#messaging .messaging-modal .modal .modal-content .modal-body p.messaging-date::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #adafb2;
  bottom: 0px;
  left: 0px
}

#messaging .messaging-modal .modal .modal-content .modal-body .vertical-line {
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.7607843137);
  margin-top: 35px;
  margin-bottom: 31px
}

#banking-details {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#banking-details .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#banking-details .offset-0-5 {
  margin-left: 1.333333%
}

#banking-details .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#banking-details .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#banking-details .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#banking-details .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#banking-details .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#banking-details .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#banking-details .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#banking-details .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#banking-details .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#banking-details .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#banking-details .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #banking-details .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#banking-details .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#banking-details .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#banking-details .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#banking-details .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#banking-details .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#banking-details .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#banking-details .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#banking-details .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#banking-details .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #banking-details .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #banking-details .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#banking-details .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#banking-details .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#banking-details .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#banking-details .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#banking-details .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset
}

#banking-details .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#banking-details .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#banking-details .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#banking-details .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#banking-details .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#banking-details .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#banking-details .transaction-actions-content, #banking-details .transaction-right-content {
  min-height: 120vh
}

#banking-details input {
  color: #000000
}

#banking-details ul#banking-detail-tab {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 2px;
  margin-bottom: 17px
}

#banking-details ul#banking-detail-tab button.nav-link.active {
  background: #00aeef;
  border: unset;
  color: #ffffff
}

#banking-details ul#banking-detail-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  border-bottom: unset;
  color: #adafb2;
  outline: unset;
  padding: 6px 20px
}

#banking-details ul#banking-detail-tab button {
  outline: unset;
  border: unset;
  background: transparent
}

#banking-details .title-wrapper {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 6px;
  margin-bottom: 23px
}

#banking-details .title-wrapper p {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  color: #282d34;
  margin: unset
}

#banking-details .mb-42 {
  margin-bottom: 42px
}

#banking-details small {
  display: block;
  font-family: Montserrat;
  font-size: 13px;
  color: #00aeef;
  margin-left: 10px;
  margin-top: 5px
}

#banking-details button.btn-add {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 77px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px
}

#banking-details button.btn-save {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 85px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px
}

#banking-details button.btn-save:hover, #banking-details button.btn-add:hover {
  background-color: #4fb8df
}

#banking-details .field-width-547 {
  width: 547px;
  margin-left: 10px
}

#banking-details .field-width-264 {
  width: 264px;
  margin-left: 10px
}

#banking-details .field-width-281 {
  width: 281px;
  margin-left: 10px
}

#banking-details .md88-dropdown .md88-dropdown-name::after {
  content: "";
  width: 12px;
  height: 7px;
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/assets/img/global/arrows-down.png");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: center;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform ease 0.5s
}

#banking-details .md88-dropdown.active .md88-dropdown-name::after {
  transform: translateY(-50%) rotate(180deg)
}

#banking-details #bank-table_wrapper, #banking-details #crypto-table_wrapper {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 39px
}

#banking-details #bank-table_wrapper table, #banking-details #crypto-table_wrapper table {
  margin: unset !important;
  border-color: #949497
}

#banking-details #bank-table_wrapper table thead, #banking-details #crypto-table_wrapper table thead {
  background-color: #404040
}

#banking-details #bank-table_wrapper table thead tr th, #banking-details #crypto-table_wrapper table thead tr th {
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  border-bottom-width: 0px
}

#banking-details #bank-table_wrapper table thead tr th:first-child, #banking-details #crypto-table_wrapper table thead tr th:first-child {
  text-align: center
}

#banking-details #bank-table_wrapper table tbody tr td, #banking-details #crypto-table_wrapper table tbody tr td {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: unset
}

#banking-details #bank-table_wrapper table tbody tr td p, #banking-details #crypto-table_wrapper table tbody tr td p {
  font-family: "Open Sans";
  font-size: 13px;
  color: #282d34;
  margin: unset;
  position: relative;
  top: 5px
}

#banking-details #bank-table_wrapper table tbody tr td .bank-wrapper, #banking-details #crypto-table_wrapper table tbody tr td .bank-wrapper {
  flex-direction: row;
  align-items: center;
  display: inline-flex;
  margin: 0 auto
}

#banking-details #bank-table_wrapper table tbody tr td .bank-wrapper .bank-img, #banking-details #crypto-table_wrapper table tbody tr td .bank-wrapper .bank-img {
  width: 31px;
  margin-right: 8px
}

#banking-details #bank-table_wrapper table tbody tr td .bank-wrapper p, #banking-details #crypto-table_wrapper table tbody tr td .bank-wrapper p {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset;
  top: 0px
}

#banking-details #bank-table_wrapper table tbody tr td button.btn-delete, #banking-details #crypto-table_wrapper table tbody tr td button.btn-delete {
  outline: unset;
  border: unset;
  padding: unset;
  background: transparent;
  width: 13px;
  position: relative;
  top: 1px
}

#banking-details #bank-table_wrapper table tbody tr td:first-child, #banking-details #crypto-table_wrapper table tbody tr td:first-child {
  text-align: center
}

#banking-details #bank-table_wrapper .dataTables_empty, #banking-details #crypto-table_wrapper .dataTables_empty {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #949497;
  letter-spacing: 0.5px;
  padding-top: 31px;
  padding-bottom: 133px
}

#referral {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#referral .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#referral .offset-0-5 {
  margin-left: 1.333333%
}

#referral .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#referral .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#referral .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#referral .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#referral .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#referral .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#referral .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#referral .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#referral .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#referral .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#referral .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #referral .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#referral .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#referral .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#referral .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#referral .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#referral .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#referral .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#referral .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#referral .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#referral .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #referral .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #referral .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#referral .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#referral .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#referral .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#referral .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#referral .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#referral .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#referral .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#referral .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#referral .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#referral .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#referral .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#referral .transaction-actions-content, #referral .transaction-right-content {
  min-height: 120vh
}

#referral ul#referral-details-tab {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 2px
}

#referral ul#referral-details-tab button.nav-link.active {
  background: #00aeef;
  border: unset;
  color: #ffffff
}

#referral ul#referral-details-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  border-bottom: unset;
  color: rgba(173, 175, 178, 0.5411764706);
  outline: unset;
  padding: 6px 20px
}

#referral .copy-field-referral {
  background-color: #f2f1f1;
  padding: 24px 0px 25px 19px;
  margin-bottom: 37px
}

#referral .copy-field-referral .md88-copy-group.referral {
  background: transparent;
  border: unset
}

#referral .copy-field-referral .md88-copy-group.referral p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  display: inline-block
}

#referral .copy-field-referral .md88-copy-group.referral p span {
  color: #282d34
}

#referral .copy-field-referral .md88-copy-group.referral button.btn-copy {
  position: relative;
  top: unset;
  right: unset;
  margin-left: 10px
}

#referral p.share-your-friends {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #282d34;
  margin-bottom: 8px
}

#referral button.btn-invite-friend {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 154px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

#referral button.btn-invite-friend:hover {
  background-color: #4fb8df
}

#referral .important-info {
  background-color: #f2f1f1;
  padding: 19px 31px
}

#referral .important-info h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #7d7d7d;
  margin-bottom: 17px
}

#referral .important-info ol {
  margin-left: 14px
}

#referral .important-info ol li {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none;
  margin-bottom: 16px
}

#referral .important-info ol li::before {
  content: counter(Count) ".";
  position: absolute;
  left: -25px
}

#referral .important-info p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: unset
}

#referral .referral-status-wrapper {
  position: relative;
  padding-top: 29px;
  margin-top: 37px
}

#referral .referral-status-wrapper h6 {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #282d34;
  margin-bottom: 8px
}

#referral .referral-status-wrapper .referral-status {
  width: 449px;
  height: 109px;
  background-color: #f2f1f1;
  padding: 24px 0px 0px 18px
}

#referral .referral-status-wrapper .referral-status p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 16px
}

#referral .referral-status-wrapper .referral-status p span {
  color: #00aeef
}

#referral .referral-status-wrapper .referral-status p:last-child {
  margin-bottom: unset
}

#referral .referral-status-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.5411764706);
  top: 0px;
  left: 0px;
  position: absolute
}

#redeem {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}

#redeem .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#redeem .offset-0-5 {
  margin-left: 1.333333%
}

#redeem .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#redeem .transaction-user {
  padding-top: 48px;
  padding-left: 42px
}

#redeem .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#redeem .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#redeem .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#redeem .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#redeem .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#redeem .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh
}

#redeem .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#redeem .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#redeem .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative
}

#redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset
}

#redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active, #redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold
}

#redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before, #redeem .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px
}

#redeem .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden
}

#redeem .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px
}

#redeem .transaction-right-content .wallet-card {
  height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px
}

#redeem .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative
}

#redeem .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative
}

#redeem .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px
}

#redeem .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px
}

#redeem .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px
}

#redeem .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade, #redeem .transaction-right-content .wallet-card .wallet-top .withdrawal-limit, #redeem .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px
}

#redeem .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute
}

#redeem .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none
}

#redeem .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px
}

#redeem .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px
}

#redeem .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#redeem .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset
}

#redeem .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 10px
}

#redeem .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px
}

#redeem .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px
}

#redeem .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px
}

#redeem .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s
}

#redeem .redeem-message {
  background-color: #f2f1f1;
  padding-top: 14px;
  padding-left: 23px;
  padding-bottom: 25px;
  margin-bottom: 37px
}

#redeem .redeem-message h6 {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #282d34;
  margin-bottom: 20px
}

#redeem .redeem-message p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
  max-width: 620px
}

#redeem .mb-33 {
  margin-bottom: 33px
}

#redeem .field-width-500 {
  width: 500px
}

#redeem button.btn-redeem-now {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 154px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

#redeem button.btn-redeem-now:hover {
  background-color: #4fb8df
}

#about-us {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#about-us .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#about-us .offset-0-5 {
  margin-left: 1.333333%
}

#about-us .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#about-us .about-user {
  padding-top: 48px;
  padding-left: 42px
}

#about-us .about-user .about-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#about-us .about-user .about-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#about-us .about-user .about-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#about-us .about-user .about-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#about-us .about-user .about-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#about-us .about-actions-content {
  background-color: #f2f1f1;
  border-radius: 10px;
  min-height: 100vh
}

#about-us .about-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#about-us .about-actions-content .about-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#about-us .about-actions-content .about-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#about-us .about-actions-content .about-list .about-items a.about-link {
  font-family: Montserrat;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 22px;
  margin-bottom: 44px;
  position: relative
}

#about-us .about-actions-content .about-list .about-items a.about-link::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(161, 161, 161, 0.3137254902)
}

#about-us .about-actions-content .about-list .about-items a.about-link:last-child {
  margin-bottom: unset
}

#about-us .about-actions-content .about-list .about-items a.about-link:last-child::after {
  display: none
}

#about-us .about-actions-content .about-list .about-items a.about-link.active, #about-us .about-actions-content .about-list .about-items a.about-link:hover {
  color: #00aeef
}

#about-us .about-actions-content .about-list .about-items a.about-link.active::before, #about-us .about-actions-content .about-list .about-items a.about-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -34px;
  top: 0px
}

#about-us .about-right-content {
  background: #ffffff;
  border-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding-left: 69px;
  padding-top: 60px;
  padding-right: 82px
}

#about-us .title-wrapper {
  position: relative;
  margin-bottom: 32px
}

#about-us .title-wrapper h6 {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  color: #282d34;
  padding-bottom: 7px
}

#about-us .title-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #a1a1a1;
  left: 0px;
  bottom: 0px;
  position: absolute
}

#about-us p {
  font-family: Montserrat;
  font-size: 14px;
  color: #7d7d7d;
  margin-bottom: 22px
}

#faq {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#faq .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#faq .offset-0-5 {
  margin-left: 1.333333%
}

#faq .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#faq .about-user {
  padding-top: 48px;
  padding-left: 42px
}

#faq .about-user .about-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#faq .about-user .about-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#faq .about-user .about-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#faq .about-user .about-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#faq .about-user .about-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#faq .about-actions-content {
  background-color: #f2f1f1;
  border-radius: 10px;
  min-height: 100vh
}

#faq .about-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#faq .about-actions-content .about-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#faq .about-actions-content .about-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#faq .about-actions-content .about-list .about-items a.about-link {
  font-family: Montserrat;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 22px;
  margin-bottom: 44px;
  position: relative
}

#faq .about-actions-content .about-list .about-items a.about-link::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(161, 161, 161, 0.3137254902)
}

#faq .about-actions-content .about-list .about-items a.about-link:last-child {
  margin-bottom: unset
}

#faq .about-actions-content .about-list .about-items a.about-link:last-child::after {
  display: none
}

#faq .about-actions-content .about-list .about-items a.about-link.active, #faq .about-actions-content .about-list .about-items a.about-link:hover {
  color: #00aeef
}

#faq .about-actions-content .about-list .about-items a.about-link.active::before, #faq .about-actions-content .about-list .about-items a.about-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -34px;
  top: 0px
}

#faq .about-right-content {
  background: #ffffff;
  border-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding-left: 69px;
  padding-top: 60px;
  padding-right: 82px
}

#faq .title-wrapper {
  position: relative;
  margin-bottom: 32px
}

#faq .title-wrapper h6 {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  color: #282d34;
  padding-bottom: 7px
}

#faq .title-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #a1a1a1;
  left: 0px;
  bottom: 0px;
  position: absolute
}

#faq .accordion-item {
  border: 0px;
  margin-bottom: 12px
}

#faq .accordion-item .accordion-header {
  border: 0px
}

#faq .accordion-item .accordion-header button.accordion-button {
  border: 0px;
  outline: unset;
  background-color: rgba(0, 174, 239, 0.0901960784);
  border-radius: 5px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  box-shadow: unset;
  padding-top: 13px;
  padding-bottom: 14px;
  padding-left: 19px;
  padding-right: 19px
}

#faq .accordion-item .accordion-header button.accordion-button.collapsed {
  background-color: #f2f1f1;
  color: #7d7d7d
}

#faq .accordion-item .accordion-header button.accordion-button::after {
  display: none
}

#faq .accordion-item .accordion-header button.accordion-button:hover, #faq .accordion-item .accordion-header button.accordion-button:focus {
  outline: unset;
  box-shadow: unset
}

#faq .accordion-item .accordion-body {
  font-family: Montserrat;
  font-size: 12px;
  color: #7d7d7d;
  padding-left: 42px;
  padding-top: 14px
}

#contact-us {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#contact-us .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#contact-us .offset-0-5 {
  margin-left: 1.333333%
}

#contact-us .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#contact-us .about-user {
  padding-top: 48px;
  padding-left: 42px
}

#contact-us .about-user .about-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#contact-us .about-user .about-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#contact-us .about-user .about-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#contact-us .about-user .about-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#contact-us .about-user .about-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#contact-us .about-actions-content {
  background-color: #f2f1f1;
  border-radius: 10px;
  min-height: 100vh
}

#contact-us .about-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#contact-us .about-actions-content .about-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#contact-us .about-actions-content .about-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#contact-us .about-actions-content .about-list .about-items a.about-link {
  font-family: Montserrat;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 22px;
  margin-bottom: 44px;
  position: relative
}

#contact-us .about-actions-content .about-list .about-items a.about-link::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(161, 161, 161, 0.3137254902)
}

#contact-us .about-actions-content .about-list .about-items a.about-link:last-child {
  margin-bottom: unset
}

#contact-us .about-actions-content .about-list .about-items a.about-link:last-child::after {
  display: none
}

#contact-us .about-actions-content .about-list .about-items a.about-link.active, #contact-us .about-actions-content .about-list .about-items a.about-link:hover {
  color: #00aeef
}

#contact-us .about-actions-content .about-list .about-items a.about-link.active::before, #contact-us .about-actions-content .about-list .about-items a.about-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -34px;
  top: 0px
}

#contact-us .about-right-content {
  background: #ffffff;
  border-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding-left: 69px;
  padding-top: 60px;
  padding-right: 82px
}

#contact-us .title-wrapper {
  position: relative;
  margin-bottom: 32px
}

#contact-us .title-wrapper h6 {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  color: #282d34;
  padding-bottom: 7px
}

#contact-us .title-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #a1a1a1;
  left: 0px;
  bottom: 0px;
  position: absolute
}

#contact-us p {
  font-family: Montserrat;
  font-size: 14px;
  color: #7d7d7d;
  margin: unset;
  line-height: 20px
}

#contact-us p span {
  color: #00aeef
}

#terms-of-conditions {
  background-color: #111111;
  padding: 0px 310px;
  padding-top: 93px
}

#terms-of-conditions .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%
}

#terms-of-conditions .offset-0-5 {
  margin-left: 1.333333%
}

#terms-of-conditions .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%
}

#terms-of-conditions .about-user {
  padding-top: 48px;
  padding-left: 42px
}

#terms-of-conditions .about-user .about-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden
}

#terms-of-conditions .about-user .about-user-detail {
  margin-top: 41px;
  margin-bottom: 41px
}

#terms-of-conditions .about-user .about-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px
}

#terms-of-conditions .about-user .about-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset
}

#terms-of-conditions .about-user .about-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset
}

#terms-of-conditions .about-actions-content {
  background-color: #f2f1f1;
  border-radius: 10px;
  min-height: 100vh
}

#terms-of-conditions .about-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px
}

#terms-of-conditions .about-actions-content .about-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px
}

#terms-of-conditions .about-actions-content .about-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link {
  font-family: Montserrat;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 22px;
  margin-bottom: 44px;
  position: relative
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(161, 161, 161, 0.3137254902)
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link:last-child {
  margin-bottom: unset
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link:last-child::after {
  display: none
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link.active, #terms-of-conditions .about-actions-content .about-list .about-items a.about-link:hover {
  color: #00aeef
}

#terms-of-conditions .about-actions-content .about-list .about-items a.about-link.active::before, #terms-of-conditions .about-actions-content .about-list .about-items a.about-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -34px;
  top: 0px
}

#terms-of-conditions .about-right-content {
  background: #ffffff;
  border-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding-left: 69px;
  padding-top: 60px;
  padding-right: 82px
}

#terms-of-conditions .about-actions-content, #terms-of-conditions .about-right-content {
  min-height: 130vh
}

#terms-of-conditions .title-wrapper {
  position: relative;
  margin-bottom: 32px
}

#terms-of-conditions .title-wrapper h6 {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 600;
  color: #282d34;
  padding-bottom: 7px
}

#terms-of-conditions .title-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #a1a1a1;
  left: 0px;
  bottom: 0px;
  position: absolute
}

#terms-of-conditions p {
  font-family: Montserrat;
  font-size: 14px;
  color: #7d7d7d;
  margin: unset
}

#terms-of-conditions #tnc-list {
  margin-top: 65px
}

#terms-of-conditions .accordion-item {
  border: 0px;
  margin-bottom: 12px
}

#terms-of-conditions .accordion-item .accordion-header {
  border: 0px
}

#terms-of-conditions .accordion-item .accordion-header button.accordion-button {
  border: 0px;
  outline: unset;
  background-color: rgba(0, 174, 239, 0.0901960784);
  border-radius: 5px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  box-shadow: unset;
  padding-top: 13px;
  padding-bottom: 14px;
  padding-left: 19px;
  padding-right: 19px
}

#terms-of-conditions .accordion-item .accordion-header button.accordion-button.collapsed {
  background-color: #f2f1f1;
  color: #7d7d7d
}

#terms-of-conditions .accordion-item .accordion-header button.accordion-button::after {
  display: none
}

#terms-of-conditions .accordion-item .accordion-header button.accordion-button:hover, #terms-of-conditions .accordion-item .accordion-header button.accordion-button:focus {
  outline: unset;
  box-shadow: unset
}

#terms-of-conditions .accordion-item .accordion-body {
  font-family: Montserrat;
  font-size: 12px;
  color: #7d7d7d;
  padding-left: 42px;
  padding-top: 14px
}

body {
  background: #161a20
}

.mb-6 {
  margin-bottom: 6px !important
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-track {
  background: #111111
}

::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 12px
}

#alertCopy {
  position: fixed;
  top: 35px;
  z-index: 9999;
  width: 40%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  border-radius: 10px;
  padding-left: 15px
}

#alertCopy i {
  margin-right: 20px
}

.modal-body::-webkit-scrollbar-track {
  background: transparent
}

.slick-slide {
  display: inline-block;
  height: unset
}

.side-icon-fixed {
  position: fixed;
  top: 160px;
  right: 0px;
  z-index: 8;
  display: flex;
  flex-direction: column
}

.side-icon-fixed button.side-icon, .side-icon-fixed a.side-icon {
  background: #00aeef;
  width: 159px;
  height: 82px;
  border: unset;
  outline: unset;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 11px;
  transition: transform ease 0.5s;
  transform: translateX(40px)
}

.side-icon-fixed button.side-icon .side-icon-center, .side-icon-fixed a.side-icon .side-icon-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 119px
}

.side-icon-fixed button.side-icon .side-icon-center .side-icon-img, .side-icon-fixed a.side-icon .side-icon-center .side-icon-img {
  width: 40px
}

.side-icon-fixed button.side-icon .side-icon-center p, .side-icon-fixed a.side-icon .side-icon-center p {
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  margin: unset
}

.side-icon-fixed button.side-icon:hover, .side-icon-fixed a.side-icon:hover {
  transform: translateX(0px)
}

button.scroll-top-fixed {
  position: fixed;
  z-index: 500;
  bottom: 35px;
  right: 35px;
  background: #f6fbff;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center
}

button.scroll-top-fixed .scroll-top-img {
  width: 34px
}

button.scroll-top-fixed:hover .scroll-top-img {
  -webkit-animation-name: scroll-top-animation;
  animation-name: scroll-top-animation;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes scroll-top-animation {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0px)
  }

}

@keyframes scroll-top-animation {
  0% {
    transform: translateY(0px)
  }

  50% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0px)
  }

}

.p-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin-top: 6px;
  white-space: nowrap
}

.p-label sup {
  margin-left: 7px;
  color: #ef0018;
  font-size: 13px
}

.modal-body .container-fluid .row .col-12 table tr th, .modal-body .container-fluid .row .col-12 table tr:first-child td {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  color: #f2f1f1;
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: center;
  border-right: 1px solid #161a20;
  background-color: #282d34
}

.modal-body .container-fluid .row .col-12 table tr td {
  font-family: Montserrat;
  font-size: 14px;
  color: #f2f1f1;
  padding-top: 10px;
  padding-bottom: 12px;
  text-align: center
}

.modal-body .container-fluid .row .col-12 table tr td {
  border: 1px solid #282d34;
  border-collapse: collapse
}

.affiliate-id {
  margin-left: 15px
}

#next_btn, .btn-next-mb-step-2 {
  text-transform: uppercase
}

#login.modal .modal-content .modal-body input::-webkit-input-placeholder {
  color: #fff !important
}

#login.modal .modal-content .modal-body input::-moz-placeholder {
  color: #fff !important
}

#login.modal .modal-content .modal-body input::-ms-input-placeholder {
  color: #fff !important
}

#login.modal .modal-content .modal-body input::placeholder {
  color: #fff !important
}

#home .banner-container {
  height: 542px !important;
  overflow: hidden
}

.md88-card-body {
  overflow: hidden !important
}

.md88-card-body .casino-carousel {
  height: 224px !important;
  overflow: hidden
}

.md88-card-body .sports-carousel {
  height: 168px !important;
  overflow: hidden
}

.md88pro-container {
  max-width: 1300px !important;
  position: relative;
}
@media (max-width: 991px){
  #home .md88-container {
    width: 1915px;
    margin: 0 auto;
    padding: 0px 172px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media (max-device-width:991px){
  #home .md88-background-container .container-fluid, footer#footer .container-fluid{
    width: 1570px;
    margin: 0 auto;
    padding: 0px 172px!important;
  }
}
@media (max-device-width:768px){
  #home .md88-background-container, footer#footer {
    width: 1555px;
    margin: 0 auto;
    padding: 0px 0px!important;
  }

  #home .md88-container{
    width: 1555px;
    margin: 0 auto;
    padding: 0px 117px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    margin-right: 0px;
    margin-left: 0px;
  }

}
@media (max-width: 1560px){
  #home .md88-container{padding: 0px 115px;}
  header#header .head .head-top{padding: 0px 115px;}
  #home .md88-background-container{padding: 0px 115px;}
  #promotion-pages .promotion-item{
    width: 247px;
    margin-bottom: 6px;
    padding: 7px;
  }
  #promotion-pages ul#promotions-tab li.nav-item{ padding: 0px 27px;}
  #promotion-pages .promotion-item button.btn-promotion-img{height: 241px;}
}
@media (max-width: 1600px){
  #home .md88-container{padding: 0px 60px;}
  header#header .head .head-top{padding: 0px 115px;}
  #home .md88-background-container{padding: 0px 115px;}
  #promotion-pages .promotion-item{
    width: 247px;
    margin-bottom: 6px;
    padding: 7px;
  }
  #promotion-pages ul#promotions-tab li.nav-item{ padding: 0px 27px;}
  #promotion-pages .promotion-item button.btn-promotion-img{height: 241px;}
}
/*new button promoion*/
#promotion-pages .promotion-item .promotion-bottom .promotion-tags {
    margin-bottom: 20px;
}
#promotion-pages .promotion-item .promotion-bottom .promotion-tags span {
    font-family: Arial;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 9px;
    color: #ffffff;
    background: #00aeef;
    border-radius: 5px;
    padding: 4px 10px 3px;
    text-transform: uppercase;
}#promotion-popup-list .modal .modal-content .modal-body ol li{
  color: inherit !important;
}
.home_spin{
    position: fixed;
    bottom: 105px;
    right: 0;
}
.sub-about-con h3{font-size: 20px}
.sub-about-con table tr th, .sub-about-con table tr td{border: 1px solid #666; vertical-align: middle;}
.sub-about-con ul li{line-height: 25px}
.vip-name-gift{
  font-size: 16px!important;
  text-align: center;
  color: #00aeef!important;
  padding-bottom: 20px;
}
select#bank option[value='5791']{display: none;}
.live-maintenance{
  position: absolute;
  color: #fff;
  width: 39px;
  height: 25px;
  text-align: center;
  border-radius: 4px;
  right: 0px;
  top: 0px;
  padding-top: 2px;
}
.live-hot{
  position: absolute;
  background: red;
  color: #fff;
  width: 39px;
  height: 25px;
  text-align: center;
  border-radius: 4px;
  right: 6px;
  top: 6px;
      padding-top: 2px;
}.withdraw-content .col-2{
  width: 16.66666667%;
  margin-right: 35px;
}.withdraw-content .col-10{
  width: 78.333333%;
}#withdraw button.btn-submit{
  margin-left: 35px;
}
.fiex-th {
/*    bottom: 50px;*/
    bottom:130px;
    position: fixed;
    left: 1.5rem;
    z-index: 98;
}
html:lang(id) .fiex-th {bottom: 50px;}
.gift_rtp {
    width: 4rem;
    height: 4rem;
    position: relative;
    padding-bottom: 30px;
}
#gift-close2 {
    width: 24px;
    height: 24px;
    left: 6rem;
    position: absolute;
    right: 0;
    top: -1rem;
    border-radius: 50%;
    cursor: pointer;
}
/* #gift-rtp a img {
    width: 178px!important;
    height: 70px!important;
}*/
#gift-rtp a.mcd-myr-gift img{height: 178px !important;}
.fiex-aud{
  bottom:130px;
  position: fixed;
    right: 1.5rem;
  z-index: 98;
  top: 442px;
}
.gift-rtp-aud {
    width: 4rem;
    height: 4rem;
    position: relative;
    padding-bottom: 30px;
}
#gift-close3 {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 68px;
    top: -1rem;
    border-radius: 50%;
    cursor: pointer;
}
.lott_lobby{
  width: 1320px;padding: 10px;
}
.lott_lobby .card-container {
  position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    min-height: 135px;
}
.lott_lobby .lott_front{
  z-index: 900;
  position: relative;
  height: 100%;
  width: 100%;
  color: white;
  background-color: #455A64;
  min-height: 135px;
  padding: 15px;
  border-radius: 4px;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.lott_front .pull-left{
  margin-right: 10px;
  float: left;
}
.lott_front .pull-right{
  margin-left: 10px;
  float: right;
}
.lott_front .pull-right .title{
  font-weight: 400;
  text-transform: uppercase;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lott_front .pull-right h2{
  margin: 0 0 5px;
  font-size: 30px;
}

.lott_lobby .lott_back{
    position: absolute;
    top: 0;
    background-color: #fff !important;
    border: 0;
    color: inherit !important;
    padding: 15px 15px 5px 15px;
    text-align: center;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 800;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.lott_lobby .lott_back a{
    display: block;
    color: #717171;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    height: 100%;
}
.lott_lobby .lott_back > a > i {
    display: block;
}
.lott_lobby .lott_back > a > span {
  font-size: 14px;
  font-weight: bold;
}
.card-pool:hover .lott_front{
    z-index: 800;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

}
.card-pool:hover .lott_back{
      z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}
/*refferec*/
#referral-overview {
  background-color: #111111;
/*  padding: 0px 310px;*/
  padding-top: 93px;
  width: 1093px;
  margin: 0 auto;
}
#referral-overview .col-2-5 {
  flex: 0 0 auto;
  width: 18.666667%;
}
#referral-overview .offset-0-5 {
  margin-left: 1.333333%;
}
#referral-overview .col-9-5 {
  flex: 0 0 auto;
  width: 79.933333%;
}
#referral-overview .transaction-user {
  padding-top: 48px;
  padding-left: 42px;
}
#referral-overview .transaction-user .transaction-avatar {
  width: 81px;
  height: 81px;
  border-radius: 50%;
  overflow: hidden;
}
#referral-overview .transaction-user .transaction-user-detail {
  margin-top: 41px;
  margin-bottom: 41px;
}
#referral-overview .transaction-user .transaction-user-detail p.username {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #00aeef;
  margin-bottom: 4px;
}
#referral-overview .transaction-user .transaction-user-detail p.level-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  margin: unset;
}
#referral-overview .transaction-user .transaction-user-detail p.level {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #b7b7b7;
  margin: unset;
}
#referral-overview .transaction-actions-content {
  background-color: #f2f1f1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 100vh;
}
#referral-overview .transaction-actions-content h6 {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  color: #282d34;
  margin-bottom: 16px;
  padding-left: 33px;
}
#referral-overview .transaction-actions-content .transaction-list::before {
  content: "";
  background-color: rgba(148, 148, 151, 0.5019607843);
  width: 160px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0px;
  left: 30px;
}
#referral-overview .transaction-actions-content .transaction-list {
  position: relative;
  padding-bottom: 41px;
  padding-top: 41px;
}
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link {
  font-family: Montserrat;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #282d34;
  text-decoration: unset;
  margin-left: 32px;
  padding-top: 6px;
  padding-bottom: 8px;
  position: relative;
}
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link:last-child {
  margin-bottom: unset;
}
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active,
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover {
  color: #00aeef;
  font-weight: bold;
}
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link.active::before,
#referral-overview .transaction-actions-content .transaction-list .transaction-items a.transaction-link:hover::before {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #00aeef;
  position: absolute;
  left: -32px;
  top: 0px;
}
#referral-overview .transaction-right-content {
  background: linear-gradient(to bottom, #282d34 0%, #ffffff 10%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
#referral-overview .transaction-right-content .transaction-content {
  padding-left: 48px;
  padding-top: 58px;
  padding-right: 49px;
}
#referral-overview .transaction-right-content .wallet-card {
height: 239px;
  width: 100%;
  background-color: #282d34;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 27px;
  padding-left: 46px;
  padding-right: 47px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 21px;
  position: relative;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .wallet-item {
  position: relative;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .member-level {
  width: 212px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade {
  width: 294px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .withdrawal-limit {
  width: 194px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .amount-required-upgrade,
#referral-overview .transaction-right-content .wallet-card .wallet-top .withdrawal-limit,
#referral-overview .transaction-right-content .wallet-card .wallet-top .registration-date {
  padding-left: 31px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .wallet-item::after {
  content: "";
  top: 0px;
  right: 0px;
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 1px;
  height: 100%;
  position: absolute;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top .wallet-item:last-child::after {
  display: none;
}
#referral-overview .transaction-right-content .wallet-card .wallet-top::after {
  content: "";
  background-color: rgba(141, 141, 141, 0.2784313725);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#referral-overview .transaction-right-content .wallet-card .wallet-card-img {
  width: 55px;
  float: left;
  margin-right: 15px;
}
#referral-overview .transaction-right-content .wallet-card p.wallet-label {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin: unset;
}
#referral-overview .transaction-right-content .wallet-card p.wallet-p {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  margin: unset;
  line-height: 20px;
}
#referral-overview .transaction-right-content .wallet-card p.main-wallet {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 5px;
  margin-top: 40px;
}
#referral-overview .transaction-right-content .wallet-card .main-wallet-amount sup {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  color: #00aeef;
  margin-right: 15px;
}
#referral-overview .transaction-right-content .wallet-card .main-wallet-amount p {
  font-family: Montserrat;
  font-size: 29px;
  color: #ffffff;
  margin: unset;
  display: inline-block;
  margin-right: 8px;
}
#referral-overview .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh {
  padding: unset;
  background: transparent;
  border: unset;
  outline: unset;
  width: 18px;
  height: 18px;
  position: relative;
  top: -7px;
}
#referral-overview .transaction-right-content .wallet-card .main-wallet-amount button.btn-refresh img {
  transition: all ease 0.5s;
}
#referral-overview .transaction-actions-content,
#referral-overview .transaction-right-content {
  min-height: 150vh;
}
#referral-overview ul#referral-overview-tab {
  border-bottom: 1px solid rgba(173, 175, 178, 0.5411764706);
  padding-bottom: 2px;
}
#referral-overview ul#referral-overview-tab button.nav-link.active {
  background: #00aeef;
  border: unset;
  color: #ffffff;
}
#referral-overview ul#referral-overview-tab button.nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  border-bottom: unset;
  color: rgba(173, 175, 178, 0.5411764706);
  outline: unset;
  padding: 6px 20px;
}
#referral-overview .banner-wrapper {
  position: relative;
}
#referral-overview .banner-wrapper .overview-background {
  padding-top: 25px;
  border-radius: 20px;
  overflow: hidden;
  height: 150px;
}
#referral-overview .banner-wrapper .overview-background img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
#referral-overview .banner-wrapper .overview-title {
  position: absolute;
  padding-top: 25px;
  top: 20px;
  left: 20px;
  font-family: Montserrat;
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 1px;
  white-space: nowrap;
  margin: unset;
}
#referral-overview .banner-wrapper .overview-amount {
  position: absolute;
  padding-top: 25px;
  top: 40px;
  left: 20px;
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 600;
  color: #fac84a;
  letter-spacing: 1px;
  white-space: nowrap;
  margin: unset;
}
#referral-overview .banner-wrapper .overview-button {
  position: absolute;
  padding-top: 25px;
  top: 80px;
  left: 20px;
}
#referral-overview .overview-body {
  display: flex;
  justify-content: space-between;
  padding: 25px 0;
  padding-bottom: 50px;
}
#referral-overview .overview-body .list-group-title {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
}
#referral-overview .overview-body .list-group-item {
  display: flex;
  justify-content: space-between;
  border-radius: 7px;
  border-width: 10px 0px;
  font-weight: 500;
  border-color: white;
  font-family: Montserrat;
  font-size: 14px;
}
#referral-overview .overview-body .list-group-item span{
  font-size: 14px!important;
  font-family: Montserrat!important;
}
#referral-overview .overview-body .list-group-item .font-green {
  color: rgb(46, 199, 46);
}
#referral-overview p.share-your-friends {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #282d34;
  margin-bottom: 8px;
}
#referral-overview button.btn-invite-friend, #referral-overview .btn-transfer-to-cash {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 154px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
#referral-overview .btn-transfer-to-cash {
  border-radius: 20px;
  font-size: 12px;
  font-weight: 200;
  text-transform: none;
  height: 27px;
}
#referral-overview button.btn-invite-friend:hover,
#referral-overview button.btn-transfer-to-cash:hover {
  background-color: #4fb8df;
}
#referral-overview .important-info, #referral-overview .overview-info {
  background-color: #f2f1f1;
  padding: 19px 31px;
}
#referral-overview .important-info h6, #referral-overview .overview-info h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #7d7d7d;
  margin-bottom: 17px;
}
#referral-overview .important-info ol, #referral-overview .overview-info ol {
  margin-left: -20px;
}
#referral-overview .important-info ol li, #referral-overview .overview-info ol li {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  position: relative;
  left: 12px;
  counter-increment: Count 1;
  list-style-type: none;
  margin-bottom: 16px;
}
#referral-overview .important-info ol li::before, #referral-overview .overview-info ol li::before {
  content: counter(Count) ".";
  position: absolute;
  left: -25px;
}
#referral-overview .important-info p, #referral-overview .overview-info p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: unset;
}
#referral-overview .overview-info {
  border-radius: 10px;
}
#referral-overview .referral-code-info {
  padding-top: 20px;
  background-color: black;
  height: 395px;
  border-radius: 10px;
  width: auto;
}
#referral-overview .referral-code-info h6 {
  color: white;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
}
#referral-overview .referral-code-info .referral-title {
  padding-top: 5px;
  margin-bottom: 7px;
  color: white;
  text-align: center;
  font-family: Montserrat;
  font-size: 11px;
}
#referral-overview .referral-code-info .referral-input {
  text-align: center;
}
#referral-overview .referral-code-info .referral-input .rounded-input {
  border-color: black;
  border-radius: 10px;
  width: 90%;
  height: 50px;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
}
#referral-overview .referral-code-info .btn-img {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#referral-overview .referral-code-info .btn-img img {
  width: 9%;
  margin-right: 10px;
}
#referral-overview .referral-code-info .btn-img button {
  font-family: Montserrat;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  width: 55%;
  height: 33px;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#referral-overview .referral-code-info .btn-img #share {
  background-color: #00aeef;
}
#referral-overview .referral-code-info .btn-img button#share:hover {
  background-color: #4fb8df;
}
#referral-overview .referral-code-info .btn-img #copy {
  background-color: black;
  border: solid 1px white;
}
#referral-overview .referral-code-info .btn-img button#copy:hover {
  background-color: grey;
}
#referral-overview .referral-code-info .referral-footer {
  padding-top: 70px;
}
#referral-overview .referral-code-info .referral-footer p {
  color: white;
  font-size: 11px;
  font-family: Montserrat;
  text-align: center;
}
#referral-overview .referral-code-info .referral-footer .footer-img {
  padding: 0 15px;
  display: flex;
  justify-content: space-around;
}
#referral-overview .referral-code-info .referral-footer .footer-img img {
  width: 10%;
  cursor: pointer;
}
#referral-overview .commission-info {
  padding-top: 45px;
}
#referral-overview .commission-info h6 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  color: #282d34;
  margin-bottom: 8px;
}
#referral-overview .commission-info .commission-type .list-group-item {
  align-items: center;
  color: #7d7d7d;
  padding: 0 0;
}
#referral-overview .commission-info .commission-type .list-group-item img {
  width: 15px;
  height: 15px;
}
#referral-overview .commission-info .commission-type .divider::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.5411764706);
  top: 0px;
  left: 0px;
  position: absolute;
}
#referral-overview .commission-info .commission-type p {
  line-height: 1.2rem;
  color: #7d7d7d;
  font-size: 14px;
}
#referral-overview .referral-status-wrapper, #referral-overview .overview-status-wrapper {
  position: relative;
  padding-top: 29px;
  margin-top: 37px;
}
#referral-overview .referral-status-wrapper h6, #referral-overview .overview-status-wrapper h6 {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #282d34;
  margin-bottom: 8px;
}
#referral-overview .referral-status-wrapper .referral-status, #referral-overview .referral-status-wrapper .overview-status, #referral-overview .overview-status-wrapper .referral-status, #referral-overview .overview-status-wrapper .overview-status {
  width: 449px;
  height: 109px;
  background-color: #f2f1f1;
  padding: 24px 0px 0px 18px;
}
#referral-overview .referral-status-wrapper .referral-status p, #referral-overview .referral-status-wrapper .overview-status p, #referral-overview .overview-status-wrapper .referral-status p, #referral-overview .overview-status-wrapper .overview-status p {
  font-family: Montserrat;
  font-size: 13px;
  color: #7d7d7d;
  margin-bottom: 16px;
}
#referral-overview .referral-status-wrapper .referral-status p span, #referral-overview .referral-status-wrapper .overview-status p span, #referral-overview .overview-status-wrapper .referral-status p span, #referral-overview .overview-status-wrapper .overview-status p span {
  color: #00aeef;
}
#referral-overview .referral-status-wrapper .referral-status p:last-child, #referral-overview .referral-status-wrapper .overview-status p:last-child, #referral-overview .overview-status-wrapper .referral-status p:last-child, #referral-overview .overview-status-wrapper .overview-status p:last-child {
  margin-bottom: unset;
}
#referral-overview .overview-status-wrapper {
  padding-top: 35px;
  margin-top: 20px;
}
#referral-overview .overview-status-wrapper h6 {
  margin-bottom: 0px;
}
#referral-overview .overview-status-wrapper .overview-status {
  width: auto;
  height: 0px;
  border-radius: 20px;
  padding: 10px 0px 0px 18px;
}
#referral-overview .overview-status-wrapper .list-group-item {
  height: 70px;
  border-width: 0;
  border-radius: 100px;
  padding: 0 10px;
  align-items: center;
  background-color: rgba(211, 211, 211, 0.506);
  display: flex;
  justify-content: normal;
}
#referral-overview .overview-status-wrapper .list-group-item .list-group-item-status {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#referral-overview .overview-status-wrapper .list-group-item .list-group-item-status .list-group-item-username {
  display: flex;
  flex-direction: column;
}
#referral-overview .overview-status-wrapper .list-group-item .list-group-item-status .list-group-item-username .font-grey {
  font-size: 10px;
  color: #7d7d7d;
}
#referral-overview .overview-status-wrapper .list-group-item .list-group-item-status .font-blue {
  color: #00aeef;
}
#referral-overview .overview-status-wrapper .list-group-item:hover {
  background-color: lightgrey;
}
#referral-overview .overview-status-wrapper img {
  width: 50px;
}
#referral-overview .referral-status-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.5411764706);
  top: 0px;
  left: 0px;
  position: absolute;
}
#referral-overview .overview-status-wrapper::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  top: 0px;
  left: 0px;
  position: absolute;
}

#invite-list {
  font-family: Montserrat;
}
#invite-list .transaction-date .btn {
  font-size: 13px;
  border-color: rgb(206, 192, 192);
  color: rgb(206, 192, 192);
  width: 100px;
}
#invite-list .transaction-date input[type=radio]:checked + .btn {
  color: #00aeef;
  border-color: #00aeef;
  box-shadow: none;
}
#invite-list input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/images/assets/img/date/Icon_Calender.png");
  background-position: center;
  background-size: 17px;
}
#invite-list input[type=date] {
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  border: solid 1px rgb(206, 192, 192);
  font-size: 13px;
}
#invite-list input[type=date]:focus {
  outline: none;
  border-color: #00aeef;
}
#invite-list #history-tabs {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 14px 0px;
  display: inline-flex;
  width: 100%;
  margin-bottom: 46px;
}
#invite-list #history-tabs .nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #adafb2;
  display: block;
}
#invite-list #history-tabs .nav-item:last-child::after {
  display: none;
}
#invite-list #history-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 24px;
  padding-right: 23px;
}
#invite-list #history-tabs .nav-item button:hover,
#invite-list #history-tabs .nav-item button.active {
  color: #00aeef;
}
#invite-list #history-tabs .nav-item button {
  background: transparent;
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2;
}
#invite-list #history-tabs .nav-item button .history-tab-img {
  width: 36px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px;
}
#invite-list .mb-30 {
  margin-bottom: 30px;
}
#invite-list button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-left: 10px;
}
#invite-list button.btn-search {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  width: 102px;
  height: 33.5px;
  border: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
}
#invite-list button.btn-submit:hover {
  background-color: #4fb8df;
}
#invite-list input {
  color: #000000;
}
#invite-list .date-to {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  padding: 0px 11px;
}
#invite-list .field-width-179 {
  width: 179px;
  display: inline-block;
}
#invite-list .field-width-150 {
  width: 150px;
  display: inline-block;
}
#invite-list .field-width-403 {
  width: 403px;
}
#invite-list .mb-45 {
  margin-bottom: 45px;
}
#invite-list .dataTables_empty {
  font-family: "Open Sans";
  font-size: 22px;
  color: #282d34;
  padding-top: 30px;
  padding-bottom: 200px;
  box-shadow: unset;
}
#invite-list #deposit-withdrawal-table_wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
#invite-list table {
  margin-top: 0px !important;
  height: 40vh;
}
#invite-list table thead {
  background: rgb(226, 223, 223);
}
#invite-list table thead tr th {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  color: black;
  padding: 14px 0px;
  text-align: center;
}
#invite-list table thead tr .left-head {
  border-top-left-radius: 5px;
}
#invite-list table thead tr .right-head {
  border-top-right-radius: 5px;
}
#invite-list table tbody tr td {
  border-style: none;
  text-align: center;
  font-size: 13px;
  padding-top: 15px;
}
#invite-list table .no-record {
  font-family: Montserrat;
  color: #adafb2;
  font-size: 14px;
  font-style: italic;
}
#invite-list .paginate_button {
  text-decoration: none;
}
#invite-list .paginate_button .dataTable-btn {
  width: 8px;
  display: block;
  margin-right: 30px;
  font-family: "Open Sans";
  font-size: 15px;
  color: #7d7d7d;
}
#invite-list .dataTables_paginate.paging_simple_numbers span {
  padding: 7px 10px;
  margin: 0px 40px;
}
#invite-list .dataTables_paginate.paging_simple_numbers .ellipsis {
  margin: 0px 0px;
}
#invite-list .paginate_button.current {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #00aeef;
  border-radius: 5px;
}
#invite-list span .paginate_button {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 7px 10px;
  border-radius: 5px;
}
#invite-list span .paginate_button.current {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #00aeef;
  padding: 7px 10px;
  border-radius: 5px;
}
#invite-list .dataTables_paginate {
  padding-top: 20px;
  text-align: center;
  border-top: solid 2px rgb(226, 223, 223);
}
#invite-list #invite-list-2 {
  display: none;
}

#history-list {
  font-family: Montserrat;
}
#history-list .transaction-date .btn {
  font-size: 13px;
  border-color: rgb(206, 192, 192);
  color: rgb(206, 192, 192);
  width: 100px;
}
#history-list .transaction-date input[type=radio]:checked + .btn {
  color: #00aeef;
  border-color: #00aeef;
  box-shadow: none;
}
#history-list input[type=date]::-webkit-calendar-picker-indicator {
  background-image: url("https://d2ajue4o5x1lc3.cloudfront.net/content/mcd88/images/assets/img/date/Icon_Calender.png");
  background-position: center;
  background-size: 17px;
}
#history-list input[type=date] {
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  border: solid 1px rgb(206, 192, 192);
  font-size: 13px;
}
#history-list input[type=date]:focus {
  outline: none;
  border-color: #00aeef;
}
#history-list #history-tabs {
  border-bottom: unset;
  background-color: #f2f1f1;
  border-radius: 5px;
  padding: 14px 0px;
  display: inline-flex;
  width: 100%;
  margin-bottom: 46px;
}
#history-list #history-tabs .nav-item::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #adafb2;
  display: block;
}
#history-list #history-tabs .nav-item:last-child::after {
  display: none;
}
#history-list #history-tabs .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 24px;
  padding-right: 23px;
}
#history-list #history-tabs .nav-item button:hover,
#history-list #history-tabs .nav-item button.active {
  color: #00aeef;
}
#history-list #history-tabs .nav-item button {
  background: transparent;
  outline: unset;
  border: unset;
  padding: unset;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  color: #adafb2;
}
#history-list #history-tabs .nav-item button .history-tab-img {
  width: 36px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px;
}
#history-list .mb-30 {
  margin-bottom: 30px;
}
#history-list button.btn-submit {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  text-transform: uppercase;
  width: 102px;
  height: 35px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-left: 10px;
}
#history-list button.btn-search {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  background-color: #00aeef;
  border-radius: 5px;
  width: 102px;
  height: 33.5px;
  border: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
}
#history-list button.btn-submit:hover {
  background-color: #4fb8df;
}
#history-list input {
  color: #000000;
}
#history-list .date-to {
  font-family: Montserrat;
  font-size: 13px;
  color: #282d34;
  padding: 0px 11px;
}
#history-list .field-width-179 {
  width: 179px;
  display: inline-block;
}
#history-list .field-width-150 {
  width: 150px;
  display: inline-block;
}
#history-list .field-width-403 {
  width: 403px;
}
#history-list .mb-45 {
  margin-bottom: 45px;
}
#history-list .dataTables_empty {
  font-family: "Open Sans";
  font-size: 22px;
  color: #282d34;
  padding-top: 30px;
  padding-bottom: 200px;
  box-shadow: unset;
}
#history-list #deposit-withdrawal-table_wrapper {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
#history-list table {
  margin-top: 0px !important;
  height: 40vh;
}
#history-list table thead {
  background: rgb(226, 223, 223);
}
#history-list table thead tr th {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 400;
  color: black;
  padding: 14px 0px;
  text-align: center;
}
#history-list table thead tr .left-head {
  border-top-left-radius: 5px;
}
#history-list table thead tr .right-head {
  border-top-right-radius: 5px;
}
#history-list table tbody tr td {
  border-style: none;
  text-align: center;
  font-size: 13px;
  padding-top: 15px;
}
#history-list table tfoot {
  margin-top: 50px;
}
#history-list table tfoot tr th {
  background-color: rgb(226, 223, 223);
  color: #7d7d7d;
  font-size: 14px;
  font-weight: 400;
}
#history-list table tfoot tr .font-footer {
  color: black;
  font-size: 14px;
}
#history-list table tfoot tr .left-bottom {
  border-bottom-left-radius: 5px;
}
#history-list table tfoot tr .right-bottom {
  border-bottom-right-radius: 5px;
}
#history-list table .no-record {
  font-family: Montserrat;
  color: #adafb2;
  font-size: 14px;
  font-style: italic;
}
#history-list .paginate_button {
  text-decoration: none;
}
#history-list .paginate_button .dataTable-btn {
  width: 8px;
  display: block;
  margin-right: 30px;
  font-family: "Open Sans";
  font-size: 15px;
  color: #7d7d7d;
}
#history-list .dataTables_paginate.paging_simple_numbers span {
  padding: 7px 10px;
  margin: 0px 40px;
}
#history-list .dataTables_paginate.paging_simple_numbers .ellipsis {
  margin: 0px 0px;
}
#history-list .paginate_button.current {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #00aeef;
  border-radius: 5px;
}
#history-list span .paginate_button {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 7px 10px;
  border-radius: 5px;
}
#history-list span .paginate_button.current {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #00aeef;
  padding: 7px 10px;
  border-radius: 5px;
}
#history-list .dataTables_paginate {
  padding-top: 20px;
  text-align: center;
}
#history-list #history-list-2 {
  display: none;
}
#withdraw .md88-dropdown  button{
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #333;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#withdraw .md88-dropdown .banks {
    display: flex;
    align-items: center;
}
#withdraw .md88-dropdown button .arrow {
    width: 15px;
}
#withdraw .md88-dropdown .dropdown-menu {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
}
#withdraw .md88-dropdown .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
#withdraw .md88-dropdown .dropdown-item:focus, #withdraw .md88-dropdown .dropdown-item:hover {
    background-color: #006897;
}
#withdraw .md88-dropdown .dropdown-toggle::after{
  display: none;
}
#withdraw .md88-dropdown .banks img {
    margin-right: 10px;
    width: 22px;
}
#withdraw .md88-bank-options {
    display: flex;
    justify-content: space-around;
    padding: 10px 15px;
}
#withdraw .md88-bank-options .sub-bank {
    display: flex;
    align-items: center;
    color: #abadb0;
    cursor: pointer;
}
#withdraw .md88-bank-options .sub-bank .img {
    background-color: #13131b;
    border: 1px solid #13131b;
    margin-right: 15px;
    border-radius: 10px;
    overflow: hidden;
}
#withdraw .md88-bank-options .sub-bank.selected .img,#withdraw .md88-bank-options .sub-bank:hover .img {
    border: 2px solid #00AEEF;
}
#withdraw .md88-bank-options .sub-bank.selected div,#withdraw .md88-bank-options .sub-bank:hover div{
    color: #00AEEF;
}
#withdraw .md88-bank-options .sub-bank .img img {
    width: 50px;
}
#withdraw .btn-add{
    border: 1px solid #00AEEF;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom: 40px;
}
#withdraw .btn-add a {
    width: 100%;
    display: block;
    color: #00aeef !important;
    font-weight: 600;
}
.md88spins-sgd-myr h1 strong, td p strong, 
.md88spins-sgd-myr h2 strong, 
.md88spins-sgd-myr ul li strong, 
.md88spins-sgd-myr ol li strong, 
.md88spins-sgd-myr p strong{color: #fff!important}
.md88spins-sgd-myr p a strong{color: #007bff!important; }
/*html:lang(id) #form3 .container-fluid .row .col-10 .bank-option-wrapper .bank-option-item{width: 19%;}*/
html:lang(ma) #bank-transfer .depositfr .container-fluid .row .col-2{width: 19.666667%!important;}
html:lang(ma) #bank-transfer .depositfr .container-fluid .row .col-10{width: 80.333333%!important;}
#deposit .bank-option-wrapper .bank-myr-info{height: 88px!important;}
#deposit .bank-option-wrapper .bank-option-item .bank-sgd-info .bank-simpanan{margin: 0 auto !important;}
#deposit .bank-option-wrapper .bank-option-item .bank-sgd-info{
  gap: 13px!important;
  top: 60%!important;
}
html:lang(ma) #deposit .bank-option-wrapper .bank-option-item{height: 67px;}
html:lang(ma) #deposit .bank-option-wrapper .bank-option-item button.btn-bank-option{top: 66%;gap: 10px;}
html:lang(ma) #deposit .bank-option-wrapper .bank-option-item button.btn-bank-option .bank-option-img{max-height: 60px}
.modal-header h3{
  font-size: 20px;
    color: #fff;
}
.modal-body__center p{color: #fff; font-size: 14px}
.modal-body__center a{
  color: #289d82;
}
#ppla.modal .modal-content{
  max-height: 550px;
   max-width: 550px;
  min-width: 450px;
  margin: 0 auto;
}
.live-hot-down{
      align-items: center;
    background: #fabb2e;
    color: #000;
    display: flex;
position: absolute;
    font-size: 10px;
    left: 5px;top: 4px;    border-radius: .5rem;
    padding: .3rem .5rem;
    width: 47px !important;
}
.btn-ppla{
  z-index: 99;
  top: 15%!important;
  right: 3px!important;
}

/* new withdraw design */
#withdraw .bank-options{
  display: flex
}
#withdraw .bank-options .sub-bank{
  width: 100px;
  height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.2s;
    position: relative;
}
#withdraw .bank-options .sub-bank .img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #3a3a3a;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
  transition: border 0.2s;
}
#withdraw .bank-options .sub-bank img{
  width: 50px;
  height: 45px;
}

#withdraw .bank-options .sub-bank-name{
  font-size: 14px;
  text-align: center;
  color: #333;
  line-height: 1.2;
  padding: 0 5px;
  word-break: break-word;
}
#withdraw .bank-options .sub-bank.selected .img{
  outline: 2px solid #00aeef;
}
#withdraw .bank-options .sub-bank.selected .img:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 27px solid #00aeef;
  border-left: 27px solid transparent
}
#withdraw .bank-options .sub-bank.selected .img:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  bottom: 0px;
  right: 5px;
  transform: rotate(40deg) translate(-50%, -50%);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff
}