@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css');

html, body{
    width:100%;
    min-height:100%;
    margin:0;
    padding: 0; 
    background-color: #9DBDFF;
    font-family: "Poppins", sans-serif;
}
.header{position:fixed; top:0; left:0; z-index: 999; width:100%; height:60px; padding:2px 10px; background-color: #1a488e; color: #eee;}
.logo img{ height:60px;}
section{
    padding: 5% 0;
}
.pe-auto{cursor: pointer;}
.center-items{
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}
.m-title{padding: 10px;}
.card{background-color: transparent; border:0;}
.qn-box{
    border: 1px solid #a3bcf4;
    border-radius: 15px;
    margin: 5px 0;
    padding: 4% 2%;
    background: radial-gradient(#a3c0fc, #aec5f8);
    box-shadow: 25px 25px 40px #8ca8e6, inset -5px -5px 40px #b9cdf7;
    transition: all .5s cubic-bezier(0.31,-0.54, 0.64, 1.52);
}
.qn-box-vanish:hover{
    margin-top:-120px;
    transition: all .7s cubic-bezier(1,-0.57, 0, 1.35);
    opacity: 0;
}
.qn-box .qn{
    font-size: clamp(1.2rem, 5vw, 1.5rem);
    color: #1a488e;
}
.qn-box .ans{
    padding: 4px 10px 4px 2px;
    margin:10px 0;
}
.qn-form-input{ background-color: transparent; border:0; border-bottom: 3px solid #7ba1ef; margin: 10px 0;}
.qn-btn{
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    color:#fff;
    font-size:1rem;
    text-decoration: none;
    border: 0;
    border-radius: 15px;
    width: 100%;
    background: radial-gradient(#90b2f7, #82a8fa);
    box-shadow: 5px 5px 10px #9db5eb, inset 5px -5px 10px #7ba1ef;
}

/* ------ */
.radiobox {
    position: relative;
    width: 48.6%;
    min-height: 20px;
    padding: 5px;
    border: 1px solid #8cb5ff;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
    margin:2px 0 7px;
    
  }
  
  input.r[type="radio"].r {
    appearance: none;
  }
  
  input[type="radio"].r + label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  input[type="radio"].r:checked + label {
    background: #2299dc;
    color:#fff;
  }
  .login-logo{
    margin: -90px auto 0;
    background: #a0b7e8;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
  }
  .login-logo img{ height:70px;}
/* ------------- */
.footer{position:fixed; bottom:0; left:0; z-index: 999; width:100%; height:40px; padding:15px 10px 20px; background-color: #1a488e; font-size:.7rem; color: #eee;}