@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Inter:wght@400;700&family=Noto+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond&family=Noto+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@100;200;300;400;500;600;700&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap);body{font-family:"EB Garamond";font-family:"Mulish";font-family:"Noto Sans JP"}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.appointment{width:100%;height:181px;margin-top:72px;background-color:#f2d555}.appointment-title{padding:61px 0 0 64px;height:120px;left:0;top:72px;background-color:#f2d555}.appointment-title h3{margin:0}.appointment-title p{margin-top:8px}.appointment-btn{background-color:#f2d555}.appointment-btn,.appointment-btn2{display:inline-block;width:33%;padding:10px 0;text-align:center;color:0;font-weight:700;size:16px;text-decoration:none}.appointment-btn2{background-color:#e3e3e3}.appointment-btn3{display:inline-block;width:34%;padding:10px 0;text-align:center;background-color:#f8f8f8;color:0;font-weight:700;size:16px;text-decoration:none}.appointment-btn-list{background-color:#214457}.appointment-btn-list,.appointment-btn-list1{border-radius:50%;color:#fff;padding:1px 7px;margin-right:10px}.appointment-btn-list1{background-color:#999}.container-wrapper{margin:50px 175px 200px}.enquiry-wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.enquiry-wrapper div{width:47%;margin-bottom:20px}.enquiry-wrapper div:nth-child(odd){margin-right:6%}.enquiry-label{font-style:normal;font-weight:700;font-size:14px;line-height:20px}.enquiry-label span{color:red}.enquiry-select{margin-top:5px;width:100%;padding:10px;border:1px solid #bdbdbd;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;border-radius:5px}select option:first-child{color:#999}select option{color:#000}.enquiry-input{width:90%;border:0 solid #bdbdbd;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;border-radius:5px;margin:0 5px}.enquiry-wrapper .appointment-border-input{width:100%}.appointment-border-input{width:100%;display:-webkit-flex;display:flex;border:1px solid #bdbdbd;border-radius:5px;margin-top:5px;padding:0 10px}.appointment-border-input span{margin:5px;padding:5px 0}.appointment-border-input hr{width:0;border-left:.5px solid #999;border-right:0;background-color:#999;margin:5px;padding:5px 0}textarea{border-radius:5px;border:1px solid #bdbdbd;margin-top:5px;width:100%;height:95px;padding:10px}.filter-preferred{display:-webkit-flex;display:flex;margin:30px 0;width:100%}.filter-preferred div:first-child{margin-right:6%}.filter-wrapper{padding:5px;max-width:47%;width:47%;background-color:#f8f8f8;border-radius:5px;margin:0}.filter-title{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:10px}.filter-title span:nth-child(2){font-family:Noto Sans;font-style:italic;font-weight:400;font-size:11px;line-height:20px;text-align:right;color:#999}.filter-btn-wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0}.filter-btn{background:#fff;color:#214457}.filter-btn,.filter-btn-active{height:30px;font-size:11px;line-height:16px;border:1px solid #214457;box-sizing:border-box;border-radius:7px;margin:3px;padding:0 5px}.filter-btn-active{background:#214457;color:#fff}.filter-date{min-height:150px;width:100%;padding:5px 10px;background-color:#f8f8f8;margin-top:20px}.unstyled{-webkit-appearance:none}.filter-radio{margin-bottom:15px;margin-right:10px;cursor:pointer}.appointment-radio-label{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#373737}.review-wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:14px;line-height:20px}.review-wrapper div:not(:nth-child(4)){margin-right:68px}.review-wrapper p{margin:0}.appointment-review p:first-child{color:#999;margin-top:29px}.appointment-review p:nth-child(2){font-weight:700}.appointment-review p{margin:0;font-size:14px;line-height:20px}.review-wrapper p:first-child{margin:0;color:#999}.btn-wrapper{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.btn-submit{margin:50px 0;padding:15px 60px;cursor:pointer;background:#214457;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#fff;border:0}.check{padding-right:15px}@media only screen and (max-width:576px){.container-wrapper{margin:50px 25px}.appointment-title{padding:24px 0 0 24px}.appointment-btn2,.appointment-btn3,.appointment-link .appointment-btn,.enquiry-wrapper,.enquiry-wrapper div{width:100%}.enquiry-wrapper div:nth-child(odd){margin-right:0}.enquiry-select{width:100%}.textarea{margin-right:20px}.filter{display:inline-block;width:100%;margin:20px 0 0}.filter div:first-child{margin-right:0}.filter-wrapper{max-width:100%;margin-bottom:20px}.filter-date{width:95%}.btn-wrapper{display:inline-block;width:100%}.btn-submit{width:100%}}@media only screen and (min-width:768px){.container-wrapper{margin:50px}.appointment{width:100%}.filter-date{width:97%}}@media only screen and (min-width:1022px){.container-wrapper{position:relative;top:30px;margin:50px 175px 200px}.appointment,.filter-date{width:100%}}.navbar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;z-index:10;transition-timing-function:ease-in;transition:all .5s;width:100%;background-color:transparent;position:fixed;margin:0;top:0}.navbar:hover{cursor:pointer}.logo-div{width:50%}.navbar-logo{width:6rem;height:2rem;margin-left:11%;margin-top:1.25rem;margin-bottom:1.25rem}.navbar-menu{width:50%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:2.8rem;font-family:"Noto Sans";position:fixed;right:0;transition-timing-function:ease-in;transition:all .5s}.navbar-menu h6{margin:1.75rem 1rem 1.125rem;font-size:1rem;line-height:1.58rem;-webkit-justify-content:space-around;justify-content:space-around}.log-sign-div{display:-webkit-flex;display:flex}.nav-col-1{color:#214457}.nav-col-2{color:#f2d555}.col-2-border{border-left:1px solid #214457;color:#f2d555;padding-left:32px}.navbar.active{background-color:#fff;box-shadow:0 4px 10px rgba(33,68,87,.45)}.col-1.active{color:#214457}.col-2-border.active{border-left:1px solid #214457}@media screen and (max-width:600px){.navbar{height:45px}.navbar-menu{margin-right:.5rem;height:4rem;width:70%}.navbar-menu h6{font-size:8px;margin:.7rem .25rem}.col-2-border{border-left:1px solid #214457;color:#f2d555;padding-left:1rem;height:1.5rem}.navbar-logo{width:3rem;height:1rem;margin-left:8%;margin-top:1rem}}@media screen and (max-width:1000px) and (min-width:601px){.navbar-menu{margin-right:1rem;height:4rem}.navbar-menu h6{font-size:10px;margin:.7rem .5rem}.col-2-border{border-left:1px solid #214457;color:#f2d555;padding-left:1rem;height:1.5rem}.navbar-logo{width:4rem;height:1.25rem;margin-left:8%;margin-top:.8rem}.navbar{height:3rem}}.modal-background{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:0;left:0;cursor:auto}.modal-container{width:1202px;height:735px;z-index:5;position:relative}.modal-content{right:0;background-color:#fff;width:607px;height:735px;position:absolute}.modal-content h4{width:89px;height:36px;top:40px;font-weight:700;font-size:32px;line-height:35px;color:#214457}.modal-content h4,.modal-content p{position:absolute;left:59px;font-family:Noto Sans;font-style:normal;margin:0}.modal-content p{height:20px;top:84px;font-weight:400;font-size:14px;line-height:20px;color:#999}.modal-content span{color:#214457;margin:0;text-decoration:underline;cursor:pointer}.modal-email{right:55.17%;top:calc(50% - 144.5px);bottom:13.04%;margin:0;font-weight:700;font-size:14px;line-height:20px;color:#373737}.email-input,.modal-email{position:absolute;left:59px;font-family:Noto Sans;font-style:normal}.email-input{height:50px;width:470px;top:250px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.modal-password{top:329px;bottom:13.04%;margin:0;font-weight:700;font-size:14px;line-height:20px;color:#373737}.modal-password,.password-input{position:absolute;left:59px;font-family:Noto Sans;font-style:normal}.password-input{height:50px;width:470px;top:356px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.modal-img{width:1202px;height:735px;position:absolute}.login-button{width:275px;height:55px;left:165px;top:calc(50% + 115.5px);background:#f2d555;box-shadow:0 4px 10px rgba(33,68,87,.2);border:1px solid #f2d555;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;cursor:pointer}.line-hr,.login-button{position:absolute;margin:0}.line-hr{width:468.5px;height:0;left:69px;top:calc(50% + 242.5px);border:1px solid #e3e3e3}.login-welcome{width:359px;height:51px;top:559px;font-family:EB Garamond;font-weight:700;font-size:32px;line-height:42px}.login-p,.login-welcome{position:absolute;left:26px;margin:0;font-style:normal;color:#fff}.login-p{width:342px;height:70px;top:623px;font-size:16px;line-height:22px}.login-p,div p.error-msg-login{font-family:Noto Sans;font-weight:400}div p.error-msg-login{position:absolute;left:59px;top:412px;font-style:normal;font-size:14px;line-height:20px;color:red}.signup-background{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:0;left:0;cursor:auto}.signup-container{width:1202px;height:735px;z-index:5;position:relative}.signup-content{right:0;background-color:#fff;width:607px;height:735px;position:absolute}.signup-content h4{width:122px;height:36px;top:40px;font-weight:700;font-size:32px;line-height:35px;color:#214457}.signup-content h4,.signup-content p{position:absolute;left:59px;font-family:Noto Sans;font-style:normal;margin:0}.signup-content p{height:20px;top:84px;font-weight:400;font-size:14px;line-height:20px;color:#999}.signup-content span{color:#214457;margin:0;text-decoration:underline;cursor:pointer}.signup-fname{top:190px;font-weight:700;font-size:14px;line-height:20px;color:#373737;margin:0}.signup-fname,.signup-fname-input{left:59px;position:absolute;font-family:Noto Sans;font-style:normal}.signup-fname-input{height:50px;width:207px;top:217px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.signup-lname{top:190px;font-weight:700;font-size:14px;line-height:20px;color:#373737;margin:0}.signup-lname,.signup-lname-input{left:320px;position:absolute;font-family:Noto Sans;font-style:normal}.signup-lname-input{height:50px;width:207px;top:217px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.signup-email{right:55.17%;top:296px;bottom:13.04%;margin:0;font-weight:700;font-size:14px;line-height:20px;color:#373737}.signup-email,.signup-email-input{position:absolute;left:59px;font-family:Noto Sans;font-style:normal}.signup-email-input{height:50px;width:470px;top:323px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.signup-password{top:402px;bottom:13.04%;margin:0;font-weight:700;font-size:14px;line-height:20px;color:#373737}.signup-password,.signup-password-input{position:absolute;left:59px;font-family:Noto Sans;font-style:normal}.signup-password-input{height:50px;width:470px;top:429px;border-radius:3px;font-weight:400;font-size:16px;line-height:22px;color:#999;padding-left:1rem;border:1px solid #999}.signup-img{width:1202px;height:735px;position:absolute}.signup-button{position:absolute;width:275px;height:55px;left:165px;top:526px;background:#f2d555;box-shadow:0 4px 10px rgba(33,68,87,.2);margin:0;border:1px solid #f2d555;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;cursor:pointer}.signup-line-hr{position:absolute;width:468.5px;height:0;left:69px;top:calc(50% + 242.5px);margin:0;border:1px solid #e3e3e3}.signup-welcome{width:359px;height:51px;top:487px;font-family:EB Garamond;font-weight:700;font-size:32px;line-height:42px}.signup-p,.signup-welcome{position:absolute;left:26px;margin:0;font-style:normal;color:#fff}.signup-p{width:342px;height:70px;top:623px;font-family:Noto Sans;font-weight:400;font-size:16px;line-height:22px}.google-btn{left:131px}.facebook-btn,.google-btn{position:absolute;width:164px;height:42px;top:calc(50% + 283.5px);background:#f0f2e9;box-shadow:0 4px 10px rgba(33,68,87,.2);border:1px solid #f0f2e9;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#214457;margin:0;cursor:pointer}.facebook-btn{left:311px}div p.signup-error-msg{position:absolute;left:59px;top:485px;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:red}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}li{float:left}.hero-profile-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:23px;margin-left:16px;border-left:1px solid #214457}.hero-dropbtn,li p{color:#214457;font-size:16px;line-height:25.2px;padding-left:16px;text-align:center;text-decoration:none}.hero-dropdown:hover .dropbtn,li p:hover{cursor:pointer}li.hero-dropdown{display:inline-block}.hero-dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.hero-dropdown-content p{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.hero-dropdown-content p:hover{background-color:#e7e7e7}.hero-dropdown:hover .hero-dropdown-content{display:block}div img.img-profile-hero{width:34px;height:34px;border-radius:50%;margin-top:0;margin-left:32px;background-color:#fff}@media screen and (max-width:600px){.hero-dropbtn,li p{font-size:10px}.hero-profile-container{margin-top:.75rem}div img.img-profile-hero{width:1.25rem;height:1.25rem;margin-left:1rem}}@media screen and (max-width:1000px) and (min-width:600px){.hero-dropbtn,li p{font-size:10px}.hero-profile-container{margin-top:.75rem}div img.img-profile-hero{width:1.25rem;height:1.25rem;margin-left:1rem}}.footer{width:100%;position:relative}.get-started{margin:0;width:100%;background-color:#f8f8f8;display:-webkit-flex;display:flex}.get-started .col-1,.get-started .col-2{width:50%;padding:50px 72px}.copyright{margin:0;width:100%;height:72px;background-color:#f2d555}.col-1 h1{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:56px;line-height:62px;color:#000}div p.col-1-p{color:#999;width:100%}.col-1-qn,div p.col-1-p{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;margin-top:30px}.col-1-qn{color:#000;width:300px}.col-1-qn span{text-decoration:underline;cursor:pointer}.column-2{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}div p.col-2-title{font-weight:700;font-size:18px;line-height:25px;color:#214457}div p.col-2-p,div p.col-2-title{font-family:Noto Sans;font-style:normal;margin:0}div p.col-2-p{font-weight:400;font-size:14px;line-height:20px;color:#373737;cursor:pointer;padding:4px 0}.copyright{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}div p.copyright-p{padding-left:84px;padding-top:26px;width:420px;height:20px;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#000;margin:0}.icons{margin-right:104px;cursor:pointer}.tm{color:#f2d555;font-family:Noto Sans;font-style:normal;font-weight:700}.stores{margin-top:50px}.appstore{width:120px;height:50px;cursor:pointer}.playstore{width:139px;height:52.5px;cursor:pointer}@media screen and (max-width:600px){.copyright p,.get-started{display:none}.copyright{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.icons{margin-right:0}}@media screen and (max-width:1024px) and (min-width:601px){.get-started .col-2{padding:50px 30px 50px 0}.get-started .col-1{padding:50px}.col-1 h1{font-size:36px}}.dashboard_title{margin-bottom:10px;margin-top:20px}.detail-project-container{width:90%;min-height:500px;margin:5% auto}.detail-project-title{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:20px;margin-top:20px}.detail-project-title-1 h1{font-style:normal;font-weight:700;font-size:32px;line-height:35px;margin-bottom:5px}.detail-project-title-1 h3{font-style:normal;font-weight:400;font-size:16px;line-height:22px}.detail-project-title-2{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.detail-project-title-2 p{font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#214457;margin-left:15px}.detail-project-content-container{width:100%;min-height:500px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.image-area{width:62%}.image-area,.main-image{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.main-image{width:100%}.small-image{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:4% 0 0}.image1{width:30%}.image1 img{width:100%;height:100%;object-fit:cover}.image2{width:30%}.image2 img{width:100%;height:100%;object-fit:cover}.all-image{width:30%;position:relative}.all-image>.all-image-layer1{position:absolute;top:0;width:100%;height:100%;background:#f2d555;opacity:.6}.all-image img{width:100%;height:100%;object-fit:cover}.all-image h3{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;top:0;z-index:2;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#000;cursor:pointer}.all-image h3:hover{text-decoration:underline}.description-area{width:35%}.description-area,.description-project{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.description-project{background:#f8f8f8;padding:4% 5%;height:100%}.description-project>:first-child{display:-webkit-flex;display:flex}.description-project>:first-child>:first-child{width:50%}.description-project>:nth-child(2){display:-webkit-flex;display:flex}.description-project>:nth-child(2)>:first-child{width:50%}.description-project h4{font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#373737}.description-project p,.description-project span{font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:#214457;word-spacing:2px}.spesification-project{height:100%;margin:10% 0;background:#f8f8f8}.spesification-project>:first-child{padding:4%;border-bottom:1px solid #e3e3e3}.spesification-project-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;padding:4%}.spesification-project h4{font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:#214457;word-spacing:2px}.spesification-project-item li{font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#373737;margin:4px 0}.quote-container{height:100%;background:#f0f2e9;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:10% 5%;height:35%}.quote-container img{width:22.5px;height:25px}.quote-container h4{width:80%;font-style:normal;font-weight:400;font-size:18px;line-height:25px;text-align:center;color:#000;padding:3% 0 5%}.quote-container button{border:none;padding:4% 10%;background:#f2d555;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#373737;cursor:pointer}.quote-container button:hover{box-shadow:2px 4px 16px 2px rgba(33,68,87,.3)}.gallery-modal{position:absolute;background-color:#000;opacity:.8;width:70%;height:75%;padding:15px 20px;border:0}.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;background-color:rgba(38,40,37,.8);z-index:99}.gallery-container,.gallery-modal-overlay{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.photo{width:800px;height:530px;margin:0 30px}.arrow{border-radius:50%;padding:2px 3px;border:0}.gallery-btn-close{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.gallery-btn-close button{background-color:transparent;border:0;color:#fff;cursor:pointer}.home,.pic-1{width:100%}.pic-1{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;height:800px}.pic-1-img{width:70%;height:93%;z-index:-2}.pic-1-white{height:10.5rem;width:119px;background-color:#fff;position:absolute;left:30%}.pic-1-grey{width:20%;height:12rem;background-color:#eceeef}.pic-1-grey,.pic-1-text{z-index:-1;position:absolute;left:0}.pic-1-text{width:46%;height:366px;top:224px;background-color:#fff}.h1-normal{width:87%;height:136px;top:12%;font-weight:400;font-size:3.4rem}.h1-bold,.h1-normal{margin:0;position:absolute;left:9%;font-family:"EB Garamond";font-style:normal;line-height:70px;color:#214457}.h1-bold{height:73px;bottom:110px;font-weight:700;font-size:54px}.pic-1-light-grey{position:absolute;width:80%;height:209px;top:590px;margin-left:25%;background-color:#f8f8f8;z-index:-2}.pic-1-text p{margin:0;position:absolute;width:510.87px;height:52px;left:9%;bottom:43px;font-family:"Noto Sans";font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#999}.mission{display:-webkit-flex;display:flex;width:100%}.mission-1{background-color:#214457;width:20%;height:337px}.mission-1 h4{font-family:"EB Garamond";font-style:normal;font-weight:400;font-size:2rem;line-height:42px;color:#fff;margin:56px 0 0 51px}.mission-2{width:30%;height:337px;padding-left:48px;padding-top:52px;background-color:#f2d555}.mission-2 img{margin:0;width:54.56px;height:54.56px}.mission-2 h5{margin-bottom:10px;font-family:"Noto Sans";font-style:normal;font-weight:700;font-size:24px;line-height:26px;color:#373737}.m2-p-normal{margin-top:30px;padding-right:10px;text-align:justify;font-weight:400;line-height:22px}.m2-p-bold,.m2-p-normal{font-family:"Noto Sans";font-style:normal;font-size:16px;color:#373737}.m2-p-bold{margin:0;font-weight:700;line-height:25px}.mission-3{padding-left:38px;padding-top:108px;width:25%;height:337px;background-color:#e3e3e3}.mission-3 img{margin:0}.mission-3 h5{font-family:Noto Sans;font-weight:700;font-size:24px;line-height:26px}.m3-p-normal,.mission-3 h5{margin:0;font-style:normal;color:#373737}.m3-p-normal{font-family:"Noto Sans";font-weight:400;font-size:16px;line-height:22px;padding-top:6px}.mission-4{padding-left:38px;padding-top:108px;width:25%;height:337px;background-color:#eceeef}.mission-4 img{margin:0;width:72px;height:72px}.mission-4 h5{margin:0;font-family:"Noto Sans";font-style:normal;font-weight:700;font-size:24px;line-height:26px;color:#373737}.works{display:-webkit-flex;display:flex;max-width:100%;padding:100px 50px;background-image:url(/static/media/background.ccbcd077.png)}.works-content{width:30%;margin-right:10%}.works-img{width:60%}.works-slider{width:700px;height:540px}.works h1{margin-bottom:300px;font-family:EB Garamond;font-style:normal;font-weight:400;font-size:54px;line-height:70px;color:#fff}.works-p-bold{margin:0;font-weight:700;line-height:25px}.works-p-bold,.works-p-normal{font-family:Noto Sans;font-style:normal;font-size:16px;color:#fff}.works-p-normal{font-weight:400;line-height:22px;padding-top:10px}.works-details{margin-top:70px;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#fff}.works-details:hover{cursor:pointer}.ideas img{width:100%;height:731px}.curated{position:absolute;width:56%;height:106px;left:0;top:2475px;background-color:#214457;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}div p.curated-p{height:28px;margin:0 0 0 61px;bottom:39px;font-family:"Noto Sans";font-weight:400;font-size:20px}.dropbtn,div p.curated-p{font-style:normal;line-height:28px;color:#fff}.dropbtn{background-color:#214457;font-size:16px;border:none;cursor:pointer;font-weight:700;font-size:20px}.dropbtn,.dropdown{left:469px;font-family:Noto Sans}.dropdown{display:inline-block;top:39px;font-style:normal;font-weight:400}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#214457;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#eceeef}.dropdown:hover .dropdown-content{display:block}.btn-see-all{margin:0;width:110px;height:45px;left:654px;top:34px;background-color:#f2d555;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:"Inter";font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#373737}.btn-see-all:hover{cursor:pointer}.info{max-width:100%}.review-h4{width:488px;height:42px;left:72px;top:2721px;margin-top:61px;margin-left:72px;font-family:"EB Garamond";font-style:normal;font-weight:700;font-size:32px;line-height:42px;color:#000}.designer{margin:90px 72px 150px}.designer-wrapper{display:-webkit-flex;display:flex;margin-left:10px;margin-top:20px}.designer-h4{margin:0;font-family:"EB Garamond";font-style:normal;font-weight:700;font-size:32px;line-height:42px;color:#000}.designer-img{width:403px;height:414px;left:88px;top:3283px}div img.quote-icon{position:absolute;width:113px;height:82px;left:64px;top:3600px;z-index:5}.designer-wrapper div:nth-child(2){margin-left:100px}.designer-quote{font-weight:700;font-size:32px;line-height:35px}.designer-p,.designer-quote{font-family:"Noto Sans";font-style:normal;color:#000;margin-bottom:30px}.designer-p{font-weight:300;font-size:20px;line-height:28px}.designer-name{font-weight:700;font-size:24px;line-height:26px;color:#000}.designer-name,.designer-title{font-family:Noto Sans;font-style:normal}.designer-title{font-weight:400;font-size:20px;line-height:28px;color:#999;margin:0}.hp-review-container{padding-bottom:30px}.hp-review-container,.works-slider{display:-webkit-flex;display:flex;overflow-x:auto;overflow-y:hidden}.hp-review-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#e3e3e3}.hp-review-container::-webkit-scrollbar-track:horizontal{background-position:50%;background-size:100% 35px}.hp-review-container::-webkit-scrollbar{width:1px;height:10px;margin-top:10px}.hp-review-container::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f2d555}@media screen and (max-width:600px){.curated{display:none}.pic-1{max-height:200px}.pic-1-white{width:1.75rem;height:2.5rem}.pic-1 img{height:170px}.pic-1-grey{width:5.15rem;height:3rem}.pic-1-text{top:55px;height:6rem}.h1-normal{font-size:12px;top:.7rem;line-height:18px}.h1-bold{font-size:12px;top:3rem;left:9%;height:10px;line-height:12px}.pic-1-light-grey{top:9rem;height:100px}.pic-1-text p{font-size:4px;width:120px;top:4rem;line-height:12px;height:10px}.mission{-webkit-flex-wrap:wrap;flex-wrap:wrap}.mission-1,.mission-2,.mission-3,.mission-4{width:50%;height:200px}.mission-1 h4{margin:20px;font-size:20px}.mission-2{padding:20px}.mission-2 h5{font-size:18px;line-height:20px}.mission img{width:30px;height:30px}.mission-2 p{font-size:8px;line-height:16px}.m2-p-normal{margin-top:5px;padding-right:0}.mission-3,.mission-4{padding:20px;height:150px}.mission-3 img,.mission-4 img{width:40px;height:40px}.mission-3 h5,.mission-4 h5{font-size:18px}.mission-3 p,.mission-4 p{font-size:8px}.works{display:none}.ideas{position:relative}.ideas img{height:200px}.info{width:100%}.review-h4{margin:5% 0 3% 7%;width:300px;font-size:18px}.designer{margin:7% 5%}.designer-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.designer-h4{font-size:18px}.designer-img{width:200px;height:200px}.designer-quote{font-size:20px;line-height:28px;margin-bottom:15px}.designer-wrapper div:nth-child(2){margin-left:.75rem;margin-top:2rem}.designer-p{font-size:12px;line-height:1.25rem;max-width:670px}.info{position:relative}div img.quote-icon{top:650px;width:70px;left:5%}}@media screen and (max-width:1024px) and (min-width:601px){.pic-1{height:400px}.pic-1-white{width:4.2rem;height:6rem}.pic-1-grey{width:9.5rem;height:7rem}.pic-1-text{top:140px;height:12rem}.h1-normal{top:.7rem}.h1-bold,.h1-normal{font-size:1.8rem;line-height:2.75rem}.h1-bold{bottom:1.7rem;left:9%}.pic-1-light-grey{top:17rem}.pic-1-text p{font-size:.55rem;width:18rem;bottom:0;line-height:1rem}.mission{-webkit-flex-wrap:wrap;flex-wrap:wrap}.mission-1,.mission-2,.mission-3,.mission-4{width:50%;height:200px}.mission-1 h4{margin:40px;font-size:25px}.mission-2{padding:20px 40px}.mission-2 h5{font-size:20px;line-height:20px}.mission img{width:30px;height:30px}.mission-2 p{font-size:12px;line-height:20px}.m2-p-normal{margin-top:5px;padding-right:0}.mission-3,.mission-4{padding:20px 40px;height:150px}.mission-3 img,.mission-4 img{width:40px;height:40px}.mission-3 h5,.mission-4 h5{font-size:20px}.mission-3 p,.mission-4 p{font-size:12px}.works{padding:50px;width:100%}.works h1{margin-bottom:20px;font-size:2.5rem}.works-slider{width:60%;height:20rem}.works-details{margin-top:1.25rem}.ideas{position:relative}.ideas img{height:400px}.curated{top:300px;height:70px}div p.curated-p{width:50%;font-size:12px;margin-left:1rem}.dropbtn{font-size:12px}.btn-see-all{width:60px;height:30px;font-size:10px}.info{width:100%}.review-h4{margin:5% 0 3% 7%}.designer{margin:7% 5%}.designer-img{width:200px;height:200px}.designer-quote{font-size:20px;line-height:20px;margin-bottom:15px}.designer-wrapper div:nth-child(2){margin-left:3rem}.designer-p{font-size:12px;line-height:1.25rem;max-width:670px}.info{position:relative}div img.quote-icon{top:700px;width:70px;left:5%}}.cust-review-container{width:527px;height:277px;position:relative;margin-top:48px;margin-left:72px}.cust-review-text{width:527px;height:226px;margin-top:51px;background-color:#f0f2e9;margin-right:72px}.cust-img{width:100px;height:100px;z-index:5;position:absolute;left:32px;box-shadow:2px 4px 16px 2px rgba(33,68,87,.3)}.cust-review-p{height:82px;top:127px;font-family:"Noto Sans";font-weight:200;font-size:14px;line-height:20px;margin:0}.cust-review-p,.cust-review-project-name{position:absolute;left:32px;font-style:normal;color:#000}.cust-review-project-name{height:26px;bottom:30px;font-family:Noto Sans;font-weight:700;font-size:16px;line-height:25px}.container{width:1280px;margin:0 auto}.container .title{margin-bottom:0}.title h1{width:55%;font-family:"EB Garamond";font-size:40px;font-style:normal;font-weight:bolder;margin:72px 0 0}.title h3{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;color:#999;margin-top:10px}.content_project{width:100%;display:grid;grid-template-columns:20% 1fr;grid-template-rows:1fr;grid-gap:64px;gap:64px;padding-top:50px}.box_pagination{padding:0 0 5%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.pagination{width:32px;height:32px;border:none;background:#fff;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px}.pagination:hover{cursor:pointer;border-radius:4px}.pagination:focus,.pagination:hover{font-weight:700;background:#eceeef}.project_list_container{width:100%;min-height:500px}.project_list_container .col-1{width:100%;display:-webkit-flex;display:flex;padding:3% 0 2%}.project_list_container .col-1a{width:100%}.project_list_container .col-1a>h3{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:20px;text-justify:center}.project_list_container .col-1a>p{text-decoration:underline;cursor:pointer}.project_list_container .col-1b{position:relative}.project_list_container .col-1b button{position:absolute;top:2px;right:2px;height:85%;width:10%;cursor:pointer;background-color:#fff;border:none}.project_list_container .col-1b input{width:451px;height:32px;background:#fff;border:1px solid #999;border-radius:2px;font-family:Mulish;font-style:normal;font-weight:400;font-size:14px;line-height:14px;padding:0 0 0 8px}.project_list_container .col-2{display:-webkit-flex;display:flex}.project_list_container .col-2a{margin-right:3%}.project_list_container .col-2a-1{width:260px;min-height:297px;background:#eceeef;padding:5% 8%;margin:0 0 15%}.project_list_container .col-2a-1>h3{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:16px;line-height:25px;margin-bottom:15px}.project_list_container .col-2a-2{width:260px;min-height:365px;background:#f0f2e9;padding:5% 8%}.project_list_container .col-2a-2>h3{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:16px;line-height:25px;margin-bottom:15px}.project_list_container .col-2b{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:100%}.checkbox{display:-webkit-inline-flex;display:inline-flex;cursor:pointer;position:relative;margin-right:20px;-webkit-align-items:center;align-items:center;margin-bottom:12px}.checkbox>span{padding-left:20px;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px}.checkbox>input{height:20px;width:20px;-webkit-appearance:none;appearance:none;border:1.5px solid #373737;border-radius:4px;outline:none;transition-duration:.3s;cursor:pointer}.checkbox>input:checked{border:1.5px solid #373737;background-color:#092c4c}.checkbox>input:checked+span:before{content:"\2713";display:block;text-align:center;color:#fff;position:absolute;left:3.5%;top:0}.checkbox>input:active{border:1.5px solid #34495e}.card{position:relative;max-width:48%;max-height:39%;margin:0 0 4%;box-shadow:0 4px 10px 0 rgba(33,68,87,.2)}.card:hover{box-shadow:0 8px 20px 0 rgba(33,68,87,.5)}.gradient_card{position:absolute;top:0;width:100%;height:100%;background:#fff;background:linear-gradient(0deg,#fff 20%,hsla(0,0%,100%,0) 50%)}.card>img{width:100%;height:100%;object-fit:cover}.card h3{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:16px;line-height:25px;color:#373737;cursor:pointer}.card a,.card h3{text-decoration:none}.card a:hover{text-decoration:underline}.card p{color:#373737}.card p,.card span{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.card span{color:#999}.favorite{border-radius:50%;border:none;height:36px;width:36px;background-color:#fff;cursor:pointer;padding:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;box-shadow:0 4px 10px rgba(33,68,87,.2)}.favorite:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.5)}.button_fav{position:absolute;top:1rem;right:1rem}.bot_left{position:absolute;bottom:1rem;left:3%}.bot_right{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;right:3%;bottom:2.5rem}.bot_right>span{margin-left:5px}.bot_right2{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:absolute;right:3%;bottom:1rem}.bot_right2>span{margin-left:5px}.spinner_project_list{width:60vw;height:60vh;margin:auto;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.adm-appointment,.spinner_project_list{display:-webkit-flex;display:flex}.adm-appointment-link{font-family:Mulish;font-style:normal;font-weight:700;font-size:19px;line-height:24px;letter-spacing:.4px;color:#999;text-decoration:none}.adm-appointment hr{border-left:1px solid #373737;border-right:0;width:1px;height:25px;margin:0 10px}.adm-appointment-link-active{color:#373737}.setting-adm-table{width:100%}.setting-adm-table tr td{font-family:Mulish;font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.2px;color:#9fa2b4}.setting-adm-table tr td:first-child{width:35%}.setting-adm-table tr td:nth-child(2){width:17%}.setting-adm-table tr td:nth-child(){width:5%}.adm-appointment-status{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;line-height:16px;background:#3e89ae;border-radius:100px;color:#fff;padding:5px 10px}.adm-appointment-detail,.adm-appointment-wrapper{display:-webkit-flex;display:flex}.adm-appointment-detail{padding:0 20px;-webkit-align-items:center;align-items:center}.adm-appointment-detail-content p,.adm-appointment-detail p{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#373737}.adm-appointment-detail-content p:nth-child(2n),.adm-appointment-detail p:nth-child(2n){font-weight:700;margin-bottom:15px}.adm-appointment-detail-content p:nth-child(odd),.adm-appointment-detail p:nth-child(odd){color:#999}.adm-appointment-detail div:first-child{margin-right:20px}.adm-appointment-detail-content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;width:100%}.adm-appointment-detail-content div:not(:nth-child(5)){width:50%}.adm-appointment-detail-img{width:150px;height:150px}.adm-appointment-wrapper hr{border-left:.5px solid #e3e3e3;height:170px;background-color:#e3e3e3;margin:0 20px}.adm-appointment-detail-list{padding:0 20px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.adm-appointment-detail-list div ul{display:grid}.adm-appointment-detail-list div ul li{list-style-type:none;padding-left:10px}.adm-appointment-detail-list div ul li:before{content:"- "}.adm-appointment-detail-list div:nth-child(3){width:50%}.adm-appointment-detail-list div li,.adm-appointment-detail-list div p{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#373737}.adm-appointment-detail-list div p:first-child{font-weight:700}.adm-appointment-space{margin-top:30px}.adm-appointment-space span{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;text-align:right;letter-spacing:.1px;color:#999;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:30px}.adm-appointment-pic{width:50px;height:50px;border-radius:50%;margin-right:20px}.adm-appointment-row{display:-webkit-flex;display:flex}.adm-appointment-row div p,.adm-appointment-text{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;color:#999}.adm-appointment-calender{margin:50px 20px}.adm-btn-status-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:50px}.adm-btn-status-wrapper button{background:#fff;border:2px solid #214457;box-sizing:border-box;box-shadow:0 4px 10px rgba(33,68,87,.2);padding:10px 40px;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#214457;margin:0 10px}.adm-btn-status-wrapper button span{margin-left:10px}.adm-btn-status-wrapper button:nth-child(2n){background-color:#214457;color:#fff}*{margin:0;padding:0;box-sizing:border-box}.setting-container{margin-left:18%;background-color:#f8f8f8;padding:30px}.setting-container .adm-appointment-title span:first-child,.setting-container>p:first-child{font-family:Mulish;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733;margin-bottom:20px}.setting-container .adm-appointment-ticket{font-family:Mulish;font-style:normal;font-size:24px;line-height:30px;letter-spacing:.3px;font-weight:400;margin:0 20px 0 10px}.setting-container>div{margin-bottom:10px}.adm-title-setting{font-family:Mulish;font-style:normal;font-weight:700;color:#252733}.setting-wrapper{background-color:#fff;border:1px solid #e3e3e3;box-sizing:border-box;border-radius:8px;padding:30px 0}.setting-head{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 30px}.setting-head p{font-weight:700;font-size:16px;line-height:25px;color:#000}.setting-content-btn,.setting-head p{font-family:Noto Sans;font-style:normal}.setting-content-btn{border:1px solid #214457;border-radius:7px;padding:5px 10px;text-decoration:none;font-weight:400;font-size:12px;line-height:16px;color:#214457;margin:0 5px;background-color:transparent}.setting-content-btn:hover{padding:5px 20px;background-color:#214457;color:#fff}.setting-content-btn-active{border:1px solid #214457;border-radius:7px;padding:5px 10px;text-decoration:none;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;margin:0 5px}.setting-content-btn-active:hover{padding:5px 20px}.setting-content-btn:first-child{margin-left:0}.setting-content-btn-active{background-color:#214457;color:#fff}.setting-content-wrapper{margin-top:40px}.setting-table{width:100%;border-collapse:collapse;padding:0;margin-top:25px}.setting-table-head{text-align:left}.setting-table-head tr td{font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.2px;color:#9fa2b4}.setting-table td{border-bottom:1.5px solid #dfe0eb;padding:10px 30px;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#252733}.setting-table-head tr td:first-child{width:50%}.setting-table-head tr td:nth-child(2){width:40%}.setting-table-icon{color:#c5c7cd}.setting-btn-submit{padding:3px 20px;background:#214457;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:Inter;font-style:normal;font-weight:700;font-size:12px;line-height:22px;color:#fff;border:0}.setting-btn-submit:hover{padding:5px 23px}.setting-plus-icon{color:#fff;margin-right:10px;font-size:13px;font-weight:700}.setting-modal-container{position:absolute;background-color:#fff;width:40%;padding:15px 20px;border:0}.setting-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:rgba(38,40,37,.8);z-index:99}.setting-modal-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:35px}.setting-modal-content p{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:20px;line-height:28px;color:#000}.setting-modal-content button{background-color:transparent;border:0}.setting-modal-form{width:100%}.setting-modal-form label{font-weight:700;line-height:20px}.setting-modal-form input,.setting-modal-form label{font-family:Noto Sans;font-style:normal;font-size:12px;color:#373737}.setting-modal-form input{font-weight:400;line-height:22px;border:1px solid #dfe0eb;padding:5px 10px;margin-bottom:20px;margin-top:5px;border-radius:5px}.setting-modal-form label span{color:red}.setting-input-content{width:100%}.setting-btn-modal-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.setting-btn-modal{background:#f2d555;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:Inter;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:#373737;border:0 solid #f2d555;padding:7px 25px}.setting-btn-timeslot{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:30px}.setting-btn-icon{border:0;background:transparent;font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;color:#4b506d;padding:0 5px;cursor:pointer}.setting-table-icon:hover{color:#214457}.setting-btn-icon span{margin-left:5px}.setting-btn-icon-wrapper,.setting-modal-timeslot{display:-webkit-flex;display:flex}.setting-modal-timeslot{-webkit-justify-content:space-between;justify-content:space-between}.setting-modal-timeslot div{width:95%}.setting-modal-timeslot div:first-child{width:95%;margin-right:5%}.setting-modal-timeslot input{width:100%}.spinner-container{position:fixed;top:0;left:18vw;right:0;bottom:0;height:100vh;width:80vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.adm-cust-list{font-family:Noto Sans;background-color:#f8f8f8;padding:2.25% 2.25% 2% 20%;height:100%}.adm-cust-head h3{font-family:Mulish;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733}.cust-list-full{background-color:#fff;width:100%;min-height:1000px;margin-bottom:3%;margin-top:2.5%;border-radius:8px;border:1px solid #e3e3e3}.cust-filter-sort{display:-webkit-flex;display:flex;margin-right:3%;margin-top:2.5%;font-family:Mulish;-webkit-justify-content:flex-end;justify-content:flex-end}.fs-sort-cust{margin-right:1%}.fs-filter-cust,.fs-sort-cust{width:80px;color:#4b506d;cursor:pointer}.cl-titles{margin-left:3.75%;margin-right:3%;display:-webkit-flex;display:flex;margin-top:5%}.cl-titles p{font-family:Mulish;font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.2px;color:#9fa2b4}.customer_card_detail{border-bottom:2px solid #dfe0eb;padding:24px 3.8%;display:-webkit-flex;display:flex}.customer_card_detail img{width:44px;height:44px;border-radius:50%;background-color:#fff;border:1px solid #dfe0eb;margin-right:24px}.customer_card_detail>:nth-child(2){width:60%}.customer_card_detail p{font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#252733}.customer_card_detail span{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;color:#c5c7cd}.customer_card_detail label{font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;color:#252733}.admin-navbar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:50px;margin-left:0}.admin-navbar .navbar-logo{margin-left:20px}.admin-navbar .col-2-border{border:0;background-color:transparent;padding:0 20px;margin:0;font-family:Noto Sans;font-style:normal;font-weight:700;font-size:16px;line-height:25px;cursor:pointer}.overview-container{margin-left:18%;padding:0 30px 30px}.overview-title{font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:.4px;color:#252733;margin-bottom:10px}.upcoming-appointment-date{width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;margin-bottom:50px;padding:10px}.upcoming-appointment-date-1{background:#fff;border:1px solid #e3e3e3;box-sizing:border-box;border-radius:8px;padding:20px;margin-right:20px}.upcoming-appointment-date-todaytitle{width:275px;height:30px;background:#f2d555;text-align:center;margin-bottom:10px}.upcoming-appointment-date-2{background:#fff;border:1px solid #e3e3e3;box-sizing:border-box;border-radius:8px;padding:20px;margin-right:20px}.upcoming-appointment-date-title{width:272.56px;height:31px;background:#e3e3e3;text-align:center;margin-bottom:10px}.upcoming-appointment-date-3{background:#fff;border:1px solid #e3e3e3;box-sizing:border-box;border-radius:8px;padding:20px}.chart-overview-container{background:#fff;border:1px solid #dfe0eb;box-sizing:border-box;border-radius:8px;padding:35px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}@media (max-width:800px){.chart-overview-container{-webkit-flex-direction:column;flex-direction:column}}.chart-data{width:100%;min-height:100px}.chart-detail{border:1px solid #dfe0eb;width:25%}.chart-detail h4{font-weight:600;font-size:16px;color:#9fa2b4}.chart-detail h4,.chart-detail p{font-style:normal;text-align:center}.chart-detail p{font-weight:700;font-size:24px;color:#252733}.content-overview-adm div p{font-weight:700}.content-overview-adm div p,.content-overview-adm div span{font-family:Mulish;font-style:normal;font-size:14px;line-height:20px;letter-spacing:.2px}.content-overview-adm div span{font-weight:400}.content-overview-adm hr{border-top:.5px solid #dfe0eb;margin:10px 0}.overview-project{font-family:Mulish;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#999}.adm-project{margin-left:18%;padding:30px}.project-list-head{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.project-list-head h3{font-weight:700;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733}.pl-searchbar,.project-list-head h3{font-family:Mulish;font-style:normal}.pl-searchbar{width:546px;height:32px;border:1px solid #e3e3e3;border-radius:2%;padding-left:2%;font-weight:400}.project-list{width:100%;background-color:#fff;border-radius:1%;margin-top:4.75%;border:1px solid #e3e3e3}.pl-top{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.pl-btn-new{width:172px;height:37px;background:#214457;box-shadow:0 4px 10px rgba(33,68,87,.3);border:1px solid #214457;font-family:Inter;font-style:normal;font-weight:700;color:#fff;font-size:14.5px;cursor:pointer}.filter-sort{display:-webkit-flex;display:flex;margin-right:3%;margin-top:2.5%;font-family:Mulish}.fs-sort{margin-right:10%}.fs-filter,.fs-sort{width:80px;color:#4b506d;cursor:pointer}.pl-titles{margin-left:3.75%;margin-right:3%;display:-webkit-flex;display:flex;margin-top:5%}.pl-titles p{font-family:Mulish;font-style:normal;font-weight:700;font-size:14px;line-height:18px;letter-spacing:.2px;color:#9fa2b4}.pl-hr{height:0;width:100%;margin-top:1%;border:1px solid #dfe0eb}.project-pagination{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.row-per-page{margin-right:2rem}.pagination-current-page,.row-per-page{font-family:Mulish;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.3px;color:#9fa2b4}.pagination-current-page{margin:0 .5rem}.pgn-btn{border:none;background-color:#fff;cursor:pointer}.pgn-btn:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.adm-project-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:3.75%;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1.5px solid #e3e3e3}.pc-dp{width:40px;height:40px;border-radius:50%;background-color:#e3e3e3;margin-right:1.5rem}.pc-profile{display:-webkit-flex;display:flex;width:21rem}.pcp-name{font-weight:600;font-size:.875rem;line-height:1.25rem;text-decoration:underline;letter-spacing:.2px;color:#373737}.pcp-created,.pcp-name{font-family:"Mulish";font-style:normal}.pcp-created{font-size:.75rem;padding-top:.25rem;letter-spacing:.1px;font-weight:400;color:#999}.pc-package{width:12.75rem}.pkg-loc{font-family:"Mulish";font-style:normal;font-weight:600;font-size:.875rem;letter-spacing:.2px;color:#373737;text-decoration:underline}.pkg-type{font-weight:400;font-size:.75rem;line-height:1rem;letter-spacing:.1px;color:#999;padding-top:.25rem;padding-bottom:.5rem}.pc-price,.pkg-type{font-family:Mulish;font-style:normal}.pc-price{width:9rem;font-weight:600;font-size:14px;line-height:20px;color:#373737;letter-spacing:.2px}.pc-completion{width:12rem}.completion-date{font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;color:#373737}.completion-date,.completion-due{font-family:Mulish;font-style:normal}.completion-due{font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;color:#999;padding-top:.25rem}.pmt-stat-container{width:9.5rem}.pmt-status-done{color:#61d3a4}.pmt-status-done,.pmt-status-wait{font-family:"Mulish";font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;padding-top:.25rem}.pmt-status-wait{color:#dd5571}.pmt-status-cancel{color:#999;font-family:"Mulish";font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;padding-top:.25rem}.pmt-done{background:#61d3a4}.pmt-cancel,.pmt-done{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;line-height:16px;border-radius:100px;color:#fff;width:88px;height:28px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.pmt-cancel{background:#dd5571}.pmt-wait{background:#f8d277;width:138px}.pmt-ongoing,.pmt-wait{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;line-height:16px;border-radius:100px;color:#fff;height:28px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.pmt-ongoing{background:#3e89ae;width:88px}.adm-project-spinner{margin-top:3rem}.showcase_background{background:#f8f8f8;padding:2%;margin-left:18%}.showcase_container{width:100%;margin:0 auto}.showcase_header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:0 0 5%}.showcase_header>h3{font-family:Mulish;font-style:normal;font-weight:700;font-size:24px}.showcase_box_search{position:relative;width:35%}.showcase_box_search>input{width:100%;height:100%;padding-left:16px;font-family:Mulish;font-style:normal;font-weight:400;font-size:11px;border:1px solid #e3e3e3}.showcase_box_search>img{position:absolute;width:15px;top:8px;right:13px}.showcase_content{position:relative;min-height:942px;width:100%;border:1px solid #e3e3e3;border-radius:8px;background:#fff;padding-bottom:40px}.showcase_content>.showcase_btn_srt_fltr{position:relative;height:60px;width:100%}.showcase_content>.showcase_btn_srt_fltr .btn_create_showcase{width:172px;height:37px;background:#214457;cursor:pointer;border:none;color:#fff;font-family:Inter;font-style:normal;font-weight:700;font-size:14px;box-shadow:0 4px 10px rgba(33,68,87,.2);position:absolute;top:23px;left:31px}.showcase_content>.showcase_btn_srt_fltr .btn_create_showcase:focus,.showcase_content>.showcase_btn_srt_fltr .btn_create_showcase:hover{background:#122e3d;box-shadow:0 4px 10px rgba(33,68,87,.2)}.showcase_content>.showcase_btn_srt_fltr>.showcase_srt_btn{position:absolute;right:122px;top:37px;cursor:pointer;font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;color:#4b506d}.showcase_content>.showcase_btn_srt_fltr>.showcase_srt_btn:hover{color:#000}.showcase_content>.showcase_btn_srt_fltr>.showcase_srt_btn>img{padding-right:9px}.showcase_content>.showcase_btn_srt_fltr>.showcase_fltr_btn{position:absolute;right:32px;top:37px;cursor:pointer;font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;color:#4b506d}.showcase_content>.showcase_btn_srt_fltr>.showcase_fltr_btn:hover{color:#000}.showcase_content>.showcase_btn_srt_fltr>.showcase_fltr_btn>img{padding-right:9px}.showcase_title_detail{border-bottom:1.5px solid #dfe0eb;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:3% 3% 1%}.showcase_title_detail>span{font-family:Mulish;font-style:normal;font-weight:700;font-size:14px;color:#9fa2b4}.showcase_title_detail>:first-child{width:36%}.showcase_title_detail>:nth-child(2),.showcase_title_detail>:nth-child(3){width:20%}.showcase_title_detail>:nth-child(4){width:6%}.showcase_field_detail{border-bottom:1.5px solid #dfe0eb;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;padding:2% 3%}.showcase_field_detail>:first-child{width:36%}.showcase_field_detail>:first-child>a{font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#373737}.showcase_field_detail>:first-child>p{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#999;margin-top:4px}.showcase_field_detail>:nth-child(2){width:20%}.showcase_field_detail>:nth-child(2)>span{font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:#373737}.showcase_field_detail>:nth-child(2)>p{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#999;margin-top:4px}.showcase_field_detail>:nth-child(3){width:20%}.showcase_field_detail>:nth-child(3)>span{font-family:Mulish;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.2px;color:#373737}.showcase_field_detail>:nth-child(3)>p{font-family:Mulish;font-style:normal;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.1px;color:#999;margin-top:4px}.showcase_field_detail>:nth-child(4){width:6%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.showcase_field_detail>:nth-child(4)>input[type=checkbox]{height:0;width:0;visibility:hidden}.showcase_field_detail>:nth-child(4)>label{cursor:pointer;width:30px;height:16px;background:#e0e0e0;display:block;border-radius:20px;position:relative}.showcase_field_detail>:nth-child(4)>label:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:.15s}.showcase_field_detail>:nth-child(4)>input:checked+label{background:#092c4c}.showcase_field_detail>:nth-child(4) input:checked+label:after{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.showcase_field_detail>:nth-child(4) label:active:after{width:12px}.showcase_field_detail>:nth-child(5){width:18%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.showcase_field_detail>:nth-child(5)>img{cursor:pointer}.showcase_pagination{position:absolute;bottom:0;right:0;height:40px;width:350px}.showcase_pagination>div{display:-webkit-flex;display:flex}.showcase_pagination>div>p{color:#9fa2b4;margin-right:8px}.showcase_pagination>div>p,.showcase_pagination>div>span{font-family:Mulish;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.3px}.showcase_pagination>div>span{text-align:right;color:#4b506d;margin-right:55px}.showcase_pagination>div :nth-child(3){margin-right:20px}.showcase_pagination>div :nth-child(4){margin-right:15px}.showcase_pagination>div>button{width:20px;height:20px;border:none;cursor:pointer;background:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.showcase_pagination>div>button>img{width:14px}.create_showcase_body{background-color:#f8f8f8;padding:2%;margin:0 0 0 18%}.create_showcase_container{width:100%}.create_showcase_container>h3{font-family:Mulish;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733}.showcase_breadcrumb{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.5% 0 2.9%;font-family:Noto Sans;font-style:normal;font-weight:300;font-size:14px;line-height:20px;color:#828282}.showcase_breadcrumb>a{text-decoration:none;color:#828282}.box_for_btn_create_showcase{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding-top:36px;padding-bottom:92px}.box_for_btn_create_showcase button{width:204px;height:56px;background:#214457;box-shadow:0 4px 10px rgba(33,68,87,.2);font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;border:none;color:#fff;cursor:pointer}.box_for_btn_create_showcase button:hover{background:#122e3d}.create_showcase_content{width:100%;height:100%;background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:2% 3% 4%}.create_showcase_content_1{width:100%;border-bottom:1px solid #e3e3e3;padding-bottom:32px}.select_showcase_type_1{width:45%;padding:1.3%;cursor:pointer;border:1px solid #e3e3e3;border-radius:4px}.label_showcase{font-weight:700;font-size:14px;line-height:20px;color:#373737;display:block;margin-bottom:5px}.label_showcase,.label_showcase~p{font-family:Noto Sans;font-style:normal}.label_showcase~p{font-weight:400;font-size:12px;line-height:16px;color:#999}.span_showcase{color:red}.create_showcase_content_2{border-bottom:1px solid #e3e3e3;width:100%;display:-webkit-flex;display:flex;padding:3% 0 4%}.create_showcase_content_2 img{width:170px;height:164px;object-fit:cover}.create_showcase_content_2 .showcase_profpic_detail{border-right:1px solid #e3e3e3;display:-webkit-flex;padding:0 5% 0 3%;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.create_showcase_content_2 .showcase_profpic_detail span{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#999}.create_showcase_content_2 .showcase_profpic_detail p{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#373737}.create_showcase_content_2 .showcase_detail_project{padding:0 0 0 5%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.create_showcase_content_2 .showcase_detail_project>:first-child{display:-webkit-flex;display:flex}.create_showcase_content_2 .showcase_detail_project>:first-child>:first-child{padding:0 15% 0 0}.create_showcase_content_2 .showcase_detail_project span{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#999}.create_showcase_content_2 .showcase_detail_project p{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#373737}.create_showcase_content_3{padding:30px 0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.select_showcase_type_2{width:33vw;cursor:pointer;margin-bottom:5px;border-radius:4px}.btn_upload_img_showcase{margin-top:7px;background:#eceeef;border:none}.btn_upload_img_showcase,.custom_upload_file{width:515px;height:112px;color:#000;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;cursor:pointer}.custom_upload_file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#eceeef}.custom_upload_file>img{margin-bottom:10px}.create_showcase_content_4>.showcase_pict{padding:20px 0 32px}.custom_upload_file--selected{display:grid;grid-template-columns:515px 515px;grid-gap:30px;gap:30px}.custom_upload_file--selected :first-child{position:relative}.custom_upload_file--selected :first-child>img{width:513px;height:275px;object-fit:cover;margin-bottom:10px;box-shadow:0 4px 10px rgba(33,68,87,.2)}.custom_upload_file--selected :first-child>button{position:absolute;top:8px;left:470px;border-radius:50%;width:36px;height:36px;border:none;cursor:pointer;background-color:#fff;box-shadow:0 4px 10px rgba(33,68,87,.2)}.custom_upload_file--selected :first-child>button:hover{background-color:#f5f5f5}.custom_upload_file--selected :first-child>input{width:513px;height:55px;padding:10px;margin-bottom:20px;border:1px solid #e3e3e3;border-radius:4px}.sidebar{height:100%;background-color:#214457;width:18%;position:fixed}.admin-profile{display:-webkit-flex;display:flex;padding-top:10%;padding-left:12%}.profile-pic{width:43px;height:43px;background-color:#fff;border-radius:50%}.admin-name{width:150px;height:26px;font-weight:700;font-size:16px;line-height:25px}.admin-name,.admin-role{font-family:Noto Sans;font-style:normal;color:#fff;padding-left:12%}.admin-role{font-weight:400;font-size:12px;line-height:16px}.admin-tabs{padding-top:20%;padding-left:15%;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:#fff;cursor:pointer}.admin-tabs p{padding-bottom:30px}.adm-tab-active{color:#f2d555;font-weight:700}.admin-setting-special{background-color:hsla(0,0%,100%,.1);margin-left:-18%;padding-left:18%;padding-top:7%;margin-top:-7%}.setting-dropdown{padding-left:19%;color:#999;margin-top:-7%;padding-bottom:7%}.setting-dropdown p{padding-bottom:7%}.setting-dropdown-active{color:#fff;font-weight:700}.adm-project-new{background-color:#f8f8f8;font-family:Noto Sans;padding:2.25% 2.25% 5% 20%}.adm-project-new h3{font-family:Mulish;font-style:normal;font-weight:700;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733}.adm-new-breadcrumb{font-family:Noto Sans;font-style:normal;font-weight:300;font-size:14px;line-height:20px;margin-top:1%}.adm-p-link{text-decoration:none;color:#828282}.project-cust-select{background-color:#fff;width:100%;margin-bottom:3%;margin-top:2.5%;border-radius:8px;border:1px solid #e3e3e3;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.selected-cust-detail{display:-webkit-flex;display:flex;margin-top:1.25rem}.cust-dp-pic{width:170px;height:164px}.cust-detail-detail{margin-left:2.375rem}div p.cust-detail-title{font-weight:400;color:#999}div p.cust-detail-content,div p.cust-detail-title{font-family:Noto Sans;font-style:normal;font-size:14px;line-height:20px}div p.cust-detail-content{font-weight:700;color:#373737;margin-bottom:1.375rem}.appt-details-columns{display:-webkit-flex;display:flex;margin-top:1.25rem}.appt-service-detail{margin-right:3rem}.cust-select{width:50%;margin-top:2.5%;margin-left:3%;margin-bottom:2rem}.cust-select p{font-weight:700;line-height:25px;color:#000}.cust-select p,.cust-select select{font-family:Noto Sans;font-style:normal;font-size:16px}.cust-select select{width:320px;height:50px;margin-top:3.5%;font-weight:400;line-height:22px;padding-left:1%;border:1px solid #999;border-radius:3px}.project-detail-select{background-color:#fff;width:100%;border-radius:8px 8px 0 0;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:2% 3% 5%}.duration-total{background-color:#eceeef;height:71px}.create-order-btn-div{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.btn-create-order{width:204px;height:56px;background:#214457;box-shadow:0 4px 10px rgba(33,68,87,.3);border:1px solid #214457;margin-top:5%;font-family:Inter;font-style:normal;font-weight:700;color:#fff;font-size:16px;cursor:pointer}.loc-type{display:-webkit-flex;display:flex}.loc-select{width:55%;margin-top:2.5%}.loc-select select{width:90%;height:50px;margin-top:2%;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding-left:1%;border:1px solid #999;border-radius:3px}.pro-type{width:50%;margin-top:2.5%}.pro-type select{width:100%;height:50px;margin-top:2.4%;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding-left:1%;border:1px solid #999;border-radius:3px;margin-bottom:4%}.work-area,.work-area-price{display:-webkit-flex;display:flex}.work-area{-webkit-justify-content:space-between;justify-content:space-between;margin-right:5%;width:47.25%}.work-area input{width:240px;margin-top:2%}.wap-price input,.work-area input{height:50px;margin-bottom:5%;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding-left:3%;border:1px solid #999;border-radius:3px}.wap-price input{width:500px;margin-top:1.15%}.new-pkg-btn{width:204px;height:56px;background:#fff;box-shadow:0 4px 10px rgba(33,68,87,.3);border:2px solid #214457;margin-top:1%;font-family:Inter;font-style:normal;font-weight:700;color:#214457;font-size:16px;cursor:pointer}.duration-total{-webkit-justify-content:flex-end;justify-content:flex-end;padding-right:3%;-webkit-align-items:center;align-items:center}.dt-dur,.duration-total{display:-webkit-flex;display:flex}.dt-dur{width:200px}.dt-total{display:-webkit-flex;display:flex}.adm-project-detail-container{background-color:#f8f8f8;margin-left:20%;margin-right:2rem;padding-bottom:10rem}.adm-detail-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:2.25rem}.title-full-name{font-weight:700;margin-right:.6rem}.adm-detail-ticket,.title-full-name{font-family:Mulish;font-style:normal;font-size:24px;line-height:30px;letter-spacing:.3px;color:#252733}.adm-detail-ticket{font-weight:400;margin-right:1rem}.detail-stat-ongoing{background:#3e89ae}.detail-stat-done,.detail-stat-ongoing{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;line-height:16px;border-radius:100px;color:#fff;width:88px;height:28px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.detail-stat-done{background:#61d3a4}.detail-stat-wait{background:#f8d277;width:138px}.detail-stat-cancel,.detail-stat-wait{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:12px;line-height:16px;border-radius:100px;color:#fff;height:28px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.detail-stat-cancel{background:#dd5571;width:88px}.project-detail-info{width:100%;padding-bottom:2.35rem;margin-top:2rem;background-color:#fff;border:1px solid #e3e3e3;border-radius:.5rem}.project-detail-wrapper{margin-left:2.375rem;padding-top:1.625rem}.project-detail-contact{display:-webkit-flex;display:flex}.pd-cust-detail,.pd-project-detail{display:-webkit-flex;display:flex;margin-top:1.25rem;width:45%}.price-dur-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.pd-cust-detail-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.total-price-container{width:50%;margin-right:6rem}.appt-receipt-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.related-appt-container{width:50%;margin-right:6rem}.cust-detail-address{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#373737}.project-detail-list{width:100%;margin-top:2rem;background-color:#fff;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-radius:.5rem .5rem 0 0}.project-detail-dur-total{background:#eceeef;width:100%;margin:0;padding-bottom:1.375rem}.pl-tabs-detail{margin-top:2.625rem;padding-bottom:.75rem;font-family:Mulish;font-style:normal;font-weight:700;font-size:14px;line-height:18px;color:#9fa2b4;letter-spacing:.2px}.detail-packages,.pl-tabs-detail{display:-webkit-flex;display:flex;margin-left:1.5625rem;margin-right:1.5625rem;padding-left:1.9375rem;border-bottom:1px solid #e3e3e3}.detail-packages{margin-top:1.375rem;padding-bottom:1.5rem}.pkg-project-type{font-weight:700}.pkg-project-content,.pkg-project-type{font-family:Noto Sans;font-style:normal;font-size:14px;line-height:20px;color:#373737}.pkg-project-content{font-weight:400}.detail-btn-ongoing{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:3.75rem}.detail-btn-ongoing button{background-color:#214457;width:204px;height:56px;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(33,68,87,.2);border:none}.detail-btn-ongoing button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.detail-btn-wait{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:3.75rem}.detail-btn-wait button{margin-left:1rem;margin-right:1rem}.detail-btn-wait button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.wait-btn-cancel{background-color:#fff;color:#dd5571;border:2px solid #dd5571}.wait-btn-cancel,.wait-btn-upload{width:204px;height:56px;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;cursor:pointer;box-shadow:0 4px 10px rgba(33,68,87,.2)}.wait-btn-upload{background-color:#214457;color:#fff;border:none}.order-cancelled-notif{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#999;margin-top:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.payment-modal-container{width:660px;height:612px;background-color:#fff;position:relative}.pmt-confirm-text{font-family:Noto Sans;font-style:normal;font-weight:700;font-size:1.25rem;line-height:1.75rem;left:2rem;top:1.5rem;position:absolute}.receipt-upload-file{width:591px;height:112px;margin-left:32px;margin-top:109px;background-color:#eceeef;border-radius:4px;cursor:pointer;position:relative}.receipt-upload-file p{font-family:Noto Sans;font-style:normal;font-weight:400;font-size:14px;line-height:20px;position:absolute;height:20px;left:248px;top:62px}.pmt-submit-receipt{width:275px;height:55px;left:193px;margin-top:40px;background-color:#214457;color:#fff;box-shadow:0 4px 10px rgba(33,68,87,.2);border:none;cursor:pointer;font-family:Inter;font-style:normal;font-weight:700;font-size:16px;line-height:22px;margin-left:0}.pmt-preview-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.pmt-receipt-preview{width:200px;height:181px;border:1px solid #eceeef;border-radius:4px}.pmt-receipt-preview,.pmt-receipt-preview-empty{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:45px;position:relative}.pmt-receipt-preview-empty{width:400px;height:200px}.pmt-receipt-preview img{max-width:100%;max-height:100%}.pmt-receipt-preview p{top:100px;position:absolute;font-family:Inter;font-family:Noto Sans;font-style:normal;font-weight:400;font-size:16px;line-height:20px}
/*# sourceMappingURL=main.34fd3d9c.chunk.css.map */