body {
	margin: 0;
	background-color: #f0f0f0;
	font-family: 'inter',sans-serif;
    background-image:url("cache/bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
}
header {
	background-color: cyan;
	color: white;
	font-size: x-large;
	font-family:agency FB;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
button {
	border: none;
	background-color: cyan;
	color: white;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);	
}
button:hover{
	background-color: white;
	color: cyan;
}
.text {
	background-color: white;
	color: cyan;
	padding: 10px;
	border: none;
	border-radius: 10px 0 0 10px;
} 
.btn {
	border: none;
	background-color: cyan;
	color: white;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0);
	border-radius:0 10px 10px 0;	
}
.search {
	border-radius: 10px;
	padding: 20px;
	width: 300px;
	margin-top: 30%;
	background-color:#ef9a9a;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
ad {
	position: fixed;
	right:0;
	left:0;
	bottom: 0;
	background-color: cyan;
	color: white;
	padding: 10px;
	display: flex;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	justify-content: space-between;
}
img {
	width: 100px;
}
ad text {
	font-family: chiller;
	padding: 10px;
	font-size:medium;
}
marquee {
	background-color: cyan;
	color: white;
	padding: 5px;
	font-size: small;
	margin: 5px;
	border-radius: 20px;
	width: 300px;
}
.container {
	display: flex;
	background-color: white;
	padding: 10px;
	margin: 20px;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.box {
	background: rgba(255, 255, 255, 0.5);
	padding: 10px;
	margin: 5px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.box hr {
border: 0.01px solid cyan;
}
.box tt {
font-family:'inter',sans-serif;
color:red;
}
.box img {
width:80px;
margin-right:10px;
}
.holder {
display:flex;
}
footer {
	padding: 10px;
	background-color: darkcyan;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
hr {
	border: 0.02px solid white;
}
.containers {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
      background: rgba(255, 255, 255, 0.5);
      border-radius:20px;
      margin:10px;
      padding:5px;
}
    h2 {
      margin-bottom: 20px;
      font-size: 24px;
      color: white;
    }

    .slider-container {
      position: relative;
      overflow: hidden;
      margin:1em;
    }

    .slider {
      display: flex;
      overflow-x: auto;
      border-radius:10px;
      scroll-behavior: smooth;
      scrollbar-width: none;
      background-color:#ffffff;
    }
    .slider::-webkit-scrollbar {
      display: none;
    }

    .app-card {
      margin-top:5px;
      flex: 0 0 auto;
      width: 160px;
      margin-right: 20px;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.08);
      text-align: center;
      transition: transform 0.2s ease;
    }

    .app-card:hover {
      transform: translateY(-5px);
    }

    .app-card img {
      width: 60%;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }
    img {
    }
    .app-info {
      padding: 10px;
    }

    .app-name {
      font-size: 15px;
      color: #333;
      margin-bottom: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .download-btn {
      display: inline-block;
      padding: 6px 12px;
      font-size: 13px;
      background: #1a73e8;
      color: #fff;
      border-radius: 6px;
      text-decoration: none;
      transition: background 0.2s ease;
    }

    .download-btn:hover {
      background: #155ab6;
    }

    /* Arrow Buttons */
    .arrow {
      position: absolute;
      color:black;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.9);
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
      z-index: 5;
    }

    .arrow:hover {
      background: #fff;
    }

    .arrow.left {
      left: -0px;
    }

    .arrow.right {
      right: -0px;
    }