/* for top of the index page 03/09/26*/

.wristband-banner{
  max-width:1100px;
  margin:40px auto;
  padding:48px 60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
border: solid 1px #a9a9a9;
border-radius:5px;
/*border-radius:6px;*/
  box-sizing:border-box;

  /* complementary color gradient */
  background:
  radial-gradient(circle at 70% 40%, rgba(255,150,60,.25), transparent 45%),
  radial-gradient(circle at 85% 85%, rgba(90,160,230,.20), transparent 50%),
  linear-gradient(135deg,#fdfbf7 0%,#f6f8fb 100%);

  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

/* text side */

.wristband-text{
  max-width:520px;
}

.wristband-text h2{
  font-size:48px;
  line-height:1.1;
  margin-bottom:16px;
  color:#1a1a1a;
  font-weight:700;
}

.wristband-text p{
  font-size:18px;
  line-height:1.6;
  color:#5b6470;
  margin-bottom:28px;
}

.wristband-btn{
  display:inline-block;
  padding:14px 28px;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  color:black;
  border-radius:5px;
  background:linear-gradient(90deg,#ff9a3d,#ff6a2f);

  box-shadow:0 6px 18px rgba(255,120,50,.35);
  transition:.25s;
}

.wristband-btn:hover{
  transform:translateY(-2px);
    color:white;
}

/* image */

.wristband-image{
  max-width:360px;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.wristband-image img{
  width:100%;
  display:block;
}

/* responsive */

@media(max-width:900px){

.wristband-banner{
flex-direction:column;
text-align:center;
padding:36px 28px;
}

.wristband-text h2{
font-size:36px;
}

}