/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_tanishq_IBD_sg/cartridge/client/default/scss/components/bookAppointmentForm.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
.video-call-section .g-recaptcha-error {
  margin-bottom: 0;
  width: 100%; }

.video-call-section .main-row .left-div .content-asset {
  height: 100%; }

.video-call-section .main-row .right-div {
  background: #f2e9e9 0% 0% no-repeat padding-box;
  opacity: 1; }
  .video-call-section .main-row .right-div .form-section .form-heading {
    text-align: center;
    color: #832729;
    text-transform: capitalize;
    margin: 1.5rem;
    font: normal normal bold 1.563rem/2.125rem "nunito_sansregular"; }
  .video-call-section .main-row .right-div .form-section .formrow .placeholder {
    font-family: "nunito_sansregular";
    color: #908e8a;
    font-size: 0.75rem; }
    @media (min-width: 768px) {
      .video-call-section .main-row .right-div .form-section .formrow .placeholder {
        font-size: 0.8125rem; } }
  .video-call-section .main-row .right-div .form-section .form-control {
    font-family: "nunito_sansregular"; }
    .video-call-section .main-row .right-div .form-section .form-control::-webkit-input-placeholder {
      font-family: "nunito_sansregular";
      color: #908e8a;
      font-size: 0.75rem; }
    .video-call-section .main-row .right-div .form-section .form-control::-moz-placeholder {
      font-family: "nunito_sansregular";
      color: #908e8a;
      font-size: 0.75rem; }
    .video-call-section .main-row .right-div .form-section .form-control:-ms-input-placeholder {
      font-family: "nunito_sansregular";
      color: #908e8a;
      font-size: 0.75rem; }
    .video-call-section .main-row .right-div .form-section .form-control::-ms-input-placeholder {
      font-family: "nunito_sansregular";
      color: #908e8a;
      font-size: 0.75rem; }
    .video-call-section .main-row .right-div .form-section .form-control::placeholder {
      font-family: "nunito_sansregular";
      color: #908e8a;
      font-size: 0.75rem; }
      @media (min-width: 768px) {
        .video-call-section .main-row .right-div .form-section .form-control::-webkit-input-placeholder {
          font-size: 0.8125rem; }
        .video-call-section .main-row .right-div .form-section .form-control::-moz-placeholder {
          font-size: 0.8125rem; }
        .video-call-section .main-row .right-div .form-section .form-control:-ms-input-placeholder {
          font-size: 0.8125rem; }
        .video-call-section .main-row .right-div .form-section .form-control::-ms-input-placeholder {
          font-size: 0.8125rem; }
        .video-call-section .main-row .right-div .form-section .form-control::placeholder {
          font-size: 0.8125rem; } }
  .video-call-section .main-row .right-div .form-section .invalid-feedback,
  .video-call-section .main-row .right-div .form-section .storehourserr {
    font-family: "nunito_sansregular";
    text-align: left;
    color: #ff0607;
    font-size: 13px; }
  .video-call-section .main-row .right-div .form-section form {
    padding: 0.625rem;
    padding-top: 0; }
    .video-call-section .main-row .right-div .form-section form .row {
      margin: 1.5625rem; }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row {
          margin: 2rem 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row {
          margin: 2rem 0; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit {
          margin-bottom: 0 !important; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit {
          margin-bottom: 0 !important; } }
      @media (max-width: 1023.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit .marginmobile {
          margin-bottom: 2rem; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.datetime {
          margin-top: 0.5rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.datetime {
          margin-top: 0.5rem; } }
      .video-call-section .main-row .right-div .form-section form .row.datetime .storehourserr {
        width: 100%;
        margin-top: 0.25rem;
        text-align: left; }
      .video-call-section .main-row .right-div .form-section form .row.datetime .hoursinput,
      .video-call-section .main-row .right-div .form-section form .row.datetime .timevisit {
        background: #fff; }
      .video-call-section .main-row .right-div .form-section form .row.datetime .calendar-div img {
        position: absolute;
        top: 20%;
        right: 2%;
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      .video-call-section .main-row .right-div .form-section form .row.datetime .time-div img {
        position: absolute;
        top: 20%;
        right: 1%;
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection {
          width: auto; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection {
          width: auto; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection .paddingleft {
          padding-left: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection .paddingleft {
          padding-left: 2rem; } }
      .video-call-section .main-row .right-div .form-section form .row.selection .row {
        margin: 0; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
          position: relative;
          padding: 0; }
          @media (max-width: 575.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
              padding: 0 0.9375rem; } }
          @media (min-width: 576px) and (max-width: 767.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
              padding: 0 0.9375rem; } }
          .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn .isvideocallsection {
            width: 1.4375rem;
            height: 1.5rem;
            position: absolute;
            top: 0;
            left: 0;
            border: 0.3125rem solid #fff;
            -webkit-box-shadow: 0 0 0 1px #832729;
                    box-shadow: 0 0 0 1px #832729;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: all ease-in 0.2s;
            transition: all ease-in 0.2s;
            cursor: pointer; }
          .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn .isvideocallsection:checked {
            background-color: #832729;
            cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .isstorevisitsec {
          width: 1.4375rem;
          height: 1.5rem;
          position: absolute;
          top: 0;
          left: 0;
          border: 0.3125rem solid #fff;
          -webkit-box-shadow: 0 0 0 1px #832729;
                  box-shadow: 0 0 0 1px #832729;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border-radius: 50%;
          background-color: #fff;
          -webkit-transition: all ease-in 0.2s;
          transition: all ease-in 0.2s;
          cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .isstorevisitsec:checked {
          background-color: #832729;
          cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
          font: normal normal bold 0.813rem/1.125rem "nunito_sansregular";
          cursor: pointer; }
          @media (min-width: 768px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 1.5625rem;
              margin-left: -1.5625rem; } }
          @media (max-width: 575.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 2.375rem;
              margin-left: -1.125rem; } }
          @media (max-width: 767.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 2.25rem;
              margin-left: -1rem; } }
      .video-call-section .main-row .right-div .form-section form .row#video-call-country {
        margin: 0; }
        .video-call-section .main-row .right-div .form-section form .row#video-call-country .row {
          margin: 0; }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country {
          margin-bottom: 0; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group {
          margin-bottom: 0; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group.margintop {
          margin-top: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group.margintop {
          margin-top: 2rem; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country {
          margin-bottom: 1rem;
          margin-top: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country {
          margin-bottom: 1rem;
          margin-top: 0; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country .half-col {
          margin-top: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country .half-col {
          margin-top: 2rem; } }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide {
          margin-bottom: 0; } }
      @media (max-width: 1023.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide .marginbottom {
          margin-bottom: 2rem; } }
      .video-call-section .main-row .right-div .form-section form .row #floating-label-group {
        position: relative;
        width: 100%; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .hideoption {
          color: #76746f; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .floating-label {
          font-family: "nunito_sansregular";
          text-align: left;
          font-weight: normal;
          letter-spacing: 0;
          color: #76746f;
          opacity: 1;
          font-size: 0.8125rem;
          left: 1rem;
          line-height: 1.125rem;
          overflow: hidden;
          padding: 0 0.3125rem;
          pointer-events: none;
          position: absolute;
          text-overflow: ellipsis;
          top: 1rem;
          -webkit-transform-origin: left;
                  transform-origin: left;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          white-space: nowrap;
          text-decoration: none; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control {
          font-family: "nunito_sansregular";
          background-color: #fff;
          border: 0.0625rem solid #76746f;
          border-radius: 0.25rem;
          -webkit-box-shadow: none;
                  box-shadow: none;
          display: block;
          font-size: 0.8125rem;
          height: 3rem;
          margin-bottom: 0;
          padding: 0.625rem 0.9375rem;
          text-overflow: ellipsis;
          width: 100%; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not([disabled]):focus ~ .floating-label {
            font-size: 1.125rem;
            -webkit-transform: scale(0.7) translateY(-2.125rem);
                    transform: scale(0.7) translateY(-2.125rem);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #f2e9e9), color-stop(16%, white)) !important;
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:-moz-placeholder-shown).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            transform: scale(0.7) translateY(-2.125rem);
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:-ms-input-placeholder).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            transform: scale(0.7) translateY(-2.125rem);
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:placeholder-shown).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            -webkit-transform: scale(0.7) translateY(-2.125rem);
                    transform: scale(0.7) translateY(-2.125rem);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #f2e9e9), color-stop(16%, white)) !important;
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
      .video-call-section .main-row .right-div .form-section form .row .type-of-jewelry-label {
        padding: 0 !important;
        left: 0.3125rem !important; }
      .video-call-section .main-row .right-div .form-section form .row .js-inputwrapper.active .placeholder {
        font-size: 13px !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2e9e9), color-stop(50%, white));
        background: linear-gradient(180deg, #f2e9e9 50%, white 50%); }
    .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
          margin-left: 0.9375rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
          margin-left: 0.9375rem; } }
      .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
        padding-right: 0;
        text-align: left; }
        @media (max-width: 575.98px) {
          .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
            padding: 0; } }
        @media (min-width: 576px) and (max-width: 767.98px) {
          .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
            padding: 0; } }
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox .form-check-label {
          font-family: "nunito_sansregular";
          text-align: left;
          font-weight: normal;
          letter-spacing: 0;
          font-size: 0.8125rem;
          color: #000;
          opacity: 1; }
    .video-call-section .main-row .right-div .form-section form .btn-section .book-now-btn {
      background: #832729 0% 0% no-repeat padding-box;
      height: 3.4375rem;
      width: 95%;
      margin: auto;
      text-align: center !important;
      border-radius: 0.3125rem;
      letter-spacing: 0;
      color: #fff;
      text-transform: uppercase;
      border: none;
      font: normal normal bold 0.875rem/1.188rem "nunito_sansregular"; }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"]:checked + label::after {
      content: "";
      position: absolute;
      width: 0.9375rem;
      height: 0.5rem;
      background: rgba(0, 0, 0, 0);
      top: 0.3rem;
      left: 0.2rem;
      border: 0.188rem solid #832729;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] {
      line-height: 2.1rem; }
    .video-call-section .main-row .right-div .form-section form input[type="radio"],
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] {
      position: absolute;
      left: -999em; }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      font-family: "nunito_sansregular";
      font-weight: normal;
      font-size: 0.8125rem;
      line-height: 1.313rem; }
      @media (max-width: 575.98px) {
        .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
          width: 19.5rem;
          font-size: 0.625rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
          font-size: 0.625rem; } }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label::before {
      content: "";
      display: inline-block;
      vertical-align: -25%;
      height: 1.25rem;
      width: 1.25rem;
      border: 0.063rem solid #832729;
      border-radius: 0.063rem;
      margin-right: 0.5em;
      background: #fff 0% 0% no-repeat padding-box; }
    .video-call-section .main-row .right-div .form-section form input[type="date"]::-webkit-calendar-picker-indicator {
      -webkit-filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%);
              filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%); }
    .video-call-section .main-row .right-div .form-section form input[type="time"]::-webkit-calendar-picker-indicator {
      -webkit-filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%);
              filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%); }

@media (max-width: 1023.98px) {
  .form-section {
    margin: 1.25rem; }
    .form-section .form-heading {
      font-size: 1rem; }
    .form-section form {
      padding: 0.625rem; }
      .form-section form .row {
        margin: 1.5625rem; }
        .form-section form .row .half-col {
          margin-top: 1.5625rem; }
        .form-section form .row .form-check-label {
          font-size: 0.625rem; }
    .form-section .btn-section .book-now-btn {
      font-size: 0.75rem; } }

#floating-label-group {
  position: relative;
  width: 100%; }
  #floating-label-group .floating-label {
    font-family: "nunito_sansregular";
    background: #fff;
    color: #000;
    font-size: 0.8125rem;
    font-weight: normal;
    left: 0.75rem;
    line-height: 1.125rem;
    overflow: hidden;
    padding: 0 0.3125rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 1rem;
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    white-space: nowrap; }
    @media (max-width: 767.98px) {
      #floating-label-group .floating-label {
        background-color: white;
        font-size: 0.8125rem !important;
        left: 0.09375rem;
        letter-spacing: 0; } }
  #floating-label-group .form-control {
    font-family: "nunito_sansregular";
    background-color: #fff;
    border: 0.0625rem solid #dad9d8;
    border-radius: 0.3125rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
    font-size: 0.8125rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0.02813rem;
    height: 3.125rem;
    margin-bottom: 0;
    padding: 0.625rem 0.9375rem;
    text-overflow: ellipsis;
    width: 100%; }
    #floating-label-group .form-control.active .floating-label {
      font-size: 0.8125rem;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2e9e9), color-stop(50%, white));
      background: linear-gradient(180deg, #f2e9e9 50%, white 50%); }
    #floating-label-group .form-control.active .hideoption {
      color: #76746f; }
    #floating-label-group .form-control:not([disabled]):focus ~ .floating-label {
      font-size: 0.8125rem;
      -webkit-transform: scale(0.7) translateY(-2.125rem);
              transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:-moz-placeholder-shown).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:-ms-input-placeholder).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:placeholder-shown).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      -webkit-transform: scale(0.7) translateY(-2.125rem);
              transform: scale(0.7) translateY(-2.125rem); }
    @media (max-width: 767.98px) {
      #floating-label-group .form-control {
        background-color: white;
        font-weight: normal;
        font-size: 0.875rem !important;
        left: 0.09375rem;
        letter-spacing: 0; } }
  #floating-label-group #mobile-error,
  #floating-label-group .errormsg {
    color: #ff0607;
    font-size: 0.6875rem;
    font-weight: 800;
    text-align: justify; }

.above-country,
.above-video-store {
  left: 1.5625rem !important; }

.above-visit-store,
.above-visit-city,
.above-city,
.above-store {
  left: 0.9375rem !important; }
  .above-visit-store.choose-country-top,
  .above-visit-city.choose-country-top,
  .above-city.choose-country-top,
  .above-store.choose-country-top {
    left: 0.9375rem !important; }

.choose-country-top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, #f2e9e9), color-stop(60%, white)) !important;
  background: linear-gradient(180deg, #f2e9e9 59%, white 60%) !important;
  left: 1.5625rem !important;
  top: -0.625rem !important; }

.above-store {
  background: #f2e9e9 0% 0% no-repeat padding-box !important;
  left: 0.4rem !important;
  top: -10px !important; }

.video-call-section .store-video-position {
  position: initial !important; }

@media (max-width: 575.98px) {
  .margintop {
    margin-top: 2rem; } }

.datepicker.dropdown-menu {
  z-index: 1 !important; }

.ui-timepicker-wrapper {
  z-index: 1 !important; }

.store-value-0,
.country-default-value {
  color: #6e6e6e;
  white-space: nowrap;
  letter-spacing: 0.0125rem !important;
  font-weight: normal !important;
  font-size: 1rem !important; }

.city-default-value,
.store-default-value {
  color: #6e6e6e;
  white-space: nowrap;
  letter-spacing: 0.0125rem !important;
  font-weight: normal !important;
  font-size: 0.825rem !important; }

.book-appointment-form input:-internal-autofill-selected,
.schedule-videocall input:-internal-autofill-selected {
  background-color: #fff !important;
  background-image: none !important;
  color: #000 !important; }

.book-appointment-form select:-webkit-autofill,
.book-appointment-form select:-webkit-autofill:hover,
.book-appointment-form select:-webkit-autofill:focus,
.book-appointment-form select:-webkit-autofill:active,
.book-appointment-form input:-webkit-autofill,
.book-appointment-form input:-webkit-autofill:hover,
.book-appointment-form input:-webkit-autofill:focus,
.book-appointment-form input:-webkit-autofill:active,
.schedule-videocall select:-webkit-autofill,
.schedule-videocall select:-webkit-autofill:hover,
.schedule-videocall select:-webkit-autofill:focus,
.schedule-videocall select:-webkit-autofill:active,
.schedule-videocall input:-webkit-autofill,
.schedule-videocall input:-webkit-autofill:hover,
.schedule-videocall input:-webkit-autofill:focus,
.schedule-videocall input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1.875rem #fff inset !important;
          box-shadow: 0 0 0 1.875rem #fff inset !important; }

.video-call-other-country-hide select.form-control,
.video-call-other-country-storevisit select.form-control,
#video-call-country select.form-control {
  font-family: "nunito_sansregular";
  font-size: 0.8125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-image: url("../../images/arrow.png");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 12px; }

/* stylelint-disable */
:root {
  --skin-link-color-2: #212121; }

.video-call-section .g-recaptcha-error {
  margin-bottom: 0;
  width: 100%; }

.video-call-section .country-dropdown.dropdown-enus .dropdown-button {
  background: #f0f0f0;
  border: 1px solid lightgrey;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0; }

.video-call-section .country-dropdown.dropdown-ae .dropdown-button {
  padding-top: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .video-call-section .country-dropdown.dropdown-ae .dropdown-button .fa-angle-down {
    margin-top: 0px; }

.video-call-section .main-row .left-div .content-asset {
  height: 100%; }

.video-call-section .main-row .right-div {
  background: #f2e9e9 0% 0% no-repeat padding-box;
  opacity: 1; }
  .video-call-section .main-row .right-div .form-section .form-heading {
    text-align: center;
    color: #832729;
    text-transform: capitalize;
    margin: 1.5rem;
    font: normal normal bold 1.563rem/2.125rem "nunito_sansregular"; }
  .video-call-section .main-row .right-div .form-section .invalid-feedback {
    text-align: left; }
  .video-call-section .main-row .right-div .form-section form {
    padding: 0.625rem;
    padding-top: 0; }
    .video-call-section .main-row .right-div .form-section form .row {
      margin: 1.5625rem 0; }
      @media (min-width: 576px) {
        .video-call-section .main-row .right-div .form-section form .row {
          margin: 1.5625rem; } }
      @media (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.checkbox-captcha-row {
          padding-left: 10px; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit {
          margin-bottom: 0 !important; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit {
          margin-bottom: 0 !important; } }
      @media (max-width: 1023.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-storevisit .marginmobile {
          margin-bottom: 2rem; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.datetime {
          margin-top: 0.5rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.datetime {
          margin-top: 0.5rem; } }
      .video-call-section .main-row .right-div .form-section form .row.datetime .storehourserr {
        width: 100%;
        margin-top: 0.25rem;
        text-align: left; }
      .video-call-section .main-row .right-div .form-section form .row.datetime .hoursinput,
      .video-call-section .main-row .right-div .form-section form .row.datetime .timevisit {
        background: #fff;
        caret-color: transparent; }
        .video-call-section .main-row .right-div .form-section form .row.datetime .hoursinput:focus,
        .video-call-section .main-row .right-div .form-section form .row.datetime .timevisit:focus {
          outline: none; }
      .video-call-section .main-row .right-div .form-section form .row.datetime .calendar-div img {
        position: absolute;
        top: 20%;
        right: 2%;
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      .video-call-section .main-row .right-div .form-section form .row.datetime .time-div img {
        position: absolute;
        top: 20%;
        right: 1%;
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection {
          width: auto; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection {
          width: auto; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection .paddingleft {
          padding-left: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.selection .divsection .paddingleft {
          padding-left: 2rem; } }
      .video-call-section .main-row .right-div .form-section form .row.selection .row {
        margin: 0; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
          position: relative;
          padding: 0; }
          @media (max-width: 399.98) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
              padding: 0 0.9375rem; } }
          @media (min-width: 576px) and (max-width: 767.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn {
              padding: 0 0.9375rem; } }
          .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn .isvideocallsection {
            width: 1.4375rem;
            height: 1.5rem;
            position: absolute;
            top: 0;
            left: 0;
            border: 0.3125rem solid #fff;
            -webkit-box-shadow: 0 0 0 1px #832729;
                    box-shadow: 0 0 0 1px #832729;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: all ease-in 0.2s;
            transition: all ease-in 0.2s;
            cursor: pointer; }
          .video-call-section .main-row .right-div .form-section form .row.selection .row .radiobtn .isvideocallsection:checked {
            background-color: #832729;
            cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .isstorevisitsec {
          width: 1.4375rem;
          height: 1.5rem;
          position: absolute;
          top: 0;
          left: 0;
          border: 0.3125rem solid #fff;
          -webkit-box-shadow: 0 0 0 1px #832729;
                  box-shadow: 0 0 0 1px #832729;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          border-radius: 50%;
          background-color: #fff;
          -webkit-transition: all ease-in 0.2s;
          transition: all ease-in 0.2s;
          cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .isstorevisitsec:checked {
          background-color: #832729;
          cursor: pointer; }
        .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
          font: normal normal bold 0.813rem/1.125rem "nunito_sansregular";
          cursor: pointer; }
          @media (min-width: 768px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 1.5625rem;
              margin-left: -1.5625rem; } }
          @media (max-width: 399.98) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 2.375rem;
              margin-left: -1.125rem; } }
          @media (max-width: 767.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 1.5625rem;
              margin-left: -1rem; } }
          @media (min-width: 576px) and (max-width: 1023.98px) {
            .video-call-section .main-row .right-div .form-section form .row.selection .row .labeltext {
              padding-left: 0.375rem;
              margin-left: -1rem; } }
      .video-call-section .main-row .right-div .form-section form .row#video-call-country {
        margin: 0; }
        .video-call-section .main-row .right-div .form-section form .row#video-call-country .row {
          margin: 0; }
        @media (max-width: 399.98) {
          .video-call-section .main-row .right-div .form-section form .row#video-call-country {
            gap: 25px; } }
        @media (min-width: 576px) and (max-width: 767.98px) {
          .video-call-section .main-row .right-div .form-section form .row#video-call-country {
            gap: 25px; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country {
          margin-bottom: 0; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group {
          margin-bottom: 0; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group.margintop {
          margin-top: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-country #floating-label-group.margintop {
          margin-top: 2rem; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country {
          margin-bottom: 1rem;
          margin-top: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country {
          margin-bottom: 1rem;
          margin-top: 0; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country .half-col {
          margin-top: 2rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row#video-call-other-country .half-col {
          margin-top: 2rem; } }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide {
          margin-bottom: 0; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide {
          margin-bottom: 0; } }
      @media (max-width: 1023.98px) {
        .video-call-section .main-row .right-div .form-section form .row.video-call-other-country-hide .marginbottom {
          margin-bottom: 2rem; } }
      .video-call-section .main-row .right-div .form-section form .row #floating-label-group {
        position: relative;
        width: 100%; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .hideoption {
          color: #76746f; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .floating-label {
          font-family: "nunito_sansregular";
          text-align: left;
          font-weight: normal;
          letter-spacing: 0;
          color: #76746f;
          opacity: 1;
          font-size: 0.8125rem;
          left: 1rem;
          line-height: 1.125rem;
          overflow: hidden;
          padding: 0 0.3125rem;
          pointer-events: none;
          position: absolute;
          text-overflow: ellipsis;
          top: 1rem;
          -webkit-transform-origin: left;
                  transform-origin: left;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          white-space: nowrap;
          text-decoration: none; }
        .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control {
          background-color: #fff;
          border: 0.0625rem solid #76746f;
          border-radius: 0.25rem;
          -webkit-box-shadow: none;
                  box-shadow: none;
          display: block;
          font-size: 0.8125rem;
          height: 3rem;
          margin-bottom: 0;
          padding: 0.625rem 0.9375rem;
          text-overflow: ellipsis;
          width: 100%; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not([disabled]):focus ~ .floating-label {
            font-size: 1.125rem;
            -webkit-transform: scale(0.7) translateY(-2.125rem);
                    transform: scale(0.7) translateY(-2.125rem);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #f2e9e9), color-stop(16%, white)) !important;
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:-moz-placeholder-shown).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            transform: scale(0.7) translateY(-2.125rem);
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:-ms-input-placeholder).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            transform: scale(0.7) translateY(-2.125rem);
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
          .video-call-section .main-row .right-div .form-section form .row #floating-label-group .form-control:not(:placeholder-shown).form-control:not(:focus) ~ .floating-label {
            font-size: 1.125rem;
            -webkit-transform: scale(0.7) translateY(-2.125rem);
                    transform: scale(0.7) translateY(-2.125rem);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #f2e9e9), color-stop(16%, white)) !important;
            background: linear-gradient(180deg, #f2e9e9 41%, white 16%) !important; }
      .video-call-section .main-row .right-div .form-section form .row .type-of-jewelry-label {
        padding: 0 !important;
        left: 0.3125rem !important; }
      .video-call-section .main-row .right-div .form-section form .row .js-inputwrapper.active .placeholder {
        font-size: 13px !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2e9e9), color-stop(50%, white));
        background: linear-gradient(180deg, #f2e9e9 50%, white 50%); }
    .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
          margin-left: 0.9375rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row {
          margin-left: 0.9375rem; } }
      .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
        padding-right: 0;
        text-align: left; }
        @media (max-width: 399.98) {
          .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
            padding: 0; } }
        @media (min-width: 576px) and (max-width: 767.98px) {
          .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox {
            padding: 0; } }
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox .form-check-label {
          font-family: "nunito_sansregular";
          text-align: left;
          font-weight: normal;
          letter-spacing: 0;
          font-size: 0.8125rem;
          color: #000;
          opacity: 1; }
        .video-call-section .main-row .right-div .form-section form .checkbox-captcha-row .notification-checkbox label {
          position: relative;
          cursor: pointer;
          display: grid;
          grid-template-columns: 20px auto;
          gap: 12px; }
    .video-call-section .main-row .right-div .form-section form .btn-section .book-now-btn {
      background: #832729 0% 0% no-repeat padding-box;
      height: 3.4375rem;
      width: 95%;
      margin: auto;
      text-align: center !important;
      border-radius: 0.3125rem;
      letter-spacing: 0;
      color: #fff;
      text-transform: uppercase;
      border: none;
      font: normal normal bold 0.875rem/1.188rem "nunito_sansregular"; }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"]:checked + label::after {
      content: "";
      position: absolute;
      width: 0.9375rem;
      height: 0.5rem;
      background: rgba(0, 0, 0, 0);
      top: 0.3rem;
      left: 0.2rem;
      border: 0.188rem solid #832729;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] {
      line-height: 2.1rem; }
    .video-call-section .main-row .right-div .form-section form input[type="radio"],
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] {
      position: absolute;
      left: -999em; }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      font: normal normal normal 0.813rem/1.125rem "nunito_sansregular";
      line-height: 1.313rem; }
      @media (max-width: 399.98) {
        .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
          width: 19.5rem;
          font-size: 0.625rem; } }
      @media (min-width: 576px) and (max-width: 767.98px) {
        .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label {
          font-size: 0.625rem; } }
    .video-call-section .main-row .right-div .form-section form input[type="checkbox"] + label::before {
      content: "";
      display: inline-block;
      vertical-align: -25%;
      height: 1.25rem;
      width: 1.25rem;
      border: 0.063rem solid #832729;
      border-radius: 0.063rem;
      margin-right: 0.5em;
      background: #fff 0% 0% no-repeat padding-box; }
    .video-call-section .main-row .right-div .form-section form input[type="date"]::-webkit-calendar-picker-indicator {
      -webkit-filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%);
              filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%); }
    .video-call-section .main-row .right-div .form-section form input[type="time"]::-webkit-calendar-picker-indicator {
      -webkit-filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%);
              filter: invert(15%) sepia(75%) saturate(1647%) hue-rotate(331deg) contrast(95%); }

@media (max-width: 1023.98px) {
  .form-section {
    margin: 1.25rem; }
    .form-section .form-heading {
      font-size: 1rem; }
    .form-section form {
      padding: 0.625rem; }
      .form-section form .row {
        margin: 1.5625rem; }
        .form-section form .row .half-col {
          margin-top: 1.5625rem; }
        .form-section form .row .form-check-label {
          font-size: 0.625rem; }
    .form-section .btn-section .book-now-btn {
      font-size: 0.75rem; } }

#floating-label-group {
  position: relative;
  width: 100%; }
  #floating-label-group .floating-label {
    background: #fff;
    color: #000;
    font-size: 0.8125rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    left: 0.75rem;
    line-height: 1.125rem;
    overflow: hidden;
    padding: 0 0.3125rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 1rem;
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    white-space: nowrap; }
    @media (max-width: 767.98px) {
      #floating-label-group .floating-label {
        background-color: white;
        font-size: 0.875rem !important;
        left: 0.09375rem;
        letter-spacing: 0; } }
  #floating-label-group .form-control {
    background-color: #fff;
    border: 0.0625rem solid #dad9d8;
    border-radius: 0.3125rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
    font-size: 0.8125rem;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0.02813rem;
    height: 3.125rem;
    margin-bottom: 0;
    padding: 0.625rem 0.9375rem;
    text-overflow: ellipsis;
    width: 100%; }
    #floating-label-group .form-control.active .floating-label {
      font-size: 0.8125rem;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2e9e9), color-stop(50%, white));
      background: linear-gradient(180deg, #f2e9e9 50%, white 50%); }
    #floating-label-group .form-control.active .hideoption {
      color: #76746f; }
    #floating-label-group .form-control:not([disabled]):focus ~ .floating-label {
      font-size: 0.8125rem;
      -webkit-transform: scale(0.7) translateY(-2.125rem);
              transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:-moz-placeholder-shown).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:-ms-input-placeholder).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      transform: scale(0.7) translateY(-2.125rem); }
    #floating-label-group .form-control:not(:placeholder-shown).form-control:not(:focus) ~ .floating-label {
      font-size: 0.8125rem;
      -webkit-transform: scale(0.7) translateY(-2.125rem);
              transform: scale(0.7) translateY(-2.125rem); }
    @media (max-width: 767.98px) {
      #floating-label-group .form-control {
        background-color: white;
        font-weight: normal;
        font-size: 0.875rem !important;
        left: 0.09375rem;
        letter-spacing: 0; } }
  #floating-label-group #mobile-error,
  #floating-label-group .errormsg {
    color: #ff0607;
    font-size: 0.6875rem;
    font-weight: 800;
    text-align: justify; }

.above-country,
.above-video-store {
  left: 1.5625rem !important; }

.above-visit-store,
.above-visit-city,
.above-city,
.above-store {
  left: 0.9375rem !important; }
  .above-visit-store.choose-country-top,
  .above-visit-city.choose-country-top,
  .above-city.choose-country-top,
  .above-store.choose-country-top {
    left: 0.9375rem !important; }

.book-appointment-form .choose-country-top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, #f2e9e9), color-stop(60%, white)) !important;
  background: linear-gradient(180deg, #f2e9e9 59%, white 60%) !important;
  left: 1.5625rem !important;
  top: -0.625rem !important; }

.above-store {
  background: #f2e9e9 0% 0% no-repeat padding-box !important;
  left: 0.4rem !important;
  top: -10px !important; }

.video-call-section .store-video-position {
  position: initial !important; }

@media (max-width: 399.98) {
  .margintop {
    margin-top: 2rem; } }

.datepicker.dropdown-menu {
  z-index: 1 !important; }

@media screen and (prefers-color-scheme: dark) {
  .datepicker.datepicker-dropdown .datepicker-days tbody tr .day.focused {
    border: 1px solid #832729; } }

@media screen and (prefers-color-scheme: dark) {
  .ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected {
    border: 1px solid #832729; } }

.ui-timepicker-wrapper {
  z-index: 1 !important; }

.store-value-0,
.country-default-value {
  color: #6e6e6e;
  white-space: nowrap;
  letter-spacing: 0.0125rem !important;
  font-weight: normal !important;
  font-size: 1rem !important; }

.city-default-value,
.store-default-value {
  color: #6e6e6e;
  white-space: nowrap;
  letter-spacing: 0.0125rem !important;
  font-weight: normal !important;
  font-size: 0.825rem !important; }

.book-appointment-form input:-internal-autofill-selected,
.schedule-videocall input:-internal-autofill-selected {
  background-color: #fff !important;
  background-image: none !important;
  color: #000 !important; }

.book-appointment-form select:-webkit-autofill,
.book-appointment-form select:-webkit-autofill:hover,
.book-appointment-form select:-webkit-autofill:focus,
.book-appointment-form select:-webkit-autofill:active,
.book-appointment-form input:-webkit-autofill,
.book-appointment-form input:-webkit-autofill:hover,
.book-appointment-form input:-webkit-autofill:focus,
.book-appointment-form input:-webkit-autofill:active,
.schedule-videocall select:-webkit-autofill,
.schedule-videocall select:-webkit-autofill:hover,
.schedule-videocall select:-webkit-autofill:focus,
.schedule-videocall select:-webkit-autofill:active,
.schedule-videocall input:-webkit-autofill,
.schedule-videocall input:-webkit-autofill:hover,
.schedule-videocall input:-webkit-autofill:focus,
.schedule-videocall input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1.875rem #fff inset !important;
          box-shadow: 0 0 0 1.875rem #fff inset !important; }

.video-call-other-country-hide select.form-control,
.video-call-other-country-storevisit select.form-control,
#video-call-country select.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-image: url("../../images/arrow.png");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 12px; }

.country-select-dropdown {
  display: block;
  padding: 9px;
  height: 48px;
  width: 70px;
  cursor: pointer;
  background: #fff;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem; }
  @media (max-width: 767.98px) {
    .country-select-dropdown {
      width: 100%;
      color: #000; } }
  @media (min-width: 576px) and (max-width: 1023.98px) {
    .country-select-dropdown {
      width: 53px;
      color: #000; } }

.option-values-pop.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%; }
  @media (max-width: 1023.98px) {
    .option-values-pop.active {
      width: 80% !important; } }
  @media (max-width: 767.98px) {
    .option-values-pop.active {
      width: 32%; } }
  @media (max-width: 399.98) {
    .option-values-pop.active {
      width: 32%; } }

.form-group {
  position: relative; }

.control-label {
  padding: 0 0.3125rem;
  line-height: 1.125rem;
  font-weight: normal;
  color: #908e8a;
  font-size: 0.8125rem;
  font-family: "nunito_sansregular";
  position: absolute;
  top: -8px;
  left: 18px; }

.choose-city-dropdown {
  background-color: #fff !important;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
  display: block;
  font-size: 0.8125rem;
  height: 3rem;
  margin-bottom: 0;
  padding: 0.625rem 0.9375rem;
  text-overflow: ellipsis;
  width: 100%; }
  @media (max-width: 1023.98px) {
    .choose-city-dropdown {
      margin-top: 2rem; } }

.formrow-input {
  height: 3rem !important;
  background-color: #fff !important; }
  @media (max-width: 1023.98px) {
    .formrow-input {
      margin-top: 2rem;
      margin-bottom: -2rem; } }

@media (max-width: 399.98) {
  #choose-city-dropdown {
    margin-top: 2rem !important; } }

@media (max-width: 399.98) {
  #non-usa-city-input {
    margin-top: 2rem;
    margin-bottom: -2rem; } }

#floating-label-group .input-placehoder {
  background-color: #fff !important; }

.d-grid {
  display: grid !important; }

.book-appointment-form .mob-country-selector {
  position: relative; }
  .book-appointment-form .mob-country-selector .country-dropdown-label {
    position: absolute;
    top: -8px !important;
    left: 10px !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 0.75rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f2e9e9), color-stop(50%, white));
    background: linear-gradient(180deg, #f2e9e9 50%, white 50%);
    padding: 0 0.375rem 0 0;
    color: #76746f;
    height: 19px;
    z-index: 1; }

.form-control:disabled,
.form-control[readonly] {
  background-color: #fff !important;
  color: #495057 !important; }

@media (max-width: 767.98px) {
  .city-video-call {
    margin-bottom: -2.0625rem; } }

#city-video-call:not(:-moz-placeholder-shown) + .enter-city-label {
  font-size: 0.8125rem; }

#city-video-call:not(:-ms-input-placeholder) + .enter-city-label {
  font-size: 0.8125rem; }

#city-video-call:not(:placeholder-shown) + .enter-city-label {
  font-size: 0.8125rem; }

.custom-dropdown {
  position: relative;
  display: inline-block; }

.dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 13px;
  padding-left: 7px;
  background-color: #fff;
  cursor: pointer;
  width: 70px;
  font-size: 0.8125rem;
  height: 3rem;
  margin-bottom: 0;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem; }
  @media (max-width: 767.98px) {
    .dropdown-button {
      width: 70px;
      color: #000; } }
  @media (min-width: 576px) and (max-width: 1023.98px) {
    .dropdown-button {
      width: 59px;
      color: #000; } }
  @media (min-width: 768px) and (max-width: 1049.98px) {
    .dropdown-button {
      width: 59px;
      color: #000; } }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 0.0625rem solid #908e8a;
  border-radius: 0.25rem;
  max-height: 150px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 999;
  width: 70px;
  overflow-x: hidden;
  padding-left: 2px; }
  @media (max-width: 767.98px) {
    .dropdown-content {
      width: 70px; } }
  @media (min-width: 576px) and (max-width: 1023.98px) {
    .dropdown-content {
      width: 59px;
      font-size: 8px; } }
  @media (min-width: 768px) and (max-width: 1049.98px) {
    .dropdown-content {
      width: 59px;
      color: #000; } }
  .dropdown-content .country-flag {
    width: 1.25rem;
    margin-right: 2px; }
    @media (max-width: 767.98px) {
      .dropdown-content .country-flag {
        margin-right: 3px; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .dropdown-content .country-flag {
        margin-right: 4px; } }
  .dropdown-content .country-code {
    font: normal normal 600 0.875rem/1.75rem "nunito_sansregular";
    padding-top: 0.625rem;
    padding-bottom: 0.6875rem; }
    @media (min-width: 768px) and (max-width: 1049.98px) {
      .dropdown-content .country-code {
        font: normal normal 600 0.75rem/1.75rem "nunito_sansregular"; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .dropdown-content .country-code {
        font: normal normal 600 0.6rem/1.75rem "nunito_sansregular"; } }

.option-value-pop {
  cursor: pointer; }

.book-appointment-form .down-arrow-pop {
  margin-top: 6px;
  margin-right: 10px; }
  @media (max-width: 767.98px) {
    .book-appointment-form .down-arrow-pop {
      margin-right: -3px; } }
  @media (min-width: 576px) and (max-width: 1023.98px) {
    .book-appointment-form .down-arrow-pop {
      margin-right: -3px; } }

@media (max-width: 767.98px) {
  #hoursInput {
    margin-top: -17px; } }

.dropdown-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dropdown-button-wrapper .label-text {
    font: normal normal bold 0.875rem/1.7rem "nunito_sansregular"; }
    @media (min-width: 768px) and (max-width: 1049.98px) {
      .dropdown-button-wrapper .label-text {
        font: normal normal bold 0.83rem/1.7rem "nunito_sansregular"; } }

.ui-timepicker-disabled {
  display: none !important; }

.link-text,
.a-link-text {
  color: #832729;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline !important; }
  .link-text:hover,
  .a-link-text:hover {
    color: #832729; }


/*# sourceMappingURL=default\css\components\bookAppointmentForm.css.map*/