.sweet-alert .sa-icon {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.sweet-alert h2{
	margin: 0 !important;
	padding: 5px 0px !important;
}

.swal2-confirm, .swal2-cancel {
    all: unset !important;
    display: inline-block !important;
    font-family: 'Arial', sans-serif !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    max-width: 120px !important;
}

.swal2-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

.swal2-confirm {
    background-color: #3085d6 !important;
    color: white !important;
    border: none !important;
}

.swal2-cancel {
    background-color: #d33 !important;
    color: white !important;
    border: none !important;
}

.swal2-confirm:hover, .swal2-cancel:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.swal2-confirm:active, .swal2-cancel:active {
    transform: scale(0.95) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 767px) {
    .swal2-confirm, .swal2-cancel {
        font-size: 14px !important;
        padding: 8px 18px !important;
        max-width: 100px !important;
    }
}

.avatar {
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  padding: 0px!important;
}

.avatar img {
  width: 100%;
  min-height: 100%;
  vertical-align: top;
}

.avatar:hover img {
  margin-top: -10%;
  margin-left: -10%;
  width: 120%;
  min-height: 120%;
}

.avatar-250 {
  height: 250px !important;
  width: 250px !important;
}

.avatar-200 {
  height: 200px;
  width: 200px;
}

.avatar-150 {
  height: 150px !important;
  width: 150px !important;
}

.avatar-120 {
  height: 120px !important;
  width: 120px !important;
}

.avatar-110 {
  height: 110px !important;
  width: 110px !important;
}

.avatar-100 {
  height: 100px !important;
  width: 100px !important;
}

.avatar-90 {
  height: 90px !important;
  width: 90px !important;
}

.avatar-80 {
  height: 80px !important;
  width: 80px !important;
}

.avatar-70 {
  height: 70px !important;
  width: 70px !important;
}

.avatar-60 {
  height: 60px !important;
  width: 60px !important;
}

.avatar-50 {
  height: 50px !important;
  width: 50px !important;
}

.avatar-40 {
  height: 40px !important;
  width: 40px !important;
}

.avatar-30 {
  height: 30px !important;
  width: 30px !important;
}

.avatar-24 {
  height: 24px !important;
  width: 24px !important;
}

.avatar-20 {
  height: 20px !important;
  width: 20px !important;
}

.avatar-19 {
  height: 19.36px !important;
  width: 19.36px !important;
}

.avatar-15 {
  height: 15px !important;
  width: 15px !important;
}

.avatar-user {
  height: 35px !important;
  width: 35px !important;
}
@media (min-width: 768px) {
  .avatar-user {
  height: 50px !important;
  width: 50px !important;
  }
}

.navbar-brand{
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.1rem;
}

.my-menu-button{
	max-width: 100px;
}

.my-menu-button .icon-wrap{
	margin: 0px auto;
	position: relative;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	border-radius: 15%;
	border: 3px solid white;
	width: 70px;
	height: 70px;
}

.my-menu-button .icon-wrap .icon{
	width: 100%;
	height: 70%;
	left: 0;
	top: 24%;
	color: white;
	position: relative;
	text-align: center;
	font-size: 35px;

}

.my-menu-fast button {
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}



.my-nounderline {
  text-decoration: none !important
}

.paymentwall_block {
	position: relative; 
	z-index: 100;
	-webkit-filter: grayscale(0%); 
	filter: grayscale(0%);
	-webkit-transition: all 600ms;
}

.paymentwall_block_lock {
	-webkit-filter: grayscale(100%) !important; 
	filter: grayscale(100%) !important;
}


.paymentwall_block div:first-child {
	display:none; 
	position:absolute; 
	top:0;
	left:0; 
	width:100%; 
	height:100%;
	z-index: 101;
	-webkit-transition: all 600ms;
}

.paymentwall_block_lock div:first-child {
	display:block !important; 
	background-color: rgba(0, 0, 0, 0.2);
}





.my-lgct_package > a {
	width: 100%;
}

.my-lgct_package > a > div{
	min-width: 220px;
	position: relative;
}

.my-lgct_package > a > div > div{
	padding-top: 72.83%;
	background: url(/assets/mu/beijing151.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.my-lgct_package .my-box{
	position: absolute;
	top: 20%;
	left: 28%;
	width: 60%;
	height: 60%;
}
.my-lgct_package .packsilver1{background: url(/assets/mu/packsilver1.png);background-size: contain;background-repeat: no-repeat;}
.my-lgct_package .packsilver2{background: url(/assets/mu/packsilver2.png);background-size: contain;background-repeat: no-repeat;}
.my-lgct_package .packsilver3{background: url(/assets/mu/packsilver3.png);background-size: contain;background-repeat: no-repeat;}


.my-lgct_package .my-reward{
	position: absolute;
	top: 15%;
	left: 21%;
	width: 58%;
	background-color:rgba(0, 0, 0, 0.01);
	color: #4a4603;
	border-radius: 5px;
	font-size: small;
}

.my-lgct_package .my-price{
	position: absolute;
	bottom: 5%; 
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: large;
}

.giftPack{
	background: url(/assets/img/giftPack.png);
    background-size: contain;
    position: absolute;
    top: 11%;
    left: 20%;
    width: 20%;
    height: 25%;
    text-align: center;
    color: #f8f9fa;
    padding: 20px 5px 0px 0px;
    font-size: x-small;
}

.limitPack{
	background: url(/assets/mu/Only.png);
    background-size: contain;
    position: absolute;
    top: 2%;
    left: 22%;
    width: 20%;
    height: 25%;
    text-align: center;
    color: #f8f9fa;
    padding: 8px 3px 0px 0px;
    font-size: x-small;
}

.limitPack2{
	background: url(/assets/mu/Time.png);
    background-size: contain;
    position: absolute;
    top: 2%;
    left: 22%;
    width: 20%;
    height: 25%;
    text-align: center;
    color: #d2370a;
    padding: 8px 3px 0px 0px;
    font-size: medium;
}

.my-gold_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/mu/bgkafra.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-vip_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/mu/vip.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-gbprimepay_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/gbcard.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-gbprimepay_package .my-dola{
	position: absolute;
	top: 35%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: x-large;
}

.my-gbprimepay_package .my-baht{
	position: absolute;
	top: 65%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: large;
}

.my-thaiqr_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/thaiqrcard.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-thaiqr_package .my-dola{
	position: absolute;
	top: 35%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: x-large;
}

.my-thaiqr_package .my-baht{
	position: absolute;
	top: 65%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: large;
}

.my-vnqr_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/cardvnqr.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-vnqr_package .my-dola{
	position: absolute;
	top: 35%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: x-large;
}

.my-vnqr_package .my-baht{
	position: absolute;
	top: 65%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: large;
}

.my-gcashcard_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/gcashcard.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-gcashcard_package .my-dola{
	position: absolute;
	top: 35%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: x-large;
}

.my-gcashcard_package .my-baht{
	position: absolute;
	top: 65%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: large;
}

.my-tazapay_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/tazapaycard.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-tazapay_package .my-dola{
	position: absolute;
	top: 35%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: x-large;
}

.my-tazapay_package .my-baht{
	position: absolute;
	top: 65%;
	left: 22%;
	width: 55%;
	color: #FFF;
	font-size: large;
}

.my-money_package > a > div > div{
	padding-top: 72.83% !important;
	background: url(/assets/img/gbprimepay/card.png) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.my-money_package .my-dola{
	position: absolute;
	top: 50%;
	left: 37%;
	width: 55%;
	color: #95422e;
	font-size: xxx-large;
}

.my-money_package .my-baht{
	position: absolute;
	top: 88%;
	left: 29%;
	width: 70%;
	color: #f1f5da;
	font-size: small;
}
.my-money_package .my-price{
	left: 12%;
}

.itembg {
	width: 80px;
    height: 80px;
	position: relative;
	background: url(/assets/img/ItemsBG.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.itembg .boxitem {
	padding: 1px 1px 1px 1px;
}
.itembg .boxitem img {
	width: 80px;
    height: auto;
}
.itembg .textitem {
	margin-top: -95px !important;
    margin-left: 55px !important;
    color: #093db0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0px 2px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%) !important;
}