
/* ================= MAIN WRAPPER ================= */
.capta-a1{
  width:100%;
  display:flex;
  justify-content:center;
  padding:0px 0px;
}

/* ================= BOX ================= */
.capta-a2{
  width:100%;
  max-width:100%;
  background:#f4fafb;
  border-radius:4px;
  padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

/* ================= HEADING ================= */
.capta-a3{
  font-size:18px;
  font-weight:600;
  text-align:center;
  margin-bottom:18px;
  color:#222;
}

/* ================= ROW ================= */
.capta-a4{
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
}

/* ================= CAPTCHA TEXT ================= */
.capta-a5{
  flex:1;
  background:#fff;
  border:2px dashed #03a4cd;
  padding:14px 10px;
  font-size:22px;
  font-weight:bold;
  letter-spacing:6px;
  text-align:center;
  color:#03a4cd;
  border-radius:10px;
  user-select:none;
}

/* ================= REFRESH ================= */
.capta-a6{
  width:50px;
  height:50px;
  background:#03a4cd;
  border:none;
  border-radius:10px;
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

/* ================= INPUT ================= */
.capta-a7{
  flex:1;
  padding:14px 12px;
  border-radius:10px;
  border:1px solid #ccc;
  font-size:16px;
  outline:none;
}

/* ================= VERIFY ================= */
.capta-a8{
  margin-top:16px;
  width:100%;
  padding:14px;
  background:#03a4cd;
  border:none;
  border-radius:10px;
  color:#fff;
  font-size:16px;
  cursor:pointer;
}

/* ================= MESSAGE ================= */
.capta-a9{
  text-align:center;
  margin-top:12px;
  font-size:14px;
}
.capta-a10{color:green;}
.capta-a11{color:red;}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* Extra Small */
@media(max-width:420px){
  .capta-a4{
    flex-direction:column;
  }
  .capta-a6{
    width:100%;
    height:42px;
  }
}

/* Small */
@media(min-width:421px) and (max-width:600px){
  .capta-a5{font-size:18px;}
}

/* Tablet */
@media(min-width:601px) and (max-width:900px){
  .capta-a2{max-width:100%;}
}

/* Laptop */
@media(min-width:901px){
  .capta-a2{max-width:100%;}
}

/* Large screens */
@media(min-width:1400px){
  .capta-a2{max-width:100%;}
}