@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hide-scrollbar::-webkit-scrollbar{display:none}:root{--orange:#fea034;--hoverorange:#ff9317;--Lightorange:#e79e4b;--white:#fff;--black:#000;--textGrey:#ede9e9;--darkGrey:#1f2130}.Home-button>img{margin:0;padding:0}.planning-container{border-radius:40px 50px 20px 20px;justify-content:space-between;margin-top:30px;padding:10px}.left-para{.adopted-pets-num{display:inline;font-size:40px}}.card-container h2,.post-pet-section img{font-size:20px;margin-top:20px}.post-pet-section img{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif}.filter-selection select:after{border:1px solid #fea034;border:1px solid var(--orange);display:flex;flex-direction:column;margin:10px;width:310px}.popup{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2)}.close-btn{background-color:#f41800}.logout-btn:hover{color:#bababa}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:20px 35px;width:100%}.navbar-logo{margin-left:10px;width:54px}.logo-container{align-items:center;color:#000;color:var(--black);display:flex;justify-content:center;text-decoration:none}.logo-container>p{font-family:Oxygen,sans-serif;font-size:29px;margin-left:10px}.navbar-links li{display:inline;margin:0 10px}.navbar-links li>*{border:2px solid #fff;border:2px solid var(--white);border-radius:20px;color:#000;color:var(--black);font-family:Oxygen,sans-serif;font-size:15px;font-weight:700;padding:5px 15px;text-decoration:none}.navbar-links li>:hover{background-color:#ff9317;background-color:var(--hoverorange);border:2px solid #ff9317;border:2px solid var(--hoverorange);box-shadow:1.5px 1.5px 3px #ff9317;box-shadow:1.5px 1.5px 3px var(--hoverorange);color:#fff;color:var(--white)}.Navbar-button{background-color:#fea034;background-color:var(--orange);border:2px solid #fea034;border:2px solid var(--orange);border-radius:20px;box-shadow:1.5px 1.5px 3px #fea034;box-shadow:1.5px 1.5px 3px var(--orange);color:#fff;color:var(--white);font-family:Oxygen,sans-serif;font-size:15px;font-weight:700;height:42px;transition:all .3s ease;width:100px}.Navbar-button:hover{-webkit-animation:bounce .5s ease;animation:bounce .5s ease;background-color:#ff9317;background-color:var(--hoverorange);border:2px solid #ff9317;border:2px solid var(--hoverorange);box-shadow:2px 2px 5px #ff9317;box-shadow:2px 2px 5px var(--hoverorange);color:#fff;color:var(--white);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:768px){.navbar-container{align-items:center;flex-direction:column}.navbar-container>*{margin-bottom:10px}}*{box-sizing:border-box}.home-container{align-items:center;display:flex;justify-content:space-between;padding:20px 50px 70px;width:100vw}.homeContainer-left{display:flex;flex-direction:column;justify-content:center;width:60vw}.home-title{font-family:Preahvihear,sans-serif;font-size:70px;font-weight:700;line-height:1.2}.home-titlePlusPng{align-items:flex-end;display:flex;justify-content:flex-start}.home-titlePlusPng>img{margin-left:10px;width:80px}.home-second-para{color:grey;font-size:18px;margin:20px 0}.homeContainer-right{align-items:center;display:flex;justify-content:center;padding-left:40PX;width:35vw}.adopt-btn>*{text-decoration:none}.Home-button{align-items:center;background-color:#fea034;background-color:var(--orange);border:2px solid #fea034;border:2px solid var(--orange);border-radius:20px;box-shadow:1.5px 1.5px 3px #fea034;box-shadow:1.5px 1.5px 3px var(--orange);color:#fff;color:var(--white);display:flex;font-family:Preahvihear,sans-serif;font-size:15px;font-weight:700;height:42px;justify-content:center;width:145px}.Home-button:hover{background-color:#ff9317;background-color:var(--hoverorange);border:2px solid #ff9317;border:2px solid var(--hoverorange);color:#fff;color:var(--white);cursor:pointer;transition:all .3s ease}.Home-button>img{margin-left:7px;width:15px}*{margin:0;padding:0}.planning-container{align-items:center;display:flex;flex-direction:column;margin:40px 0 0}.planning-container h1{border-bottom:3px solid #1f2130;border-bottom:3px solid var(--darkGrey);color:#1f2130;color:var(--darkGrey);margin-top:15px;padding-bottom:8px}.boxes-container{align-items:center;display:flex;justify-content:space-around;margin-bottom:70px;padding:0 80px}body{overflow-x:hidden}.dark-grey-container{align-items:center;background-color:#1f2130;background-color:var(--darkGrey);border-radius:40px 50px 20px 20px;display:flex;height:180px;justify-content:space-between;margin:30px auto auto;padding:10px;width:84vw}.left-pic{bottom:50px;position:relative;width:16vw}.left-pic>img{height:220px;margin-left:30px}.left-para{color:#fff;color:var(--white);font-family:Preahvihear,sans-serif;font-size:30px;line-height:1.2;padding-right:40px;text-align:right;width:26vw}.adopted-pets-num{display:inline;font-size:40px}.right-pic>img{bottom:15px;height:200px;position:relative}.right-para{color:#ede9e9;color:var(--textGrey);font-family:Preahvihear,sans-serif;font-size:17px;line-height:1.2;padding-left:10px;padding-right:30px;text-align:left;width:26vw}.we-do{color:#fea034;color:var(--orange);margin-bottom:10px}.card-container{align-items:center;display:flex;flex-direction:column;height:200px;margin:25px 30px 0;max-width:25vw;width:25vw}.card-container h2{color:#fea034;color:var(--orange);padding:30px 0;text-align:center}.card-container p{color:#1f2130;color:var(--darkGrey);font-size:15px;text-align:center}.card-button{background-color:#fff;background-color:var(--white);border:2px solid #fea034;border:2px solid var(--orange);border-radius:20px;color:#fea034;color:var(--orange);font-family:Oxygen,sans-serif;font-size:15px;font-weight:700;height:42px;margin-top:40px;width:120px}.card-button:hover{background-color:#ff9317;background-color:var(--hoverorange);border:2px solid #ff9317;border:2px solid var(--hoverorange);box-shadow:1.5px 1.5px 3px #ff9317;box-shadow:1.5px 1.5px 3px var(--hoverorange);color:#fff;color:var(--white);cursor:pointer;transition:all .3s ease}.adopt-section{padding:50px;text-align:center}.adopt-section h2{border-bottom:2px solid #fea034;border-bottom:2px solid var(--orange);color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif;font-size:32px;margin-bottom:20px;padding-bottom:10px}.adopt-section img{border-radius:10px;margin:15px 0 20px;max-width:60%}.adopt-section p{color:#1f2130;color:var(--darkGrey);font-family:Varela Round,sans-serif;font-size:16px;margin-bottom:20px}.adopt-section h3{color:#fea034;color:var(--orange);font-size:20px;margin-top:20px}.adopt-section ol,.adopt-section ul{color:#1f2130;color:var(--darkGrey);font-family:Varela Round,sans-serif;list-style:none;padding-left:20px}.cta-button:hover{background-color:#fea034;background-color:var(--orange)}.post-pet-section{padding:50px;text-align:center}.post-pet-section h2{border-bottom:2px solid #fea034;border-bottom:2px solid var(--orange);color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif;font-size:32px;margin-bottom:20px;padding-bottom:10px}.post-pet-section img{border-radius:10px;margin-bottom:20px;max-width:60%}.post-pet-section p{color:#1f2130;color:var(--darkGrey);font-family:Varela Round,sans-serif;font-size:16px;margin-bottom:20px}.post-pet-section h3{font-size:20px;margin-top:20px}.post-pet-section h3,.post-pet-section label{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif}.post-pet-section label{display:block;font-weight:700}.input-box{align-items:center;display:flex;justify-content:space-between}.post-pet-section input[type=email],.post-pet-section input[type=tel],.post-pet-section input[type=text],.post-pet-section textarea{border:1px solid #ccc;border-radius:5px;margin:7px 0;max-width:500px;padding:10px;width:100%}.post-pet-section textarea{resize:vertical}.filter-selection-service{align-items:center;display:flex;justify-content:space-between;padding:20px 25px}.filter-selection-service select{font-family:Varela Round,sans-serif;font-size:14px;margin:10px 0;padding:8px}.cta-button,.filter-selection-service select{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white)}.cta-button{display:inline-block;font-weight:700;margin-top:10px;padding:10px 16px;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:#ff9317;background-color:var(--hoverorange);cursor:pointer;transition:all .5s}.m-b{margin-bottom:20px}.file-input-label{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-family:Varela Round,sans-serif;font-size:14px;margin:10px 0;max-height:33px;max-width:165px;overflow:hidden;padding:8px 20px;transition:background-color .3s}.file-input-label:hover{background-color:#ff9317;background-color:var(--hoverorange)}.file-input{display:none}.file-input-text{color:#fff;color:var(--white);display:inline-block;margin-right:10px}.main-container{align-items:flex-start;display:flex;justify-content:space-between}.adopt-pet,.post-pet{max-width:50vw}.filter-selection{display:flex;flex-direction:row-reverse;padding:20px 25px}.filter-selection select{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white);font-family:Varela Round,sans-serif;font-size:14px;margin:10px 0;padding:8px}.filter-selection select:active,.filter-selection select:after{border:none}.oops-msg{margin-bottom:30px}.pet-container{display:flex;flex-wrap:wrap;justify-content:center}.close-btn{background-color:#f81900}.form-pet-container{display:flex;flex-direction:column}.pet-details{border:1px solid #fea034;border:1px solid var(--orange);display:flex;flex-direction:row;height:120px;justify-content:space-between;margin:auto auto 17px;width:310px}.pet-pic img{height:120px;object-fit:cover;width:150px}.pet-info h2{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif;margin:5px 0;text-align:center}.pet-info{display:flex;flex-direction:column;justify-content:center;padding:5px 10px;width:100%}.pet-info p{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif}.custom-adopt-form-container{padding:50px;text-align:center}.custom-form-heading{border-bottom:2px solid #fea034;border-bottom:2px solid var(--orange);color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif;font-size:32px;margin-bottom:20px;padding-bottom:10px}.custom-form img{border-radius:10px;margin-bottom:20px;max-width:60%}.custom-form p{color:#1f2130;color:var(--darkGrey);font-family:Varela Round,sans-serif;font-size:16px;margin-bottom:10px}.custom-form h3{font-size:20px;margin-top:20px}.custom-form h3,.custom-label{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif}.custom-label{display:block;font-weight:700;margin-bottom:3px}.custom-input-box{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:8px}.custom-input{border:1px solid #ccc;border-radius:5px;max-width:500px;padding:10px;width:100%}.custom-cta-button{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white);display:inline-block;font-weight:700;padding:10px 16px;text-decoration:none;transition:background-color .3s}.custom-cta-button:hover{background-color:#ff9317;background-color:var(--hoverorange);cursor:pointer;transition:all .5s}.custom-m-b{margin-bottom:20px}.email-not-valid{align-items:center;display:flex;justify-content:space-between;width:100%}.email-not-valid p{color:#e73a3a;font-family:Varela Round,sans-serif;font-size:14px;margin-bottom:5px}.contactUs-main-container{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 50px}.contactUs-left-para{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:Varela Round,sans-serif;padding:20px 0;width:55vw}.contactUs-left-para h3{color:#1f2130;color:var(--darkGrey);font-size:40px}.contactUs-left-para i{color:#1f2130;color:var(--darkGrey);font-size:48px;margin:30px 0 20px}.contactUs-pic img{height:90vh;margin-right:150px;margin-top:15px}.contactUs-pic img:hover{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.footer{background-color:#ede9e9;background-color:var(--textGrey);color:#000;color:var(--black);padding-top:20px}.footer-content{text-align:center}.mail-links{color:#000;color:var(--black);text-decoration:none}.mail-links:hover{text-decoration:underline}.contact-links{color:#000;color:var(--black);padding:5px;text-decoration:none}.contact-links:hover{background-color:#fea034;background-color:var(--orange);border-radius:20px;color:#fff;color:var(--white);text-decoration:none;text-shadow:2px 2px 2px #fea034;text-shadow:2px 2px 2px var(--orange)}.below-footer{background-color:#ede9e9;background-color:var(--textGrey);color:#000;color:var(--black);line-height:1.6;padding:10px;text-align:center}.navbar{align-items:center;background-color:#fea034;background-color:var(--orange);color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar-brand{font-size:24px;font-weight:700}.navbar-time{font-family:Varela Round,sans-serif;font-size:16px}.admin-footer{background-color:#fea034;background-color:var(--orange);color:#fff;padding:10px;text-align:center;width:100%}.admin-footer p{margin:0}.login-body{background-image:linear-gradient(to bottom right,#ff9317,#e79e4b);background-image:linear-gradient(to bottom right,var(--hoverorange),var(--Lightorange));height:100vh;width:100vw}.login-body,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;flex-direction:column;margin:auto;padding:20px;width:300px}.login-container h2{color:#fea034;color:var(--orange);font-size:1.5rem;margin-bottom:10px}.login-container input{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}.login-container input:focus{border:1px solid #fea034;border:1px solid var(--orange)}.login-container button{background-color:#fea034;background-color:var(--orange);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;width:100%}.login-container button:hover{background-color:#ff9317;background-color:var(--hoverorange)}.error-message{color:red;font-size:1rem;margin-bottom:10px}.admin-screen-container{display:flex;justify-content:space-between;padding:50px 0}.admin-screen-left{align-items:center;display:flex;flex-direction:column;max-width:20vw;min-width:20vw;padding:25px}.admin-screen-left h3{margin-bottom:20px}.admin-screen-left p{border-bottom:2px solid #fea034;border-bottom:2px solid var(--orange);color:#fea034;color:var(--orange);cursor:pointer;display:flex;font-family:Varela Round,sans-serif;font-size:large;font-weight:700;justify-content:flex-start;margin:10px 0;padding-bottom:10px}.admin-screen-left p:hover{opacity:.8}.admin-screen-right{border-left:3px solid #fea034;border-left:3px solid var(--orange);max-width:80vw;min-width:80vw;padding:0 4vw}.pet-view-card{border:1px solid #fea034;border:1px solid var(--orange);display:flex;flex-direction:column;margin:10px;overflow:hidden;width:310px}.pet-card-pic{max-width:250px;min-width:250px}.pet-card-pic img{height:180px;object-fit:cover;width:310px}.pet-card-details{padding:5px 10px}.pet-card-details h2{margin:5px 0;text-align:center}.pet-card-details h2,.pet-card-details p{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif}.form-card-details{overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:normal}.form-card-details h2{margin:5px 0;text-align:center}.form-card-details h2,.form-card-details p{color:#fea034;color:var(--orange);font-family:Varela Round,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-interest-btn{display:flex;justify-content:center}.show-interest-btn button{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white);font-family:Varela Round,sans-serif;font-size:14px;margin:10px 0;padding:8px 15px}.app-rej-btn{display:flex;justify-content:space-evenly}.app-rej-btn button{background-color:#fea034;background-color:var(--orange);border:none;border-radius:100px;color:#fff;color:var(--white);font-family:Varela Round,sans-serif;font-size:14px;margin:10px 0;min-width:90px;padding:8px 15px}.app-rej-btn button:hover,.show-interest-btn button:hover{background-color:#ff9317;background-color:var(--hoverorange);cursor:pointer}.popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{word-wrap:break-word;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);max-width:80%;overflow-x:hidden;overflow-y:auto;padding:20px}.close-btn{background-color:#ff1900;border:none;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.close-btn i{margin-left:5px}.read-more-btn{cursor:pointer;font-size:medium;font-weight:700}.read-more-btn:hover{opacity:.8}.req-containter{Display:flex;flex-wrap:wrap;justify-content:center}.form-container{display:flex;flex-direction:column;flex-wrap:wrap}.form-child-container{display:flex;flex-direction:row;flex-wrap:wrap}.clickable-pet-name{color:#fea034;color:var(--orange);cursor:pointer;display:inline}.req-filter-selection{background-color:#fea034;background-color:var(--orange);border:none;border-radius:15px;color:#fff;color:var(--white);font-weight:700;padding:6px 5px}.req-filter-selection:hover{background-color:#ff9317;background-color:var(--hoverorange);border:none;cursor:pointer}.req-filter-selection:focus{outline:none}.logout-btn{color:#fff;color:var(--white);cursor:pointer;margin:0}.logout-btn:hover{color:#fff;margin-right:4px;transition:all .3s ease}.loginSignup-background-container{align-items:center;background:#fff;background:var(--white);display:flex;height:100vh;justify-content:center;padding:0 20px}.loginSignup-container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px}.loginSignup-form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out;width:50%}.loginSignup-form-container>form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.loginSignup-form-container>form>h1{margin-bottom:20px}.loginSignup-sign-in-container{left:0;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:2}.loginSignup-container.loginSignup-right-panel-active .loginSignup-sign-in-container{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:1}.loginSignup-sign-up-container{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:1}.loginSignup-container.loginSignup-right-panel-active .loginSignup-sign-up-container{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:2}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.loginSignup-overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%;z-index:100}.loginSignup-container.loginSignup-right-panel-active .loginSignup-overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.loginSignup-overlay{background:linear-gradient(90deg,#e79e4b,#ff9317);background:linear-gradient(to right,var(--Lightorange),var(--hoverorange));background-position:0 0;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:200%}.loginSignup-container.loginSignup-right-panel-active .loginSignup-overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.loginSignup-overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%}.loginSignup-overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.loginSignup-container.loginSignup-right-panel-active .loginSignup-overlay-left,.loginSignup-overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.loginSignup-overlay-right{right:0}.loginSignup-container.loginSignup-right-panel-active .loginSignup-overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.loginSignup-social-container{margin:20px 0}.loginSignup-social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;color:#333;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}.loginSignup-input-field{background-color:#eee;border:2px solid #eee;margin:8px 0;outline:none;padding:12px 15px;width:calc(100% - 30px)}.loginSignup-btn{background-color:#fea034;background-color:var(--orange);border:1px solid #fea034;border:1px solid var(--orange);border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:12px 45px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.loginSignup-btn:hover{background-color:#ff9317;background-color:var(--hoverorange);border:1px solid #ff9317;border:1px solid var(--hoverorange);cursor:pointer}.loginSignup-btn:active,.loginSignup-btn:hover{-webkit-transform:scale(.95);transform:scale(.95)}.loginSignup-btn:focus{outline:none}.loginSignup-ghost{background-color:initial;background-color:#fff;border:1px solid #ff9317;border:1px solid var(--hoverorange);border-radius:20px;color:#fea034;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:12px 45px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}.loginSignup-ghost:hover{border:1px solid #ff9317;border:1px solid var(--hoverorange);cursor:pointer}.loginSignup-ghost:active,.loginSignup-ghost:hover{-webkit-transform:scale(.95);transform:scale(.95)}.loginSignup-ghost:focus{outline:none}.loginSignup-forgot-password{color:#333;font-size:14px;margin:15px 0 0;text-decoration:none}.loginSignup-forgot-password:hover{cursor:pointer;opacity:.8}.admin-link{color:#333;font-size:14px;margin:5px 0 0;text-decoration:none}.admin-link-hover:hover{cursor:pointer;opacity:.8}.logout-username{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.logout-username>p{margin-right:10px}.password-container{align-items:center;background-color:#eee;display:flex;margin:8px 0;padding-right:2px;position:relative;width:92%}.password-container input{margin:0;padding-right:40px}.toggle-password-btn{background:none;border:none;color:#fea034;color:var(--orange);cursor:pointer;font-size:14px;padding:0}.toggle-password-btn:hover{color:#ff9317;color:var(--hoverorange)}.toggle-password-btn:focus{outline:none}.toggle-otp-btn{background:none;border:none;color:#000;color:var(--black);cursor:pointer;font-size:14px;margin-right:9px;padding:0}.toggle-otp-btn:hover{opacity:.8}.toggle-otp-btn:focus{outline:none}.icon-white{color:#000!important}.auth-errors-container{display:flex;flex-direction:column-reverse;max-height:200px;overflow:hidden;position:fixed;right:20px;top:20px;z-index:1000}.auth-error{-webkit-animation:fadeInOut 3s ease-out;animation:fadeInOut 3s ease-out;background-color:red;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;margin-bottom:10px;max-width:300px;opacity:0;padding:10px;-webkit-transform:translateY(20px);transform:translateY(20px)}.profile-errors-container{bottom:20px;display:flex;flex-direction:column-reverse;max-height:200px;overflow:hidden;position:fixed;right:20px;z-index:1000}.profile-error{-webkit-animation:fadeInOut 3s ease-out;animation:fadeInOut 3s ease-out;background-color:red;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;margin-bottom:10px;opacity:0;padding:10px;-webkit-transform:translateY(20px);transform:translateY(20px)}.profile-Succ-msg{background-color:#fea034!important;background-color:var(--orange)!important}@-webkit-keyframes fadeInOut{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeInOut{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.page-not-found-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.page-not-found-title{color:#fea034;color:var(--orange);font-size:120px;font-weight:700}.page-not-found-message{color:#fea034;color:var(--orange);font-size:24px;margin-bottom:20px}.page-not-found-home-link{color:#fea034;color:var(--orange);font-size:18px;font-weight:700;text-decoration:none}.page-not-found-home-link:hover{text-decoration:underline}.profile-container{background-color:#1f2130;background-color:var(--darkGrey);border-radius:8px;color:#fff;color:var(--white);margin:18vh auto;max-width:600px;padding:20px}.profile-info{display:flex;flex-direction:column;gap:15px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-header>h2{width:50%}.profile-item{align-items:center;display:flex;gap:10px;justify-content:space-between}.profile-label{color:#ede9e9;color:var(--textGrey);font-weight:700}.profile-value{align-items:center;color:#fff;color:var(--white);display:flex;height:27px}.edit-input,.profile-value{flex-grow:1;max-width:490px}.edit-input{background-color:#fff;background-color:var(--white);border:1px solid #ede9e9;border:1px solid var(--textGrey);border-radius:5px;color:#000;color:var(--black);padding:5px}.edit-btn{background-color:#fea034;background-color:var(--orange);border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;padding:5px 10px}.edit-btn:hover{background-color:#ff9317;background-color:var(--hoverorange)}.dashboard-container{align-items:center;color:#fff;color:var(--white);display:flex;flex-direction:row;font-family:Arial,sans-serif;justify-content:space-around;padding:20px}.dashboard-container>h2,h3{color:#fea034;color:var(--orange);margin-bottom:20px}.total-users{background-color:#000;background-color:var(--black);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:20px;text-align:center}.total-users>h3{font-size:100px;margin:0}.pie-chart-container{align-items:center;background-color:#000;background-color:var(--black);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;flex-direction:column;max-width:600px;padding:30px;width:100%}.pie-chart-container .recharts-wrapper{width:100%}.pie-chart-container h2,.pie-chart-container h3{margin-bottom:20px}.recharts-wrapper{width:100%}
/*# sourceMappingURL=main.40a0b84d.css.map*/