.navbarContainer{position:fixed;top:0;z-index:999;width:100%;padding:1% 2%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:10%;font-family:sans-serif;transition:all .5s ease}.navBarOptions{width:85%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#logoAndBrandNameNavBar{width:15%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#logoNavbar{height:25%;width:25%}.brandNameNavbar{font-size:110%;font-weight:600;color:#004b49}#pageNavLinksNavbar{width:90%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#profileDropDownNavbar{position:relative;width:10%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.profileDropDownBtn{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.dropDownIcon{width:1vw}.navbarOption{color:#777}.navbarOption:hover{cursor:pointer}.navbarContainer.solidNavbar{background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbarContainer.transparentNavbar{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#hamburgerIcon{font-size:3vh;position:fixed;top:2vh;transition:all .5s ease;z-index:100}.hamburgerVisible{display:inline-block}.hamburgerInvisible{display:none}.activeOption{color:#004b49;font-weight:700;border-bottom:2px solid #004B49}.profileDropDown{position:absolute;top:150%;right:0;width:120%;background-color:#f3f9f7;border:2px solid #b7d4ca;padding:10%;box-shadow:0 8px 25px #004b4940;border-radius:12px;flex-direction:column;justify-content:flex-start;gap:2vh;align-items:center;transition:all .25s ease}.dropDownItems{display:flex;flex-direction:column;justify-content:center;gap:1vh;align-items:center;color:#777;font-weight:550;width:100%}.horizontalLineProfileDropDown{width:80%;height:1px;background-color:#777}.dropDownOpen{transform:translateY(0);opacity:1}.dropDownClosed{transform:translateY(-10%);opacity:0}@media (max-width:768px){.navBarOptions{position:fixed;top:0;left:0;width:50%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:5vh;align-items:center;background-color:#f5f5f5f2;padding:10vh 2vw 10vh 2vw;padding:8vh 2vw;box-sizing:border-box;transition:all .5s ease}.mobileMenuOpen{transform:translate(0);opacity:1;visibility:visible}.mobileMenuClosed{transform:translate(-100%);opacity:0;pointer-events:none;visibility:hidden}.navbarContainer{height:8vh;padding:0 2%}#logoAndBrandNameNavBar{position:absolute;top:0;left:0;width:100%;height:8vh;display:flex;flex-direction:row;justify-content:center;gap:5%;align-items:center}#logoNavbar{height:70%;width:auto}#pageNavLinksNavbar{display:flex;flex-direction:column;justify-content:flex-start;gap:5vh;align-items:center}.horizontaLineMobileNavbar{width:100%;height:1px;background-color:#777}.navbarOption{font-size:2vh;font-weight:600;text-align:center}.dropDownIcon{width:5vw}.profileDropDownBtn{gap:2vw}#profileDropDownNavbar{position:relative;width:100%}.profileDropDown{position:absolute;top:150%;left:0;width:100%;background:none;padding:10% 0;border:none;box-shadow:none;transition:all .25s ease}.horizontalLineProfileDropDown{width:90%}}#introPage{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fafafa;display:flex;flex-direction:column;gap:5vh;justify-content:center;align-items:center;z-index:5000;overflow-y:hidden;animation:fadeOut 1.5s ease-in-out forwards;animation-delay:2.5s}#laundryPicture{height:45vh;width:auto;opacity:0;transform:scale(.9);animation:zoomIn .9s forwards}#tagline{display:flex;flex-direction:column;justify-content:center;gap:2vh;align-items:center;color:#2e7d32;font-size:4.5vh;text-align:center;opacity:0;transform:translateY(20px);animation:slideUp .8s ease-out forwards;animation-delay:.8s}#companyName{font-size:7vh;font-weight:700;margin:0;color:#1b5e20;letter-spacing:1px;opacity:0;transform:translateY(15px);animation:slideUp .8s ease-out forwards;animation-delay:.8s}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}html,body{scroll-behavior:smooth;width:100%;overflow-x:hidden}#homePage.homePageClass{min-height:100vh;width:100%;background-image:url(/pictures/BackgroundHomePage.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:60px}#textSection{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;gap:30px;align-items:flex-start}#openingText{color:#333;font-family:sans-serif;font-weight:700;font-size:250%;width:35%}#descriptionText{color:#777;font-family:sans-serif;font-size:125%;width:40%}@media (max-width:767px){*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;overflow-x:hidden}#homePage.homePageClass{height:100%;width:100%;padding-top:20%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#textSection{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;align-items:flex-start}#openingText{width:100%;font-size:2rem}#descriptionText{width:100%;font-size:1rem}}*{box-sizing:border-box;padding:0;margin:0}#aboutUsPage{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fafafa;font-family:sans-serif;padding:10vh}#textArea{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10vh;align-items:center;padding:5%}#aboutUsHeadline{color:#333;font-size:15vh}.imgContainer{width:45%}.imgUsed{width:100%;border-radius:5%;object-fit:cover;box-shadow:0 4px 15px #00000014}.descriptionText{color:#777;width:35%;font-size:large;display:flex;flex-direction:column;justify-content:space-between;gap:2vh;align-items:flex-start}.subHeading{color:#333}.textAndpicture{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#horizontalLineForMobile{display:none}.endTagline{color:#777;font-size:large;text-align:center}@media (max-width:767px){*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;overflow-x:hidden}#textArea{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5%}#aboutUsHeadline{font-size:10vw}#neighboursPart{display:flex;flex-direction:column-reverse;justify-content:center;gap:5vh;align-items:center}#busyPart{display:flex;flex-direction:column;justify-content:center;gap:5vh;align-items:center}#clothesLovePart{display:flex;flex-direction:column-reverse;justify-content:center;gap:5vh;align-items:center}.imgContainer,.descriptionText{width:100%}#horizontalLineForMobile{display:block;width:100%;height:.2vh;background-color:#777}}#servicesPage{min-height:100vh;background-color:#fafafa;display:flex;flex-direction:column;justify-content:start;gap:10vh;align-items:center;font-family:sans-serif;padding-top:10vh;padding-bottom:10vh}#servicesWeOfferText{color:#333;font-size:5vh;text-align:center}.servicesHeadingAndSubheading{display:flex;flex-direction:column;justify-content:space-between;gap:2vh;align-items:center}.servicesPageHeading{color:#333;font-size:3vh}.servicesPageSubHeading{color:#777;font-size:2vh}#subscriptionsContainer{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10vw;align-items:center;margin-top:3vh}#subscriptionServicesDiv{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5vh}#singleServicesContainer{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10vw;align-items:center;margin-top:7vh}#singleServicesDiv{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5vh}#dryCleanServicesContainer{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10vw;align-items:center;margin-top:7vh}#dryCleanServicesDiv{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5vh}@media (max-width:768px){.servicesHeadingAndSubheading{padding:0 2vw}.servicesPageHeading,.servicesPageSubHeading{text-align:center}#subscriptionsContainer,#singleServicesContainer,#dryCleanServicesContainer{display:flex;flex-direction:column;justify-content:center;gap:10vh;align-items:center;margin-top:3vh}}#SubscriptionInfoContainer{position:relative;background-color:#f5f7ff;height:45vh;width:15vw;display:flex;flex-direction:column;justify-content:space-between;gap:2vh;border:1px solid #777777;border-radius:10px;padding:7vh 0 4vh;box-shadow:0 4px 12px #0009}#imgContainerSubscriptionBox{height:12vh;width:12vh;background-color:#f2f4fb;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000014;border:1px solid #777777}#subscriptionImg{height:7vh;width:7vh;object-fit:contain}#upperPartSubscriptionBox{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1vh}#subscriptionName{font-size:2.5vh;color:#333}#horizontalLineSubscriptionBox{height:.2vh;width:70%;background-color:#333;text-align:center}#middlePartSubscriptionBox{color:#777;padding:0 1vw;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2vh}#bottomPartSubscriptionBox{color:#777;padding:0 1vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.subscriptionDescriptionText{font-size:1.7vh}@media (max-width:768px){#SubscriptionInfoContainer{position:relative;background-color:#f5f7ff;height:40vh;width:60vw;display:flex;flex-direction:column;justify-content:space-between;gap:5%;border:1px solid #777777;border-radius:10px;padding:7vh 0 4vh;box-shadow:0 4px 12px #0009}#subscriptionName{font-size:2.5vh;color:#333;padding:0 2vw;text-align:center}#middlePartSubscriptionBox,#bottomPartSubscriptionBox{padding:0 2vw}.subscriptionDescriptionText{font-size:80%}}#SingleServiceInfoContainer{position:relative;background-color:#f5f7ff;height:35vh;width:15vw;display:flex;flex-direction:column;justify-content:space-between;gap:2vh;border:1px solid #777777;border-radius:10px;padding:7vh 0 4vh;box-shadow:0 4px 12px #0009}#imgContainerSingleServiceBox{height:12vh;width:12vh;background-color:#f2f4fb;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000014;border:1px solid #777777}#singleServiceImg{height:7vh;width:7vh;object-fit:contain}#upperPartSingleServiceBox{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1vh}#singleServiceName{margin:0 1vw;font-size:2.5vh;color:#333}#horizontalLineSingleServiceBox{height:.2vh;width:70%;background-color:#333;text-align:center}#lowerPartSingleServiceBox{color:#777;padding:0 1vw;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2vh}.singleServiceDescriptionText{font-size:1.7vh}@media (max-width:768px){#SingleServiceInfoContainer{height:40vh;width:60vw;gap:.5vh}#singleServiceName{text-align:center;font-size:2.5vh}#lowerPartSingleServiceBox{padding:0 4vw}.singleServiceDescriptionText{font-size:2vh}}#DryCleanInfoContainer{position:relative;background-color:#f5f7ff;height:20vh;width:15vw;display:flex;flex-direction:column;justify-content:space-between;gap:2vh;border:1px solid #777777;border-radius:10px;padding:7vh 0 4vh;box-shadow:0 4px 12px #0009}#imgContainerDryCleanBox{height:12vh;width:12vh;background-color:#f2f4fb;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000014;border:1px solid #777777}#dryCleanImg{height:7vh;width:7vh;object-fit:contain}#upperPartDryCleanBox{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1vh}#dryCleanName{margin:0 1vw;font-size:2.5vh;color:#333;text-align:center}#horizontalLineDryCleanBox{height:.2vh;width:70%;background-color:#333;text-align:center}#lowerPartDryCleanBox{color:#777;padding:0 1vw;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2vh}.dryCleanDescriptionText{font-size:1.7vh}@media (max-width:768px){#DryCleanInfoContainer{height:25vh;width:60vw;gap:2vh}#lowerPartDryCleanBox{padding:0 4vw}.dryCleanDescriptionText{font-size:1.8vh}}.animate-btn{opacity:0;transform:translateY(50px);transition:all 1s ease}.animate-btn.visible{opacity:1;transform:translateY(0)}.animate-text{opacity:0;transform:translateY(100px);transition:opacity 1s ease,transform 1s ease}.animate-text.visible{opacity:1;transform:translateY(0)}.animate-img{opacity:0;transition:all 1s ease}.animate-img.visible{opacity:1}.animate-PopUp{opacity:0;transform:translateY(-10px) scale(.1);transition:all .5s ease}.animate-PopUp.visible{opacity:1;transform:translateY(0) scale(1)}.animate-PopUp.hidden{opacity:0;transform:translatey(-20px) scale(.1)}#contactUsPage{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:sans-serif;background-color:#fafafa;overflow:hidden}#topSection{position:relative;width:100%;height:40vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#contactUsImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}#contactUsText{position:relative;z-index:1;color:#333;font-size:15vh;font-weight:700;text-align:center;padding-bottom:7vh}#bottomSection{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex:1;padding:3vw}#leftSection{width:30%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:3vh}#heroSection{color:#333;font-size:3vh;font-weight:700}#heroSubHeading,#contactUsVia,.infoText{color:#777;font-size:3vh;font-weight:500}.infoDiv{display:flex;flex-direction:row;justify-content:space-between;gap:1vw;align-items:center}.iconDiv{width:3vw;height:auto}.icon{width:100%}#rightSection{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2vh}.formField{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1vh;color:#333;font-size:3vh;font-weight:500}.inputArea{height:5vh;padding:3%}#messageArea{padding:1%}.inputArea,#messageArea{width:100%;border:1px solid #ccc;border-radius:8px;font-size:3vh;font-family:sans-serif;outline:none;transition:all .3s ease;background-color:#fff}.inputArea:focus,#messageArea:focus{border-color:#888;box-shadow:0 0 5px #0000001a}#submitBtn{background-color:#ef4444;color:#fafafa;border:none;padding:2%;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}#submitBtn:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}@media (max-width:767px){#contactUsPage{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#contactUsText{font-size:10vh;color:#333}#contactUsImg{filter:blur(8px)}#bottomSection{display:flex;flex-direction:column;justify-content:space-between;gap:10vh;align-items:center}#leftSection{padding:10vh 10vw 0 10vw;width:100%}.iconDiv{width:7vw;height:auto}#rightSection{width:100%;padding:0 10vw 5vh 10vw}#submitButton{width:100%}#submitBtn{width:100%;height:5vh}}#testimonialsPage{min-height:100vh;display:flex;flex-direction:row;justify-content:center;gap:10vw;align-items:center;padding:0 10vw 0 5vw;font-family:sans-serif;background-color:#fafafa}#headingAndSubHeading{display:flex;flex-direction:column;justify-content:space-between;gap:5vh;align-items:center;width:30vw}#testimonialsHeading{color:#333;font-size:4vh;text-align:center}#testimonialsSubheading{color:#777;text-align:center;font-size:2vh}#testimonialsContainer{min-height:25vh;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#cardWrapper{position:relative;width:95%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#darkShape{position:absolute;top:1vh;height:100%;width:90%;background-color:#0f1724;border-radius:30px;top:10%;transform:rotate(-10deg);box-shadow:0 10px 15px #00000040}.hangerLeft,.hangerRight{position:absolute;width:3px;height:25vh;background-color:#0f1724;top:-25vh;border-radius:2px}.hangerLeft{left:10%}.hangerRight{right:10%}.hangerLeft:before,.hangerRight:before{content:" ";position:absolute;top:-1vh;left:50%;transform:translate(-50%);height:1vh;width:1vh;border-radius:50%;background-color:#0f1724}.quoteCircle{position:absolute;width:3vh;height:3vh;border-radius:50%;z-index:3;background-color:#0f1724;display:flex;justify-content:center;align-items:center;color:#fff}.leftCircle{left:10%;transform:translate(-50%);top:0}.rightCircle{right:10%;transform:translate(50%);bottom:0}#whiteCard{position:relative;z-index:2;background-color:#fff;min-height:40vh!important;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:30px;box-shadow:0 10px 15px #00000040;padding:1vh 1vw 1vh 1vw;gap:1vh}#testimonialText{flex:1;font-family:sans-serif;color:#777}#authorName{text-decoration:underline;text-underline-offset:.5vh;font-family:sans-serif;color:#333;font-size:2vh;margin-bottom:1vh}#starRating{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5vw}#thumbsUpIcon{color:#8bc34a;font-size:2vh;transform:rotate(-20deg);filter:drop-shadow(0 0 4px rgba(212,175,55,.3))}.star{font-size:2vh}.filledStar{color:#e6c45d;text-shadow:0 0 6px rgba(255,215,0,.3)}.unfilledStar{color:#ddd}#testimonialNavigation{display:flex;flex-direction:row;justify-content:space-between;gap:1vw;align-items:center}.indexCircle{display:flex;justify-content:center;align-items:center;border:2px solid black;border-radius:50%;height:1.5vh;width:1.5vh;background-color:#fff}.indexCircle:hover{cursor:pointer}.activeCircle{background-color:#e6c45d}.testimonialBtn{color:#333;transition:all .15s ease}.testimonialBtn:hover{cursor:pointer;color:#e6c45d}@media (max-width: 767px){#testimonialsPage{flex-direction:column;padding:5vh 5vw;gap:15vh}#headingAndSubHeading{width:90%;gap:3vh}#testimonialsHeading{font-size:3.2vh}#testimonialsSubheading{font-size:1.8vh}#testimonialsContainer{width:100%;min-height:20vh}#cardWrapper{width:100%;align-items:center;position:relative}#darkShape{width:100%;height:115%;transform:rotate(-6deg);border-radius:25px;top:8%;z-index:1}.hangerLeft,.hangerRight{position:absolute;height:14vh;top:-12vh;width:2.5px;background-color:#0f1724}.hangerLeft{left:12%}.hangerRight{right:12%}.hangerLeft:before,.hangerRight:before{content:" ";height:1.2vh;width:1.2vh;border-radius:50%;background-color:#0f1724;position:absolute;top:-1vh;left:50%;transform:translate(-50%)}.quoteCircle{position:absolute;width:2.7vh;height:2.7vh;font-size:1.3vh;border-radius:50%;z-index:3;background-color:#0f1724;display:flex;justify-content:center;align-items:center;color:#fff}.leftCircle{top:0;left:12%;transform:translate(-50%)}.rightCircle{bottom:0;right:12%;transform:translate(50%)}#whiteCard{width:88%;height:auto;min-height:25vh;padding:2.5vh 5vw;border-radius:22px;gap:1.2vh;z-index:2}#testimonialText{font-size:1.7vh;text-align:center;line-height:2.3vh}#authorName{font-size:1.8vh;margin-bottom:.5vh}#starRating{gap:1vw}.star,#thumbsUpIcon{font-size:1.8vh}#testimonialNavigation{margin-top:2vh;gap:3vw}.indexCircle{height:1.2vh;width:1.2vh}.testimonialBtn{font-size:2.5vh}}#popUpContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:40vw;display:flex;flex-direction:column;justify-content:space-between;gap:5vh;align-items:center;z-index:100;border-radius:20px;padding:10vh 10vw 5vh 10vw;border:1px solid #333333;box-shadow:5px 5px 10px #00000080}#notificationIconContainer{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}#notificationIcon{height:20vh;width:20vh;object-fit:cover}#notificationMessage{font-family:sans-serif;font-size:2vh;color:#777;text-align:center}#closePopUpBtn{background-color:#ef4444;color:#fafafa;border:none;padding:1vh;border-radius:8px;font-size:2vh;font-weight:400;cursor:pointer;transition:all .3s ease}#closePopUpBtn:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.notificationVisible{display:block}.notificationHidden{display:none}@media (max-width:768px){#popUpContainer{width:80vw;gap:3vh;padding:5vh 10vw 2.5vh 10vw}#notificationIcon{height:15vh;width:15vh;object-fit:cover}}*{box-sizing:border-box;margin:0;padding:0}#loginPageContainer{position:relative;height:100vh;width:100vw;background-image:url(/pictures/LoginPageBg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}#loginBox{position:absolute;height:80vh;width:60vw;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:10px 10px 5px #000;border-radius:20px;padding:5vh 2vw 5vh 2vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:sans-serif}#loginPicture{height:30vh}#verticleLine{height:90%;width:2px;background-color:#777}#loginFormHeadingAndSubHeading{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2vh}#loginFormDiv{height:90%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#loginSignUpHeading{font-size:5vh;color:#333}#signUpSubHeading{font-size:2vh;font-weight:500;color:#777}#inputFeildsSignUp{width:80%}#passwordInfo{font-size:1.5vh;color:#777}.loginPageBtn{width:80%;background-color:#4379fd;color:#fafafa;border:none;padding:1vh 1vw 1vh 1vw;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.loginPageBtn:hover{background-color:#1e5cf9;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}#changeLoginSignUp{margin-top:1vh;font-size:2vh;color:#333;transition:all .3s ease}#changeLoginSignUp:hover{cursor:pointer;transform:translateY(-2px);color:#1e5cf9}@media (max-width: 768px){#loginPageContainer{background-image:none;background-color:#fafafa}#loginBox{height:100vh;width:100vw;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5vh 0}#loginFormHeadingAndSubHeading{width:100vw;padding:2vh 2vw 2vh 2vw}#loginSignUpHeading{font-size:5vh}#signUpSubHeading{font-size:2vh;text-align:center}#verticleLine{height:0;width:0}#loginFormDiv{width:100%;padding-bottom:4vh}#mobileIntroSection{padding:5vh 5vw 5vh 5vw;display:flex;flex-direction:column;justify-content:space-between;gap:5vh;align-items:center}#mobileIllustration{height:50vh}#horizontalLineMobileIntroSection{height:2px;width:100%;background-color:#777}#switchButtonsContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:3vh}.sectionText{color:#777;font-size:3vh}.chooseBtn{width:100%;background-color:#4379fd;color:#fafafa;border:none;padding:1vh 1vw 1vh 1vw;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}#chooseSignUpBtn{color:#4379fd;background-color:#fafafa;border:1px solid #4379fd}}.inputContainer{position:relative}.inputIcon{position:absolute;left:1vw;top:50%;transform:translate(-50%,-50%);height:2vh}.loginFormInput{width:100%;height:5vh;border:none;border-bottom:2px solid #777777;padding:0 3vw;margin:2vh 0;font-size:2vh;transition:all .3s ease}.loginFormInput::placeholder{color:#777;font-size:1.7vh}.loginFormInput:focus{box-shadow:1px 1px 5px #000;outline:none;color:#333}.passwordIcon{position:absolute;right:1vw;top:50%;transform:translate(50%);transform:translateY(-50%);height:2vh}.passwordIcon:hover{cursor:pointer}@media (max-width:768px){.inputContainer{width:100%;position:relative}.inputIcon{position:absolute;left:3vw;top:50%;transform:translate(-50%,-50%);height:2vh}.inputContainer{width:100%}.loginFormInput{border:none;border-radius:10px;background-color:#f5f5f5;padding:2vh 7vw 2vh 7vw}.passwordIcon{position:absolute;right:2vw;top:50%;transform:translate(50%);transform:translateY(-50%);height:2vh}}#profilePage{background-color:#fafafa;padding:5vh 5vw 5vh 5vw;display:flex;flex-direction:column;justify-content:space-between;gap:2vh;align-items:center;font-family:sans-serif;min-height:100vh}#headingProfilePage{font-size:7vh;color:#333}#profileInfo{font-size:3vh;color:#777}#navigateToOtherPages{color:#777;display:flex;flex-direction:row;justify-content:space-between;gap:10vw;align-items:center}.profilePageLink{text-decoration:underline;text-underline-offset:5px;transition:all .1s ease}.profilePageLink:hover{cursor:pointer;transform:translateY(-2px)}#profileFeatures{display:flex;flex-direction:column;justify-content:center;align-items:center}#yourOrdersHeading{font-size:3vh;color:#333}#comingSoonImg{height:50vh}#logOutBtnContainer{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#logOutBtn{background-color:#ef4444;color:#fafafa;border:none;padding:2%;border-radius:18px;font-size:2vh;font-weight:500;cursor:pointer;transition:all .3s ease;padding:1vh 2vw 1vh 2vw}#logOutBtn:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}@media (max-width:768px){#comingSoonImg{height:25vh}#profileFeatures{display:flex;flex-direction:column;justify-content:space-between;gap:10vh;align-items:center}}#loadingAnimationContainer{position:fixed;top:0;left:0;width:100%;min-height:100vh;background-color:#1e1e1e40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999}.loadingVisible{display:flex;align-items:center;justify-content:center}.loadingHidden{display:none}#orderNowContainer{background-color:#fafafa;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10vh 5vw 10vh 5vw}#orderPageHeading{color:#333;font-size:8vh;text-align:center}#goToHomeBtn{color:#777;font-size:3vh;border-bottom:.5px solid #777777;transition:all .25s ease}#comingSoonBanner{height:50vh;width:auto}#goToHomeBtn:hover{cursor:pointer;transform:translateY(-.5vh)}@media (max-width:768px){#comingSoonBanner{width:100vw;height:auto}}#pickupBtn{position:fixed;bottom:5vh;right:5vw;display:flex;justify-content:center;z-index:3000}#schedulePickupBtn{padding:1.5vh 4vw;background:#7be2d3;border:none;border-radius:20px;font-size:2vh;font-weight:700;color:#1a3c3a;cursor:pointer;transition:transform .2s ease;box-shadow:0 3px 10px #0000001a}#schedulePickupText{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#schedulePickupBtn:active{transform:scale(.96)}@media (max-width:768px){:root{height:100%}html,body{margin:0;padding:0;height:100%}}