/* BLUE CURVE BOX */

.curve-box{
background:linear-gradient(180deg,#243c8f,#4a7edc);
color:#fff;
text-align:center;
padding:5px 10px;  
clip-path: polygon(0 0,100% 0,100% 80%,85% 100%,15% 100%,0 80%);
}

.group-image{
margin-top:-60px;
}

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

.three-buttons{
margin-top:-70px;
position:relative;
z-index:10;
}

/* TITLE */

.hero-title{
font-size:28px;
font-weight:bold;
margin-bottom:10px;
}

.hero-subtitle{
font-size:26px;
color:#ffe600;
font-weight:bold;
margin-bottom:20px;
}

/* BUTTON */

.register-btn{

background:#ffd400;
color:#000;

padding:14px 30px;

border-radius:30px;

font-size:18px;
font-weight:bold;

text-decoration:none;

display:inline-block;
}

/* THREE BUTTONS */

.btn-card{

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

padding:20px;

border-radius:12px;

font-size:16px;
font-weight:700;

color:#fff;

height:120px;

box-shadow:0 10px 25px rgba(0,0,0,0.25);
transition:0.3s;
}

.btn-card:hover{
transform:translateY(-5px);
text-decoration:none;
}

.btn-card i{
font-size:24px;
margin-bottom:5px;
}

.green-btn{
background:linear-gradient(135deg,#2db67c,#0f8a5f);
}

.blue-btn{
background:linear-gradient(135deg,#3b63ff,#183bbd);
}

.yellow-btn{
background:linear-gradient(135deg,#ffd23c,#f5a400);
color:#000;
}

.menu-close-btn{
      display:none;
    }


@media (max-width: 768px) {

  .curve-box {
    background: linear-gradient(180deg, #243c8f, #4a7edc);
    color: #fff;
    text-align: center;
    padding: 6px 10px;   /* reduce vertical padding */
    clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 100%, 15% 100%, 0 75%);
    margin-bottom: 15px; /* slightly less spacing below */
    font-size: 14px;     /* optional: smaller text to match reduced box */
    margin-top : 0px;      /* add some spacing above on mobile */
  }

  .group-image{
    margin-top:-30px;
  }

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

  .three-buttons{
    margin-top:-10px;
    position:relative;
    z-index:10;
  }

  .btn-card{

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:20px;

    border-radius:12px;

    font-size:16px;
    font-weight:700;

    color:#fff;

    height:120px;

    box-shadow:0 10px 25px rgba(0,0,0,0.25);
    transition:0.3s;
  }

  .btn-card:hover{
    transform:translateY(-5px);
    text-decoration:none;
  } 

  .btn-card i{
    font-size:24px;
    margin-bottom:5px;
  }

  .green-btn{
    background:linear-gradient(135deg,#2db67c,#0f8a5f);
  }

  .blue-btn{
    background:linear-gradient(135deg,#3b63ff,#183bbd);
  }

  .yellow-btn{
    background:linear-gradient(135deg,#ffd23c,#f5a400);
    color:#000;
  }


  .hero-title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
  }

  .hero-subtitle{
    font-size:16px;
    color:#ffe600;
    font-weight:bold;
    margin-bottom:20px;
  }

  /* BUTTON */

  .register-btn{

  background: #ffd400;
  color: #000;

  padding:10px 10px;

  border-radius:30px;

  font-size:12px;
  font-weight:bold;

  text-decoration:none;

  display:inline-block;
}}