.blur{filter: blur(3px);pointer-events: none;}
sup{
    top: -0.8em;
    left: -0.1rem;
    background: #8a2387;
    color: white;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: 12px;
}
.dctext{border:1px solid rgba(0,0,0,0.2);}
.dctext:focus{
    outline:none;
    border-color:#2d5986;
    box-shadow:0 0 10px #2d5986;
    color:#2B2B2B;
}
.dclink{color:navy;}
.dclink:hover{color:navy;text-decoration:none;}
.dclink:active{color:blue;text-decoration:none;}
.chattext{padding:5px;width:250px;border:1px solid #ddd;border-radius:5px;margin:5px;}
.chattext:focus{outline:none;
    border-color:#d2d2d2;
    box-shadow:0 0 10px #d2d2d2;
}
.navlink{color:gray;border:1px solid #d2d2d2;padding:1px 12px;border-radius:5px;    box-shadow:0 0 10px #d2d2d2;}
.navbar{margin-bottom:15px;}
.dc-btn{border:none;background:#2d5986 !important;color:white;border-radius:3px;}
.dc-radius{border-radius:3px;}
.dc-link{color:navy;}
.dc-link:hover{text-decoration:none;}
.dc-bg{background: rgb(128,0,128);
background: linear-gradient(0deg, rgba(128,0,128,0.0698406776685393) 0%, rgba(255,255,255,1) 100%);}

*{box-sizing:border-box;}

.mainhead{background-color:#2d5986;padding:2px;color:white;text-align:center;font-weight:bold;font-size:18px;border:3px solid black;}
.header {background-color:#2d5986; font-size:18px;color:white;text-align:center;margin:0px;padding:5px;border:2px solid black;font-weight: bold;}
.keyfeature{font-size:15px;padding-left:20px;padding-right:20px;}
input[type=text],input[type=password]{padding:3px;}
a{color:navy;font-size: 17px;}
a:hover{text-decoration:none;color:navy;}

    html,body{
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        font-family: 'Inter', sans-serif;
        background: #FFF5F7;
        font-size:16px;
    }
    h1{font-size: 16px;}
    .background-common{background: #8A2387;}
    
    a{
        color:#2B2B2B;
        font-size: 16px;
        font-weight: bold;display: inline-block;padding: 0.1rem 0.6rem;
    }
  
    a:hover{
        text-decoration: none;
        font-size: 16px;
        color:#2B2B2B;
    }
    
    .footer
        {
        bottom:0;
        left:0;
        width:100%;
        display:block;
        color:white;
        padding:1px;
        margin-bottom:0px;
        border:2px solid black;
        font-variant:small-caps;
        margin-top:20px;
    }
    
    .headerr{font-size:18px;color:white;text-align:center;margin:0px;padding:2px;border:3px solid black;padding: 10px;}
    
    .top-links{
        margin-top: 1rem;
        color:#2B2B2B;
    }
    
    .boundry{background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(180,195,7,1) 35%, rgba(0,161,255,1) 100%);}
    
    .button{
        display: inline-block;
      background: #E94057;
      padding: 3px 5px;
      border-radius: 5px;
      border: 1px solid #E94057;
      color:white;
    }
    .button:hover{
        background:#D63384;color:white !important;
        border:1px solid #E94057;
    }
    
    .grid-features {
      display: grid;
      grid-template-columns: 25% 25% 25% 25%;
    }
    .sub-heading{
        color:#C2185B;
        font-size: 20px;
        font-weight: bold;
    }
    .image-custom:hover{
        background:white !important;
    }
    .profile-on-header{
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    @media only screen and (max-width:768px)
    {
     .headerr{font-size:17px;}
     .grid-features {
          display: grid;
          grid-template-columns: 50% 50%;
        }
    }