.mb-4 {padding-top: 20px;}
.mb-6 {margin-bottom: 1.1rem !important;}

/** Micro Line **/
.fs-two-smaller {font-size: 13px;color: #ac85ff;}
.micro-line {font-size: 12px;color: #9a9a9a;letter-spacing: 2px;text-transform: uppercase;margin: 18px 0 35px;letter-spacing: 3px;}

/** Subtitle Glow **/
.fs-five  {position: relative;z-index: 2;}

.fs-five::before {content: "";position: absolute;top: 50%;left: 50%;width: 600px;height: 400px;transform: translate(-50%, -50%);background: radial-gradient(circle,rgba(155, 0, 255, 0.18) 0%,rgba(155, 0, 255, 0.08) 40%,transparent 70%);
  filter: blur(60px);z-index: -1;pointer-events: none;}

.content-item {position: relative;z-index: 2;}

.content-item::before {content: "";position: absolute;top: 50%;left: 50%;width: 600px;height: 400px;transform: translate(-50%, -50%);background: radial-gradient(circle,rgba(155, 0, 255, 0.18) 0%,rgba(155, 0, 255, 0.08) 40%,transparent 70%);
  filter: blur(60px);z-index: -1;pointer-events: none;}

/* H1-H5 Title Styles **/
.info-box h5 {text-shadow: 0 0 15px rgba(155, 0, 255, 0.4);}

/*--------------------------------*/
/* Games Area
/*--------------------------------*/
.area-padding { padding:60px 0;}
  
.section-headline {padding-bottom: 35px;position: relative;}
.section-headline.text-center {text-align: center;}
.section-headline p {max-width: 560px;font-size: 17px;margin: 0 auto;}
.section-headline h3 {font-size: 40px;text-transform: capitalize;}
 
.games-area {width: 100%;margin: 0 auto;}

.ipsImage_thumbnailed{margin: 0 auto;display: grid;}

.single-games {
  background: rgba(18,18,28,0.72);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  transition: all 0.25s ease;
;}

.single-games {padding: 25px;margin-bottom: 15px;}
.single-games:hover {transform: translateY(-5px);box-shadow: 0 15px 35px rgba(155, 0, 255, 0.25);border-color: rgba(155, 0, 255, 0.4);}

.single-games h3 {font-size: 18px;margin-bottom: 8px;text-align: center;}
.single-games p {font-size: 14px;color: #aaa;margin-bottom: 15px;}

.games-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 25px;}

.games-btn {padding:8px 20px;text-align: center;transition: all 0.4s ease 0s;width: 180px;border-radius: 8px;border:1px solid #a076ee;display: inline-block;font-size: 13px;color: #9b00ff;text-decoration: none;font-weight: 600;margin: 30px auto 15px;display: grid;}
.games-btn:hover {border-radius: 8px;background: #7f42ef;border-color: #8855f4;color: #fff;filter: drop-shadow(3px 3px 10px rgb(123, 16, 172));text-decoration: underline;}

@media only screen and  (max-width: 1280px) {
.single-games {padding: 30px 15px;}
}

@media only screen and  (max-width: 992px) {
.single-games {padding: 0;}
}

@media (max-width: 767px) {
.single-games {padding: 30px 10px;width: 264px;margin-left: -20px;}
}

.single-games h4 {margin: 0 auto;font-weight: 700;font-size: 15px;text-transform: uppercase;padding: 15px; color: #fff;border: solid 1px #774EF0;margin-bottom: 30px;border-radius: 20px;background: url(https://static.vecteezy.com/system/resources/thumbnails/006/868/934/small_2x/abstract-purple-fluid-wave-background-free-vector.jpg);}
	
@media only screen and (max-width: 479px) {
.single-games h3 {padding: 9px;}
}

@media (min-width: 2560px) {
.single-games h3 {font-size: 1.3em;}
}

.games-img {width: 413px;  height: 289px; margin: 0 auto;pointer-events: none;background: url(https://static.vecteezy.com/system/resources/thumbnails/006/868/934/small_2x/abstract-purple-fluid-wave-background-free-vector.jpg);;padding: 20px;border-radius: 10px;background-repeat: no-repeat;}

@media only screen and  (max-width: 992px) {
.games-img {margin: 0 auto 0 -10px;width: 200px;height: 230px;}
.games-area-2 .single-games {margin-bottom: 50px;width: 225px;}
}

@media only screen and  (max-width: 479px) {
.games-area-2 .single-games {margin-bottom: 20px;width: 330px;}
.games-img {margin: 0 auto 0 ;}
.single-games h4 {height: auto;}
}

.homepage_image {width: 1230px;margin: 0 auto;border-radius: 6px;border: 4px solid #4a0909;}

.introduction {padding: 25px 0;}
.homelinks {margin-bottom: 25px;}

@media only screen and  (max-width: 479px) {
.homepage_image {width: 350px;}
}

/*.gradient-text {background-image: linear-gradient(-3deg, red, #38ff00);-webkit-background-clip: text;background-clip: text;color: transparent;}*/

/** HR Style **/
.product-section {position: relative;}
.product-section::before {content: "";position: absolute;top: 0;left: 50%;width: 60%;height: 1px;transform: translateX(-50%);background: linear-gradient(to right,transparent,rgba(155, 0, 255, 0.5),transparent);}

/** Custom Buttons **/
 
.btn-primary { background: linear-gradient(135deg, #7b00ff, #d000ff);  color: #fff;box-shadow: 0 0 22px rgba(155,0,255,0.65);}
.btn-primary:hover {  transform: translateY(-3px);box-shadow: 0 0 35px rgba(208,0,255,0.95);}

.btn-home {
  background-color: #7e0eb1;
  display: inline-block;
  padding: 3px 5px; /* slightly wider = more premium */
   margin: 2px 0 5px 5px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 10px; /* softer, modern look */
  letter-spacing: 0.3px; /* subtle polish */
  position: relative; /* required for glow effects */
  overflow: hidden; /* needed for shine effect */
  transition: all 0.25s ease;
}

.btn-home:active {transform: scale(0.97);}
.btn-home:hover::before {opacity: 1;}

/** Button Alingment **/
.center {margin: 0 auto;Display: grid;width: 10%;padding: 25px;}


.btn-secondary:active {transform: scale(0.97);}
.btn-secondary {background-color: #7e0eb1;display: inline-block;padding: 3px 5px;margin: 2px 0 5px 5px;font-size: 14px;font-weight: 600;text-decoration: none;border-radius: 10px;letter-spacing: 0.3px;position: relative;overflow: hidden;transition: all 0.25s ease;text-align: center;}

.btn-secondary:hover {transform: translateY(-2px);box-shadow: 0 0 25px rgba(155, 0, 255, 0.9);}
.btn-secondary:hover::before {opacity: 1;}
.btn-secondary::before {position: absolute;inset: 0;border-radius: 8px;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);opacity: 0;transition: 0.3s;}

.trust-strip {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 25px 10px;
  font-size: 14px;
  color: #aaa;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/** View All Buttons **/
.view-all-products {margin: 0 auto;display: grid;width: 165px;padding: 10px;}