.navbar{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}#logoAndBrandName{width:15%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1}#logo{height:25%;width:25%}#brandName{font-size:110%;font-weight:600;color:#004b49}#navBarOptionsDesktop{width:85%;display:flex;justify-content:space-evenly;align-items:center}.navBarOption{color:#777}.navBarOption:hover{cursor:pointer}.active{color:#004b49;font-weight:700;border-bottom:2px solid #004B49}.solid{background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#hamburgerIcon,.navBarOptionsMobile{display:none}@media (max-width:767px){#navBarOptionsDesktop{display:none}#logoAndBrandName{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;height:auto;width:auto;gap:.5rem;flex:1}#brandName{font-size:1rem;font-weight:700}#logo{height:40px;width:40px;object-fit:contain}#hamburgerIcon{display:block;z-index:2000;color:#777;font-weight:500;font-size:3vh}.navBarOptionsMobile{position:fixed;top:0;left:0;height:100vh;width:50vw;padding-top:10rem;padding-bottom:10rem;background-color:#f5f5f5f2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#777;font-weight:700;font-family:sans-serif;transform:translate(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0000004d;z-index:999}.navBarOptionsMobile.showNavBar{transform:translate(0);opacity:1}.navBarOptionsMobile.hideNavBar{transform:translate(-100%);opacity:0}.horizontalLine{height:.1vh;width:80%;background-color:#777}.solid{background-color:#fafafa}}#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:1000;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}}*{box-sizing:border-box;margin:0;padding:0}#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}}