html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .form-label { font-size:14px; font-weight:bold;}
  
.bg1 {
    /* Set your background image URL here */
    //background-image: url('../images/bg1.png');
    background-image:none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* optional: keep content readable */
    background-attachment: fixed; 
   
 
  }

  .bg2 {
    /* Set your background image URL here */
    background-image: url('../images/bg2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* optional: keep content readable */
    background-attachment: fixed; 
   
 
  }
.top-logo { padding:10px;}
.padding-zero{ padding:0px;}

.padding-10{ padding:10px;}

.footer {  position:absolute; bottom:0px;left:0px; margin:0px 10px;}
header { padding:10px 0; margin:0px;}
.content { background:#EFEFEF; border-radius: 25px; padding:20px; margin:20px;}
.box{ border:5px solid #fff;border-radius: 25px; padding:10px 20px; font-weight: bold; font-size: 22px; text-align:center}

.button1 { border-radius: 25px; padding:10px;background-image: linear-gradient(#EFEFEF, #B8B9BC); color:#3E4378; font-weight: bold; text-align: center; border: 2px solid #1D2033}
.button1:hover { border-radius: 25px; padding:10px; background-image: linear-gradient(#5b3682,#8f55cb ); color:#Fff;text-align: center;border:#1D2033}
.button2 { border-radius: 25px; padding:0px; background-image: linear-gradient(#5b3682,#8f55cb ); color:#Fff;text-align: center;border:5px solid #1D2033; font-weight:bold}
.button3 { border-radius: 25px; padding:10px; background-image: linear-gradient(#5b3682,#8f55cb ); color:#Fff;text-align: center;border:5px solid #fff; font-weight:bold ;  }

input[type="checkbox"] {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
}

input[type="checkbox"]:hover,
input[type="checkbox"]:focus {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 600px){

  .container-fluid { padding:0px; margin:0px;}
  
.bg1 {
    /* Set your background image URL here */
    background-image: url('../images/bg1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* optional: keep content readable */
    background-attachment: fixed; 
    min-height: 100vh;
    width: 100%;
  }

  .bg2 {
    /* Set your background image URL here */
    background-image: url('../images/bg2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* optional: keep content readable */
    background-attachment: fixed; 
    min-height: 100vh;
    width: 100%;
  }

  .content { background:#EFEFEF; border-radius: 25px; padding:10px 20px;}
  footer {  position: fixed; bottom:0px;left:0px;}
}