.btn-container{background-color:transparent}.btn{width:200px;height:50px;border-radius:50px;border:none;color:var(--text-color);background-color:var(--call-to-action-color)}@media only screen and (max-width: 600px){.btn{width:100px;height:40px;border-radius:50px;font-size:12px;border:none;color:var(--text-color);background-color:var(--call-to-action-color)}}.search__container{width:300px;height:60px;background-color:var(--text-color);border-radius:50px;display:flex;padding-right:5px}.search__input{width:100%;text-align:center;background-color:transparent;border:none}.search__input:focus{outline:none}.location__input,.date__input{border-right:2px solid var(--light-grey-color)}.search__logo__container{width:100%;height:100%;background-color:transparent;display:flex;justify-content:flex-end;align-items:center}.searchBtn{width:50%;height:80%;background-color:var(--primary-color);border-radius:50px;display:flex;justify-content:center;align-items:center}.icon{background-color:transparent;color:var(--text-color)}@media only screen and (max-width: 600px){.search__container{width:200px;height:35px;padding-right:10px}.searchBtn{width:40%;height:70%}.icon{font-size:12px}}.avatar-container{width:50px;height:50px;border-radius:50px;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center}.user__profile{width:45px;height:45px;border-radius:50px;background-color:red}.profile-image{width:100%;height:100%;border-radius:50px;object-fit:cover}.nav-bar{position:absolute;width:100%;height:20%;display:flex;justify-content:space-around;align-items:center;padding:20px;top:.5rem;background-color:transparent;z-index:100}.newNav-bar{width:100%;height:20%;display:flex;justify-content:space-around;align-items:center;padding:20px;top:.5rem;background-color:transparent;z-index:100}.image{width:50px;height:50px;color:var(--text-color);background-color:var(--text-color)}@media only screen and (max-width: 600px){.image{display:none}.nav-bar{top:.9rem}}.nameAndImage-container{background-color:transparent;position:absolute;bottom:1.5rem;left:1.5rem;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;z-index:200}.nameImage-content{width:45px;height:45px;border-radius:50px}.profile-content{width:100%;height:100%;border-radius:50px;object-fit:cover}.name-location{background:transparent;color:var(--light-grey-color)}.name-location .customers{color:var(--primary-light-color);background-color:transparent;font-weight:400;font-size:12px}.name-location .full-name{background-color:transparent;font-size:18px;font-weight:700}.name-location .location{background-color:transparent;font-size:13px;font-weight:200;color:var(--light-grey-color)}@media only screen and (max-width: 600px){.name-location .full-name{font-size:14px}.name-location .location{font-size:9px}.name-location .customers{font-size:8px}.nameAndImage-container{bottom:1rem;left:1rem}}.userCards-container{width:342px;height:302px;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.userCards-container:hover{border:2px solid var(--primary-light-color)}.userCards-container:after{content:" ";position:absolute;width:342px;height:302px;top:0;left:0;right:0;bottom:0;border-radius:10px;background:linear-gradient(rgba(10,18,31,.8),rgba(10,18,31,.8));z-index:100}.image-container{position:relative;width:100%;height:100%;border-radius:10px;object-fit:cover}@media only screen and (max-width: 600px){.userCards-container{width:202px;height:162px}.userCards-container:after{width:202px;height:162px}.image-container{position:relative;width:100%;height:100%;border-radius:10px;object-fit:cover}}.footer{width:100%;height:50px;background-color:var(--primary-color)}.landing-page-container{background-color:var(--background-color);width:100%;height:100vh}.landing-page-content{position:relative;width:100%;height:50%;display:flex;justify-content:center;align-items:center;z-index:0}.landing-page-content:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(10,18,31,.7),rgba(10,18,31,.7));z-index:1}.slide{width:100%;height:100%;object-fit:cover}.slide:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}.slide-hidden{display:none}.arrow{position:absolute;width:2rem;height:2rem;color:var(--text-color);background-color:transparent;z-index:3}.arrow-right{right:1.5rem}.arrow-left{left:1.5rem}.indicators{display:flex;position:absolute;bottom:1rem;background-color:transparent;z-index:3}.indicator{background-color:var(--text-color);width:2rem;height:.5rem;border-radius:10px;border:none;outline:none;cursor:pointer;margin:0 .2rem}.indicator-disabled{background-color:var(--light-grey-color);width:.5rem;height:.5rem;border-radius:10px;border:none;outline:none;cursor:pointer;margin:0 .2rem}.header-container{position:absolute;background-color:transparent;z-index:100}.header-container h1{color:var(--primary-color);background-color:transparent;font-size:80px;font-family:Inter,sans-serif;font-weight:900}.header-container p{color:var(--text-color);background-color:transparent;font-size:48px;text-align:center;font-family:Inter,sans-serif;font-weight:100}.userCards-landingPage-container{width:100%;height:70%;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);place-items:center;align-items:center;gap:40px 10px;padding:10px}.continue{color:var(--text-color)}.otherSections{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.additional-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}@media only screen and (max-width: 600px){.userCards-landingPage-container{width:100%;height:80%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr);place-items:center;align-items:center;gap:30px 5px;padding:10px}.landing-page-content{position:relative;width:100%;height:25%;display:flex;justify-content:center;align-items:center;z-index:0}.header-container h1{color:var(--primary-color);background-color:transparent;font-size:20px;font-family:Inter,sans-serif;font-weight:900}.header-container p{color:var(--text-color);background-color:transparent;font-size:15px;text-align:center;font-family:Inter,sans-serif;font-weight:100}.arrow{width:1.5rem;height:1.5rem}.additional-info{margin-top:100px}}.users-page-sort{display:flex;justify-content:center;gap:30px;margin-top:30px}.sortBy-container{width:150px;height:44px;border-radius:20px;display:flex;justify-content:center;align-items:center;border:2px solid var(--primary-light-color);color:var(--text-color);cursor:pointer}.active{background-color:var(--primary-light-color)}.rendered-users{width:100%;height:70vh;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);place-items:center;align-items:center;gap:40px 0px;padding:10px}@media only screen and (max-width: 600px){.sortBy-container{width:120px;height:40px;font-size:12px}.users-page-container{padding:10px}.rendered-users{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);padding:10px}}.table-content{width:100%;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:center;box-sizing:border-box}.calendar-day{width:125px;height:75px;position:relative;border:1px solid var(--background-color);background-color:var(--text-color)}.calendar-day:hover{background-color:var(--light-grey-color)}.calendar-day p{position:absolute;right:10px;color:var(--light-grey-color);background-color:transparent}.current p{color:var(--background-color)}.selected{background-color:var(--call-to-action-color)}.selected p{color:var(--text-color);font-weight:700}@media only screen and (max-width: 600px){.calendar-day{width:55px;height:50px;position:relative;border:1px solid var(--background-color);background-color:var(--light-grey-color)}.current{background-color:var(--text-color)}.selected p{color:var(--call-to-action-color);font-weight:700}}.calendar{width:900px;height:600px;flex-direction:column}.calendar-header{height:100px;width:100%;display:flex;align-items:center;justify-content:center}.calendar-body{width:100%;flex-grow:1;display:flex;flex-direction:column}.table-header{height:100px;width:100%;display:flex;align-items:center;justify-content:space-around}.table-header p{color:var(--primary-color-layer)}.weekday{width:100px;text-align:center}.calender-header h2{color:var(--primary-color-layer)}@media only screen and (max-width: 600px){.calendar{width:400px;height:400px;flex-direction:column}.table-header{height:90px;width:100%;display:flex;align-items:center;justify-content:space-around}.calender-header h2{color:var(--primary-color-layer);font-size:16px}.calender-header{display:flex;justify-content:center;align-items:center}}.addCount__container{width:16%;height:20%;background-color:var(--text-color);border-radius:10px;position:absolute;bottom:0;top:1390px;right:308px}.adultAndKids{background-color:transparent;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px;text-align:center}.structure{background-color:transparent;display:flex;justify-content:space-between;align-items:center}.adultCounts{background-color:transparent;display:flex;justify-content:space-evenly;align-items:center;gap:5px}.icons__style{background-color:transparent;color:var(--background-color);font-size:20px}.adults__text,.adults__text p{background-color:transparent}.increase__number{background-color:transparent;color:var(--background-color)}.descInfo{background-color:transparent;font-size:12px;color:var(--light-grey-color)}@media only screen and (max-width: 600px){.addCount__container{width:58%;height:20%;background-color:var(--text-color);border-radius:10px;position:absolute;bottom:0;top:1260px;right:96px}.adultAndKids{background-color:transparent;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px;text-align:center}.structure{background-color:transparent;display:flex;justify-content:space-between;align-items:center}.adultCounts{background-color:transparent;display:flex;justify-content:space-evenly;align-items:center;gap:5px}.icons__style{background-color:transparent;color:var(--light-grey-color);font-size:20px}.adults__text,.adults__text p,.increase__number{background-color:transparent}.descInfo{background-color:transparent;font-size:12px}}.profile-header{display:flex;justify-content:flex-start;align-items:flex-end;padding:20px}.arrowBack{color:var(--primary-light-color);font-size:50px}.profile--avatar{width:228px;height:228px;background-color:var(--primary-light-color);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:5px}.light--one{width:202px;height:202px;background-color:var(--primary-color-layer);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:10px}.light--two{width:164px;height:164px;display:flex;justify-content:center;align-items:center;border-radius:50%}.avatarProfile{width:100%;height:100%;object-fit:cover;align-items:center;border-radius:50%}.user-profile-name{color:var(--text-color);font-size:32px}.user-header{display:flex;flex-direction:column;align-items:center;gap:10px}.profiles-call-to-actions{display:flex;justify-content:center;gap:20px;margin:10px 0}.profile-info{display:flex;justify-content:center;align-items:center;gap:80px}.type-hairstyle{display:flex;justify-content:center;align-items:center;gap:10px}.text-for-user-details,.symbol{color:var(--primary-light-color)}.user-image-container{position:relative;display:flex;justify-content:center;align-items:center;padding-top:10px}.button{position:absolute;width:100px;height:50px;color:var(--text-color);background-color:var(--primary-light-color);border-radius:10px;border:none;bottom:1.9rem;right:28rem;box-shadow:1px 1px 30px var(--background-color)}.user-images{width:60%;height:20%;background-color:var(--light-grey-color);display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"one two" "one three";gap:10px;padding:20px;border-radius:20px}.item-1{grid-area:one}.item-2{grid-area:two}.item-3{grid-area:three}.item-container{width:100%;height:100%;object-fit:cover}.itemImages{width:100%;height:100%}.calendar-and-bookNow-container{display:flex;justify-content:center;align-items:center;padding:40px}.calendar-and-bookNow-container h3{color:var(--text-color)}.calendarBook{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:50%;height:100%}.bookNow-container{width:50%;height:350px;background-color:var(--primary-light-color);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px}.header-and-calendar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.price-heading{width:100%;height:50px;display:flex;justify-content:space-around;align-items:center;background-color:transparent}.price-heading p{background-color:transparent}.price{font-size:24px;color:var(--text-color);font-weight:600;background-color:transparent}.price span{background-color:transparent;font-weight:200}.ratings{background-color:transparent}.ratings p{color:var(--text-color);background-color:transparent}.icon-rating{background-color:transparent}.icon-rating .icon{width:12px;height:12px}.appointment__info{width:70%;height:180px;background-color:var(--text-color);border-radius:10px;position:relative}.startDate{background-color:transparent;border-right:1px solid var(--light-grey-color);padding:10px}.startHours{background-color:transparent;padding:10px}.smallText{font-size:12px;background-color:transparent;color:var(--background-color)}.smallText p{background-color:transparent}.dateAndHour{display:flex;justify-content:center;align-items:center;gap:30px;background-color:transparent;border-bottom:1px solid var(--light-grey-color);padding:10px}.bigText{background-color:transparent;font-size:14px;font-weight:600;color:var(--background-color)}.clients,.client__title{background-color:transparent}.client__info{background-color:transparent;color:var(--background-color)}.upAndDown{background-color:transparent}.icon-up{background-color:transparent;font-size:18px;color:var(--background-color)}.client-details{background-color:transparent;display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--light-grey-color)}@media only screen and (max-width: 600px){.arrowBack{color:var(--primary-light-color);font-size:30px}.profile--avatar{width:128px;height:128px}.light--one{width:102px;height:102px}.light--two{width:64px;height:64px}.user-profile-name{font-size:22px}.profile-info{gap:20px}.textProfile{font-size:12px}.button{position:absolute;width:80px;height:30px;right:5rem;font-size:10px}.calendar-and-bookNow-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.calendarBook{width:100%;height:100%}.bookNow-container{width:100%;height:350px;background-color:var(--primary-light-color);border-radius:10px}.header-and-calendar{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-images{width:80%}}body{color:var(--text-color)}.confirmation__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;gap:40px}.icon__back{color:var(--primary-color);font-size:40px}.book__header{color:var(--primary-color)}.user__container{display:flex;align-items:center;gap:10px}.headers__content{width:100%;display:flex;justify-content:space-evenly;padding-right:400px}.confirm__avatar{width:70px;height:70px;border-radius:50%}.confirm__avatar__image{width:100%;height:100%;border-radius:50%;object-fit:cover}.user__name{font-size:20px;font-weight:600}.user__location{font-size:12px;color:var(--light-grey-color)}.stylist__container{display:flex;flex-direction:column;align-items:center;gap:30px}.stylist__text{color:var(--primary-color);font-size:20px}.confirm__booking{width:50%;height:50%;border:1px solid var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.info{width:80%;height:50%;display:flex;justify-content:center;align-items:center;padding-right:50px}.dates__hours__edit{border-bottom:1px solid var(--primary-color)}.dates__hours{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;background-color:transparent}.boldText{font-size:20px;font-weight:600}.client__details{display:flex;flex-direction:column;justify-content:center}.edit{color:var(--primary-color)}.date__text_layout .date{display:flex;justify-content:center;align-items:center;gap:15px}.smallTextConfirm{font-size:12px}.payment__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;gap:40px}.payment__header__content{width:100%;display:flex;justify-content:space-evenly;padding-right:400px}.payment__header__content .back_icon{color:var(--primary-color);font-size:40px}.payment__header__content .checkout_header{color:var(--primary-color)}.boxes__container{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;padding:20px;gap:20px}.payment__details{width:40%;height:60%;border:1px solid var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.payment__card__details{width:40%;height:90%;background-color:var(--primary-color);border-radius:10px}.form__container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;gap:25px}.label__containers{width:70%;background-color:transparent;display:flex;flex-direction:column;justify-content:center}.inputs{background-color:var(--text-color);height:50px}.labels{background-color:transparent}.lining{width:90%;border-bottom:1px solid var(--primary-color);height:100%}.dates,.client__detail,.totalPrice{display:flex;justify-content:space-between;align-items:center}.expAndCvv{width:70%;display:flex;justify-content:center;align-items:center;gap:20px;background-color:transparent}@media only screen and (max-width: 600px){.payment__header__content{width:100%;display:flex;justify-content:space-around;padding-right:0}.boxes__container{width:100%;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:20px}.payment__details{width:90%}.payment__card__details{width:90%;height:90%;padding:10px}.label__containers{width:90%}.form__container{gap:10px}}*{background-color:var(--background-color)}*{box-sizing:border-box;padding:0;margin:0;font-family:Inter}:root{--primary-color: #a8895f;--primary-color-layer: #caa977;--primary-light-color: #a7895c;--call-to-action-color: #657f4e;--background-color: #0a111d;--text-color: #fff;--light-grey-color: #cbcbcb}