.truncated-qs p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.truncated-qs li .Readmorebtn {
  float: right; }

@media (max-width: 768px) {
  .flex-box-one {
    gap: 0px !important; }
  li .Readmorebtn {
    position: absolute;
    right: 10px; }
  .truncated-qs p {
    white-space: inherit; }
  .truncated-qs li {
    max-width: 100%; } }

@media only screen and (min-width: 769px) {
  .bottom-spacing-view {
    margin-bottom: 45px; }
  .btn-appointment {
    border: none;
    font-size: 1.063rem;
    font-family: "PublicSans-ExtraBold";
    width: 20%;
    padding: 10px;
    margin: 10px;
    background: #ff69b4;
    color: #ffff;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 0.7px; } }

.about-us-text {
  font-size: 2.5rem;
  font-family: "PublicSans-Light";
  text-align: center;
  color: #696969; }

.text-form-VS {
  text-align: center; }

.data-text-wrapped {
  display: -ms-flexbox;
  display: flex; }

.main-container1 {
  border-style: ridge;
  padding: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.main-container2 {
  border-style: ridge;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.main-boxes-div {
  display: -ms-flexbox;
  display: flex; }

/* address css code */
@media (min-width: 320px) and (max-width: 767px) {
  .flex-box-one {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; }
  .flex-box-one22 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; }
  .table-margin {
    margin-left: 0px !important; }
  .table-box {
    width: 100% !important; }
  .table-margin1 {
    margin-left: 0px !important;
    margin-top: 45px !important;
    margin-bottom: 45px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .display-box-flex-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; } }

@media (min-width: 650px) and (max-width: 2500px) {
  .img-home-mobile {
    display: none; }
  .slotAligntop {
    margin-top: 1.5rem; } }

@media (min-width: 320px) and (max-width: 649px) {
  .img-home-desk {
    display: none; } }

@media only screen and (max-width: 768px) {
  .btn-appointment {
    top: 82%;
    font-size: 1.125rem;
    position: absolute;
    font-family: "PublicSans-ExtraBold";
    background: #ffff;
    color: #000000;
    border: none;
    padding: 8px;
    width: 80%;
    letter-spacing: 0.7px;
    right: 30px; }
  .container-btn-app {
    margin-top: 42%; } }

.hide {
  display: none; }

.truncated-qs p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.truncated-qs li .Readmorebtn {
  float: right; }

@media (max-width: 768px) {
  li .Readmorebtn {
    position: absolute;
    right: 10px; }
  .truncated-qs p {
    white-space: inherit; }
  .truncated-qs li {
    max-width: 100%; } }

@media only screen and (min-width: 769px) {
  .btn-appointment {
    border: none;
    font-size: 1.063rem;
    font-family: "PublicSans-ExtraBold";
    width: 20%;
    padding: 10px;
    margin: 10px;
    background: #ff69b4;
    color: #ffff;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 0.7px; } }

.about-us-text {
  font-size: 1.063rem;
  font-family: "PublicSans-Light";
  text-align: center;
  color: #696969; }

.text-form-VS {
  text-align: center; }

.data-text-wrapped {
  display: -ms-flexbox;
  display: flex; }

.main-container1 {
  border-style: ridge;
  padding: 12px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.main-container2 {
  border-style: ridge;
  padding: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.main-boxes-div {
  display: -ms-flexbox;
  display: flex; }

/* address css code */
@media (min-width: 320px) and (max-width: 767px) {
  .flex-box-one {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; }
  .flex-box-one22 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; }
  .table-margin {
    margin-left: 0px !important; }
  .table-box {
    width: 100% !important; }
  .table-margin1 {
    margin-left: 0px !important;
    margin-top: 26px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .display-box-flex-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important; } }

@media (min-width: 650px) and (max-width: 2500px) {
  .img-home-mobile {
    display: none; }
  .slotAligntop {
    margin-top: 1.5rem; } }

@media (min-width: 320px) and (max-width: 649px) {
  .img-home-desk {
    display: none; } }

@media only screen and (max-width: 768px) {
  .btn-appointment {
    top: 82%;
    font-size: 1.125rem;
    position: absolute;
    font-family: "PublicSans-ExtraBold";
    background: #ffff;
    color: #000000;
    border: none;
    padding: 8px;
    width: 80%;
    letter-spacing: 0.7px;
    right: 30px; }
  .container-btn-app {
    margin-top: 42%; } }

.hide {
  display: none; }

/* Mobile Device media Query Start */
.border-box {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.border-box1 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

/* buttons for boxes */
.btn-addresss {
  background-color: #F4C6CF;
  color: #000000;
  width: 334px;
  margin-bottom: 34px;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid black;
  font-family: "PublicSans-SemiBold";
  border: none;
  letter-spacing: 0.04rem; }

.btnsaddressalign {
  text-align: center; }

.selected-parent {
  font-size: 0.875rem;
  padding: 0px 18px;
  font-family: "PublicSans-Light";
  font-weight: 700;
  letter-spacing: 0.04rem; }

.mumbaicontactNo {
  font-size: 0.875rem;
  color: #221D1D !important;
  font-weight: 700;
  font-family: "PublicSans-Light";
  padding: 0px 12px; }

@media (min-width: 320px) and (max-width: 435px) {
  .btn-addresss {
    width: 300px;
    height: 48px;
    letter-spacing: 0.04rem; } }

@media (min-width: 436px) and (max-width: 767px) {
  .btn-addresss {
    margin-left: 34px !important; } }

@media (min-width: 769px) and (max-width: 2500px) {
  .commonTextAllpages {
    position: relative;
    bottom: 28px;
    margin-top: 45px; }
  .delhi-btn-collect {
    margin-top: 1px; }
  .btn-addresss {
    /* margin-left: 25px; */ }
  .shopnmemumb {
    font-family: "PublicSans-ExtraBold";
    font-size: 1.521rem;
    letter-spacing: 0.04em;
    line-height: 28px; } }

/* ----------  */
.text-align-data {
  margin-left: 20px;
  padding: 16px; }

.table-margin {
  /* margin-left: 160px; */ }

.table-margin1 {
  /* margin-left: 45px; */ }

.table-margin2 {
  margin-left: 160px; }

.table-margin3 {
  margin-left: 45px; }

.space-margin11 {
  margin-left: 15px; }

.table-box-data {
  /* border: 1px solid black; */
  width: 45%; }

.flex-box-one {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 45px; }

.box-color-shade {
  width: 24%;
  background-color: #ff69b4;
  text-align: center;
  padding: 5px;
  color: #ffff;
  margin-left: -8px; }

.box-color-shade11 {
  width: 13%;
  margin-left: 12rem;
  padding: 14px; }

.box-color-shade12 {
  width: 20%;
  margin-left: 10rem;
  padding: 14px; }

.box-color-shade1 {
  padding: 14px; }

.box-color-shade1 {
  background-color: #ffff; }

.stepper-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.stepper-shadow {
  display: -ms-flexbox;
  display: flex;
  height: 12vh;
  font-size: 1.188rem; }

.text-align-data {
  padding: 8px !important;
  margin-left: 0px !important; }

.stepper-shadow {
  height: 8vh; }

.box-color-shade {
  width: 103%;
  background-color: #ff69b4;
  text-align: center;
  color: #ffff; }

.box-color-shade11 {
  display: none; }

.box-color-shade12 {
  display: none; }

.box-color-shade1 {
  display: none; }

/* details page css */
.shadow-hours-details-stepper {
  display: -ms-flexbox;
  display: flex;
  height: 12vh;
  font-size: 1.188rem;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.box-color-details {
  width: 34.33333%;
  background-color: #ff69b4;
  text-align: center;
  padding: 5px;
  color: #ffff; }

.box-color-detailstwo {
  width: 35.3333%;
  padding: 14px;
  background-color: #ff69b4;
  color: #ffff; }

.text-box-details22 {
  margin-left: 158px; }

.bbox-color-details-four {
  width: 30.33333%;
  padding: 14px;
  background-color: #ff69b4;
  color: #ffff; }

.text-box-details33 {
  /* margin-left: 88px; */ }

@media (min-width: 320px) and (max-width: 767px) {
  .bookAppntConsultationText {
    font-size: 1rem !important; }
  .commonTextAllpages {
    margin-top: 1rem; }
  .selected-parent {
    font-size: 0.989rem;
    padding: 0px 18px;
    font-family: "PublicSans-Light";
    font-weight: 700;
    letter-spacing: 0.04rem; }
  .shopnmemumb {
    font-family: "PublicSans-ExtraBold";
    font-size: 1.521rem;
    letter-spacing: 0.04em;
    line-height: 28px; }
  .box-color-details {
    display: none; }
  .box-color-detailstwo {
    display: none; }
  .bbox-color-details-four {
    width: 100%;
    padding: 15px;
    background-color: #ff69b4;
    color: #ffff;
    height: 9vh;
    margin-top: 27px !important;
    text-align: center; }
  .text-box-details33 {
    /* margin-left: 146px; */ }
  .imgalignMumbaiMobile {
    position: relative;
    left: 7px; }
  .callogoimgalign {
    position: relative;
    left: 7px; } }

@media only screen and (max-width: 767px) {
  .table-box-data {
    width: 100%; }
  .text-box {
    position: relative;
    top: 19%; } }

.align-row {
  display: -ms-flexbox;
  display: flex; }

.bookAppntMobileText {
  font-family: "PublicSans-ExtraBold";
  text-align: center;
  font-size: 1.521rem;
  margin-bottom: 0.2rem;
  letter-spacing: 0.04rem; }

.bookAppntConsultationText {
  font-family: "PublicSans-Light";
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.04rem;
  font-size: 1.25rem; }

@media only screen and (min-width: 760px) and (max-width: 809px) {
  .bookAppntMobileText {
    font-size: 1.25rem;
    margin-top: 17px; }
  .bookAppntConsultationText {
    font-size: 1rem; }
  .btn-addresss {
    width: 284px; }
  .shopnmemumb {
    font-size: 1.063rem;
    font-family: "PublicSans-ExtraBold"; } }

@media only screen and (min-width: 810px) and (max-width: 990px) {
  .table-box-data {
    width: 50%; }
  .shopnmemumb {
    font-size: 1.125rem; }
  .flex-box-one {
    gap: 30px;
    max-width: 820px; }
  .delhi-btn-collect {
    margin-top: 0px; } }

/* Mobile Device media Query Start */
.border-box {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.border-box1 {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

/* buttons for boxes */
.services-btn {
  background-color: #F4C6CF;
  color: #000000;
  width: 334px;
  margin-bottom: 2.3rem;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #000000;
  font-family: "PublicSans-SemiBold";
  border: none; }

@media (min-width: 320px) and (max-width: 435px) {
  .services-btn {
    width: 300px;
    height: 48px;
    margin-bottom: 28px; }
  .flex-box-one22 {
    margin-top: 1rem; } }

@media (min-width: 768px) {
  .text-align-data-services {
    padding: 14px !important; }
  .flex-box-one22 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center; }
  .fontsbtmbrafit {
    margin-bottom: 2.4rem; }
  .button-page-back {
    padding-left: 1rem;
    padding-bottom: 1.5rem; } }

.text-align-data {
  margin-left: 38px; }

.space-margin11 {
  margin-left: 15px; }

.table-box {
  /* border: 1px solid black; */
  width: 45%; }

.flex-box-one22 {
  display: -ms-flexbox;
  display: flex; }

/* stepper-services-code */
.boxx-color-shade {
  width: 24%;
  background-color: #ff69b4;
  text-align: center;
  padding: 5px;
  color: #ffff;
  margin-left: -8px; }

.boxx-color-shade1 {
  background-color: #ffff; }

.stepper11-shadow {
  display: -ms-flexbox;
  display: flex;
  height: 12vh;
  font-size: 1.188rem; }

.button-hover-btn {
  font-size: 1rem;
  border: none;
  color: #221D1D;
  margin-left: 9px; }

.button-hover-btn:hover {
  background-color: #F9E2E7;
  color: #ffff;
  border: none;
  transition: 0.3s; }

/* Code for Stepper Service  */
.shadow-service-stepper {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.shadow-service-stepper {
  display: -ms-flexbox;
  display: flex;
  height: 12vh;
  font-size: 1.188rem; }

.box-color-service {
  width: 24%;
  background-color: #ff69b4;
  text-align: center;
  padding: 5px;
  color: #ffff;
  margin-left: -8px; }

.box-color-hotpink {
  width: 26%;
  margin-left: 0rem;
  padding: 14px;
  color: #ffff;
  background-color: #ff69b4; }

.text-box-service {
  margin-left: 27%; }

.box-color-transparent {
  width: 20%;
  margin-left: 10rem;
  padding: 14px; }

.box-color-trans-2 {
  padding: 14px;
  background-color: #ffff; }

@media (min-width: 320px) and (max-width: 767px) {
  .main-div-services {
    margin-top: 1rem; }
  .text-align-data-services {
    padding: 14px !important;
    margin-left: 0px !important; }
  .alignGapTop {
    margin-top: 45px; }
  .shadow-service-stepper {
    height: 9vh; }
  .box-color-service {
    display: none; }
  .box-color-hotpink {
    width: 100% !important;
    margin-left: 0rem;
    padding: 10px;
    color: #ffff;
    background-color: #ff69b4;
    height: 9vh;
    margin-top: 27px !important; }
  .box-color-transparent {
    display: none; }
  .box-color-trans-2 {
    display: none; }
  .text-box-service {
    margin-left: 40% !important; }
  .personal-shopper-data {
    font-family: "PublicSans-ExtraBold";
    font-size: 1.875rem;
    letter-spacing: 0.04rem;
    padding-top: 0.7rem;
    color: #221D1D; }
  .bra-fit-guide-data {
    font-family: "PublicSans-ExtraBold";
    font-size: 1.875rem;
    letter-spacing: 0.04rem;
    padding-top: 0.7rem;
    margin: 3px 7px; } }

.personal-shopper-data {
  font-family: "PublicSans-ExtraBold";
  font-size: 1.875rem;
  letter-spacing: 0.04rem;
  padding-top: 0.7rem;
  color: #221D1D; }

.bra-fit-guide-data {
  font-family: "PublicSans-ExtraBold";
  margin-top: 0.6rem;
  font-size: 1.875rem; }

.fonts-text {
  font-size: 0.875rem;
  font-family: "PublicSans-Light";
  color: #221D1D;
  margin-bottom: 1.5rem; }

.storedata {
  color: transparent;
  margin-top: -1rem;
  margin-bottom: 0rem; }

.fa-arrow-left:before {
  content: "\F060";
  color: #221D1D; }

.btnsaddressalign {
  text-align: center; }

@media only screen and (min-width: 760px) and (max-width: 809px) {
  .services-btn {
    width: 270px; }
  .personal-shopper-data {
    font-size: 1.3rem; }
  .bra-fit-guide-data {
    font-size: 1.3rem; }
  .textcollectparag {
    font-size: 0.989rem;
    padding: 1rem 0rem 0rem 0rem; } }

@media only screen and (min-width: 810px) and (max-width: 830px) {
  .flex-box-one22 {
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 820px;
    gap: 30px; }
  .personal-shopper-data {
    font-size: 1.375rem; }
  .bra-fit-guide-data {
    font-size: 1.375rem;
    margin-top: 0rem; } }

.time-slot-select {
  width: 90%;
  padding: 4px;
  border: #7c7a7a;
  outline: none;
  background-color: #efefef;
  font-weight: 300;
  padding: 9px;
  font-size: 0.989rem;
  font-family: "PublicSans-Light"; }

.time-slot-select:-ms-input-placeholder {
  color: #7c6464; }

.time-slot-select::placeholder {
  color: #7c6464; }

.container-class-edit {
  margin-top: 16px; }

.maintext-box-div {
  width: 70%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  /* margin-left: 13rem; */ }

.display-box-flex-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }

.main-text-header {
  font-size: 1.875rem;
  text-align: center;
  padding: 0%;
  margin: 0%;
  margin-bottom: 15px;
  margin-top: 10px;
  font-family: "PublicSans-ExtraBold";
  letter-spacing: 2px; }

.submit-details {
  color: #000000;
  margin-top: 16px;
  border: none;
  padding: 12px;
  background-color: #F4C6CF;
  font-size: 0.989rem;
  width: 190px;
  font-family: "PublicSans-SemiBold"; }

.submit-details:hover {
  background-color: #F4C6CF;
  color: #000000;
  transition: 0.3s; }

.button-submit-div-data {
  text-align: center;
  margin-bottom: 19px;
  margin-top: 10px; }

.form-control-2 {
  width: 20rem;
  padding: 5px; }

.nation-text-data {
  width: 20rem;
  padding: 8px; }

.date-record-cal {
  width: 22rem;
  margin-top: 10px; }

.visitors-data {
  margin-top: 10px; }

.visitors-margin-top {
  margin-top: -16px;
  padding: 4px;
  width: 90%;
  height: 111px; }

.login-inside-space {
  margin-bottom: 31px;
  margin-top: 33px; }

.select-time {
  margin-top: 26px; }

.button-hover-btn {
  font-size: 1rem;
  border: none;
  color: #221D1D;
  margin-left: 9px; }

.button-hover-btn:hover {
  background-color: #F9E2E7;
  color: #221D1D;
  border: none;
  transition: 0.3s; }

/* Code for Stepper Service  */
.shadow-service-stepper {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.shadow-service-stepper {
  display: -ms-flexbox;
  display: flex;
  height: 12vh;
  font-size: 1.188rem; }

.box-color-service {
  width: 24%;
  background-color: #ff69b4;
  text-align: center;
  padding: 5px;
  color: #ffff;
  margin-left: -8px; }

.box-color-hotpink {
  width: 26%;
  margin-left: 0rem;
  padding: 14px;
  color: #ffff;
  background-color: #ff69b4; }

.text-box-service {
  margin-left: 27%; }

.box-color-transparent {
  width: 20%;
  margin-left: 10rem;
  padding: 14px; }

.box-color-trans-2 {
  padding: 14px;
  background-color: #ffff; }

.form-detail-one {
  position: relative;
  top: 14px; }

@media (min-width: 320px) and (max-width: 767px) {
  .button-details-back-arrow {
    margin-top: 1rem; }
  .widthForAllTags {
    height: 52px; }
  input:-ms-input-placeholder {
    font-size: 1rem; }
  input::placeholder {
    font-size: 1rem; }
  .moreSpaceReduce {
    margin-top: -10px !important; }
  .paragreachout {
    margin-top: 2rem; }
  .errorMessagemorezeros {
    font-size: 0.813rem;
    margin-left: 7px; }
  .errorContainerNumber {
    margin-left: 0.38rem;
    font-size: 0.813rem; }
  .errorMessageEmail {
    margin-left: 0.5rem;
    font-size: 0.813rem; }
  .submit-details {
    color: #000000;
    margin-top: 16px;
    border: none;
    background-color: #F4C6CF;
    font-size: 1rem;
    font-family: "PublicSans-SemiBold";
    width: 334px;
    height: 48px; }
  .maintext-box-div {
    margin-top: 1rem; }
  .visitors-data {
    position: relative;
    top: 31px;
    left: 0px; }
  .timealignmob {
    position: relative;
    top: 31px;
    left: -19px;
    margin-top: 45px; }
  .maintext-box-div {
    width: 100%;
    margin-left: 0rem !important; }
    .maintext-box-div .element {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  .form-control-2 {
    margin-bottom: 8px;
    margin-left: 8px; }
  .nation-text-data {
    padding: 6px;
    margin-left: 6px;
    width: 20.1rem; }
  .date-record-cal {
    margin-top: 0px;
    margin-bottom: 6px;
    width: 20rem;
    margin-left: -21px;
    padding-left: 7px; }
  .form-detail-two {
    width: 17rem; }
  .visitors-margin-top {
    margin-top: -1rem;
    padding: 4px;
    width: 117%;
    margin-left: -1.1rem; }
  .time-slot-select {
    width: 117%;
    padding: 8px 0px 8px 2px;
    color: #7c6464;
    font-weight: 300; }
  .main-text-header {
    font-size: 1.521rem;
    font-family: "PublicSans-ExtraBold";
    letter-spacing: 0.08em;
    color: #221D1D; }
  .align-alert {
    margin-left: 9px;
    margin-bottom: 0rem; }
  .align-alert-time {
    margin-left: -18px;
    position: relative;
    top: -7px; }
  .login-inside-space {
    margin-bottom: 17px;
    margin-top: 5px; }
  .appointment-email {
    width: 98%;
    position: relative;
    left: 7px;
    padding: 5px;
    margin-top: 7px; }
  .anythingclss {
    font-size: 0.875rem;
    width: 111%;
    margin-left: -17px;
    letter-spacing: 0.04rem;
    font-family: "PublicSans-Light"; }
  .select-time {
    margin-top: 18px;
    font-family: "PublicSans-Light";
    font-size: 0.875rem; }
  .alignalertmsg {
    position: relative;
    left: 10px; } }

@media (min-width: 768px) and (max-width: 2500px) {
  .time-slot-select {
    margin-top: 14px;
    color: #7c6464;
    font-weight: 300; }
  .maintext-box-div {
    width: 85%;
    /* margin-left: 7rem ! important; */
    margin-bottom: 25px; }
    .maintext-box-div .element {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  .appointment-email {
    margin-top: 1.5rem; }
  .button-details-back-arrow {
    padding-left: 1rem;
    padding-bottom: 1.5rem; } }

@media (max-width: 550px) {
  .date-place-top {
    margin-top: -26%;
    margin-left: 11%;
    font-size: 0.75rem;
    width: 25%; }
  .form-detail-two {
    margin-top: 1%; }
  .textcollectparag {
    font-size: 1.25rem;
    padding: 1rem 1rem 0rem 1rem;
    font-family: "PublicSans-Light";
    font-weight: 400;
    text-align: center;
    color: #221D1D;
    letter-spacing: 0.04em; } }

@media (min-width: 551px) and (max-width: 2000px) {
  .date-place-top {
    display: none; } }

@media (max-width: 768.99px) {
  .email-input-book {
    /* margin-top: 1rem; */ } }

.shadow-hours-details-stepper {
  display: -ms-flexbox;
  display: flex; }

@media (min-width: 768px) and (max-width: 2500px) {
  .textcollectparag {
    font-size: 1rem;
    padding: 0.5rem 9rem 0rem 9rem;
    font-family: "PublicSans-ExtraLight";
    margin-bottom: 0rem;
    text-align: center; } }

.paragreachout {
  text-align: center;
  font-style: italic; }

.nameacceptonly {
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #efefef;
  margin-bottom: 0rem; }

.nameacceptonly:focus {
  background-color: #ffff;
  box-shadow: 0px 0px 1px 1px #808080 inset; }

.nameacceptonly:-ms-input-placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.nameacceptonly::placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.appointment-email:-ms-input-placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.appointment-email::placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.appointment-email:focus {
  background-color: #ffff;
  box-shadow: 0px 0px 1px 1px #808080 inset !important; }

.nation-text-data:-ms-input-placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.nation-text-data::placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.nation-text-data:focus {
  background-color: #ffff; }

.date-record-cal:-ms-input-placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.date-record-cal::placeholder {
  color: #7c6464;
  font-size: 0.989rem;
  font-weight: 500;
  font-family: "PublicSans-Light"; }

.date-record-cal:focus {
  background-color: #ffff; }

.appointment-email {
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #efefef; }

.phoneNumberValidation {
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #efefef; }

.phoneNumberValidation:focus {
  box-shadow: 0px 0px 1px 1px #808080 inset; }

.appointment-date {
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #efefef !important; }

.appointment-date:focus {
  box-shadow: 0px 0px 1px 1px #808080 inset !important; }

.time-slot-select:focus {
  box-shadow: 0px 0px 1px 1px #808080 inset; }

.appointment-visitors {
  border: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  background-color: #efefef; }

.appointment-visitors:focus {
  background-color: #ffff;
  box-shadow: 0px 0px 1px 1px #808080 inset; }

.fa-arrow-left:before {
  content: "\F060";
  color: #221D1D; }

.colorinside {
  color: #000000 !important; }

#appttt option {
  color: #000000; }

.errorMessageEmail {
  color: #CE2B21; }

.errorMessagemorezeros {
  color: #CE2B21; }

.error-message {
  color: #CE2B21;
  display: none; }

.appointment-name {
  font-weight: 100;
  font-size: 0.875rem;
  font-family: "PublicSans-ExtraLight"; }

.phoneNumberValidation {
  font-weight: 100;
  font-family: "PublicSans-ExtraLight";
  font-size: 0.875rem; }

.appointment-email {
  font-weight: 100;
  font-size: 0.875rem;
  font-family: "PublicSans-ExtraLight"; }

.appointment-time {
  font-weight: 100;
  font-size: 0.875rem;
  font-family: "PublicSans-ExtraLight"; }

.appointment-date {
  font-weight: 100;
  font-size: 0.875rem;
  font-family: "PublicSans-ExtraLight"; }

@media only screen and (min-width: 760px) and (max-width: 990px) {
  .textcollectparag {
    font-size: 0.989rem;
    padding: 1rem 0rem 0rem 0rem; }
  .main-text-header {
    font-size: 1.625rem; }
  .form-control-2 {
    width: 17rem;
    padding: 9px;
    margin-left: 1rem; }
  .date-record-cal {
    width: 17rem; }
  .appointment-email {
    width: 95%;
    margin-left: 1rem;
    padding: 1.25rem 0.75rem; }
  .nation-text-data {
    width: 17rem;
    padding: 8px;
    margin-left: 1rem; }
  .timelinemobile {
    width: 82%;
    margin-left: 3rem; }
  .time-slot-select {
    width: 98%;
    margin-top: 2.2rem; }
  .visitors-margin-top {
    margin-top: -16px;
    padding: 4px;
    width: 98%;
    height: 111px; }
  .anythingclss {
    display: inline-block;
    margin-bottom: 0.5rem;
    width: 100%;
    font-size: 0.75rem;
    font-family: "PublicSans-ExtraLight";
    letter-spacing: 0.48px;
    color: #221D1D; }
  .visitors-data {
    width: 82%;
    margin-left: 3rem; }
  .fix-full-div {
    width: 82%;
    margin-left: 3rem; }
  .align-viewalert {
    margin-left: 1rem; }
  .form-detail-two {
    margin-top: 5px; } }

@media only screen and (min-width: 810px) and (max-width: 996px) {
  .maintext-box-div {
    width: 100%;
    max-width: 720px; }
  .date-record-cal {
    width: 20rem; } }

@media (min-width: 320px) and (max-width: 560px) {
  .service-category {
    font-size: 1rem; }
  .service-category-two {
    font-size: 1rem; }
  .current-date-rec {
    font-size: 1rem; }
  .current-time-rec {
    font-size: 1rem; }
  .store-address-loc {
    font-size: 1rem;
    width: 73%;
    text-align: right;
    margin-left: auto; }
  .store-address-delhi {
    font-size: 1rem;
    width: 73%;
    text-align: right;
    margin-left: auto; }
  .store-address-bengaluru {
    font-size: 1rem;
    width: 73%;
    text-align: right;
    margin-left: auto; }
  .appointsumm {
    font-family: "PublicSans-ExtraBold";
    font-size: 1.75rem !important;
    letter-spacing: 0.04rem;
    margin-top: 0rem;
    text-align: center;
    background-color: #ffff;
    padding-top: 1rem; }
  .maintextarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .confirmtitle {
    font-size: 1rem;
    color: #000000;
    font-family: "PublicSans-Light"; }
  .confirmed-data {
    padding: 12px; } }

@media (min-width: 320px) and (max-width: 560px) {
  .confirmexpert {
    font-size: 1rem;
    padding: 0.5rem 1.5rem 0rem 1.5rem;
    text-align: center;
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    line-height: 22px; } }

@media (min-width: 561px) and (max-width: 2500px) {
  .confirmexpert {
    font-size: 1.924rem;
    padding: 2rem 3rem 0rem 3rem;
    text-align: center;
    font-family: "PublicSans-Light"; }
  .confirmtitle {
    font-size: 1.375rem;
    color: #000000;
    font-family: "PublicSans-Light"; }
  .maintextarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .fontstyleconfirm {
    font-family: "PublicSans-Light";
    font-size: 1.375rem; }
  .confirmed-data {
    position: relative;
    text-align: center;
    color: #ffff;
    padding: 2rem 6rem 0rem 6rem; }
  .store-address-loc {
    width: 50%;
    text-align: right;
    margin-left: auto; }
  .store-address-delhi {
    width: 50%;
    text-align: right;
    margin-left: auto; }
  .store-address-bengaluru {
    width: 50%;
    text-align: right;
    margin-left: auto; } }

.service-category {
  color: #000000; }

.service-category-two {
  color: #000000; }

.current-date-rec {
  color: #000000; }

.current-time-rec {
  color: #000000; }

.store-address-loc {
  color: #000000; }

.store-address-delhi {
  color: #000000; }

.store-address-bengaluru {
  color: #000000; }

.body-color {
  background-color: #ffff;
  margin-top: -0.5rem; }

.appointsumm {
  font-family: "PublicSans-ExtraBold";
  font-size: 1.924rem;
  text-align: center;
  background-color: #ffff; }

.fontstyleconfirm {
  font-family: "PublicSans-Light"; }

@media only screen and (min-width: 760px) and (max-width: 990px) {
  .confirmed-data {
    padding: 2rem 2rem 0rem 2rem; } }