/* navbar */

.user-nav {

        border-radius: 8px;

        max-width: 100%;

    }



     .logo-img {

        object-fit: contain;

        height: 75px;





    }



     .btn-success {

        padding: 6px 18px;

        font-weight: 500;

        border-radius: 6px;

        background-color:#7bc941;

    }



    /* navbar */





   

/* index page */

    .post-image{

        width: 85%;

    }



    .madad-section {

    background: linear-gradient(135deg, #f3f4f6, #e0f7ec);

    padding: 60px 20px;

    border-radius: 10px;

    max-width: 900px;

    margin: 0 auto;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

}



.madad-heading {

    font-size: 2.8rem;

    font-weight: 700;

    color: #1b5e20; /* deep green */

    margin-bottom: 25px;

    font-family: 'Segoe UI', sans-serif;

}



.madad-text {

    font-size: 1.15rem;

    line-height: 1.8;

    color: #333;

    font-family: 'Open Sans', sans-serif;

    max-width: 800px;

    margin: 0 auto;

}





.recent-heading {

  font-size: 2.5rem;

  font-weight: bold;

  color: #1b5e20;

  letter-spacing: 1px;

}



.recent-posts .post-card {

  background: #fff;

  padding: 15px;

  border-radius: 12px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.08);

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.recent-posts .post-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 6px 15px rgba(0,0,0,0.12);

}



.post-image {

  width: 100%;

  height: 180px;

  object-fit: cover;

  border-radius: 8px;

}



.post-title {

  font-size: 1.25rem;

  font-weight: 600;

  color: #333;

}



.post-date {

  font-size: 0.95rem;

  color: #666;

}



.social-icons {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-top: 25px;

}



.social-icons a {

    display: inline-block;

    color: #fff;

    background-color: #4CAF50;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    font-size: 20px;

    line-height: 45px;

    text-align: center;

    transition: background-color 0.3s ease;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}



.social-icons a:hover {

    background-color: #388e3c;

}





    /* index page */







/* login page */



.form-container {

    background-color: #fff;

    padding: 35px 30px;

    border-radius: 10px;

    max-width: 450px;

    width: 100%;

}



.shadow {

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);

}



.form-group {

    margin-bottom: 20px;

}



.form-group label {

    display: block;

    margin-bottom: 6px;

    font-weight: 600;

}



.form-group input[type="text"],

.form-group input[type="password"] {

    width: 100%;

    padding: 10px 14px;

    font-size: 1rem;

    border: 1px solid #ccc;

    border-radius: 6px;

    transition: border-color 0.3s ease;

}



.form-group input:focus {

    outline: none;

    border-color: #4caf50;

}



.extra-options {

    margin-top: 10px;

    font-size: 0.9rem;

    color: #555;

}



.extra-options a {

    text-decoration: none;

    color: #4caf50;

}



.extra-options a:hover {

    text-decoration: underline;

}



.divbut {

    display: flex;

    justify-content: space-between;

    gap: 10px;

}



.green-btn {

    background-color: #4caf50;

    color: white;

    padding: 10px 20px;

    border: none;

    font-weight: 600;

    border-radius: 6px;

    cursor: pointer;

    width: 48%;

    transition: background-color 0.3s ease;

}



.green-btn:hover {

    background-color: #388e3c;

}





/* login page */





/* register page */



.form-container input,

.form-container textarea {

    border-radius: 6px;

    padding: 10px 14px;

    font-size: 1rem;

}



.form-container input:focus,

.form-container textarea:focus {

    border-color: #4caf50;

    box-shadow: none;

    outline: none;

}



.form-container h2 {

    color: #54b2d8;

    font-weight: 600;

}



/* Optional: adjust alert styling */

.alert-danger {

    font-size: 0.95rem;

    padding: 8px 12px;

    margin-bottom: 15px;

}



/* register page */





/* User Dashboard */



.user-info-card {

    background-color: #00b7df;

    padding: 25px;

    border-radius: 10px;

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);

    max-width: 500px;

    margin: auto auto 30px;

    height: 456px !important;

}



.user-info-card h2 {

    margin-bottom: 20px;

    color: white;

}



.user-info-card p {

    margin-bottom: 10px;

    font-size: 1rem;

    color: white;
    width:60%;
    border-radius:5px;

}

.user-info-card-2 {

    background-color: #d80003;

    padding: 18px;

    border-radius: 10px;

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);

    max-width: 500px;

    margin: auto auto 30px;

    

}



.user-info-card-2 h2 {

    margin-bottom: 20px;

    color: white !important;

    font-size: 28px;

}



.user-info-card-2 p {

    margin-bottom: 10px;

    font-size: 35px !important;

    color: white;

    background-color: #e43032;

    width: 60%;
   border-radius:5px;
    padding-left: 10px !important;

}

.user-info-card-2 a {

  

    font-size: 1rem;

    color: white;

}

.user-profile img
{
    border-radius:10px;
}

.user-info-card-3 {

    background-color: #5ecd0f;

    padding: 31px;

    border-radius: 10px;

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);

    max-width: 500px;

    margin: auto auto 30px;

    

}



.user-info-card-3 h3 {

    margin-bottom: 20px;

    color: white;

}



.user-info-card-3 p {

    margin-bottom: 10px;

    font-size: 1rem;

    color: white !important;

}

.user-info-card-3 a {

  

    font-size: 1rem;

    color: white;

}



.btn-edit {

    background-color: #62d1e6 !important;

    color: white !important;

    border: none;

    padding: 8px 16px;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.3s ease;

}
.btn-edit-2 {

    background-color: #ea5454 !important;

    color: white !important;

    border: none;

    padding: 8px 16px;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.3s ease;

}

.btn-edit-3 {

    background-color: #4cb23a !important;

    color: white !important;

    border: none;

    padding: 8px 16px;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.3s ease;

}



.btn-edit:hover {

    background-color: #009ac0 !important; /* darker on hover */

}





.logout-button {

    display: inline-block;

    margin-bottom: 30px;

    background-color: #e53935;

    color: white;

    padding: 10px 18px;

    border-radius: 6px;

    text-decoration: none;

    font-weight: bold;

}



.logout-button:hover {

    background-color: #c62828;

}



.welcome-msg {

    margin-bottom: 20px;

    font-weight: 600;

    color: #388e3c;

}



.user-id {

    background-color:#62d1e6;

    padding: 5px;

    width: 95px;

}





@media (max-width: 767.98px) {

  .user-info-card {

    height: 450px !important;

    margin-bottom: 0;

  }

}





/* Button Grid */

.button-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 15px;

}



.button-container button {

    padding: 12px 20px;

    font-size: 1rem;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    min-width: 100px;

    font-weight: 600;

}



.green-button {

    background-color: #00b7df !important;

    color: white;

    transition: background-color 0.3s ease;

}



.green-button:hover:not(:disabled) {

    background-color: #388e3c;

}



.green-button:disabled {

    background-color: #a5d6a7;

    cursor: not-allowed;

    color: #fff;

}





.button-box {

    background: #f9f9f9;

    padding: 30px;

    border-radius: 12px;

    border: 2px solid #e0e0e0;

    max-width: 850px;

    margin: 0 auto;

    text-align: center;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);

}



.button-container {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    justify-content: center;

}



.green-button {

    padding: 10px 20px;

    background-color: #28a745;

    color: white;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    transition: background-color 0.3s ease;

}



.green-button:hover:not(:disabled) {

    background-color: #218838;

}



.green-button:disabled {

    background-color: #cccccc;

    color: #666666;

    cursor: not-allowed;

}



/* User Dashboard */









/* buttons page */



.box {

            padding: 20px;

            background-color: #e3ffe3;

            border: 2px solid #2ecc71;

            display: inline-block;

            margin-top: 50px;

            font-size: 24px;

            border-radius: 8px;

        }

        a {

            margin-top: 20px;

            display: inline-block;

            text-decoration: none;

            color: #2ecc71;

        }



        .user-image{

            border-radius: 15px;

            width: 100px;

            height: 100px;

        }





        .status-box {

    background-color: #ffffff;

    padding: 30px;

    border-radius: 15px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    margin: 30px auto;

    text-align: center;

    font-family: 'Segoe UI', sans-serif;

    width: 850px;

}



.status-box h2 {

    margin-top: 20px;

    font-size: 22px;

    color: #333;

}



.status-box span {

    color: #4CAF50;

    font-weight: 600;

}







/* buttons page */









    /* footer */



    .footer-section {

  background-color: #5ecd0f !important;

  color: #fff;

  font-family: 'Segoe UI', sans-serif;

  border-top: 1px solid #444;

  margin: 0;

}



.footer-logo {

  max-width: 150px;

  border-radius: 6px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.2);

}



.footer-links a {

  text-decoration: none;

  transition: color 0.3s ease;

  font-size: 1.05rem;

  margin: 0;

}



.footer-links a:hover {

  color: #4caf50; /* Green hover */

}



.footer-logo-text {

    font-size: 15px;

}



@media (max-width: 768px) {

  .text-md-right {

    text-align: left !important;

  }

}



@media (max-width: 767.98px) {

  .footer-contact {

    align-items: center !important;

    text-align: center !important;

    margin: 0 auto;

  }



  .footer-contact a,

  .footer-contact h5 {

    text-align: center !important;

    width: 100%;

  }



  .footer-col-3 {

    align-items: center !important;

    text-align: center !important;

  }

  

  

}





/* footer */

/* policy */

 .policy-container {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0,0,0,0.05);
            padding: 40px;
            margin-top: 40px;
        }
        .policy-title {
            font-weight: bold;
            font-size: 2rem;
            margin-bottom: 20px;
            color: #333;
        }
        .policy-content {
            font-size: 1rem;
            color: #555;
            line-height: 1.6;
        }

        /* policy */