*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background-color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1466px;padding:15px}h1{color:#0a0a0a;font-size:24px;font-style:normal;font-weight:400}h2{color:#0a0a0a;font-size:20px;font-style:normal;font-weight:400}h3{color:#0a0a0a;font-size:18px;font-style:normal;font-weight:400}p{color:#000000b3;font-size:16px;font-style:normal;font-weight:400}header{background:#fff;justify-content:space-between;align-items:center;padding:15px;display:flex}.logo-container{align-items:center;display:flex}.logo-container img{width:60px;height:60px;margin-right:12px}.logo-container p{color:#0a0a0a;font-size:24px;font-weight:700}.main-nav{display:flex}.main-nav ul{align-items:center;gap:96px;display:flex}.main-nav li{cursor:pointer;flex-direction:column;display:flex}.main-nav li a{color:#0009;padding-bottom:8px;font-size:16px;transition:color .3s}.main-nav li span{transform-origin:0;opacity:0;background:linear-gradient(90deg,#000,#000 50%,#0000);border-radius:1px;width:54px;height:2px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:scaleX(0);box-shadow:0 0 8px #0003}.main-nav li:hover a,.main-nav li.active a{color:#000;font-weight:600}.main-nav li:hover span,.main-nav li.active span{opacity:1;transform:scaleX(1)}.language-select{cursor:pointer;border:1px solid #0000004d;border-radius:6px;margin-right:8px;padding:6px 12px;font-size:16px}.burger{cursor:pointer;flex-direction:column;gap:6px;display:none}.burger span{background:#000;width:35px;height:3px;transition:all .3s}.burger.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}footer{background:#000;margin-top:40px;padding:40px 0}.footer-content{justify-content:space-between;margin:15px;display:flex}.footer-content h3{color:#fff;font-size:18px}.footer-content p,.footer-contact a{color:#fff9;margin:16px 0;font-size:14px}.footer-main{max-width:400px}.footer-socials{gap:16px;display:flex}.footer-socials img{width:24px;height:24px}.footer-contact{flex-direction:column;gap:12px;display:flex}.footer-contact-item{align-items:center;gap:12px;display:flex}.footer-worktime{flex-direction:column;gap:8px;display:flex}.footer-worktime-item{justify-content:space-between;display:flex}.footer-copyright{text-align:center;color:#fff9;border-top:.8px solid #ffffff1a;padding-top:30px;font-size:14px}@keyframes spanAnimation{0%{opacity:0;transform-origin:0;width:0;transform:scaleX(0)}50%{opacity:1}to{opacity:1;width:54.65px;transform:scaleX(1)}}@media (max-width:645px){.footer-content{flex-direction:column;align-items:center;gap:15px;display:flex}}@media (max-width:780px){.burger{display:flex}.main-nav{z-index:1000;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.main-nav.open{transform:translateY(0)}.main-nav ul{flex-direction:column;gap:32px}.main-nav li a{font-size:24px;font-weight:600}header .primary-button{display:none}}.primary-button{color:#fff;text-align:center;letter-spacing:.35px;background:#000;padding:12px 22px;font-size:14px;font-style:normal;font-weight:400;transition:all .3s}.primary-button:hover{opacity:.9;background:#141414}.primary-button:active{transform:scale(.98)}.secondary-button{color:#0a0a0a;text-align:center;letter-spacing:.35px;transition:.3 all ease;background-color:#fff;border:.8px solid #0003;padding:12px 22px;font-size:14px;font-style:normal;font-weight:400}.secondary-button:hover{opacity:.8}.secondary-button:active{transform:scale(.98)}.disabled-button{color:#0a0a0a;text-align:center;letter-spacing:.35px;opacity:.5;cursor:not-allowed;background-color:#f5f5f5;border:.8px solid #0003;padding:12px 22px;font-family:Arial;font-size:14px;font-style:normal;font-weight:400}.text-input{border:.8px solid #00000045;border-radius:4px;width:90%;padding:10px 15px;font-size:14px;transition:border-color .3s}.text-input:focus{border-color:#000;outline:none}.text-area{border:.8px solid #00000045;border-radius:4px;width:90%;padding:10px 15px;font-size:14px;transition:border-color .3s}.text-area:focus{border-color:#000;outline:none}.select-input{appearance:none;background-image:url(../assets/select-arrow.svg);background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:.8px solid #00000045;border-radius:4px;width:92%;padding:14px 20px;font-size:14px;transition:border-color .3s}.select-input:focus{border-color:#000;outline:none}option{font-size:14px}.checkbox-container{align-items:center;display:flex}.checkbox-container input[type=checkbox]{border-radius:50%;width:16px;height:16px;margin-right:10px}.checkbox-container label{font-size:14px}.checkbox-container span{color:#0a0a0a;margin-left:8px;font-size:14px;font-style:normal;font-weight:400}.radio-container{align-items:center;display:flex}.radio-container input[type=radio]{width:16px;height:16px;margin-right:10px}.radio-container label{font-size:14px}.radio-container span{color:#0a0a0a;margin-left:8px;font-size:14px;font-style:normal;font-weight:400}.white-card{background-color:#fff;border:.8px solid #0000001a;border-radius:8px;align-self:start;max-width:400px;padding:24px;box-shadow:0 2px 4px #0000001a}.white-card:hover{transform:scale(1.01);box-shadow:0 4px 8px #00000026}.black-card{color:#fff;background-color:#0a0a0a;border:.8px solid #ffffff1a;border-radius:8px;align-self:start;max-width:400px;padding:24px;box-shadow:0 2px 4px #ffffff1a}.black-card h3,.black-card span,.black-card label{color:#fff}.black-card p{color:#fff9}.black-card:hover{transform:scale(1.01);box-shadow:0 4px 8px #ffffff26}.notification{border-radius:4px;align-items:center;max-width:670px;margin:10px 0;padding:12px 16px;font-size:14px;display:flex}.noti-successful{color:#4bb543;background-color:#f0fdf4;border:1px solid #4bb543}.noti-error{color:#ff4c4c;background-color:#fff2f2;border:1px solid #ff4c4c}.noti-info{color:#1e90ff;background-color:#f0f8ff;border:1px solid #1e90ff}.noti-warning{color:orange;background-color:#fffacd;border:1px solid orange}.notification img{width:24px;height:24px;margin-right:12px}.table-ui{color:#0a0a0a;border-radius:8px;width:100%;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;overflow:hidden}.table-ui>*{border-bottom:1px solid #f1f1f1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;padding:14px 16px;display:grid}.table-ui>:first-child{color:#0a0a0a;letter-spacing:.35px;font-size:14px;font-style:normal;font-weight:400}.modal-backdrop{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;width:90%;max-width:500px;padding:24px}.modal-tittle-container{justify-content:space-between;align-items:center;max-width:100%;display:flex}.modal-content h2{text-align:left}.modal-line{background:#0000001a;width:calc(100% + 48px);height:1px;margin-bottom:20px;margin-left:-24px;margin-right:-24px;display:block}.modal-body{flex-direction:column;gap:8px;display:flex}.modal-close{background:0 0;border:none;font-size:27px}.adminPage h2{color:#0a0a0a;letter-spacing:-1.2px;margin-bottom:54px;font-family:Arial;font-size:48px;font-style:normal;font-weight:700}.toggle{color:#0009;text-align:center;letter-spacing:.35px;background:#fff;border:.8px solid #0000001a;padding:12px 23px;font-family:Arial;font-size:14px;font-style:normal;font-weight:400}.toggle-active{color:#fff;background:#000;margin-bottom:38px}.admin-tittle{justify-content:space-between;display:flex}.admin-tittle h3{color:#0a0a0a;font-size:24px;font-style:normal;font-weight:400}.service-name,.service-price{color:#0a0a0a;font-size:16px;font-style:normal;font-weight:400}.service-time{color:#0009;font-family:Arial;font-size:14px;font-style:normal;font-weight:400}.service-buttons{gap:24px;display:flex}.service-buttons button{background:0 0}.AdminBarbers-container{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.adminBarber-card{border:.8px solid #0000001a;max-width:399.725px;padding:20px}.admin_barbers img{max-width:456px;max-height:256px}.barber-name{color:#0a0a0a;margin-bottom:10px;font-size:18px;font-style:normal;font-weight:400}.barber-stats{gap:8px;padding:8px;display:flex}.barber-experiance,.barber-IsActive{color:#0a0a0a;border:.8px solid #0000001a;padding:5px;font-size:12px;font-style:normal;font-weight:400}.barber-active{color:#058728}.barber-nonActive{color:#d91c1c}.barber-buttons{gap:12px;display:flex}.barber-buttons button{background:0 0}.table-tittle{color:#0a0a0a;letter-spacing:.35px;font-size:16px;font-weight:400}.table-data{color:#0a0a0a;font-size:14px;font-weight:400}.modal-tittle-container h2{font-size:36px}.subtittle{color:#0009;letter-spacing:4.2px;font-size:14px;font-style:normal;font-weight:400}.main-hero{background-color:#000;background-image:url(/assets/Barberhero-J8hJMO6R.png);background-position:top;background-size:cover;align-items:center;min-height:100vh;display:flex}.hero-content{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:clamp(40px,12vw,125px) 16px;display:flex}.hero-content h1{color:#fff;margin:2px 0 29px;font-size:clamp(32px,6vw,72px)}.hero-content p{color:#fffc;max-width:560px;font-size:18px}.hero-buttons{gap:16px;margin-top:32px;display:flex}.hero-tell{color:#fff;letter-spacing:.35px;border:.8px solid #ffffff4d;padding:16px 32px;font-size:14px;font-style:normal;font-weight:400}.hero-tell:hover{background-color:#ffffff1a}.hero-tell:active{background-color:#fff3}.aboutUs{padding:120px 0}.aboutUs .container{flex-wrap:wrap;justify-content:center;align-items:center;gap:120px;padding:64px 16px;display:flex}.aboutUs-content{flex:320px;max-width:590px}.aboutUs-content h2{color:#0a0a0a;letter-spacing:-1.2px;margin-bottom:16px;font-size:48px;font-style:normal;font-weight:700}.aboutUs-content p{color:#0009;letter-spacing:.35px;margin-bottom:16px;font-size:18px;font-style:normal;font-weight:400}.aboutUs-info{gap:40px;margin-top:32px;display:flex}.aboutUs-info-item{flex-direction:column;gap:8px;display:flex}.aboutUs-info-item h3{color:#0a0a0a;text-align:center;font-size:30px;font-weight:700}.aboutUs-info-item p{color:#0009;font-family:Arial;font-size:14px;font-style:normal;font-weight:400}.aboutUs-info-line{background:#0000001a;width:1px;height:48px}.aboutus-cards{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.aboutus-card{border:.8px solid #0000001a;flex-direction:column;gap:16px;max-width:234px;padding:24px 24px 3px;display:flex}.aboutus-card h5{color:#0a0a0a;font-size:18px;font-style:normal;font-weight:400}.aboutus-card p{color:#0009;font-family:Arial;font-size:14px;font-style:normal;font-weight:400}.aboutUs-icon{background-color:#000;width:48px;height:48px;padding:12px}.aboutUs-img{width:24px;height:24px}.OurServise{background:#000;padding:127px 0}.OurServise h2{color:#fff;letter-spacing:-1.2px;margin:11px 0 19px;font-family:Arial;font-size:48px;font-style:normal;font-weight:700}.OurServise p{color:#ffffffb3;font-size:16px}.OurServise .subtittle{color:#fff9}.OurServise_cards{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin:108px 0 97px;display:flex}.OurServise_card{border:.8px solid #ffffff1a;max-width:293.8px;padding:32px}.OurServise_card h5{color:#fff;margin:22px 0 12px;font-family:Arial;font-size:18px;font-style:normal;font-weight:400}.OurServise_card p{color:#fff9;font-size:14px}.OurServise_img_container{border:.8px solid #fff3;width:48px;height:48px;padding:12px}.OurServise_img_container img{width:24px;height:24px}.OurSerice_line{border-top:.8px solid #ffffff1a;margin:6px 0;display:block}.OurServide_card_info{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.OurServise .secondary-button{margin:0 auto;display:block}.OurBarbers{padding:15px}.OurBarbers h2{color:#0a0a0a;letter-spacing:-1.2px;margin-bottom:19px;font-family:Arial;font-size:48px;font-style:normal;font-weight:700}.OurBarbers .container{max-width:100%;padding-top:126px}.OurBarbers_carusel{width:100%;margin:74px 0;overflow:hidden}.barber-card{text-align:center;width:100%;max-width:360px;margin:0 auto}.barber-card img{width:100%;height:auto;display:block}.Barber-name{color:#0a0a0a;margin:21px 0 12px;font-size:20px;font-weight:400}.barber-card p{color:#0009;margin:0;font-size:18px}.OurBarbers_carusel p{color:#0009;font-size:18px}.OurBarbers_carusel img{max-width:100%;height:auto}.Barber-name{color:#0a0a0a;margin-top:21px;margin-bottom:12px;font-size:20px;font-style:normal;font-weight:400}@media (max-width:645px){.barber-card{max-width:100%}.splide__arrow{display:none}}@media (max-width:640px){.OurServise_cards{flex-flow:column;align-items:center}}@media (max-width:645px){.main-hero{background-position:70%}.barber-card{max-width:100%}.splide__arrow{display:none}}@media (max-width:400px){.aboutus-cards{flex-direction:column;display:flex}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;height:100%;display:flex;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;display:flex}.splide__pagination li{pointer-events:auto;margin:0;line-height:1;list-style-type:none;display:inline-block}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{visibility:hidden;position:relative}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;margin:0;position:relative;list-style-type:none!important}.splide__slide img{vertical-align:bottom}.splide__spinner{contain:strict;border:2px solid #999;border-left-color:#0000;border-radius:50%;width:20px;height:20px;margin:auto;animation:1s linear infinite splide-loading;display:inline-block;position:absolute;inset:0}.splide__sr{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{z-index:0;position:relative;overflow:hidden}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{opacity:0;z-index:0;margin:0!important}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{cursor:pointer;opacity:.7;z-index:1;background:#ccc;border:0;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.splide__arrow svg{fill:#000;width:1.2em;height:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline-offset:3px;outline:3px solid #0bf}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline-offset:3px;outline:3px solid #0bf}.splide__pagination{z-index:1;padding:0 1em;position:absolute;bottom:.5em;left:0;right:0}.splide__pagination__page{opacity:.7;background:#ccc;border:0;border-radius:50%;width:8px;height:8px;margin:3px;padding:0;transition:transform .2s linear;display:inline-block;position:relative}.splide__pagination__page.is-active{z-index:1;background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible,.splide.is-focus-in .splide__pagination__page:focus{outline-offset:3px;outline:3px solid #0bf}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:#0000}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline-offset:-3px;outline:3px solid #0bf}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline-offset:-3px;outline:3px solid #0bf}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible,.splide.is-focus-in .splide__toggle:focus{outline-offset:3px;outline:3px solid #0bf}.splide__track--nav>.splide__list>.splide__slide{cursor:pointer;border:3px solid #0000}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{top:auto;bottom:1em}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{flex-direction:column;padding:1em 0;display:flex;inset:0 .5em 0 auto}.AppointmentPage{max-width:1100px;margin:0 auto;padding:80px 16px}.AppointmentPage .subtittle{color:#0009;letter-spacing:4px;margin-bottom:8px;font-size:13px}.AppointmentPage h2{color:#0a0a0a;margin:0 0 12px;font-size:36px}.AppointmentPage>p{color:#000000b3;max-width:720px;margin-bottom:28px}.AppointmentPage .form{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.form-select{background:#fff;border:1px solid #0a0a0a0a;border-radius:12px;padding:18px;box-shadow:0 6px 18px #0a0a0a0f}.form-select p{color:#0009;letter-spacing:1px;margin:0 0 10px;font-size:12px}.form-select select,.form-select input{background:#fff;border:1px solid #00000014;border-radius:8px;outline:none;width:100%;margin-bottom:15px;padding:10px 12px;font-size:14px}.form-select input:focus,.form-select select:focus{border-color:#0a0a0a1f;box-shadow:0 6px 18px #0a0a0a14}.master-card{border-radius:10px;align-items:center;gap:12px;padding:8px 6px;transition:transform .18s,box-shadow .18s;display:flex}.master-card img{object-fit:cover;background:linear-gradient(135deg,#222,#000);border-radius:50%;width:48px;height:48px}.master-card.selected{outline:2px solid #000;transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.masters-list{flex-direction:column;gap:10px;display:flex}.master-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0a0a0a14}.master-name{color:#0a0a0a;margin:0;font-weight:600}.form-select>div{gap:12px;display:flex}.form .form-select:last-child div{flex-direction:column}.form-select time,.form-select .time-preview{color:#000000b3;margin-top:8px;display:block}.form-action{grid-column:1/-1;justify-content:flex-end;margin-top:6px;display:flex}.primary-button{letter-spacing:.6px;border-radius:10px;padding:14px 26px;font-weight:600}@media (max-width:880px){.AppointmentPage .form{grid-template-columns:1fr}.AppointmentPage{padding:48px 12px}}@media (max-width:480px){.AppointmentPage h2{font-size:28px}.form-select{border-radius:10px;padding:14px}.master-card img{width:40px;height:40px}}.find_appointment{max-width:1000px;margin:0 auto;padding:64px 16px}.find_appointment .subtittle{color:#0009;letter-spacing:3px;margin-bottom:6px;font-size:13px}.find_appointment h2{color:#0a0a0a;margin:0 0 10px;font-size:34px}.find-container{background:#fff;border-radius:12px;margin-bottom:20px;padding:18px;box-shadow:0 8px 24px #0a0a0a0f}.find-container h4{color:#000000b3;margin:0 0 12px}.input-container{align-items:center;gap:12px;display:flex}.input-container .text-input{width:100%;padding:12px 14px}.finded-container h4{margin:0 0 12px}.finded-container{flex-direction:column;gap:12px;display:flex}.found-card{background:linear-gradient(#fff 0%,#fbfbfd 100%);border:1px solid #0a0a0a0f;border-radius:12px;padding:18px;box-shadow:0 12px 30px #0a0a0a0f}.found-head{justify-content:space-between;align-items:center;display:flex}.found-head h4{margin:0;font-size:20px}.date-time{color:#0009;margin:6px 0 0}.found-grid{flex-direction:column;gap:18px;margin-top:14px;display:flex}.found-item{align-items:center;gap:4px;display:flex}.img_container{background:#f6f7fa;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.img_container.small{border-radius:8px;width:44px;height:44px}.img_container img{width:24px;height:24px}.label{color:#0009;margin:0;font-size:16px}.info-name{color:#0a0a0a;margin:0;font-size:16px;font-weight:600}@media (max-width:880px){.found-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.find_appointment{padding:28px 12px}.found-grid{grid-template-columns:1fr}.input-container{flex-direction:column}}@media (max-width:775px){.input-container{flex-direction:column}}