* {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.top-card {
    
    background-color: #f2f3f7;
    border-radius: 0.75em;
    cursor: pointer;
    transition: ease 0.2s;
    box-shadow: 1em 1em 1em #d8dae0b1, -0.75em -0.75em 1em #ffffff;
    border: 1.5px solid #f2f3f7;
}

.nav-card {
    
    background-color: #f2f3f7;
    border-radius: 0.75em;
    cursor: pointer;
    transition: ease 0.2s;
    box-shadow: -0.75em -0.75em 1em #ffffff,1em 1em 1em #d8dae0b1;
    border: 1.5px solid #f2f3f7;
}

.nav-comp{
    color: black;
    font-size: small;
}

.font{
    font-size: medium;
}

.info-font{
    font-size: large;
}

.text-primary{
    font-size: 25px;
}

.topbar a{
    font-size: larger;
    font-weight: 400;
    color: black;
    

}

.topbar img{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 1px solid black;
    
}

.box{
    height: 80px;
    background-image: linear-gradient(to right top, #9ab7f8, #83b1f2, #6aaaea, #4da4e2, #229ed9);
    border-top-left-radius:10px ;
    border-top-right-radius:10px ;
    text-align: left;
    
}

.box-text{
    padding-top:10px;
    padding-left: 17px;
}

.info-tab-item{
    color: black;
    font-size: 14px;
    text-align: center;
}

.refer-part{
    height: auto;
    
    margin-top: 20px;
    margin-bottom: 80px;
}

/*Card Start*/
	    .custom-card {
      background-color: #f2f3f7;
      border-radius: 0.75em;
      cursor: pointer;
      transition: ease 0.2s;
      box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3); /* Moderate level shadow */
      border: 3px solid;
      border-image-slice: 1;
      border-width: 3px;
      border-image-source: linear-gradient(to right top, #9ab7f8, #83b1f2, #6aaaea, #4da4e2, #229ed9);
	  margin-bottom:;
	  height:auto;
	  padding:20px 10px;
    }
	
	.mt{
		margin-top:10%;
	}

    .custom-button {
      background-image: linear-gradient(to right top, #9ab7f8, #83b1f2, #6aaaea, #4da4e2, #229ed9);
      border: none;
      color: white;
      transition: background-image 0.2s;
	  margin:5px 40%;
    }

    .custom-button:hover {
      filter: brightness(90%);
    }
	
	.form-label{
		margin-left:13%;
	}
	
	.form-label-profile{
		
		font-size:25px;
	}
	
	.form-label-otp{
		margin-bottom:5%;
		
	}
	
	
	.form-control{
		width:80%;
		height:50px;
		margin:0 auto;
		
	}
	
	
/*Card End*/

	.profile-img{
		height:130px;
		width:130px;
		border:2px solid powderblue;
		border-radius:50%;
	}