/*-------start Home header part--------*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
}


.user-profile i{
 color: white;

  align-self: center;
  margin-right: 0.2rem;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  float: right;
}



.oniketan-site-head {
    box-sizing: border-box;
    height:4rem;
  padding: 1.3rem;
   position: fixed;
  top:0;
  left: 0;
  width: 100%;
  background-color:darkblue;
  display: flex;
  justify-content: space-between;
 

}
.company-logo {
    align-self: center;
  margin-left: 0.2rem;
  font-size: 2.5rem;
  color: white;

}

.menu-items {
  margin: auto;
}

.menu-items a {
  border-right: 1px solid yellow;
border-bottom: 4px solid yellow;
    padding: 0.5rem;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2rem;
  color: white;


}

.menu-bar {
  color: white;
  cursor: pointer;
  display: none;
}








@media screen and (max-width: 710px) {
  .menu-items {
    display: none;
    position: absolute;
    top: 4.0rem;
    left: 0;
    height: 900px;

    width: 60%;
     border-left: 12px solid black;
      border-right: 6px solid black;
   background-color: darkblue;
   transition: all .3s ease-out;
   left:0;

  }

  .menu-items.responsive {
    display: block;



    
  }

  .menu-items a {
    letter-spacing: 2px;
    display: block;
   font-size: 18px;
    border-bottom: 2px solid black;
    color: #fff;
    cursor: pointer;
 background-color: darkblue;
 font-family: Monospace;

  }
.menu-items:hover > a {
  background-color: darkblue;
    color: #fff;
    cursor: pointer;
 font-size: 18px;
border-bottom: 2px solid #fff;




  }
  .menu-bar {
    display: block;
    z-index: 1;
  }

  .company-logo {
    font-size: 1.4rem;

    color: white;
  align-self: center;
  margin-left: 0.2rem;
  
  }
}

/*-------Footer  part-- start------*/


.down-foot {
    width: 100%;
    color: #fff;
    margin: auto;
    border-top: 2px solid #fff;
}
.privacy {
   
    float: left;
   
        
}
.copyright {
    
    float: right;
   
    
}

.footer {
     bottom: 0;
  width: 100%;
  background: darkblue;
  border-radius: 6px;  
   margin: 0;
 
margin-right: 10px;


 overflow: hidden;

  align-items: center;
  border-top: 10px solid yellow;
  justify-content: center;
  padding: 0px 0px 0px 0px;

}
.footer .footer-item-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.5rem;
  padding: 60px;
}


.footer-item-line .footer-sub-line .footer-title {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 1px solid yellow;
  font-weight: 400;
  border-bottom: 10px;
   background-color: green;
  box-shadow: 10px 6px;
}
.footer-sub-line .items {
  margin-top: 20px;
  

}
.footer-sub-line .items .item-name {
  margin-top: 10px;
  list-style: none;
  
  
}
.footer-sub-line .items .item-name a {
  text-decoration: none;
  color: yellow;
}


.footer-sub-line .items .item-name a:hover {
  color: #fff;
}
.footer-sub-line p {
  margin: 10px 0;
  max-width: 300px;
  color: #ffff;
 
  
}

.footer-sub-line h5{
  margin: 0px 0;
  max-width: 300px;
  color: #fff;
  
}

.footer-sub-line form {
  display: flex;
  gap: 5px;
}


.footer-sub-line input {
  height: 40px;
  border-radius: 6px;
  background: none;
  width: 100%;
  outline: none;
  border: 1px solid #7489C6 ;
  caret-color: #fff;
  color: #fff;
  padding-left: 10px;
}
.footer-sub-line input::placeholder {
  color: #ccc;
}
 .footer-sub-line form button {
  background: #fff;
  outline: none;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: 0.2s ease;
}
.footer-sub-line form button:hover {
  background: #cecccc;
}



.footer-sub-line .icons {
  display: flex;
  margin-top: 10px;
  gap: 10px;
  cursor: pointer;
  height:20px;
  width: 20px;
}
.footer-sub-line .icons .footer-share-icon img {
border-radius: 5px 5px 5px 5px;
 cursor: pointer;
  height:20px;
  width: 20px;
}
.footer-sub-line .icons i {
  color: red;
}
.footer-sub-line .icons i:hover  {
  color: #fff;
}

.toppage{
    
    top: 90%;
    right:40px;
    width: 26px;

    z-index: 100;
    color: blue;
    position: fixed;
   
}
.fa-angles-up{
  background-color: black;
  color: #fff;
    text-align: enter;
    height: 25px;
    font-size: 15px;
    line-height: 38px !important;
    margin: 0 5px 5px 0;
    width: 25px;
    display: block;
    text-shadow: none;
    border: 1px solid #AAA;
     border-radius: 3px;
    overflow: hidden;
    
}

/*-------page side icons share-------*/

.sideset{
    
    top: 50%;
    right:5px;
    width: 36px;

    z-index: 100;
    color: blue;
    position: fixed;
   
}
.sideset-icon{
  
    text-align: enter;
    height: 35px;
    font-size: 20px;
    line-height: 38px !important;
    margin: 0 5px 5px 0;
    width: 35px;
    display: block;
    text-shadow: none;
    border: 1px solid #AAA;
     border-radius: 3px;
    overflow: hidden;
    
}
/*-------page side icons end-------*/




@media (max-width: 710px) {
  .footer {
  
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
    border-radius: 0;
  }
  .footer .footer-item-line {
    padding: 20px;
    gap: 1rem;
  }
  .footer-sub-line form {
    
  }
  .footer-sub-line form :where(input, button) {
    width: 100%;
  }
  .footer-sub-line form button {
    margin: 10px 0 0 0;
  }
 .down-foot {
    width: 100%;
    color: #fff;
    margin: auto;
    border-top: 2px solid #fff;
    text-align: center;
    font-size: 14px;
}

.copyright{
  font-size: 10px;
}
}












/*-------Footer part-end-------*/



/*-------body part- start-------*/




.oniketan-body{
    width: 100%;
   font-size: 22px;
 
margin-top: 3.1rem;
height: 100%;
 overflow: visible;

  align-items: center;
  justify-content: center;
  
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

padding: 10px;

    -webkit-touch-callout: none; 
          -webkit-user-select: none; 
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
}






@media screen and (max-width: 710px) {
  .oniketan-body {   
  width: 100%;
  font-size: 18px;
    margin: 0;
    overflow: visible;
margin-top: 3.1rem;
height: 100%;
  -webkit-touch-callout: none; 
          -webkit-user-select: none; 
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          padding: 10px;
    
  }
}


/*--------------login create accout----->*/



.loginform{
    padding: 20px;
    align-items: center;
    border-left: 15px;
    text-align: center;

}



.login-button button{

    background-color: yellow;
    color: darkblue;
    height: 30px;
    width: 100px;
    text-align: center;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
}

input[type=text] {
 
  width: 80%; 
  padding: 12px 10px; 
  margin: 8px 0; 
  box-sizing: border-box; 


  background-color: #f2f2f2; 
  border: 1px solid #ccc; 
  border-radius: 4px; 
  color: #333; 
  font-size: 16px; 
}



input[type=password] {
   width: 80%; 
  padding: 12px 10px; 
  margin: 8px 0; 
  box-sizing: border-box; 


  background-color: #f2f2f2; 
  border: 1px solid #ccc; 
  border-radius: 4px; 
  color: #333; 
  font-size: 16px; 
}




.login-form{
    padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-form h3{
    text-align: center;
    font-size: 25px;
    color: red;
}

.login-form h4{
    text-align: center;
    font-size: 15px;
    color: darkblue;
}
 .login-left{
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  background-color: #fff;
 
 color: #fff;
 border-radius: 40px;
}

.login-right{
  width: 60%;
  border-radius: 10px;
  margin-left: 75px;
padding: 5px;
color:#fff;
background-color: #A5C1D4;
}
.loginbottom {
        font-size: 11px;
        text-align: center;
        align-items: center;
        color:#fff;
    }



@media (max-width: 710px) {
  
  .login-form{
    flex-direction: column-reverse;

  }
.login-left{
   width: 100%;
   flex-direction: row;
   margin-top: 40px;
   justify-content: center;
   flex-wrap: wrap;
   padding: 10px;
 }
 .login-left::before{
   display: none;
 }
 .login-right{
   width: 100%;
   margin-left: 0;
 }

  
    
    .loginbottom {
        font-size: 11px;
        text-align: center;
        align-items: center;
        color:#fff;
    }
  
}