@font-face {font-family: "main";src: url('../../panel/fonts/IranSanse.ttf') format('truetype');font-display: swap;}a {text-decoration: none;}.GalleryInActive {visibility: hidden;width: 0;height: 0;opacity: 0;position: absolute;}@media (min-width: 701px) {.styleInstall1{bottom: 90px!important;}#barberMainPage {max-width: var(--MaxWidthSite);margin: 0 auto;}.btnTemporary {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: var(--m32);}.main-header {width: 100%;position: relative;margin-bottom: var(--p60);}.main-header .Shadow1 {top: 0;right: 0;bottom: 0;width: 100px;position: absolute;background: linear-gradient(to left, rgb(0, 0, 0), rgba(68, 68, 68, 0.01));z-index: var(--z-index10);}.main-header .Shadow2 {top: 0;left: 0;bottom: 0;width: 100px;position: absolute;background: linear-gradient(to right, rgb(0, 0, 0), rgba(68, 68, 68, 0.01));z-index: var(--z-index10);}.main-header .Shadow3 {right: 0;left: 0;bottom: 0;height: 100px;position: absolute;background: linear-gradient(to top, rgb(0, 0, 0), rgba(68, 68, 68, 0.01));z-index: var(--z-index10);pointer-events: none;}.headerBarber {height: 60px;position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 100%;max-width: var(--MaxWidthSite);display: flex;align-items: center;justify-content: center;z-index: var(--z-index10000);}.headerBarber .name-salon-style {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Primary-100);box-shadow: var(--box-shadow-bottom);height: 60px;padding: 0 var(--p32);border-radius: 0 0 60px 60px;min-width: 160px;}.headerBarber .name-salon-style h2 {display: inline-block;height: 50px;font-size: var(--font20);font-weight: 700;line-height: 50px;text-align: center;color: var(--Accent-900);margin: 0 !important;}.headerBarber .exitBarber {height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;position: absolute;top: 10px;right: 15px;background-color: var(--Primary-100);border-radius: var(--border-radius8);}.headerBarber .exitBarber svg {width: 40px;height: 40px;stroke: var(--Accent-900);}.aboutBarber {width: 100%;display: flex;position: absolute;bottom: -200px;left: 50%;transform: translate(-50%);align-items: center;justify-content: center;z-index: var(--z-index100);flex-direction: column;}.aboutBarber button {height: 200px;width: 200px;background: none;border: 2px solid var(--Primary-500);border-radius: 50%;}.aboutBarber > span {max-width: 196px;min-width: 150px;color: var(--Accent-50);font-weight: 700;font-size: var(--font24);text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.aboutBarber > span:nth-child(2) {margin: var(--m12) 0;border-bottom: 2px solid var(--colorWhite);padding-bottom: var(--p12);}.aboutBarber button img {width: 196px;height: 196px;border-radius: 50%;}.alertNullBarber {text-align: center;width: 100%;padding: 0 10px;margin-top: 160px;}.alertNullBarber p {margin-bottom: 20px;}.BarberProfile {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;min-width: 500px;min-height: 70vh;}.BarberProfile img {width: 300px;height: 300px;border-radius: 50%;border: 3px solid var(--Primary-500);margin-top: var(--m40);}.BarberProfile pre {width: 100%;text-align: center;line-height: 40px;font-size: var(--font18);font-weight: 600;color: var(--colorWhite);margin-top: var(--m32);padding: 0 var(--p16);font-family: main, serif;max-width: 440px;white-space: break-spaces;}.imgDefault{position: relative;width: 100%;}.imgDefault a{position: absolute;width: 36%;bottom: 0;left: 0;z-index: var(--z-index1000);}.imgDefault a img {border-radius: 0 50px 0 0;}.showBarberHall {display: flex;overflow-x: auto;overflow-y: hidden;margin: 0 auto !important;padding: 0 !important;align-items: center;justify-content: center;position: relative;width: 94%;}.showBarberHall a {width: 170px;text-align: center;margin: 0 var(--m16);cursor: pointer;text-decoration: none;position: relative;opacity: 0.8;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-top: 50px;}.activeSalon {width: 200px !important;opacity: 1 !important;padding-top: var(--p16) !important;}.showBarberHall img {width: 100%;border-radius: 50%;border: 2px solid var(--Primary-500);}.showBarberHall .userHall, .showBarberHall .typeHall {display: block;max-width: 196px;min-width: 150px;color: var(--Accent-50);font-weight: 700;font-size: var(--font24);text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showBarberHall .userHall {margin: var(--m12) 0;border-bottom: 2px solid var(--colorWhite);padding-bottom: var(--p12);}.showBarberHall .adminHall {display: inline-block;position: absolute;font-size: var(--font17);white-space: nowrap;text-align: center;top: 20px;left: 50%;transform: translate(-50%);margin: 0;border-radius: 15px;padding: 6px;color: var(--Primary-600);background-color: var(--Accent-900);border: 1px solid var(--colorWhite);z-index: var(--z-index100);}.activeSalon .adminHall {top: 0 !important;}.main-all {padding-top: var(--p12);}.main-reserve {display: flex;margin-top: var(--m80);width: 100%;align-items: center;justify-content: center;padding: var(--p60) 0;flex-direction: column;}.btnRserveStyle {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;padding-top: var(--m40);}.btnReserveUser1 {width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-500);border: none;border-radius: 50%;position: relative;}.btnReserveUser1 svg {width: 50px;height: 50px;fill: var(--Accent-900);}.btnReserveUser1 .AnnouncementSvg {stroke: var(--Accent-900);}.btnReserveUser1 span {position: absolute;top: -8px;right: -8px;background: red;color: white;font-size: var(--font16);text-align: center;line-height: 30px;border-radius: 50%;font-weight: bold;width: 30px;height: 30px;}.btnReserveUser {width: 320px;text-align: center;height: 70px;line-height: 70px;border-radius: 70px;font-weight: 700;font-size: var(--font24);color: var(--Accent-900);background-color: var(--Primary-500);margin: 0 var(--m12);border: none;}.titleAnnouncementStyle{width: 100%;text-align: right;line-height: 40px;font-size: var(--font16);font-weight: 600;color: var(--colorWhite);margin-top: var(--m16);padding: var(--p16);font-family: main, serif;max-width: 500px;white-space: break-spaces;border-radius: var(--border-radius8);border: 1px solid var(--Accent-300);background-color: var(--Accent-900);}.styleLimit{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: var(--m40);padding: var(--p32);min-width: 600px;border-radius: var(--border-radius8);background-color: var(--Accent-900);gap: 20px;}.styleLimit h5{font-size: var(--font20);font-weight: 600;color: var(--Danger-500);}.styleLimit h6{font-size: var(--font18);font-weight: 400;color: var(--Accent-50);}.styleLimit h6 span{font-size: var(--font20);font-weight: 700;color: var(--success-500);}.set-reserve {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.set-reserve > div span {display: inline-block;font-size: var(--font20);font-weight: 600;color: var(--Accent-100);height: 40px;line-height: 40px;border-bottom: 2px solid var(--Primary-500);}.set-reserve form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.styleService {position: relative;text-align: center;transition: all 0.3s ease;margin-top: var(--m16);width: 100%;}.styleService #showSelectService {width: 80%;line-height: 48px;border-color: transparent;background-color: var(--Accent-900);border-radius: var(--border-radius8);visibility: hidden;cursor: pointer;z-index: var(--z-index10);font-weight: 600;font-size: var(--font18);display: flex;flex-direction: row;align-items: center;justify-content: space-around;height: 0;margin: var(--m8) auto;}.styleService #showSelectService > div {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding: var(--p12) var(--p20);}.styleService #showSelectService > div p {font-size: var(--font16);font-weight: 600;color: var(--Accent-300);width: 100%;text-align: right;margin: 0 !important;height: 40px;line-height: 40px;}.styleService #showSelectService > div p span {font-size: var(--font16);font-weight: 600;color: var(--Primary-500);margin-right: var(--m4);transition: all 0.2s ease;}.oldPrice{color: var(--Danger-500)!important;text-decoration: line-through;margin-left: var(--m8);transition: all 0.2s ease;}.styleService #showSelectService > div > div {width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: start;position: relative;}.styleService #showSelectService > div a {position: absolute;top: 0;left: 0;border: 1px solid var(--Primary-500);color: var(--Primary-500);font-weight: 600;font-size: var(--font18);height: 48px;line-height: 48px;width: 120px;border-radius: var(--border-radius8);background-color: transparent;}.styleService #submitServices {position: fixed;bottom: 5px;left: 50%;transform: translate(-50%);width: 100%;max-width: var(--MaxWidthSite);height: 48px;line-height: 48px;background-color: var(--Primary-500);color: var(--colorBlack);cursor: pointer;font-weight: 600;font-size: var(--font18);}.selectServices {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;transition: all 0.2s ease;padding-bottom: var(--p40);}.selectServices .add-service-admin {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--Primary-50);border-radius: var(--border-radius8);margin-top: var(--m20);padding: var(--p12);}.selectServices .add-service-admin h6 {line-height: 26px;font-weight: 500;font-size: 17px;color: var(--Primary-500);}.selectServices .add-service-admin span {line-height: 40px;font-weight: 500;font-size: 16px;color: var(--colorWhite);border: 1px solid var(--Primary-500);border-radius: var(--border-radius8) !important;height: 40px;margin-top: var(--m8);padding: 0 var(--p8);}.selectServices h3 {width: 100%;text-align: center;font-size: var(--font24);font-weight: 700;color: var(--colorWhite);}.selectServices label {display: block;width: 80%;padding: var(--p16) var(--p16) var(--p4) var(--p16);margin: var(--m8) 0;border-radius: var(--border-radius8);background-color: var(--Accent-900);cursor: pointer;position: relative;text-align: right;color: var(--colorWhite);font-size: var(--font18);font-weight: 700;}.serviceCheckbox {display: none;}.selectServices label::before {content: "";position: absolute;left: 10px;top: 10px;width: 40px;height: 40px;border-radius: 50%;background-color: var(--Accent-50);transition: all 0.3s ease;}input.serviceCheckbox:checked + label::before {background-color: var(--Primary-500);}.selectServices label::after {content: "";position: absolute;left: 26px;top: 27px;transform: translateY(-50%) rotate(45deg);width: 9px;height: 18px;border: solid var(--colorBlack);border-width: 0 4px 4px 0;opacity: 0;transition: opacity 0.3s ease;}input.serviceCheckbox:checked + label::after {opacity: 1;}.selectServices label p {font-size: var(--font15);font-weight: 400;color: var(--Accent-300);margin: var(--m8) 0;}.selectServices label h3 {font-size: var(--font17);font-weight: 700;color: var(--Accent-300);height: 46px;line-height: 46px;width: 100%;text-align: right;border-top: 1px solid var(--Accent-800);margin: 0 !important;}.selectServices label h3 span {font-size: var(--font17);font-weight: 700;color: var(--colorWhite);height: 40px;line-height: 40px;margin-right: var(--m4);}.selectServices label h3 span:nth-child(2) {color: var(--Primary-500);margin-right: var(--m8);}#dateShow , #giftShow {width: 100%;display: flex;align-items: center;justify-content: center;}#dateShow .add-service-admin {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--Primary-50);border-radius: var(--border-radius8);margin-top: var(--m20);padding: var(--p12);}#dateShow .add-service-admin h6 {line-height: 26px;font-weight: 500;font-size: 16px;color: var(--Primary-500);text-align: justify;}#dateShow .add-service-admin span {line-height: 40px;font-weight: 500;font-size: 16px;color: var(--colorWhite);border: 1px solid var(--Primary-500);border-radius: var(--border-radius8) !important;height: 40px;margin-top: var(--m8);padding: 0 var(--p8);}.radio-group {position: relative;display: flex;flex-direction: column;align-items: center;background-color: var(--colorBlack);width: 80%;max-width: var(--MaxWidthSite);margin: var(--m8) auto;}.radio-group h3 {font-size: var(--font20);font-weight: 700;color: var(--Accent-50);height: 30px;line-height: 30px;margin-bottom: 0;margin-top: var(--m8);}.radio-group div {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: right;flex-wrap: nowrap;width: 100%;overflow-x: auto;overflow-y: hidden;}.radio-group label {display: flex;align-items: center;flex-direction: column;white-space: wrap;cursor: pointer;font-size: var(--font16);background-color: var(--Accent-900);margin: var(--m8);border-radius: var(--border-radius8);color: var(--Accent-100);padding: var(--p12);min-width: 110px;font-weight: 600;}.radio-group label span {font-size: var(--font15);font-weight: 600;color: var(--Accent-300);border-top: 1px solid var(--Accent-200);display: block;margin: 0 !important;height: 40px;line-height: 40px;white-space: nowrap;width: 100%;text-align: center;}.radio-group label div span {border-top: none !important;}.radio-group label div {display: flex;flex-direction: row;align-items: center;height: 40px;}.labelDateActive {border: 1px solid var(--Primary-500);transition: all 0.2s ease;}.labelDateActive span {color: var(--Primary-500) !important;transition: all 0.2s ease;}.radio-group input[type="radio"] {visibility: visible;position: absolute;top: 50%;left: 50%;height: 1px;width: 1px;}.timeStyleUser {position: relative;display: inline-block;width: 80%;height: 60px;margin: var(--m12) auto;}.timeStyleUser > div:nth-child(1) {width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 var(--p4);}.timeStyleUser > div:nth-child(1) input {height: 60px;border-radius: var(--border-radius8);}.timeStyleUser > div:nth-child(1) input:nth-child(1) {width: 50%;}.timeStyleUser > div:nth-child(1) input:nth-child(2) {width: 140px;}.timeStyleUser > div:nth-child(1) .changeTime {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: 0 var(--p20);pointer-events: none;}.timeStyleUser > div .changeTime span {display: inline-block;border: 1px solid var(--Primary-500);color: var(--Primary-500);font-weight: 600;font-size: var(--font18);height: 40px;line-height: 40px;width: 120px;border-radius: var(--border-radius8);background-color: transparent;text-align: center;pointer-events: none;}.timeStyleUser > div .changeTime p {font-size: var(--font16);font-weight: 600;color: var(--Accent-300);width: calc(100% - 120px);text-align: right;margin: 0 !important;height: 40px;line-height: 40px;}.timeStyleUser > div .changeTime p span {border: none !important;margin-right: var(--m4);}.timeListReserveStylePro {width: 80%;}.timeListReserveStylePro div {display: flex;flex-direction: column;align-items: center;width: 100%;position: relative;}.timeListReserveStylePro div label {font-size: var(--font20);font-weight: 700;color: var(--Accent-50);height: 30px;line-height: 30px;margin-bottom: 0;margin-top: var(--m8);}.timeListReserveStylePro div input {position: absolute;top: 50%;left: 50%;transform: translate(-50%, 50%);background-color: transparent;width: 1px;height: 1px;}.timeListReserveStylePro div div {display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;}.timeListReserveStylePro div span {display: inline-block;font-size: var(--font18);font-weight: 700;color: var(--Accent-50);height: 40px;line-height: 46px;width: 80px;margin: var(--m4);background-color: var(--Accent-900);border-radius: var(--border-radius8);text-align: center;}.activeTimeMe {color: var(--Primary-500) !important;border: 1px solid var(--Primary-500) !important;}.timeListReserveStyle {width: 100%;position: absolute;top: -20px;left: 0;right: 0;display: flex;flex-direction: column;align-items: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16) var(--p8);z-index: var(--z-index100);}#time2Show {visibility: hidden;}.timeListReserveStyle label {font-size: var(--font20);font-weight: 700;color: var(--Accent-50);margin-bottom: var(--m12);}.timeListReserveStyle ul {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;padding: 0 !important;}.timeListReserveStyle ul li {display: inline-block;font-size: var(--font18);font-weight: 700;color: var(--Accent-900);height: 40px;line-height: 46px;width: 80px;margin: var(--m4);border-radius: var(--border-radius8);text-align: center;background-color: var(--Primary-500);}.timeListReserveStyle a {border: 1px solid var(--Primary-500);color: var(--Primary-500) !important;font-weight: 600;font-size: var(--font18);height: 50px;line-height: 50px;padding: 0 var(--p12);border-radius: var(--border-radius8);background-color: transparent;}.timeListReserveStyle div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 300px;}.timeListReserveStyle div span {display: inline-block;width: 48%;font-weight: 600;font-size: var(--font16);margin: var(--m4);padding: 0 var(--p8);height: 36px;line-height: 40px;border-radius: var(--border-radius8);max-width: 140px;}.timeListReserveStyle div .mainTimeStyle {background-color: var(--Primary-500);color: var(--Accent-900);}.timeListReserveStyle div .footerTimeStyle {background-color: var(--Accent-50);color: var(--Accent-900);}.timeListReserveStyle div .headerTimeStyle {color: var(--Accent-50);border: 1px solid var(--Accent-50);line-height: 36px;}.barberSalonReserveUser {width: 80%;}#barberSalonReserveUser {width: 100%;background-color: var(--Primary-100) !important;height: 50px !important;}.btnReserve1 {width: 80%;max-width: var(--MaxWidthSite);text-align: center;height: 50px;line-height: 50px;border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font20);color: var(--Accent-900);background-color: var(--Primary-500);border: none;position: fixed;bottom: 5px;left: 50%;transform: translate(-50%);}.style-main-gallery {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;white-space: nowrap;padding: var(--m60) var(--p12);}.style-main-gallery .name-gallery {display: flex;flex-direction: column;align-items: start;justify-content: space-around;width: 220px;height: 100%;}.style-main-gallery .name-gallery button {width: 180px;height: 60px;line-height: 60px;color: var(--Primary-500);border: 2px solid var(--Primary-500);border-radius: var(--border-radius8);background-color: transparent;margin: var(--m8) 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden;font-size: var(--font14);font-weight: 700;}.activeGalleryBtn {position: relative;}.activeGalleryBtn button {color: var(--colorBlack) !important;background-color: var(--Primary-500) !important;transition: all 0.3s ease;}.activeGalleryBtn::before {content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 12px 20px 12px 0;border-color: transparent var(--Primary-500) transparent transparent;left: 0;top: 50%;transform: translate(-100%, -50%);transition: all 0.3s ease;}.style-main-gallery .Gallery1, .style-main-gallery .Gallery2, .style-main-gallery .Gallery3, .style-main-gallery .Gallery4 {width: calc(100% - 220px);height: auto;}.style-main-gallery .swiperGallery {width: 100%;height: auto;}.style-main-gallery .swiperGallery .swiper-slide {height: 400px;}.style-main-gallery .swiperGallery .swiper-slide img {width: 100%;height: 100%;object-fit: contain;object-position: center;background-color: var(--Accent-900);border: 1px solid var(--Primary-200);}.add-photo-admin {width: 100%;height: 340px;display: block;}.add-photo-admin img {width: 100%;height: 100%;}.style-main-comment {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;padding: var(--p60) 0;}.header-comment {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: var(--widthSite);margin-bottom: var(--m12);background-color: var(--Primary-50);padding: var(--p8) var(--p20);border-radius: var(--border-radius8);}.header-comment h3 {font-size: var(--font24);font-weight: 700;color: var(--Accent-900);margin: 0 !important;}.header-comment > div {display: flex;flex-direction: row;align-items: center;justify-content: right;}.header-comment > div span {font-size: var(--font16);font-weight: 700;color: var(--Accent-900);}.header-comment > div span:nth-child(1) {background-color: var(--Primary-500);padding: var(--p8);margin-left: var(--m4);border-radius: var(--border-radius8);}.btnCommentUser {height: 48px;border-radius: var(--border-radius8);background-color: var(--Primary-500);border: none;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 var(--p16);}.btnCommentUser span {height: 24px;line-height: 24px;color: var(--Accent-900);font-size: var(--font18);font-weight: 500;}.btnCommentUser svg {width: 24px;height: 24px;fill: var(--Accent-900);margin-left: var(--m8);}.swiperComment {width: 100%;height: auto;margin: 0 auto;max-width: var(--MaxWidthSite);}.commentStyle {border-radius: var(--border-radius8);background-color: var(--Primary-100);padding: var(--p12);display: flex;flex-direction: column;min-height: 285px;max-height: 285px;cursor: pointer;}.commentStyle .commentStyle-header {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}.commentStyle .commentStyle-header div:nth-child(1) {display: flex;flex-direction: row;align-items: center;justify-content: center;}.commentStyle .commentStyle-header div:nth-child(1) span {font-weight: 500;font-size: 18px;height: 24px;line-height: 24px;color: var(--Accent-900);white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.commentStyle .commentStyle-header div:nth-child(1) svg {width: 24px;height: 24px;border-radius: var(--border-radius50);border: var(--Accent-900) 1px solid;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m8);}.commentStyle .starStyleComment {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);height: 36px;padding: 0 var(--p8);}.commentStyle .starStyleComment span {font-weight: 500;font-size: var(--font20);height: 30px;line-height: 36px;color: var(--colorWhite);}.commentStyle .starStyleComment svg {width: 30px;height: 30px;fill: var(--Primary-500);margin-right: var(--m4);}.commentStyle .timeStyleComment {width: 100%;display: flex;align-items: center;justify-content: left;}.commentStyle .timeStyleComment span {font-size: var(--font14);font-weight: 400;}.commentStyle p {text-align: justify;margin: var(--m12) 0;font-size: var(--font16);font-weight: 400;line-height: 28px;min-height: 54px;max-height: 54px;overflow-y: auto;overflow-x: hidden;}.commentStyle .replayBarber {display: flex;flex-direction: column;background-color: var(--Primary-500);border-radius: var(--border-radius8);padding: var(--p8);margin-top: var(--m8);}.commentStyle .replayBarber div {display: flex;flex-direction: row;align-items: center;width: 100%;justify-content: right;}.commentStyle .replayBarber div span {font-weight: 500;font-size: 18px;height: 24px;line-height: 24px;color: var(--Accent-900);}.commentStyle .replayBarber div svg {width: 24px;height: 24px;border-radius: var(--border-radius50);fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.add-comment-style {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 80%;}.add-comment-style h3 {font-size: var(--font24);font-weight: 700;text-align: center;background-color: transparent;color: var(--Accent-50);width: 100%;margin-top: var(--m32);}.add-comment-style .rating-box {position: relative;display: flex;flex-direction: column;align-items: center;background-color: var(--Primary-100);padding: var(--p12);border-radius: var(--border-radius8);min-width: 600px;margin-bottom: var(--m16);}.add-comment-style .rating-box label {font-size: var(--font20);font-weight: 500;margin-bottom: 20px;text-align: center;background-color: transparent;color: var(--Accent-800);}.add-comment-style .rating-box input {position: absolute;bottom: 12px;left: 50%;transform: translate(-50%);z-index: -1;}.add-comment-style textarea {min-width: 600px;height: 200px;padding: var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);margin: var(--m16) 0;color: var(--Accent-900);font-size: var(--font16);text-align: right;}.add-comment-style button {width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: var(--Primary-500) !important;color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m12) 0;font-size: var(--font18);font-weight: 700;border: none;}.add-comment-style .rating-box .stars {width: 100%;height: 60px;display: flex;align-items: center;text-align: center;border-radius: 6px;background-color: var(--Primary-100);justify-content: space-around;}.add-comment-style .stars img {width: 40px;height: 40px;cursor: pointer;transition: color 0.2s ease;margin: 0 var(--m4);}.add-comment-style .stars svg {width: 50px;height: 50px;cursor: pointer;transition: color 0.2s ease;fill: var(--Accent-50);stroke: var(--Accent-800);}.activeStar {fill: var(--Primary-500) !important;stroke: var(--Accent-800) !important;}.add-comment-style h4 {font-size: var(--font24);font-weight: 700;color: var(--Accent-900);margin-top: var(--m12);}.googleMap {position: relative;padding: var(--p80) 0;width: 90%;margin: 0 auto;}.googleMap > img {width: 100%;height: 100%;min-height: 360px;}.googleMap > div {position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-around;}.googleMap > div > h5 {width: 40%;background-color: var(--Accent-900);display: flex;flex-direction: column;border-radius: var(--border-radius8);padding: var(--p16) var(--p12);align-items: center;justify-content: start;min-height: 160px;}.googleMap > div > h5 span {width: 100%;display: block;text-align: center;font-size: var(--font20);font-weight: 700;color: var(--colorWhite);margin-bottom: var(--p20);}.googleMap > div > h5 span:nth-child(2) {font-size: var(--font18);font-weight: 500;padding: 0;line-height: 28px;}.googleMap .mapShowLocation {width: 56%;display: flex;flex-direction: column;border-radius: var(--border-radius8);}.googleMap .mapShowLocation a {width: 100%;height: 70px;margin: var(--m8) 0;background-color: var(--Accent-900);border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: var(--p16) var(--p12);}.googleMap .mapShowLocation a img {width: 48px;height: 48px;}.googleMap .mapShowLocation a span {height: 48px;line-height: 48px;color: var(--colorWhite);font-weight: 500;font-size: 18px;margin-right: var(--m12);}.googleMap .mapShowLocation a svg {width: 16px;height: 28px;stroke: var(--colorWhite);}.style-main-about {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;padding-bottom: var(--p80);margin-bottom: var(--m80);}.style-main-about h4 {color: var(--colorWhite);font-size: var(--font24);font-weight: 700;margin-bottom: var(--m20);}.style-main-about .aboutMe {display: flex;flex-direction: row;align-items: center;justify-content: center;}.style-main-about .aboutMe a {display: flex;margin: 0 var(--m16);flex-direction: column;align-items: center;justify-content: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);width: 120px;padding: var(--p12);}.style-main-about .aboutMe a svg {width: 54px;height: 54px;stroke: var(--Primary-500);}.style-main-about .aboutMe a span {color: var(--colorWhite);font-size: var(--font18);font-weight: 500;margin-top: var(--m12);}.customModel {width: 100%;}.customModel>div{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 80%;margin: 0 auto;}.customModel label {width: 160px;font-weight: 700;text-align: center;font-size: var(--font24);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.customModel div div {position: relative;border-radius: var(--border-radius8);display: flex;flex-direction: column;background-color: var(--Accent-900);margin: var(--m8) 0;width: 90%;padding: var(--p12);}.customModel div div .offModalShow {position: absolute;top: 15px;left: -25px;transform: rotate(-45deg);text-align: center;border-radius: var(--border-radius8);height: 26px;width: 100px;line-height: 26px;font-size: var(--font16);z-index: 100;background-color: var(--Primary-500);}.customModel div div p {padding: var(--p4);font-weight: 400;text-align: right;margin: 0;color: var(--colorWhite);font-size: var(--font18);}.customModel div div p:nth-child(1) {font-weight: 700;font-size: var(--font20);}.customModel div div p:nth-child(3) {font-size: var(--font16);color: var(--Accent-300);line-height: 28px;}.customModel .offPrice {color: var(--Primary-500);}.offModel {text-decoration: line-through;}.style-register {text-align: center;}.style-register button {display: inline-block !important;width: 40% !important;margin: auto 10px;}.registerAgain {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.registerAgain p{font-size: var(--font16);font-weight: 500;color: var(--Accent-50);}.registerAgain form {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: var(--m20);}.registerAgain form button{width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font16);font-weight: 600;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.registerAgain form button:nth-child(2){color: var(--Primary-500)!important;border: 1px solid var(--Primary-500);background-color: transparent;cursor: pointer;}.registerAgainBtn{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: var(--m60);}.registerAgainBtn button{width: 260px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font16);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin-top:var(--m20);border: none;}.custom-reserve {width: 80%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;}.custom-reserve label {width: 220px;font-weight: 700;text-align: center;font-size: var(--font24);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.custom-reserve > div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: var(--p16);border-radius: var(--border-radius8);background-color: var(--Accent-900);margin: var(--m8) auto;}.custom-reserve > div div:nth-child(2) {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 130px;}.custom-reserve > div div:nth-child(2) > button, .custom-reserve > div div:nth-child(2) > a {width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 500;margin: var(--m8) auto;color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);cursor: pointer;}.custom-reserve > div div:nth-child(2) > a:hover {color: var(--Primary-500);}.custom-reserve > div div:nth-child(2) form button, .custom-reserve > div div:nth-child(2) form span {width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 500;margin: var(--m8) auto;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.custom-reserve > div div:nth-child(1) {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: calc(100% - 140px);}.custom-reserve > div div:nth-child(1) p {height: 36px;line-height: 36px;font-size: var(--font16);font-weight: 400;color: var(--colorWhite);width: 100%;text-align: right;}.custom-reserve > div div:nth-child(1) div {width: 100%;display: flex;flex-direction: row;justify-content: right;}.custom-reserve > div div:nth-child(1) > div p {width: 50%;}.custom-reserve > div div:nth-child(1) > p:nth-child(1) {font-size: var(--font20);font-weight: 700;}.RequestStyle {width: 100%;}.RequestStyle form {width: 80%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-y: auto;overflow-x: hidden;padding: var(--p60) 0;margin: 0 auto;}.RequestStyle form label {width: 100%;text-align: center;font-size: var(--font24);font-weight: 700;margin: var(--m8) auto;color: var(--colorWhite);}.RequestStyle form div {width: 100%;}.RequestStyle form div span {display: block;width: 100%;text-align: center;font-size: var(--font16);font-weight: 500;margin-top: var(--m12);color: var(--colorWhite);}.RequestStyle form div select {width: 100%;height: 120px;padding: 0 var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.RequestStyle form input {width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100);border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.RequestStyle form textarea {width: 100%;height: 140px;padding: var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.RequestStyle form button {width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: var(--Primary-500) !important;color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m12) 0;font-size: var(--font18);font-weight: 700;border: none;}.showMeRequest {width: 80%;display: flex;flex-direction: column;align-items: center;}.showMeRequest label {width: 300px;font-weight: 700;text-align: center;font-size: var(--font24);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.showMeRequest > div {width: auto;padding: var(--p20) var(--p32);margin-top: var(--m32);border-radius: var(--border-radius8);background-color: var(--Accent-900);display: flex;flex-direction: row;align-items: center;justify-content: space-between;min-width: 600px;}.showMeRequest p {height: 36px;line-height: 36px;font-size: var(--font20);font-weight: 700;color: var(--colorWhite);width: 100%;text-align: right;}.showMeRequest span {color: var(--Primary-500);font-size: var(--font16);font-weight: 600;}.showMeRequest button {width: 180px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);}.alertBirth {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 80%;margin: var(--m40) auto;overflow-x: hidden;overflow-y: auto;height: 100%;}.alertBirth p {margin: var(--m16) 0;text-align: justify;}.alertBirth form {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: var(--m16) 0;}.alertBirth form input {height: 50px;border-radius: var(--border-radius8);background-color: var(--Primary-100);font-size: var(--font16);color: var(--Accent-900);}.alertBirth form button {height: 50px;border-radius: var(--border-radius8);background-color: var(--Primary-500);font-size: var(--font18);font-weight: 700;color: var(--Accent-900);width: 100%;margin-top: var(--m16);border: none;}.btnModalBirth, .btnFavMe {width: 240px;height: 40px;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 40px;border: none;margin: var(--m8);}.btnFavMe {width: 320px;}.btnModalBirth span, .btnFavMe span {font-weight: 600;font-size: var(--font18);color: var(--Accent-900);}.btnModalBirth svg, .btnFavMe svg {width: 24px;height: 24px;fill: var(--Accent-900);margin-left: var(--m4);}.showReserveDeposit {z-index: var(--z-index10001);width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 30px 20px;background-color: var(--colorBlack);display: flex;flex-direction: column;margin: 0 auto;max-width: var(--MaxWidthSite);}.showReserveDeposit > p {width: 100%;text-align: center;height: 50px;line-height: 50px;margin-bottom: var(--m12);font-weight: 600;font-size: var(--font18);color: var(--Primary-500);background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: 0 var(--p12);}.showReserveDeposit > p:nth-child(3) {color: var(--Danger-500);background-color: transparent;border: var(--colorWhite) 2px solid;}.showReserveDeposit > div {border-radius: var(--border-radius8);margin: var(--p20) 0;padding: var(--p8) var(--p12);background-color: var(--Accent-900);display: flex;align-items: center;justify-content: start;flex-direction: column;}.showReserveDeposit div label {width: 100%;text-align: center;height: 40px;line-height: 40px;margin-bottom: var(--m12);font-weight: bold;font-size: var(--font20);color: var(--colorWhite);}.showReserveDeposit div p {width: 100%;height: 30px;line-height: 30px;font-weight: 500;font-size: var(--font16);color: var(--Accent-300);}.showReserveDeposit div span {height: 30px;line-height: 30px;font-weight: 500;font-size: var(--font18);color: var(--colorWhite);text-align: right;}.showReserveDeposit .DepositPrice {color: var(--Primary-500);}.showReserveDeposit div div {display: flex;align-items: center;justify-content: center;flex-direction: row;width: 100%;}.showReserveDeposit div div span, .showReserveDeposit div div a, .showReserveDeposit div div button, .showReserveDeposit div div p {display: inline-block;margin: 0 var(--m12);width: 120px;height: 40px;text-align: center;line-height: 40px;font-weight: 600;font-size: var(--font18);border-radius: var(--border-radius8);}.showReserveDeposit div div span, .showReserveDeposit div div button {background-color: var(--Primary-500);color: var(--colorBlack);border: none;}.showReserveDeposit div div a {background-color: transparent;color: var(--Primary-500) !important;border: 1px solid var(--Primary-500);cursor: pointer;}.showReserveDeposit div div p {color: var(--Danger-500) !important;width: auto !important;}.aboutBarberStyle {position: relative;text-align: center;padding: 0 !important;}.aboutBarberStyle button {display: inline-block !important;height: 40px !important;width: 40px !important;position: absolute;top: -10px;left: -8px;border-radius: 50%;font-size: 40px;line-height: 40px;opacity: 0.9;z-index: 1000;background: transparent !important;border: none !important;padding: 0 !important;}.aboutBarberStyle img {width: 220px;height: 220px;border-radius: 50%;}.aboutBarberStyle p {font-weight: 600;margin-top: 10px;font-size: 16px;}.aboutBarberStyle pre {font-weight: 600;margin-top: 10px;font-size: 16px;line-height: 32px;text-align: right;padding-right: 20px;font-family: main, serif;white-space: pre-wrap;}.increaseStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p12);margin-bottom: var(--m40);margin-top: var(--m12);}.increaseStyle span{width: 100%;height: 48px;line-height: 48px;border-bottom: 1px solid var(--Accent-800);font-size: var(--font16);font-weight: 500;color: var(--Accent-300);}.increaseStyle span span{width: auto;border: none;color: var(--Accent-50);margin-right: var(--m8);}.increaseStyle div{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: var(--p12);margin-top: var(--m12);}.increaseStyle div button{width: 180px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font18);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.increaseStyle div p{width: calc(100% - 200px);margin: 0!important;text-align: left;font-size: var(--font16);height: 40px;line-height: 40px!important;white-space: nowrap;padding: 0 var(--p8)!important;overflow: hidden;}.aboutReserveStyle {text-align: center;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p16);width: 100%;}.aboutReserveStyle div {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-50);border-radius: var(--border-radius8);margin: var(--m8) auto;width: 90%;}.aboutReserveStyle div span {margin: 0 !important;width: 50%;text-align: center;font-size: var(--font16);font-weight: 500;color: var(--Accent-900);height: 40px;line-height: 40px;padding: 0 !important;}.aboutReserveStyle div span:nth-child(1) {border-left: 1px solid var(--Accent-500);}.imgFix {width: 100%;height: auto;max-height: 60vh;}}@media (max-width: 700px) {.styleInstall1{bottom: 70px!important;}#barberMainPage {max-width: var(--MaxWidthSite);margin: 0 auto;}.btnTemporary {display: flex;flex-direction: column;align-items: center;justify-content: center;}.main-header {position: relative;margin-bottom: var(--p60);}.main-header .Shadow3 {right: 0;left: 0;bottom: 0;height: 60px;position: absolute;background: linear-gradient(to top, rgb(0, 0, 0), rgba(68, 68, 68, 0.01));z-index: var(--z-index10);pointer-events: none;}.headerBarber {height: 40px;position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 100%;max-width: var(--MaxWidthSite);display: flex;align-items: center;justify-content: center;z-index: var(--z-index10000);}.headerBarber .name-salon-style {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Primary-100);box-shadow: var(--box-shadow-bottom);height: 40px;padding: 0 var(--p32);border-radius: 0 0 60px 60px;min-width: 160px;}.headerBarber .name-salon-style h2 {display: inline-block;height: 40px;font-size: var(--font18);font-weight: 700;line-height: 40px;text-align: center;color: var(--Accent-900);margin: 0 !important;}.headerBarber .exitBarber {height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;position: absolute;top: 4px;right: 6px;background-color: var(--Primary-100);border-radius: var(--border-radius8);}.headerBarber .exitBarber svg {width: 30px;height: 30px;stroke: var(--Accent-900);}.aboutBarber {width: 100%;display: flex;position: absolute;bottom: -130px;left: 50%;transform: translate(-50%);align-items: center;justify-content: center;z-index: var(--z-index100);flex-direction: column;}.aboutBarber button {height: 120px;width: 120px;background: none;border: 2px solid var(--Primary-500);border-radius: 50%;}.aboutBarber > span {width: 120px;color: var(--Accent-50);font-weight: 700;font-size: var(--font16);text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.aboutBarber > span:nth-child(2) {margin: var(--m12) 0;border-bottom: 2px solid var(--colorWhite);padding-bottom: var(--p12);}.aboutBarber button img {width: 116px;height: 116px;border-radius: 50%;}.alertNullBarber {text-align: center;width: 100%;padding: 0 10px;margin-top: 160px;}.alertNullBarber p {margin-bottom: 20px;}.BarberProfile {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;min-width: 500px;min-height: 70vh;}.BarberProfile img {width: 300px;height: 300px;border-radius: 50%;border: 3px solid var(--Primary-500);margin-top: var(--m40);}.BarberProfile pre {width: 100%;text-align: center;line-height: 40px;font-size: var(--font18);font-weight: 600;color: var(--colorWhite);margin-top: var(--m32);padding: 0 var(--p16);font-family: main, serif;max-width: 340px;white-space: break-spaces;}.imgDefault{position: relative;width: 100%;}.imgDefault a{position: absolute;width: 33%;bottom: 0;left: 0;z-index: var(--z-index1000);}.imgDefault a img {border-radius: 0 30px 0 0;}.showBarberHall {display: flex;overflow-x: auto;overflow-y: hidden;margin: 0 auto !important;padding: 0 !important;align-items: center;justify-content: start;position: relative;width: 94%;}.showBarberHall a {width: 90px;text-align: center;margin: 0 var(--m12);cursor: pointer;text-decoration: none;position: relative;opacity: 0.8;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-top: 45px;}.activeSalon {width: 120px !important;opacity: 1 !important;padding-top: var(--p20) !important;}.showBarberHall img {width: 100%;border-radius: 50%;border: 2px solid var(--Primary-500);}.showBarberHall .userHall, .showBarberHall .typeHall {display: block;width: 100%;color: var(--Accent-50);font-weight: 700;font-size: var(--font14);text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showBarberHall .userHall {margin: var(--m8) 0;border-bottom: 2px solid var(--colorWhite);padding-bottom: var(--p8);}.showBarberHall .adminHall {display: inline-block;position: absolute;font-size: var(--font12);white-space: nowrap;text-align: center;top: 25px;left: 50%;transform: translate(-50%);margin: 0;border-radius: 15px;padding: var(--p4);color: var(--Primary-600);background-color: var(--Accent-900);border: 1px solid var(--colorWhite);z-index: var(--z-index100);}.activeSalon .adminHall {top: 0 !important;}.main-all {padding-top: var(--p12);}.main-reserve {display: flex;margin: var(--m40) auto 0 auto;width: var(--widthSite);align-items: center;justify-content: center;padding: var(--p40) 0 var(--p12) 0;flex-direction: column;}.btnRserveStyle {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;padding-top: var(--m24);}.btnReserveUser1 {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-500);border: none;border-radius: 50%;position: relative;}.btnReserveUser1 svg {width: 40px;height: 40px;fill: var(--Accent-900);}.btnReserveUser1 .AnnouncementSvg {stroke: var(--Accent-900);}.btnReserveUser1 span {position: absolute;top: -6px;right: -6px;background: red;color: white;font-size: var(--font14);text-align: center;line-height: 24px;border-radius: 50%;font-weight: bold;width: 24px;height: 24px;}.btnReserveUser {width: 180px;text-align: center;height: 50px;line-height: 50px;border-radius: 50px;font-weight: 700;font-size: var(--font18);color: var(--Accent-900);background-color: var(--Primary-500);margin: 0 var(--m12);border: none;}.titleAnnouncementStyle{width: 100%;text-align: right;line-height: 32px;font-size: var(--font14);font-weight: 600;color: var(--colorWhite);margin-top: var(--m12);padding: var(--p12);font-family: main, serif;max-width: 340px;white-space: break-spaces;border-radius: var(--border-radius8);border: 1px solid var(--Accent-300);background-color: var(--Accent-900);}.styleLimit{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: var(--p40);padding: var(--p20) var(--p8);min-width: 90%;border-radius: var(--border-radius8);background-color: var(--Accent-900);gap: 12px;}.styleLimit h5{font-size: var(--font16);font-weight: 600;color: var(--Danger-500);}.styleLimit h6{font-size: var(--font14);font-weight: 400;color: var(--Accent-50);}.styleLimit h6 span{font-size: var(--font16);font-weight: 700;color: var(--success-500);}.set-reserve {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.set-reserve > div span {display: inline-block;font-size: var(--font16);font-weight: 600;color: var(--Accent-100);height: 40px;line-height: 40px;border-bottom: 2px solid var(--Primary-500);}.set-reserve form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.styleService {position: relative;text-align: center;transition: all 0.3s ease;margin-top: var(--m16);width: 100%;}.styleService #showSelectService {width: 100%;line-height: 48px;border-color: transparent;background-color: var(--Accent-900);border-radius: var(--border-radius8);visibility: hidden;cursor: pointer;z-index: var(--z-index10);font-weight: 600;font-size: var(--font16);display: flex;flex-direction: row;align-items: center;justify-content: space-around;height: 0;margin: var(--m8) auto;}.styleService #showSelectService > div {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding: var(--p8);}.styleService #showSelectService > div p {font-size: var(--font14);font-weight: 600;color: var(--Accent-300);width: 100%;text-align: right;margin: 0 !important;height: 40px;line-height: 40px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}.styleService #showSelectService > div p span {font-size: var(--font14);font-weight: 600;color: var(--Primary-500);margin-right: var(--m4);transition: all 0.2s ease;}.oldPrice{color: var(--Danger-500)!important;text-decoration: line-through;margin-left: var(--m4);transition: all 0.2s ease;}.styleService #showSelectService > div > div {width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: start;position: relative;}.styleService #showSelectService > div a {position: absolute;top: 0;left: 0;border: 1px solid var(--Primary-500);color: var(--Primary-500);font-weight: 600;font-size: var(--font14);height: 40px;line-height: 40px;width: 100px;border-radius: var(--border-radius8);background-color: transparent;}.styleService #submitServices {position: fixed;bottom: 0;left: 50%;transform: translate(-50%);width: 100%;max-width: var(--MaxWidthSite);height: 48px;line-height: 48px;background-color: var(--Primary-500);color: var(--colorBlack);cursor: pointer;font-weight: 600;font-size: var(--font18);}.selectServices {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;transition: all 0.2s ease;padding-bottom: var(--p32);}.selectServices .add-service-admin {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--Primary-50);border-radius: var(--border-radius8);margin-top: var(--m20);padding: var(--p12);}.selectServices .add-service-admin h6 {line-height: 26px;font-weight: 500;font-size: 16px;color: var(--Primary-500);text-align: justify;}.selectServices .add-service-admin span {line-height: 40px;font-weight: 500;font-size: 16px;color: var(--colorWhite);border: 1px solid var(--Primary-500);border-radius: var(--border-radius8) !important;height: 40px;margin-top: var(--m8);padding: 0 var(--p8);}.selectServices h3 {width: 100%;text-align: center;font-size: var(--font18);font-weight: 700;color: var(--colorWhite);}.selectServices label {display: block;width: 100%;padding: var(--p12) var(--p12) var(--p4) var(--p12);margin: var(--m8) 0;border-radius: var(--border-radius8);background-color: var(--Accent-900);cursor: pointer;position: relative;text-align: right;color: var(--colorWhite);font-size: var(--font16);font-weight: 700;}.serviceCheckbox {display: none;}.selectServices label::before {content: "";position: absolute;left: 6px;top: 6px;width: 34px;height: 34px;border-radius: 50%;background-color: var(--Accent-50);transition: all 0.3s ease;}input.serviceCheckbox:checked + label::before {background-color: var(--Primary-500);}.selectServices label::after {content: "";position: absolute;left: 20px;top: 21px;transform: translateY(-50%) rotate(45deg);width: 7px;height: 16px;border: solid var(--colorBlack);border-width: 0 4px 4px 0;opacity: 0;transition: opacity 0.3s ease;}input.serviceCheckbox:checked + label::after {opacity: 1;}.selectServices label p {font-size: var(--font13);font-weight: 400;color: var(--Accent-300);margin: var(--m8) 0;}.selectServices label h3 {font-size: var(--font15);font-weight: 700;color: var(--Accent-300);height: 46px;line-height: 46px;width: 100%;text-align: right;border-top: 1px solid var(--Accent-800);margin: 0 !important;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.selectServices label h3 span {font-size: var(--font15);font-weight: 700;color: var(--colorWhite);height: 40px;line-height: 40px;}.selectServices label h3 span:nth-child(2) {color: var(--Primary-500);margin-right: var(--m4);}#dateShow, #giftShow {width: 100%;}#dateShow .add-service-admin {display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid var(--Primary-50);border-radius: var(--border-radius8);margin-top: var(--m20);padding: var(--p12);}#dateShow .add-service-admin h6 {line-height: 26px;font-weight: 500;font-size: 16px;color: var(--Primary-500);text-align: justify;}#dateShow .add-service-admin span {line-height: 40px;font-weight: 500;font-size: 16px;color: var(--colorWhite);border: 1px solid var(--Primary-500);border-radius: var(--border-radius8) !important;height: 40px;margin-top: var(--m8);padding: 0 var(--p8);}.radio-group {position: relative;display: flex;flex-direction: column;align-items: center;background-color: var(--colorBlack);width: 100%;max-width: var(--MaxWidthSite);margin: var(--m8) auto;}.radio-group h3 {font-size: var(--font18);font-weight: 700;color: var(--Accent-50);height: 30px;line-height: 30px;margin-bottom: 0;margin-top: var(--m8);}.radio-group div {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: right;flex-wrap: nowrap;width: 100%;overflow-x: auto;overflow-y: hidden;}.radio-group label {display: flex;align-items: center;flex-direction: column;white-space: wrap;cursor: pointer;font-size: var(--font15);background-color: var(--Accent-900);margin: var(--m4);border-radius: var(--border-radius8);color: var(--Accent-100);padding: var(--p8);min-width: 90px;font-weight: 600;}.radio-group label span {font-size: var(--font15);font-weight: 600;color: var(--Accent-300);border-top: 1px solid var(--Accent-200);display: block;margin: 0 !important;height: 40px;line-height: 40px;white-space: nowrap;width: 100%;text-align: center;}.radio-group label div span {border-top: none !important;}.radio-group label div {display: flex;flex-direction: row;align-items: center;height: 40px;}.labelDateActive {border: 1px solid var(--Primary-500);transition: all 0.2s ease;}.labelDateActive span {color: var(--Primary-500) !important;transition: all 0.2s ease;}.radio-group input[type="radio"] {visibility: visible;position: absolute;top: 50%;left: 50%;height: 1px;width: 1px;}.timeStyleUser {position: relative;display: inline-block;width: 100%;height: 60px;margin: var(--m12) auto;}.timeStyleUser > div:nth-child(1) {width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 var(--p4);}.timeStyleUser > div:nth-child(1) input {height: 60px;border-radius: var(--border-radius8);}.timeStyleUser > div:nth-child(1) input:nth-child(1) {width: 50%;}.timeStyleUser > div:nth-child(1) input:nth-child(2) {width: 120px;}.timeStyleUser > div:nth-child(1) .changeTime {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: 0 var(--p8);pointer-events: none;}.timeStyleUser > div .changeTime span {display: inline-block;border: 1px solid var(--Primary-500);color: var(--Primary-500);font-weight: 600;font-size: var(--font15);height: 40px;line-height: 40px;width: 100px;border-radius: var(--border-radius8);background-color: transparent;text-align: center;pointer-events: none;}.timeStyleUser > div .changeTime p {font-size: var(--font15);font-weight: 600;color: var(--Accent-300);width: calc(100% - 100px);text-align: right;margin: 0 !important;height: 40px;line-height: 40px;}.timeStyleUser > div .changeTime p span {border: none !important;margin-right: var(--m4);width: 60px;}.timeListReserveStylePro {width: 100%;}.timeListReserveStylePro div {display: flex;flex-direction: column;align-items: center;width: 100%;position: relative;}.timeListReserveStylePro div label {font-size: var(--font18);font-weight: 700;color: var(--Accent-50);height: 30px;line-height: 30px;margin-bottom: 0;margin-top: var(--m8);}.timeListReserveStylePro div input {position: absolute;top: 50%;left: 50%;transform: translate(-50%, 50%);background-color: transparent;width: 1px;height: 1px;}.timeListReserveStylePro div div {display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;padding-bottom: var(--p32);}.timeListReserveStylePro div span {display: inline-block;font-size: var(--font17);font-weight: 700;color: var(--Accent-50);height: 40px;line-height: 46px;width: 60px;margin: var(--m4);background-color: var(--Accent-900);border-radius: var(--border-radius8);text-align: center;}.activeTimeMe {color: var(--Primary-500) !important;border: 1px solid var(--Primary-500) !important;}.timeListReserveStyle {width: 100%;position: absolute;top: -20px;left: 0;right: 0;display: flex;flex-direction: column;align-items: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16) var(--p8);z-index: var(--z-index100);}#time2Show {visibility: hidden;}.timeListReserveStyle label {font-size: var(--font18);font-weight: 700;color: var(--Accent-50);margin-bottom: var(--m12);}.timeListReserveStyle ul {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;padding: 0 !important;}.timeListReserveStyle ul li {display: inline-block;font-size: var(--font17);font-weight: 700;color: var(--Accent-900);height: 40px;line-height: 46px;width: 40px;margin: var(--m4);border-radius: var(--border-radius8);text-align: center;background-color: var(--Primary-500);}.timeListReserveStyle a {border: 1px solid var(--Primary-500);color: var(--Primary-500) !important;font-weight: 600;font-size: var(--font18);height: 50px;line-height: 50px;padding: 0 var(--p12);border-radius: var(--border-radius8);background-color: transparent;}.timeListReserveStyle div {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;width: 300px;}.timeListReserveStyle div span {display: inline-block;width: 48%;font-weight: 600;font-size: var(--font16);margin: var(--m4);padding: 0 var(--p8);height: 36px;line-height: 40px;border-radius: var(--border-radius8);max-width: 140px;}.timeListReserveStyle div .mainTimeStyle {background-color: var(--Primary-500);color: var(--Accent-900);}.timeListReserveStyle div .footerTimeStyle {background-color: var(--Accent-50);color: var(--Accent-900);}.timeListReserveStyle div .headerTimeStyle {color: var(--Accent-50);border: 1px solid var(--Accent-50);line-height: 36px;}.barberSalonReserveUser {width: 100%;}#barberSalonReserveUser {width: 100%;background-color: var(--Primary-100) !important;height: 50px !important;}.btnReserve1 {width: 100%;max-width: var(--MaxWidthSite);text-align: center;height: 50px;line-height: 50px;font-weight: 700;font-size: var(--font20);color: var(--Accent-900);background-color: var(--Primary-500);border: none;position: fixed;bottom: 0;left: 50%;transform: translate(-50%);}.style-main-gallery {display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;width: 100%;white-space: nowrap;padding: var(--p32) 0;}.style-main-gallery .name-gallery {display: flex;flex-direction: row;align-items: start;justify-content: space-around;width: var(--widthSite);height: 100%;margin-top: var(--m20);}.style-main-gallery .name-gallery div {width: 24%;}.style-main-gallery .name-gallery button {width: 100%;height: 40px;line-height: 40px;color: var(--Primary-500);border: 2px solid var(--Primary-500);border-radius: var(--border-radius8);background-color: transparent;margin: 0 var(--m4);white-space: nowrap;overflow-x: auto;overflow-y: hidden;font-size: var(--font12);font-weight: 700;}.activeGalleryBtn {position: relative;}.activeGalleryBtn button {color: var(--colorBlack) !important;background-color: var(--Primary-500) !important;transition: all 0.3s ease;}.activeGalleryBtn::before {content: '';position: absolute;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 6px 10px 6px;border-color: transparent transparent var(--Primary-500) transparent;left: 50%;top: -10px;transform: translateX(-50%);transition: all 0.3s ease;}.style-main-gallery .Gallery1, .style-main-gallery .Gallery2, .style-main-gallery .Gallery3, .style-main-gallery .Gallery4 {width: 100%;height: auto;}.style-main-gallery .swiperGallery {width: 100%;height: auto;}.style-main-gallery .swiperGallery .swiper-slide {width: auto;height: 240px;}.style-main-gallery .swiperGallery .swiper-slide img {width: 100%;height: 100%;object-fit: contain;object-position: center;background-color: var(--Accent-900);border: 1px solid var(--Primary-200);}.add-photo-admin {width: 100%;height: 240px;display: block;}.add-photo-admin img {width: 100%;height: 100%;}.style-main-comment {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;padding: var(--p32) 0;}.header-comment {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: var(--widthSite);margin-bottom: var(--m12);background-color: var(--Primary-50);padding: var(--p8);border-radius: var(--border-radius8);}.header-comment h3 {font-size: var(--font18);font-weight: 700;color: var(--Accent-900);margin: 0 !important;}.header-comment > div {display: flex;flex-direction: row;align-items: center;justify-content: right;}.header-comment > div span {font-size: var(--font14);font-weight: 700;color: var(--Accent-900);}.header-comment > div span:nth-child(1) {background-color: var(--Primary-500);padding: var(--p4);margin-left: var(--m4);border-radius: var(--border-radius8);}.btnCommentUser {height: 40px;border-radius: var(--border-radius8);background-color: var(--Primary-500);border: none;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 var(--p12);}.btnCommentUser span {height: 24px;line-height: 24px;color: var(--Accent-900);font-size: var(--font16);font-weight: 500;}.btnCommentUser svg {width: 20px;height: 20px;fill: var(--Accent-900);margin-left: var(--m4);}.swiperComment {width: 100%;height: auto;margin: 0 auto;max-width: var(--MaxWidthSite);}.commentStyle {border-radius: var(--border-radius8);background-color: var(--Primary-100);padding: var(--p8);display: flex;flex-direction: column;width: auto;min-height: 240px;max-height: 240px;cursor: pointer;}.commentStyle .commentStyle-header {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}.commentStyle .commentStyle-header div:nth-child(1) {display: flex;flex-direction: row;align-items: center;justify-content: center;}.commentStyle .commentStyle-header div:nth-child(1) span {font-weight: 500;font-size: var(--font15);height: 24px;line-height: 24px;color: var(--Accent-900);}.commentStyle .commentStyle-header div:nth-child(1) svg {width: 20px;height: 20px;border-radius: var(--border-radius50);border: var(--Accent-900) 1px solid;fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.commentStyle .starStyleComment {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);height: 32px;padding: 0 var(--p8) 0 var(--p4);}.commentStyle .starStyleComment span {font-weight: 500;font-size: var(--font18);height: 28px;line-height: 32px;color: var(--colorWhite);}.commentStyle .starStyleComment svg {width: 24px;height: 24px;fill: var(--Primary-500);margin-right: var(--m4);}.commentStyle .timeStyleComment {width: 100%;display: flex;align-items: center;justify-content: left;}.commentStyle .timeStyleComment span {font-size: var(--font12);font-weight: 400;}.commentStyle p {text-align: justify;margin: var(--m8) 0;font-size: var(--font14);font-weight: 400;line-height: 26px;min-height: 48px;max-height: 48px;overflow-y: auto;overflow-x: hidden;}.commentStyle .replayBarber {display: flex;flex-direction: column;background-color: var(--Primary-500);border-radius: var(--border-radius8);padding: var(--p8);margin-top: var(--m4);}.commentStyle .replayBarber div {display: flex;flex-direction: row;align-items: center;width: 100%;justify-content: right;}.commentStyle .replayBarber div span {font-weight: 500;font-size: var(--font15);height: 24px;line-height: 24px;color: var(--Accent-900);}.commentStyle .replayBarber div svg {width: 20px;height: 20px;border-radius: var(--border-radius50);fill: var(--Accent-900);stroke: var(--Accent-900);margin-left: var(--m4);}.add-comment-style {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.add-comment-style h3 {font-size: var(--font18);font-weight: 700;text-align: center;background-color: transparent;color: var(--Accent-50);width: 100%;margin-top: var(--m20);}.add-comment-style .rating-box {position: relative;display: flex;flex-direction: column;align-items: center;background-color: var(--Primary-100);padding: var(--p8);border-radius: var(--border-radius8);width: 100%;margin-bottom: var(--m16);}.add-comment-style .rating-box label {font-size: var(--font16);font-weight: 600;margin-bottom: var(--m8);text-align: center;background-color: transparent;color: var(--Accent-800);}.add-comment-style .rating-box input {position: absolute;bottom: 12px;left: 50%;transform: translate(-50%);z-index: -1;}.add-comment-style textarea {min-width: 100%;height: 160px;padding: var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);margin: var(--m16) 0;color: var(--Accent-900);font-size: var(--font15);text-align: right;}.add-comment-style button {width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: var(--Primary-500) !important;color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m12) 0;font-size: var(--font18);font-weight: 700;border: none;}.add-comment-style .rating-box .stars {width: 100%;height: 50px;display: flex;align-items: center;border-radius: 6px;background-color: var(--Primary-100);justify-content: space-around;}.add-comment-style .stars svg {width: 40px;height: 40px;cursor: pointer;transition: color 0.2s ease;fill: var(--Accent-50);stroke: var(--Accent-800);margin: 0 var(--m4);}.activeStar {fill: var(--Primary-500) !important;stroke: var(--Accent-800) !important;}.add-comment-style h4 {font-size: var(--font18);font-weight: 600;color: var(--Accent-900);margin-top: var(--m12);}.googleMap {position: relative;margin: var(--p40) auto;width: var(--widthSite);padding: var(--p12) 0;border-radius: var(--border-radius8);}.googleMap > img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;}.googleMap > div {display: flex;flex-direction: column;align-items: center;justify-content: space-around;}.googleMap > div > h5 {width: 94%;background-color: var(--Accent-900);display: flex;flex-direction: column;border-radius: var(--border-radius8);padding: var(--p16) var(--p12);align-items: center;justify-content: start;}.googleMap > div > h5 span {width: 100%;display: block;text-align: center;font-size: var(--font16);font-weight: 700;color: var(--colorWhite);margin-bottom: var(--p20);}.googleMap > div > h5 span:nth-child(2) {font-size: var(--font14);font-weight: 500;padding: 0;line-height: 22px;}.googleMap .mapShowLocation {width: 94%;display: flex;flex-direction: column;border-radius: var(--border-radius8);}.googleMap .mapShowLocation a {width: 100%;height: 50px;margin: var(--m4) 0;background-color: var(--Accent-900);border-radius: var(--border-radius8);display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: var(--p8) var(--p12);}.googleMap .mapShowLocation a img {width: 34px;height: 34px;}.googleMap .mapShowLocation a span {height: 50px;line-height: 50px;color: var(--colorWhite);font-weight: 500;font-size: var(--font14);margin-right: var(--m8);}.googleMap .mapShowLocation a svg {width: 12px;height: 24px;stroke: var(--colorWhite);}.style-main-about {display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--widthSite);padding-bottom: var(--p80);margin: 0 auto var(--m80) auto;}.style-main-about h4 {color: var(--colorWhite);font-size: var(--font18);font-weight: 700;margin-bottom: var(--m16);}.style-main-about .aboutMe {display: flex;flex-direction: row;align-items: center;justify-content: center;}.style-main-about .aboutMe a {display: flex;margin: 0 var(--m8);flex-direction: column;align-items: center;justify-content: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p12);width: 100px;}.style-main-about .aboutMe a svg {width: 40px;height: 40px;stroke: var(--Primary-500);}.style-main-about .aboutMe a span {color: var(--colorWhite);font-size: var(--font15);font-weight: 500;margin-top: var(--m12);}.customModel {width: 100%;}.customModel>div {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin-top: var(--m16);}.customModel label {width: 140px;font-weight: 700;text-align: center;font-size: var(--font20);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.customModel div div {position: relative;border-radius: var(--border-radius8);display: flex;flex-direction: column;background-color: var(--Accent-900);margin: var(--m8) 0;width: 100%;padding: var(--p12);}.customModel div div .offModalShow {position: absolute;top: 15px;left: -25px;transform: rotate(-45deg);text-align: center;border-radius: var(--border-radius8);height: 26px;width: 100px;line-height: 26px;font-size: var(--font16);z-index: 100;background-color: var(--Primary-500);}.customModel div div p {padding: var(--p8) var(--p4);font-weight: 400;text-align: right;margin: 0;color: var(--colorWhite);font-size: var(--font16);}.customModel div div p:nth-child(1) {font-weight: 700;font-size: var(--font18);}.customModel div div p:nth-child(3) {font-size: var(--font14);color: var(--Accent-300);line-height: 26px;}.customModel .offPrice {color: var(--Primary-500);}.offModel {text-decoration: line-through;}.style-register {text-align: center;}.style-register button {display: inline-block !important;width: 40% !important;margin: auto 10px;}.registerAgain {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.registerAgain p{font-size: var(--font14);font-weight: 500;color: var(--Accent-50);}.registerAgain form {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: var(--m16);}.registerAgain form button{width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font14);font-weight: 600;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.registerAgain form button:nth-child(2){color: var(--Primary-500)!important;border: 1px solid var(--Primary-500);background-color: transparent;cursor: pointer;}.registerAgainBtn{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: var(--m60);}.registerAgainBtn button{width: 220px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin-top:var(--m20);border: none;}.custom-reserve {width: 94%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;}.custom-reserve label {width: 200px;font-weight: 700;text-align: center;font-size: var(--font20);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.custom-reserve > div {display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: 100%;padding: var(--p8);border-radius: var(--border-radius8);background-color: var(--Accent-900);margin: var(--m8) auto;}.custom-reserve > div div:nth-child(2) {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;}.custom-reserve > div div:nth-child(2) > button, .custom-reserve > div div:nth-child(2) > a {width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 500;margin: 0 var(--m12);color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);cursor: pointer;}.custom-reserve > div div:nth-child(2) > a:hover {color: var(--Primary-500);}.custom-reserve > div div:nth-child(2) form button, .custom-reserve > div div:nth-child(2) form span {width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font16);font-weight: 500;margin: var(--m8) auto;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.custom-reserve > div div:nth-child(1) {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 100%;}.custom-reserve > div div:nth-child(1) p {height: 30px;line-height: 30px;font-size: var(--font15);font-weight: 400;color: var(--colorWhite);width: 100%;text-align: right;margin-bottom: var(--m8);}.custom-reserve > div div:nth-child(1) div {width: 100%;display: flex;flex-direction: row;justify-content: right;}.custom-reserve > div div:nth-child(1) > div p {width: 50%;}.custom-reserve > div div:nth-child(1) > p:nth-child(1) {font-size: var(--font18);font-weight: 700;}.RequestStyle {width: 100%;}.RequestStyle form {width: var(--widthSite);display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-y: auto;overflow-x: hidden;padding-top: var(--p40);margin: 0 auto;}.RequestStyle form label {width: 100%;text-align: center;font-size: var(--font20);font-weight: 700;margin: var(--m8) auto;color: var(--colorWhite);}.RequestStyle form div {width: 100%;}.RequestStyle .serviceLabelRequest {position: relative;margin: var(--m8) 0;}.RequestStyle form div span {position: absolute;top: 0;left: 0;display: block;width: 100%;text-align: center;font-size: var(--font16);font-weight: 500;color: var(--Accent-900);height: 40px;line-height: 40px;background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);pointer-events: none;}.RequestStyle form div select {width: 100%;height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);color: var(--Accent-900);font-size: var(--font16);margin: 0 !important;}.RequestStyle form input {width: 100%;height: 40px;line-height: 40px;padding: 0 var(--p12);background-color: var(--Primary-100);border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.RequestStyle form textarea {width: 100%;height: 140px;padding: var(--p12);background-color: var(--Primary-100) !important;border-radius: var(--border-radius8);margin: var(--m8) 0;color: var(--Accent-900);font-size: var(--font16);}.RequestStyle form button {width: 100%;height: 48px;line-height: 48px;text-align: center;background-color: var(--Primary-500) !important;color: var(--Accent-900);border-radius: var(--border-radius8);margin: var(--m12) 0;font-size: var(--font18);font-weight: 700;border: none;}.showMeRequest {width: var(--widthSite);display: flex;flex-direction: column;align-items: center;margin-top: var(--m20);}.showMeRequest label {width: 240px;font-weight: 700;text-align: center;font-size: var(--font18);line-height: 50px;border-bottom: 2px solid var(--Primary-500);margin-bottom: var(--m12);color: var(--colorWhite);}.showMeRequest > div {width: 100%;padding: var(--p12);margin-top: var(--m12);border-radius: var(--border-radius8);background-color: var(--Accent-900);display: flex;flex-direction: column;align-items: center;justify-content: space-between;}.showMeRequest div div {width: 100%;}.showMeRequest p {display: block;height: 36px;line-height: 36px;font-size: var(--font18);font-weight: 700;color: var(--colorWhite);width: 100%;text-align: right;}.showMeRequest span {color: var(--Primary-500);font-size: var(--font15);font-weight: 600;}.showMeRequest button {width: 180px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);}.alertBirth {display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);margin: var(--m40) auto;overflow-x: hidden;overflow-y: auto;height: 100%;}.alertBirth p {margin: var(--m16) 0;text-align: justify;}.alertBirth form {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: var(--m16) 0;}.alertBirth form input {height: 50px;border-radius: var(--border-radius8);background-color: var(--Primary-100);font-size: var(--font16);color: var(--Accent-900);}.alertBirth form button {height: 50px;border-radius: var(--border-radius8);background-color: var(--Primary-500);font-size: var(--font18);font-weight: 700;color: var(--Accent-900);width: 100%;margin-top: var(--m16);border: none;}.btnModalBirth, .btnFavMe {width: 240px;height: 40px;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 40px;border: none;margin: var(--m8);}.btnFavMe {width: 320px;}.btnModalBirth span, .btnFavMe span {font-weight: 600;font-size: var(--font18);color: var(--Accent-900);}.btnModalBirth svg, .btnFavMe svg {width: 24px;height: 24px;fill: var(--Accent-900);margin-left: var(--m4);}.showReserveDeposit {z-index: var(--z-index10001);width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 30px 20px;background-color: var(--colorBlack);display: flex;flex-direction: column;margin: 0 auto;max-width: var(--MaxWidthSite);}.showReserveDeposit > p {width: 100%;text-align: center;line-height: 30px;margin-bottom: var(--m12);font-weight: 500;font-size: var(--font15);color: var(--Primary-500);background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p8);}.showReserveDeposit > p:nth-child(3) {color: var(--Danger-500);background-color: transparent;border: var(--colorWhite) 2px solid;}.showReserveDeposit > div {border-radius: var(--border-radius8);margin: var(--p20) 0;padding: var(--p8) var(--p12);background-color: var(--Accent-900);display: flex;align-items: center;justify-content: start;flex-direction: column;}.showReserveDeposit div label {width: 100%;text-align: center;height: 40px;line-height: 40px;margin-bottom: var(--m12);font-weight: bold;font-size: var(--font20);color: var(--colorWhite);}.showReserveDeposit div p {width: 100%;height: 30px;line-height: 30px;font-weight: 500;font-size: var(--font16);color: var(--Accent-300);white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showReserveDeposit div span {height: 30px;line-height: 30px;font-weight: 500;font-size: var(--font18);color: var(--colorWhite);text-align: right;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.showReserveDeposit .DepositPrice {color: var(--Primary-500);}.showReserveDeposit div div {display: flex;align-items: center;justify-content: center;flex-direction: row;width: 100%;}.showReserveDeposit div div span, .showReserveDeposit div div a, .showReserveDeposit div div button, .showReserveDeposit div div p {display: inline-block;margin: 0 var(--m12);width: 120px;height: 40px;text-align: center;line-height: 40px;font-weight: 600;font-size: var(--font16);border-radius: var(--border-radius8);}.showReserveDeposit div div span, .showReserveDeposit div div button {background-color: var(--Primary-500);color: var(--colorBlack);border: none;}.showReserveDeposit div div a {background-color: transparent;color: var(--Primary-500) !important;border: 1px solid var(--Primary-500);cursor: pointer;}.showReserveDeposit div div p {color: var(--Danger-500) !important;width: auto !important;}.aboutBarberStyle {position: relative;text-align: center;padding: 0 !important;}.aboutBarberStyle button {display: inline-block !important;height: 40px !important;width: 40px !important;position: absolute;top: -10px;left: -8px;border-radius: 50%;font-size: 40px;line-height: 40px;opacity: 0.9;z-index: 1000;background: transparent !important;border: none !important;padding: 0 !important;}.aboutBarberStyle img {width: 220px;height: 220px;border-radius: 50%;}.aboutBarberStyle p {font-weight: 600;margin-top: 10px;font-size: 16px;}.aboutBarberStyle pre {font-weight: 600;margin-top: 10px;font-size: var(--font15);line-height: 32px;text-align: right;padding-right: 20px;font-family: main, serif;white-space: pre-wrap;}.increaseStyle{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p8);margin-bottom: var(--m32);margin-top: var(--m8);}.increaseStyle span{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid var(--Accent-800);font-size: var(--font14);font-weight: 500;color: var(--Accent-300);}.increaseStyle span span{width: auto;border: none;color: var(--Accent-50);margin-right: var(--m4);}.increaseStyle div{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: var(--p8);margin-top: var(--m8);}.increaseStyle div button{width: 90px;height: 32px;text-align: center;line-height: 32px;font-size: var(--font16);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.increaseStyle div p{width: calc(100% - 100px);margin: 0!important;text-align: left;font-size: var(--font12);height: 32px;line-height: 32px!important;white-space: nowrap;padding: 0 var(--p8)!important;overflow: auto;}.aboutReserveStyle {text-align: center;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p8);width: 100%;}.aboutReserveStyle div {display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-50);border-radius: var(--border-radius8);margin: var(--m4) auto;width: 100%;}.aboutReserveStyle div span {margin: 0 !important;width: 50%;text-align: center;font-size: var(--font14);font-weight: 500;color: var(--Accent-900);height: 32px;line-height: 32px;padding: 0 !important;}.aboutReserveStyle div span:nth-child(1) {border-left: 1px solid var(--Accent-500);}.imgFix {width: 100%;height: auto;max-height: 60vh;}}