.payUpimsg{
    font-family: texg;
    margin-bottom: 0px;
}

.statusSpan{
    font-weight: bolder;
    font-family: nucleo;
    font-size: large;
}

.normalText{
    font-family: nucleo;
}

.btn1{
    font-family: nucleo;
    font-size: 1rem;
}



h6{
    font-family: nucleo;
}
.noFont{
    font-family: sans-serif;
    font-weight: 600;
}


// -[-----------------------------------------------------------------]-

.btn:hover, .btn1:hover {
    background-color: #ebeaea;
    color: #46AC9E;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.popup-card {
    background-color: #ffffff;
    width: 100%; 
    max-width: 600px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}


  .resetSpan{
    font-family: texg;
    color: #1e3d3b;
    font-size: xx-large;
    float: center;
    margin-top: 15px;
    
    // margin-left: 64px;
  }
//   .centered-form {
//     display: flex;
//     flex-direction: column;
//     align-items: center;
//     justify-content: center;

//   }
  ::ng-deep .custom-tab-group .mat-tab-label {
    // color: rgb(0, 0, 0);
    text-transform: none;
     min-width: auto; 
    padding: 5px;
    color: #505050;
    font-weight: 700;
    font-size: 1rem;
    padding: 10px;
    font-family: nucleo;
    width: 270px;
    
  }
  .normalTextIN{
    color: #505050;
    font-weight: 700;
    font-size: small;
    font-family: nucleo;
    font-size: 1rem;
  }


.centered-heading {
    text-align: center;
    margin-bottom: 20px;
}


.centered-form-content {
    text-align: center;
    padding: 0 20px;
}

.centered-button {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}



::ng-deep .mat-form-field-flex{
    background-color: #ffffff;
}




@media screen and (max-width: 600px) {
    .centered-heading {
        font-size: 1.2rem; 
    }
}



@media (max-width: 767px) {
    .responsive-container {
        padding: 10px; 
    }
    
    .custom-tab-group {
        width: 100%; 
    }
    
    .centered-form-content {
        padding: 10px; 
    }
    
    .col-md-3,
    .col-md-6 {
        flex-basis: 100%; 
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .col-md-3,
    .col-md-6 {
        flex-basis: 50%; 
    }
}

.center-container {
    display: flex;
    justify-content: center; /* Horizontally center */
    // align-items: center; /* Vertically center */
    // height: 100vh; /* Make the container cover the viewport vertically */
    // background-color: rgba(0, 0, 0, 0.5); /* Optional overlay background */
}