.Mian-Home-page{background-color:#f4f9ed;padding:1rem;display:flex;justify-content:center;min-height:45vh}.Main-secon-div-my{max-width:1200px}.Main-secon-div-my,.Trending-Causes-div{width:100%;display:flex;flex-direction:column;justify-content:center}.Trending-Causes-div{align-items:center;text-align:center;margin-bottom:2.5rem}.Trending-Causes-span{font-size:32px;font-weight:800;color:#2c3e12;margin-bottom:8px}.Main-trending-dd{font-size:16px;color:#567a28;margin-bottom:1rem}.Main-div-in-all-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;justify-items:center;width:100%}.card{width:100%;max-width:330px;background:#ffffff;border-radius:20px;overflow:visible;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(86,122,40,.12)}.card .top-section{height:160px;background-size:cover;background-position:50%;position:relative;background-color:#e8f0dc;flex-shrink:0;border-radius:20px 20px 0 0;overflow:hidden}.card .top-section .border{position:absolute;top:0;left:0;background:#567a28;color:white;height:auto;width:auto;min-width:60px;padding:4px 12px;border-bottom-right-radius:15px;font-weight:700;font-size:12px;white-space:nowrap;text-transform:capitalize}.Main-div-in-feeding{padding:15px 15px 5px;background:white;flex:1 1}.Main-Feeding-span{font-size:18px;font-weight:800;color:#1a1a1a;margin-bottom:6px;display:block}.Main-poor-main-dd{font-size:13px;line-height:1.4;color:#666;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.Main-div-icoon{margin-top:4px;display:flex;align-items:center;gap:8px;color:#555;font-size:13px}.Main-icoon{color:#567a28;font-size:14px}.donation-card{background-color:#f9fbf2;padding:15px;border-top:1px solid #eef3e6;flex-shrink:0;border-radius:0 0 20px 20px}.progress-wrapper{position:relative;margin-top:20px}.progress-bar{height:8px;background-color:#e0e0e0;border-radius:10px}.progress-fill{background:linear-gradient(90deg,#567a28,#bdde98);height:100%;border-radius:10px}.percentage-box{position:absolute;top:-25px;right:0;background:#ffd600;padding:1px 6px;border-radius:4px;font-weight:800;font-size:11px}.donation-amounts{display:flex;justify-content:space-between;margin:12px 0}.goal,.raised{font-size:14px;font-weight:800;color:#1a1a1a}.goal span,.raised span{font-size:10px;color:#888;text-transform:uppercase}.donation-buttons{display:flex;align-items:center;justify-content:space-between;padding-top:5px;gap:8px}.donate-button{background-color:#567a28;color:white;padding:8px 16px;border-radius:10px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:5px;border:none;cursor:pointer;transition:all .3s ease}.donate-button:hover{background-color:#43601f}.share-wrapper{position:relative}.share-button{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1.5px solid #567a28;background:#fff;color:#567a28;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.share-button:hover{background:#567a28;color:#fff}.share-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;background:#fff;border:1px solid #e8f0dc;border-radius:12px;box-shadow:0 8px 24px rgba(86,122,40,.15);min-width:155px;z-index:9999;overflow:hidden;animation:dropUp .15s ease}@keyframes dropUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.share-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:#333;text-decoration:none;background:none;border:none;border-bottom:1px solid #f3f3f3;width:100%;text-align:left;cursor:pointer;transition:background .15s;font-family:inherit}.share-option:last-child{border-bottom:none}.share-option:hover{background:#f4f9ed}.share-option span{font-weight:600}.Main-div-ico-share{display:flex;gap:10px}.Main-dd-kk-ico{color:#567a28;font-size:18px;cursor:pointer}.main-buttton-div{margin-top:3rem}.Main-load-more,.main-buttton-div{display:flex;justify-content:center}.Main-load-more{background-color:#567a28;color:white;height:45px;width:180px;border-radius:50px;border:none;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:background .3s}.Main-load-more:hover{background-color:black}@media (max-width:768px){.Mian-Home-page{padding:1rem .75rem}.Trending-Causes-span{font-size:24px}.Main-trending-dd{font-size:14px}.Main-div-in-all-card{grid-template-columns:1fr}.card{max-width:100%}}@media (max-width:480px){.Trending-Causes-span{font-size:20px}.Main-load-more{width:150px;height:42px;font-size:14px}.donation-buttons{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.donate-button,.share-button{flex:1 1;justify-content:center}}