<!-- code by ZAW L7EWAY -->


<html>
<header>
	<title>ZAW 08 K!NG </title>
	
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simr Free - Cheat Options</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <style>
* {
			padding: 0;
			margin: 0;
  color:#a91b1b;
		}

		.ayimgui {			
				position: fixed;
			width: 410px;
			height: 280px;
			top: calc(100% - 180px);
			left: calc(100% - 180px);
			z-index: 999;
			background: rgba(0,0,0, 0.8); /*0.5 là % tỉ lệ trong suốt của background*/
            background-size: 25599px;
			/*border-color: #1600FF;
			border-radius: 10px;*/	
			overflow: hidden;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			border: #0010FF;

		}

      .onlyTitle {
			height: 25px !important;

		}
	

	 .ayimgui .aytitle {
			padding: 0 1px;
			font-size: 20px;
			background-color: #9299DE;
		} 


		.ayimgui .aytitle .titleClose {
			position: absolute;
			top: 3px;
			right: 6px;
			color: #0013FF;
		}

		.ayimgui .aytitle .titleClose:hover {
			color: black;
		}

		.ayimgui .aybody {
			padding: 15px;
			height: calc(100% - 21px - 15px - 15px);
			/*减去标题高度，减去上线padding高度*/
			overflow: auto;
			font-size: 15px;
		}


		.aytext {
			width: 100%;
			margin-bottom: 10px;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			color: #181717;
		}


		input[type=checkbox]{
 visibility: hidden;
 vertical-align:middle; margin-bottom:1px;
 cursor: pointer;
 position: relative;
 width: 26px;
 height:30px;


}
input[type=checkbox]::after{
 position: absolute;
 top: 0;
 margin-top:1px;
 width: 22px; height: 22px;
 border: 1px solid #1000FF;
 border-radius: 30px;
 background-color:#000AFF;
 display: inline-block;
 visibility: visible;
 text-align: center;
 content: ' '

}

/* Sửa tất cả các màu thành màu ngẫu nhiên */
input[type=checkbox]:checked::after {
    content: "✓";
    color:#80FF00;
    border-color: #80FF00;
    background-color: #80FF00;
    font-size: 18px;
    font-weight: bold;

}


input[type=lradio]  {
    width:20px;
    height:20px;
    margin-right:6px;
    border:none;
    outline-style:none;
    vertical-align:middle;
    border:1px solid #686868F0;
    border-radius:50%;
}
input[type=lradio]:checked {
    border:6px solid #0002FF;
    background:#80FF00;
}


		.onlySelect {
			background-color: rgb(0,233,100);
			border: none;
		}

		.onlySelect .el-select-dropdown__item {
			color: #000;

		}

		.onlySelect .el-select-dropdown__item.hover,
		.el-select-dropdown__item:hover:hover {
			background-color: #0008FF;
		}

		.onlySelect .popper__arrow {
			border-bottom-color: rgb(0.233.100) !important;
		}

		.onlySelect.el-popper[x-placement^=bottom] .popper__arrow::after {
			border-bottom-color: rgb(0,233,100) !important;
		}

		.el-select {
			width: 100%;
		}

		.el-select .el-input {
			background-color: rgb(0,233,100);
		}

		.el-select .el-input__suffix {
			background-color: rgb(0, 233,100);
			color: #000;
			right: 0;
		}

		.el-select .el-select__caret {
			color: #000;
		}

		.el-select .el-input__inner {
			background-color: transparent;
			border: none;
			color: #000;
		}

		.el-select .el-input .el-select__caret {
			color: #000;
		}

		
		.el-scrollbar .el-scrollbar__bar {
			opacity: 1 !important;
		}

		.el-button {
			font-size: 0px;
			padding: 0px 0px;
			line-height: 0px;
			color: #80FF00;
			background-color: #0014FF;
		}

		.el-button:hover {
			opacity: .7;
			color: #73FF00;
			background-color: #0006FF;
		}

		.el-button:focus,
		.el-button:hover {
			color: #1900FF;
			background-color: #1800FF;
		}

		.aycollapse {
			width: 100%;
			font-size: 14px;
			background-color: rgb(0,233,100);
			color: #000;
		}

		.aytab {
			width: 100%;
			height: 25px;
			display: flex;
			border-bottom: 2px solid rgb(0, 233, 100);
		}

		.aytab span {
			padding: 1 2 px;
			height: 100%px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: rgb(0, 233, 100);
			color: #0e0d0d;
			font-size: 16px;
			font-weight: 500;
			margin-left: 2px;
			border-radius: 6px 6px 0 0;
			cursor: pointer;
		}


		.el-input input {
			background-color: rgb(0,233,100);
			border: none;
			border-radius: 0px;
		
		}
		
input[type=range]:focus {
  outline: none;
}
input[type=range]:-webkit-slider-runnable-track {
  height: 21px;
  cursor: pointer;
  background: #0f0f0f;
  border-radius: 100px;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 21px;
  width: 21px;
  border-radius: 30px;
  background: #80FF00;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #0015FF;
}
input[type=range]::-webkit-slider-thumb::after {
  content: attr(value) "%";
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: #0030FF;
  font-weight: bold;
  font-size: 12px;
}


    </style>
</header>
</script>
<body>
 
    <div class="container">
        <div class="tab-bar">
            <div class="tab-item active" onclick="showTab('esp')">
                <i class="fas fa-eye"></i> ZAW
            </div>
            <div class="tab-item" onclick="showTab('aimbot')">
                <i class="fas fa-crosshairs"></i> SER T7WA 
            </div>
        </div>
    
        <!-- 3D Framework and Aimbot in the same container -->
        <div id="esp" class="settings active">
            <div class="settings-container">
                <h2>ZAW IS HERE ! </h2>
                <label><input type="checkbox" id="startDraw3D" onclick="triggerDragonFly()"> Start Draw 3D</label>
                <label><input type="checkbox" id="line"> Line</label>
                <label><input type="checkbox" id="box"> Box</label>
                <label><input type="checkbox" id="info"> Info</label>
                <label><input type="checkbox" id="arrow"> Arrow</label>
                <label><input type="checkbox" id="count"> Count</label>
    
                <label>Distance 3D</label>
                <input type="range" id="distanceEsp" min="0" max="200" value="0">
    
                <button onclick="resetGuest()">Reset Guest</button>
            </div>
        </div>
    
        <div id="aimbot" class="settings">
            <div class="settings-container">
                <h2>Telegram: @zaw_08 </h2>
                <label><input type="checkbox" id="aimbot"> Enable Aim</label>
                <label><input type="checkbox" id="aimfire"> Aim Fire</label>
                <label><input type="checkbox" id="aim7wa"> Aim 7wa </label>
                <label><input type="checkbox" id="aimscope"> Aim Scope</label>
    
                <label>Aim Fov</label>
                <input type="range" id="aimfov" min="0" max="360" value="0">
            </div>
        </div>
    </div>
    
    <script>
        function showTab(tab) {
            // Hide all settings.
            document.querySelectorAll('.settings').forEach(function(item) {
                item.classList.remove('active');
            });
            // Display the settings of the selected tab.
            document.getElementById(tab).classList.add('active');
    
            // Change the active class for the tabs.
            document.querySelectorAll('.tab-item').forEach(function(item) {
                item.classList.remove('active');
            });
            // Highlight the active tab.
            if (tab === 'esp') {
                document.querySelector('.tab-item:first-child').classList.add('active');
            } else if (tab === 'aimbot') {
                document.querySelector('.tab-item:last-child').classList.add('active');
            }
        }
    
        function resetGuest() {
            alert('Guest reset!');
        }
    
        function triggerDragonFly() {
            const checkBox = document.getElementById('startDraw3D');
            const container = document.querySelector('.settings-container');
            if (checkBox.checked) {
                // When the checkbox is selected, create a 'dragon flying' effect.
                const dragon = document.createElement('div');
                dragon.classList.add('flying-dragon');
                container.classList.add('dragon-fly-animation');
                container.appendChild(dragon);
    
                // After 3 seconds, the effect will automatically stop, and the dragon will disappear.
                setTimeout(function() {
                    dragon.remove();
                }, 3000);
            }
        }
    
  	
 </script>
</body>

</html>