.container365
{
	width:800px;
	height:7550px;
	background-color:Black;
}

.banner365
{
	width:800px;
	height:40px;
	text-align:center;
}

.title365
{
	padding-top:5px;
}

.Pad365
{
	padding:20px 20px 20px 0px; 
}

.start365
{
}

.bg-modal
{
	width:100%;
	height:2950px; 
	background-color: rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	display:flex;	
	z-index: 9998;
}

.modal-content 
{
	width:100%;
	height:12%;
	border-radius:4px;
	position:relative;
	background-image: url('/res/img/365slot/popup.png');
	background-repeat:no-repeat;
	left:10%;
	z-index: 9999;
}

.close
{
	position:absolute;
	top:0;
	left:380px;
	cursor:pointer;
	background-image: url('/res/img/365slot/cancel.png');
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	background-color:Transparent;
	border:0;
}

.multicredit365
{ 
	font-size: 18px; 
	font-weight: bold; 
}

.multicreditamt365
{
	font-size: 18px; 
	font-weight: bold; 
}

.multicreditrefresh365
{
	width:20px; 
	position:absolute;
	margin-top:-12px;
}

.hide-text365 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-left:30px;
  font-size:12px;
  color:White;
}

.errorgamestatus365
{
	display:block;
    width:265px;
    word-wrap:break-word;
    font-size:12px;
    position:absolute;
    margin-top:-14px;
    margin-left:45px;
    color:White;
}

.credittransfer365
{
	font-size:12px !important;
	margin:20px !important;
	padding-top:5px;
	padding-left:30px;
	color:White;
}

.creditdeposit365
{
	margin-left:0px; 
	margin-bottom:-10px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
	padding-left:10px;
}

.DepositAmt365 
{
	margin-left:20px;
    width:38%;
    height:20px;
    font-size:12px;
}

.WithdrawAmt365 
{
	margin-left:20px;
	width:38%;
	height:20px;
	font-size:12px;
}

.btnstart365 
{
	margin-left:95px; 
	margin-top:6px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
}

.modalOpen
{
	background-color:Transparent;
	border:0px;
}

.modalOpen:hover
{
	cursor:pointer;
}

/*-----------New Add RTP------------*/
.rtp-circle {
    position: absolute;
    bottom: 18px;
    right: -13px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: conic-gradient(
        var(--rtp-color) calc(var(--rtp) * 1%),
        #000 calc(var(--rtp) * 1%)
    );
    display: flex;
    align-items: center;
    justify-content: center;
}

.rtp-inner {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.rtp-text {
    color: #ffffff;
    font-weight: 800;
    font-size: 10px;
    line-height: 1;
    padding-bottom:2px;
}

.rtp-value {
    color: var(--rtp-color);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.game-wrapper {
    position: relative;
    display: inline-block;
}

.gacor-icon {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 60px;   
    height: 60px;  
    z-index: 5;
    transform: translate(20%, -30%);
    animation: blink 1s infinite;
}

.gacor-icon-slot {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 68px;   
    height: 68px;  
    z-index: 5;
    transform: translate(20%, -30%);
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/*-----------New Add css game image------------*/
.slot-box {
    position: relative;
    width: 210px;
    height: 165px;
    border-radius: 22px;
    overflow: hidden;
    margin-left:12px;
    margin-bottom:17px;
     background:
        linear-gradient(#000, #000) padding-box,
        linear-gradient(
            180deg,
            #f8d86a 0%,     
            #f2c200 20%,    
            #e0a800 45%,    
            #d49a00 70%,    
            #c88f00 100%    
        ) border-box;

    border: 3.5px solid transparent;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,0.35),   
        inset 0 -2px 3px rgba(0,0,0,0.35),        
        0 4px 8px rgba(0,0,0,0.6);  	
}

.pic365 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    transform: scale(1.15); 
}

@media(min-width: 350px) and (max-width: 650px )
{
	
	.bg-modal
	{
		width:213%;
		height:1700px;
		background-color: rgba(0,0,0,0.7);
		position:absolute;
		top:0;
		display:flex;
		padding-top:100px; 		
	}
	
	.container365
	{
		max-width: 375px !important;
		background-color:Black;
		height:2400px !important; 
		max-height:2400px !important; 
	}
	
	.banner365
	{
		width:100% !important;
		height:40px !important;
		text-align:center;
	}
		
	.pic365
	{
		height:80px;
		width:80px;
	}
	
	.start365
	{
		width:90px;
	}
	
	.Pad365
	{
		padding:20px 20px 20px 0px; 
	}
	
	.modal-content 
	{
		background-size:contain;
		left:9px !important;
		height:15% !important;
	}
	
	.modalRow1
	{
		position:absolute;
		margin-left:85px !important;
		margin-top:-6px !important; 
	}

	.modalRow3
	{
		padding-top:10px;
	}
	
	.DepositAmt365 
	{
		width:35%;
		height:16px !important;
	}

	.WithdrawAmt365 
	{
		width:35%;
		height:16px !important;
	}
	
	.creditdeposit365
	{
		width:63px;
	}

	.btnstart365 
	{	
		margin-left:195px; 
		margin-top:4px;
		width:78px; 
	}

	.modalRow4
	{
		position:absolute;
		margin-left:-100px !important;
	}
	
	.close
	{
		position:absolute;
		top:-3px;
		left:307px;
		cursor:pointer;
		background-image: url('/res/img/365slot/cancel.png');
		background-repeat:no-repeat;
		width:30px; 
		height:30px;
		background-color:Transparent; 
		border:0;
		background-size:cover;
	}
	
	.table365
	{
		margin-left:0px !important;
	}
	
		/*-----------New Add RTP------------*/
	.rtp-circle {
		width: 28px;
		height: 28px;
	}

	.rtp-inner {
		width: 23px;
		height: 23px;
	}
	
	.rtp-text {
    color: #ffffff;
    font-weight: 800;
    font-size: 6px;
    line-height: 1;
    padding-bottom:2px;
	}

	.rtp-value {
		color: var(--rtp-color);
		font-size: 8px;
		font-weight: 200;
		line-height: 1;
	}
	
	.gacor-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 35px;   
    height: 35px;  
    z-index: 5;
    transform: translate(20%, -30%);
    animation: blink 1s infinite;
	}
	
	.gacor-icon-slot {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 35px;   
    height: 35px;  
    z-index: 5;
    transform: translate(20%, -30%);
    animation: blink 1s infinite;
	}
}