@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);.home-sec .img-sec img{width:400px}.about-sec{padding:150px 0}.about-sec img{border:5px solid #303054;width:350px}footer{padding:50px 0}::-webkit-scrollbar-thumb{background:#303054}*{font-family:Poppins,sans-serif;scroll-behavior:smooth}.heading h2{border-left:8px solid #303054;display:flex;flex:1 1;flex-direction:column;font-size:28px;font-weight:500;gap:30px;justify-content:center;margin-bottom:15px;padding:5px 15px}.heading p{font-size:18px}.heading p span{color:#303054;font-weight:600}.btn1{background-color:#303054;border-radius:5px;color:#fff;font-size:1rem;font-weight:400;padding:10px 20px;text-decoration:none!important;transition:all .5s}.btn1:hover{background-color:#e6edff;color:#303054}header{background-color:#303054;width:100%}header .navbar-brand{color:#fff;font-size:22px;font-weight:600}nav{padding:8px 0!important}.cont-sec{background-color:#e6edff;padding:8px;width:100%}.cont-sec .contact-cont{display:flex;flex-wrap:wrap}.cont-sec p{margin:0}.cont-sec p a{color:#303054;text-decoration:none}.pm{height:40px;width:100px}.cont-sec .social{text-align:right}.cont-sec .social a img{margin-left:15px;width:20px}.home-sec{padding:100px 0}.home-sec .home-content h1{font-size:2.3rem;font-weight:600;margin-bottom:20px}.home-sec .home-content h2 span{color:#14e20d}.home-sec .home-content h2{font-size:1.8rem;font-weight:600;margin-bottom:30px}.home-sec .home-content p{font-size:1.3rem;margin-bottom:30px}.home-sec .img-sec{display:flex;justify-content:center}.home-sec .img-sec img{width:500px}.home-sec .home-content{align-items:center;padding:150px 0}.about-sec{background-color:#e6edff;padding-left:50px}.about-sec img{border:5px solid #5e5eaf;border-radius:5px;display:block;flex:6 1;flex-direction:column;gap:70px;height:100px;justify-content:center;max-width:1024px;width:100%}.about-sec .about-txt p{font-size:18px}.don-sec{background-color:#e6edff;padding:150px 0}.don-sec .don-box{background-color:#fff;border-radius:5px;box-shadow:0 0 15px #b4afaf;margin:50px 0;padding:50px;text-align:center;transition:all 1s}.don-sec .don-box img{transition:all 1s;width:70px}.don-sec .don-box h3{margin:15px 0 10px}.don-sec .don-box p{margin-bottom:25px}.don-sec .don-box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.mission{padding:150px 0}.gallery-sec{padding:50px 0;position:relative}.gallery-sec .image-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px}.gallery-sec .image-container .image{box-shadow:0 0 15px rgba(0,0,0,.1);cursor:pointer;height:200px;overflow:hidden;width:300px}.gallery-sec .image-container .image img{border:5px solid #d4d4d4;height:100%;object-fit:cover;transition:.2s linear;width:100%}.gallery-sec .image-container .image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.gallery-sec .pop-image{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.gallery-sec .pop-image span{color:#fff;cursor:pointer;font-size:60px;font-weight:bolder;position:absolute;right:50px;top:120px;z-index:100}.gallery-sec .pop-image img{border:3px solid #fff;left:50%;object-fit:cover;position:absolute;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:750px}.contact-section{padding:150px 0 80px}.contact-section .contact-form .form-group{margin-bottom:20px}.contact-section .contact-form .form-control{border-radius:5px;height:50px}.contact-section .contact-form textarea.form-control{height:120px;margin-bottom:10px}.contact-section .contact-form .form-control:focus{box-shadow:none}footer{background-color:#303054;color:#e6edff;margin:230px 230px 0;padding:100px;width:100%}footer h4{margin-bottom:20px}footer p a,footer p a:hover{color:#e6edff;text-decoration:none}footer .col-two ul li{list-style:none}footer .col-two ul li a{color:#e6edff;text-decoration:none;transition:all .5s}footer .col-two ul li a:hover{margin-left:5px}footer .social{margin-bottom:30px}footer .social a img{margin-right:15px;width:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border:7px solid transparent}::-webkit-scrollbar-thumb{background:#2e2e66}.tab-buttons{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.tab-button{background-color:#3c3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.tab-button.active{background-color:#9183d2}.content{background-image:url(https://static.zawya.com/view/acePublic/alias/contentid/image.201110050309LUTW/3/201110050309lutw-jpg.webp);background-size:cover;border:1px solid #6bb2d3;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;text-align:center}h3{color:#456fb6;font-size:24px;margin-bottom:10px}p{color:#253a3c;font-size:16px;line-height:1.5}ul{color:#fff;line-height:1.8;list-style-type:square}a{color:#22272c;text-decoration:none}a:hover{text-decoration:underline}span.color-purple{color:#c8874a}span.color-red{color:#ff5733}span.color-green{color:#33ff57}span.color-blue{color:#5733ff}span.color-pink{color:#528009}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-attachment:fixed;background-image:url(https://png.pngtree.com/thumb_back/fh260/background/20220217/pngtree-beautiful-hand-painted-green-garbage-collection-illustration-background-image_945238.jpg);background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif}.app{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;justify-content:center}.app,.garbage-list,.recycle-bin{border-radius:10px;padding:20px;width:100%}.garbage-list,.recycle-bin{background-attachment:fixed;background-image:url();background-repeat:no-repeat;background-size:cover;box-shadow:0 0 5px rgba(0,0,0,.2);margin-top:20px;max-width:800px}.garbage-list h2,.recycle-bin h2{color:#333;font-size:20px;margin-bottom:10px}.items{display:flex;flex-wrap:wrap;justify-content:space-between}.garbage-item,.recycle-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-basis:calc(33.33% - 10px);margin-bottom:20px;padding:10px;text-align:center}.garbage-item img,.recycle-item img{margin-bottom:10px;max-height:100px;max-width:100%}button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.add-custom-item{display:flex;justify-content:space-between;margin-top:20px}.add-custom-item input{border:1px solid #ddd;border-radius:3px;flex:1 1;margin-right:10px;padding:5px}.clear-button{background-color:#e74c3c;margin-top:10px}.clear-button:hover{background-color:#c0392b}@-webkit-keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.garbage-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}button:hover{background-color:#4caf50;transition:background-color .3s ease-in-out}.items .recycle-item{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.items .recycle-item.moved{-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.clear-button:hover{background-color:#f33;transition:background-color .3s ease-in-out}.items .recycle-item.moved{opacity:0;-webkit-transform:translateX(-100%) rotate(1turn);transform:translateX(-100%) rotate(1turn);transition:opacity .3s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out;transition:transform .5s ease-in-out,opacity .3s ease-in-out,-webkit-transform .5s ease-in-out}.clear-button,button{transition:background-color .3s ease-in-out}.clear-button:hover,button:hover{background-color:#4caf50}.garbage-item:hover h3{color:#ff5722;transition:color .3s ease-in-out}button{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.app{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{font-family:Roboto,sans-serif;text-align:center}.button_style{margin-left:10px!important;margin-right:10px}.centerTable{margin:0 auto}h2{color:#3f51b5}
/*# sourceMappingURL=main.da98a849.css.map*/