@charset "UTF-8";
/* Variables */
@font-face {
  font-family: "Filson Soft Bold";
  src: url("/v7/fonts/FilsonPro-Bold.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Filson Soft Regular";
  src: url("/v7/fonts/FilsonPro-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter 300";
  src: url("/v7/fonts/Inter-Light.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter 400";
  src: url("/v7/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter 500";
  src: url("/v7/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter 600";
  src: url("/v7/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter 700";
  src: url("/v7/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
:root {
  --groomit-red: #FF314A;
  --groomit-error-red: #D02B20;
  --groomit-red-hover: #EA2C43;
  --groomit-black: #2E2E2E;
  --groomit-gray: #7C868A;
  --groomit-font-family-p: "Inter", sans-serif;
  --groomit-font-size-p: 1.4rem;
  --groomit-font-weight-p: 400;
  --groomit-menu-width: 360px;
  --groomit-container-width: 430px;
  --groomit-container-width-expand: 800px;
  --groomit-container-width-expand-965: 965px;
  --groomit-footer-container-width: 1000px;
  --groomit-color-grey: #7C868A;
  --groomit-color-grey2: #8493A5;
  --groomit-background-main: #F2F2F2;
  --groomit-red-info: #EB5757;
  --groomit-yello-info: #E59700;
  --groomit-white: #FFFFFF;
  --groomit-row-width: 1320px;
  --groomit-button-hover: #DB2B40;
  --groomit-normal-gray: #BDC3C4;
  --groomit-hover-dark: #3A3A3F;
  --ff-inter-400: "Inter 400";
  --ff-inter-500: "Inter 500";
  --ff-inter-600: "Inter 600";
  --ff-inter-700: "Inter 700";
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  opacity: 0.7;
}

#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* opacity: 0.6; */
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 62.5%;
}

.position-relative {
  position: relative !important;
}

.v-a-middle {
  vertical-align: middle !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-space-between {
  justify-content: space-between !important;
}

.justify-content-to-left {
  justify-content: left !important;
}

.ms-auto {
  margin-left: auto !important;
}

.left-button,
.right-button {
  width: 200px !important;
}

.back-button {
  background-color: var(--groomit-black) !important;
  width: 200px !important;
}

.left-button {
  background-color: var(--groomit-black) !important;
  float: left;
}

.right-button {
  float: right;
}

.p-rigth {
  float: right;
}

.p-left {
  float: left;
}

.w-40 {
  width: 40%;
}

select {
  -webkit-appearance: none;
  /* Para Safari y Chrome */
  -moz-appearance: none;
  /* Para Firefox */
  appearance: none;
}

.gold {
  background: #ED9F00;
}

.eco {
  background: #3064A3;
}

.silver {
  background: #AEAEAE;
}

.badge-package {
  font-family: var(--ff-inter-600);
  font-size: 14px;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 14px;
  color: #FFF;
  position: relative;
  top: -5px;
}

.input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.input-container .icon-dog {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 27px;
  height: 24px;
  background-image: url("/v7/images/icons/icon-dog.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-cat {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 26px;
  height: 24px;
  background-image: url("/v7/images/icons/icon-cat.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-search {
  position: absolute;
  right: 17px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/search-normal.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-arrow {
  position: absolute;
  right: 17px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/arrow-down.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-calendar {
  position: absolute;
  right: 17px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/calendar.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-user {
  position: absolute;
  right: 17px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/icon-user.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input-container .icon-call {
  position: absolute;
  right: 17px;
  top: 14px;
  width: 22px;
  height: 22px;
  background-image: url("/v7/images/icons/call.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.input-container-middle {
  width: 48%;
}

.input-container input {
  padding-right: 30px;
}

.input-container .icon {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/sms.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.input-container .icon-location {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/location-red.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bagde_information {
  width: 123px;
  margin-right: 10px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 30px;
  color: var(--groomit-black);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 15px;
  padding-left: 45px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-family: var(--ff-inter-600);
  font-size: 14px;
  float: left;
  color: var(--groomit-black);
}

.bagde_information--check {
  background-image: url(/v7/images/icons/icon-check.svg);
}

.bagde_information--calendar {
  background-image: url(/v7/images/icons/icon-calendar.svg);
}

.bagde_information--scissors {
  background-image: url(/v7/images/icons/icon-scissors.svg);
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.m-auto {
  margin: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-1-5 {
  margin-top: 1.5rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-05 {
  padding: 0.5rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-05 {
  padding-left: 0.5rem !important;
}

.pr-05 {
  padding-right: 0.5rem !important;
}

.pt-05 {
  padding-top: 0.5rem !important;
}

.pb-05 {
  padding-bottom: 0.5rem !important;
}

.mb-05 {
  margin-bottom: 0.5rem !important;
}

.mt-05 {
  margin-top: 0.5rem !important;
}

.ml-05 {
  margin-left: 0.5rem !important;
}

.mr-05 {
  margin-right: 0.5rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pl-4-5 {
  padding-left: 4.5rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.w-100 {
  width: 100% !important;
}

.w-60 {
  width: 60% !important;
}

.w-50 {
  width: 50% !important;
}

.w-40 {
  width: 40% !important;
}

.w-25 {
  width: 25% !important;
}

.w-22 {
  width: 22% !important;
}

.w-15 {
  width: 15% !important;
}

.w-47 {
  width: 47% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.p15 {
  padding: 15px !important;
}

.w-80-m-auto {
  width: 80% !important;
  margin: auto;
}

.w-95-m-auto {
  width: 95% !important;
  margin: auto;
}

.h-100 {
  height: 100% !important;
}

.hidden {
  display: none !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fs-17 {
  font-size: 17px !important;
}

.sp_desk {
  display: inline;
}

.sp_mb {
  display: none;
}

a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--groomit-black);
  text-decoration: underline;
}

.v-a-top {
  vertical-align: top !important;
}

/*
@font-face {
    font-family: "Filson Soft Bold";
    src: url('../fonts/FilsonSoft-W03-Bold.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "Filson Soft Regular";
    src: url('../fonts/FilsonSoft-W03-Regular.ttf') format('truetype');
    font-weight: normal;
}
*/
.tooltip {
  position: relative;
  display: inline-block;
}

.bold-red {
  color: var(--groomit-red);
}

.bold {
  font-weight: 700 !important;
}

.appt__hasUpdate {
  position: absolute;
  width: 64px;
  right: 15px;
  background: #0A7170;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16.2846px;
  top: 15px;
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -0.02em;
}

.appt__hasID {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 11px;
  text-align: right;
}

.item__Appt__hasUpdate {
  /* position: absolute;*/
  width: 64px;
  /* right: 15px;*/
  background: #0A7170;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16.2846px;
  /* top: 15px;*/
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-left: 7px;
  position: relative;
  top: -2px;
}

.item__Appt__hasUpdate::before {
  content: "Updated";
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  content: "12212" !important;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -20px;
  left: 110%;
  margin-left: -60px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.color-white {
  color: #fff !important;
}

.color-green {
  color: #0A7170 !important;
}

.color-grey {
  color: var(--groomit-color-grey) !important;
}

.color-grey2 {
  color: var(--groomit-color-grey2) !important;
}

.text-red {
  color: var(--groomit-red);
}

.default-card {
  position: absolute;
  font-family: "Inter", sans-serif;
  font-size: 1.2rem !important;
  left: 200px;
  width: 60px;
  font-style: italic;
  padding: 5px;
  height: 30px;
  top: 20px;
  color: #FFF !important;
  font-family: var(--ff-inter-600);
  border-radius: 30px;
}

.verify-card {
  position: absolute;
  right: 40%;
  top: 25%;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.2rem !important;
  color: var(--groomit-red-info) !important;
}

.icon-center-vertical {
  margin-top: 10px !important;
}

.button-verify-card {
  border: 1px solid;
  border-color: var(--groomit-red-info) !important;
  padding: 5px 16px;
  border-radius: 15px;
  right: 7%;
  top: 14%;
}

.main__h1 {
  font-family: "Filson Soft Bold";
  font-size: 3.5rem;
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
}

.main__h1--small {
  font-size: 2rem;
  margin-bottom: 3rem;
}

.main__smallP {
  font-size: 1.2rem;
  color: var(--groomit-color-grey);
  font-family: "Inter", sans-serif;
  font-weight: normal;
}

.main__label--grey {
  color: var(--groomit-color-grey) !important;
}

.main__label--middel {
  font-size: 16px !important;
}

.main__label--regular {
  font-weight: 400 !important;
}

.main__p--wIcon {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.6rem !important;
}

.main__pIcon {
  margin-right: 14px;
}

.main__pIcon--small {
  margin-right: 6px;
}

.main__p--wIconCont {
  padding: 10px 15px;
}

.main__pIcon--groomerType {
  margin-right: 2px;
  margin-top: 6px;
}

.main__pIcon--groomer-near-you {
  margin-right: 2px;
  margin-top: 6px;
  width: auto !important;
  display: inherit !important;
}

.main__h2 {
  font-family: var(--ff-inter-700);
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #2E2E2E;
  font-weight: normal !important;
}

.main__h2__filson_bold {
  font-family: "Filson Soft Bold";
  font-size: 2.5rem;
  color: #2E2E2E;
  font-weight: normal !important;
}

.main__h3__inter_regular {
  font-family: var(--ff-inter-400);
  font-weight: 400;
  font-size: 1.8rem;
  color: #7C868A;
}

.title_step {
  font-family: var(--ff-inter-700);
  font-size: 18px;
  color: var(--groomit-black);
  margin-bottom: 1rem;
}

.simple__h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #7C868A;
}

.main__h2__regular {
  font-family: "Filson Soft Regular";
  font-size: 18px;
  margin-bottom: 1rem;
  color: #2E2E2E;
  font-weight: normal !important;
}

.main__h2__regular__300 {
  font-family: "Filson Soft Regular";
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #2E2E2E;
  font-weight: normal !important;
  margin-top: 3px;
}

.most-popular-tag {
  font-family: "Filson Soft Bold";
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 12px;
  letter-spacing: -0.02em;
  color: #FF314A;
  padding: 0 5px;
}

.main__h3 {
  font-family: "Filson Soft Bold";
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #2E2E2E;
  font-weight: normal !important;
}

.subtitle_right {
  font-family: var(--ff-inter-400);
  font-size: 14px;
  color: var(--groomit-gray);
  position: absolute;
  right: 5px;
  top: 0px;
}

.main__right_title {
  margin: 9px auto;
  width: 97%;
}

.sidebar__space_title_1 {
  width: 70%;
}

.sidebar__space_title_2 {
  width: 30%;
  text-align: right;
}

.comming_soon {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: var(--groomit-color-grey);
  position: absolute;
  width: 100%;
  right: 0px;
  top: -5px;
}

.main__h3__regular {
  font-family: "Filson Soft Regular";
  font-size: 16px;
  margin-bottom: 1rem;
  color: #2E2E2E;
}

.main__h3__regular__sm {
  font-family: "Filson Soft Regular";
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2rem;
  color: #2E2E2E;
}

.h3__inter_600_14 {
  font-family: var(--ff-inter-600);
  font-size: 14px;
  margin-bottom: 2rem;
  color: var(--groomit-black);
}

.h3__inter_700_22 {
  font-family: var(--ff-inter-700);
  font-size: 22px;
  margin-bottom: 2rem;
  color: var(--groomit-black);
}

.main__h5 {
  font-family: "Filson Soft Regular";
  font-style: normal;
  font-weight: normal !important;
  font-size: 1.5rem;
  line-height: 20px;
  color: #2E2E2E;
  margin: 0px;
}

.header--wa__h1 {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  font-weight: normal;
  margin: 0;
}

p {
  font-family: var(--groomit-font-family-p);
  font-weight: var(--groomit-font-weight-p);
  font-size: var(--groomit-font-size-p);
  color: var(--groomit-black);
  margin: 0;
  padding: 0;
}

.main__subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--groomit-color-grey);
  margin: 0;
  padding: 0;
}

.header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
}

.header__center {
  width: 33.3%;
  margin: auto 0 auto 33.3%;
  text-align: center;
}

.header__right {
  margin: auto 0;
  width: 33.3%;
  display: flex;
  align-items: flex-end;
  justify-content: end;
}

.header__logo {
  max-width: 100%;
  width: 95%;
  transition: 0.3s;
}

.header__logo.header__logo--2 {
  width: 150px;
  height: 49px;
}

.header__button {
  width: 120px;
  height: 40px;
  border-radius: 30px;
  text-align: center;
  background-color: var(--groomit-red);
  border: 1px solid;
  border-color: var(--groomit-red);
  color: #fff;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.6rem;
  transition: 0.3s;
  padding-top: 8px;
  text-decoration: none;
}

.header__a {
  display: inline-block;
}

.header__a--help {
  margin: auto 25px auto 25px;
  font-family: "Filson Soft Regular";
  font-weight: normal;
  font-size: 1.8rem;
  color: var(--groomit-black);
  text-decoration: none;
}

.header__a--help:hover {
  transition: 0.3s;
  color: var(--groomit-red-hover);
}

.header__iconImg {
  vertical-align: middle;
  width: auto;
  height: 21px;
}

.main {
  min-height: calc(100vh - 100px);
  background-color: #fafafa;
  max-width: 100%;
  padding: 15px 0;
}

.main.main--wBottomBanner {
  position: relative;
  padding-bottom: 100px;
}

.main__container {
  width: var(--groomit-container-width);
  margin: auto;
  padding: 0 15px;
  max-width: 100%;
  margin-top: 35px;
}

.main__container__800 {
  width: var(--groomit-container-width-expand-965);
  margin: auto;
  padding: 0 15px;
  max-width: 100%;
  margin-top: 35px;
}

.line-container {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 15px 0px 15px 0px;
}

.line {
  flex-grow: 1;
  height: 1px;
  background-color: #C9CFD4;
}

.or-text {
  margin: 0 20px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #7C868A;
}

.main__container__extend {
  width: 588px !important;
}

.main__label__modal {
  padding: 0 10px;
  margin: 0 0 8px 0;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--groomit-black);
}

.main__box__transparent {
  background: transparent;
  width: 100%;
  margin: auto;
  padding: 2px;
  box-sizing: border-box;
  border-bottom: 1px solid #DADADA;
}

.main__action {
  cursor: pointer;
}

.box-pet-selected {
  position: relative;
}
.box-pet-selected .checkmark {
  left: 5px;
  top: -15px;
}
.box-pet-selected .total-price {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #2E2E2E;
}
.box-pet-selected .badge_gold {
  background-color: #D6AF5B;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 110px;
  text-align: center;
  margin-top: 5px;
}
.box-pet-selected .badge_eco {
  background-color: #3959A0;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 110px;
  text-align: center;
  margin-top: 5px;
}
.box-pet-selected .badge_silver {
  background-color: #AEAEAE;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 135px;
  text-align: center;
  margin-top: 5px;
}

.main__curveBox__no_padding {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  margin: auto;
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.main__curveBox__no_padding p.main__p {
  font-size: 12px;
}
.main__curveBox__no_padding .photo_pet__info img {
  border-bottom-right-radius: 30px;
}
.main__curveBox__no_padding .section {
  width: 100%;
  margin: auto;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 0px;
  position: relative;
}
.main__curveBox__no_padding .section .content--edit {
  background-image: url(/v6/images/icons/edit-negative.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 25px;
  width: 25px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  right: 20px;
  top: 10px;
}
.main__curveBox__no_padding .section .gallery .pet {
  margin-right: 2px;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
}
.main__curveBox__no_padding .section .gallery a {
  color: var(--groomit-red);
  text-decoration: none;
}

.wa__profilePetNameAndBreed,
.wa__profilePetSize {
  width: calc(50% - 15px);
  overflow-wrap: break-word;
}

.content--edit.content--edit--square {
  background-image: url(/v6/images/icons/edit.svg) !important;
}

.main__curveBox {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  /* box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);*/
  border-radius: 20px;
  width: 100%;
  margin: auto;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}

.option__box {
  background: #FFFFFF;
  border: 1px solid #BEC3C5;
  /* padding: 0px; */
  margin: 0;
  width: calc(16.6666666667% - 6px);
  /* height: 50px; */
  border-radius: 15px;
  /* width: 100%; */
  /* margin: auto; */
  padding: 0;
  height: 44px;
  box-sizing: border-box;
  /* margin-bottom: 40px; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.option__box p {
  font-family: var(--ff-inter-400);
  color: var(--groomit-black);
  font-size: 1.6rem;
}
.option__box p.option_box_more {
  background-image: url(/v7/images/icons/pencil.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
}

.option__box:last-child {
  margin-right: 0;
}

.option__box__35 {
  width: calc(35% - 5px);
}

.w-auto {
  width: auto;
}

.h-300 {
  height: 300px !important;
}

.h-500 {
  height: 500px !important;
}

.box__static_info {
  padding: 15px 20px !important;
  position: relative;
}
.box__static_info .main__h3 {
  font-family: var(--ff-inter-600);
  font-size: 14px;
  color: var(--groomit-black);
}
.box__static_info .description {
  position: absolute;
  right: 15px;
  top: 15px;
}

.h-700 {
  height: 700px !important;
}

.box__header_pet_profile .main__button.main__button--actions {
  float: left;
  height: 48px !important;
  font-family: var(--ff-inter-600);
  font-size: 16px;
  padding-left: 48px !important;
}
.box__header_pet_profile .main__button--action--edit {
  background-image: url("/v7/images/icons/icon-white-edit.svg");
  color: var(--groomit-white) !important;
  background-color: var(--groomit-black) !important;
  width: 110px !important;
}
.box__header_pet_profile .main__button--action--trash {
  background-image: url("/v7/images/icons/icon-white-trash.svg");
  color: var(--groomit-white) !important;
  background-color: var(--groomit-red) !important;
  width: 148px !important;
}
.box__header_pet_profile .image_pet_profile {
  background-image: url(/v7/images/icons/pet-profile.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  float: left;
  height: 170px;
  width: 170px;
  margin-top: 5px;
  border-radius: 50%;
  border: 3px solid #FFF;
}
.box__header_pet_profile h3 {
  font-family: "Filson Soft Bold";
  font-size: 3rem;
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
}
.box__header_pet_profile p {
  font-family: var(--ff-inter-400);
  font-size: 18px;
  color: var(--groomit-gray);
}

.box__to_add_element {
  background: #FFFFFF;
  margin: 0;
  width: calc(100% - 5px);
  border-radius: 20px;
  padding: 11px;
  box-sizing: border-box;
  position: relative;
  margin-right: 5px;
  height: 75px;
  margin-bottom: 11px;
}
.box__to_add_element p {
  font-family: var(--ff-inter-400);
  color: var(--groomit-black);
  font-size: 16px;
}
.box__to_add_element .image_pet {
  background-image: url(/v7/images/pet.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
  height: 42px;
  float: left;
  width: 6%;
  margin-top: 5px;
}
.box__to_add_element .icon_plus {
  background-image: url(/v7/images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
  height: 42px;
  float: left;
  width: 6%;
  margin-top: 5px;
  cursor: pointer;
}
.box__to_add_element .description {
  float: left;
}
.box__to_add_element .description .main__p {
  font-family: var(--ff-inter-600);
  color: var(--groomit-black);
  font-size: 16px;
}
.box__to_add_element .description .second__p {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}
.box__to_add_element .description_pet .main__p {
  font-family: var(--ff-inter-600);
  color: var(--groomit-black);
  font-size: 16px;
}
.box__to_add_element .description_pet .second__p {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}

.box__added_element {
  background: #FFFFFF;
  margin: 0;
  width: calc(100% - 5px);
  border-radius: 20px;
  padding: 11px;
  box-sizing: border-box;
  position: relative;
  margin-right: 5px;
  height: 150px;
  margin-bottom: 11px;
}
.box__added_element .content-address {
  position: absolute;
  top: 20px;
  left: 64px;
}
.box__added_element .content-address h3 {
  font-family: var(--ff-inter-600);
  font-size: 16px;
  color: var(--groomit-black);
  margin-bottom: 0px;
}
.box__added_element .content-address p {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}
.box__added_element .update__button {
  position: absolute;
  right: 10px;
  top: 16px;
  min-width: 57px;
}
.box__added_element .location {
  position: relative;
  top: 0px;
  width: 36px;
  height: 37px;
  background-image: url(/v7/images/icons/icon-location.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 2px;
}
.box__added_element p {
  font-family: var(--ff-inter-400);
  color: var(--groomit-black);
  font-size: 16px;
}
.box__added_element .pet__status {
  position: absolute;
  right: 16px;
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-black);
}
.box__added_element .pet__status.pet__status--price {
  font-family: var(--ff-inter-600);
  font-size: 22px;
  color: var(--groomit-red);
  top: 10px;
}
.box__added_element .pet__status_details.pet__status_details--service-fee-included {
  font-family: var(--ff-inter-400);
  font-size: 10px;
  color: var(--groomit-black);
}
.box__added_element .pet__status_details {
  position: absolute;
  right: 16px;
  top: 40px;
  font-family: var(--ff-inter-400);
  font-size: 12px;
  color: var(--groomit-yello-info);
}
.box__added_element .image_pet {
  background-image: url(/v7/images/pet.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
  height: 42px;
  float: left;
  width: 6%;
  margin-top: 5px;
}
.box__added_element .image_pet_no_photo {
  background-image: url(/v7/images/icons/pet_no_photo.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
  height: 42px;
  float: left;
  width: 6%;
  margin-top: 5px;
}
.box__added_element .description_pet .main__p {
  font-family: var(--ff-inter-600);
  color: var(--groomit-black);
  font-size: 16px;
}
.box__added_element .description_pet .second__p {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}
.box__added_element .size_info {
  background-color: rgba(124, 134, 138, 0.1019607843);
  border-radius: 20px;
  padding: 10px 20px;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  position: absolute;
  left: 0px;
}
.box__added_element .size_info .vertical-line {
  height: 40px;
  float: left;
}
.box__added_element .size_info .info-1 {
  margin-right: 15px;
  float: left;
  width: 26%;
}
.box__added_element .size_info .info-2 {
  margin-left: 15px;
  float: left;
  width: 30%;
}
.box__added_element .size_info p {
  font-family: var(--ff-inter-500);
  font-size: 12px;
  color: var(--groomit-black);
  text-transform: uppercase;
}
.box__added_element .size_info span {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}

.box__added_element--address {
  height: 180px;
}
.box__added_element--address .main__label {
  font-family: var(--ff-inter-600);
  font-size: 12px;
  color: var(--groomit-black);
}

.line-horizontal-gradient {
  height: 2px;
  background: linear-gradient(to left, #C9CFD4, transparent);
  border: none;
  width: 65%;
  float: right;
}

.line-horizontal-full {
  height: 1px;
  background: #C9CFD4;
  border: none;
  width: 100%;
  margin-bottom: 30px;
}

.option_box_more {
  width: calc(25% - 5px);
}

.option__box_selected {
  background-color: #ffF;
  border: 2px solid var(--groomit-red);
}
.option__box_selected p {
  color: #2E2E2E;
  font-weight: 600;
  font-family: var(--ff-inter-600);
}

.main__curveBox__transparent {
  background: transparent;
  border: none;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
}

.main__curveBox__empty_padding {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}

.warning__in_box {
  background-color: #F7D752;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 55px;
  padding-top: 18px;
  text-align: left;
  padding-left: 20px;
}
.warning__in_box img {
  margin-right: 7px;
}
.warning__in_box .main__p {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.5rem;
}

.danger__in_box {
  background-color: #EB5757;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 55px;
  padding-top: 18px;
  text-align: left;
  padding-left: 20px;
}
.danger__in_box img {
  margin-right: 7px;
}
.danger__in_box .main__p {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.5rem;
  color: #FFFFFF;
}

.warning__in_box_detail {
  background-color: #FFF1B9;
  padding: 25px;
  text-align: center;
}

.danger__in_box_detail {
  background-color: #F3E3E5;
  padding: 25px;
  text-align: center;
}

.container-addons .col-5 {
  flex: 0 0 auto;
  width: 47.666667%;
}

.main__curveBox__addons {
  background: #FFFFFF;
  border: 1px solid #BEC3C5;
  /* box-shadow: 0px 4px 24px rgb(0 0 0 / 10%); */
  border-radius: 10px;
  width: 100%;
  margin: auto;
  padding: 5px 0px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.main__curveBox__addons .main__p {
  font-family: var(--ff-inter-500);
  font-size: 16px;
  color: var(--groomit-black);
}
.main__curveBox__addons .limited_time {
  font-family: var(--ff-inter-600);
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
  background-color: #ED9F00;
  border-radius: 15px;
  padding: 4px 17px;
  text-align: center;
}
.main__curveBox__addons .icon-arrow {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/arrow-down.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.optional__addons {
  position: relative;
}
.optional__addons .main__p {
  font-family: var(--ff-inter-700);
  font-size: 14px;
  color: var(--groomit-black);
  text-transform: uppercase;
}

.badge-limited-time {
  border-radius: 5px 5px 0px 0px;
  background: var(--ve-care-petrol-inactive, #D4E7E7);
  width: 103px;
  height: 19.987px;
  flex-shrink: 0;
  color: var(--grey-primary, #2E2E2E);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Filson Soft Bold";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  padding: 5px 15px 7px;
  margin-left: 15px;
}

.badge-limited-time__for_modal {
  border-radius: 5px 5px 0px 0px;
  background: var(--ve-care-petrol-inactive, #D4E7E7);
  width: 103px;
  height: 19.987px;
  flex-shrink: 0;
  color: var(--grey-primary, #2E2E2E);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Filson Soft Bold";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 0px;
  position: absolute;
  top: -19px;
  left: 13px;
}

.main__curveBox__bundle {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  /* box-shadow: 0px 4px 24px rgb(0 0 0 / 10%); */
  border-radius: 10px;
  width: 83%;
  /* margin: auto;*/
  padding: 5px 0px;
  box-sizing: border-box;
  margin-bottom: 40px;
  height: 55px;
}

.main__curveBox__bundle_save_price {
  background: #3959A0;
  border: 1px solid #3959A0;
  color: #FFFFFF;
  /* box-shadow: 0px 4px 24px rgb(0 0 0 / 10%); */
  border-radius: 10px;
  width: 20%;
  /* margin: auto;*/
  padding: 0px 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
  height: 55px;
}
.main__curveBox__bundle_save_price p.main__p {
  color: #FFF;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 128.571% */
}

.main__curveBox__bundle,
.main__curveBox__bundle_save_price {
  position: relative;
}

.main__curveBox__bundle {
  z-index: 2;
}

.main__curveBox__bundle_save_price {
  margin-left: -12px;
}

.main__curveBox_modal_addons {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  margin: auto;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}
.main__curveBox_modal_addons .main__curveBox__addons {
  padding: 5px 10px !important;
}

.curveBox__middel {
  width: 37%;
  float: left;
}

.main__curveBox--click {
  cursor: pointer;
}

.main__curveBox.disabled {
  opacity: 0.35;
}

.main__inputGroup {
  margin-bottom: 20px;
  position: relative;
}

.guide_next_field_to_complete {
  border: 1px solid #A7B6C9;
  border-radius: 10px;
}

.main__label {
  padding: 0 15px;
  margin: 0 0 8px 0;
  display: block;
  font-family: "Inter 600";
  font-size: 16px;
  color: var(--groomit-black);
}

.labelIcon {
  vertical-align: middle;
}

.main__labelWithIconCont {
  margin-bottom: 8px;
  padding-right: 15px;
}

.main__labelWithIconCont .main__label {
  margin-bottom: 0;
}

.main__input {
  /*  background: #FFFFFF;
      border: 1px solid #D9D9D9;
  */
  background: rgba(242, 242, 242, 0);
  border: 1px solid #BEC3C5;
  border-radius: 33px;
  height: 52px;
  width: 100%;
  padding: 5px 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--groomit-black);
}

/** border line GUIDE user **/
.main__input:focus {
  border-color: #A7B6C9 !important;
  border: 1px solid;
  outline: none;
  /* Esto evita el resaltado predeterminado del input en algunos navegadores */
}

/** .main__input--select:focus {
    border-color: #A7B6C9 !important;
    border: 1px solid !important;
    outline: none !important; /* Esto evita el resaltado predeterminado del input en algunos navegadores 
}
**/
.select__package_container .box-two {
  padding-left: 2rem;
}
.select__package_container .package_container .package_container__description {
  padding-left: 2rem !important;
  margin-right: 4rem !important;
}
.select__package_container .package_container .package_container__price {
  padding-left: 3rem !important;
  text-align: center;
}

.select2-selection--single:focus {
  border: 2px solid #A7B6C9;
  border-color: #A7B6C9 !important;
  outline: none !important;
}

.border-guide {
  border-color: #A7B6C9 !important;
  border: 1px solid;
}

.border-unselect {
  border-color: rgba(124, 134, 138, 0.5019607843) !important;
  border: 1px solid;
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  color: #444;
  left: 5px;
  font-family: "Inter", sans-serif;
}

.input-icon > input {
  padding-left: 25px;
  padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

.main__input::-moz-placeholder {
  color: #7C868A;
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.main__input::placeholder {
  color: #7C868A;
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.main__input--select {
  background-image: url(../images/icons/select-arrow.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 18 px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.main__input--textarea {
  background-color: var(--groomit-background-main);
  min-height: 80px;
  border-radius: 20px;
  resize: vertical;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #7C868A;
  color: var(--groomit-gray);
  padding: 15px 5px 5px 19px;
  font-family: var(--ff-inter-400);
  font-size: 15px;
  height: 140px;
}

.main__button {
  min-width: 120px;
  height: 40px;
  border-radius: 30px;
  text-align: center;
  background-color: var(--groomit-red);
  border: 1px solid;
  border-color: var(--groomit-red);
  color: #fff;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.6rem;
  transition: 0.2s;
  padding: 0px 15px;
}

.groomit_link {
  text-decoration: none;
  padding: 10px 25px !important;
}

.groomit__button__outline {
  background-color: transparent;
  border: 1px solid var(--groomit-red);
  color: var(--groomit-red);
  font-family: var(--groomit-button-font-family);
  font-size: 1.6rem;
  padding: 0;
  border-radius: 30px;
  outline: none;
  height: 38px;
  width: 95px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  padding: 5px 22px;
  display: -webkit-inline-box;
  text-decoration: none;
}

.secondary__button {
  min-width: 180px;
  height: 40px;
  border-radius: 30px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: var(--groomit-black);
  color: var(--groomit-black);
  box-shadow: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.6rem;
  transition: 0.2s;
  padding: 0px 15px;
}

.main__button:hover,
.header__button:hover {
  background-color: var(--groomit-red-hover);
}

.main__button--logIn,
.main__button--signUp {
  margin-bottom: 5px;
}

.box-fix-height-75 {
  height: 75.4px;
}

/** Checkbox **/
/* The container */
.main__input__checkbox__container {
  display: block;
  position: relative;
  padding-left: 0px;
  /* margin-bottom: 12px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-top: 5px;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--groomit-black);
}

.checkbox__align_text_left {
  text-align: left;
  float: left;
}

.p-left {
  float: left;
}

.text_checkbox_cancellation {
  margin-left: 60px;
}

/* Hide the browser's default checkbox */
.main__input__checkbox__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 25px;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 5px;
  border-color: #7C868A;
  border: 1px solid #7C868A;
}

.checkmark-l10 {
  left: 10px !important;
}

.text-groomit-red {
  color: #FF314A;
}

.checkmark-circle {
  position: absolute;
  top: -10px;
  left: -3px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.main__input__checkbox__container:hover input ~ .checkmark {
  background-color: #ccc;
}

.main__input__checkbox__container:hover input ~ .checkmark-circle {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.main__input__checkbox__container input:checked ~ .checkmark {
  background-color: #FF314A;
  border: 1px solid #FF314A;
}

.main__input__checkbox__container input:checked ~ .checkmark-circle {
  background-color: #FF314A;
  border: 1px solid #FF314A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-circle {
  border: 2px solid #FF314A;
}

.card-pet.selected .checkmark-circle {
  border: none;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkmark-circle:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.main__input__checkbox__container input:checked ~ .checkmark:after {
  display: block;
}

.main__input__checkbox__container input:checked ~ .checkmark-circle:after {
  display: block;
}

/* Style the checkmark/indicator */
.main__input__checkbox__container .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.main__input__checkbox__container .checkmark-circle:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.owl-carousel .main__input__checkbox__container .checkmark-circle:after {
  left: 10px;
  top: 7px;
}

.main__button.main__button--socialSign {
  width: 123px;
  margin-right: 10px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 30px;
  color: var(--groomit-black);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 15px;
  padding-left: 45px;
  padding-right: 5px;
  text-align: left;
  font-size: 14px;
  float: left;
}

.main__button--apple {
  background-image: url("/v7/images/icons/apple-icon.svg");
}

.main__button--google {
  background-image: url("/v6/images/google-icon.svg");
}

.main__button--facebook {
  background-image: url("/v6/images/facebook-icon.svg");
  margin-bottom: 30px;
}

.main__button.main__button--actions {
  width: 96px;
  height: 34px;
  margin-right: 10px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 30px;
  color: var(--groomit-black);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 15px;
  padding-left: 45px;
  padding-right: 5px;
  text-align: left;
  font-family: var(--ff-inter-500);
  font-size: 14px;
  float: right;
  text-transform: uppercase;
  min-width: 85px !important;
}

.main__button--action--view {
  background-image: url("/v7/images/icons/eye.svg");
  /* border: 1px solid #7C868A80 !important;
  color: #7C868A80 !important; */
  border: 1px solid var(--groomit-black) !important;
  color: var(--groomit-black) !important;
}

.main__button--action--edit {
  background-image: url("/v7/images/icons/edit-icon.svg");
  border: 1px solid var(--groomit-black) !important;
  color: var(--groomit-black) !important;
}

.main__button--action--resume {
  border: 1px solid var(--groomit-black) !important;
  color: var(--groomit-black) !important;
  padding-left: 0px !important;
  text-align: center !important;
  padding-right: 0px !important;
}

.main__button--action--trash {
  background-image: url("/v7/images/icons/trash.svg");
  border: 1px solid var(--groomit-red) !important;
  color: var(--groomit-red) !important;
  width: 120px !important;
}

.main__button:disabled {
  background-color: #DADADA;
  border-color: #DADADA;
}

.main__a {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--groomit-black);
  text-decoration: underline;
}

.main__a:hover {
  text-decoration: none;
}

.main__a.main__a--form {
  margin-left: 15px;
}

.main__a.main__a--overButton {
  margin-bottom: 30px;
}

.main__blueLink {
  color: #FF314A;
}

.main__redLink {
  color: #FF314A;
}

.main__inputGroup--socialSign {
  margin-bottom: 12px;
  padding-bottom: 0;
}

.main__p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--groomit-gray);
}

.main__p_step {
  font-family: var(--ff-inter-500);
  font-weight: 400;
  font-size: 14px;
  color: var(--groomit-gray);
}

.vertical-line {
  border-right: 1px solid #C9CFD4;
  height: 175px;
  width: 0%;
}

.row-service {
  display: flex;
  justify-content: space-between;
  align-items: flex-start !important;
}
.row-service .main__curveBox {
  margin-bottom: 20px;
}

.main__p_600 {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--groomit-black);
}

.help_title {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 12px;
  color: var(--groomit-black);
  background-image: url(/v7/images/icons/info-circle.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
}

.help_list {
  color: var(--groomit-gray);
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
}

.help_list li {
  margin-bottom: 12px;
}

.help__icon {
  background-image: url(/v7/images/icons/info.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  position: relative;
  width: 100%;
  height: 300px;
}

.no_underline {
  text-decoration: none;
}

.main__p__16 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--groomit-black);
}

.grey {
  color: var(--groomit-color-grey);
}

.main__p__14 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--groomit-black);
}

.main__p b {
  font-weight: 600;
}

.main__p__16 b {
  font-weight: 600;
}

.main__inputValueB {
  padding-bottom: 4px;
  display: inline-block;
}

.main__inputValueP {
  font-weight: 600;
}

.blueLink {
  text-decoration: none;
  color: #3064A3;
}

.redLink {
  text-decoration: none;
  color: #EB5757;
}

.footer__nav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #333;
  text-align: center;
  padding: 20px 0;
}
.footer__nav .footer__container {
  width: var(--groomit-footer-container-width);
  margin: auto;
  padding: 0 15px;
  max-width: 100%;
  margin-top: 35px;
  background-color: #FFF;
  border-radius: 0;
}

.footer {
  height: 50px;
  box-sizing: border-box;
  margin: 0;
  background: var(--groomit-black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__p {
  text-align: center;
  color: #fff;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  padding-left: 25px;
  padding-right: 25px;
}

.bottomDogs {
  background-image: url(/v7/images/dog-cat.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  position: relative;
  width: 100%;
  height: 300px;
}

.dog_cat_signup {
  background-image: url(/v7/images/dog-cat.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  position: relative;
  width: 100%;
  height: 300px;
  bottom: -45px;
}

.footer {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 60px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  background-color: var(--groomit-black);
}

.footer__left {
  width: 70%;
  margin: auto 0;
  text-align: left;
}

.footer__right {
  margin: auto 0;
  width: 30%;
  display: flex;
  align-items: flex-end;
  justify-content: end;
}

.footer__ul {
  padding-left: 25px;
  padding-right: 25px;
  list-style: none;
  display: flex;
}

.footer__li {
  float: left;
  margin-right: 20px;
}

.footer__li--divider {
  color: #FFFFFF;
  font-family: "Filson Soft Regular";
  font-weight: 400;
  font-size: 1.4rem;
}

.footer__a {
  color: #FFFFFF;
  font-family: "Filson Soft Regular";
  font-weight: 400;
  font-size: 1.4rem;
  text-decoration: none;
}

.footer__a:hover {
  text-decoration: underline;
}

.footer__help {
  background: #727272;
  width: 100%;
  text-align: center;
  height: 55px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.footer__needHelp {
  font-family: "Filson Soft Regular";
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
  margin: auto;
}

.footer__needHelp a {
  margin-left: 0.5rem;
}

a.footer__helpLink {
  color: #fff;
  text-decoration: none;
}

a.footer__helpLink:hover {
  text-decoration: underline;
}

.main__inputGroup--password {
  position: relative;
}

.main__showPassword,
.main__showPassword__confirm,
.main__showPassword__current {
  position: absolute;
  color: var(--groomit-color-grey);
  font-family: "Filson Soft Regular";
  font-weight: 400;
  font-size: 1.4rem;
  cursor: pointer;
  position: absolute;
  right: 17px;
  top: 47px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/icons/eye-slash.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.inputError {
  margin: 0;
  padding: 1px 15px 0 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: var(--groomit-red);
  display: none;
}

.main__inputGroup.main__inputGroup--required.error .inputError {
  display: inline-block;
}

.main__inputGroup.main__inputGroup--required.error .main__input {
  border-color: var(--groomit-red);
}

.main__disclaimer {
  margin-bottom: 30px;
}

.main__profilePhoto {
  width: 100px;
  height: 100px;
  background-color: #F3E3E5;
  border-radius: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("/v6/images/profile-avatar.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.main__profilePhoto.main__profilePhoto--pet {
  background-image: url("/v6/images/icons/pet-avatar.svg");
}

.add__action {
  font-size: 16px;
}

.img_in_add__box {
  position: relative;
  top: 3px;
}

.main__editButton {
  background: none !important;
  border: none;
  padding: 0 !important;
  margin: 0;
  position: absolute;
  bottom: -3px;
  right: 3px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 2;
}

.main__profilePhotoLabelCont {
  width: calc(100% - 100px);
}

.main__inputGroup--profilePhoto {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__steps {
  width: 100%;
  margin-bottom: 30px;
}

.main__stepsUl {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  margin: 0;
  z-index: 2;
}

.main__stepsLi {
  float: left;
  margin-right: 0;
  z-index: 2;
  position: relative;
  width: 100%;
}

.main__stepsLi.current .iconCurrent,
.main__stepsLi.prev .iconPrev,
.main__stepsLi.complete .iconcomplete {
  display: inline-block;
}

.main__stepsLi.current .iconPrev,
.main__stepsLi.current .iconComplete {
  display: none;
}

.main__stepsLi.prev .iconCurrent,
.main__stepsLi.prev .iconComplete {
  display: none;
}

.main__stepsLi.complete .iconCurrent,
.main__stepsLi.complete .iconPrev {
  display: none;
}

.main__skipA {
  color: #0071E3;
  font-size: 1.4rem;
  margin: auto;
  padding: 0;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.main__stepsBg {
  height: 1px;
  width: calc(100% - 25px);
  background-color: var(--groomit-red);
  position: absolute;
  left: 25px;
  top: 12px;
}

.main__stepsBg,
.main__stepsLi.current .main__stepsBg {
  opacity: 0.2;
}

.main__stepsLi.complete .main__stepsBg {
  opacity: 1;
}

.main__maingLogo {
  margin: 40px auto;
  display: block;
}

.main__check-green {
  margin: 30px auto 55px auto;
  display: block;
}

.main__contKeyInputs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__inputGroup--key {
  width: 40px;
  display: flex;
  margin: auto;
}

.main__inputGroup--key:first-child {
  margin-left: 0;
}

.main__inputGroup--key:last-child {
  margin-right: 0;
}

.main__inputGroup--key .main__input {
  border: 2px solid #7C868A;
  border-radius: 5px;
  height: 50px;
  padding: 0;
  text-align: center;
  font-family: "Filson Soft Bold";
  font-size: 1.6rem;
}

.main__inputGroup--key .main__input.main__input--numberRed {
  color: #EB5757;
  border: 2px solid #EB5757;
}

.main__inputGroup--key .main__input--number::-webkit-outer-spin-button,
.main__inputGroup--key .main__input--number::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
}

.floatingMessage {
  width: 470px;
  height: 70px;
  top: 95px;
  left: calc(50% + 195px);
  position: absolute;
  z-index: 2;
  max-width: calc(100% - 390px - (50% - 195px) - 15px);
}

.floatingMessage__cont {
  background: rgba(46, 46, 46, 0.7);
  border-radius: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 70px;
  padding: 15px 27px 15px 15px;
}

.floatingMessage__p {
  color: #fff;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2rem;
}

.floatingMessage__icon {
  margin-right: 10px;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: bottom;
}

.floatingMessage__button {
  position: absolute;
  right: 15px;
  top: 29px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  outline: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}

.main__inputGroup--multipleButtons {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.main__inputGroup--multipleButtons input[type=checkbox] {
  display: none;
}

.main__inputGroup--multipleButtons label {
  position: relative;
  margin: 0;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.main__inputGroup--multipleButtonsx2 label {
  width: 50%;
}

.main__inputGroup--multipleButtonsx3 label {
  width: 33.33%;
  border-radius: 0;
}

.main__inputGroup--multipleButtonsx4 label {
  width: 25%;
  border-radius: 0;
}

.main__inputGroup--multipleButtonsx5 label {
  width: 20%;
  border-radius: 0;
}

.main__inputGroup--multipleButtonsCustomizable label {
  width: inherit;
  border-radius: 0;
  position: relative;
  z-index: 0;
}

.main__inputGroup--multipleButtonsx6 label {
  width: 16.66%;
  border-radius: 0;
}

.main__inputGroup--multipleButtons label .multipleButtons__content {
  width: 100%;
}

.main__inputGroup--multipleButtons input:checked + .multipleButtons__content {
  background-color: var(--groomit-red);
  color: #fff;
}

.main__inputGroup--multipleButtons input + .multipleButtons__content {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F2F2F2;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--groomit-black);
  text-align: center;
}

.buttons__N__Borders {
  position: relative;
  border-radius: 10px;
}

/* Estilos para el borde (antes del contenedor) */
.buttons__N__Borders::before {
  content: "";
  position: absolute;
  z-index: 2;
  /* Asegura que el borde esté por encima */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid;
  border-radius: 10px;
}

/* Estilos para los elementos label */
.js-label-size {
  position: relative;
  z-index: 1;
  /* Colócalos por debajo del borde */
  /* Otros estilos que desees aplicar */
}

.buttons__N__Borders input + .multipleButtons__content {
  border-radius: 0px !important;
}

.main__inputGroup--multipleButtons .price_desc {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: var(--groomit-color-grey);
  display: contents;
  line-height: 20px;
}

.main__inputGroup--multipleButtons input:checked + .multipleButtons__content p {
  background-color: var(--groomit-red);
  color: #fff;
}

.main__inputGroup--multipleButtons input:checked + .multipleButtons__content span {
  color: #fff;
}

.main__inputGroup--multipleButtons input + .multipleButtons__content p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: var(--groomit-black);
  text-align: center;
  padding: 0;
  margin: 0;
}

.greyout__input {
  background-color: #f1f1f1 !important;
  border: none;
}

.main__inputGroup--multipleButtons.main__inputGroup--multipleButtonsx3 .multipleButtons__content,
.main__inputGroup--multipleButtons.main__inputGroup--multipleButtonsx4 .multipleButtons__content,
.main__inputGroup--multipleButtons.main__inputGroup--multipleButtonsx5 .multipleButtons__content,
.main__inputGroup--multipleButtons.main__inputGroup--multipleButtonsx6 .multipleButtons__content {
  border-radius: 0;
}

.main__inputGroup--multipleButtonsx5 label:last-child .multipleButtons__content,
.main__inputGroup--multipleButtonsx4 label:nth-child(4) .multipleButtons__content,
.main__inputGroup--multipleButtonsx3 label:nth-child(3) .multipleButtons__content,
.main__inputGroup--multipleButtonsx2 label:nth-child(2) .multipleButtons__content,
.main__inputGroup--multipleButtonsx1 label:nth-child(1) .multipleButtons__content {
  border-radius: 0 10px 10px 0;
}

.main__inputGroup--multipleButtons label:first-child .multipleButtons__content {
  border-radius: 10px 0 0 10px;
}

.multipleButtonsDivider {
  width: 1px;
  height: 40px;
  top: 5px;
  right: 0;
  position: absolute;
  background-color: #DADADA;
}

.main__inputGroup--multipleButtonsx5 label:last-child .multipleButtonsDivider,
.main__inputGroup--multipleButtonsx4 label:nth-child(4) .multipleButtonsDivider,
.main__inputGroup--multipleButtonsx3 label:nth-child(3) .multipleButtonsDivider,
.main__inputGroup--multipleButtonsx2 label:nth-child(2) .multipleButtonsDivider,
.main__inputGroup--multipleButtonsx1 label:nth-child(1) .multipleButtonsDivider {
  display: none;
}

.multipleButtons__contentSent {
  font-weight: 400;
}

.main__inputGroup--multipleButtons label:last-child .multipleButtonsDivider {
  display: none;
}

.main__line-divider {
  width: 100%;
  height: 1px;
  background-color: #DADADA;
  margin: 5px 0;
}

.main__line-divider--internal {
  width: 85%;
  height: 1px;
  background-color: #DADADA;
  margin: auto;
}

.divider__after_title {
  width: 40%;
  height: 1px;
  background-color: #C9CFD4;
  margin: auto;
}

.main__line-divider--green {
  width: 100%;
  height: 1px;
  background-color: #0A7170;
  margin: auto;
}

.main__inputGroup--switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main__inputGroup--switch .main__label {
  margin-bottom: 0;
}

.main__witchBtn {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
  text-align: left;
}

.main__witchBtn input {
  display: none;
}

.main__switchBtnSlide {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EB5757;
  transition: 0.4s;
  padding: 0px;
  color: #fff;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 24px;
  color: #fff;
  padding-left: 33px;
}

.main__switchBtnSlide:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .main__switchBtnSlide {
  background-color: #43D27F;
  padding-left: 8px;
}

input:focus + .main__switchBtnSlide {
  box-shadow: 0 0 1px #EB5757;
}

input:checked + .main__switchBtnSlide:before {
  transform: translateX(26px);
  left: 12px;
}

.main__button__link {
  text-decoration: none;
  padding: 10px 35px;
}

.main__button--bgBlack {
  background-color: var(--groomit-black);
}

.main__button--bgBlack:hover {
  background-color: var(--groomit-black);
}

.main__button--bgWhite {
  background-color: #fff;
}

.main__button--bgWhite:hover {
  background-color: #FFF8F8;
}

.main__button--borderRed {
  border-color: var(--groomit-red);
}

.main__button--textRed {
  color: var(--groomit-red);
}

.main__button--borderBlack {
  border-color: var(--groomit-black);
}

.main__button--colorBlack {
  color: var(--groomit-black);
}

.main__button--colorRed {
  color: var(--groomit-red);
}

.main__tabsButtons {
  border-radius: 90px;
  height: 47px;
  background-color: #FFFFFF;
  position: relative;
  padding: 5px;
  display: flex;
  margin-bottom: 25px;
}

.main__tabsButtons .main__button {
  height: 36px;
  padding: 0;
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 1.5rem;
}

.main__tabsButtons--x2 .main__button {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  margin: auto 0;
}

.main__tabsButtons .main__button.inactive {
  color: var(--groomit-color-grey);
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.main__tabsButtons .main__button.active {
  color: var(--groomit-white);
  background-color: var(--groomit-black);
  border-color: var(--groomit-black);
}

.main__curveBox--groomer {
  padding: 7px 15px !important;
}
.main__curveBox--groomer .container_main_info {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #FFEBF0;
}
.main__curveBox--groomer .action_favorite {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #FFFFFF;
  width: 45px;
  border-radius: 50%;
  height: 45px;
}
.main__curveBox--groomer .action_favorite .heart {
  position: relative;
  top: 11px;
  width: 27px;
  height: 24px;
  background-image: url(/v7/images/icons/heart.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 2px;
}
.main__curveBox--groomer h2 {
  font-family: var(--ff-inter-600);
  font-size: 16px;
  color: var(--groomit-black);
}
.main__curveBox--groomer ul {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
  list-style: inherit;
}
.main__curveBox--groomer h3 {
  font-family: "Filson Soft Bold";
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 1rem;
  color: var(--groomit-black);
}
.main__curveBox--groomer .appts {
  font-family: var(--ff-inter-600);
  font-size: 24px;
  color: var(--groomit-red);
}
.main__curveBox--groomer .since {
  font-family: var(--ff-inter-500);
  font-size: 10px;
  color: var(--groomit-gray);
}
.main__curveBox--groomer .vertical-line {
  height: 90px;
}
.main__curveBox--groomer p {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}
.main__curveBox--groomer .rate {
  width: 75px;
  z-index: 2;
  height: 24px;
  padding: 5px;
  position: relative;
  top: -2px;
  right: 0%;
  border-radius: 15px;
  color: var(--groomit-white) !important;
  background-color: var(--groomit-black);
  z-index: 0;
  font-family: var(--ff-inter-700);
  font-size: 13px;
}
.main__curveBox--groomer .rate .total {
  font-weight: normal !important;
}
.main__curveBox--groomer .rate img {
  position: relative;
  top: -2px;
}
.main__curveBox--groomer .image_groomer_profile {
  /* background-image: url(/v7/images/groomer-profile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 170px;
  width: 170px;
  border-radius: 50%;
  border: 3px solid var(--groomit-red);
  position: relative;
  */
  left: 10px;
}

.main__curveBox--customer {
  display: inline-block;
}
.main__curveBox--customer h2.main__h2 {
  font-family: "Filson Soft Bold";
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 1rem;
  color: var(--groomit-black);
}
.main__curveBox--customer h3 {
  font-family: var(--ff-inter-600);
  font-size: 12px;
  color: var(--groomit-black);
  text-transform: uppercase;
}
.main__curveBox--customer p.main__h5 {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
}
.main__curveBox--customer .wa__profilePhoto {
  width: 48px;
  height: 48px;
}
.main__curveBox--customer .main__line-divider--internal {
  width: 100%;
}
.main__curveBox--customer .badge-schedule {
  background-color: #FFF;
  border: 1px solid #BEC3C5;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  float: left;
  width: 170px;
  font-family: var(--ff-inter-500);
  font-size: 16px;
  color: var(--groomit-gray);
  cursor: pointer;
}
.main__curveBox--customer .badge-schedule__selected {
  background-color: var(--groomit-red);
  border: 1px solid var(--groomit-red);
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  float: left;
  width: 170px;
  font-family: var(--ff-inter-500);
  font-size: 16px;
  color: var(--groomit-white);
}
.main__curveBox--customer .rate {
  width: 57px;
  z-index: 2;
  height: 24px;
  padding-left: 6px;
  position: absolute;
  top: 10%;
  right: 5%;
  border-radius: 15px;
  color: var(--groomit-white) !important;
  background-color: var(--groomit-black);
  z-index: 0;
}

.card-profile__groomer {
  width: 65px;
  height: 145px;
  border-radius: 50px;
  margin-right: 10px;
}
.card-profile__groomer .wa__profilePhoto {
  margin: 2px auto;
}
.card-profile__groomer .name {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-black);
  text-align: center;
}
.card-profile__groomer .rate {
  width: 49px;
  z-index: 2;
  height: 24px;
  padding-left: 6px;
  position: absolute;
  bottom: 8%;
  right: 8%;
  border-radius: 15px;
  color: var(--groomit-white) !important;
  background-color: var(--groomit-black);
  z-index: 0;
  font-family: var(--ff-inter-500);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 5px;
}
.card-profile__groomer .rate img {
  position: relative;
  top: -2px;
}

.main__disclaimerMessage {
  background: #FFFFFF;
  border: 1px solid #F7D752;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04);
  border-radius: 11px;
  height: 45px;
  display: flex;
  align-items: center;
  background-image: url("/v6/images/icons/disclaimer-info.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 50px;
  position: relative;
}

.main__disclaimerMessageP {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--groomit-black);
}

.main__w-50Cont {
  display: flex;
}

.main__w-50Cont .w-50:first-child .main__inputGroup {
  width: calc(100% - 7px);
}

.main__w-50Cont .w-50:last-child .main__inputGroup {
  width: calc(100% - 7px);
  margin-left: 7px;
}

.main__checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.main__checkmarkCheckbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid var(--groomit-red);
  background-color: #fff;
  border-radius: 3px;
}

.main__checkboxCont:hover .main__checkbox ~ .main__checkmarkCheckbox {
  background-color: #FFF8F8;
}

.main__checkboxCont {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 0;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--groomit-black);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.main__checkboxCont .main__checkbox:checked ~ .main__checkmarkCheckbox {
  background-color: var(--groomit-red);
}

.main__checkmarkCheckbox:after {
  content: "";
  position: absolute;
  display: none;
}

.main__checkboxCont .main__checkbox:checked ~ .main__checkmarkCheckbox:after {
  display: block;
}

.main__checkboxCont .main__checkmarkCheckbox:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.main__inputGroup--selectPetType {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main__label--petTipe {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 56px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  color: var(--groomit-black);
  display: block;
}

.main__inputGroup--selectPetType .main__label--petTipe:first-child {
  margin-right: 10px;
}

.main__petIcon.active {
  display: none;
}

.petTipeCont {
  border: 1px solid #F2F2F2;
  height: 100%;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.main__label--petTipe input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.main__label--petTipe .petTipeCont:hover {
  border: 2px solid var(--groomit-red);
  font-weight: 600;
}

.main__label--petTipe input:checked ~ .petTipeCont {
  border: 2px solid var(--groomit-red);
  font-weight: 600;
}

.main__label--petTipe input:checked ~ .petTipeCont .main__petIcon.inactive {
  display: none !important;
}

.main__label--petTipe input:checked ~ .petTipeCont .main__petIcon.active {
  display: block !important;
}

.main__pageImg {
  margin: 35px auto;
  display: block;
  max-width: calc(100% - 30px);
}

.inlineWrapp {
  display: inline-block;
  margin: auto;
}

.main__stepLinesCont {
  display: inline-block;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main__stepLinesCont.main__stepLinesContx3 .main__stepLine {
  width: 45px;
  height: 3px;
  background-color: #F3E3E5;
  border: 1px solid var(--groomit-red);
  background-color: var(--groomit-red);
  border-radius: 1.5px;
  margin: 0 2.5px;
}

.main__stepLinesCont.main__stepLinesContx3 .main__stepLine:first-child {
  margin: 0 2.5px 0 0;
}

.main__stepLinesCont.main__stepLinesContx3 .main__stepLine:last-child {
  margin: 0 0 0 2.5px;
}

.main__stepLinesCont .main__stepLine.main__stepLine--prev {
  background-color: var(--groomit-red);
  border-color: var(--groomit-red);
}

.main__stepLinesCont .main__stepLine.main__stepLine--current {
  background-color: #F3E3E5;
  border-color: var(--groomit-red);
}

.main__stepLinesCont .main__stepLine.main__stepLine--next {
  background-color: #F3E3E5;
  border-color: #F3E3E5;
}

.main__highlight {
  color: var(--groomit-red);
}

.main__inputGroupCont {
  display: flex;
  justify-content: space-between;
}

.main__inputGroupCont .main__inputGroup {
  margin-right: 15px;
}

.main__inputGroupCont .main__inputGroup:last-child {
  margin-right: 0;
}

.main__inputGroupCont.main__inputGroupContx2 .main__inputGroup {
  width: 50%;
}

.main__inputGroupContx2 .main__inputGroup .main__button {
  width: 100%;
}

.con-groomit-avatar-error {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 0 15px;
}

.main__tooltip {
  position: absolute;
  /* top:52px;
  left:15px;*/
  top: -5px;
  left: 105%;
  width: calc(100% - 15px);
  padding: 15px;
  border: 1px solid #F3E3E5;
  border-radius: 4px;
  background: #F3E3E5;
  z-index: 2;
}
.main__tooltip .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #F3E3E5;
  position: absolute;
  left: -3%;
  top: 0%;
}
.main__tooltip .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #F3E3E5;
}
.main__tooltip .arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3E3E5;
}
.main__tooltip .arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #F3E3E5;
}

.tooltip-top {
  position: absolute;
  top: -9px;
  left: 20px;
}

.main__tooltipP {
  font-size: 1rem;
}

.main__tooltipP b {
  font-size: 1.2rem;
}

.closeTooltip {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.closeTooltip__img {
  width: 8px;
  height: 8px;
}

.main__linkToUploaded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  padding: 12px 15px 20px 15px;
}

.linkToUploadedA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #0071E3;
}

.linkToUploadedA__img {
  margin-right: 5px;
}

div.disabled {
  pointer-events: none;
  opacity: 0.5;
}

button.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.button_disabled:disabled {
  background-color: #BEC3C5;
  border: 1px solid #BEC3C5;
  color: #666;
}

div.visibly-disabled {
  opacity: 0.5;
}

p.disabled {
  pointer-events: none;
  opacity: 0.5;
}

label.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.wa__userRatingCont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.wa__userRating {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  width: 55px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #2E2E2E;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  line-height: 18px;
  margin: auto;
}

.main__pIcon--rating {
  margin-right: 2px;
}

.modal__icon {
  position: relative;
  top: 6px;
}

.blockedICon {
  margin-right: 5px;
}

.main__h2--nameCont {
  width: 136px;
}

.section--wa__withSidebar {
  width: 100%;
}

.section--wa__withSidebarLeft {
  width: calc(50% + 125px);
  width: calc(50% + var(--groomit-container-width) / 2);
}

.section--wa__withSidebarRight {
  width: calc(50% - 125px);
  width: calc(50% - var(--groomit-container-width) / 2);
}

.main__containerx2Cont {
  width: 560px;
  max-width: 100%;
}

.main__container--x2 {
  width: calc((var(--groomit-container-width)) + 30px);
  margin-top: 0;
}

.main__container--right {
  max-width: 100%;
}

.mw-100 {
  max-width: 100% !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.main__curveBox.selected {
  border: 2px solid #FF314A !important;
}

.shampoo__box h2 {
  font-family: var(--ff-inter-400);
  font-size: 16px;
  color: var(--groomit-gray);
}
.shampoo__box p {
  font-family: var(--ff-inter-400);
  font-size: 14px;
  color: var(--groomit-gray);
}

.shampoo__box.selected h2 {
  font-weight: bold;
  color: var(--groomit-black);
}

.wa__pkgTitle {
  background: #ED9F00;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
  border-radius: 10px 0px 0px 10px;
  height: 94px;
  width: 105px;
}
.wa__pkgTitle .package_description {
  font-family: var(--ff-inter-500);
  font-size: 10px;
  color: white;
  text-transform: uppercase;
}

.package_container {
  border: 1px solid #BEC3C5;
}
.package_container .main__h3 {
  font-family: var(--ff-inter-700);
}
.package_container .popular {
  font-family: var(--ff-inter-600);
  font-size: 10px;
  text-transform: uppercase;
  /* color: #FFF;
  background-color: #ED9F00; */
  border-radius: 15px;
  padding: 4px 17px;
  text-align: center;
}
.package_container .non-refundable {
  font-family: var(--ff-inter-500);
  font-size: 10px;
  color: var(--groomit-gray);
  text-transform: uppercase;
}
.package_container .vertical-line {
  border-right: 1px solid #C9CFD4;
  height: 60px;
  width: 0%;
}
.package_container .price {
  font-family: var(--ff-inter-700);
  font-size: 22px;
  color: var(--groomit-black);
}

.wa__pkgTitle--gold {
  background: #ED9F00;
}

.wa__pkgTitle--eco {
  background: #3064A3;
}

.wa__pkgTitle--silver {
  background: #AEAEAE;
}

.main__curveBox--package {
  padding: 0 15px 0 0;
}

.packageIcon {
  margin-right: 5px;
}

.main__smallP--pkg {
  font-size: 1rem;
  color: #D6AF5B;
}

.main__h2--pkgPrice {
  font-size: 3rem;
  width: 87px;
}

.main__h2--showmb {
  display: none;
}

.badge_red {
  background-color: #FF314A;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 100px;
  text-align: center;
}

.badge-default-card {
  background-color: #FF314A;
  border-radius: 22px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 11px;
  line-height: 10px;
  text-align: center;
  padding: 4px 4px;
  display: inline-block;
  width: 65px;
  text-align: center;
  position: absolute;
  right: 38px;
  opacity: 0.8;
}

.span-defaul-card {
  color: #EB5757;
  font-weight: normal !important;
  font-size: 13px;
}

.text_decoration_none {
  text-decoration: none !important;
}

.package .badge_gold {
  background-color: #D6AF5B;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 70px;
  text-transform: uppercase;
  text-align: center;
}
.package .badge_eco {
  background-color: #3959A0;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 70px;
  text-transform: uppercase;
  text-align: center;
}
.package .badge_silver {
  background-color: #AEAEAE;
  box-shadow: 0px 2.7141px 5.42821px rgba(28, 37, 44, 0.08);
  border-radius: 16px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  padding: 7px 10px;
  display: inline-block;
  width: 70px;
  text-transform: uppercase;
  text-align: center;
}
.package ul.groomit-list {
  padding: 0px;
}
.package ul.groomit-list li:before {
  content: url(/v6/images/icons/check.svg);
  padding-right: 13px;
  display: inline-block;
  width: 27px;
  vertical-align: sub;
}
.package ul.groomit-list li {
  padding-left: 0;
  list-style: none !important;
  margin-bottom: 15px !important;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #2E2E2E;
  float: left;
  width: 50%;
}
.package .badge_disabled {
  opacity: 0.3;
}
.package .package__gold__title {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #D6AF5B;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.package .package__subtitle {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--groomit-color-grey);
}
.package .main__h2 {
  font-family: "Filson Soft Bold";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #2E2E2E;
}
.package .modal__p {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--groomit-color-grey);
}
.package .gallery .pet {
  margin-right: 6px;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  width: 95px;
}
.package .option {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  width: 48% !important;
  padding: 15px;
}
.package .notes {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.02em;
  color: var(--groomit-color-grey);
}
.package .main__button {
  background-color: var(--groomit-black) !important;
  border-color: var(--groomit-black) !important;
}
.package .price {
  font-family: "Filson Soft Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  color: var(--groomit-black);
  padding-right: 10px;
}
.package .prepaid {
  border-left: 1px solid #DADADA;
  padding-left: 10px;
}

.wa__profilePhoto.wa__profilePhoto--modal {
  width: 90px;
  height: 90px;
}

.fav-icon {
  width: 20px;
  height: 20px;
}

.fav-link {
  cursor: pointer;
}

.wa__userRating--full {
  width: 125px;
  padding-left: 7px;
  padding-right: 7px;
  height: 21px;
}

.wa__userRating--full .main__pIcon--rating {
  margin-right: 2px;
  margin-left: 2px;
}

.no-fav .no-fav-icon {
  display: inline-block;
}

.no-fav .yes-fav-icon {
  display: none;
}

.yes-fav .no-fav-icon {
  display: none !important;
}

.yes-fav .yes-fav-icon {
  display: inline-block;
}

.rating-a .main__pIcon--ratingA {
  display: block;
}

.rating-a .main__pIcon--ratingI {
  display: none;
}

.rating-i .main__pIcon--ratingI {
  display: block;
}

.rating-i .main__pIcon--ratingA {
  display: none;
}

.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  background: #fff;
  color: #2E2E2E;
  border-radius: 0 !important;
  margin: auto;
  z-index: 1;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  box-shadow: none;
  border-bottom: 3px solid var(--groomit-red);
  color: var(--groomit-red);
  border-bottom-left-radius: 40%;
}

.cont-groomit-calendar .mbsc-groomit-v4 .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-cal-cell-txt {
  width: 25px;
  height: 25px;
  line-height: 25px;
}

.calendarReferenceText {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--groomit-color-grey);
  line-height: 1.4rem;
}

.calendarReferenceColor {
  width: 23px;
  height: 3px;
  border-radius: 16px;
  opacity: 1;
  margin-right: 7px;
}

.calendarReferenceColor--eco {
  background-color: #3064A3;
}

.ecoDay {
  background: #3064A3 !important;
}

.greenDay {
  background: #43D27F !important;
}

.greyDay {
  background: #DADADA !important;
}

.mbsc-ios.mbsc-calendar-mark {
  width: 23px;
  height: 3px;
  border-radius: 16px;
  opacity: 1;
}

.mbsc-font {
  font-family: "Inter", sans-serif;
}

.mbsc-wa-v6.mbsc-calendar-today,
.mbsc-wa-v6.mbsc-calendar-week-nr {
  color: #FF314A;
}

.mbsc-wa-v6.mbsc-selected .mbsc-calendar-cell-text,
.mbsc-wa-v6.mbsc-hover .mbsc-calendar-cell-text {
  border-color: #FF314A;
  background: #FF314A;
  border-radius: 5px;
  color: #fff;
}

.mbsc-wa-v6.mbsc-datepicker-inline {
  border: none;
  background: transparent !important;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 10px;
  overflow: hidden;
}

.mbsc-wa-v6.mbsc-calendar-title {
  color: #2E2E2E;
  font-size: 1.5rem;
  font-family: "Filson Soft Regular";
}

.todayPrice {
  width: 100%;
  text-align: center;
  margin: auto;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.todayPrice .todayPriceNum {
  width: 33px;
  color: #fff;
  background: #7C868A;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1rem;
  height: 1.3rem;
  line-height: 1.3rem;
  margin: auto;
  display: inline-block;
}

.mbsc-wa-v6.mbsc-datepicker .mbsc-calendar-cell {
  position: relative;
  padding-bottom: 16px;
}

.mbsc-datepicker .mbsc-calendar {
  background-color: transparent;
}

.regular-filson {
  font-family: "Filson Soft Regular" !important;
}

.carousel__pets .owl-nav {
  right: 0;
}

.carousel__pets .owl-nav button.owl-next {
  margin-right: 0;
}

button.owl-prev.disabled,
button.owl-next.disabled {
  filter: grayscale(100%);
  opacity: 0.5;
}

.mixed_breed_label {
  padding-left: 55px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .withSidebar__right .main__inputGroup {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .left-button,
  .right-button {
    width: 120px !important;
  }
  .section--wa__withSidebar {
    display: block;
  }
  .bottomDogs {
    display: none;
  }
  .section--wa__withSidebarLeft,
  .section--wa__withSidebarRight {
    width: 100%;
    display: block;
  }
  .main__container--right {
    display: block;
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .main__containerx2Cont {
    width: 100%;
    display: block;
  }
  .main__container--x2 {
    display: block;
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .header--wa {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .header__center {
    width: 40%;
    margin: auto 0;
    text-align: left;
  }
  .sp_desk {
    display: none;
  }
  .sp_mb {
    display: inline;
  }
  .header__right {
    margin: auto 0;
    width: 60%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
  }
  .header__a--help {
    margin: auto 0 auto 15px;
  }
  .footer__ul {
    display: block;
    padding: 0;
  }
  .footer__li {
    float: none;
    margin-right: 5px;
    margin-bottom: 8px;
  }
  .footer__li--divider {
    display: none;
  }
  .footer {
    display: block;
    height: 180px;
  }
  .footer__left,
  .footer__right {
    width: 100%;
    display: block;
  }
  .footer__right {
    text-align: center;
    padding-top: 15px;
  }
  .main {
    min-height: calc(100vh - 80px - 55px - 180px);
  }
  .main__container {
    width: 100%;
  }
  .main__container__extend {
    width: 100%;
  }
  .floatingMessage__p {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .floatingMessage {
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    left: 15px;
  }
  .main__h1 {
    font-size: 24px;
    font-weight: 700;
  }
  .main__label {
    font-family: var(--ff-inter-600);
    font-size: 16px;
  }
  .main__button.main__button--socialSign {
    padding-left: 40px;
    font-size: 14px;
    margin-right: 3px;
  }
  .divider__after_title {
    width: 100%;
  }
  .next-button {
    width: 230px !important;
  }
  .groomit__button {
    height: 48px;
  }
  .multisteps-form__progress {
    width: 96% !important;
  }
  .multisteps-form__progress-btn {
    z-index: 1px !important;
  }
  .select__pet_container .col-5 {
    width: 100%;
  }
  .select__pet_container .vertical-line {
    display: none;
  }
  .select__pet_container .col-two {
    margin-top: 5px;
  }
  .information__pet_container .box-one,
  .information__pet_container .box-two {
    width: 100%;
  }
  .information__pet_container .vertical-line {
    display: none;
  }
  .mixed_breed_label {
    padding-left: 65px;
    width: 65% !important;
  }
  .h3__inter_700_22 {
    margin-bottom: 5px;
  }
  .subtitle_right {
    position: relative !important;
    right: 0px;
  }
  .pet__list {
    margin-top: 2rem;
  }
  .pet__list .icon_plus {
    height: 42px;
    float: left;
    width: 12%;
    margin-top: 3px;
    margin-right: 8px;
  }
  .select__package_container .box-one,
  .select__package_container .box-two {
    width: 100%;
  }
  .select__package_container .box-one .subtitle_right,
  .select__package_container .box-two .subtitle_right {
    position: absolute !important;
    right: 5px !important;
  }
  .select__package_container .box-two {
    padding-left: 0 !important;
  }
  .select__package_container .vertical-line {
    display: none;
  }
  .select__package_container .package_container .vertical-line {
    display: inline;
  }
  .select__package_container .package_container .package_container__description {
    padding-left: 1rem !important;
    margin-right: 12px !important;
    width: 100%;
  }
  .select__package_container .package_container .package_container__price {
    padding-left: 1rem !important;
  }
  .bagde_information {
    width: 115px;
    margin-right: 7px;
  }
  .box_badges {
    padding-left: 1rem !important;
  }
}
/** WA Styles **/
.main--wa__container {
  width: 100%;
  margin: 0 auto;
}

.main--wa__contNoSidebar {
  flex-wrap: wrap;
  width: 100%;
}

.wa__leftContainer {
  width: 555px;
}

.main--wa__contLeft {
  width: calc(50% + 165px);
}

.main--wa__contRight {
  width: calc(50% - 165px);
}

.header--wa__inputCont--select {
  position: relative;
  background-image: url(/v6/images/icons/select-icon-addres.svg);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-color: #F2F2F2;
  border: 1px solid #D9D9D9;
  border-radius: 33px;
  height: 40px;
  width: 300px;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #2E2E2E;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
}

.header--wa__inputExtra {
  color: var(--groomit-color-grey);
  margin: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  width: 100%;
  /*padding: 2px 15px;*/
}

.header--wa__input--select {
  flex: 1 0 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  border: none;
  border-radius: 33px;
  padding-bottom: 15px;
  font-family: "Filson Soft Regular";
  font-size: 1.4rem;
  text-align: center;
  background-image: url(/v6/images/icons/select-arrow.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
}

.header--wa {
  width: calc(100% - 360px);
  margin-left: 360px;
  background-color: #f9f9fb;
  border-bottom: 1px solid #DADADA;
  padding: 15px 50px;
  position: relative;
  z-index: 3;
}

.nav--wa {
  height: 100vh;
  width: var(--groomit-menu-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #fff;
}

.nav--wa__main {
  padding: 15px 50px;
  height: calc(100vh - 80px);
  overflow-y: scroll;
}

.main--wa {
  background-color: #f9f9fb;
  box-sizing: border-box;
  width: calc(100% - 360px);
  margin-left: 360px;
  padding-top: 30px;
}

.main--wa__center {
  width: 555px;
  max-width: 66.6%;
  padding: 0 15px;
  margin: 0;
}

.main--wa__right {
  max-width: 100%;
  width: 370px;
  margin: 0;
  padding: 0 15px;
}

.header--wa__a--notificationLink {
  position: relative;
}

.header--wa__notificationNumber {
  position: absolute;
  background: #2E2E2E;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5rem;
  font-size: 1rem;
  bottom: -2px;
  right: -6px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.welcome__title {
  color: var(--groomit-color-grey) !important;
}

.header--wa__title {
  width: calc(25% - 145px + 30px);
}

.header--wa__title__center {
  width: calc(50% - 145px + 30px);
}

.side__separator {
  width: 1px;
  height: 70%;
  background-color: #DADADA;
  position: absolute;
  transform: translateX(-50%);
  margin-top: 25px;
  display: none;
}

.header--wa__right {
  width: calc(50% - 145px + 30px);
}

.header--wa__profilePhoto {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url(/v6/images/icons/user-avatar.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.header--wa__profileName {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  margin: 0;
  color: #2E2E2E;
  font-size: 1.6rem;
  padding-left: 5px;
}

.header--wa__profilePhotoCont {
  padding-left: 20px;
}

.header--wa__center {
  padding: 0 15px;
}

.footer__help--wa,
.footer--wa {
  width: calc(100% - 360px);
  margin-left: 360px;
}

.nav--wa__line-divider {
  margin: 28px 0;
  display: inline-block;
}

.nav--wa__ul {
  padding: 0;
}

.header--wa__menuIcon {
  margin-right: 10px;
}

.nav--wa__li {
  padding: 0;
  margin: 30px 0;
}

.nav--wa__li__selected {
  margin: 10px 6px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.nav--wa__li_support {
  margin: 20px 0 !important;
}

.nav--wa__a {
  font-family: "Filson Soft Regular";
  font-weight: normal;
  font-size: 1.8rem;
  color: var(--groomit-color-grey);
  text-decoration: none;
}

.nav--wa__a .header--wa__menuIcon.active {
  display: none;
}

.nav--wa__a:hover {
  color: #FF314A;
  font-family: "Filson Soft Bold";
}

.nav--wa__a.active {
  color: #FF314A;
  font-family: "Filson Soft Bold";
}

.nav--wa__a.active .header--wa__menuIcon.active {
  display: inline-block;
}

.nav--wa__a.active .header--wa__menuIcon.inactive {
  display: none;
}

.main__button--share {
  margin: auto;
}

.header--wa__shareIcon {
  margin-right: 4px;
}

.nav--wa__header {
  height: 80px;
  padding: 15px 50px;
  margin-top: 5px;
  box-sizing: border-box;
}

body {
  background-color: #F2F2F2;
}

.action-top-link {
  position: absolute;
  right: 5px;
  top: 5px;
}

.nav--wa__profilePhoto {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-image: url(/v6/images/profile-avatar.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 5px auto;
}

.wa__profilePhoto {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: url(/v6/images/profile-avatar.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 5px auto;
}

.wa__profilePhoto__x_100 {
  width: 100px !important;
  height: 100px !important;
}

.icon--information__yellow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-image: url(/v6/images/icons/icon-exclamation-yellow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 5px auto;
}

.icon--exclamation__yellow {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-image: url(/v6/images/icons/u_exclamation-circle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 5px auto;
  /* position: absolute;
  // left: 37%;
  // top: -3px;
  */
}

.icon--exclamation__yellow_to_list {
  width: 27px;
  height: 18px;
  background-image: url(/v6/images/icons/u_exclamation-circle.svg);
  background-repeat: no-repeat;
  margin: 1px auto;
  margin-right: 6px;
}

.img--exclamation__yellow_to_header_address {
  position: relative;
  top: 3px;
}

.check-cont {
  position: relative;
  top: 5px;
}

.container-address-header {
  display: inline-flex;
  align-items: center;
}

.img_inside_p {
  position: relative;
  top: 4px;
}

.mh-300 {
  min-height: 300px;
}

.images_heaven {
  height: 105px;
}
.images_heaven .main_pet {
  position: absolute;
  left: calc(50% - 50px);
  top: 30px;
  z-index: 1;
}
.images_heaven .second_pet {
  position: absolute;
  right: 26%;
  top: 5px;
  z-index: 0;
}
.images_heaven img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.wa__profilePhoto--pet {
  background-image: url(/v6/images/icons/pet-avatar.svg);
}

.wa__profilePhoto--groomer {
  /* background-image: url(/v7/images/groomer-profile-example.svg);*/
  width: 60px;
  height: 60px;
}

.nav--wa__p {
  font-family: "Filson Soft Regular";
  font-weight: normal;
  font-size: 1.8rem;
  color: var(--groomit-black);
}

.nav--wa__p--small {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
}

.nav--wa__span {
  font-size: 1.6rem;
  color: var(--groomit-color-grey);
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.sidebar_appstores {
  padding: 15px 15px 0px 0px;
  display: inline-block;
  background-color: transparent;
}
.sidebar_appstores img {
  float: left;
}

.referralP {
  color: #333;
  padding: 15px 15px;
  font-family: "Filson Soft Regular";
  font-weight: normal;
  font-size: 1.5rem;
  display: inline-block;
  background-color: #F3E3E5;
  border-radius: 10px;
}
.referralP span {
  color: #FF314A !important;
}
.referralP img {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.referralP2 {
  color: #FF314A;
  border-radius: 20px;
  border: 1px solid #FF314A;
  padding: 10px 20px;
  font-family: "Filson Soft Regular";
  font-weight: normal;
  font-size: 1.5rem;
  display: inline-block;
  background-color: #FFFFFF;
}

.not_results {
  color: #FF314A !important;
}

.main__a_delete {
  color: var(--groomit-red-hover) !important;
}

.nav--wa__main::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.nav--wa__main::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
.nav--wa__main::-webkit-scrollbar-thumb {
  background: #FF314A;
}

/* Handle on hover */
.nav--wa__main::-webkit-scrollbar-thumb:hover {
  background: #FF314A;
}

.header--wa__menuBurguerIcon {
  display: none;
  cursor: pointer;
}

.nav--wa__menuClose {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  display: none;
}

.header--wa__SelectAddressCont {
  position: relative;
  height: 45px;
  width: 290px;
  box-sizing: border-box;
}

.header--wa__SelectAddressArrowDown {
  background-image: url(/v6/images/icons/select-arrow.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 2;
}

.booking--wa__selectDogInactive {
  background-image: url(/v7/images/icons/dog-selection.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 50px;
  width: 55px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.container_input_camera {
  background: #FFFFFF;
  border-radius: 20px;
  width: 100%;
  margin: auto;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}

.pet-reference-images {
  width: 105px;
  height: 70px;
  border-radius: 10px;
  margin: 0 5px;
}

.container_input_file {
  border: 1px dotted #7C868A;
  border-radius: 20px;
  width: 100%;
  margin: auto;
  padding: 10px 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
}
.container_input_file h2 {
  font-family: var(--ff-inter-600);
  font-size: 16px;
  color: var(--groomit-black);
}
.container_input_file p {
  font-family: var(--ff-inter-400);
  font-size: 14px;
  color: var(--groomit-gray);
}

.bg-none {
  background: transparent !important;
}

.icon-shampoo {
  background-image: url(/v7/images/icons/shampoo.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  height: 58px;
  width: 55px;
  cursor: pointer;
  z-index: 2;
}

.box__input_file_camera {
  background-image: url(/v7/images/icons/camera.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  height: 86px;
  width: 86px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.box__input_file_files {
  background-image: url(/v7/images/icons/export.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  height: 86px;
  width: 86px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.booking--wa__selectCatInactive {
  background-image: url(/v7/images/icons/cat-selection.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 50px;
  width: 55px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.booking--wa__SelectTypeHomeInactive {
  background-image: url(/v7/images/icons/home-selection.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 48px;
  width: 51px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.booking--wa__SelectTypeHomeActive {
  background-image: url(/v6/images/icons/home-service_a.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 31px;
  width: 30px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.booking--wa__SelectTypeMobileInactive {
  background-image: url(/v7/images/icons/mv-selection.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 49px;
  width: 70px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.booking--wa__SelectTypeMobileActive {
  background-image: url(/v6/images/icons/van-service_a.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  /* padding-right: 15px; */
  /* padding-left: 15px; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  height: 24px;
  width: 40px;
  cursor: pointer;
  z-index: 2;
  margin: auto;
}

.header--wa__SelectAddressArrowUp {
  background-image: url(/v6/images/icons/arrowup.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 2;
}

.check-icon-red {
  background-image: url(/v6/images/icons/check-icon-red.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: -10px;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 2;
}

.summary--booking__arrowDown {
  background-image: url(/v6/images/icons/arrow-down-grey.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: 0;
  width: 15px;
  cursor: pointer;
  z-index: 2;
  height: 9px;
}

.summary--booking__arrowUp {
  background-image: url(/v6/images/icons/arrow-up-grey.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: 0;
  height: 9px;
  width: 15px;
  cursor: pointer;
  z-index: 2;
}

.icon--information__right {
  background-image: url(/v6/images/icons/info.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 100%;
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 10px;
  right: 15px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  z-index: 2;
}

.icon--heart__left {
  background-image: url(/v6/images/icons/fav-a.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 100%;
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 10px;
  left: 5px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  z-index: 2;
}

.content--booking__arrowDownActive {
  background-image: url(/v6/images/icons/select-arrow.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: 0;
  height: 9px;
  width: 15px;
  cursor: pointer;
  z-index: 2;
}

.content--booking__arrowUpActive {
  background-image: url(/v6/images/icons/arrowup.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: 0;
  height: 9px;
  width: 15px;
  cursor: pointer;
  z-index: 2;
}

.content--arrowRight {
  background-image: url(/v6/images/icons/arrow-right-grey.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: 0;
  left: 0;
  height: 9px;
  width: 15px;
  cursor: pointer;
  z-index: 2;
}

.arrow-right {
  background-image: url(/v6/images/icons/arrow-right-grey.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 43%;
  right: 0;
  width: 10px;
  cursor: pointer;
  z-index: 2;
  height: 14px;
}

.arrow-right--red {
  background-image: url(/v6/images/icons/arrow-right-red.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 43%;
  right: 1%;
  width: 10px;
  cursor: pointer;
  z-index: 2;
  height: 14px;
}

.arrow-right--top-middle-center {
  background-image: url(/v6/images/icons/arrow-right-grey.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: calc(100% - 15px);
  padding-right: 15px;
  padding-left: 15px;
  position: absolute;
  top: 25%;
  right: 5%;
  width: 10px;
  cursor: pointer;
  z-index: 2;
  height: 14px;
}

.header--wa__SelectAddress {
  background-image: url(/v6/images/icons/select-icon-addres.svg);
  background-position: 15px center;
  background-repeat: no-repeat;
  border: 1px solid #D9D9D9;
  border-radius: 33px;
  height: 100%;
  width: 100%;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #2E2E2E;
  margin: 0;
  box-sizing: border-box;
  padding: 4px 0;
  background-color: #fff;
}

.header--wa__SelectAddressP {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
}

.selectRadioOption {
  cursor: pointer;
}

.header--wa__SelectAddressDropDown.main__curveBox {
  display: none;
}

.header--wa__SelectAddressDropDown.main__curveBox.open {
  display: block;
}

.selectRadioOption .check-icon-a {
  display: none;
}

.selectRadioOption.active .check-icon-a {
  display: block;
}

.selectRadioOption.active .check-icon-i {
  display: none;
}

.main__addons h2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #2E2E2E;
}
.main__addons p {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.02em;
  color: var(--groomit-color-grey);
}
.main__addons .shampoo-description {
  font-size: 13px;
  line-height: 16px;
}
.main__addons .shampoos .one {
  background-image: url(/v6/images/shampoo/shampoo-1.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 70px;
  width: 40px;
  cursor: pointer;
  z-index: 2;
}
.main__addons .shampoos .two {
  background-image: url(/v6/images/shampoo/shampoo-2.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 70px;
  width: 40px;
  cursor: pointer;
  z-index: 2;
}
.main__addons .shampoos .three {
  background-image: url(/v6/images/shampoo/shampoo-3.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 70px;
  width: 40px;
  cursor: pointer;
  z-index: 2;
}
.main__addons .shampoos .one-big {
  background-image: url(/v6/images/shampoo/shampoo-1-big.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 240px;
  width: 90px;
  cursor: pointer;
  z-index: 2;
}

.main__addons_options {
  position: relative;
}
.main__addons_options .checkmark {
  position: absolute;
  top: 0px;
  left: auto;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid var(--groomit-red);
  border-radius: 3px;
}
.main__addons_options .main__input__checkbox__container {
  padding-left: 60px;
  padding-top: 0px;
}
.main__addons_options .price {
  float: right;
  margin-right: 10px;
  font-family: var(--ff-inter-500);
  font-size: 16px;
  color: var(--groomit-gray);
}
.main__addons_options .icon--info {
  background-image: url(/v7/images/icons/info-circle.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 25px;
  width: 25px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 10px;
}
.main__addons_options .icon--shampoo {
  top: 10px;
}

.carousel__pets .card-title {
  font-family: "Filson Soft Regular";
  font-style: normal;
  font-weight: normal !important;
  font-size: 1.6rem;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--groomit-black);
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carousel__pets p {
  text-align: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--groomit-color-grey);
}

/** Datetime **/
.section__date_and_time .main__curveBox--schedule {
  display: inline-block;
  padding: 10px;
}
.section__date_and_time .block__schedule {
  padding: 20px 5px;
  border: 1px solid #C5F2D8;
  margin: 4px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  float: left;
}
.section__date_and_time .block__schedule .main__p {
  font-size: 12px;
}
.section__date_and_time .selected {
  background-color: #43D27F;
  border-color: #43D27F;
}

/** Datetime **/
.main__container--left {
  margin: 0;
}

.main__curveBox--x2 {
  width: calc(50% - 5px);
  margin: 0 1rem 2rem 0;
}

.main__curveBox--x3 {
  width: calc(40% - 5px);
  margin: 0 7px 2rem 0;
}

.main__curveBox--x3:last-child {
  margin-right: 0;
}

.main__curveBox--almost-square {
  height: 113px;
}

.main__curveBox--addons {
  height: 175px;
}

.withSidebar__right {
  /*margin-left: 70px;*/
}

.withSidebar__right_support {
  /*margin-left: 70px;*/
  width: 300px;
}

.section--wa__withSidebar {
  /*padding-left: 50px;
  padding-right: 50px;*/
}

.main__booking .service-type .item {
  height: 45px;
}
.main__booking .service-type h2 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px !important;
  color: #2E2E2E;
}

@media screen and (max-width: 1024px) {
  .nav--wa__menuClose {
    display: block;
  }
  .header--wa__menuBurguerIcon {
    display: block;
  }
  .menuOpenBg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 3;
    background-color: rgba(129, 138, 141, 0.75);
    transition: 0.3s;
  }
  .menuOpenBg.closed {
    display: none;
  }
  .menuOpenBg.open {
    display: block;
  }
  .header--wa {
    width: 100%;
    margin-left: 0;
  }
  .main--wa {
    width: 100%;
    margin-left: 0;
  }
  .nav--wa {
    height: 100vh;
    width: 290px;
    transition: 0.3s;
  }
  .nav--wa.closed {
    left: -290px;
  }
  .nav--wa.open {
    left: 0;
  }
  .nav--wa__main {
    height: calc(100vh - 80px);
    padding: 15px 20px;
  }
  .header--wa {
    padding: 15px;
  }
  .section--wa__withSidebar {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header--wa__inputCont--select {
    width: 220px;
  }
  .header--wa__right {
    width: calc(50% - 22px + 30px);
    padding-right: 6px;
  }
  .header__a--help {
    display: none;
  }
  .header--wa__profilePhotoCont {
    display: none;
  }
  .header--wa__h1 {
    display: none;
  }
  .header--wa__SelectAddressCont {
    width: 260px;
  }
  .side__separator {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .section--wa__withSidebar {
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap;
  }
  .section--wa__withSidebarLeft,
  .section--wa__withSidebarRight {
    width: 100%;
  }
  .main__containerx2Cont {
    margin: auto;
  }
  .withSidebar__main {
    margin-left: 0;
    width: 100%;
    order: 2;
    display: flex;
  }
  .withSidebar__right {
    width: 100%;
    margin-left: 0;
  }
  .withSidebar__right_support {
    width: 100%;
    margin-left: 0;
  }
  .main__h2--hidemb {
    display: none;
  }
  .main__h2--showmb {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .footer__ul {
    display: block;
    padding: 0;
  }
  .footer__li {
    float: none;
    margin-right: 5px;
    margin-bottom: 8px;
  }
  .footer__li--divider {
    display: none;
  }
  .footer {
    display: block;
    height: 180px;
  }
  .footer__left,
  .footer__right {
    width: 100%;
    display: block;
  }
  .footer__right {
    text-align: center;
    padding-top: 15px;
  }
  .footer__p {
    padding: 0;
  }
  .footer__help--wa,
  .footer--wa {
    width: 100%;
    margin-left: 0;
  }
  .nav--wa__header {
    padding: 15px 0 0 0;
  }
}
.blockGroomer--no,
.blockGroomer--yes {
  display: none;
}

.blockGroomerLink.blocked--no .blockGroomer--no {
  display: flex;
}

.blockGroomerLink.blocked--no .blockGroomer--yes {
  display: none;
}

.blockGroomerLink.blocked--yes .blockGroomer--no {
  display: none;
}

.blockGroomerLink.blocked--yes .blockGroomer--yes {
  display: flex;
}

.blockGroomerLink.blockGroomerLink {
  display: inline-flex;
  cursor: pointer;
  text-decoration: none;
}

.table--select-groomer {
  display: flex;
  flex-flow: column nowrap;
  margin: 0.5rem;
  flex: 1 1 auto;
}

.table--select-groomer .th > .td {
  white-space: normal;
  justify-content: center;
}

.table--select-groomer .tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 5px;
}

.main__p.main__p--selectGroomerName {
  font-size: 1.3rem;
}

.table--select-groomer .tr .td:first-child {
  width: 8%;
}

.table--select-groomer .tr .td:nth-child(2) {
  width: 30%;
}

.table--select-groomer .tr .td:nth-child(3) {
  width: 26%;
}

.table--select-groomer .tr .td:nth-child(4) {
  width: 16%;
}

.table--select-groomer .tr .td:nth-child(5) {
  width: 20%;
}

.table--select-groomer .tr .td.td--nstant {
  width: 92%;
}

.instant-booking-reference .table--select-groomer {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  height: 40px;
}

.main__pIcon--ratingGroomer {
  margin: auto 0 auto 2px;
}

.main__p--selectGroomerName {
  width: 100%;
  overflow-wrap: break-word;
}

#chooseGroomerTable {
  display: none;
}

.icon--edit {
  background-image: url(/v6/images/icons/edit.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 25px;
  width: 25px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  right: 20px;
  right: 5px;
  top: 10px;
}

.icon--trash {
  background-image: url(/v6/images/icons/icon-trash.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: left;
  height: 20px;
  width: 20px;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  right: 27px;
  top: 10px;
}

.transaction_records {
  padding: 0 35px;
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid;
  border-color: #FF3D00 transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  left: 44%;
  top: 35%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.item-addon {
  border-bottom: 1px solid #DADADA;
  padding: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .header--wa__profilePhotoCont {
    flex-flow: column nowrap;
    padding-left: 0;
  }
  .header--wa__profileName {
    display: none;
  }
  #buttonGoBack {
    min-width: auto;
    font-size: 1.4em;
    margin: auto;
    padding: 0 10px;
    text-indent: -9000px;
    content: "+";
    background-image: url(/v6/images/icons/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    padding: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 45px;
    top: 25px;
  }
  .header--wa__SelectAddressCont {
    width: 300px;
  }
  .header--wa__title__center {
    width: calc(25% - 150px + 30px);
  }
  .header--wa__right {
    width: calc(25% - 150px + 30px);
  }
  .header--wa__inputExtra {
    color: var(--groomit-color-grey);
    margin: 0;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    width: 100%;
    /*padding: 2px 35px;*/
    line-height: 12px;
  }
  .modal__buttonsCont .main__button {
    font-size: 1.2rem;
  }
  .main__tooltip#tooltip-help-credit-card {
    top: 55px;
    left: 0;
  }
  .main__tooltip#tooltip-help-credit-card .arrow-left {
    transform: rotate(90deg);
    top: -15px;
    left: 5px;
  }
  .main__h2--nameCont {
    width: 140px;
  }
}
@media screen and (max-width: 768px) {
  .header--wa__profilePhotoCont {
    flex-flow: column nowrap;
    padding-left: 0;
  }
  .header--wa__profileName {
    display: none;
  }
  #buttonGoBack {
    min-width: auto;
    font-size: 1.4em;
    margin: auto;
    padding: 0 10px;
    text-indent: -9000px;
    content: "+";
    background-image: url(/v6/images/icons/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    padding: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 45px;
    top: 25px;
  }
  .header--wa__SelectAddressCont {
    width: 200px;
  }
  .header--wa__title__center {
    width: calc(25% - 100px + 30px);
  }
  .header--wa__right {
    width: calc(25% - 100px + 30px);
  }
  .header--wa__inputExtra {
    color: var(--groomit-color-grey);
    margin: 0;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    width: 100%;
    /*padding: 2px 35px;*/
    line-height: 12px;
  }
  .modal__buttonsCont .main__button {
    font-size: 1.2rem;
  }
  .main__tooltip#tooltip-help-credit-card {
    top: 55px;
    left: 0;
  }
  .main__tooltip#tooltip-help-credit-card .arrow-left {
    transform: rotate(90deg);
    top: -15px;
    left: 5px;
  }
  .main__h2--nameCont {
    width: 105px;
  }
}
.header--wa__in {
  width: 100%;
}

.short-menu {
  height: 900px;
  min-height: 900px;
}

.main--wBottomBanner .main__container {
  margin: auto;
}

.main--wBottomBanner .main__form {
  width: 100%;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block !important;
}

.withSidebar__right .main__container {
  padding-right: 0;
}

.main__button.action-tawk-chat {
  padding-left: 12px;
  padding-right: 12px;
}

@media screen and (min-width: 1400px) {
  .header--wa__in-right {
    padding-left: 15px;
    padding-right: 15px;
    width: var(--groomit-container-width);
  }
  .header--wa__in-center {
    padding-left: 15px;
    padding-right: 15px;
    width: var(--groomit-container-width);
  }
  .withSidebar__main {
    width: calc(100% - (var(--groomit-container-width)));
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc((100% - var(--groomit-container-width) * 2) / 2) !important;
  }
  .withSidebar__right {
    width: calc(100% - (var(--groomit-container-width)));
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
  .nav--wa__header {
    height: 40px;
    padding: 5px 0;
    margin-top: 25px;
  }
  .main--wa {
    width: 100%;
    max-width: calc(1320px - (var(--groomit-menu-width) + 30px));
    margin: initial;
    margin-left: calc((100% - 1320px) / 2 + var(--groomit-menu-width) + 15px);
    min-height: 940px;
  }
  .main--wa.main--wa-book-steps {
    min-height: 1130px;
  }
  .nav--wa {
    left: calc((100% - 1320px) / 2);
    height: auto;
    min-height: 895px;
    top: 125px;
    border-radius: 38px;
    position: absolute;
  }
  .nav--wa__main {
    overflow: auto;
    height: auto;
  }
  .section--wa__withSidebar {
    /* 
    min-height: 950px; 
    */
  }
  .header--wa__in,
  .footer--wa__in {
    width: 100% !important;
    max-width: 1320px !important;
    margin: auto !important;
  }
  .footer--wa,
  .header--wa {
    width: 100% !important;
    margin: 0;
  }
  .footer__help--wa,
  .footer--wa {
    margin-top: 40px !important;
  }
  .main__container {
    margin: 0;
  }
  /*
  .main__form {
      display: inline-block;
  }
  */
  .header--wa__logo-top {
    display: flex !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  :root {
    --groomit-menu-width: 320px;
    --groomit-container-width: 390px;
    --groomit-color-grey: #7C868A;
    --groomit-red-info: #EB5757;
    --groomit-row-width: 1140px;
  }
  .header--wa__in-right,
  .header--wa__in-center {
    width: calc((100% - var(--groomit-menu-width)) / 2) !important;
  }
  .header--wa__in-right {
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - var(--groomit-container-width) - var(--groomit-menu-width)) !important;
  }
  .header--wa__in-center {
    padding-left: 15px;
    padding-right: 15px;
    width: var(--groomit-container-width) !important;
    margin-left: 33px;
  }
  .withSidebar__main {
    width: calc(100% - (var(--groomit-container-width)));
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc((100% - var(--groomit-container-width) * 2) / 2) !important;
  }
  .withSidebar__right {
    width: calc(100% - (var(--groomit-container-width)));
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .nav--wa__header {
    height: 40px;
    padding: 5px 0;
    margin-top: 25px;
  }
  .main--wa {
    width: 100%;
    max-width: calc(1140px - (var(--groomit-menu-width) + 30px));
    margin: initial;
    margin-left: calc((100% - 1140px) / 2 + var(--groomit-menu-width) + 15px);
    min-height: 940px;
  }
  .main--wa.main--wa-book-steps {
    min-height: 1130px;
  }
  .nav--wa {
    left: calc((100% - 1140px) / 2);
    height: auto;
    min-height: 895px;
    top: 125px;
    border-radius: 38px;
    position: absolute;
  }
  .nav--wa__main {
    overflow: auto;
    height: auto;
    padding: 15px 30px;
  }
  .section--wa__withSidebar {
    /* 
    min-height: 950px; 
    */
  }
  .header--wa__in,
  .footer--wa__in {
    width: 100% !important;
    max-width: 1140px !important;
    margin: auto !important;
  }
  .footer--wa,
  .header--wa {
    width: 100% !important;
    margin: 0;
  }
  .footer__help--wa,
  .footer--wa {
    margin-top: 40px !important;
  }
  .main__container {
    margin: 0;
  }
  .header--wa__logo-top {
    display: flex !important;
  }
  .header--wa__in-left {
    width: var(--groomit-menu-width) !important;
  }
  .header--wa__h1 {
    display: none;
  }
  .main__form {
    display: block;
    max-width: 100%;
  }
  .header--wa__logo-top {
    display: flex !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  :root {
    --groomit-menu-width: 300px;
    --groomit-container-width: 390px;
    --groomit-color-grey: #7C868A;
    --groomit-red-info: #EB5757;
    --groomit-row-width: 960px;
  }
  .header--wa__profileNameCont {
    display: none !important;
  }
  .header--wa__in-left {
    width: var(--groomit-menu-width) !important;
  }
  .header--wa__h1 {
    display: none;
  }
  .header--wa__in-center {
    width: var(--groomit-container-width);
    margin-left: 33px;
  }
  .header--wa__in-right {
    width: calc(100% - var(--groomit-menu-width) - var(--groomit-container-width)) !important;
  }
  .nav--wa__header {
    height: 40px;
    padding: 5px 0;
    margin-top: 25px;
  }
  .main--wa {
    width: 100%;
    max-width: calc(960px - var(--groomit-menu-width));
    margin: initial;
    margin-left: calc((100% - 960px) / 2 + 320px);
    min-height: 995px;
  }
  .main--wa.main--wa-book-steps {
    min-height: 1130px;
  }
  .nav--wa {
    left: calc((100% - 960px) / 2);
    min-height: 920px;
    width: var(--groomit-menu-width);
    top: 125px;
    border-radius: 38px;
    position: absolute;
  }
  .nav--wa__main {
    padding: 15px 20px;
    overflow: auto;
    height: auto;
  }
  .section--wa__withSidebar {
    min-height: 950px;
  }
  .header--wa__in,
  .footer--wa__in {
    width: 100% !important;
    max-width: 960px !important;
    margin: auto !important;
  }
  .footer--wa,
  .header--wa {
    width: 100% !important;
    margin: 0;
  }
  .footer__help--wa,
  .footer--wa {
    margin-top: 40px !important;
  }
  .main__container {
    margin: 0;
  }
  .main__form {
    display: inline-block;
    max-width: 100%;
  }
  .header--wa__logo-top {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .header--wa__in-center,
  .header--wa__SelectAddressCont {
    width: 340px !important;
  }
  .header--wa__in-left,
  .header--wa__in-right {
    width: 60px !important;
  }
  .section--wa__withSidebar {
    padding: 0;
  }
  .nav--wa__main {
    height: 100vh;
    z-index: 7;
  }
  .nav--wa__header {
    display: block !important;
  }
  .menuOpenBg {
    position: fixed;
    z-index: 5;
  }
  .main--wa {
    width: 400px !important;
    margin: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .header--wa__in-center {
    width: calc(100% - 130px) !important;
  }
  .header--wa__SelectAddressCont {
    width: 100% !important;
  }
  .header--wa__in-left,
  .header--wa__in-right {
    width: 60px !important;
  }
  .section--wa__withSidebar {
    padding: 0;
  }
  .nav--wa__header {
    display: block !important;
  }
  .nav--wa__main {
    height: 100vh;
    z-index: 7;
  }
  .nav--wa__header {
    display: block !important;
  }
  .menuOpenBg {
    position: fixed;
    z-index: 5;
  }
  .main--wa {
    width: 400px !important;
    margin: auto !important;
  }
}
.short-menu {
  min-height: 860px;
}

.vaccinated {
  color: #43D27F;
}

.no-vaccinated {
  color: var(--groomit-error-red);
}

.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  /* box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);*/
  border-radius: 30px;
  width: 65%;
  margin: auto;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
  padding: 30px 10px 20px 10px;
  margin-top: 40px;
}

.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 30px;
  font-family: "Inter 400";
  font-size: 14px;
  color: #D1D5DB;
  text-indent: 1px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}

@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 1px;
  }
}
.multisteps-form__progress-btn:before {
  position: absolute;
  top: -10px;
  left: 50%;
  display: block;
  width: 33px;
  height: 33px;
  content: "";
  transform: translateX(-50%);
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 3;
  padding: 3px;
}

.step-2::before {
  content: "02" !important;
}

.step-3::before {
  content: "03" !important;
}

.step-4::before {
  content: "04" !important;
}

.multisteps-form__progress-btn:after {
  position: absolute;
  top: 5px;
  left: calc(-50% - 6.5px);
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: currentColor;
  z-index: 1;
}

.multisteps-form__progress-btn:first-child:after {
  display: none;
}

.multisteps-form__progress-btn.js-active {
  color: #FF314A;
}

.multisteps-form__progress-btn.js-active span {
  color: #FF314A;
  font-family: "Inter 600";
  font-size: 16px;
}

.multisteps-form__progress-btn span {
  color: #7C868A;
  font-family: "Inter 400";
  font-size: 14px;
}

.multisteps-form__progress-btn.js-active:before {
  transform: translateX(-50%) scale(1.2);
  border: 8px solid #FF314A;
  background-color: #fff !important;
}

.multisteps-form__form {
  position: relative;
}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.multisteps-form__panel[data-animation=scaleIn] {
  transform: scale(0.9);
}

.multisteps-form__panel[data-animation=scaleIn].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  transform: scale(1);
}

.option__box p.option_box_more {
  background-image: url(/v7/images/icons/pencil.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding-left: 25px;
  background-size: 16px;
}

.multisteps-form__progress-btn span {
  color: #7C868A;
  font-family: "Inter 400";
  font-size: 1.6rem;
}

.multisteps-form__progress-btn.js-active:before {
  transform: translateX(-50%) scale(1);
  border: 8px solid #FF314A;
  background-color: #fff !important;
}

.main__blueLink {
  color: #3064A3;
}

.help_title {
  font-size: 1.2rem;
}

.footer__nav {
  padding-top: 0;
  padding-bottom: 0;
}

.footer__nav .footer__container {
  height: 98px;
  margin: 0;
  margin-top: 0;
  display: flex;
  align-items: center;
  width: 100%;
}

.dog_cat_signup__cont {
  position: relative;
}

.dog_cat_signup__cont .main__curveBox {
  margin-top: -70px;
  margin-bottom: 30px;
}

.main__button--logIn,
.main__button--signUp {
  margin-bottom: 5px;
}

.main__inputGroup--terms {
  display: flex;
}

.main__inputGroup--terms label {
  padding-left: 30px;
  padding-top: 0;
}

.main__inputGroup--terms .checkmark {
  left: 0;
  height: 20px;
  width: 20px;
  top: 4px;
  background-color: transparent !important;
}

.main__inputGroup--terms .checkmark:after {
  left: 7px;
  top: 4px;
}

.main__input__checkbox__container input:checked ~ .checkmark {
  background-color: #FF314A !important;
}

.bagde_information {
  width: calc(100% + 5px);
  margin-right: 5px;
  margin-left: 5px;
  background-color: #FFFFFF;
  border: none;
  height: 37px;
  border-radius: 10px;
  color: var(--groomit-black);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 15px;
  text-align: left;
  font-family: var(--ff-inter-600);
  font-size: 14px;
  float: left;
  color: var(--groomit-black);
  padding: 0;
}

.bagde_information img {
  margin-right: 7px;
}

.label-disclaimer {
  font-size: 1.4rem;
  color: #7C868A;
  font-weight: 400;
}

.groomit__button {
  height: 50px !important;
}

.main__curveBox--click.selected .booking--wa__selectDogInactive {
  background-image: url(/v7/images/icons/dog-selection-a.svg);
}

.main__curveBox--click.selected .booking--wa__selectCatInactive {
  background-image: url(/v7/images/icons/cat-selection-a.svg);
}

.main__curveBox--click.selected .booking--wa__SelectTypeHomeInactive {
  background-image: url(/v7/images/icons/home-selection-a.svg);
}

.main__curveBox--click.selected .booking--wa__SelectTypeMobileInactive {
  background-image: url(/v7/images/icons/mobile-selection-a.svg);
}

.hide-before-address {
  display: none;
}

.mb-9px {
  margin-bottom: 9px;
}

.main__curveBox--click.selected .main__p {
  font-weight: 600;
  color: #2E2E2E;
}

.service-type.main__curveBox.disabled {
  opacity: 1;
  color: #b4b9bb !important;
  background-color: rgba(124, 134, 138, 0.1) !important;
  border-color: transparent !important;
}

.service-type.main__curveBox.disabled p {
  color: #b4b9bb !important;
}

.main__curveBox.service-type .main__p {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .main__inputGroup--terms {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .main__button--logIn,
  .main__button--signUp {
    margin-bottom: 0;
  }
  .main__h1 {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }
  .multisteps-form__progress-btn {
    padding-top: 26px;
    padding-left: 0;
    padding-right: 0;
  }
  .multisteps-form__progress-btn.js-active span {
    font-size: 1.4rem;
  }
  .multisteps-form__progress-btn span {
    font-size: 1.4rem;
  }
  .multisteps-form__progress-btn:before {
    font-size: 1.7rem;
    line-height: inherit;
  }
  .multisteps-form__progress {
    margin-top: 0;
    margin-bottom: 32px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
  .help_title {
    background-size: 16px;
    padding-left: 20px;
  }
  .main.main--wBottomBanner {
    padding-bottom: 100px;
    padding-top: 25px !important;
  }
  .main__p_step {
    font-size: 1.3rem;
  }
  .main__curveBox--almost-square {
    height: 113px;
    padding: 8px;
  }
  .h3__inter_600_14 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .row-service .main__curveBox {
    margin-bottom: 10px;
  }
  .main__curveBox--click .main__p {
    font-size: 2rem;
    font-weight: 400;
    color: #7C868A;
  }
  .main__curveBox--click.selected .main__p {
    font-weight: 600;
    color: #2E2E2E;
  }
  .booking--wa__selectDogInactive,
  .booking--wa__selectCatInactive,
  .booking--wa__SelectTypeHomeInactive,
  .booking--wa__SelectTypeMobileInactive {
    margin-bottom: 5px !important;
  }
  .option__box {
    border-radius: 15px;
    padding: 9px;
  }
  .dog_cat_signup__cont {
    width: 80%;
    display: block;
    margin: auto;
  }
  .footer__nav .col-md-10.offset-md-1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .footer__nav .footer__container {
    border-radius: 0;
  }
}
.cont-footer-button {
  display: flex;
}

.footer-resume-item-pkg {
  font-size: 1rem;
  line-height: 1rem;
  font-family: var(--ff-inter-600);
  color: #fff;
  padding: 1px 4px;
  margin-left: 3px;
  border-radius: 25px;
  font-weight: 600;
}

.footer-resume-item-pkg--gold {
  background-color: #ED9F00;
}

.footer-resume-item-pkg--silver {
  background-color: #7C868A;
}

.footer-resume-item-pkg--eco {
  background-color: #3064A3;
}

.mb-15p {
  margin-bottom: 15px !important;
}

.accordion-item.footer-resume-item .accordion-body .mb-15p:last-child {
  margin-bottom: 0;
}

.accordion-item.footer-resume-item .accordion-body {
  padding-top: 15px;
  padding-bottom: 15px;
}

.accordion-item.footer-resume-item button.accordion-button {
  min-height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  background: #fff !important;
}

.accordion-item.footer-resume-item button.accordion-button::after {
  margin-left: 10px;
}

.accordion-item.footer-resume-item {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

.footer-resume-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px !important;
  min-height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-bottom: 8px;
  border: 1px solid #f2f3f3 !important;
  overflow: hidden;
}

.footer-resume-item--grey {
  background: rgba(124, 134, 138, 0.1019607843);
  border: 1px solid #f2f3f3 !important;
}

.footer-resume-item__p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  color: #7C868A;
}

.footer-resume-item__p--black {
  color: #2E2E2E;
}

.footer-slide-content {
  background: #fff;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.cont-footer-slide {
  width: 406px;
  max-width: calc(100% - 400px);
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  margin: auto;
  height: 100%;
  position: relative;
}

.footer-slide {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 2px 30px;
}

.footer-slide-content-main {
  padding: 35px 30px 5px 30px;
}

.footer-slide-arrow {
  width: 32px;
  height: 32px;
  border: 2px solid #f2f3f3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  position: absolute;
  top: -16px;
  z-index: 2;
  left: calc(50% - 16px);
}

.footer-slide-arrow.collapsed img {
  transform: rotate(0);
  transition: 0.5s;
}

.footer-slide-arrow img {
  transform: rotate(180deg);
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  .cont-footer {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__nav .footer__container {
    height: 140px;
    align-items: flex-start !important;
    padding: 0;
  }
  .cont-footer-slide {
    width: 100%;
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
    height: 48px;
    border-bottom: 1px solid #C9CFD4;
    margin: 0;
  }
  .cont-footer-button .groomit__button.left-button {
    margin-left: 15px;
  }
  .cont-footer-button .groomit__button.next-button {
    margin-right: 15px !important;
  }
  .footer-slide-content-main {
    padding-bottom: 5px;
  }
}
.addon-item {
  border-radius: 15px !important;
  border: 1px solid rgba(124, 134, 138, 0.5019607843) !important;
  padding: 0;
  background: transparent;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.addon-item button.accordion-button.collapsed {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
}

.addon-item h2.accordion-header {
  height: 100%;
  align-items: center;
  display: flex;
  font-family: var(--ff-inter-700);
  font-size: 1.4rem;
  color: #2E2E2E;
  height: 47px;
}

.addon-item h2.accordion-header button {
  font-family: var(--ff-inter-700);
  font-size: 1.4rem;
  color: #2E2E2E;
  padding: 0;
  height: 100%;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
}

.addon-item .accordion-button::after {
  background-image: url(/v7/images/icons/arrow-down.svg);
  background-size: cover;
  width: 24px;
  height: 24px;
}

.addon-item .accordion-body {
  padding: 0;
}

.addon-item .main__curveBox__addons {
  background: transparent !important;
  padding: 0;
  border: none !important;
}

.accordion-collapse {
  padding: 5px 0;
}

.addon-item .checkmark {
  border: 1px solid #7C868A !important;
  background-color: transparent;
}

.addon-item .icon--info {
  background-image: url(/v7/images/icons/info-circle-grey.svg);
  background-size: cover;
  width: 22px;
  height: 22px;
}

.main__curveBox--groomer .container_main_info {
  background-color: #fff;
  background-image: url(/v7/images/webapp/groomer-bg.png);
  background-size: cover;
}

.image_groomer_profile {
  background-color: #cccbcd;
  height: 140px;
  width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}

.main__addons_options .main__input__checkbox__container {
  padding-left: 25px;
}

.owl-main {
  display: flex;
  width: calc(100% - 60px);
  margin: auto;
}

.owl-custom-nav .owl-prev,
.owl-custom-nav .owl-next {
  border-radius: 50%;
  padding: 0;
  width: 25px;
  height: 25px;
  border: 2px solid rgba(124, 134, 138, 0.3019607843);
  background-color: #fff;
  background-image: url("/v7/images/icons/arrow-down.svg");
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  transform: rotate(90deg);
}

.owl-custom-nav .owl-next {
  transform: rotate(270deg);
}

.owl-custom-nav {
  width: 100%;
  position: absolute;
  top: calc(50% - 12.5px);
  left: 0;
  z-index: 9;
  display: flex;
  justify-content: space-between;
}

.owl-carousel--groomers-wa .item {
  cursor: pointer;
}

.owl-carousel--groomers-wa .item.selected .card-profile__groomer {
  border-color: #FF314A;
}

.owl-carousel--groomers-wa {
  cursor: pointer;
}

.owl-carousel--groomers-wa .card-profile__groomer {
  height: 115px;
}

.owl-carousel--groomers-wa .card-profile__groomer .rate {
  height: 15px;
  padding: 0;
  text-align: center;
  line-height: 14px;
  justify-content: center;
  font-family: var(--ff-inter-700);
  font-weight: 700;
  font-size: 1rem;
  width: 35px;
  left: calc(50% - 15px);
  bottom: 10px;
  padding-right: 2px;
}

.owl-carousel--groomers-wa .card-profile__groomer .rate img {
  top: 0;
  display: flex;
  width: auto;
  margin: auto 2px auto 0;
  height: 9px;
}

.owl-carousel--groomers-wa .card-body {
  padding: 3px 0 0 0;
}

.content-rebook-reschedule-for-mobile {
  display: none;
}

.cont-rating-big h3 {
  font-family: var(--ff-inter-700);
  font-size: 3.3rem;
  line-height: 3.3rem;
  color: #2E2E2E;
  margin: 0;
  margin-bottom: 8px;
}

.cont-rating-big p {
  font-family: var(--ff-inter-500);
  font-size: 1rem;
  color: #7C868A;
  margin-bottom: 8px;
}

.cont-rating-big__stars {
  margin-bottom: 8px;
}

.cont-rating-big {
  width: 80px;
  margin: auto;
}

.cont-rating-big,
.total-appt-cont {
  height: 82px;
}

.main__curveBox--groomer .appts.appts--groomer-card,
.appts--groomer-card {
  font-family: var(--ff-inter-700);
  font-size: 3.2rem;
  line-height: 3.6rem;
  color: #FF314A;
}

.owl-carousel.owl-carousel--groomers-wa .owl-stage {
  padding-left: 0 !important;
}

@media screen and (max-width: 768px) {
  .owl-custom-nav {
    display: none !important;
  }
  .owl-main {
    width: 100%;
  }
  .owl-carousel.owl-carousel--groomers-wa .owl-stage {
    padding-left: 0;
  }
  .select__package_container .box-two {
    padding: 0;
    display: grid;
  }
  .groomer-profile-cont {
    order: 2;
  }
  .select__package_container .vertical-line {
    margin-right: auto !important;
    display: flex !important;
    padding-left: 0 !important;
    border-right: 0;
    border-left: 1px solid #C9CFD4;
  }
  .d-none.d-md-flex.col-md-1.vertical-line.h-500 {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .cont-footer {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__nav .footer__container {
    height: 140px;
    align-items: flex-start !important;
    padding: 0;
  }
  .cont-footer-slide {
    width: 100%;
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    border: none;
    height: 48px;
    border-bottom: 1px solid #C9CFD4;
    margin: 0;
  }
  .cont-footer-button .groomit__button.left-button {
    margin-left: 15px;
  }
  .cont-footer-button .groomit__button.next-button {
    margin-right: 15px !important;
  }
  .footer-slide-content-main {
    padding-bottom: 5px;
  }
  .main__curveBox--groomer .rate {
    display: block;
    margin: auto;
  }
  .main__curveBox--groomer .rate .total {
    float: right;
  }
  .main__curveBox--groomer .image_groomer_profile {
    left: 0;
    width: 140px;
    height: 140px;
  }
  .col-1.vertical-line.mr-1 {
    margin-right: 0 !important;
  }
}
.select__package_container .box-two {
  padding-left: 2rem;
}
.select__package_container .main__curveBox.main__curveBox--click.main__curveBox--package.package_container {
  border-radius: 12px;
}
.select__package_container .package_container .package_container__description {
  padding-left: 12px !important;
  margin-right: 12px !important;
  width: calc(100% - 95px - 110px);
}
.select__package_container .package_container .package_container__price {
  padding-left: 12px !important;
  margin-right: 12px !important;
  text-align: center;
  width: 110px;
}
.select__package_container .package_container .wa__pkgTitle {
  width: 100%;
  padding-left: 0 !important;
  padding: 0 12px !important;
}
.select__package_container .package_container .wa__pkgName {
  width: 95px;
  padding: 0;
}

.container_input_file {
  border: 1px dashed #7C868A;
}

.cont-uploaded-img {
  width: 105px;
  height: 70px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-right: 8px;
}

.remove-uploaded {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #2E2E2E;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  text-align: center;
  line-height: 100%;
  cursor: pointer;
}

.remove-uploaded img {
  display: block;
  margin: 1px;
}

.select__package_container .main__curveBox.main__curveBox--click.main__curveBox--package.package_container {
  padding: 0 !important;
}

.modal--wa7 {
  z-index: 1021 !important;
}

.modal--wa7 .modal-content {
  border: none;
  border-radius: 25px;
  width: 430px;
  max-width: 100%;
  padding: 28px 20px 20px 20px;
}

.modal--wa7__icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.modal--wa7 button.btn-close {
  width: 36px;
  height: 36px;
  background-color: #fff;
  /*border: 2px solid #7C868A80;*/
  border-radius: 50%;
  position: absolute;
  right: 18px;
  top: 15px;
  opacity: 1;
  z-index: 2;
  background: url("/v7/images/icons/close-modal.svg") no-repeat;
  background-size: 27px;
  background-position: center;
  padding: 0;
  box-sizing: border-box;
}

.modal--wa7 h3 {
  font-size: 2rem;
  line-height: 2.6rem;
  color: #2E2E2E;
  font-family: var(--ff-inter-600);
}

.modal--wa7 p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #7C868A;
  font-family: var(--ff-inter-500);
  font-weight: 500;
}

.groomit__button--black {
  background-color: #2E2E2E !important;
}

.modal--wa7 .modal-footer .groomit__button.w-50 {
  width: 48% !important;
}

.modal--wa7 .modal-body p {
  margin-bottom: 25px;
}

.modal--wa7 .modal-footer {
  border: none;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.credit-card-selected {
  border: none !important;
  background-image: url("/v7/images/background-card-red.png") !important;
}
.credit-card-selected .visa {
  background-image: url("/v7/images/visa_logo.svg") !important;
  width: 78px;
  height: 36px;
  background-repeat: no-repeat;
}
.credit-card-selected .icon-edit {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 34px;
  height: 34px;
  background-image: url("/v7/images/icons/edit-icon-white.svg") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.credit-card-selected .icon-trash {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 34px;
  height: 34px;
  background-image: url("/v7/images/icons/icon-white-trash.svg") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.credit-card-selected .credit-card__chip .chip {
  width: 45px;
  height: 30px;
  background-image: url("/v7/images/chip.svg") !important;
}
.credit-card-selected .number {
  color: var(--groomit-white) !important;
}
.credit-card-selected .credit_card__number h5 {
  color: var(--groomit-white) !important;
}
.credit-card-selected .credit-card__holder_name h6 {
  color: var(--groomit-white) !important;
}
.credit-card-selected .credit-card__expire h6 {
  color: var(--groomit-white) !important;
}

.credit-card {
  background-image: url("/v7/images/background-card-unselect.png");
  width: 390px;
  height: 203px;
  border: 2px solid #CCC;
}
.credit-card .visa {
  background-image: url("/v7/images/visa_logo_black.svg");
  width: 78px;
  height: 36px;
  background-repeat: no-repeat;
}
.credit-card .selected {
  position: absolute;
  left: 100px;
  width: 94px;
  border: 1px solid white;
  padding: 5px 5px 5px 30px;
  height: 30px;
  top: 20px;
  background-color: #28B446;
  color: #FFF;
  font-family: var(--ff-inter-600);
  font-size: 12px;
  border-radius: 30px;
}
.credit-card .un-selected {
  position: absolute;
  left: 100px;
  width: 74px;
  border: 1px solid #7C868A;
  padding: 5px 5px 4px 16px;
  height: 30px;
  top: 20px;
  color: #7C868A;
  font-family: var(--ff-inter-600);
  font-size: 12px;
  border-radius: 30px;
}
.credit-card .icon-selected {
  position: absolute;
  left: 8px;
  top: 6px;
  width: 18px;
  height: 18px;
  background-image: url("/v7/images/icons/tick-circle.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.credit-card .icon-edit {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 34px;
  height: 34px;
  background-image: url("/v7/images/icons/edit-icon-black.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.credit-card .icon-trash {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 34px;
  height: 34px;
  background-image: url("/v7/images/icons/trash.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.credit-card .number {
  font-family: var(--ff-inter-500);
  font-size: 10px;
  color: var(--groomit-gray);
  text-transform: uppercase;
}
.credit-card .credit_card__number {
  position: absolute;
  top: 75px;
  left: 15px;
}
.credit-card .credit_card__number h5 {
  font-family: var(--ff-inter-500);
  font-size: 25px;
  color: var(--groomit-gray);
}
.credit-card .credit-card__holder_name {
  position: absolute;
  top: 145px;
  left: 15px;
}
.credit-card .credit-card__holder_name h6 {
  font-family: var(--ff-inter-500);
  font-size: 12px;
  color: var(--groomit-gray);
  letter-spacing: 9px;
  text-transform: uppercase;
  margin-top: 4px;
}
.credit-card .credit-card__expire {
  position: absolute;
  right: 40px;
  top: 75px;
}
.credit-card .credit-card__expire h6 {
  font-family: var(--ff-inter-500);
  font-size: 14px;
  color: var(--groomit-gray);
  text-transform: uppercase;
}
.credit-card .credit-card__chip {
  position: absolute;
  right: 37px;
  top: 145px;
  background: white;
  border-radius: 10px;
}
.credit-card .credit-card__chip .chip {
  width: 45px;
  height: 30px;
  background-image: url("/v7/images/icons/chip-black.svg");
}

.main__a--forgot-pass {
  margin-bottom: 10px !important;
}

.main__button.main__button--socialSign {
  width: calc(33.3% - 6px);
  min-width: auto;
  height: 38px;
  flex: 0 0 auto;
  margin: auto 3px;
  padding: 0;
  text-align: center;
  background: #fff;
  font-size: 1.6rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  margin-top: 5px;
}

.cont-socialSign {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main__button.main__button--socialSign:first-child {
  margin-left: 0;
}

.main__button.main__button--socialSign:last-child {
  margin-right: 0;
}

.main__button.main__button--socialSign img {
  margin-right: 4px;
}

.inputError {
  color: #EB5757 !important;
  margin-top: 4px;
  font-family: var(--ff-inter-500);
  font-weight: 500;
}

.main__input::-moz-placeholder {
  font-family: var(--ff-inter-500);
  font-weight: 500;
}

.main__input::placeholder {
  font-family: var(--ff-inter-500);
  font-weight: 500;
}

.checkmark {
  border-color: #BEC3C5 !important;
}

.main__input {
  font-family: var(--ff-inter-500);
}

.help_title-w-icon {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--groomit-black);
  margin-bottom: 25px;
}

.help_title-w-icon img {
  margin-right: 4px;
}

.h3__inter--22--700 {
  font-family: var(--ff-inter-700);
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.6rem;
  color: var(--groomit-black);
}

.p__inter--14--400 {
  font-family: var(--ff-inter-400);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--groomit-black);
}

.box__to_add_element {
  height: 69px;
  padding: 15px;
}

.box__to_add_element__icon {
  margin-right: 12px;
}

.box__to_add_element .main__p {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--groomit-black);
  margin-bottom: 5px;
}

.box__to_add_element .second__p {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: var(--groomit-color-grey);
}

.main__input--w-icon-r {
  padding-right: 40px;
}

.input-container .icon-credit-card {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/webapp/icons/credit-card.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.input-container .icon-user {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/webapp/icons/user.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.input-container .icon-calendar {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/webapp/icons/calendar.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.input-container .icon-lock {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/webapp/icons/lock.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.credit-card .icon-edit {
  cursor: pointer;
  z-index: 2;
}

.cont-photo-curve-box {
  height: 114px;
  width: 114px;
  background: #fff;
  border-radius: 20px;
}

.cont-inputs-with-add-photo {
  width: calc(100% - 124px);
}

.add-card-cont {
  border: 1px dashed #7C868A;
  padding: 25px 20px;
  border-radius: 30px;
}
.add-card-cont .add-card-icon {
  margin-right: 12px;
}
.add-card-cont .add-card-p {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #2E2E2E;
}
.add-card-cont .add-card-p-sub {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #7C868A;
}

.credit-card {
  margin-bottom: 10px;
}

.cont-decide-pkg {
  margin-bottom: 15px;
}

.cont-decide-pkg__header {
  border-radius: 15px 15px 0 0;
  height: 43px;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 15px;
}

.cont-decide-pkg__body {
  border-radius: 0 0 15px 15px;
  border: 1px solid rgba(124, 134, 138, 0.5);
  border-top: 0;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 15px;
}

.cont-decide-pkg__header--gold {
  background-color: #ED9F00;
}

.cont-decide-pkg__header--eco {
  background-color: #3064A3;
}

.cont-decide-pkg__header--silver {
  background-color: #AEAEAE;
}

.cont-decide-pkg__header h2 {
  font-size: 1.8rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
}

p.cont-decide-pkg__p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  margin: 0;
  margin-bottom: 0 !important;
  color: #7C868A;
}

p.cont-decide-pkg__p b {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
  margin-bottom: 12px;
}

p.cont-decide-pkg__p--big {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-family: var(--ff-inter-700);
  font-weight: 700;
  margin: 0;
  margin-bottom: 0 !important;
  color: #2E2E2E;
}

p.cont-decide-pkg__p--sub {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  margin: 0 !important;
  color: #7C868A;
}

.cont-decide-pkg__price {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  margin: 0 !important;
  color: #2E2E2E;
}

p.cont-decide-pkg__popular {
  font-size: 1rem;
  line-height: 1.8rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  margin: 0 !important;
  color: #fff;
  height: 1.8rem;
  width: 69px;
  border-radius: 25px;
  background-color: #ED9F00;
  margin-right: 7px !important;
}

.line-divider {
  height: 1px;
  background: #C9CFD4;
  margin: 12px 0;
  display: block;
}

.modal--helpDecidegModal.modal--wa7 .modal-content {
  padding: 15px 0 !important;
}

.modal--helpDecidegModal .modal-body {
  padding: 0 25px !important;
}

.modal--helpDecidegModal .modal-footer {
  padding: 0 25px !important;
}

.modal--helpDecidegModal * {
  scrollbar-width: thin;
  scrollbar-color: #2E2E2E #e5e7e8;
}
.modal--helpDecidegModal *::-webkit-scrollbar {
  width: 4px;
}
.modal--helpDecidegModal *::-webkit-scrollbar-track {
  background: #919191;
}
.modal--helpDecidegModal *::-webkit-scrollbar-thumb {
  background-color: #2E2E2E;
  border-radius: 6px;
  border: 3px solid #ffffff;
}

.mask {
  position: absolute;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.bg-gradient-dark {
  background-image: linear-gradient(310deg, #212229 0%, #212529 100%);
}

#section-date-selection {
  background: transparent;
}

.ecoDay {
  /* background: #3064A3 !important; */
  background: transparent !important;
}

.greenDay {
  /* background: #43D27F!important; */
  background: transparent !important;
}

.greyDay {
  background: #DADADA !important;
}

.mbsc-ios.mbsc-calendar-mark {
  width: 23px;
  height: 3px;
  border-radius: 16px;
  opacity: 1;
}

.mbsc-wa-v6.mbsc-calendar-header {
  margin-bottom: 15px;
}

.mbsc-font {
  font-family: "Inter", sans-serif;
}

.mbsc-wa-v6.mbsc-calendar-today,
.mbsc-wa-v6.mbsc-calendar-week-nr {
  color: #FF314A;
}

.mbsc-wa-v6.mbsc-selected .mbsc-calendar-cell-text,
.mbsc-wa-v6.mbsc-hover .mbsc-calendar-cell-text {
  border-color: #FF314A;
  background: #FF314A;
  border-radius: 5px;
  color: #fff;
}

.mbsc-wa-v6.mbsc-datepicker-inline {
  border: none;
  /* background: #FFFFFF;
  border: 1px solid #F2F2F2;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  overflow: hidden;
}

.mbsc-wa-v6.mbsc-calendar-title {
  color: #2E2E2E;
  font-size: 30px;
  font-family: var(--ff-inter-700);
}

.mbsc-wa-v6.mbsc-calendar-year {
  color: #FF314A;
}

.mbsc-ios.mbsc-calendar-day-text {
  border: 1px solid rgba(124, 134, 138, 0.3019607843);
  border-radius: 8px;
}

.mbsc-ios.mbsc-calendar-day-text {
  width: 2.5em;
  height: 2.5em;
  /* margin: .1875em; */
  margin: 0 !important;
  padding: 0;
  line-height: 2.5em;
  font-family: var(--ff-inter-500);
  font-size: 22px;
  color: #2E2E2E;
}

.mbsc-ios.mbsc-datepicker .mbsc-highlighted .mbsc-calendar-day-text,
.mbsc-ios.mbsc-datepicker .mbsc-hover .mbsc-calendar-day-text,
.mbsc-ios.mbsc-datepicker .mbsc-range-hover-end .mbsc-calendar-day-text,
.mbsc-ios.mbsc-datepicker .mbsc-range-hover-start .mbsc-calendar-day-text,
.mbsc-ios.mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text {
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  font-family: var(--ff-inter-500);
  font-size: 22px;
  font-weight: 800;
}

.mbsc-wa-v6.mbsc-datepicker .mbsc-calendar,
.mbsc-wa-v6.mbsc-datepicker .mbsc-calendar-cell,
.mbsc-wa-v6.mbsc-datepicker .mbsc-calendar-slide {
  background: #F2F2F2;
}

.mbsc-calendar-button-prev {
  position: absolute;
  left: 5px;
  background-color: #2E2E2E;
  width: 60px;
  height: 37px;
  color: #FFF !important;
}

.mbsc-calendar-button-next {
  position: absolute;
  right: 5px;
  background-color: #2E2E2E;
  width: 60px;
  height: 37px;
  color: #FFF !important;
}

.mbsc-calendar-title-wrapper {
  margin: auto !important;
  display: inline-grid !important;
}

/* .mbsc-wa-v6.mbsc-calendar-button.mbsc-button {

  } */
.todayPrice {
  width: 100%;
  text-align: center;
  margin: auto;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.todayPrice .todayPriceNum {
  width: 33px;
  color: #fff;
  background: #7C868A;
  border-radius: 2px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1rem;
  height: 1.3rem;
  line-height: 1.3rem;
  margin: auto;
  display: inline-block;
}

.mbsc-wa-v6.mbsc-datepicker .mbsc-calendar-cell {
  position: relative;
  padding-bottom: 5px;
}

.add-card-cont {
  border: 1px dashed #7C868A;
  padding: 25px 20px;
  border-radius: 30px;
}
.add-card-cont .add-card-icon {
  margin-right: 12px;
}
.add-card-cont .add-card-p {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #2E2E2E;
}
.add-card-cont .add-card-p-sub {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #7C868A;
}

.credit-card {
  margin-bottom: 10px;
}

.main__curveBox--w-r-buttons__left {
  width: calc(100% - 90px);
}

.main__curveBox--w-r-buttons__right {
  width: 90px;
}

.main__curveBox--w-r-buttons .wa__profilePhoto {
  width: 48px;
  height: 48px;
  margin-right: 8px;
}

.main__curveBox--w-r-buttons .main__h2 {
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #2E2E2E;
  margin-bottom: 5px;
}

.main__curveBox--w-r-buttons .main__h2 a {
  margin-left: 5px;
}

.main__curveBox--w-r-buttons .main__h5 {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
}

.groomit__button.groomit__button--in-form {
  min-width: 84px;
  height: 38px !important;
  padding-left: 3px;
  padding-right: 3px;
}

.main__curveBox--w-r-buttons__right a:last-child {
  margin-left: 5px;
}

.main__curveBox--w-r-buttons .pkg-name {
  height: 18px;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  font-size: 1rem;
  line-height: 19px;
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 25px;
  margin-right: 5px;
  margin-left: 5px;
}

.main__curveBox--w-r-buttons .pkg-name--gold {
  background-color: #ED9F00;
}

.main__curveBox--w-r-buttons .pkg-name--silver {
  background-color: #7C868A;
}

.main__curveBox--w-r-buttons .pkg-name--eco {
  background-color: #3064A3;
}

.main__curveBox--w-r-buttons .line-divider {
  background-color: #C9CFD4;
  margin-top: 15px;
  margin-bottom: 15px;
}

.promo-code__button {
  position: absolute;
  bottom: 7px;
  right: 7px;
  background-color: #000;
}

.input-group-promo-code input {
  padding-right: 95px;
}

.input-container .icon-price-amount {
  position: absolute;
  right: 15px;
  top: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/v7/images/webapp/icons/price-amount.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.color-groomit-black {
  color: var(--groomit-black) !important;
}

.bg-color-groomit-black {
  background-color: var(--groomit-black) !important;
}

.mt-20p {
  margin-top: 20px !important;
}

.mt-10p {
  margin-top: 10px !important;
}

.curve-box.selected {
  border: 1.5px solid #FF314A;
}

.options-selected-cont {
  background-color: #f2f3f3;
  height: 36px;
  border-radius: 10px;
}

.options-selected-cont ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  list-style: none;
  width: 100%;
  padding: 0 10px;
}

.options-selected-cont ul li {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  text-decoration: none;
  list-style: none;
  padding: 0 10px;
}

.options-selected-cont ul li.divider {
  width: 1px;
  background: #7C868A;
  height: 13px;
  padding: 0 !important;
}

.curve-box.curve-box--v7 .main__inputGroup--select-float .checkmark {
  left: -25px;
  width: 22px;
  height: 22px;
}
.curve-box.curve-box--v7 .main__inputGroup--select-float .main__input__checkbox__container .checkmark:after {
  left: 8px;
  top: 4px;
}
.curve-box.curve-box--v7 .main__inputGroup--select-float .main__input__checkbox__container input:checked ~ .checkmark {
  border: 1px solid #FF314A !important;
}
.curve-box.curve-box--v7 .main__inputGroup--select-float {
  position: absolute;
  top: 10px;
  right: 12px;
}
.curve-box.curve-box--v7 .main__input__checkbox__container {
  padding-left: 0 !important;
}

.cont-appt-card__right--border-left {
  border-left: 1px solid #DEE2E6;
  padding-left: 20px;
  padding-right: 10px;
}

.main__p--in-card {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  text-decoration: none;
}

.main__p--in-card-small {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
}

.h2-text-in {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #2E2E2E;
  text-decoration: none;
}

.main__h2--in-card {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
  text-decoration: none;
}

.grey-link {
  color: #7C868A;
  text-decoration: none;
}

.wa-menu-desktop-cont,
.wa-menu-mobile-cont {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  width: 265px;
  height: -moz-fit-content;
  height: fit-content;
}

.navbar-brand {
  width: 265px;
}

.main__wa--content {
  width: calc(100% - 265px);
  padding-left: 45px;
  padding-right: 0;
}

.wa-menu-desktop-item {
  margin-bottom: 25px;
}

.wa-menu-desktop-a {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
  text-decoration: none;
}

.wa-menu-desktop-a.active {
  color: #FF314A;
}

.wa-menu-desktop-a img {
  margin-right: 10px;
}

.wa-menu-desktop-cont .line-divider,
.wa-menu-mobile-cont .line-divider {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wa-menu-desktop-cont .line-divider.line-divider--menu-logout-top,
.wa-menu-mobile-cont .line-divider.line-divider--menu-logout-top {
  margin-bottom: 20px;
}

.wa-menu-desktop-cont .line-divider.line-divider--menu-logout-bottom .wa-menu-mobile-cont .line-divider.line-divider--menu-logout-bottom {
  margin-top: 20px;
}

.cont-download-app p {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #7C868A;
  text-decoration: none;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.cont-download-app a:first-child {
  margin-right: 4px;
}

.big-title {
  font-size: 3.5rem;
  line-height: 4.5rem;
  font-family: "Filson Soft Bold";
  font-weight: 700;
  color: #2E2E2E;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}

.middle-title {
  font-size: 2.6rem;
  line-height: 2.6rem;
  font-family: "Filson Soft Bold";
  font-weight: 700;
  color: #2E2E2E;
  margin-bottom: 5px;
}

.groomit__wa-h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  margin-bottom: 25px;
}

.groomit__wa-h4 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-700);
  font-weight: 700;
  color: #2E2E2E;
  margin-bottom: 0;
}

.cont-share-refer .groomit__wa-h4 {
  padding-top: 10px;
}
.cont-share-refer .share-icon {
  margin-right: 4px;
  cursor: pointer;
}
.cont-share-refer .groomit__button img {
  padding-left: 10px;
  padding-right: 10px;
}

.curve-box {
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}

.groomit__p.groomit__p--share {
  font-size: 1.6rem !important;
  line-height: 1.9rem !important;
  font-family: var(--ff-inter-500) !important;
  font-weight: 500 !important;
  color: #7C868A !important;
  margin-bottom: 10px !important;
}

.cont-share-refer__left {
  width: 186px;
}

.cont-share-refer__right {
  width: calc(100% - 186px);
}

.groomit__button.groomit__button--38p {
  height: 38px !important;
}

.mb-20p {
  margin-bottom: 20px !important;
}

.cont-circle-avatar {
  width: 55px;
  height: 55px;
  border: 1px solid #bdc2c4;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cont-circle-avatar--empty {
  width: 55px;
  height: 55px;
  border: 1px solid #bdc2c4;
  border-radius: 50%;
  background-position: center;
  background-size: 70%;
  background-image: url("/v7/images/webapp/icons/dog-grey.svg");
}

.cont-circle-avatar--empty.dig {
  background-image: url("/v7/images/webapp/icons/dog-grey.svg");
}

.cont-circle-avatar--groomer {
  width: 45px;
  height: 45px;
  border: 1px solid #bdc2c4;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-image: url("/v7/images/webapp/groomer-sample.jpg");
  background-repeat: no-repeat;
}

.cont-circle-avatar--groomer-default {
  width: 45px;
  height: 45px;
  border: 1px solid #bdc2c4;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-image: url("/v7/images/webapp/user-photo-image.png");
  background-repeat: no-repeat;
}

.color-text {
  font-size: 1rem;
  line-height: 15px;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #fff;
  border-radius: 25px;
  padding: 3px 6px 1px 6px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  cursor: pointer;
}

.color-text.green {
  background-color: #28B446;
}

.color-text.blue {
  background: #3064A3;
}

.color-text.red {
  background-color: #EB5757;
}

.color-text.yellow {
  background-color: #ed9f00;
}

.color-text.purple {
  background-color: #9449CE;
}

.color-text.skyblue {
  background-color: #2F87D8;
}

.info__status--rebooking {
  background: #2F87D8;
}

.gr-curve-card--blue {
  border: 1px solid #2F87D8;
  background: #EBF3FC !important;
}

.cont-pet-q__each {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  border: 2.93px solid #E7E7E7;
  background-position: center;
  background-size: cover;
  background-image: url("/v7/images/dog-sample-small.jpg");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.cont-pet-q__each p {
  font-size: 1.6rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}

.cont-pet-q--x1 .cont-pet-q__each {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.cont-pet-q--x2 .cont-pet-q__each {
  position: absolute;
  top: calc(50% - 20.5px);
  right: 0;
}
.cont-pet-q--x2 .cont-pet-q__each:first-child {
  right: 30px;
}

.cont-pet-q--x3 .cont-pet-q__each {
  position: absolute;
  top: calc(50% - 20.5px);
  right: 0;
}
.cont-pet-q--x3 .cont-pet-q__each:first-child {
  left: 0;
}
.cont-pet-q--x3 .cont-pet-q__each:nth-child(2) {
  right: 32.5px;
}

.cont-pet-qs {
  width: 106px;
}

.curve-box.curve-box--in {
  border: 1px solid #bdc2c4;
  padding: 9px;
}

.curve-box.curve-box--in .main__h2 {
  font-size: 1.6rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  margin-bottom: 0;
}

.curve-box.curve-box--in .main__p i {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  margin-bottom: 0;
  color: #7C868A;
}

.mr-10p {
  margin-right: 10px;
}

.cont-actions__each button {
  border: none !important;
  padding: 0 !important;
  background: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 50%;
  overflow: hidden;
}

.mr-5p {
  margin-right: 5px !important;
}

.cont-actions {
  border-left: 1px solid #7C868A;
  padding-left: 10px;
}

.groomit__button--rate-service {
  background: #ED9F00 !important;
}

.groomit__button--give-tip {
  background: #2E2E2E !important;
}

.mb-10p {
  margin-bottom: 10px !important;
}

.square-radius-opttions-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.square-radius-opttion {
  height: 52px;
  border: 1px solid rgba(124, 134, 138, 0.5019607843);
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.square-radius-opttion p {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #7C868A;
  text-decoration: none;
}

.square-radius-opttion p.small {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  text-decoration: none;
}

.square-radius-opttion.selected {
  border: 1.5px solid #FF314A !important;
}

.square-radius-opttion.selected p {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
}

.square-radius-opttion.selected p.small {
  color: #FF314A;
}

.accordion-item.rate-item .accordion-button {
  box-shadow: none !important;
}

.accordion-button-icon-cont {
  width: 46px;
}

.accordion-button-text-cont {
  width: calc(100% - 46px);
}
.accordion-button-text-cont p {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
}
.accordion-button-text-cont p span {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
}

.accordion-item.rate-item {
  background-color: #f2f3f3;
}
.accordion-item.rate-item .accordion-button {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent;
}

.addon-item.accordion-item h2.accordion-header {
  height: 77px;
}

.cont-rate-in-w-stars {
  background: #fff;
}

.rate-white-box {
  border: 1px solid rgba(124, 134, 138, 0.5019607843);
  border-radius: 15px;
  padding: 15px;
}

.modal--wa7 h3.rate-type-title,
.rate-type-title {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
  margin-bottom: 0;
}

.accordion-item.rate-item .accordion-header,
.accordion-item.rate-item .accordion-button collapsed {
  border-bottom: none !important;
}

.main.main--wa-7 {
  background: #eeeff0;
}

.modal--wa7 p.rate-num,
.rate-num {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
}

.cont-rate-stars {
  display: flex;
}

.cont-rate-star {
  margin-right: 5px;
  cursor: pointer;
}

.cont-rate-star.inactive .rate-star-inactive {
  display: block;
}
.cont-rate-star.inactive .rate-star-active {
  display: none;
}

.cont-rate-star.active .rate-star-active {
  display: block;
}
.cont-rate-star.active .rate-star-inactive {
  display: none;
}

@media screen and (max-width: 768px) {
  .main__wa--content {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .wa-menu-desktop-cont {
    display: none;
  }
}
.mobile-menu-v7-header {
  height: 110px;
}

.need-help-a {
  border: 1px solid rgba(124, 134, 138, 0.5019607843);
  border-radius: 10px;
  height: 45px;
  text-decoration: none;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 140px;
  font-size: 1.4rem;
  line-height: normal;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
}

.container-fluidNav.v7 {
  height: 78px;
}
.container-fluidNav.v7 .main__input {
  height: 45px;
}
.container-fluidNav.v7 .input-container .icon-arrow {
  top: 12px;
}
.container-fluidNav.v7 .groomit__dropdown {
  height: 45px;
}
.container-fluidNav.v7 .v-divider-dropdown {
  width: 1px;
  height: 19px;
  background: #7C868A;
  margin: auto 10px;
}

.ml-15p {
  margin-left: 15px !important;
}

.close-monile-menu {
  position: absolute;
  top: 13px;
  right: 18px;
  width: 35px;
  height: 35px;
  border: 2px solid rgba(124, 134, 138, 0.5019607843);
  background: #fff;
  border-radius: 50%;
  background: #fff;
  padding: 0;
}

.social-menu-mobile {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.social-menu-mobile li {
  padding: 0;
  margin: 0;
  margin-right: 5px;
}

.social-menu-mobile li:last-child {
  margin-right: 0;
}

.mobile-help-text {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #2E2E2E;
  margin-bottom: 0;
}

.mobile-help-text a {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-family: var(--ff-inter-300);
  font-weight: 300;
  color: #7C868A;
  margin-bottom: 0;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .mobile-menu-v7 {
    position: fixed;
    top: 0;
    left: 0;
    margin-left: -15px;
    padding-left: 15px;
    width: calc(100% + 15px);
    background-color: #fff;
    min-height: 100vh;
    padding-bottom: 140px;
  }
  .navbar-brand.d-md-none {
    margin: auto;
    text-align: center;
  }
  .container-fluidNav.v7 {
    height: auto;
  }
  .container-fluidNav.v7 .main__input {
    height: 45px;
  }
  .container-fluidNav.v7 .navbar-brand {
    width: auto;
  }
  /*
  .col-5.col-one {
      display: none !important;
  }
  */
  .mobile-menu-v7 .footer-menu {
    height: 140px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .divider-footer-menu {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: var(--ff-inter-400);
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 10px;
  }
  .footer-menu a {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: var(--ff-inter-400);
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 10px;
    text-decoration: none;
  }
  .footer-menu-copy {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: var(--ff-inter-300);
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0.5;
  }
  .menu-link-divider {
    width: 100%;
    height: 1px;
    background: #BEC3C5;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
main.main.main--wa-7.main--wBottomBanner {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  main.main.main--wa-7.main--wBottomBanner {
    padding-bottom: 95px;
    padding-top: 0px !important;
  }
}
.bg-menu-curve {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.book-button-footer {
  width: 60px;
  height: 60px;
  background: #FF314A;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  left: calc(50% - 30px);
}

.footer-actions-menu {
  padding: 20px 30px;
  background: url("/v7/images/webapp/bg-footer-menu.webp");
  background-size: cover;
  background-position: top center;
  height: 78px;
  position: relative;
}

.footer-actions-menu--left,
.footer-actions-menu--right {
  width: calc(50% - 45px);
  display: flex;
  justify-content: space-between;
}
.footer-actions-menu--left a,
.footer-actions-menu--right a {
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  margin-bottom: 0;
  text-decoration: none;
  justify-content: center;
  text-align: Center;
}
.footer-actions-menu--left a.active,
.footer-actions-menu--right a.active {
  color: #FF314A;
}
.footer-actions-menu--left a img,
.footer-actions-menu--right a img {
  margin: 0 auto 6px auto;
}

@media screen and (max-width: 768px) {
  .welcome-text h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-family: "Filson Soft Bold";
    font-weight: 700;
    margin: 0;
  }
  .welcome-text .groomit__wa-h3 {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: var(--ff-inter-500);
    font-weight: 500;
    margin: 0;
  }
  .welcome-text-and-credits-cont {
    margin-bottom: 25px;
  }
}
.mb-25p {
  margin-bottom: 25px !important;
}

.cont-notifications__icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.input-container--area--dashboard select {
  border-color: #fff !important;
  padding-right: 45px;
  margin-bottom: 25px;
}

.welcome-text {
  width: calc(100% - 130px);
}

.welcome-credits-menu {
  width: 130px;
}

.input-container--area select {
  padding-left: 45px;
  background-image: url(/v7/images/webapp/icons/location-red.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
  background-color: #fff;
}

.credits-menu {
  border-radius: 12px;
  background: #FF314A;
  color: #fff;
  padding: 7px 10px;
  margin-right: 20px;
  text-align: center;
  height: 45px;
}
.credits-menu p {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
}
.credits-menu p b {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-family: var(--ff-inter-700);
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

.welcome-credits-menu .credits-menu {
  margin-right: auto;
}

.vertical-divider-menu {
  height: 26px;
  width: 1px;
  background: #000000;
  margin-left: 20px;
  margin-right: 20px;
}

.vertical-divider {
  width: 1px;
  background: #7C868A;
  height: 36px;
  margin: auto 20px;
}

.disclaimer {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
  margin-bottom: 20px;
}

.wa-menu-desktop-a img.wa-menu-desktop-icon-i {
  display: inline-block;
}

.wa-menu-desktop-a img.wa-menu-desktop-icon-a {
  display: none;
}

.wa-menu-desktop-a.active img.wa-menu-desktop-icon-i {
  display: none;
}

.wa-menu-desktop-a.active img.wa-menu-desktop-icon-a {
  display: inline-block;
}

.footer-actions-menu a img.inactive {
  display: inline-block;
}

.footer-actions-menu a img.active {
  display: none;
}

.footer-actions-menu a.active img.inactive {
  display: none;
}

.footer-actions-menu a.active img.active {
  display: inline-block;
}

.info-info p {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .main__wa--content {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .cont-appt-info--pet.cont-appt-info {
    width: calc(100% - 70px);
  }
  .main__curveBox__transparent .groomit__button {
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer-actions-menu {
    padding: 20px;
  }
  .footer__nav--v7 {
    z-index: 2;
  }
}
.cont-select-item {
  height: 52px;
  border-radius: 20px;
  border: 1px solid rgba(124, 134, 138, 0.5019607843);
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 10px;
}
.cont-select-item .select-item {
  height: 100%;
  background: #fff;
  padding: 0 15px;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
}
.cont-select-item .select-item img {
  margin-right: 10px;
}

.cont-select-item.selected,
.cont-select-item:hover {
  border: 1px solid #000;
}

.select-dog--item {
  margin-bottom: 20px;
}

.select-dog--item-avatar {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 8px;
}

p.select-dog--item-pet-name {
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 0 !important;
}
p.select-dog--item-pet-name img {
  margin-left: 3px;
  cursor: pointer;
}

p.select-dog--item-pet-last-groomed {
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #7C868A;
  margin: 0;
  margin-bottom: 0 !important;
  margin-top: 5px;
}

.select-dog--item-right img {
  cursor: pointer;
}

.select-address-custom {
  width: 100%;
}

.select-address-custom-cont {
  cursor: pointer;
  border: 1px solid #BEC3C5;
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
.select-address-custom-cont p {
  width: calc(100% - 90px);
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-600);
  font-weight: 600;
  color: #2E2E2E;
}
.select-address-custom-cont .select-address-custom__cont-icon-left {
  text-align: center;
  width: 45px;
}
.select-address-custom-cont .select-address-custom__cont-icon-right {
  text-align: center;
  width: 45px;
}
.select-address-custom-cont .select-address-custom-options-cont {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 25px;
}
.select-address-custom-cont .select-address-custom-option {
  border-left: 3px solid transparent;
}
.select-address-custom-cont .select-address-custom-option p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #7C868A;
  text-align: center;
  height: 50px;
  width: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.5px solid #BEC3C5;
  margin: 0 auto;
}
.select-address-custom-cont .select-address-custom-option:last-child p {
  border-bottom: none;
}
.select-address-custom-cont .select-address-custom-option:hover,
.select-address-custom-cont .select-address-custom-option.active {
  cursor: pointer;
  border-left: 3px solid #FF314A;
  background: #fff;
}
.select-address-custom-cont .select-address-custom-option:hover p,
.select-address-custom-cont .select-address-custom-option.active p {
  font-family: var(--ff-inter-500);
  font-weight: 500;
  color: #2E2E2E;
}

.main__curveBox--click .cont-pet-qs {
  height: 41px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.main__curveBox--click .cont-pet-qs .cont-pet-q--x3 {
  width: 106px;
}
.main__curveBox--click .cont-pet-qs .cont-pet-q--x2 {
  width: 72px;
  height: 41px;
}
.main__curveBox--click .cont-pet-qs .cont-pet-q--x1 {
  width: 41px;
  height: 41px;
}

.pt-4 {
  padding-top: 4rem !important;
}

.row-service {
  display: flex;
  justify-content: space-between;
  align-items: flex-start !important;
}

.vertical-line.vertical-line--dash {
  position: absolute;
  height: 100%;
  left: calc(50% - 0.5px);
}

#all_appointment_list {
  margin-bottom: 0;
  font-family: var(--ff-inter-500);
  font-weight: 500;
  font-size: 14px;
}

#wa-dashboard-carousel {
  margin-bottom: 40px;
}
#wa-dashboard-carousel .carousel-indicators {
  opacity: 1;
  bottom: -30px;
}
#wa-dashboard-carousel .carousel-indicators [data-bs-target] {
  background-color: #7C868A;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
}
#wa-dashboard-carousel .carousel-indicators .active {
  width: 16px !important;
  border-radius: 7px;
  background-color: #2E2E2E;
  border-radius: 7px;
}
#wa-dashboard-carousel .carousel-indicators .active [data-bs-target] {
  background-color: #2E2E2E;
  border-radius: 7px;
  border-radius: 7px;
}

.curve-box.curve-box--custom-slide {
  padding: 13px 20px;
  height: 158px;
}

.curve-box--custom-slide-dark {
  height: 158px;
  background: linear-gradient(90deg, #2D2D2D 50%, #333438 100%);
  padding: 0;
}
.curve-box--custom-slide-dark .cont-share-refer__left {
  width: 255px;
  padding: 20px 0 20px 20px;
}
.curve-box--custom-slide-dark .cont-share-refer__right {
  width: calc(100% - 255px);
}
.curve-box--custom-slide-dark .groomit__wa-h4 {
  color: #fff;
  padding-top: 0;
}

.ml-5p {
  margin-left: 5px;
}

.curve-box--custom-slide-dark .groomit__button {
  background-color: transparent;
  font-family: var(--ff-inter-400);
  font-weight: 400;
  color: #fff;
  border: 1px solid #fff;
  width: 199px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .curve-box--custom-slide-dark .groomit__wa-h4 {
    margin-bottom: 20px;
  }
}
.share-modal-p {
  color: #2e2e2e !important;
}

.promo-code {
  display: inline-block;
  max-width: 172px;
  /* Adjust width as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 27px;
}

.gr-button--share-code {
  padding-left: 15px;
  padding-right: 15px;
}

/*wa 8*/
/* Margins */
.ml-5-px {
  margin-left: 5px !important;
}

.mb-3-px {
  margin-bottom: 3px !important;
}

.mb-25-px {
  margin-bottom: 25px !important;
}

.mb-4-px {
  margin-bottom: 4px !important;
}

.mb-6-px {
  margin-bottom: 6px !important;
}

.mt-10-px {
  margin-top: 10px !important;
}

.mt-15-px {
  margin-top: 15px !important;
}

.mt-35-px {
  margin-top: 35px !important;
}

.mb-35-px {
  margin-bottom: 35px !important;
}

.mb-8-px {
  margin-bottom: 8px !important;
}

.mt-8-px {
  margin-top: 8px !important;
}

.mb-10-px {
  margin-bottom: 10px !important;
}

.mb-12-px {
  margin-bottom: 12px !important;
}

.mb-15-px {
  margin-bottom: 15px !important;
}

.mb-5-px {
  margin-bottom: 5px !important;
}

.mr-30-px {
  margin-right: 30px !important;
}

.ml-30-px {
  margin-left: 30px !important;
}

.mb-30-px {
  margin-bottom: 30px !important;
}

.mb-20-px {
  margin-bottom: 20px !important;
}

.mt-30-px {
  margin-top: 30px !important;
}

.mt-20-px {
  margin-top: 20px !important;
}

.mt-25-px {
  margin-top: 25px !important;
}

.ml-5px {
  margin-left: 5px !important;
}

.mr-5-px {
  margin-right: 5px !important;
}

.mr-10-px {
  margin-right: 10px !important;
}

.mr-20-px {
  margin-right: 20px !important;
}

.mr-25-px {
  margin-right: 25px !important;
}

.pl-30-px {
  padding-left: 30px !important;
}

.pr-30-px {
  padding-right: 30px !important;
}

.pl-20-px {
  padding-left: 20px !important;
}

.pr-20-px {
  padding-right: 20px !important;
}

.pb-20-px {
  padding-bottom: 20px !important;
}

.pt-20-px {
  padding-top: 20px !important;
}

.mr-4-px {
  margin-right: 4px;
}

/* Margins */
.max-content {
  width: -moz-max-content;
  width: max-content;
}

.gr-h2 {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
}
.gr-h2--big {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-family: "Filson Soft Bold";
  font-weight: 700;
}

.gr-h3 {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8rem;
  letter-spacing: -0.5px;
  margin: 0;
}
.gr-h3--middle {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2.2rem !important;
  font-style: normal;
  line-height: 2.2rem !important;
}
.gr-h3--big {
  font-family: "Filson Soft Bold";
  font-weight: 700;
  font-size: 3rem;
  font-style: normal;
  line-height: 3rem;
}
.gr-h3--sub-big {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 2rem;
  line-height: 2rem;
  font-style: normal;
  color: #7C868A;
}
.gr-h3--with-icon {
  display: flex;
  align-items: center;
}

.gr-h4 {
  color: #2E2E2E;
  font-family: "Inter 600";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6rem;
  letter-spacing: -0.5px;
  margin: 0;
}
.gr-h4--500 {
  font-family: "Inter 500";
  font-weight: 500;
}

.gr-p {
  color: #7C868A;
  font-family: "Inter 500";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.gr-p--small {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.gr-p--description-in {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
}
.gr-p--label {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  font-family: "Inter 500";
  font-weight: 500;
}
.gr-p--label b {
  font-family: "Inter 700" !important;
  font-weight: 700 !important;
}
.gr-p--error {
  color: #EB5757;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-family: "Inter 500";
  font-weight: 500;
}
.gr-p--14 {
  font-size: 1.4rem !important;
  line-height: 1.4rem !important;
}
.gr-p--16 {
  font-size: 1.6rem !important;
  line-height: 1.6rem !important;
}

.gr-uploaded-img {
  height: 20px;
  border-radius: 25px;
  background: #2E2E2E;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding: 0 9px;
}
.gr-uploaded-img__gr-p {
  font-size: 1rem;
  line-height: 1rem;
  color: #fff;
  font-family: "Inter 600";
  font-weight: 600;
  margin: 0;
}
.gr-uploaded-img__icon {
  margin-left: 5px;
  cursor: pointer;
}

.gr-modal--wa7 {
  padding-top: 0;
}
.gr-modal--wa7 .accordion-item .accordion-item .accordion-button .gr-h4 {
  color: #2E2E2E;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 700;
  font-family: "Inter 700";
  text-transform: uppercase;
}
.gr-modal--wa7 .accordion-item .accordion-item .accordion-button .gr-p {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  font-family: "Inter 500";
}
.gr-modal--wa7 .accordion-item .accordion-button .gr-p {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-family: "Inter 600";
}
.gr-modal--wa7 .modal-footer {
  border: none !important;
  padding: 0;
}
.gr-modal--wa7 .modal-footer__two-buttons-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.gr-modal--wa7 .modal-footer__two-buttons-cont .gr-button {
  width: 50%;
}

.accordion-item__item-in--border .gr-h4 {
  color: #2E2E2E;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 700;
  font-family: "Inter 700";
  text-transform: uppercase;
}

.accordion-item__item-in--border .gr-p {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  font-family: "Inter 500";
}

.gr-package-name {
  border-radius: 25px;
  height: 18px;
  min-width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Inter 600";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.gr-package-name--black {
  background: #2E2E2E;
}
.gr-package-name--gold {
  background: #ED9F00;
}
.gr-package-name--silver {
  background: #7C868A;
}
.gr-package-name--updated {
  background: #0A7170;
  padding-left: 5px;
  padding-right: 5px;
}
.gr-package-name--eco {
  background: #3064A3;
}

.gr-disclaimer {
  color: #2E2E2E;
  font-family: "Inter 500";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}

.gr-button {
  display: flex;
  border-radius: 10px;
  height: 38px;
  justify-content: center;
  align-items: center;
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  border: 1px solid;
}
.gr-button--book-apointment {
  width: 246px;
}
.gr-button--refund-status {
  width: 204px;
}
.gr-button--h-48 {
  height: 48px;
}
.gr-button--h-25 {
  height: 25px;
}
.gr-button--red {
  background-color: #FF314A;
  border-color: #FF314A;
  color: #fff;
}
.gr-button--black {
  border-color: #2E2E2E;
  background-color: #2E2E2E;
  color: #fff;
}
.gr-button--yellow {
  border-color: #ED9F00;
  background-color: #ED9F00;
  color: #fff;
}
.gr-button--white {
  border-color: #BEC3C5;
  background-color: #fff;
  color: #2E2E2E;
}
.gr-button--white-black {
  border-color: #2E2E2E;
  background-color: #fff;
  color: #2E2E2E;
}
.gr-button--white-red {
  border-color: #FF314A;
  background-color: #fff;
  color: #FF314A;
}
.gr-button--transparent-red {
  border-color: #FF314A;
  background-color: transparent;
  color: #FF314A;
}
.gr-button--delete-account {
  min-width: 138px;
  max-width: 100%;
}
.gr-button--chip {
  font-size: 1.2rem;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
}
.gr-button--view-pet, .gr-button--edit-pet {
  width: 85px;
  min-width: auto;
}
.gr-button--book-appointment {
  width: 175px;
  min-width: auto;
}
.gr-button--book-now {
  width: 254px;
  min-width: auto;
}
.gr-button--remove-pet {
  width: 112px;
  min-width: auto;
}
.gr-button--remove-pet-long {
  width: 148px;
  min-width: auto;
}
.gr-button--remove {
  width: 134px;
  min-width: auto;
}
.gr-button--w-229-px, .gr-button--view-appointment {
  width: 229px;
}
.gr-button--rebook {
  min-width: 129px;
  max-width: 100%;
}
.gr-button--tip, .gr-button--reschedule {
  min-width: 122px;
  max-width: 100%;
}
.gr-button--rate {
  min-width: 149px;
  max-width: 100%;
}
.gr-button--check-on-appointments {
  min-width: 265px;
  max-width: 100%;
}
.gr-button--add-pet {
  min-width: 159px;
  max-width: 100%;
}
.gr-button--add {
  min-width: 78px;
  max-width: 100%;
}
.gr-button--check-refund {
  min-width: 200px;
  max-width: 100%;
}
.gr-button--save {
  min-width: 107px;
  max-width: 100%;
}
.gr-button--save-address {
  min-width: 163px;
  max-width: 100%;
}
.gr-button--cancel {
  min-width: 92px;
  max-width: 100%;
}
.gr-button--add-card {
  min-width: 143px;
  max-width: 100%;
}
.gr-button--yes-continue {
  min-width: 247px;
  max-width: 100%;
}
.gr-button--yes-reschedule {
  min-width: 165px;
  max-width: 100%;
}
.gr-button--confirm-cancelation {
  min-width: 222px;
  max-width: 100%;
}
.gr-button--continue-to-cancel {
  min-width: 220px;
  max-width: 100%;
}
.gr-button--grey {
  border-color: #BEC3C5;
}
.gr-button--go-to-dashboard {
  min-width: 176px;
  max-width: 100%;
}

.cont-fav-absolute {
  position: absolute;
  top: 10px;
  left: 30px;
}

.gr-container-390-px {
  width: 390px !important;
  max-width: 100%;
}

.gr-tabs__buttons-cont {
  background-color: #fff;
  /*border-radius: 42px;
  height: 52px;
  padding: 6px; */
  border-radius: 10px;
  height: 46px;
  padding: 2px;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.12);
}
.gr-tabs__buttons-cont .gr-button {
  color: #7C868A;
  background-color: #fff;
  border: 1px solid #fff;
  font-family: "Inter 500";
  font-weight: 500;
}
.gr-tabs__buttons-cont .gr-button.active {
  border: 1px solid #2E2E2E;
  background-color: #2E2E2E;
  color: #fff;
  font-family: "Inter 600";
  font-weight: 600;
}

.gr-tabs__button {
  width: 186px;
  height: 40px;
}

.gr-curve-card {
  border-radius: 20px;
  background-color: #FFF;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.05);
  padding: 15px 15px;
}
.gr-curve-card__right--short {
  width: 130px;
}
.gr-curve-card__right--90-px {
  width: 90px;
}
.gr-curve-card__left--r-90-px {
  width: calc(100% - 90px);
}
.gr-curve-card .gr-h3 {
  margin-bottom: 3px;
}
.gr-curve-card .gr-h2 {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
}
.gr-curve-card--pet-detail {
  padding: 30px 20px 15px 20px !important;
}
.gr-curve-card--pet-detail .gr-avatar-cont {
  width: 97px;
  height: 97px;
}
.gr-curve-card--pet-detail .gr-h3--name {
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 5px;
}
.gr-curve-card--pet-detail .gr-p--breed {
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.gr-curve-card--pet-detail-single {
  padding: 15px 0 !important;
  background: transparent;
  box-shadow: none;
}
.gr-curve-card--pet-detail-single .gr-avatar-cont {
  width: 150px;
  height: 150px;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.1);
  border: 5px solid #fff;
  margin-right: 20px;
}
.gr-curve-card--in {
  border: 1px solid rgba(124, 134, 138, 0.5);
  padding: 10px 15px;
}
.gr-curve-card--in .gr-avatar-cont {
  width: 45px;
  height: 45px;
}
.gr-curve-card--in .gr-h3 {
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.gr-curve-card--in .gr-p {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.gr-curve-card--in-reset {
  border: none;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
.gr-curve-card--canceled-appointment .message-cont {
  width: 100%;
}
.gr-curve-card--yellow {
  border: 1px solid #ED9F00;
  background: #FEFAF2;
}
.gr-curve-card--red {
  border: 1px solid #EB5757;
  background: #FFF3F5;
}
.gr-curve-card--dashed {
  border: 1px dashed var(--Gray, #7C868A);
  background: transparent;
  padding: 20px;
}
.gr-curve-card--dashed .gr-h3 {
  font-weight: 600;
  font-family: "Inter 600";
  font-size: 1.6rem;
}
.gr-curve-card--dashed .gr-p {
  letter-spacing: -0.28px;
  font-weight: 400;
  font-family: "Inter 400";
}
.gr-curve-card .gr-p b {
  font-family: "Inter 500";
  font-weight: 500;
  color: #2E2E2E;
}
.gr-curve-card--inputs-cont {
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.gr-curve-card--account-cont {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.05);
}
.gr-curve-card--photo-cont {
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 114px;
  position: relative;
}
.gr-curve-card--photo-cont__photo {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 85px;
  height: 85px;
}
.gr-curve-card--photo-cont__cam-cont {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2E2E2E;
  position: absolute;
  left: calc(50% - 15px);
  bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gr-curve-card--photo-inputs-right {
  width: calc(100% - 124px);
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.gr-curve-card--edit-account-cont {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.05);
}
.gr-curve-card--edit-account-cont__photo-cont {
  padding: 0;
  width: 135px;
  height: 135px;
  position: relative;
  justify-content: center;
}
.gr-curve-card--edit-account-cont__photo-inputs-right {
  width: calc(100% - 145px);
  flex-wrap: wrap;
  height: 135px !important;
  align-content: space-between;
}
.gr-curve-card--edit-account-cont__photo {
  width: 135px;
  height: 135px;
  box-shadow: 0px 50px 100px 0px rgba(0, 0, 0, 0.1);
  border: 4px solid #fff;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 50%;
}
.gr-curve-card--edit-account-cont__cam-cont {
  width: 40px;
  height: 40px;
  bottom: -15px;
  border: 2px solid #fff;
}
.gr-curve-card--edit-account-cont__inputs-cont {
  padding-bottom: 15px;
}
.gr-curve-card--inbox {
  cursor: pointer;
  border-radius: 20px 0 0 20px;
  box-shadow: none !important;
}
.gr-curve-card--inbox .gr-curve-card__right--short {
  width: 80px;
}
.gr-curve-card--inbox.selected {
  background: #FAF4F4;
  border: 1px solid #FF314A;
}
.gr-curve-card--inbox.unread {
  border-left: 3px solid #FF314A;
}
.gr-curve-card--notification {
  cursor: pointer;
  border-radius: 20px;
}
.gr-curve-card--notification .gr-curve-card__right--short {
  width: 80px;
}
.gr-curve-card--notification.selected {
  background: #FAF4F4;
  border: 1px solid #FF314A;
}
.gr-curve-card--notification.unread {
  border-left: 3px solid #FF314A;
}
.gr-curve-card--message {
  background: transparent;
  border: 1px solid #C9CFD4;
}
.gr-curve-card--share-chat {
  width: 419px;
  max-width: 100%;
  min-height: 134px;
}
.gr-curve-card--grey {
  background: #F1F1F1;
  border-color: #F1F1F1;
}

.gr-cont-message {
  display: flex;
  flex-direction: column;
}
.gr-cont-message .gr-p--message {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 12px 18px;
  text-align: start;
  max-width: 337px;
  margin-bottom: 5px !important;
}
.gr-cont-message--black {
  align-items: start;
}
.gr-cont-message--black .gr-p--message {
  background: #2E2E2E;
  color: #fff;
  border-radius: 15px 15px 15px 0px;
}
.gr-cont-message--grey {
  align-items: end;
}
.gr-cont-message--grey .gr-p--message {
  background: #E6E7E8;
  color: #2E2E2E;
  border-radius: 15px 15px 0px 15px;
}
.gr-cont-message--white {
  align-items: end;
}
.gr-cont-message--white .gr-p--message {
  background: #fff;
  color: #2E2E2E;
  border-radius: 15px 15px 0px 15px;
}

.gr-input-cont {
  padding: 0;
  position: relative;
}
.gr-input-cont--w-icon-right {
  position: relative;
}
.gr-input-cont__icon {
  position: absolute;
  right: 20px;
  height: 100%;
}
.gr-input-cont__input {
  height: 52px;
  border: 1px solid #7C868A;
  border-radius: 42px;
  font-weight: 600;
  font-family: "Inter 600";
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #7C868A;
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: transparent;
  outline: none;
  box-shadow: none;
  width: 100%;
}
.gr-input-cont__input::-moz-placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #7C868A;
}
.gr-input-cont__input::placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #7C868A;
}
.gr-input-cont__input--w-icon-right {
  padding-right: 50px;
}
.gr-input-cont__input--textarea {
  border-radius: 20px;
  padding: 15px 20px;
  min-height: 122px;
}
.gr-input-cont__input--textarea-74 {
  min-height: 74px !important;
}
.gr-input-cont__input:disabled {
  background-color: rgba(124, 134, 138, 0.1019607843);
  border-color: rgba(124, 134, 138, 0.1019607843);
}
.gr-input-cont__input--error {
  border-color: #EB5757;
}
.gr-input-cont--verify-phone__input {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #2E2E2E;
}
.gr-input-cont--verify-phone__input::-moz-placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #7C868A;
}
.gr-input-cont--verify-phone__input::placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #7C868A;
}
.gr-input-cont--chips__chip {
  height: 49px;
  border-radius: 15px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  padding: 0 15px;
}
.gr-input-cont--chips__chip.selected, .gr-input-cont--chips__chip:hover {
  border-color: #FF314A;
}
.gr-input-cont--w-button {
  position: relative;
}
.gr-input-cont--w-button__input {
  padding-right: 90px;
}
.gr-input-cont--w-button__icon {
  position: absolute;
  right: 90px;
  height: 100%;
}
.gr-input-cont--w-button__button {
  position: absolute;
  right: 5px;
  top: 7px;
}
.gr-input-cont--w-button__button--verify-input {
  min-width: 78px;
}
.gr-input-cont--inbox {
  position: relative;
}
.gr-input-cont--inbox__input-textarea {
  background: #fff;
  padding: 17px 20px;
  min-height: 52px;
}
.gr-input-cont--inbox__input-textarea::-moz-placeholder {
  color: #7C868A;
  font-style: italic;
  font-family: "Inter 300";
  font-weight: 300;
  font-size: 1.5rem;
}
.gr-input-cont--inbox__input-textarea::placeholder {
  color: #7C868A;
  font-style: italic;
  font-family: "Inter 300";
  font-weight: 300;
  font-size: 1.5rem;
}
.gr-input-cont--inbox__buttons {
  position: absolute;
  width: 87px;
  right: 6px;
  top: 5.5px;
  display: flex;
  height: 41px;
  align-items: center;
  justify-content: space-between;
}
.gr-input-cont--inbox__buttons .gr-circle-button {
  width: 41px;
  height: 41px;
}

.gr-message-textarea-cont {
  border-radius: 10px 10px;
  background: #FFF;
  padding: 17px 20px 0 20px;
}
.gr-message-textarea-cont__textarea {
  height: 100px;
  font-weight: 600;
  font-family: "Inter 400";
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #2E2E2E;
  outline: none;
  border: none;
  box-shadow: none;
  width: 100%;
  scrollbar-color: #fc324a #bcc0c2;
  scrollbar-width: thin;
  resize: none;
}
.gr-message-textarea-cont__textarea::-moz-placeholder {
  color: #7C868A;
  font-style: italic;
  font-family: "Inter 300";
  font-weight: 300;
  font-size: 1.5rem;
}
.gr-message-textarea-cont__textarea::placeholder {
  color: #7C868A;
  font-style: italic;
  font-family: "Inter 300";
  font-weight: 300;
  font-size: 1.5rem;
}
.gr-message-textarea-cont__buttons-cont {
  padding: 0 0 5px 0;
  gap: 5px;
}

.input-error {
  border-color: #FF314A;
}

.gr-check-cont__check {
  width: 22px;
  height: 22px;
  border: 1px solid grey;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 8px;
}
.gr-check-cont__label {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4 rem;
  color: #2E2E2E;
}

.gr-form-check {
  margin: 0;
  min-height: 22px;
  /*padding-left: 0;*/
  display: flex;
  align-items: center;
}
.gr-form-check__input {
  width: 22px;
  height: 22px;
  border: 1px solid #7C868A;
  border-color: #7C868A !important;
  border-radius: 4px !important;
  background-color: transparent;
  outline: none;
  box-shadow: none !important;
  margin: 0;
  margin-right: 8px;
  cursor: pointer;
}
.gr-form-check__input:checked {
  background-color: #FF314A;
  border-color: #FF314A !important;
}
.gr-form-check__label {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  cursor: pointer;
}

.gr-curve-card--share-eran {
  padding: 20px 25px;
}
.gr-curve-card--share-eran__gr-h4 {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  color: #2E2E2E;
  margin-bottom: 5px;
}
.gr-curve-card--share-eran__gr-p {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8rem;
  width: 180px;
  margin-bottom: 12px;
}
.gr-curve-card--share-eran__gr-p .gr-red-color {
  font-family: "Inter 600";
  font-weight: 600;
}
.gr-curve-card--share-eran__button {
  width: 172px;
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.gr-curve-card--share-eran__button img {
  margin-left: 9px;
}

.gr-p--total-appointments {
  color: #7C868A;
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1rem;
}

.gr-p--joined-since {
  color: #7C868A;
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: -0.036px;
}

.gr-avatar-cont {
  background-color: #fff;
  width: 61px;
  height: 61px;
  border-radius: 50%;
  border: 1px solid rgba(124, 134, 138, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.gr-avatar-cont--red {
  background: #FF314A;
  border-color: #FF314A;
}
.gr-avatar-cont--blue {
  background: #3064A3;
  border-color: #3064A3;
}
.gr-avatar-cont--green-dark {
  background: #0A7170;
  border-color: #0A7170;
}
.gr-avatar-cont--green {
  background: #28B446;
  border-color: #28B446;
}
.gr-avatar-cont--yellow {
  background: #ED9F00;
  border-color: #ED9F00;
}
.gr-avatar-cont--big {
  width: 97px;
  height: 97px;
}
.gr-avatar-cont--big .gr-avatar-cont__pet {
  width: 57px !important;
  height: 57px !important;
}
.gr-avatar-cont--53-px {
  width: 53px;
  height: 53px;
}
.gr-avatar-cont--53-px .gr-avatar-cont__pet {
  width: 57px !important;
  height: 57px !important;
}
.gr-avatar-cont--72-px {
  width: 72px;
  height: 72px;
}
.gr-avatar-cont--72-px .gr-avatar-cont__pet {
  width: 72px !important;
  height: 72px !important;
}
.gr-avatar-cont img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.gr-avatar-cont img.not-sq {
  aspect-ratio: unset;
  -o-object-fit: none;
     object-fit: none;
  width: auto;
}
.gr-avatar-cont__pet {
  width: 40px !important;
}
.gr-avatar-cont__pet--photo {
  width: 100% !important;
}
.gr-avatar-cont--account {
  width: 76px !important;
  height: 76px !important;
  margin-right: 17px;
}
.gr-avatar-cont--account__photo {
  width: 76px !important;
  height: 76px !important;
}

.gr-p b {
  font-family: "Inter 600";
  font-weight: 600;
}

.info__status {
  color: #FFF;
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  text-transform: uppercase;
  border-radius: 25px;
  display: inline-flex;
  min-width: 65px;
  height: 15px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.info__status--upcoming {
  background: #9449CE;
}
.info__status--in-progress {
  background: #3064A3;
  width: 115px;
}
.info__status--match-in-progress {
  border: 1px solid #3064A3;
  color: #3064A3;
  width: 140px;
}
.info__status--completed {
  background: #28B446;
}
.info__status--default {
  background: #28B446;
  width: 66px;
  height: 19px;
  margin-bottom: 0;
}
.info__status--upcoming {
  background: #9449CE;
}
.info__status--canceled {
  background: #EB5757;
}
.info__status--issue {
  background: #ED9F00;
}
.info__status--issue {
  background: #ED9F00;
}
.info__status--mixed {
  background: #FF314A;
  min-width: 45px;
}
.info__status--id {
  background: transparent;
  border: 1px solid #BEC3C5;
  color: #2E2E2E;
}
.info__status b {
  font-family: "Inter 700";
  font-weight: 700;
}

.gr-pet-list-circle-cont {
  /*width:105px;*/
}
.gr-pet-list-circle-cont__each {
  width: 41px;
  height: 41px;
  background: #D9D9D9;
  border-radius: 41px;
  border: 3px solid #E7E7E7;
  mix-blend-mode: luminosity;
  overflow: hidden;
  display: flex;
  position: relative;
}
.gr-pet-list-circle-cont__each img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}

.gr-pet-list-circle-cont__q--x3 .gr-pet-list-circle-cont__each:nth-child(2) {
  margin-right: -8px;
  margin-left: -8px;
  z-index: 2;
}

.gr-pet-list-circle-cont__q--x2 .gr-pet-list-circle-cont__each:first-child {
  margin-right: -8px;
}

.plus-pet-q {
  position: absolute;
  color: #FFF;
  font-family: "Inter 400";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.16px;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
}

.gr-divider {
  background-color: #C9CFD4;
}
.gr-divider--vertical {
  height: 100%;
  width: 1px;
  margin: 0 15px;
}
.gr-divider--h-30 {
  height: 30px;
}
.gr-divider--h-10 {
  height: 10px;
}
.gr-divider--h-13 {
  height: 13px;
}
.gr-divider--h-17 {
  height: 17px;
}
.gr-divider--h-70 {
  height: 70px;
}
.gr-divider--wide {
  height: 1px;
  width: 100%;
  margin: 15px 0;
}
.gr-divider--pet-breed-and-age {
  margin-right: 8px;
  margin-left: 8px;
}

.gr-price-appointment {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
}

.gr-circle-button-cont {
  gap: 6px;
}

.gr-circle-button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2E2E2E;
  border: none;
  border: 1px solid transparent;
  outline: none;
}
.gr-circle-button:disabled {
  background: rgba(124, 134, 138, 0.5019607843);
}
.gr-circle-button--blue {
  background: #3064A3;
}
.gr-circle-button--white {
  background: #fff;
  border-color: #2E2E2E;
}
.gr-circle-button--red {
  background: #fff;
  border-color: #FF314A;
}
.gr-circle-button--grey {
  background: #fff;
  border-color: #7C868A;
}
.gr-circle-button--red-fill {
  background: #FF314A;
  border-color: #FF314A;
}
.gr-circle-button--yellow {
  background: #ED9F00;
}
.gr-circle-button--fav {
  border: 1px solid #7C868A;
  background: #fff;
}
.gr-circle-button--fav-a {
  border: 1px solid #FF314A;
  background: #fff;
}

.gap-3-px {
  gap: 3px;
}

.gap-6-px {
  gap: 6px;
}

.gap-5-px {
  gap: 5px;
}

.gap-8-px {
  gap: 8px;
}

.gap-10-px {
  gap: 10px;
}

.gr-welcome-text-and-credits-cont {
  margin-bottom: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.gr-modal--wa7 {
  z-index: 1021 !important;
}
.gr-modal--wa7 .modal-content {
  width: 430px;
  max-width: initial;
  border-radius: 40px;
  border: none;
  overflow: hidden;
  padding: 20px;
}
.gr-modal--wa7--groomer .modal-content {
  padding: 0;
  padding-top: 20px;
  box-shadow: none;
}
.gr-modal--wa7--groomer .gr-container-390-px {
  margin: auto;
}
.gr-modal--wa7--groomer .cont-rating-big__stars {
  margin-bottom: 5px;
}
.gr-modal--wa7 .gr-h2--small {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: "Inter 600";
  font-weight: 600;
}
.gr-modal--wa7 .btn-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 20px;
  background: #fff;
  z-index: 2;
  opacity: 1;
  padding: 0;
}
.gr-modal--wa7 .btn-close img {
  border: 2px solid rgba(124, 134, 138, 0.5019607843);
  width: 32px;
  height: 32px;
  padding: 2px;
  border-radius: 50%;
}

.gr-curve-card--groomer-profile {
  background-image: url(/v7/images/webapp/groomer-bg.png);
  background-size: cover;
  background-position: center top;
  padding: 25px;
  background-color: transparent;
  box-shadow: none;
}
.gr-curve-card--groomer-profile .gr-divider--vertical {
  margin: auto 35px;
}
.gr-curve-card--groomer-profile__gr-p {
  line-height: 2rem;
}
.gr-curve-card--groomer-profile__rating-big h2 {
  font-family: "Inter 700";
  font-size: 3.3rem;
  font-weight: 700;
  line-height: normal;
  color: #2E2E2E;
}
.gr-curve-card--groomer-profile__history-info h3 {
  font-family: "Inter 600";
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6rem;
  color: #2E2E2E;
  margin: 0;
  margin-bottom: 10px;
}
.gr-curve-card--groomer-profile__history-info h4 {
  font-family: "Inter 700";
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  color: #FF314A;
  margin: 0;
}

.gr-circle-round-button {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  box-shadow: 0px 23.73px 59.33px 0px rgba(178, 178, 178, 0.3490196078);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-right: 25px;
}

.gr-curve-card--appointment-detail-top {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.gr-curve-card--appointment-detail-top .gr-info-detail-box {
  margin-top: 1px;
}
.gr-curve-card--appointment-detail-top .gr-avatar-cont--big {
  margin-right: 20px;
}
.gr-curve-card--appointment-detail-top .gr-h3--big {
  margin-right: 12px;
}
.gr-curve-card--appointment-detail-top .info__status {
  height: 19px;
  line-height: 19px;
  margin-bottom: 12px;
  font-size: 1.4rem;
  padding: 4px 7px;
  width: -moz-fit-content;
  width: fit-content;
}
.gr-curve-card--appointment-detail-top .gr-info-detail-box-cont {
  margin-top: 12px;
}

.gr-groomer-photo-and-info .gr-avatar-cont {
  background-color: #D2D0D0;
  border: 3px solid #FF314A;
  width: 109px;
  height: 109px;
}

.gr-groomer-photo-and-info__title-and-rate .gr-divider--vertical {
  margin: 0 3px;
  background-color: #fff;
}
.gr-groomer-photo-and-info__title h3 {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.2px;
  color: #2E2E2E;
}

.gr-groomer-photo-and-info__rate-cont .gr-divider--vertical {
  margin: 0 2px;
}

.gr-groomer-photo-and-info__rate-cont {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 75px;
  height: 22px;
  padding: 0 2px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  background-color: #2E2E2E;
  border-radius: 30px;
  color: #FFF;
  font-family: "Inter 400";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
}
.gr-groomer-photo-and-info__rate-cont b {
  font-family: "Inter 700";
  font-weight: 700;
}

.gr-info-detail-box {
  height: 28px;
  border-radius: 30px;
  border: 1px solid rgba(124, 134, 138, 0.5);
  padding: 0 11px;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: Center;
  color: #2E2E2E;
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.4rem;
  letter-spacing: -0.5px;
}
.gr-info-detail-box img {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.gr-wa-main__left,
.gr-wa-main__right {
  width: 390px;
  display: flex;
}
.gr-wa-main__left .gr-curve-card,
.gr-wa-main__right .gr-curve-card {
  height: -moz-fit-content;
  height: fit-content;
}
.gr-wa-main__left--440-px,
.gr-wa-main__right--440-px {
  width: 440px;
}

.gr-wa-main__left--inbox {
  width: 346px;
}
.gr-wa-main__left--inbox .gr-tabs__buttons-cont {
  width: 100%;
}

.gr-wa-main__right--inbox {
  width: 543px;
  max-width: calc(100% - 366px);
}

.gr--items-horizontal {
  height: 36px;
  background-color: rgba(124, 134, 138, 0.1);
  border-radius: 10px;
  gap: 10px;
}
.gr--items-horizontal__item {
  color: #7C868A;
  font-family: "Inter 500";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
}
.gr--items-horizontal__item p {
  color: #7C868A;
  font-family: "Inter 400";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
}
.gr--items-horizontal__item p b {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4rem;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.gr--items-horizontal__item span.message {
  font-family: "Inter 400";
  font-size: 1rem;
  line-height: normal;
  font-weight: 400;
  vertical-align: middle;
}

.gr--items-horizontal-h-56 {
  height: 56px;
}
.gr--items-horizontal-h-56 p b {
  color: #2E2E2E;
  font-family: "Inter 500";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.gr--items-horizontal-h-56 p:nth-child(2) {
  margin-top: 4px;
}

.gr-accordion-cont * {
  outline: none !important;
  box-shadow: none !important;
}
.gr-accordion-cont .accordion-body {
  padding: 15px;
}
.gr-accordion-cont .accordion-header {
  background-color: #fff;
}
.gr-accordion-cont .accordion-header .accordion-button {
  background: #fff;
  border: 1px solid rgba(124, 134, 138, 0.5);
  border-radius: 10px 10px 0 0;
  color: #2E2E2E;
  font-family: "Inter 700";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2rem;
  padding: 11px 15px;
}
.gr-accordion-cont .accordion-header .accordion-button.collapsed {
  border-radius: 10px;
}
.gr-accordion-cont .accordion-header .accordion-button::after {
  background-image: url("/v7/images/webapp/icons/7-1/arrow-up.svg");
  width: 16px;
  height: 10px;
  background-size: cover;
}
.gr-accordion-cont .accordion-header .accordion-button.after-none::after {
  display: none;
}
.gr-accordion-cont .accordion-item {
  border: none !important;
  color: #7C868A;
  font-family: "Inter 600";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4rem;
}
.gr-accordion-cont .accordion-item .accordion-item__item-in {
  margin-bottom: 12px;
}
.gr-accordion-cont .accordion-item .accordion-item__item-in:last-child {
  margin-bottom: 0;
}
.gr-accordion-cont .accordion-collapse {
  border: 1px solid rgba(124, 134, 138, 0.5);
  border-radius: 0 0 10px 10px !important;
  border-top: none !important;
  padding: 0;
}

.gr-extra-info {
  border-radius: 25px;
  height: 18px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-family: "Inter 600";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  padding: 0 6px;
}
.gr-extra-info--black {
  background-color: #2E2E2E;
}

.gr-accordion-cont--rate .accordion-header .accordion-button {
  font-size: 1.6rem;
  line-height: 1.6rem;
  border: none;
  padding: 0;
}
.gr-accordion-cont--rate .accordion-collapse {
  border: none !important;
}
.gr-accordion-cont--rate .accordion-body {
  padding: 0;
}
.gr-accordion-cont--rate .rate-num {
  font-size: 2rem;
}

.gr-options-to-click {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.gr-options-to-click__option {
  border: 1px solid rgba(124, 134, 138, 0.5019607843);
  border-radius: 10px;
  height: 52px;
  text-align: center;
  cursor: pointer;
}
.gr-options-to-click__option p {
  font-family: "Inter 500";
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-style: normal;
  font-weight: 500;
  color: #FF314A;
  margin-bottom: 4px;
}
.gr-options-to-click__option h3 {
  font-family: "Inter 400";
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: #2E2E2E;
  margin: 0;
}
.gr-options-to-click__option--refund {
  height: auto;
  padding: 15px 20px;
}
.gr-options-to-click__option--refund__h4 {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-style: normal;
  color: #2E2E2E;
  margin: 0 0 4px 0;
}
.gr-options-to-click__option--refund__h4--500 {
  font-family: "Inter 500";
  font-weight: 500;
}
.gr-options-to-click__option--refund__p {
  font-family: "Inter 400" !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
  font-style: normal !important;
  color: #7C868A !important;
  margin: 0;
}
.gr-options-to-click__option--refund__p a {
  font-family: "Inter 500";
  font-weight: 500;
  text-decoration: none;
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
}
.gr-options-to-click__option--refund__divider {
  width: 100px;
  height: 1px;
  background: #BEC3C5;
  margin: 10px auto;
}
.gr-options-to-click__option--refund.selected {
  background: var(--light-grey, #F1F1F1);
}
.gr-options-to-click__option.selected {
  border: 1px solid #FF314A;
}
.gr-options-to-click--x2 .gr-options-to-click__option {
  width: 50%;
}
.gr-options-to-click--x4 .gr-options-to-click__option {
  width: 25%;
}

.gr-green-color {
  color: #28B446 !important;
}

.gr-green-dark-color {
  color: #0A7170 !important;
}

.gr-red-color {
  color: #EB5757 !important;
}

.gr-blue-color {
  color: #3064A3 !important;
}

.gr-black-color {
  color: #2E2E2E !important;
}

.gr-grey-color {
  color: #7C868A !important;
}

.gr-orange-color {
  color: #ED9F00 !important;
}

.gr-curve-card--simple-items-list__item-in {
  margin-bottom: 15px;
}
.gr-curve-card--simple-items-list__item-in:last-child {
  margin-bottom: 0;
}

.gr-modal--wa7 .gr-h3 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.gr-modal--wa7 .gr-h3--total {
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin: 0;
}
.gr-modal--wa7 .gr-avatar-cont--big {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.gr-modal--wa7 .gr-info-detail-box-cont {
  flex-direction: column;
}
.gr-modal--wa7 .gr-curve-card--appointment-detail-top .info__status {
  width: -moz-fit-content;
  width: fit-content;
}

.accordion-item__item-in--border {
  border: 1px solid rgba(124, 134, 138, 0.5);
  border-radius: 10px;
  height: 37px;
  padding-left: 15px;
  padding-right: 15px;
}

.last-groomed-p-cont {
  height: 28px;
  border-radius: 30px;
  border: 1px solid rgba(124, 134, 138, 0.5);
  margin-bottom: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0 10px;
}
.last-groomed-p-cont p {
  font-family: "Inter 500";
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-style: normal;
  font-weight: 500;
  color: #7C868A;
  margin: 0;
}
.last-groomed-p-cont p b {
  font-family: "Inter 600";
  font-weight: 600;
  color: #2E2E2E;
}

.gr-circle-item-photo-cont {
  width: 51px;
  height: 51px;
  border: 2px solid transparent;
  padding: 3px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.6;
}
.gr-circle-item-photo-cont img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 50%;
  border: 1px solid #7C868A;
}
.gr-circle-item-photo-cont.selected, .gr-circle-item-photo-cont:hover {
  border: 2px solid #FF314A;
  background: #fff;
  opacity: 1;
}
.gr-circle-item-photo-cont.selected img, .gr-circle-item-photo-cont:hover img {
  border: 1px solid transparent;
}

.gr-accordion__button {
  padding: 0;
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.gr-accordion__button:after {
  margin-left: 5px;
}
.gr-accordion__body {
  padding: 0;
}

.hide-desk {
  display: none !important;
}

.pet-age {
  font-family: "Inter 400";
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-style: normal;
  font-weight: 400;
  color: #2E2E2E;
  padding-left: 4px;
}

.no-decoration {
  text-decoration: none !important;
}

.gr-how-it-works-cont {
  min-height: 175px;
  position: relative;
}
.gr-how-it-works-cont__img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 175px;
}
.gr-how-it-works-cont__p {
  max-width: calc(100% - 260px);
}
.gr-how-it-works-cont__gr-curve-card {
  height: 135px;
  justify-content: center;
  padding-left: 35px;
}
.gr-how-it-works-cont__h3 {
  font-family: "Filson Soft Bold";
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.gr-policy-terms__h3 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  letter-spacing: normal;
}
.gr-policy-terms__p {
  font-size: 1.4rem;
  line-height: 2.3rem;
  color: #2E2E2E;
}

.gr-modal--wa7-1__h3 {
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: normal;
  color: #2E2E2E;
  font-family: "Inter 700";
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
}
.gr-modal--wa7-1__p {
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: normal;
  color: #7C868A;
  font-family: "Inter 400";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
}
.gr-modal--wa7-1__p--l-h-21 {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.gr-modal--wa7-1__a {
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: normal;
  color: #3064A3;
  font-family: "Inter 400";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 0;
  text-decoration: none;
}

.carousel--how-it-works {
  text-align: center;
}
.carousel--how-it-works .gr-curve-card {
  border: 1px solid rgba(124, 134, 138, 0.5);
  text-align: center;
  align-items: center;
  justify-content: center;
}

.carousel--gr-v7 button.carousel-control-prev,
.carousel--gr-v7 button.carousel-control-next {
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  margin: auto;
  border: 1px solid #7C868A;
  color: #7C868A;
}
.carousel--gr-v7 .carousel-control-prev-icon {
  background-image: url("../../images/webapp/icons/arrow-left-slider.svg");
}
.carousel--gr-v7 .carousel-control-next-icon {
  background-image: url("../../images/webapp/icons/arrow-right-slider.svg");
}

.gr-circle-num {
  width: 25px;
  height: 25px;
  margin: 0;
  text-align: center;
  line-height: 25px;
  color: #fff;
  background: #FF314A;
  font-size: 1.4rem;
  letter-spacing: normal;
  font-family: "Inter 600";
  font-weight: 600;
  border-radius: 50%;
}

.gr-appointment-info--inbox {
  width: calc(100% - 60px);
}

.share-chat-cont {
  position: absolute;
  top: -145px;
  right: 65px;
}

.gr-square-button {
  width: 123px;
  height: 104px;
  border-radius: 15px;
  border: 1px solid rgba(124, 134, 138, 0.5);
  background-color: transparent;
}
.gr-square-button .gr-p {
  font-size: 1.6rem;
  line-height: 1.6rem;
  letter-spacing: normal;
  font-family: "Inter 600";
  font-weight: 600;
  color: #2E2E2E;
}
.gr-square-button__icon-cont {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 7px auto;
  outline: none;
}
.gr-square-button__icon-cont--document {
  background-color: #ED9F00;
}
.gr-square-button__icon-cont--gallery {
  background-color: #0A7170;
}
.gr-square-button__icon-cont--camera {
  background-color: #3064A3;
}

#gr-notifications-side {
  width: 430px;
  max-width: 100%;
  position: fixed;
  top: 88px;
  right: -430px;
  height: 100%;
  z-index: 3;
  transition: 0.3s;
}

.gr-curve-card--notifications {
  height: 100%;
  filter: drop-shadow(0px 20px 80px rgba(178, 178, 178, 0.3));
  background-color: #fff;
  border-radius: 20px 0 0 0;
  padding: 0;
}
.gr-curve-card--notifications__content {
  height: calc(100% - 88px);
  overflow-y: scroll;
  scrollbar-color: #fc324a #bcc0c2;
  scrollbar-width: thin;
  padding: 25px 20px;
}
.gr-curve-card--notifications__gr-h3 {
  font-family: "Filson Soft Bold";
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 2.6rem;
  letter-spacing: -0.2px;
  color: #2E2E2E;
}
.gr-curve-card--notifications .gr-close-button {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 2px solid rgba(124, 134, 138, 0.5019607843);
  border-radius: 50%;
  padding: 0;
  box-sizing: border-box;
}
.notifications {
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .hide-desk {
    display: flex !important;
  }
  .gr--items-horizontal__item {
    /*
    p:first-child {
        display: none;
    }
    */
  }
  .gr--items-horizontal__item .gr-divider--vertical {
    margin: 0 5px;
  }
  .gr--items-horizontal {
    width: 100%;
  }
  .gr--items-horizontal .gr-divider--vertical {
    margin: 0 5px;
  }
  .gr-curve-card--inputs-cont {
    padding: 0 !important;
  }
  .gr-curve-card--photo-cont-edit-pet {
    height: 114px !important;
    width: 114px !important;
  }
  .gr-curve-card--photo-inputs-right-edit-pet {
    height: 114px !important;
    width: calc(100% - 124px) !important;
    padding: 0 !important;
  }
  .gr-curve-card--photo-inputs-right .gr-wa-main__left .gr-curve-card,
  .gr-wa-main__right .gr-curve-card {
    min-height: 47px;
  }
  .hide-mobile {
    display: none !important;
  }
  .gr-button--edit-pet,
  .gr-button--remove-pet-long {
    width: 50%;
    margin-top: 35px;
  }
  .gr-curve-card--appointment-detail-top .gr-info-detail-box-cont {
    margin-top: 0;
    flex-direction: column;
  }
  .gr-appointment-info--out-avatar {
    text-align: center;
    justify-content: center;
  }
  .gr-appointment-info--out-avatar-in__left * {
    text-align: center;
    justify-content: center;
  }
  .gr-wa-main__right--inbox {
    max-width: 100%;
    width: 100%;
  }
  .column-mobile {
    flex-direction: column !important;
  }
  .gr-h3--big {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .gr-curve-card.gr-curve-card--appointment-detail-top {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 25px;
  }
  .gr-curve-card.gr-curve-card--appointment-detail-top .gr-avatar-cont--big {
    margin-right: 15px;
    width: 80px;
    height: 80px;
  }
  .gr-curve-card.gr-curve-card--appointment-detail-top .gr-button--rebook {
    min-width: 80px;
  }
  .gr-curve-card.gr-curve-card--appointment-detail-top .gr-info-detail-box-cont .gr-info-detail-box {
    width: 100px;
    padding: 0;
  }
  .gr-curve-card.gr-curve-card--appointment-detail-top .gr-h3--big {
    width: -moz-max-content;
    width: max-content;
  }
  .gr-curve-card__right--short {
    justify-content: right;
  }
  .gr-curve-card__right--shorter {
    justify-content: right;
    width: 60px;
  }
  .gr-wa-main__divider {
    display: none;
  }
  .gr-wa-main {
    flex-direction: column;
  }
  .gr-wa-main__left,
  .gr-wa-main__right {
    width: 100%;
  }
  .main__wa--content {
    width: 100% !important;
    padding-left: 0px !important;
  }
  .cont-tip-and-rating .d-flex.align-items-center.mr-25-px.flex-wrap.flex-md-nowrap {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  .cont-tip-and-rating .d-flex.align-items-center:last-child {
    margin-bottom: 0;
  }
  .gr-welcome-text-and-credits-cont {
    margin-bottom: 0 !important;
  }
  .gr-curve-card {
    padding: 15px;
    width: 100%;
    /*border: 1px solid rgba(124, 134, 138, 0.50);*/
    padding: 10px;
  }
  .gr-curve-card .gr-p {
    /*width: max-content;*/
    max-width: 100%;
  }
  .gr-curve-card--in .gr-avatar-cont {
    width: 45px;
    height: 45px;
  }
  .gr-divider--wide-mobile {
    width: 100%;
    height: 1px;
    margin: 15px 0;
  }
  .w-100--mobile {
    width: 100% !important;
  }
  .gr-curve-card--pet-detail-single .gr-avatar-cont {
    margin: 0 auto 20px auto !important;
  }
  .gr-appointment-info--each {
    max-width: calc(100% - 71px);
    display: flex;
    justify-content: space-between;
  }
  .gr-account-info--out-avatar {
    text-align: start;
    justify-content: start;
  }
  .gr-account-info .gr-h2 {
    text-align: start !important;
  }
  .gr-account-info__p-contact {
    text-align: start;
    margin-bottom: 3px;
  }
  .gr-account-info__p-contact a {
    width: 100%;
    text-align: start;
  }
  .gr-account-info__contact-cont {
    text-align: start;
    flex-direction: column;
    max-width: 100%;
    display: flex;
    width: 100%;
  }
  .gr-account-info .gr-divider {
    display: none !important;
  }
  .gr-curve-card__right--short--account-edit {
    width: 40px;
    align-items: start;
  }
  .gr-curve-card__right--short--account-edit .gr-button--edit-pet {
    width: 35px !important;
    height: 35px !important;
  }
}
@media screen and (max-width: 768px) {
  .gr-modal--wa7 .gr-h2--small {
    width: -moz-max-content;
    width: max-content;
  }
  .gr-info-detail-box-cont {
    flex-direction: column;
    margin-top: auto;
  }
  .gr-curve-card--appointment-detail-top {
    justify-content: space-between !important;
  }
  .gr-curve-card--appointment-detail-top .gr-curve-card__right--short {
    display: none !important;
  }
  .gr-curve-card--appointment-detail-top .gr-curve-card__left {
    width: 100% !important;
  }
  .content-rebook-reschedule-for-mobile {
    display: block;
  }
  .gr-modal--wa7 .modal-content {
    max-width: calc(100% - 30px);
    padding: 20px;
  }
  .gr-curve-card--groomer-profile {
    margin-bottom: 0;
  }
  .gr-curve-card--groomer-profile .gr-divider--vertical.gr-divider--h-70 {
    margin: auto 15px;
  }
  .gr-tabs__buttons-cont {
    max-width: 100%;
  }
  .gr-appointment-info--out-avatar {
    width: calc(100% - 95px) !important;
    justify-content: space-between !important;
  }
  .gr-appointment-info--out-avatar-in {
    justify-content: space-between !important;
    width: 100% !important;
  }
  .gr-appointment-info--out-avatar-pet-detail,
  .gr-appointment-info--out-avatar-pet-detail * {
    width: 100% !important;
    justify-content: center !important;
    max-width: 100% !important;
  }
  .gr-curve-card--canceled-appointment .gr-appointment-info,
  .cont-tip-and-rating .gr-appointment-info {
    max-width: 100%;
  }
  .cont-tip-and-rating .mr-25-px {
    margin-bottom: 6px;
  }
  .gr-curve-card .gr-h3 {
    width: -moz-max-content;
    width: max-content;
  }
}
.appt-details-p a {
  font-family: "Inter 400";
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: #2E2E2E;
  letter-spacing: -0.32px;
  text-decoration: none;
}

.appt-id {
  font-family: "Inter 700";
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-style: normal;
  font-weight: 700;
  color: #2E2E2E;
  height: 1.9rem;
  text-align: center;
  border-radius: 25px;
  border: 1px solid #BEC3C5;
  margin: 0 10px;
  padding: 0 6px;
  display: flex;
  align-items: center;
}

.curve-box--in-groomer {
  background: #F1F1F1;
  border-color: #F1F1F1 !important;
  padding: 12px 15px !important;
}

.groomer-status {
  font-family: "Inter 700";
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-style: normal;
  font-weight: 700;
  color: #2E2E2E;
  border-radius: 25px;
  border: 1px solid #2e2e2e;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  padding: 0 6px;
  height: 19px;
  align-items: center;
  text-transform: uppercase;
}
.groomer-status--grey {
  color: #8493A5;
  border-color: #8493A5;
}
.groomer-status--green {
  color: #28B446;
  border-color: #28B446;
}
.groomer-status--blue {
  color: #3064A3;
  border-color: #3064A3;
}
.groomer-status--red {
  color: #FF314A;
  border-color: #FF314A;
}
.groomer-status--purple {
  color: #9449CE;
  border-color: #9449CE;
}
.groomer-status--yellow-fill {
  color: #fff;
  border-color: #E59700;
  background: #E59700;
}

.gr-circle-round-button {
  height: 35px;
  width: 35px;
  margin-right: 15px;
}

.gr-circle-round-button img {
  width: 25px;
}

.cancel-box-mobile {
  padding: 15px;
}

/* Custom Checkbox  */
.red-check-input[type=checkbox] {
  height: 22px;
  border-radius: 5px;
  width: 22px;
  border: 1px solid #7C868A;
}

.red-check-input:checked {
  background-color: var(--groomit-red);
  border-color: var(--groomit-red);
}

.red-check-input:disabled {
  background-color: #BEC3C5;
}

.gr-review-cont-textarea textarea {
  width: 100%;
  border: 1px solid #7C868A;
  border-radius: 15px;
  min-height: 74px;
  resize: vertical;
  color: #2E2E2E;
  font-family: "inter 400";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 14px 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.gr-review-cont-textarea textarea::-moz-placeholder {
  color: #7C868A;
}
.gr-review-cont-textarea textarea::placeholder {
  color: #7C868A;
}
.gr-review-cont-textarea .gr-p--small {
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "inter 400";
}

/*New updates*/
.gr-button.gr-button--grey-small,
.gr-button--grey-small {
  border: 1px solid #BEC3C5;
  gap: 5px;
  height: 25px;
  background-color: transparent;
  font-family: "inter 400";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #2E2E2E;
}

.ml-20-px {
  margin-left: 20px !important;
}

.mr-3-px {
  margin-right: 3px !important;
}

.gr-message-special {
  font-size: 1rem;
  line-height: normal;
}

.grwa-h2 {
  font-size: 2rem;
  line-height: normal;
  font-family: "Filson Soft Bold";
  font-weight: 700;
  color: #2E2E2E;
  margin-bottom: 0;
  letter-spacing: -0.2px;
}

.grwa-a {
  font-size: 1.6rem;
  line-height: normal;
  font-weight: 400;
  font-family: "inter 400";
  color: #2E2E2E;
  text-decoration: none;
}

.gap-15-px {
  gap: 15px;
}

.gr-error-yellow-color {
  color: #ED9F00 !important;
}

.grwa-curve-card__left {
  width: calc(100% - 90px);
}

.mr-12-px {
  margin-right: 12px !important;
}

.grwa-curve-card--dashed {
  padding: 20px !important;
}

.groomit__button:disabled {
  opacity: 0.5;
}

.square-radius-opttion p.gr-p {
  font-size: 1.6rem;
  line-height: normal;
  font-weight: 400;
  font-family: "inter 400";
  color: #2E2E2E;
}

.square-radius-opttion p.gr-p--small {
  font-size: 1.2rem;
  line-height: normal;
  font-weight: 400;
  font-family: "inter 400";
  color: #7C868A;
}

.gr-bg-grey {
  background-color: #F1F1F1 !important;
}

.gr-curve-card--border-grey {
  border: 1px solid #BEC3C5;
}

.gr-cont-cancel-save {
  padding: 25px 0;
}

.gr-curve-card--pet-detail-single--new .gr-avatar-cont {
  width: 75px;
  height: 75px;
  border: 3px solid #fff;
}

.gr-curve-card--pet-detail .gr-h3--name {
  font-size: 2rem;
  line-height: normal;
}

@media screen and (max-width: 1200px) {
  .gr--items-horizontal__item p {
    font-size: 1.2rem;
  }
  .gr--items-horizontal-h-56 {
    height: 86px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: start !important;
  }
  .gr-button--book-appointment--pet-mobile {
    width: 100%;
  }
  .grwa-pet-bottom-mobile__left {
    width: 90px;
    gap: 5px;
  }
  .grwa-pet-bottom-mobile__right {
    width: calc(100% - 90px);
  }
}
/***** My Account Pages ******/
.account_profile_image {
  width: 140px;
  height: 140px;
}

.Profile_Edit_button {
  left: 71%;
  bottom: 10px;
  height: 40px;
  width: 40px;
}

.button-30px {
  height: 30px;
  width: 30px;
}

.Cancellation__Policy_p p {
  padding-bottom: 20px;
}

.carousel-indicators-works [data-bs-target] {
  background-color: #2E2E2E;
  opacity: 0.2;
  border-radius: 5px;
}

.carousel-indicators-works .active {
  opacity: 1 !important;
}

.carousel-indicators-works {
  bottom: -30px;
}

.carousel-control-next-works,
.carousel-control-prev-works {
  width: 40px;
  height: 40px;
  top: 120px;
}

@media screen and (max-width: 768px) {
  .account_profile_image {
    width: 110px;
    height: 110px;
  }
  .Profile_Edit_button {
    height: 35px;
    width: 35px;
  }
  .mt-mobile-0 {
    margin-top: 0px !important;
  }
  .bg-transparent-mobile {
    background-color: transparent !important;
  }
  .border-bottom-mobile {
    border-bottom: 1px solid #C9CFD4;
    padding-bottom: 15px;
  }
  .Cancellation__Policy_p p {
    color: #7C868A;
  }
}
/* Get Help */
.image-container {
  position: relative;
  display: inline-block;
  margin: 4px;
}

.pet-reference-images {
  width: 100%;
  /* Ajustar según necesidad */
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 10px;
}

.delete-image {
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--groomit-black);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

.gr-p--no-inbox {
  color: #7C868A;
  line-height: 2rem;
  width: 358px;
  max-width: 100%;
}

.gr-wa-main--inbox {
  /* height: calc(100% + -70px); */
  height: auto;
}

.gr-curve-card--message-inbox {
  justify-content: space-between;
}

.gr-inbox-scroll {
  max-height: calc(100vh - 188px);
  overflow-y: auto;
  scrollbar-color: #fc324a #bcc0c2;
  scrollbar-width: thin;
}

.gr-inbox-items-scroll {
  max-height: calc(100vh - 265px);
  overflow-y: auto;
  scrollbar-color: #fc324a #bcc0c2;
  scrollbar-width: thin;
}

.pt-40-px {
  padding-top: 40px !important;
}

.gr-pet-list-circle-cont--color .gr-pet-list-circle-cont__each {
  width: 45px;
  height: 45px;
  background: #D9D9D9;
  border-radius: 50%;
  border: 3px solid #FFF;
  mix-blend-mode: initial !important;
  overflow: hidden;
  display: flex;
  position: relative;
}
.gr-pet-list-circle-cont--color .gr-pet-list-circle-cont__q--x3 .gr-pet-list-circle-cont__each:nth-child(2) {
  margin-right: -15px;
  margin-left: -15px;
  z-index: 1;
}
.gr-pet-list-circle-cont--color .gr-pet-list-circle-cont__q--x3 .gr-pet-list-circle-cont__each:nth-child(3) {
  z-index: 2;
}

.gr-p.gr-p--bold {
  font-weight: 700;
  font-family: "inter 700";
}

.gr-color--black {
  color: #2E2E2E !important;
}

.mt-5-px {
  margin-top: 5px !important;
}

.gr-cont-message--photo__gr-p--message {
  padding: 5px !important;
  width: 270px;
}

.gr-cont-message--photo__photo {
  width: 100%;
  border-radius: 10px;
}

.gr-cont-message--photo__gr-p--message.x2 {
  gap: 5px;
  display: flex;
  width: 280px;
}

.gr-cont-message--photo__gr-p--message.x2 .gr-cont-message--photo__photo {
  width: calc(50% - 2.5px);
  -o-object-fit: cover;
     object-fit: cover;
}

.gr-cont-message--photo__gr-p--message.x2 .gr-cont-message--photo__photo:nth-child(1) {
  border-radius: 10px 0 0 10px;
}

.gr-cont-message--photo__gr-p--message.x2 .gr-cont-message--photo__photo:nth-child(2) {
  border-radius: 0 10px 10px 0;
}

.gr-cont-message--photo__gr-p--message.x2 {
  gap: 5px;
  display: flex;
  width: 280px;
}

.gr-cont-message--photo__gr-p--message.x3 {
  gap: 5px;
  display: flex;
  width: 280px;
  position: relative;
}

.gr-cont-message--photo__gr-p--message.x3 .gr-cont-message--photo__photo {
  width: calc(33.33% - 3.33px);
  -o-object-fit: cover;
     object-fit: cover;
}

.gr-cont-message--photo__gr-p--message.x3 .gr-cont-message--photo__photo:nth-child(1) {
  border-radius: 10px 0 0 10px;
}

.gr-cont-message--photo__gr-p--message.x3 .gr-cont-message--photo__photo:nth-child(2) {
  border-radius: 0;
}

.gr-cont-message--photo__gr-p--message.x3 .gr-cont-message--photo__photo:nth-child(3) {
  border-radius: 0 10px 10px 0;
}

.gr-more-photo-link {
  width: calc(33.33% - 5px);
  position: absolute;
  top: 5px;
  right: 5px;
  height: calc(100% - 10px);
  font-weight: 700;
  font-family: "inter 700";
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: capitalize;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  border-radius: 0 10px 10px 0;
}

.gr-loaded-photos::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.gr-loaded-photos {
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  height: 55px;
}
.gr-loaded-photos__wrap {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 5px;
}
.gr-loaded-photos__remove {
  position: absolute;
  top: 2px;
  right: 2px;
  outline: none;
  text-decoration: none;
  border-radius: 50%;
}
.gr-loaded-photos__photo-cont {
  width: 75px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.gr-loaded-photos__photo {
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}

.form-switch .form-check-input {
  width: 30px;
  height: 17px;
}

.color-darkblue {
  color: #3064A3;
}

.inbox-top-position {
  top: 35%;
}

@media screen and (max-width: 768px) {
  .inbox-top-position {
    top: 100%;
  }
}
/* New Appoinment page */
.pet-bottom-border {
  border-bottom: 1px solid #C9CFD4;
  padding: 12px 0;
}

.pet-bottom-border:last-child {
  border: 0px;
}

.appoinment-groomer-icon {
  width: 45px;
  height: 45px;
}

.bg-hover-red:hover {
  background-color: #FF314A !important;
  border: 1px solid #FF314A !important;
  color: #fff !important;
  transition: 0.5s;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.accordion-arrow::after {
  background-image: url(/v7/images/icons/select.svg) !important;
  background-size: 20px;
  width: 20px;
  height: 11px;
}

.accordion-arrow:not(.collapsed)::after {
  background-image: url(/v7/images/icons/select.svg) !important;
}

.bg-color-groomit-gray {
  background-color: #BEC3C5;
}

.gr-curve-card--yellow-dark {
  background: #F5EFD9;
}

.gr-curve-card--red-dark {
  background-color: #FEE5EA;
}

.gr-curve-card--red,
.gr-curve-card--darkred {
  border: 1px solid #EB5757;
  background: #FFF3F5;
}

.gr-curve-card--blue {
  border: 1px solid #2F87D8;
  background: #EBF3FC;
}

.h-80-px {
  height: 80px;
}

/* my pets page */
.border-gray {
  border: 1px solid #BEC3C5;
}

.border-red {
  border: 1px solid #FF314A;
}

.imagethum__75 {
  height: 75px;
  width: 75px;
}

.imagethum__25 {
  height: 25px;
  width: 25px;
}

.camera__position {
  left: 35%;
  top: 60%;
}

.bg-red-groomit {
  background: #FF314A;
}

.input__textbox:focus {
  outline: none !important;
}

.rounded-10px {
  border-radius: 10px;
}

.bread-button {
  padding: 0 15px;
}

.bread-button:hover,
.bread-button.selected {
  font-weight: bold;
  border: 1px solid #FF314A;
}

@media screen and (max-width: 768px) {
  .add-pet-img {
    width: 135px;
  }
  .imagethum__75 {
    height: 60px;
    width: 60px;
  }
}
/** Start Add Recurring Label **/
.bg-completed-light-green {
  background-color: #28B446;
}

.bg-recurring-green {
  background-color: #0A7170;
}

.bg-onetime-gray {
  background-color: #7C868A;
}

.p-1px {
  padding: 1px;
}

.box_for_checkout_recurring {
  width: 100%;
}

.pet-image-rounded img {
  width: 71px;
  height: 71px;
  border: 4px solid #fff;
}

.pet-image-rounded img:nth-child(2),
.pet-image-rounded img:nth-child(3) {
  margin-left: -20px;
}

.rounded-15px {
  border-radius: 15px;
}

/** end Add Recurring Label **/
/**** Start my account *****/
.rounded-15-px-i {
  border-radius: 15px !important;
}

.new-card-details {
  background: url("/v7/images/webapp/icons/card-bg.svg") no-repeat;
  height: 128px;
  width: 100%;
}

.card-details-content {
  top: 20px;
  left: 20px;
}

.mt-card-details {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .card-details-content {
    top: 10px;
    left: 10px;
  }
  .mt-card-details {
    margin-top: 8px;
  }
  .dashboard-carousel-space {
    margin-top: 15px;
  }
}
/**** end my account *****/
/*****Add Recurring Label ********/
.recurring-schedule-border {
  border-bottom: 1px solid #F2F2F2;
  padding-top: 15px;
  padding-bottom: 15px;
}

.recurring-schedule-border:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.color-darkblue-i {
  color: #3064A3 !important;
}

/***** end Add Recurring Label ********/
.price_saved.price_saved--v7 {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  padding: 0 5px;
  border-radius: 25px;
  margin-right: 5px;
  margin-left: 5px;
  width: auto;
}

.packages_button_red.selected {
  border-color: #FF314A !important;
}

@media screen and (max-width: 768px) {
  .fs-7px {
    font-size: 7px !important;
  }
  .credits-menu {
    height: 40px;
    padding: 5px 10px;
  }
}
/**** header promotion ******/
.promotion-green {
  background: #D4E7E7;
}

/**** End header promotion ******/
.gr-input-cont--chips__chip {
  height: 42px;
  border-radius: 10px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.4rem;
  color: #2E2E2E;
  padding: 0 10px;
  transition: 0.3s;
}

.gr-input-cont--chips__chip.selected {
  border: 1px solid #FF314A !important;
  font-family: "Inter 500";
  font-weight: 500;
  padding: 0 10px;
}

.gr-input-cont--chips__chip:hover {
  border: 1px solid #3A3A3F;
  font-family: "Inter 500";
  font-weight: 500;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  background-color: #fff !important;
}

.h-64px {
  height: 64px;
}

/********* start Webapp hover effect ***********/
.button_disabled:disabled:hover {
  background-color: #BEC3C5 !important;
  cursor: not-allowed;
}

.gr-options-to-click__option.selected {
  border: 1px solid #FF314A !important;
}

.main__input,
.groomit__button--black,
.groomit__button,
.footer-slide,
.checkmark,
.button-hover-white,
.gr-button--white-red,
.main__button--socialSign,
.text-light-hover,
.hover-border-dashed,
.redbg {
  transition: 0.3s;
}

.main__input:hover {
  border: 1px solid var(--groomit-hover-dark);
  cursor: pointer;
}

.border,
.button-hover-white:hover {
  border: 1px solid var(--groomit-normal-gray) !important;
}

.hover-border,
.hover-white-box,
.hover-border-i {
  border: 1px solid var(--groomit-normal-gray);
  transition: 0.3s;
}

.hover-border-dashed {
  border: 1px dashed var(--groomit-normal-gray);
}

.hover-border-i {
  border: 1px solid var(--groomit-normal-gray) !important;
}

.hover-white-box,
.button-hover-white,
.main__button--socialSign {
  border: 1px solid #fff;
}

.hover-border:hover,
.hover-white-box:hover {
  border: 1px solid var(--groomit-hover-dark);
}
.hover-border:hover input[type=checkbox],
.hover-white-box:hover input[type=checkbox] {
  border: 1px solid var(--groomit-hover-dark);
  cursor: pointer;
}

.hover-border-i:hover,
.checkmark:hover,
.main__button--socialSign:hover {
  border: 1px solid var(--groomit-hover-dark) !important;
}

.hover-border-dashed {
  border: 1px dashed var(--groomit-gray);
}

.hover-border-dashed:hover {
  border: 1px dashed var(--groomit-hover-dark);
}

.text-hover {
  color: #7C868A;
}
.text-hover .gray-icon {
  display: inline-block;
}
.text-hover .dark-icon {
  display: none;
}

.text-hover:hover {
  color: var(--groomit-hover-dark) !important;
}
.text-hover:hover .gray-icon {
  display: none;
}
.text-hover:hover .dark-icon {
  display: inline-block;
}

.text-dark-hover {
  color: var(--groomit-hover-dark) !important;
}
.text-dark-hover .gray-icon {
  display: none;
}
.text-dark-hover .dark-icon {
  display: inline-block;
}

.text-dark-hover:hover {
  color: #7C868A !important;
}
.text-dark-hover:hover .gray-icon {
  display: inline-block;
}
.text-dark-hover:hover .dark-icon {
  display: none;
}

.dashboard-hover img {
  height: 24px;
  width: 24px;
}
.dashboard-hover .gray-icon {
  display: inline-block;
}
.dashboard-hover .red-icon {
  display: none;
}

.dashboard-hover:hover {
  color: #FF314A;
}
.dashboard-hover:hover .gray-icon {
  display: none;
}
.dashboard-hover:hover .red-icon {
  display: inline-block;
}

.groomit__button--black:hover,
.gr-button.active:hover {
  background-color: var(--groomit-hover-dark) !important;
}

.groomit__button:hover,
.redbg:hover {
  background-color: var(--groomit-button-hover);
}

.gr-button--white-red {
  background: #FFF8F8;
}

.gr-button--white-red:hover {
  background: #F3E3E5;
}

.footer-slide:hover {
  background-color: #E7E7E7;
  cursor: pointer;
}

.text-light-hover:hover {
  color: #7C868A;
}

.color-darkblue-i:hover,
.color-darkblue:hover {
  color: #194479 !important;
}

/********* end Webapp hover effect ***********/
.grid-template-3 {
  grid-template-columns: auto auto;
}

.w-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.font-green {
  color: #28B446 !important;
}

/*** redio button color ***/
.red-radio-input[type=radio] {
  accent-color: var(--groomit-red);
  height: 18px;
  width: 18px;
}

.font-yellow {
  color: #ED8000 !important;
}

/*** redio button color ***/
/*** time line ****/
.timeline {
  position: relative;
  list-style: none;
  padding-left: 20px;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 9px;
  width: 1px;
  height: 91%;
  background: #BEC3C5;
}

.timeline-item {
  position: relative;
  padding: 0px 20px 10px 10px;
  margin-bottom: 5px;
  line-height: 16px;
  color: #BEC3C5;
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 0px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #BEC3C5;
}

.timeline-item.active::before {
  border: 2px solid #FF314A;
}

.timeline-item.active {
  color: #2E2E2E;
}

.timeline-item.normal {
  color: #7C868A;
}

.timeline-item.disabled {
  color: #7C868A;
  background: #fff;
  pointer-events: none;
}

.timeline-item.disabled::before {
  background: #BEC3C5;
  border-color: #BEC3C5;
}

.cont-tool-tip-copy {
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}

.cont-tool-tip-copy .tooltiptext {
  visibility: hidden;
  width: 85px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 0;
  font-family: "Inter 400";
  font-size: 1.1rem;
  line-height: 1.1rem;
}

.cont-tool-tip-copy .appt-id {
  margin: 0;
}

.cont-tool-tip-copy__icon {
  margin-left: 3px;
}

.gr-cont-reviews-main {
  gap: 20px;
  position: relative;
}
.gr-cont-reviews-main__left {
  width: 344px;
}
.gr-cont-reviews-main__right {
  width: calc(100% - 364px);
}
.gr-cont-reviews-main--profile__left {
  width: 283px;
}
.gr-cont-reviews-main--profile__right {
  width: calc(100% - 364px);
}
.gr-cont-reviews-main--profile__divider-v {
  position: absolute;
  top: 0;
  left: 323px;
  width: 1px;
  height: 100%;
  background-color: #C9CFD4;
}

.grw-curve-card {
  padding: 25px;
  border-radius: 10px;
  background: #fff;
  filter: drop-shadow(0px 20px 80px rgba(0, 0, 0, 0.1));
}
.grw-curve-card--rate {
  background: #F1F1F1;
  box-shadow: none !important;
  filter: none !important;
}
.grw-curve-card--rate__p {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-curve-card--rate__p b {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  color: #2E2E2E;
  margin: 0;
  letter-spacing: -0.2px;
}
.grw-curve-card--rate__textarea {
  height: 80px;
  border-radius: 10px;
  border: 1px solid #7C868A;
  background: #FFF;
  padding: 12px 15px;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
}
.grw-curve-card--rate__textarea::-moz-placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
  margin: 0;
}
.grw-curve-card--rate__textarea::placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
  margin: 0;
}
.grw-curve-card--about-us {
  padding: 50px;
}
.grw-curve-card--green {
  border: 0.5px solid #28B446;
  background: #EAF8ED;
}
.grw-curve-card--grey {
  border: 0.5px solid #F1F1F1;
  background: #F1F1F1;
}
.grw-curve-card--in {
  padding: 15px;
  border: 1px solid #C9CFD4;
  filter: none;
}
.grw-curve-card--in-transparent {
  padding: 0;
  background: transparent;
  filter: none;
}

.gr-cont-paginator--reviews {
  width: calc(100% - 364px);
}

.grw-h1 {
  font-family: "Filson Soft Bold";
  font-size: 3rem;
  font-style: normal;
  font-weight: normal;
  line-height: 3rem;
  margin: 0;
}

.grw-p {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2e2e2e;
  margin: 0;
}
.grw-p--lh-25 {
  line-height: 25px;
}
.grw-p--small {
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.grw-p--big {
  font-size: 2rem;
  line-height: 2rem;
}
.grw-p--smaller {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.grw-p--smaller2 {
  font-size: 1rem;
  line-height: 1rem;
}
.grw-p b {
  font-family: "Inter 700";
  font-weight: 700;
}

.mb-20-px {
  margin-bottom: 20px !important;
}

.pt-25-px {
  padding-top: 25px !important;
}

.gap-5-px {
  gap: 5px;
}

.grw-btn-options {
  gap: 10px;
}
.grw-btn-options__btn {
  padding: 0 12px;
  outline: none;
  box-shadow: none;
  border-radius: 7px;
  height: 32px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  justify-content: center;
  align-items: center;
  display: flex;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #2E2E2E;
  gap: 5px;
}
.grw-btn-options__btn.selected, .grw-btn-options__btn:hover {
  border: 1.5px solid #FF314A;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
}

.grw-rating-reviews {
  gap: 12px;
}
.grw-rating-reviews--big__h2 {
  font-family: "Filson Soft Bold";
  font-size: 5.5rem;
  font-style: normal;
  font-weight: normal;
  line-height: 5.5rem;
  margin: 0;
  color: #2E2E2E;
  line-height: 45px;
}
.grw-rating-reviews--big__p {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
  margin: 0;
}
.grw-rating-reviews--big__stars-and-info {
  justify-content: space-between;
}
.grw-rating-reviews--big__stars {
  gap: 2px;
  margin-bottom: 4px;
}
.grw-rating-reviews__photo {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 2px solid #FFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.grw-rating-reviews--small__h2 {
  font-family: "Filson Soft Bold";
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4rem;
  margin: 0;
  color: #2E2E2E;
}
.grw-rating-reviews--small__h3 {
  font-family: "Filson Soft Bold";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4rem;
  margin: 0;
  color: #2E2E2E;
  display: flex;
  align-items: center;
  gap: 2px;
}
.grw-rating-reviews--small__p {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
  margin: 0;
}
.grw-rating-reviews--small__p--comments {
  font-size: 1.2rem;
  line-height: 17px;
  color: #2E2E2E;
  margin: 0;
}
.grw-rating-reviews--small__p--breed {
  font-size: 1.2rem;
  line-height: 17px;
  color: #7C868A;
  margin: 0;
}
.grw-rating-reviews--small__p--booked-appts {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #2E2E2E;
  margin: 0;
  font-family: "Inter 700";
  font-weight: 700;
  letter-spacing: -0.12px;
}
.grw-rating-reviews--small__p--date {
  font-size: 1rem;
  line-height: 1rem;
  color: #7C868A;
  margin: 0;
  font-family: "Inter 400";
  font-weight: 400;
  letter-spacing: -0.1px;
  font-style: italic;
  margin: 0;
}
.grw-rating-reviews--small__p--smalll {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-rating-reviews--small__stars-and-info {
  justify-content: space-between;
}
.grw-rating-reviews--small__stars {
  gap: 2px;
  margin-bottom: 4px;
}

.grw-stars-slider {
  margin-bottom: 8px;
}
.grw-stars-slider__stars-num {
  width: 56px;
}
.grw-stars-slider__rating-line-and-percentage {
  width: calc(100% - 65px);
}
.grw-stars-slider__rating-line-cont {
  border-radius: 10px;
  background-color: #eceef0;
  padding: 3px;
  position: relative;
  width: calc(100% - 44px);
  height: 12px;
}
.grw-stars-slider__rating-line {
  position: absolute;
  top: 3px;
  left: 3px;
  height: calc(100% - 6px);
  display: block;
  z-index: 2;
  border-radius: 10px;
}
.grw-stars-slider__rating-line--5 {
  background-color: #28b446;
}
.grw-stars-slider__rating-line--4 {
  background-color: #0a7170;
}
.grw-stars-slider__rating-line--3 {
  background-color: #3064a3;
}
.grw-stars-slider__rating-line--2 {
  background-color: #ed8000;
}
.grw-stars-slider__rating-line--1 {
  background-color: #ff314a;
}
.grw-stars-slider__stars-num-button {
  border-radius: 7px;
  border: 1px solid #C9CFD4;
  background: #FFF;
  padding: 0;
  outline: none;
  box-shadow: none;
  text-align: center;
  height: 21px;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #2E2E2E;
  letter-spacing: -0.12px;
  width: 100%;
}
.grw-stars-slider__p {
  text-align: end;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #7C868A;
  letter-spacing: -0.12px;
  width: 35px;
  margin: 0;
}

.grw-button {
  outline: none;
  box-shadow: none;
  border-radius: 30px;
  border: 1px solid #C9CFD4;
  background-color: #fff;
  height: 45px;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  gap: 6px;
}
.grw-button--red {
  border: 1px solid #FF314A;
  background-color: #FF314A;
  color: #fff;
}
.grw-button--black {
  border: 1px solid #2E2E2E;
  background-color: #2E2E2E;
  color: #fff;
}
.grw-button--h-48 {
  height: 48px;
}
.grw-button--h-38 {
  height: 38px;
}
.grw-button--contact-us {
  width: 205px;
}
.grw-button--check-zip {
  width: 82px;
}
.grw-button--load-more-reviews {
  border: 1px solid #FF314A;
  background-color: transparent;
  color: #FF314A;
  width: 196px;
}

.pt-40-px {
  padding-top: 40px !important;
}

.grw-h2 {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-h2--filson {
  font-family: "Filson Soft Bold";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: normal;
  line-height: 2.8rem;
}

.grw-filters-cont {
  gap: 5px;
}
.grw-filters-cont__select {
  border-radius: 100px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  height: 28px;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  padding: 0 28px 0 10px;
  background-image: url("/v7/images/icons/select.svg");
  background-position: center right 8px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 15px;
  margin: 0;
}

.grw-form__input--search-button {
  padding: 0 0 10px 0;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  border: none;
  width: 20px;
  height: 32px;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin: 0;
}
.grw-form__input--search {
  padding: 0 0 10px 5px;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  border: none;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  width: calc(100% - 25px);
  height: 32px;
  margin: 0;
}
.grw-form__input--search::-moz-placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-form__input--search::placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-form__input-group {
  display: flex;
  flex-direction: column;
}
.grw-form__input {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 42px;
  border: 1px solid #C9CFD4 !important;
  background: #FFF !important;
  height: 52px;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  padding: 16px 20px;
}
.grw-form__input--check-zip {
  position: relative;
  padding-right: 96px;
}
.grw-form__label {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  margin: 0 0 10px 0;
}

.grw-button--check-zip {
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.line-divider-form {
  height: 1px;
  background-color: #2E2E2E;
}

.mb-8-px {
  margin-bottom: 8px !important;
}

.mb-10-px {
  margin-bottom: 10px !important;
}

.mb-25-px {
  margin-bottom: 25px !important;
}

.mr-5-px {
  margin-right: 5px !important;
}

.pt-25-px {
  padding-top: 25px;
}

.p-side-25-px {
  padding-left: 25px;
  padding-right: 25px;
}

.grw-search-result__each {
  padding: 15px 25px;
}
.grw-search-result__each-divider {
  background: linear-gradient(180deg, #F2F2F2 0%, #FFF 100%);
  height: 4px;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
}
.grw-search-result__each-left {
  width: calc(100% - 206px);
  padding-right: 24px;
}
.grw-search-result__each-right {
  width: 206px;
  border-left: 1px solid #C9CFD4;
  padding-left: 24px;
}
.grw-search-result__each-right .grw-rating-reviews {
  gap: 5px;
}

.grw-rating-reviews--small_stars svg {
  margin-right: 2px;
}

.grw-search-result:last-child .grw-search-result__each-divider {
  display: none !important;
}

.grw-line-divider--wide {
  height: 1px;
  background-color: #C9CFD4;
}
.grw-line-divider--vertical {
  width: 1px;
  background-color: #C9CFD4;
}

.grw-search-result__each-left-main {
  width: 100%;
}

.grw-search-result--x2 .grw-search-result__each-left-main {
  width: 50%;
}

.grw-search-result--x2 .grw-search-result__each-left.align-items-center.d-flex.flex-column {
  flex-direction: row !important;
  gap: 24px;
}

.gr-cont-paginator--reviews-cont {
  padding: 0;
}

.gr-cont-paginator--reviews__prev, .gr-cont-paginator--reviews__next {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  text-decoration: none !important;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  height: 100%;
  border: 1px solid #BEC3C5;
  border-right: none;
  background: #fff;
}
.gr-cont-paginator--reviews__prev {
  border-radius: 7px 0 0 7px;
}
.gr-cont-paginator--reviews__next {
  border-right: 1px solid #BEC3C5;
  border-radius: 0 7px 7px 0;
}
.gr-cont-paginator--reviews__num {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  text-decoration: none !important;
  padding: 5px 9px;
  border-right: 1px solid #BEC3C5;
  display: flex;
  align-items: center;
  height: 100%;
  border: 1px solid #BEC3C5;
  border-right: none;
  background: #fff;
}
.gr-cont-paginator--reviews__dots {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #2E2E2E;
  text-decoration: none !important;
  padding: 5px 9px;
  border-right: 1px solid #BEC3C5;
  display: flex;
  align-items: center;
  height: 100%;
  border: 1px solid #BEC3C5;
  border-right: none;
  background: #fff;
  margin: 0;
}

a.gr-cont-paginator--reviews__num.active {
  border: 1px solid #FF314A !important;
  background: linear-gradient(0deg, rgba(255, 49, 74, 0.1) 0%, rgba(255, 49, 74, 0.1) 100%), #FFF;
}

.gr-cont-paginator--reviews .gr-cont-paginator--reviews__num:first-child {
  border-left: 1px solid #BEC3C5;
}

.pt-20-px {
  padding-top: 20px;
}

.mb-2-px {
  margin-bottom: 2px;
}

.grw-rating-reviews--small__h3 svg {
  margin: auto;
}

.grw-multiple-pets-photos {
  position: relative;
  width: 45px;
  height: 45px;
}
.grw-multiple-pets-photos .grw-rating-reviews__photo {
  width: 31px;
  height: 31px;
  position: absolute;
  top: 2px;
}
.grw-multiple-pets-photos .grw-rating-reviews__photo:first-child {
  width: 35px;
  height: 35px;
  z-index: 2;
  top: 0;
}
.grw-multiple-pets-photos .grw-rating-reviews__photo:nth-child(2) {
  left: 9px;
  z-index: 1;
}
.grw-multiple-pets-photos .grw-rating-reviews__photo:nth-child(3) {
  left: 18px;
  z-index: 0;
  width: 27px;
  height: 27px;
  top: 4px;
}

.mt-10-px {
  margin-top: 10px !important;
}

.mt-15-px {
  margin-top: 15px !important;
}

.grw-modal {
  z-index: 1021;
  filter: drop-shadow(0px 20px 80px rgba(0, 0, 0, 0.1));
}

.grw-modal .modal-content {
  width: 430px;
  max-width: initial;
  border-radius: 40px;
  border: none;
  overflow: hidden;
  padding: 20px;
}

.grw-modal .modal-body {
  padding: 0;
}

.grw-modal .btn-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 20px;
  background: #fff;
  z-index: 2;
  opacity: 1;
  padding: 0;
}

.grw-modal__h3 {
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 2rem;
  font-style: normal;
  line-height: 2rem;
  color: #2E2E2E;
  margin: 0;
}

.grw-modal__p {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.6rem;
  color: #7C868A;
  margin: 0;
}

.grw-color--black {
  color: #2E2E2E !important;
}
.grw-color--white {
  color: #fff !important;
}
.grw-color--red {
  color: #FF314A !important;
}
.grw-color--blue {
  color: #3064A3 !important;
}
.grw-color--green {
  color: #28B446 !important;
}

.mb-50-px {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 1192px) {
  .grw-search-result--x2 .grw-search-result__each-left-main {
    width: 100%;
  }
  .grw-search-result--x2 .grw-search-result__each-left.align-items-center.d-flex.flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 768px) {
  .grw-search-result__each {
    padding-left: 20px;
    padding-right: 20px;
  }
  .order-mb-neg {
    order: -1;
  }
  .pet-and-breed {
    padding-left: 10px;
    margin-left: 15px;
    border-left: 1px solid #C9CFD4;
    margin-bottom: 0 !important;
    height: -moz-fit-content;
    height: fit-content;
    align-items: stretch !important;
  }
  .grw-rating-reviews--small__info {
    padding-top: 3px;
  }
  .grw-multiple-pets-photos {
    position: relative;
    width: 45px;
    height: 35px;
  }
  .grw-search-result__each {
    flex-direction: column !important;
  }
  .grw-search-result--x2 .grw-search-result__each-left.align-items-center.d-flex.flex-column,
  .grw-search-result .grw-search-result__each-left.align-items-center.d-flex.flex-column,
  .grw-search-result__each-right {
    width: 100% !important;
  }
  .grw-search-result--x2 .grw-search-result__each-left.align-items-center.d-flex.flex-column {
    gap: 0 !important;
  }
  .grw-search-result__each-left {
    padding-right: 0;
  }
  .grw-search-result__each-right {
    border-left: none;
    padding-left: 0;
  }
  .grw-rating-reviews--small__p--comments {
    margin-bottom: 15px;
  }
  .review-type-groomit .grw-search-result__each-right {
    flex-direction: row;
    display: flex;
  }
  .grw-search-result__each-right .grw-line-divider--wide {
    display: none !important;
  }
  .gr-cont-reviews-main {
    flex-direction: column;
  }
  .gr-cont-reviews-main__left,
  .gr-cont-reviews-main__right,
  .gr-cont-paginator--reviews {
    width: 100%;
  }
}
.gap-20-px {
  gap: 20px;
}

.grw-press-posts {
  flex-wrap: wrap;
}
.grw-press-posts__divider-line {
  width: 1px;
  background-color: #C9CFD4;
  margin: 0 5px 5px 5px;
  height: 12px;
}
.grw-press-posts__each {
  width: calc(33.3333333333% - 13.4px);
  text-align: center;
  margin-bottom: 46px;
  position: relative;
}
.grw-press-posts__photo {
  border-radius: 20px;
  overflow: hidden;
}
.grw-press-posts__photo-img {
  aspect-ratio: 8/7;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.grw-press-posts__info {
  border-radius: 20px;
  background: #FFF;
  min-height: 92px;
  display: inline-block;
  width: calc(100% - 30px);
  margin-left: auto;
  padding: 0;
  text-align: start;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  overflow: hidden;
  left: 15px;
  bottom: -46px;
}
.grw-press-posts__brand {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.2rem;
  color: #FF314A;
  margin: 0 0 5px 0;
}
.grw-press-posts__title {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.4rem;
  color: #2E2E2E;
  margin: 0 0 9px 0;
}
.grw-press-posts__date {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  font-style: normal;
  line-height: 1.2rem;
  color: #7C868A;
  margin: 0 0 5px 0;
}
.grw-press-posts__icon-cont {
  position: absolute;
  top: calc(50% - 15px);
  right: 20px;
  border-radius: 30px;
  border: 0.5px solid #7C868A;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grw-press-posts__a {
  border: none;
  outline: none;
  text-decoration: none;
  padding: 20px 50px 20px 20px;
  display: block;
}

@media screen and (max-width: 768px) {
  .grw-press-posts {
    flex-wrap: wrap;
  }
  .grw-press-posts__each {
    width: 100%;
  }
}
.gap-60-px {
  gap: 60px;
}

.pl-30-px {
  padding-left: 30px !important;
}

.pr-30-px {
  padding-right: 30px !important;
}

.p-50-px {
  padding: 50px !important;
}

@media screen and (max-width: 768px) {
  .grw-curve-card--about-us {
    padding: 15px;
  }
  .grw-curve-card.grw-curve-card--about-us .col-lg-8.pr-30-px {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .grw-curve-card.grw-curve-card--about-us .col-lg-4.pl-30-px {
    display: none !important;
  }
}
.part-bg-grey {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  background-color: #F2F2F2;
}

.grw-groomer-photo-cont {
  width: 153px;
  height: 153px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
.grw-groomer-photo-cont__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 153px;
  height: 153px;
}
.grw-groomer-photo-cont__photo {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 135px;
  height: 135px;
}

.grw-groomer-info-cont {
  width: calc(100% - 178px);
}

.grw-info-items {
  border-radius: 10px;
  border: 1px solid #C9CFD4;
  padding: 0 15px;
  height: 35px;
  display: flex;
  align-items: center;
}
.grw-info-items__divider-line {
  width: 1px;
  background-color: #C9CFD4;
  margin: auto 10px;
  height: 18px;
}

.mr-15-px {
  margin-right: 15px !important;
}

.grw-a {
  font-family: "Inter 400";
  font-weight: 400;
  font-style: normal;
  color: #7C868A;
}
.grw-a b {
  font-family: "Inter 700";
  font-weight: 700;
}
.grw-a--clean {
  border: none;
  outline: none;
  text-decoration: none;
}

.grw-stats {
  width: -moz-fit-content;
  width: fit-content;
}
.grw-stats__each {
  display: flex;
  align-items: center;
}
.grw-stats__each-icon {
  margin-right: 12px;
}

.grw-a {
  border: none;
  outline: none;
  text-decoration: none;
}

.grw-h3 {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  margin: 0;
}
.grw-h3--filson {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  line-height: 2.2rem;
}

.gap-30-px {
  gap: 30px;
}

.lh-20-px {
  line-height: 20px;
}

.ml-15-px {
  margin-left: 15px !important;
}

.mr-15-px {
  margin-right: 15px !important;
}

.filter-none {
  filter: none !important;
}

.grw-ul {
  margin-bottom: 0;
}
.grw-ul__li {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #2E2E2E;
  margin: 0 0 5px 0;
}
.grw-ul__li:last-child {
  margin: 0;
}

.mb-35-px {
  margin-bottom: 35px !important;
}

.gr-cont-show-more__a {
  height: 23px;
  display: flex;
  align-items: center;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #2E2E2E;
  border-radius: 100px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  text-decoration: none !important;
  outline: none;
  padding: 0 8px;
}
.gr-cont-show-more__a svg {
  margin: auto 0 auto 5px;
}

.w-200-px {
  width: 200px;
}

.grw-pricing-groomer-inputs {
  gap: 10px;
}
.grw-pricing-groomer-inputs__location {
  width: calc(100% - 568px);
}
.grw-pricing-groomer-inputs__breed {
  width: calc(55% - 7.5px);
}
.grw-pricing-groomer-inputs__size {
  width: calc(45% - 7.5px);
}
.grw-pricing-groomer-inputs__size select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(/v7/images/icons/select.svg);
  background-position: center right;
  background-repeat: no-repeat;
  appearance: none;
  padding-right: 15px;
  width: 100%;
}

.grw-pkg-card__header {
  height: 29px;
  padding: 0 15px;
  border-radius: 10px 10px 0 0;
}
.grw-pkg-card--gold__header {
  background: #ED9F00;
}
.grw-pkg-card--eco__header {
  background: #3064A3;
}
.grw-pkg-card--silver__header {
  background: #7C868A;
}
.grw-pkg-card__body {
  padding: 12px 15px;
  border: 1px solid rgba(124, 134, 138, 0.5);
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.grw-pkg-card__price {
  border-left: 1px solid #BEC3C5;
  padding-left: 15px;
}

.mb-3-px {
  margin-bottom: 3px !important;
}

.mb-6-px {
  margin-bottom: 6px !important;
}

.mb-8-px {
  margin-bottom: 8px !important;
}

.grw-referral-code {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 264px;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .grw-groomer-photo-cont,
  .grw-groomer-info-cont {
    margin-bottom: 30px;
  }
  .grw-referral-code {
    margin-top: 15px;
    width: 100%;
  }
  .grw-p--about-me {
    margin-bottom: 15px;
  }
  .grw-curve-card--can-service {
    margin-bottom: 15px;
  }
  .gr-cont-reviews-main--profile__divider-v {
    display: none !important;
  }
  .gr-cont-reviews-main--profile__left,
  .gr-cont-reviews-main--profile__right {
    width: 100%;
  }
  .gr-cont-reviews-main {
    flex-direction: column !important;
  }
  .grw-profile-fast {
    flex-direction: column;
    align-items: center;
  }
  .grw-groomer-photo-cont {
    margin-right: 0;
    margin-bottom: 2px;
  }
  .grw-groomer-info-cont,
  .grw-groomer-info-cont * {
    text-align: center;
    justify-content: center;
  }
  .grw-stats-cont {
    flex-direction: column !important;
  }
  .grw-stats__each {
    flex-direction: column !important;
    margin-bottom: 15px;
    text-align: center;
  }
  .grw-stats__each-icon {
    margin: 0;
    margin-bottom: 8px;
  }
  .grw-search-result--reviews-profile .grw-search-result__each {
    flex-direction: column;
    padding: 0;
  }
  .grw-search-result__each-left {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  .grw-search-result__each-right {
    width: 100%;
    border-left: none;
    padding-left: 0;
    display: flex !important;
    margin-bottom: 20px;
  }
  .gr-cont-reviews-main--profile {
    gap: 0;
  }
  .grw-search-result--reviews {
    margin-bottom: 15px;
  }
}
.grw-groomer-fixed-menu {
  padding-top: 20px;
  position: fixed;
  top: -100%;
  transition: 0.3s;
  z-index: 2;
  border-top: 1px solid #C9CFD4;
  border-bottom: 1px solid #C9CFD4;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.grw-groomer-fixed-menu__right {
  width: calc(100% - 345px);
}
.grw-groomer-fixed-menu__left {
  width: 345px;
}
.grw-groomer-fixed-menu__photo-cont {
  width: 100px;
  height: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
.grw-groomer-fixed-menu__photo {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.grw-groomer-fixed-menu .grw-curve-card--green {
  width: calc(100% - 220px);
}
.grw-groomer-fixed-menu__links-a {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #7C868A;
  padding-bottom: 15px;
  border-bottom: 2px solid transparent;
  text-decoration: none !important;
}
.grw-groomer-fixed-menu__links-a.active, .grw-groomer-fixed-menu__links-a:hover {
  border-bottom: 2px solid #F92B44;
  color: #2E2E2E;
}

.grw-cont-groomer-btns,
.grw-curve-card--ref-mb {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .grw-groomer-fixed-menu__right {
    display: none !important;
  }
  .grw-groomer-fixed-menu__left {
    width: 100%;
  }
  .grw-groomer-fixed-menu {
    top: 82px;
  }
  .col-cont-referral-groomer {
    display: none !important;
  }
  .grw-curve-card--ref-mb,
  .grw-cont-groomer-btns {
    display: flex !important;
  }
  .grw-cont-groomer-btns {
    margin-top: 20px;
  }
  .grw-curve-card--find-area-groomer {
    margin-bottom: 15px !important;
  }
  .grw-filters-w-title-cont {
    flex-direction: column;
    align-items: start !important;
    gap: 10px;
  }
  .grw-groomer-info-cont {
    width: 100%;
  }
  #groomer-about-me {
    padding-top: 0 !important;
  }
  .grw-filters-cont__select {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.grw-container-390-px {
  width: 390px !important;
  max-width: 100%;
}

.grw-curve-card--groomer-profile {
  background-image: url(/v7/images/webapp/groomer-bg.png);
  background-size: cover;
  background-position: center top;
  padding: 25px;
  background-color: transparent;
  box-shadow: none;
}

.grw-avatar-cont {
  width: 109px;
  height: 109px;
  background-color: #F1F1F1;
  border: 2px solid #FF314A;
  border-radius: 50%;
  overflow: hidden;
}
.grw-avatar-cont__img {
  width: 109px;
  height: 109px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.grw-h3--groomer-modal {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  line-height: 2rem;
  margin: 0;
  color: #2E2E2E;
  margin-bottom: 15px;
}

.grw-p--groomer-modal {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #7C868A;
}

.grw-h2--rating-groomer-modal {
  font-size: 3.3rem;
  line-height: 3.3rem;
}

.gap-2-px {
  gap: 2px;
}

.grw-p--total-ratings {
  font-size: 1rem;
  line-height: 1rem;
  font-style: normal;
  font-family: "Inter 500";
  font-weight: 500;
  letter-spacing: -0.03px;
  text-transform: capitalize;
}

.grw-h2--total-appointments {
  font-size: 3.2rem;
  line-height: 3.6rem;
  color: #FF314A;
  letter-spacing: -0.32px;
}

.h-70-px {
  height: 70px;
}

.mr-30-px {
  margin-right: 30px !important;
}

.ml-30-px {
  margin-left: 30px !important;
}

.grw-curve-card--grey-ref {
  border: 0.5px solid #7C868A;
  background: #F1F1F1;
  padding: 15px;
}

.grw-curve-card--grey-ref .col-lg-6 {
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.grw-referral-code {
  margin-left: auto;
}

.grw-grey-header-in-page {
  min-height: 336px;
  display: flex;
  align-items: center;
}

.mr-10-px {
  margin-right: 10px !important;
}

.pt-5-px {
  padding-top: 5px !important;
}

.pb-5-px {
  padding-bottom: 5px !important;
}

.pt-10-px {
  padding-top: 10px !important;
}

.pb-10-px {
  padding-bottom: 10px !important;
}

.grw-modal .modal-dialog-scrollable .modal-body {
  scrollbar-width: thin;
  scrollbar-color: #2E2E2E #e5e7e8;
}

.grw-modal .modal-dialog-scrollable .btn-close {
  right: 35px;
  border: 1px solid #C9CFD4;
}

.groomit__contReviewsBadge {
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  height: 28px;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.groomit__contReviewsBadge__divider {
  width: 1px;
  height: 100%;
  background-color: #7C868A;
  margin-left: 10px;
  margin-right: 10px;
}
.groomit__contReviewsBadge__a {
  padding: 5px 10px;
  align-items: center;
  display: flex;
  height: 100%;
  margin: auto;
  text-decoration: none;
  color: #2e2e2e;
}
.groomit__contReviewsBadge__p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-style: normal;
  font-family: "Inter 400";
  font-weight: 400;
  margin: 0;
}
.groomit__contReviewsBadge__p b {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-style: normal;
  font-family: "Inter 700";
  font-weight: 700;
  margin-right: 5px;
}

@media screen and (max-width: 991px) {
  .container-fluid--bannerHome .groomit__contReviewsBadge {
    margin: auto !important;
  }
  .cont-reviews-recurring .groomit__contReviewsBadge {
    margin: auto !important;
  }
  .h1-recurring,
  .save-up-recurring {
    text-align: center !important;
  }
}
.grw-curve-card--rating-left {
  position: sticky;
  top: 120px;
}

.include--reviews--linear-grey-bg {
  background: linear-gradient(180deg, rgba(242, 242, 242, 0) 0%, #F2F2F2 100%);
}

.mr-1-px {
  margin-right: 1px !important;
}

.cont-reviews-badget-no-logo .groomit__contReviewsBadge__divider,
.cont-reviews-badget-no-logo .groomit__contReviewsBadge_groomit-logo {
  display: none !important;
}

.groomit__h2-reviewsHome--new {
  font-size: 2.4rem;
  line-height: 2.8rem;
}

.include--reviews--linear-grey-bg {
  background: linear-gradient(180deg, rgba(242, 242, 242, 0) 0%, #F2F2F2 100%);
}

.mr-1-px {
  margin-right: 1px !important;
}

.cont-reviews-badget-no-logo .groomit__contReviewsBadge__divider,
.cont-reviews-badget-no-logo .groomit__contReviewsBadge_groomit-logo {
  display: none !important;
}

.groomit__h2-reviewsHome--new {
  font-size: 2.4rem;
  line-height: 2.8rem;
}

.owl-carousel--groomitReviews .owl-item {
  /*box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);*/
  background: #fff;
  height: auto;
}
.owl-carousel--groomitReviews .owl-item .item {
  height: 100%;
  padding: 20px;
}
.owl-carousel--groomitReviews__p {
  margin: 0;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #2E2E2E;
}
.owl-carousel--groomitReviews__p a {
  color: #3064A3;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.owl-carousel--groomitReviews__p b {
  font-family: "Inter 700";
  font-weight: 700;
}
.owl-carousel--groomitReviews__p--small {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #7C868A;
}
.owl-carousel--groomitReviews__contStars {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-bottom: 8px;
}
.owl-carousel--groomitReviews__contStars--white {
  display: none;
}
.owl-carousel--groomitReviews .owl-item:hover {
  background: #FF314A;
}
.owl-carousel--groomitReviews .owl-item:hover .owl-carousel--groomitReviews__p {
  color: #fff;
}
.owl-carousel--groomitReviews .owl-item:hover .owl-carousel--groomitReviews__p a {
  color: #fff;
}
.owl-carousel--groomitReviews .owl-item:hover .owl-carousel--groomitReviews__contStars--yellow {
  display: none;
}
.owl-carousel--groomitReviews .owl-item:hover .owl-carousel--groomitReviews__contStars--white {
  display: flex;
}
.owl-carousel--groomitReviews__star {
  width: 16px !important;
  height: 16px !important;
}
.owl-carousel--groomitReviews__authorPhoto {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  margin-right: 8px;
}

.grw-curve-card--review-result {
  border: 1px solid #fff;
}

.grw-curve-card--review-result:hover {
  border: 1px solid #FF314A;
  background: #FFEAED;
}

.grw-curve-card--review-result__groomer-info {
  max-width: 50%;
}

.grw-curve-card--review-pet-info {
  max-width: 50%;
  width: -moz-fit-content;
  width: fit-content;
}

.grw-search-review-cont {
  border: 1px solid #BEC3C5;
  border-radius: 10px;
  background: #fff;
  width: 480px;
  max-width: calc(100% - 420px);
}
.grw-search-review-cont .grw-form__input--search {
  height: 52px;
  padding: 8px 8px 8px 20px;
  width: calc(100% - 48px);
}
.grw-search-review-cont .grw-form__input--search::-moz-placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #7C868A;
  margin: 0;
}
.grw-search-review-cont .grw-form__input--search::placeholder {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #7C868A;
  margin: 0;
}
.grw-search-review-cont #searchbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.grw-form__input--search-button-2 {
  width: 36px !important;
  height: 36px !important;
  margin-right: 8px !important;
  padding: 0 !important;
}

.grw-filters-cont {
  width: 400px;
}

.pb-25-px {
  padding-bottom: 25px !important;
}

.p-5-px {
  padding: 5px !important;
}

.filter-none {
  filter: none !important;
}

@media screen and (max-width: 1199px) {
  .grw-filters-w-title-cont {
    flex-direction: column !important;
    gap: 0;
  }
  .grw-filters-cont {
    margin-bottom: 15px;
    width: 100%;
  }
  .grw-search-review-cont {
    max-width: 100%;
    width: 100%;
    order: 2;
  }
}
@media screen and (max-width: 991px) {
  .gr-cont-reviews-main__right,
  .gr-cont-reviews-main__left {
    width: 100%;
  }
  .grw-curve-card--review-result__container-groomer-pet-info {
    flex-direction: column;
    align-items: start !important;
    gap: 10px;
    width: 100%;
  }
  .grw-curve-card--review-pet-info {
    max-width: 100% !important;
    width: 100% !important;
    justify-content: space-between;
  }
  .order-2-mobile {
    order: 2;
  }
}
.grw-avatar-cont--new {
  width: 80px;
  height: 80px;
  border-color: #BEC3C5;
}

.grw-avatar-cont--new__img {
  width: 80px;
  height: 80px;
}

.gr-groomer-photo-and-info__photo {
  width: 95px;
}

.gr-groomer-photo-and-info__info {
  width: calc(100% - 95px);
}

.grw-groomer-stats {
  width: 33.3%;
}

.grw-p--groomer-modal--new {
  line-height: 24px;
}

.pb-20-px {
  padding-bottom: 20px !important;
}

.grw-label-clean {
  font-family: "Inter 700";
  color: #2E2E2E;
  font-size: 1.6rem;
  padding-left: 8px;
  margin-bottom: 8px;
}

.grw-input-group {
  position: relative;
}
.grw-input-group .grw-input-group__input-and-icon {
  display: flex;
}
.grw-input-group .grw-input-group__input-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: calc(100% - 40px);
  height: 52px;
  width: 100%;
}
.grw-input-group .grw-input-group__icon-container {
  border: 1px solid #BEC3C5;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  padding: 5px 15px 5px 2px;
  width: 40px;
  height: 52px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.grw-input-group .grw-input-group__input {
  border: 1px solid #BEC3C5;
  width: 100%;
  border-radius: 10px;
  padding: 5px 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
}
.grw-input-group .grw-input-group__input::-moz-placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.grw-input-group .grw-input-group__input::placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.grw-input-group .grw-input-group__input-w-icon-r {
  border-right: 0;
  border-radius: 10px 0 0 10px;
  padding: 5px 0 5px 15px;
  padding-right: 40px;
}

.grw-textarea-cont__textarea {
  border: 1px solid #BEC3C5;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #2E2E2E;
  height: 100px;
  padding: 15px;
}

.grw-input-cont__textarea::-moz-placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 400;
}

.grw-input-cont__textarea::placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 400;
}

.contact-grey-detail {
  position: absolute;
  top: 0;
  left: calc(100% - 182px);
  width: 100%;
  height: 100%;
  background: #F2F2F2;
}

.mt-80-px {
  margin-top: 80px !important;
}

.mb-80-px {
  margin-bottom: 80px !important;
}

.grw-contact-form-cont {
  padding-right: 100px;
}

.contact-bottom {
  border-top: 1px solid #BEC3C5;
}
.contact-bottom .contact-bottom__a {
  font-family: "Inter 700";
  color: #2E2E2E;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 7px;
  text-decoration: none;
  text-align: start;
}
.contact-bottom .contact-bottom__p {
  font-family: "Inter 400";
  color: #2E2E2E;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0;
  text-align: start;
}
.contact-bottom .contact-bottom__help-divider {
  height: 45px;
  width: 1px;
  background: #7C868A;
  margin: auto 50px;
}

@media screen and (max-width: 1199px) {
  .grw-contact-form-cont {
    padding-right: 30px;
  }
  .grw-contact-girl-photo {
    height: 470px;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    border-radius: 20px;
  }
}
@media screen and (max-width: 991px) {
  .contact-grey-detail {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 150%;
    height: 100%;
    background: #F2F2F2;
  }
  .grw-button-submit-contact {
    width: 100% !important;
  }
  .grw-contact-girl-photo {
    height: 250px;
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
  }
  .grw-contact-form-cont {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .contact-bottom__cont {
    flex-direction: column !important;
    align-items: start !important;
    gap: 25px;
  }
  .contact-bottom__help-divider {
    display: none !important;
  }
  .grw-h2--contact-us {
    text-align: center !important;
  }
}
.gap-14-px {
  gap: 14px !important;
}

.grw-packages-cont__each {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #BEC3C5;
  background: #FFF;
  width: 33.3333333333%;
}
.grw-packages-cont__each .grw-packages-cont__each-top {
  display: flex;
  width: 100%;
  align-items: start;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  flex-direction: column;
  position: relative;
}
.grw-packages-cont__each .grw-packages-cont__each-top-top {
  display: flex;
  width: 100%;
  justify-content: start;
  padding-bottom: 14px;
}
.grw-packages-cont__each .grw-packages-cont__each-top-bottom {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  min-height: 86px;
  border-radius: 9.425px;
  background: #F1F1F1;
  padding: 0 18px;
  z-index: 4;
}
.grw-packages-cont__each .grw-packages-cont__eacch-bg-detail {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 120px;
  -webkit-clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%);
  z-index: 0;
  border-radius: 0 0 0 14px;
}
.grw-packages-cont__each .grw-packages-cont__title {
  color: #fff;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.9rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 105px;
  text-align: left;
  z-index: 2;
  margin-bottom: 0;
}
.grw-packages-cont__each .grw-packages-cont__h3 {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-align: left;
  background: #F1F1F1;
  padding: 4px 9px 4px 28px;
  margin-left: -30px;
  border-radius: 0 20px 20px 0;
  display: flex;
  align-items: center;
  height: 21px;
  z-index: 0;
  margin-bottom: 0;
}
.grw-packages-cont__each .grw-packages-cont__title-bottom {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  text-align: left;
  margin-bottom: 0;
  width: 82px;
}
.grw-packages-cont__each .grw-packages-cont__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 82px);
}
.grw-packages-cont__each .grw-packages-cont__item {
  color: #2E2E2E;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.3rem;
  font-style: normal;
  line-height: normal;
  text-align: left;
  display: flex;
  align-items: Center;
}
.grw-packages-cont__each .grw-packages-cont__item-bullet {
  width: 6.597px;
  height: 6.597px;
  border-radius: 50%;
  margin-right: 5px;
}
.grw-packages-cont__each .grw-packages-cont__items-ul {
  -moz-column-count: 2;
       column-count: 2;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}
.grw-packages-cont__each .grw-packages-cont__items-li {
  padding: 0;
  list-style: none;
  color: #2E2E2E;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.3rem;
  font-style: normal;
  line-height: normal;
  text-align: left;
  display: flex;
  align-items: Center;
  margin-bottom: 4px;
}
.grw-packages-cont__each .grw-packages-cont__each-bottom-prices {
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 10px 14px 14px 14px;
}
.grw-packages-cont__each .grw-packages-cont__each-bottom-prices .grw-packages-cont__each-bottom-price {
  border-radius: 9px;
  padding: 10px;
  border: 1px solid #BEC3C5;
  background: #FFF;
  width: 50%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.grw-packages-cont__each .grw-packages-cont__each-bottom-prices .grw-packages-cont__each-bottom-prices-h3 {
  font-family: "Filson Soft Bold";
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 2.6rem;
  margin: 0 0 3px 0;
  color: #2E2E2E;
}
.grw-packages-cont__each .grw-packages-cont__each-bottom-prices .grw-packages-cont__each-bottom-prices-p {
  font-family: "Inter 400";
  font-size: 1.1rem;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  color: #2E2E2E;
}

.grw-packages-cont__each--gold .grw-packages-cont__eacch-bg-detail {
  background-color: #ED9F00;
}
.grw-packages-cont__each--gold .grw-packages-cont__item-bullet {
  background-color: #ED9F00;
}

.grw-packages-cont__each--gold .grw-packages-cont__eacch-bg-detail {
  background-color: #ED9F00;
}
.grw-packages-cont__each--gold .grw-packages-cont__item-bullet {
  background-color: #ED9F00;
}

.grw-packages-cont__each--eco .grw-packages-cont__eacch-bg-detail {
  background-color: #3064A3;
}
.grw-packages-cont__each--eco .grw-packages-cont__item-bullet {
  background-color: #3064A3;
}

.grw-packages-cont__each--silver .grw-packages-cont__eacch-bg-detail {
  background-color: #7C868A;
}
.grw-packages-cont__each--silver .grw-packages-cont__item-bullet {
  background-color: #7C868A;
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .grw-packages-cont__each .grw-packages-cont__items {
    width: calc(100% - 70px);
  }
  .grw-packages-cont__each .grw-packages-cont__title-bottom {
    width: 70px;
  }
  .grw-packages-cont__each .grw-packages-cont__each-top-bottom {
    padding: 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .grw-packages-cont__each .grw-packages-cont__each-top-bottom {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    min-height: 110px;
    padding: 10px 15px;
  }
  .grw-packages-cont__each .grw-packages-cont__title-bottom {
    width: 100%;
    margin-bottom: 10px;
  }
  .grw-packages-cont__each .grw-packages-cont__title-bottom br {
    display: none;
  }
  .grw-packages-cont__each .grw-packages-cont__items {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .grw-packages-cont__each .grw-packages-cont__eacch-bg-detail {
    width: 92px;
  }
  .grw-packages-cont__each .grw-packages-cont__title {
    font-size: 1.7rem;
  }
  .grw-packages-cont__each .grw-packages-cont__h3 {
    margin-left: -20px;
  }
  .grw-packages-cont__each .grw-packages-cont__items-ul {
    -moz-column-count: 1;
         column-count: 1;
  }
  .grw-packages-cont__each .grw-packages-cont__each-top-bottom {
    min-height: 165px;
  }
  .grw-packages-cont__each .grw-packages-cont__each-bottom-prices {
    flex-direction: column;
  }
  .grw-packages-cont__each .grw-packages-cont__each-bottom-price {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .grw-packages-cont {
    flex-direction: column;
  }
  .grw-packages-cont__each {
    width: 100% !important;
  }
  .grw-packages-cont__each .grw-packages-cont__eacch-bg-detail {
    width: 92px;
  }
  .grw-packages-cont__each .grw-packages-cont__eacch-bg-detail {
    width: 120px;
  }
  .grw-packages-cont__each .grw-packages-cont__each-top-bottom {
    flex-direction: column;
    align-items: start;
    justify-content: center;
    min-height: 98px;
  }
  .grw-packages-cont__each .grw-packages-cont__items {
    width: 100%;
  }
  .grw-packages-cont__each .grw-packages-cont__title-bottom {
    width: 100%;
    margin-bottom: 5px;
  }
  .grw-packages-cont__each .grw-packages-cont__title-bottom br {
    display: none;
  }
  .grw-packages-cont__each .grw-packages-cont__each-bottom-price {
    padding: 10px 0 !important;
  }
}
.gr-color--blue2 {
  color: #3064A3 !important;
}

.modal--wa7 h3.packagesInfoModal__h3,
.packagesInfoModal__h3 {
  font-family: "Filson Soft Bold";
  font-size: 2rem;
  font-weight: normal;
  line-height: 2rem;
  margin: 0;
}

.packagesInfoModal__h4 {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.3rem;
  text-transform: uppercase;
  display: inline-flex;
  height: 23px;
  padding: 5px 9px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: #F1F1F1;
  margin: 0;
}

.packagesInfoModal__h3.gold {
  color: #ED9F00;
}

.packagesInfoModal__h3.eco {
  color: #3064A3;
}

.packagesInfoModal__h3.silver {
  color: #7C868A;
}

.modal--wa7 p.packagesInfoModal__p,
.packagesInfoModal__p {
  color: #2E2E2E;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 2.3rem;
  margin: 0;
}

.packagesInfoModal-divider {
  height: 1px;
  background: #C9CFD4;
  margin: 20px 0;
}

.recurring-banner-right__curve-card {
  border-radius: 15px;
  background: #FFF;
  gap: 15px;
  padding: 18px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

.recurring-banner-right__curve-card.left {
  position: absolute;
  bottom: 55px;
  left: 0;
}

.recurring-banner-right__curve-card.right {
  position: absolute;
  top: 125px;
  right: 0;
}

.recurring-banner-right__off {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 2.4rem;
  font-style: normal;
  color: #2E2E2E;
  margin: 0;
}

.recurring-banner-right__text {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  font-style: normal;
  color: #2E2E2E;
  letter-spacing: -0.14px;
  margin: 0 0 10px 0;
}

.recurring-banner-right__pkg {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 11px;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  border-radius: 25px;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.recurring-banner-right__pkg.gold {
  background: #ED9F00;
}

.recurring-banner-right__pkg.eco {
  background: #3064A3;
}

.recurring-banner-right__pkg.silver {
  background: #7C868A;
}

.l-h-24-px {
  line-height: 24px !important;
}

.button-get-started {
  width: 206px;
}

.cont-recurring-single-page .grw-recurring-packages-cont__a-learn-more-mobile,
.cont-recurring-single-page .grw-recurring-packages-cont__a-learn-more {
  display: none !important;
}

.grw-recurring-steps-title {
  margin-bottom: 45px;
  padding: 0 20px;
}
.grw-recurring-steps-title .grw-recurring-steps-title__p-text {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: normal;
  letter-spacing: -0.16px;
  margin-bottom: 0;
}

.pt-60-px {
  padding-top: 60px !important;
}

.grw-recurring-steps-mobile {
  display: none !important;
}

.recurring-booking-phone-img.recurring-booking-phone-391 {
  display: block !important;
}

.recurring-booking-phone-img.recurring-booking-phone-365,
.recurring-booking-phone-img.recurring-booking-phone-305,
.recurring-booking-phone-img.recurring-booking-phone-284 {
  display: none !important;
}

.recurring-booking-phone-img {
  max-width: 100% !important;
  height: auto;
}

.how-recurring-work__h3 {
  text-align: center;
  color: #fff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FF314A;
  font-family: "Filson Soft Bold";
  font-size: 5rem;
  font-style: normal;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 15px;
}

.how-recurring-work .how-recurring-work__curve-card {
  padding: 20px 15px;
  border-radius: 10px;
  border: 1px solid #BEC3C5;
  min-height: 181px;
}

.container-fluid--why-recurring .container-fluid--why-recurring__curve-card {
  padding: 40px 45px;
  border-radius: 50px 50px 0px 50px;
  border: 1px solid #FF314A;
  background: #FFF;
}

.recurring-green-logo {
  width: 60px;
  height: 60px;
}

.recurring-line-divider {
  display: none;
}

.br-small {
  display: none;
}

@media screen and (max-width: 1399px) {
  .recurring-booking-phone-img.recurring-booking-phone-365 {
    display: block !important;
  }
  .recurring-booking-phone-img.recurring-booking-phone-391,
  .recurring-booking-phone-img.recurring-booking-phone-305,
  .recurring-booking-phone-img.recurring-booking-phone-284 {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .how-recurring-work .how-recurring-work__curve-card {
    min-height: 205px;
  }
  .why-recurring-phone-cont,
  .pr-50-px.why-recurring-phone-cont,
  .pr-50-px.why-recurring-phone-cont {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .how-recurring-work .grw-curve-card {
    padding: 15px 10px;
  }
  .h1-recurring {
    font-size: 2.3rem !important;
  }
  .img-groomer-with-pets {
    width: 250px;
  }
  .recurring-banner-right__curve-card.left {
    top: 0;
    bottom: initial;
  }
  .recurring-banner-right__curve-card.right {
    top: initial;
    bottom: 0;
  }
  .how-recurring-work .grw-curve-card {
    padding: 15px 10px;
  }
  .recurring-booking-phone-img.recurring-booking-phone-305 {
    display: block !important;
  }
  .recurring-booking-phone-img.recurring-booking-phone-391,
  .recurring-booking-phone-img.recurring-booking-phone-365,
  .recurring-booking-phone-img.recurring-booking-phone-284 {
    display: none !important;
  }
  .grw-recurring-steps-mobile .col-lg-4 {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 991px) {
  .recurring-line-divider {
    width: calc(100% - 30px);
    height: 1px;
    margin: 25px auto;
    background: #BEC3C5;
    display: block;
  }
  .groomit__faqsHeader.groomit__faqsHeader--recurring {
    padding-top: 0;
  }
  .groomit__faqsContent.groomit__faqsContent--recurring {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
  }
  .groomit__faqsContent.groomit__faqsContent--recurring .accordion-item {
    background: #fff;
  }
  .how-recurring-work__h3 {
    margin-bottom: 0 !important;
  }
  .how-recurring-work__text-cont {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding-left: 15px;
    justify-content: Center;
  }
  .button-get-started-recurring {
    margin: auto !important;
  }
  .recurring-green-logo-cont {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .recurring-green-logo-cont h4 {
    font-size: 1.4rem !important;
    line-height: 22px !important;
  }
  .h1-recurring {
    font-size: 2.5rem !important;
    text-align: Center;
  }
  .save-up-recurring {
    font-size: 1.4rem !important;
    text-align: center;
    line-height: normal !important;
  }
  .recurring-green-logo {
    width: 55px;
    height: 55px;
  }
  .how-recurring-work .how-recurring-work__curve-card {
    min-height: initial;
    display: flex !important;
    align-items: center !important;
  }
  .container-fluid--why-recurring .container-fluid--why-recurring__curve-card {
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    text-align: center !important;
  }
  .container-fluid--why-recurring .container-fluid--why-recurring__curve-card h2,
  .container-fluid--why-recurring .container-fluid--why-recurring__curve-card p {
    text-align: center !important;
  }
  .container-fluid--why-recurring.gr-bg-color-pink {
    background-color: transparent !important;
    padding-bottom: 45px !important;
  }
  .why-recurring-phone-cont,
  .pr-50-px.why-recurring-phone-cont,
  .pr-50-px.why-recurring-phone-cont {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 30px !important;
  }
  .how-recurring-work .grw-curve-card {
    padding: 15px 10px;
  }
  .h1-recurring {
    font-size: 2.3rem !important;
  }
  .img-groomer-with-pets {
    width: 250px;
  }
  .img-groomer-with-pets.recurring {
    width: 300px;
  }
  .how-recurring-work .grw-curve-card {
    padding: 15px;
  }
  .how-recurring-work.how-recurring-work--0 {
    order: -1;
  }
  .how-recurring-work.how-recurring-work--1 {
    order: 1;
  }
  .how-recurring-work.how-recurring-work--2 {
    order: 2;
  }
  .how-recurring-work.how-recurring-work--3 {
    order: 3;
  }
  .how-recurring-work.how-recurring-work--4 {
    order: 4;
  }
  .how-recurring-work.how-recurring-work--5 {
    order: 5;
  }
  .grw-recurring-steps-title {
    margin-bottom: 0;
    padding: 0 5px;
  }
  .grw-recurring-steps-title .grw-recurring-steps-title__p-text {
    font-size: 1.4rem;
  }
  .grw-recurring-steps-desk {
    display: none;
  }
  .grw-recurring-steps-mobile {
    display: block !important;
  }
  .owl-carousel--recurring-steps .owl-item {
    border: none;
    border-radius: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
  }
  .owl-carousel--recurring-steps .owl-carousel--recurring-steps__dot {
    border: none !important;
    background: none;
    outline: none;
    box-shadow: none;
    height: 4px;
    width: 35px;
    border-radius: 7px;
    background: #BEC3C5;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .owl-carousel--recurring-steps .owl-carousel--recurring-steps__dot.active {
    background: #2E2E2E;
  }
  .how-recurring-work .grw-curve-card {
    padding: 15px 10px;
  }
  .recurring-booking-phone-img.recurring-booking-phone-284 {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
  }
  .recurring-booking-phone-img.recurring-booking-phone-391,
  .recurring-booking-phone-img.recurring-booking-phone-365,
  .recurring-booking-phone-img.recurring-booking-phone-305 {
    display: none !important;
  }
  .img-groomer-with-pets.recurring {
    width: 375px;
    max-width: calc(100% - 90px) !important;
    margin-top: 55px;
  }
}
@media screen and (max-width: 768px) {
  .recurring-banner-right__curve-card {
    padding: 15px;
  }
  .recurring-banner-right__curve-card.left {
    left: 35px;
  }
  .recurring-banner-right__curve-card.right {
    right: 15px;
    bottom: 15px;
    z-index: 3 !important;
  }
}
@media screen and (max-width: 460px) {
  .br-small-none {
    display: none;
  }
  .br-small {
    display: block;
  }
}
.gr-bg-color-pink {
  background: #FFF8F8;
}

.pt-50-px {
  padding-top: 50px !important;
}

.l-h-25-px {
  line-height: 25px !important;
}

.ff-inter-400 {
  font-family: "Inter 400";
  font-weight: 400;
}

.pr-50-px {
  padding-right: 50px !important;
}

.pl-50-px {
  padding-left: 50px !important;
}

.fs-24 {
  font-size: 2.4rem !important;
}

.groomit__h2--faqs-recurring {
  font-size: 2.4rem !important;
  line-height: 28px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}

.groomit__faqsHeader {
  padding-top: 40px;
}

.groomit__faqsContent.groomit__faqsContent--recurring .accordion-header {
  height: 62px !important;
}

.groomit__faqsContent.groomit__faqsContent--recurring .accordion-body {
  padding-top: 0 !important;
  color: #2e2e2e;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 25px;
  letter-spacing: -0.16px;
}

.groomit__faqsContent.groomit__faqsContent--recurring .accordion-item {
  margin-bottom: 15px;
}

.include--faqs--home .groomit__faqsHeader {
  padding-top: 0;
}

.l-h-22-px {
  line-height: 22px !important;
}

.l-h-25-px {
  line-height: 25px !important;
}

.l-h-30-px {
  line-height: 30px !important;
}

.l-h-35-px {
  line-height: 35px !important;
}

.mr-7-px {
  margin-right: 7px !important;
}

button.grw-button.grw-button--red.h-50-px {
  height: 50px;
}

.grw-recurring-packages-cont {
  /*border: 1px solid #BEC3C5;
  padding:20px 120px 20px 20px;*/
  position: relative;
  gap: 13px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package {
  padding: 12px 17px 12px 30px;
  border-radius: 20px;
  border: 2.5px solid #fff;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package-left {
  width: calc(100% - 124px);
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package-right {
  width: 124px;
  padding: 20px 0;
  text-align: center;
  border-radius: 11px;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--gold {
  border-color: #ED9F00;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--gold .grw-recurring-packages-cont__package-right {
  background-color: #EEA001;
  background: linear-gradient(0deg, #FFF8E9 0%, #FFF8E9 100%), #EEA001;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--gold .grw-h2--save {
  color: #ED9F00;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--eco {
  border-color: #3064A3;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--eco .grw-recurring-packages-cont__package-right {
  background-color: #EEA001;
  background: linear-gradient(0deg, #EAF4FF 0%, #EAF4FF 100%), #EEA001;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--eco .grw-h2--save {
  color: #3064A3;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--silver {
  border-color: #7C868A;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--silver .grw-recurring-packages-cont__package-right {
  background-color: #EEA001;
  background: linear-gradient(0deg, #E7EEF1 0%, #E7EEF1 100%), #EEA001;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__package--silver .grw-h2--save {
  color: #7C868A;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img {
  position: absolute;
  bottom: 0;
  right: -95px;
}
.grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img-icon {
  position: absolute;
  top: 65px;
  right: 21px;
}

.grw-button--start-saving {
  width: 206px;
  height: 50px;
}

.grw-button--wh-600 {
  font-family: "Inter 600";
  font-weight: 600;
}

.grw-button--start-saving-mobile,
.grw-recurring-packages-cont__a-learn-more-mobile {
  display: none !important;
}

.grw-recurring-subtitle {
  font-size: 1.6rem;
  line-height: 1.6;
  font-family: "Inter 400";
  font-weight: 400;
  color: #747677;
  margin-bottom: 10px;
}

.grw-recurring-title {
  font-size: 2.9rem;
  line-height: 35px;
  letter-spacing: -0.9px;
}

.grw-recurring-title-line {
  background: #BEC3C5;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
}

.grw-recurring-title-line-cont-mobile {
  display: none !important;
}

.grw-recurring-packages-cont__a-learn-more {
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-family: "Inter 400";
  font-weight: 400;
  color: #2E2E2E;
  margin-bottom: 20px;
  text-decoration: underline;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .grw-recurring-packages-cont-cont {
    margin-top: 180px;
  }
  .grw-recurring-packages-cont-cont .col-lg-5.offset-lg-1.mb-15-px {
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .grw-recurring-packages-cont {
    padding: 20px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img-icon {
    position: absolute;
    top: -50px;
    right: -90px;
    width: 39px;
    height: 39px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img {
    bottom: initial;
    top: -140px;
    width: 167px;
    height: 160px;
    right: -83px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-right {
    width: 180px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-left {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 991px) {
  .grw-recurring-title-line-cont-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 10px !important;
  }
  .grw-recurring-title-line-cont-mobile .grw-recurring-title-line {
    position: absolute;
  }
  .grw-recurring-title-line-cont-mobile svg {
    border-radius: 50%;
    outline: 15px solid #f3f3f3;
    background: #fff;
    z-index: 2;
  }
  .grw-recurring-packages-cont-cont .col-lg-4 {
    text-align: center;
  }
  .grw-recurring-packages-cont-cont .col-lg-4 .d-flex.flex-column.justify-content-center.w-100.h-100.align-items-start {
    align-items: center !important;
  }
  .grw-recurring-packages-cont-cont .col-lg-3 .w-100.h-100.d-flex.align-items-end {
    justify-content: center !important;
  }
  .hide-991 {
    display: none !important;
  }
  .grw-recurring-title {
    font-size: 2.4rem !important;
    line-height: 28px !important;
  }
  .grw-button--start-saving-mobile {
    margin: 20px auto;
    display: flex !important;
  }
  .grw-recurring-packages-cont__a-learn-more-mobile {
    display: inline-block !important;
    margin: auto;
  }
  .grw-recurring-packages-cont-cont .grw-p {
    font-size: 1.4rem !important;
    line-height: 22px !important;
    margin-bottom: 0 !important;
  }
  .grw-recurring-packages-cont-cont .col-lg-5.offset-lg-1.mb-15-px {
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    order: 0;
  }
  .grw-recurring-packages-cont-cont .col-lg-5.offset-lg-1.mb-15-px .d-flex.flex-column.justify-content-center.w-100.h-100.align-items-start {
    align-items: center !important;
    text-align: center;
  }
  .grw-recurring-packages-cont-cont .col-lg-5.offset-lg-1.mb-15-px .d-flex.align-items-center.w-100.mb-30-px {
    justify-content: center;
  }
  .grw-recurring-packages-cont-cont .col-lg-5.offset-lg-1.mb-15-px .grw-button {
    display: none !important;
  }
  .grw-recurring-packages-cont-cont .col-lg-6 {
    order: 2;
    margin-top: 125px;
  }
  .grw-recurring-packages-cont {
    padding: 20px;
    height: auto;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img-icon {
    position: absolute;
    top: -50px;
    right: calc(50% - 95px);
    width: 39px;
    height: 39px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__groomer-img {
    bottom: initial;
    top: -140px;
    width: 167px;
    height: 160px;
    right: calc(50% - 87px);
  }
  .grw-recurring-packages-cont .grw-h2--filson {
    font-size: 2rem;
    margin-bottom: 0 !important;
  }
  .grw-recurring-packages-cont .grw-p--small {
    font-size: 1.2rem;
    margin-bottom: 0 !important;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-right {
    width: 125px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-left {
    width: calc(100% - 125px);
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-left .grw-h2--filson {
    font-size: 2rem;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package {
    padding: 10px 17px;
  }
}
@media screen and (max-width: 768px) {
  .grw-recurring-packages-cont .grw-h2--filson {
    font-size: 1.9rem;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-right {
    width: 125px;
  }
  .grw-recurring-packages-cont .grw-recurring-packages-cont__package-left {
    width: calc(100% - 125px);
  }
}
.grw-recurring-title-logo-cont {
  padding: 0 15px;
  background: #f3f3f3;
  z-index: 2;
}

.grw-recurring-packages-cont-cont {
  background: #f3f3f3;
}

.grw-recurring-packages-cont__package-title {
  font-size: 1.9rem;
  line-height: normal;
}

.grw-p--new {
  color: #fff;
  font-size: 1.2rem;
  border-radius: 25.647px;
  background: #0A7170;
  font-family: "Inter 700";
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 42px;
}

.include--recurring {
  border-top: 1px solid #C9CFD4;
}

.grw-divider--pakgs {
  height: 1px;
  background: #C9CFD4;
  margin-top: 25px;
}

@media screen and (max-width: 1199px) {
  .pkg-order-mb-3 {
    order: 3;
  }
  .pkg-order-mb-2 {
    order: 2;
  }
  .pkg-order-mb-1 {
    order: 1;
  }
  .pkg-order-mb-1 .grw-recurring-subtitle {
    text-align: start !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    justify-content: center;
  }
  .pkg-order-mb-1 p.grw-p.grw-color--black.mb-15-px.l-h-25-px.text-center.text-md-start {
    text-align: center !important;
  }
  .pkg-info-aling-center-mb {
    align-items: center !important;
  }
  .grw-recurring-packages-cont-cont {
    padding-top: 35px !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .pkg-order-mb-1 .grw-recurring-subtitle {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    justify-content: center;
  }
}
.mobile-menu-v7-header-mix {
  height: 82px;
}

.mt-20-px {
  margin-top: 20px !important;
}

.mb-20-px {
  margin-bottom: 20px !important;
}

.groomit__colorRed {
  color: var(--groomit-color-red);
}

@media screen and (max-width: 991px) {
  .include--faqs--home .groomit__line--horizontal-faqs {
    display: none !important;
  }
  .include--faqs--home .groomit__h2--faqs {
    margin-bottom: 25px !important;
    text-align: start !important;
  }
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__h2--groomit__main-banner {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 15px;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__h1--groomit__main-banner {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 3rem;
  line-height: 3.5rem;
  margin-bottom: 15px;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__p.groomit__p--groomit__main-banner {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 25px;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__buton-joined-pets-banner {
  margin-bottom: 25px;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__p--small {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 5px;
  color: #2E2E2E !important;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__p--smaller {
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0;
  color: #2E2E2E !important;
  margin-top: 5px;
}
.groomit__main-banner.groomit__main-banner--holiday .groomit__button--banner {
  height: 48px;
}

.container-fluid--bannerHome.bg-trees-holiday {
  background-image: url("/v7/images/banner/holiday/banner-trees-bg.webp") !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: bottom center;
}

.grmt-h1 {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 3rem;
  line-height: 30px;
  margin-bottom: 0;
  color: #2E2E2E;
}

.grmt-h2 {
  font-family: "Filson Soft Bold";
  font-weight: normal;
  font-size: 3rem;
  line-height: 30px;
  margin-bottom: 0;
  color: #2E2E2E;
}

.serviceTypeModal .modal-content,
.serviceTypeModal .modal-body {
  padding: 0 !important;
  overflow: hidden;
}
.serviceTypeModal iframe {
  width: 100% !important;
}
.serviceTypeModal .groomit__button {
  width: 200px !important;
  margin: auto !important;
}

.modal-backdrop {
  z-index: 1020;
}

.groo-explore-pkgs {
  background: #fff;
  border-radius: 20px;
  padding: 23px;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1);
}

.groo-explore-pkgs__h3 {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 25px;
  color: #2E2E2E;
  margin-bottom: 0;
}

.groo-explore-pkgs__h3 b {
  font-family: "Inter 700";
  font-weight: 700;
}

.groo-explore-pkgs__h2 {
  font-family: "Filson Soft Bold";
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 25px;
  color: #2E2E2E;
  margin-bottom: 0;
}

.groo-explore-pkgs__p {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 23px;
  color: #2E2E2E;
  margin-bottom: 0;
}

.groo-explore-pkgs__p--small {
  font-size: 1.2rem;
  line-height: normal;
}

.groo-explore-pkgs__p--small b {
  font-family: "Inter 700";
  font-weight: 700;
}

.groo-explore-pkgs__input-cont {
  border-radius: 10px;
  border: 1px solid #7C868A;
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.groo-explore-pkgs__input-cont input {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: normal;
  color: #2E2E2E;
  margin: 0;
  border: none;
  width: 100%;
}

.groo-explore-pkgs__input-cont--area {
  width: 100%;
  margin-bottom: 10px;
}

.groo-explore-pkgs__input-cont--breed {
  width: calc(100% - 180px);
}

.groo-explore-pkgs__input-cont--size {
  width: 180px;
}

.groo-explore-pkgs__input-cont select {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: normal;
  color: #2E2E2E;
  margin: 0;
  border: none;
  width: 100%;
}

.groo-explore-pkgs__inputs-cont-bottom {
  display: flex;
  gap: 10px;
}

.groo-explore-pkgs__a-help-decide {
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.4rem;
  line-height: normal;
  color: #3064A3;
  margin: 0;
  text-decoration: none;
}

.groo-explore-pkgs__pkgs-info-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .nav-tabs {
  width: 100%;
  border: none;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .nav-tabs .nav-item {
  width: 33.33%;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .nav-tabs .nav-link {
  padding: 10px;
  text-align: center;
  margin: 0;
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  border-bottom: #fff;
  /* margin-bottom: -2px; */
  border-color: #BEC3C5;
  height: 76px;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .nav-tabs .nav-item:nth-child(2) .nav-link,
.groo-explore-pkgs__pkgs-info-tabs-cont .nav-tabs .nav-item:nth-child(3) .nav-link {
  border-left: none !important;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .tab-content > .tab-pane {
  border-radius: 0px 0px 20px 20px;
  background: #FFF;
  border: 1px solid #BEC3C5;
  padding: 20px;
  position: relative;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .tab-content > .tab-pane.tab-pane--gold.active,
#link-pkg-gold.active {
  border-color: #ED9F00;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .tab-content > .tab-pane.tab-pane--eco.active,
#link-pkg-eco.active {
  border-color: #3064a3;
}

.groo-explore-pkgs__pkgs-info-tabs-cont .tab-content > .tab-pane.tab-pane--silver.active,
#link-pkg-silver.active {
  border-color: #7c868a;
}

.groo-explore-pkgs__pkgs-info-value {
  color: #fff;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1rem;
  line-height: normal;
  margin: 0 auto;
  border-radius: 25px;
  background: #2e2e2e;
  height: 14px;
  padding: 0 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
}

.groo-explore-pkgs__pkgs-info-value--best {
  color: #fff;
  background: #28B446;
}

.groo-explore-pkgs__pkgs-info-name {
  color: #2E2E2E;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: normal;
  margin: 0 auto;
  text-align: center;
}

#link-pkg-gold.active .groo-explore-pkgs__pkgs-info-name--gold {
  color: #ED9F00;
}

#link-pkg-eco.active .groo-explore-pkgs__pkgs-info-name--eco {
  color: #3064a3;
}

#link-pkg-silver.active .groo-explore-pkgs__pkgs-info-name--silver {
  color: #7c868a;
}

.groo-explore-pkgs__pkgs-info-include {
  color: #2E2E2E;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: normal;
  margin: 0 auto;
  text-align: center;
}

.nav-link.active .groo-explore-pkgs__pkgs-info-include {
  font-family: "Inter 700";
  font-weight: 700;
}

.groo-explore-pkgs__items-cont {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 10px;
}

.groo-explore-pkgs__items-bottom-cont {
  display: flex;
  align-items: center;
  gap: 10px;
}

.groo-explore-pkgs__items-bottom-square {
  border-radius: 10px !important;
  background: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 49px;
  width: 50%;
  border: 1px solid #BEC3C5 !important;
}

.btn-group > .btn-check:checked + .btn.groo-explore-pkgs__items-bottom-square,
.btn-group > .btn-check:hover + .btn.groo-explore-pkgs__items-bottom-square {
  border: 1.5px solid #FF314A !important;
}

.groo-dark-green {
  color: #0A7170;
}

#link-pkg-gold.active {
  border-color: #ED9F00;
}

.hide-border-pkg-link {
  height: 3px;
  background: #fff;
  width: calc(33.33% - 1px);
  position: absolute;
  top: -2px;
  left: 0;
}

.tab-pane.tab-pane--eco .hide-border-pkg-link {
  left: 33.33%;
}

.tab-pane.tab-pane--silver .hide-border-pkg-link {
  left: 66.66%;
  width: 33.33%;
}

.groo-explore-pkgs__services-included {
  border-radius: 10px;
  background: #F1F1F1;
  padding: 15px;
}

.groo-explore-pkgs__services-included-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.groo-explore-pkgs__services-included-list-item {
  display: flex;
  flex-basis: 50%;
  box-sizing: border-box;
  gap: 5px;
  color: #2E2E2E;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: normal;
}

@media (max-width: 991px) {
  .groo-explore-pkgs .nav-item {
    margin-bottom: 0;
  }
}
.grw-footer-social-links {
  gap: 8px;
  display: flex;
}
.grw-footer-social-links a {
  text-decoration: none;
}

.grw-p--help {
  color: #fff;
  font-family: "Inter 400";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: normal;
}
.grw-p--help a {
  color: #fff;
  font-family: "Inter 700";
  font-weight: 700;
  font-size: 1.6rem;
  line-height: normal;
}

.grw-divider--footer {
  width: 100%;
  height: 1px;
  opacity: 0.5;
  background: #FFF;
  margin-top: 30px;
  margin-bottom: 30px;
}

.grw-a--fotoer-links {
  font-family: "Inter 300";
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 20px;
  color: #FFF !important;
  text-decoration: none;
}

.grw-h2--fotoer-links {
  font-family: "Inter 600";
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 30px;
  margin-bottom: 20px;
  color: #FFF !important;
}

.grw-ul--fotoer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.grw-li--fotoer-links {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}

.grw-p--download-app {
  font-family: "Inter 500";
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-bottom: 20px;
  color: #FFF !important;
  letter-spacing: 11.2px;
  text-transform: uppercase;
}

.grw-cont-app-stores {
  width: 335px;
  display: flex;
  justify-content: space-between;
}

.grw-footer__center {
  background: #2E2E2E;
  padding-top: 50px;
  padding-bottom: 50px;
}

.grw-footer {
  padding: 0;
  background: #000 !important;
}

.grw-footer__brands {
  height: 88px;
}

.grw-footer__brands-wrap {
  height: auto;
}
.grw-footer__brands-wrap img {
  margin: auto;
}

.grw-footer__brand-a {
  padding: 0;
  border: none;
  outline: none;
}

.grw-footer__brands-divider {
  width: 1px;
  /* height:40px; */
  background: #fff;
}

.groomit__ulBottomFooterCont--mobile {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .grw-footer__brands-wrap {
    gap: 10px;
  }
  .grw-footer .grw-p--download-app {
    text-align: center !important;
  }
  .grw-footer .grw-cont-app-stores {
    margin: 5px auto 30px auto;
  }
  .grw-footer .groomit__ulBottomFooterCont {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .grw-footer .groomit__ulBottomFooter {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .groomit__ulBottomFooterCont--desk {
    display: none !important;
  }
  .groomit__ulBottomFooterCont--mobile {
    display: flex !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .grw-footer__brands-divider {
    display: none !important;
  }
  .grw-ul--fotoer-cont {
    flex-flow: wrap;
  }
  .grw-ul--fotoer-cont .grw-ul--fotoer-links {
    margin-bottom: 30px;
    flex: 0 0 50%;
  }
  .grw-p--help {
    flex: 0 0 40%;
  }
  .grw-footer .groomit__ulBottomFooter {
    margin-bottom: 10px;
  }
  .grw-footer .groomit__p.groomit__pCopy {
    margin-top: 10px;
    color: #2e2e2e;
  }
}
.gr-download-bar .gr-download-bar__logo {
  margin-right: 20px;
}

.gr-download-bar {
  display: none;
}

@media screen and (max-width: 960px) {
  .gr-download-bar {
    display: flex;
    padding: 8px 15px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    height: 99px;
  }
  .gr-download-bar .gr-download-bar__h2 {
    color: #fff;
    font-family: "Inter 700";
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    margin-bottom: 3px;
  }
  .gr-download-bar .gr-download-bar__p {
    color: #fff;
    font-family: "Inter 500";
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.6px;
    margin: 0;
  }
  .gr-download-bar .gr-download-bar__logo {
    margin-right: 19px;
  }
  .gr-download-bar .gr-download-bar__button {
    height: 46px;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    border-radius: 30px;
    background: #FF314A;
    border: none;
    color: #fff;
    font-family: "Inter 700";
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 19px;
    padding-right: 19px;
  }
  .gr-download-bar .gr-download-bar__close {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    outline: none !important;
    width: 21px;
    height: 21px;
    margin: auto;
  }
  .gr-download-bar .gr-download-bar__divider {
    background: #BEC3C5;
    width: 1px;
    display: flex;
    margin-right: 10px;
  }
}
@media screen and (max-width: 460px) {
  .gr-download-bar .gr-download-bar__h2 {
    font-size: 1.7rem;
  }
  .gr-download-bar .gr-download-bar__button {
    font-size: 1.7rem;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .gr-download-bar .gr-download-bar__p {
    font-size: 1.5rem;
    line-height: 18px;
  }
}
@media screen and (max-width: 395px) {
  .gr-download-bar {
    padding: 15px;
    height: 80px;
  }
  .gr-download-bar .gr-download-bar__p {
    font-size: 1.4rem;
    line-height: 18px;
  }
  .gr-download-bar .gr-download-bar__h2,
  .gr-download-bar .gr-download-bar__button {
    font-size: 1.5rem;
  }
  .gr-download-bar .gr-download-bar__logo {
    margin-right: 15px;
  }
  .gr-download-bar .gr-download-bar__button {
    height: 40px;
    margin-right: 8px;
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.grw-label {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-style: normal;
  font-family: "Inter 700";
  font-weight: 700;
  margin-bottom: 8px;
}

.grw-input-new-border {
  border-radius: 10px;
  border: 1px solid #BEC3C5;
  color: #2E2E2E;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-family: "Inter 400";
  font-weight: 400;
}

.grw-input-new-border::-moz-placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-family: "Inter 400";
  font-weight: 400;
  letter-spacing: -0.32px;
}

.grw-input-new-border::placeholder {
  color: #7C868A;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-family: "Inter 400";
  font-weight: 400;
  letter-spacing: -0.32px;
}

#js-subscribe-newsletter {
  top: 32px !important;
}/*# sourceMappingURL=groomitwa.css.map */