/* Header Gradient (Blue → White → Blue) */
    .header-bg {
      background: linear-gradient(90deg, #2f4a6a, #ffffff 50%, #2f4a6a);
    }
    .logo {
      height: 60px;
      width: auto;
    }
    @media (max-width: 576px) {
      .logo {
        height: 40px;
      }
    }

    /* Blue Gradient for Card Header */
    .card-header {
      background: linear-gradient(90deg, #2f4a6a, #1b2f47);
      color: #fff;
    }

    /* Blue Gradient Buttons */
    .btn-gradient {
      background: linear-gradient(90deg, #2f4a6a, #1b2f47);
      color: #fff;
      border: none;
    }
    .btn-gradient:hover {
      background: linear-gradient(90deg, #1b2f47, #0f1a2b);
      color: #fff;
    }

	.btn_margin {
		margin-top: 15px;
	}
	


html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}


.custom-box {
    max-width: 500px;   /* চাইলে 500px বা 700px দিতে পারবেন */
    margin: auto;}

.custom-box-result {
    max-width: 600px;   /* চাইলে 500px বা 700px দিতে পারবেন */
    margin: auto;}