@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sofia&display=swap";.images{margin-top:10px;height:430px;width:100%}h3{font-weight:400}p{font-weight:300;margin:5px}.product{display:flex;align-items:center;justify-content:center;margin-top:-280px;color:#fff}.contain button{height:45px;width:250px;border-radius:20px;border:none;background-color:#e99e11;margin:20px}.card h3,.card p{margin:12px}.contain h1,.card-grid h1{font-weight:400}.about{margin-top:90px}.card-grid{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.card{width:320px;margin:20px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid rgba(255,255,255,.2)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2c7873,#4a9d96,#6bb6b0)}.card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #00000026}.card-container{display:flex;justify-content:center;align-items:center;margin-top:130px;padding:0 20px}.card-grid img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}.card:hover img{transform:scale(1.1)}.card button{color:#fff;background:linear-gradient(135deg,#2c7873,#4a9d96);width:160px;height:45px;border:none;margin:15px 20px 25px;border-radius:25px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2c78734d;position:relative;overflow:hidden}.card button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.card button:hover:before{left:100%}.about-container,.about-container1{display:flex}.about-img img,.about-img1 img{width:480px;height:350px;margin:40px;border-radius:5px}.aboutit{margin:30px}.aboutit1{margin-top:30px}.aboutit h1{margin:30px;font-weight:400}.aboutit1 h1{margin:20px;font-weight:400}.aboutit p{text-align:justify}.card button:hover{background:linear-gradient(135deg,#1e5a56,#2c7873);transform:translateY(-2px);box-shadow:0 8px 25px #2c787366}.card h3{color:#2c3e50;font-size:1.4em;font-weight:600;margin:20px 15px 10px;text-align:center}.card p{color:#5a6c7d;line-height:1.6;margin:15px 20px;text-align:center;font-size:14px}.aboutit button{color:#fff;background-color:#008b8b;width:180px;height:40px;border:none;margin:20px;border-radius:4px}@media (max-width:768px){.card-grid{flex-wrap:wrap}.images{margin-top:10px;height:410px;width:100%}.product{display:flex;align-items:center;justify-content:center;margin-top:-390px;color:#fff}.contain h1,.contain p{margin:20px}.card-container{display:flex;justify-content:center;align-items:center;margin-top:100px}.card-grid{display:flex;justify-content:center;align-items:center}.card button{margin:10px 20px 20px;border-radius:4px}.about-container{display:block}.about-container1{display:flex;flex-direction:column-reverse}.about-img img,.about-img1 img{margin:-10px 15px 50px;width:90%;height:230px}.aboutit{margin:5px 20px 20px 25px}.aboutit1{margin:-40px 20px 40px 25px}}body{margin:0;font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.header{background-color:#fff;display:flex;color:#000;padding:1 rem;align-items:center;justify-content:space-between}.header h1{font-weight:400;margin:10px}.nav-links{list-style:none;display:flex;gap:1rem;margin-right:10px}.nav-links a{text-decoration:none;color:#333}.hamburger,.login1{display:none;flex-direction:column;cursor:pointer}.login2{display:none}.hamburger .bar{width:30px;height:4px;background-color:#0c0c0c;margin:4px;border-radius:5px}.nav-links a:hover{background-color:#008b8b;border-radius:5px;color:#fff;padding:8px;transform:scale(10px);transition:.2s}li{margin-right:30px}.login a{border:2px solid rgb(84,82,82);padding:5px;border-radius:4px}.login a:hover{background-color:#333;padding:5px;border-radius:4px;color:#fff;border:none;transition:.2s}.title img{width:150px;height:37px}@media screen and (max-width:768px){.nav-links{display:none;flex-direction:column;width:30%;height:fit-content;text-align:left;position:absolute;top:57px;right:0;background-color:#efe8e8;padding:15px;border-radius:10px}.nav-links.active{display:flex}.nav-links li{margin:10px 10px 20px}.nav-links li a:hover{background-color:#fff;color:#000;width:100%;border-radius:7px;transition:.2s;padding:10px;overflow:hidden}.hamburger{display:flex;margin-right:10px}.title h1{font-size:25px}.login2{flex-direction:column;cursor:pointer;font-size:17px;background-color:#353434;border-radius:6px;padding:2px;margin-right:15px;display:block;margin-top:2px}.login2 a{color:#fff}.m-view{display:flex}.login{display:none}}.logout-btn{background:none;border:2px solid rgb(84,82,82);color:#333;text-decoration:none;font-weight:700;cursor:pointer;font-size:inherit;font-family:inherit;padding:5px;border-radius:4px}.logout-btn:hover{background-color:#333;color:#fff;border:none;transition:.2s}.login2 .logout-btn{color:#fff;border:none;padding:5px}.foot{background-color:#eee5e5;color:#000;height:40px;text-align:center;padding:1px}.foot p{margin-top:13px}*{margin:0%}.field{width:fit-content;border-radius:0;border:none;background-color:#eae2e2;margin-top:90px}.cont-auth{display:flex;align-items:center;justify-content:center}input{width:250px;height:38px;border-radius:5px;border:none;padding-left:10px}.check input{width:fit-content;height:fit-content;margin-top:12px}.check span{margin:5px}a{text-decoration:none}.auth button{background-color:#008b8b;color:#fff;width:97%;height:37px;border:none;margin:2px;border-radius:5px}.auth button:hover{background-color:#084a4a}.error-text{color:red;font-size:12px;margin:4px}input{margin:5px}textarea{border:1px solid grey}.icon h1{background-color:#008b8b;border-radius:50%;width:50px;height:45px;color:#fff;padding-top:6px}.icon-auth{margin-top:10px;color:#008b8b}.big-contain{display:flex}.servererror p{color:red;margin:10px}@media (max-width: 768px){.field{width:85%;border-radius:7px;border:none;background-color:#eae2e2;margin-top:150px}input{width:92%;height:45px;border-radius:5px;border:none;padding-left:10px}}.box{border-radius:15px;height:400px;width:770px;border:1px solid black;align-items:center;justify-content:center;margin-top:50px}.left{float:left}.left img{height:400px;width:400px;border-radius:15px 0 0 15px}.right{float:right;margin-right:40px}.right h1{font-weight:400;font-size:2rem}.input-box{margin-top:10px;width:100%;font-size:20px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;height:40px}.box-contain{display:flex;align-items:center;justify-content:center}.area{margin-top:10px}.submit{margin-top:30px;text-align:center;border:1px solid #333;border-radius:7px;height:35px;width:150px;font-size:20px}.submit:hover{color:#fff;background-color:#333}.search-todo input{width:400px;border:2px solid #e1e8ed;height:50px;margin:15px;border-radius:25px;padding:0 20px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 4px 15px #0000000d}.search-todo input:focus{outline:none;border-color:#4a9d96;box-shadow:0 0 0 3px #4a9d961a,0 8px 25px #0000001a;transform:translateY(-2px)}.search-todo input::placeholder{color:#a0aec0;font-weight:500}.product-input{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:30px;background:linear-gradient(135deg,#f8fffe,#fff);border-radius:20px;margin:40px 20px;box-shadow:0 10px 30px #0000000d}.crop-container{display:flex;align-items:center;justify-content:center;margin:50px 20px;padding:20px}.add-crop{display:block;background:linear-gradient(145deg,#fff,#f8fffe);padding:40px;border-radius:25px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(44,120,115,.1);max-width:800px;margin:0 auto}.add-crop input{margin:10px;width:calc(100% - 40px);height:50px;border:2px solid #e1e8ed;border-radius:15px;padding:0 20px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 4px 15px #0000000d;font-family:inherit}.add-crop input:focus{outline:none;border-color:#4a9d96;box-shadow:0 0 0 3px #4a9d961a,0 8px 25px #0000001a;transform:translateY(-2px)}.add-crop input::placeholder{color:#a0aec0;font-weight:500}.add-crop select{margin:10px;width:calc(100% - 20px);height:50px;border:2px solid #e1e8ed;border-radius:15px;padding:0 20px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 4px 15px #0000000d;font-family:inherit;cursor:pointer}.add-crop select:focus{outline:none;border-color:#4a9d96;box-shadow:0 0 0 3px #4a9d961a,0 8px 25px #0000001a;transform:translateY(-2px)}.add-crop textarea{margin:10px;width:calc(100% - 40px);border:2px solid #e1e8ed;border-radius:15px;padding:15px 20px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 4px 15px #0000000d;font-family:inherit;resize:vertical;min-height:80px}.add-crop textarea:focus{outline:none;border-color:#4a9d96;box-shadow:0 0 0 3px #4a9d961a,0 8px 25px #0000001a;transform:translateY(-2px)}.add-crop textarea::placeholder{color:#a0aec0;font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.form-row{display:flex;flex-direction:column}.add-crop button{color:#fff;background:linear-gradient(135deg,#2c7873,#4a9d96);width:100%;height:55px;border:none;margin:25px 10px 10px;border-radius:20px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #2c78734d;position:relative;overflow:hidden}.add-crop button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-crop button:hover:before{left:100%}.add-crop button:hover{background:linear-gradient(135deg,#1e5a56,#2c7873);transform:translateY(-3px);box-shadow:0 12px 35px #2c787366}.add-crop h2{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.2em;font-weight:600;position:relative;display:inline-block;width:100%}.add-crop h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#2c7873,#4a9d96);border-radius:2px}.todo-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;align-items:start;justify-content:center;max-width:1400px;margin:40px auto}.items{margin:20px;padding:25px;width:280px;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fffe);box-shadow:0 15px 35px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid rgba(44,120,115,.1);overflow:hidden}.items:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2c7873,#4a9d96,#6bb6b0,#8fd3ce)}.items:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(44,120,115,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.items:hover:after{opacity:1}.items:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 50px #2c787326}.items p{margin:0;line-height:1.8;color:#2c3e50;font-size:15px;position:relative;z-index:1}.items span{font-weight:700;color:#2c7873;font-size:14px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:5px;position:relative}.items span:after{content:":";margin-left:2px;color:#4a9d96}.todo-list{margin:60px 20px;text-align:center}.todo-list h3{font-size:2.2em;color:#2c3e50;margin-bottom:40px;font-weight:600;position:relative;display:inline-block}.todo-list h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2c7873,#4a9d96);border-radius:2px}@media (max-width:768px){.todo-container{margin:20px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.product-input{display:block;justify-content:center;align-items:center;margin-top:40px}.search-todo input{width:95%;border:1px solid grey;height:45px;margin:10px}.todo-list{margin:10px 0 50px}.items{margin:5px;padding:10px;border:1px solid grey;width:40%;height:fit-content}.todo-list h3{margin-left:20px}}.about-containers{margin:15px;text-align:justify;font-weight:400}.about-containers p{line-height:1.5rem;margin-left:35px;margin-right:15px}.about-page h1{font-weight:400;color:#008b8b;font-size:25px;margin:10px;text-align:justify}.about-containers li{margin-left:25px;line-height:1.5rem}.ins2 h1{margin-left:50px;font-weight:400}.ins2 p{margin-left:70px;margin-right:15px;text-align:justify;line-height:1.6rem;margin-top:10px}.first1{font-size:3rem;font-weight:600;margin-top:20px;margin-left:20px;color:#008b8b}.first11 p{margin-left:70px;margin-right:15px;text-align:justify;line-height:1.6rem;margin-top:10px}.last1 h1{margin-left:50px;font-weight:400}.last1 p{margin:10px 15px 30px 70px;text-align:justify;line-height:1.6rem}.ins1{color:#008b8b}