:root
{
     /*-------------------theme-------------------*/
      --themebg:rgba(189, 131, 216, 0.9);
      --themebghover:rgba(189, 131, 216, 1);
      --themecolor:#fff;
      --bg:rgba(133, 184, 231,0.20);
      --fontcolor:rgba(0, 0, 0, 0.4);
      /*---------------------btn----------------------*/
      
      --btnbg:rgba(133, 184, 231,0.89);
      --btnbghover:rgba(133, 184, 231,0.89);
      --btncolor:#fff;
      --btncolorhover:#fff;
      /*---------------------headeing-----------------*/
      
      --headingbg:rgba(189, 131, 216, 0.9);
      --headingcolor:#fff;
      --headingonly:rgba(0, 0, 0, 0.45);
      
      /*---------------------shadow-------------------*/
      
      --sd:0px 0px 10px 0px grey;
      --sdhover:0px 0px 10px 0px grey;
      --boxsd:1px 1px 4px 1px grey;
      --boxsdhover:1px 1px 1px 2px grey;
      
      /*---------------------*/
      
      --borderradius:30px;
      --practice:#dce9fc;
      
      /*------------------------inputbg---------------------*/
      
      --inputbg:white;
      --plcaholdercolor:#777;
      --selectcolor:#777;
      --inputborder:#666;
      --inputborderhover:#444;
      --inputcolor:#444;
   
}
*
{
   font-family: 'Poppins', sans-serif;
   margin: 0;
   padding: 0;
   box-sizing:border-box;
   outline: none;
   border: none;
   text-decoration:none;
   transition-duration:all .03s lenear;
}
.html
  {
   font-size:100%;
   overflow-x: hidden;
   scroll-behavior: smooth;
   scroll-padding-top: 7rem;
  }
body
{
    background:var(--bg);
    /*background-image:url(image/bg7.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:left;*/
}