/* Styles for form container */
.subscriber-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center items horizontally */
}


.subscriber-item {
    text-align: center; /* Center align content */
    flex: 0 0 150px; /* Prevent items from stretching */
    margin: 5px 10px;/* Adjust margin between items */
}

.subscriber-item img {
    display: block;
    margin: 0 auto; /* Center avatar horizontally */
    margin-bottom: 5px; /* Space between avatar and name */
}

.subscriber-name {
    font-size: 14px; /* Adjust font size for name */
}

/* Styles for form container */
.form-container {
    background-color: rgba(115, 192, 67, 0.1); /* Transparent green background */
    padding: 20px;
    margin: 20px; /* Example: centers the form */
}

/* Styles for form group */
.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-group label {
    flex: 1;
    margin-right: 10px;
}

.form-group.is-focused .form-control {
    background-image: linear-gradient(#73c043, #73c043), linear-gradient(#73c043, #73c043);
}

.form-group input[type="text"] {
    flex: 2;
    padding: 8px;
    font-size: 16px;
    width: 100%;
}

.form-group input[type="submit"] {
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    background-color: #73c043; /* Green button color */
    color: #fff;
    border: none;
    transition: background-color 0.3s ease; /* Smooth transition */

}

.form-group input[type="submit"]:hover {
    background-color: #8edf5d; /* Lighter green on hover */
}

.search-form {
    width:100%;
}

.green-border {
    border: 4px solid #73c043;
}