body{
	font-family: "Poppins", sans-serif;
              font-weight: normal;
             font-style: normal;
             color: #8a8fa3;
}
.header-content {
	height: 730px;
	width: 100%;
	margin-top: 90px;
	position: relative;
	overflow: hidden;
	background-color: #fbfbfb;
           }
.header-social .header-social-icon ul li a {
               color: #ccc;
               font-size: 20px;
               width: 40px;
               height: 40px;
               line-height: 40px;
               border-radius: 50%;
               border: 1px solid #ccc;
               -webkit-transition: all 0.3s ease-out 0s;
               -moz-transition: all 0.3s ease-out 0s;
               -ms-transition: all 0.3s ease-out 0s;
               -o-transition: all 0.3s ease-out 0s;
               transition: all 0.3s ease-out 0s;
               text-align: center;
           }
 /* ----------login--------- */
 * {
               padding: 0;
               margin: 0;
               box-sizing: border-box;
           }
   
           .login-box {
               position: relative;
               width: 400px;
               height: 450px;
               background: transparent;
               border: 2px solid rgba(255, 255, 255, .5);
               border-radius: 20px;
               display: flex;
               justify-content: center;
               backdrop-filter: blur(15px);
           }
   
           .login-box {
               position: relative;
               width: 410px;
               height: 460px;
               background-color: #1d3971;
               display: flex;
               justify-content: center;
               align-items: center;
           }
   
           h2 {
               font-size: 2em;
               color: white;
               text-align: center;
           }
   
           .input-box {
               height: 47px;
               width: 306px;
               margin: 35px 0;
               border-bottom: 2px solid #fff;
               margin-right: 10px;
           }
   
           .input-box>label {
               position: absolute;
               top: 163px;
               left: 82px;
               transform: translate(-35%);
               font-size: 20px;
               color: #fff;
               pointer-events: none;
   
           }
   
           .input-box>.nqav {
               position: absolute;
               top: 78px;
               left: 73px;
               transform: translate(-30%);
               font-size: 20px;
               color: #fff;
               pointer-events: none;
   
           }
   
           .input-box input {
               width: 100%;
               height: 36px;
               background: transparent;
               border: none;
               font-size: 20px;
               outline: none;
               color: #fff;
               padding: 0 35px 0 5px;
               margin-top: 13px;
               position: relative;
           }
   
           .remember-forgot {
               margin: -20px -6px 18px;
               font-size: 16px;
               color: #fff;
               display: flex;
               justify-content: space-between;
           }
   
           .remember-forgot label input {
               margin-left: 4px;
               cursor: pointer;
               width: 20px;
               height: 14px;
           
           }
   
           .remember-forgot a {
               color: #fff;
               text-decoration: none;
           }
           .remember-forgot a:hover {
               color: rgb(3, 3, 3);
               text-decoration: none;
           }
   
           .butt{
               width: 100%;
               height: 40px;
               background: #fff;
               border: none;
               outline: none;
               border-radius: 40px;
               cursor: pointer;
               font-size: 20px;
               color: #000;
               font-weight: 500;
               transition-duration: 6ms;
           }
           .butt:hover{
               background-color: orange;
               transform: scale(1.1,1.1);
           }
   
           .register-link {
               font-size: .9em;
               color: #fff;
               text-align: center;
               margin: 25px 0 10px;
           }
   
           .register-link p a {
               color: #fff;
               text-decoration: none;
               font-size: 18px;
           }
   
           .register-link p a:hover {
               text-decoration: underline;
               color: rgb(12, 12, 12);
           }
           input>.placeholder{
               color: white;
           }
           .cal{
            background-color: red;
           }
           .row-cols-1{
            justify-content: flex-start;
            margin-block-start: 30%;
           }
           .bg{
            color: #000!important;
           }
.btn{
    width: 96px;
    margin-left: auto;
    color: white;
}
.card{
    padding: 10px;
    box-shadow: 0px 0px 6px 0px black;
}
.vas{
    margin-top: -28px;
    margin-left: 13px;
    font-size: 19px;
}
.d-flex ul li a:hover{
    background-color:#1d3971;
    color: white;
}
.d-flex ul li a,.nav-link{
    color:#1d3971;
    font-size: 18px;
    margin-top: 3px;
}
.bi-x{
    border: none;
    font-size: 29px;
    margin-top: -11px;
}
.btn a{
    color: rgb(248, 241, 241);
    font-size: 18px;
}
.clock ul li{
       float: left!important;
       margin: 2px;
}