body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{margin:80px auto;max-width:1450px;width:90%}.home h1{margin:40px 0;text-align:center}.section{padding:20px}.graph-container{display:flex;justify-content:space-around}.graph-section{width:45%}.graph-section p{color:#007991;font-size:1rem;font-weight:600;margin:0 5px}.graph-section p strong{color:#015a6b;font-weight:900}.home .section{animation:sectionLoadAnimation .5s ease-in-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 30px #0000004d;margin:20px 0;padding:20px;position:relative}.tips-container{flex-wrap:wrap;gap:10px;margin-top:50px;padding:20px}.tip-box,.tips-container{align-items:center;display:flex;justify-content:center}.tip-box{background:#cdf7ff;border:2px solid #007991;border-radius:10px;box-shadow:0 4px 15px #0003;flex-direction:column;height:130px;overflow:hidden;padding:10px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:130px}.tip-box:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-10px)}.tip-box h3{margin:0}.tip-box p{font-size:13px;margin:5px auto!important}.arrow{color:#333;font-size:30px;margin:0 15px}.cursive-font{color:#007991;font-family:Pacifico,cursive;font-size:44px;margin-bottom:0;text-align:center}.home .section h2{color:#eaeaea;font-size:5rem;font-weight:900;left:0;margin:0 0 10px;position:absolute;text-transform:uppercase;top:-20px}.home .section .section_p{color:#333;font-size:1rem;line-height:1.1;margin:10px 0 30px;position:relative;text-align:justify;z-index:2}.home .section button{border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.home-new-section h2{color:#333;font-size:2em;font-weight:700;margin-bottom:20px;text-align:center}.service-box-container{display:flex;gap:20px;justify-content:space-between}.service-box{align-items:center;animation:sectionLoadAnimation .5s ease-in-out;background:#fff;border-radius:20px;box-shadow:0 4px 30px #0000004d;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-box:hover{box-shadow:0 12px 36px #00000080;transform:translateY(-5px)}.service-icon{height:auto;margin:10px 0;width:50%}.service-box h3{color:#007991;font-size:1.5em;margin-bottom:5px;margin-top:10px}.service-box p{color:#666;font-size:1.2em;margin-bottom:20px;margin-top:0}.button-group{display:flex;gap:10px;justify-content:center}.service-button{background-color:#007991;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.service-button:hover{background-color:#005f6b}.section{background:#f9f9f9;padding:40px;text-align:center}.team-members{display:flex;flex-wrap:wrap;justify-content:center}.about-content{display:flex;flex-wrap:wrap;gap:20px}.text-content,.video-content{flex:1 1;min-width:300px;padding:30px}.player-wrapper{padding-top:56.25%;position:relative}.react-player{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:1200px){.home{width:95%}.graph-section{margin:10px 0}.service-box-container{flex-direction:column;gap:10px}.home .section h2{font-size:3rem}.graph-container{flex-direction:column}.graph-section{width:100%}.graph-section p{font-size:2rem}}@media (max-width:768px){.cursive-font{font-size:36px}.service-box{padding:20px}.service-box h3{font-size:1.2em}.service-box p{font-size:1em}.team-member{padding:10px}.team-member h3{font-size:1.2em}.team-member p{font-size:.9em}}@media (max-width:480px){.home{margin:80px 0;width:100%}.section{padding:20px}.home .section h2{font-size:1.5rem;top:0}.cursive-font{font-size:28px}.service-box{padding:15px}.service-box h3{font-size:1em}.service-box p{font-size:.8em}.team-member{padding:10px}.team-member h3{font-size:1em}.team-member p{font-size:.8em}.graph-section p{font-size:1rem}.tips-container{flex-direction:column}.text-content,.video-content{padding:5px}}.team-member-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px;overflow:hidden;text-align:center;transition:transform .3s,box-shadow .3s;width:200px}.team-member-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px)}.team-member-photo{height:200px;object-fit:cover;object-position:top;width:100%}.team-member-name{font-size:1.5em;margin:10px}.team-member-intro{font-size:1em;margin:10px 20px}.team-member-button{background:#007991;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:20px;padding:10px 20px;transition:background .3s}.team-member-button:hover{background:#005f6b}.popup-overlay{height:100%;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;position:relative;text-align:center;width:300px}.popup-close{cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.about{margin:80px auto;max-width:1450px;width:90%}.about h1{margin:40px 0;text-align:center}@keyframes sectionLoadAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about .section{animation:sectionLoadAnimation .5s ease-in-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 30px #0000004d;margin:20px 0;padding:20px;position:relative}.about .section h2{color:#eaeaea;font-size:5rem;font-weight:900;left:0;margin:0 0 10px;position:absolute;text-transform:uppercase;top:-20px}.about .section p{font-size:1rem;margin:40px 0 0;position:relative;z-index:2}.donor-container{margin:30px auto;max-width:1450px;padding:20px;width:90%}.donor-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.donor-box{animation:fadeIn 1s ease-in-out forwards;background:linear-gradient(90deg,#78ffd6,#23a7c2);border-radius:10px;box-shadow:0 4px 22px #0000004d;color:#f4f4f9;flex-basis:calc(20% - 20px);flex-grow:0;flex-shrink:1;margin:10px 0;opacity:0;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.donor-box:hover{box-shadow:0 8px 26px #0000004d;transform:translateY(-5px)}.donor-box h2{color:#024754;font-size:2em;font-weight:600;margin-bottom:10px;margin-top:0}.donor-box .donor-id{color:#007d95;font-size:.8em;margin:5px 0}.donor-box .donor-trees{color:#024754;font-size:1.2em;font-weight:600;margin:5px 0}h1{color:#007991}@media (max-width:1200px){.donor-box{flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:900px){.donor-box{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:600px){.donor-box{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:1}}.farmer-container{margin:30px auto;max-width:1450px;padding:20px;width:90%}.farmer-list{flex-wrap:wrap;gap:20px}.farmer-box,.farmer-list{display:flex;justify-content:center}.farmer-box{animation:fadeIn 1s ease-in-out forwards;background:linear-gradient(90deg,#78ffd6,#23a7c2);border-radius:10px;box-shadow:0 4px 22px #0000004d;color:#f4f4f9;cursor:pointer;flex-basis:calc(20% - 20px);flex-direction:column;flex-grow:0;flex-shrink:1;margin:10px 0;opacity:0;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.farmer-box:hover{box-shadow:0 8px 26px #0000004d;transform:translateY(-5px)}.farmer-box h2{color:#024754;font-size:2em;font-weight:600;margin-bottom:10px;margin-top:0}.farmer-box .farmer-id{color:#007d95;font-size:.8em;margin:5px 0}.farmer-box .farmer-location{color:#024754;font-size:1.2em;font-weight:500;margin:5px 0}.farmer-box .farmer-trees{color:#024754;font-size:1.2em;font-weight:600;margin:5px 0}h1{color:#333;font-size:2em;margin-bottom:20px;text-align:center}@media (max-width:1200px){.farmer-box{flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:900px){.farmer-box{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:600px){.farmer-box{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:1}}.popup-overlay{align-items:center;animation:fadeIn .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.popup-box{animation:slideIn .5s;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:60%;max-width:500px;overflow-y:auto;padding:20px;width:80%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-button{background-color:#ffe0e0;border:1px solid red;border-radius:5px;color:red;cursor:pointer;font-size:20px;padding:5px 10px;right:10px;top:10px}.popup-box p{margin:3px 0}.close-button:hover{background-color:#ffcdcd}.top-details{align-items:center;display:flex;justify-content:space-between}.farmer-name{margin:0}.image-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin-top:20px}.farmer-image{border-radius:8px;width:100%}.loading-spinner{color:#000;font-size:24px}.fullscreen-image-container{background:#fff;border-radius:8px;padding:10px;position:relative}.loading-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.loading-popup-icon{font-size:2rem;margin-bottom:10px}.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-popup-text{color:#333;font-size:1.2rem}.donation-container{align-items:center;display:flex;justify-content:center;margin:80px auto}.donation-box{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:20px;width:500px}.donation-box h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px;position:relative}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.selection-boxes{display:flex;justify-content:space-between;margin-top:10px}.selection-box{align-items:center;background:#f7f7f7;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 5px;padding:10px;text-align:center;transition:background .3s ease,border-color .3s ease}.selection-box:hover:not(.selected){background:#e7e7e7;color:#000}.selection-box.selected{background:#c5fffb;border:2px solid #0492ae;color:#014957}.selection-box img{height:auto;mix-blend-mode:multiply;width:50%}.selection-box:first-child img,.selection-box:last-child img{width:70%}.selection-box p{font-size:16px;font-weight:600}.number-boxes{display:flex;justify-content:space-between;margin-top:10px}.number-box{background:#f7f7f7;border:1px solid #ddd;border-radius:5px;cursor:pointer;flex:1 1;margin:0 5px;padding:10px;text-align:center;transition:background .3s ease,border-color .3s ease}.number-box:hover{background:#e7e7e7}.number-box p{color:#333;font-size:18px;font-weight:500;margin:0}.total-amount-box{background:#f7f7f7;border:1px solid #ddd;border-radius:5px;margin-top:15px;padding:10px;text-align:center}.total-amount-box p{color:#333;font-size:18px;font-weight:500;margin:0}button[type=submit]{background-color:#007991;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background-color .3s ease;width:100%}button[type=submit]:hover{background-color:#005f6b}.thank-you-container{align-items:center;animation:backgroundFade 2s ease-in-out;background-color:#f0f8ff;display:flex;height:100vh;justify-content:center}.thank-you-box{animation:boxFadeIn 1s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;padding:50px;text-align:center}.thank-you-text{color:#007991;font-family:Dancing Script,cursive;font-size:48px;margin-bottom:20px}.thank-you-message{color:#333;font-size:18px;margin-bottom:30px}.redirect-button{background-color:#007991;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.redirect-button:hover{background-color:#287a9a}@keyframes backgroundFade{0%{background-color:#fff}to{background-color:#f0f8ff}}@keyframes boxFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 2s ease-in-out}.not-found-container{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;text-align:center}.not-found-content{border-radius:10px;max-width:600px;padding:20px}.not-found-text{font-size:10rem;margin:0}.not-found-subtext{animation:fadeIn 2s ease-in-out;font-size:2.5rem;margin:0}.not-found-description{animation:fadeIn 3s ease-in-out;color:#007991;font-size:1.2rem}.not-found-icon{color:#007991;font-size:5rem}.back-home-icon{margin-right:10px}.back-home-link{align-items:center;background:#ff4757;border-radius:5px;color:#fff;display:inline-flex;font-size:1.2rem;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background .3s ease-in-out}.back-home-link:hover{background:#ff6b81}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.no-internet-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.no-internet-container h1{font-size:3rem;margin:.5rem 0}.no-internet-container p{font-size:1.2rem;margin:1rem 0}.no-internet-icon{color:#007991;font-size:50px;position:relative}.no-internet-icon:after{background:red;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:60%}.fullscreen-overlay{align-items:center;animation:fadeIn .5s;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.fullscreen-container{background:#fff;border-radius:8px;padding:10px;position:relative}.fullscreen-image{border-radius:8px;max-height:90vh;max-width:90vw}.fullscreen-close-button{background:#ff5c5cb0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:26px;padding:10px 20px;position:absolute;right:15px;top:15px}.imagedisplay_container{margin:80px auto;max-width:1450px;text-align:center}.imagedisplay_container h1{color:#333;font-size:2.5rem;margin:0}@keyframes imageLoadAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.imagedisplay_container .image{animation:imageLoadAnimation .5s ease-in-out;border-radius:10px;box-shadow:0 4px 15px #0000004d;cursor:pointer;height:auto;margin:10px;object-fit:contain;transition:transform .3s,box-shadow .3s;width:200px}.imagedisplay_container .image:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}@media (max-width:468px){.imagedisplay_container .image{width:150px}}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}header{align-items:center;background-color:#fff;box-shadow:0 2px 30px #0000004d;box-sizing:border-box;color:#000;display:flex;height:60px;padding:0 1rem;position:fixed;width:100%;z-index:100}header img{height:30px;margin-right:20px}.hamburger{cursor:pointer;display:none}.hamburger i{font-size:24px}nav ul{display:flex;list-style-type:none;margin:0;padding:0}nav ul li{margin-right:20px;position:relative}nav ul li a,nav ul li span{align-items:center;color:#333;cursor:pointer;display:flex;font-size:16px;text-decoration:none}nav ul li a i,nav ul li span i{margin-left:5px}nav ul li a:hover,nav ul li span:hover{border-radius:10px;color:#000}.dropdown-content,.dropdown-submenu-content{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000004d;display:none;min-width:160px;position:absolute;z-index:3}.dropdown-content a,.dropdown-submenu span,.dropdown-submenu-content a{color:#333;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover,.dropdown-submenu-content a:hover{background-color:#f4f4f4}.dropdown:hover .dropdown-content{display:block}.dropdown-submenu{position:relative}.dropdown-submenu-content{left:100%;top:0}.dropdown-submenu:hover .dropdown-submenu-content{display:flex;flex-direction:column}main{padding:1rem}h1,h2{color:#007991}button{background-color:#007991;border:none;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#005f6b}section{margin:20px 0}@media (max-width:768px){header{justify-content:space-between}.hamburger{display:block}nav ul{background-color:#fff;box-shadow:0 8px 16px #0003;display:none;flex-direction:column;left:0;padding:0 20px 20px;position:absolute;top:60px;width:100%}nav ul.open{display:flex}nav ul li{margin:10px 0;text-align:center}.dropdown-content,.dropdown-submenu-content{left:0;position:static;width:200px}}
/*# sourceMappingURL=main.2380bf30.css.map*/