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

.top-card {
    
    background-color: #35D0BA;
	border-bottom:1px solid white;
	border-bottom-left-radius: 12%;
	border-bottom-right-radius: 12%;
   
    cursor: pointer;
    transition: ease 0.2s;
   
    
}

.nav-card {
    
    background-color: #35D0BA;
    border:0px solid white;
	border-top-left-radius:12%;
	border-top-right-radius:12%;
    cursor: pointer;
    transition: ease 0.2s;
    box-shadow: -0.75em -0.75em 1em #ffffff,1em 1em 1em #d8dae0b1;
    
}

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

.font{
    font-size: 22px;
	color:black;
	padding-top:5px;
}

.name-balnc{
    height: auto;
	padding:15px 5px;
    
    margin-top:10px;
    margin-bottom: 80px;
	background-color:#FCFFE7;
	border:1px solid white;
	border-radius:5%;
}

.name-text{
	padding:45px 10px;
	color:black;
}

.amt-round{
	height:145px;
	width:145px;
	border-radius:50%;
	padding:8px;
	background-color:#35D0BA;
	text-align:center;
	margin-top:13px;
	
}

.amt-text{
	padding:35px 10px;
	
}

.amt-text a{
	text-decoration:none;
	color:white;
	
}



.info-font{
    font-size: 23px;
	color:#FF5F00;
	border-bottom:2px solid #FF5F00;
	border-radius:10%;
	padding:8px;
	margin:5px;
}

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

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

}

.topbar img{
    height: 70px;
    width: 70px;

    
}

.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{
    background-color:#F9FBE7;
    font-size: 15px;
    
}

.info-tab-item{
    color: black;
    font-size: 13px;
    
}

.offer-card{
	background-color:#D5EEFF;
	border:0px solid;
	border-radius:10px;
}



/*Card Start*/
		.card{
			border-radius:10%;
		}
	    .custom-card {
      background-color: #F9FBE7;
      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:5%;
	}

    .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%;
	}
	
	.profile-icon{
		color:#FF5F00;
		font-size:40px;
		border-bottom:2px solid #FF5F00;
		border-radius:10%;
		padding:8px;
		margin:5px;
		
	}

    .toast {
        visibility: hidden;
        min-width: 250px;
        background-color: white;
        color: black;
        text-align: center;
        border-radius: 2px;
        padding: 16px;
        position: fixed;
        z-index: 1;
        left: 50%; /* Center horizontally */
        bottom: 50%;
        transform: translate(-50%, 50%); 
        font-size: 17px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
    }
    
    .toast.show {
        visibility: visible;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
    
    @keyframes fadein {
        from { opacity: 0; transform: translate(-50%, 60%); } 
        to { opacity: 1; transform: translate(-50%, 50%); }
    }
    
    @keyframes fadeout {
        from { opacity: 1; transform: translate(-50%, 50%); } 
        to { opacity: 0; transform: translate(-50%, 60%); }
    }
    