/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/storeLocator.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.store-locator-section {
  padding: 25px 0 45px; }
  .store-locator-section .store-locator-container .search-form {
    background: transparent;
    border: none; }
    .store-locator-section .store-locator-container .search-form .store-main-heading {
      font-size: rem(18);
      line-height: rem(26);
      text-transform: uppercase;
      color: #000000de;
      font-weight: 600; }
      @media (min-width: 1024px) {
        .store-locator-section .store-locator-container .search-form .store-main-heading {
          font-size: rem(26);
          line-height: rem(34); } }
    .store-locator-section .store-locator-container .search-form p {
      font-size: rem(14);
      line-height: rem(18);
      color: #0009;
      max-width: 273px;
      margin: 0 auto rem(16); }
      @media (min-width: 1024px) {
        .store-locator-section .store-locator-container .search-form p {
          font-size: rem(16);
          line-height: rem(22);
          margin: 0 0 rem(24) 0;
          max-width: unset; } }
    @media (min-width: 1024px) {
      .store-locator-section .store-locator-container .search-form .store-selector-con {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: rem(12);
           -moz-column-gap: rem(12);
                column-gap: rem(12);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .store-locator-section .store-locator-container .search-form .store-selector-con .store-selector .stores-dropdown {
      padding: rem(14.5) rem(16);
      border: rem(1) solid #0000001a;
      background-color: #fff; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .store-selector .stores-dropdown .selected-value {
        font-size: rem(14);
        line-height: rem(21);
        color: #212121;
        opacity: 0.9;
        font-weight: 500; }
    @media (min-width: 1024px) {
      .store-locator-section .store-locator-container .search-form .store-selector-con .store-selector {
        width: rem(216); }
        .store-locator-section .store-locator-container .search-form .store-selector-con .store-selector .option-values {
          width: rem(216); } }
    .store-locator-section .store-locator-container .search-form .store-selector-con .form-group {
      margin-top: rem(5);
      margin-bottom: rem(5);
      max-height: rem(52);
      position: relative; }
      @media (min-width: 1024px) {
        .store-locator-section .store-locator-container .search-form .store-selector-con .form-group {
          width: rem(316);
          margin: 0; } }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group input::-webkit-input-placeholder {
        font-size: rem(12);
        line-height: rem(18);
        color: #0000001a; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group input::-moz-placeholder {
        font-size: rem(12);
        line-height: rem(18);
        color: #0000001a; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group input:-ms-input-placeholder {
        font-size: rem(12);
        line-height: rem(18);
        color: #0000001a; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group input::-ms-input-placeholder {
        font-size: rem(12);
        line-height: rem(18);
        color: #0000001a; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group input::placeholder {
        font-size: rem(12);
        line-height: rem(18);
        color: #0000001a; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .form-control {
        padding: rem(18) rem(16) rem(18) rem(40);
        height: rem(52);
        border: rem(1) solid #0000001a;
        border-radius: 0;
        font-size: rem(14);
        line-height: rem(21);
        color: #000000de;
        font-weight: 400;
        caret-color: #0009; }
        .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .form-control:focus,
        .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .form-control :focus-visible {
          border: 0.5px solid #832729;
          background-color: #fff; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .search-icon {
        position: relative;
        bottom: rem(40);
        left: rem(16);
        padding: 0; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .my-location-icon {
        position: absolute;
        top: rem(13);
        right: rem(9);
        border: 0;
        background-color: transparent; }
        @media (min-width: 1024px) {
          .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .my-location-icon {
            right: rem(17); } }
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .search-icon:focus,
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .search-icon :focus-visible,
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .my-location-icon:focus,
      .store-locator-section .store-locator-container .search-form .store-selector-con .form-group .my-location-icon :focus-visible {
        outline: 0; }
    .store-locator-section .store-locator-container .search-form .store-selector-con .radius {
      background-color: #fff;
      border: rem(1) solid #0000001a;
      border-radius: 0;
      position: relative;
      margin-bottom: rem(16); }
      @media (min-width: 1024px) {
        .store-locator-section .store-locator-container .search-form .store-selector-con .radius {
          width: rem(216);
          margin: 0; } }
      .store-locator-section .store-locator-container .search-form .store-selector-con .radius .custom-drop-down {
        font-size: rem(12);
        line-height: rem(18);
        color: #212121;
        text-transform: none;
        padding: rem(16) rem(16); }
      .store-locator-section .store-locator-container .search-form .store-selector-con .radius .custom-drop-down,
      .store-locator-section .store-locator-container .search-form .store-selector-con .radius .radius-value {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .radius .option-values {
        bottom: unset; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .radius .selected-value {
        font-size: rem(12);
        line-height: rem(18);
        color: #000;
        font-weight: 400;
        padding-left: rem(5);
        opacity: unset; }
    .store-locator-section .store-locator-container .search-form .store-selector-con .btn-storelocator-search {
      border: 2px solid #832729;
      letter-spacing: 0;
      color: #fff;
      opacity: 1;
      background: #832729 0% 0% no-repeat padding-box;
      height: 3.25rem; }
      .store-locator-section .store-locator-container .search-form .store-selector-con .btn-storelocator-search.disabled {
        background: #ccc;
        border: 2px solid #ccc;
        color: #000; }
  .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown {
    margin-bottom: rem(12);
    width: 100%;
    max-width: 100%;
    position: relative; }
    @media (min-width: 1024px) {
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown {
        display: none; } }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .popular-cities-select {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 4px;
      font: 400 14px/14px "satoshi Variable", sans-serif;
      background: #0000000D;
      border: none; }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .popular-cities-select option {
        font: 400 14px/14px "satoshi Variable", sans-serif;
        background: #0000000D;
        border: none; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown.is-customized .popular-cities-select {
      position: absolute;
      opacity: 0;
      pointer-events: none; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-dropdown {
      width: 100%;
      position: relative; }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-dropdown.is-open .custom-popular-cities-trigger-icon {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-dropdown.is-open .custom-popular-cities-list {
        display: block; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-trigger {
      width: 100%;
      min-height: rem(44);
      border-radius: 4px;
      font: 400 14px/14px "satoshi Variable", sans-serif;
      background: #0000000D;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: left;
      padding: rem(14) rem(12); }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-trigger-icon {
      width: 0;
      height: 0;
      border-left: rem(4) solid transparent;
      border-right: rem(4) solid transparent;
      border-top: rem(6) solid #000;
      -webkit-transition: -webkit-transform 0.2s ease;
      transition: -webkit-transform 0.2s ease;
      transition: transform 0.2s ease;
      transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-list {
      display: none;
      position: absolute;
      top: calc(100% + rem(4));
      left: 0;
      right: 0;
      width: 100%;
      max-width: 100%;
      background: #fff;
      border: 1px solid #0000001a;
      border-radius: 4px;
      z-index: 20;
      max-height: rem(240);
      overflow-y: auto;
      margin: 0;
      padding: rem(4) 0;
      list-style: none; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-item.is-active .custom-popular-cities-option {
      background: #0000000D; }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-option {
      width: 100%;
      border: none;
      background: transparent;
      text-align: left;
      padding: rem(10) rem(12);
      font: 400 14px/14px "satoshi Variable", sans-serif; }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-option:hover, .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-option:focus, .store-locator-section .store-locator-container .popular-cities-row .popular-cities-dropdown .custom-popular-cities-option:focus-visible {
        background: #0000000D;
        outline: none; }
  @media (min-width: 1024px) {
    .store-locator-section .store-locator-container .popular-cities-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-column-gap: rem(16);
         -moz-column-gap: rem(16);
              column-gap: rem(16); } }
  .store-locator-section .store-locator-container .popular-cities-row .popular-cities-text {
    font-size: rem(16);
    line-height: rem(20);
    color: #46433c;
    font-weight: 300; }
  .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list {
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    @media (max-width: 1023.98px) {
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list {
        display: none; } }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list::-webkit-scrollbar {
      display: none;
      /* Hide scrollbar for Chrome, Safari and Opera */ }
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city,
    .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter {
      border: none;
      background: #0000000D;
      padding: 12px 16px;
      font: 400 16px/16px "satoshi Variable", sans-serif;
      border-radius: 2px;
      white-space: nowrap; }
      @media (max-width: 767.98px) {
        .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city,
        .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter {
          line-height: rem(14); } }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city:hover, .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city.active,
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter:hover,
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter.active {
        border: none;
        background: #832729;
        color: #fff; }
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city:focus, .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .popular-city:focus-visible,
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter:focus,
      .store-locator-section .store-locator-container .popular-cities-row .popular-cities-list .btn-storelist-filter:focus-visible {
        outline: 0;
        color: #fff; }

.store-page-inner-container {
  max-width: 1280px;
  margin: 0 auto; }
  .store-page-inner-container .see-more-items,
  .store-page-inner-container .see-less-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    text-decoration: underline;
    font: 700 16px/16px "satoshi Variable", sans-serif; }
    .store-page-inner-container .see-more-items .svg-sprite.link-arrow-icon,
    .store-page-inner-container .see-less-items .svg-sprite.link-arrow-icon {
      height: 14px; }
    .store-page-inner-container .see-more-items:hover,
    .store-page-inner-container .see-less-items:hover {
      font-weight: 600; }
  .store-page-inner-container .see-more-items .svg-sprite.link-arrow-icon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .store-page-inner-container .see-less-items .svg-sprite.link-arrow-icon {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.store-map-stores {
  margin-top: rem(32); }
  @media (min-width: 1024px) {
    .store-map-stores {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  @media (min-width: 1280px) {
    .store-map-stores {
      -webkit-column-gap: rem(42);
         -moz-column-gap: rem(42);
              column-gap: rem(42); } }
  .store-map-stores .map-canvas {
    min-height: rem(500); }
    @media (min-width: 1024px) {
      .store-map-stores .map-canvas {
        margin-bottom: 0;
        min-height: rem(570); } }
  @media (min-width: 1024px) {
    .store-map-stores .stores-map-section.results-available {
      -ms-flex-preferred-size: 69.6667%;
          flex-basis: 69.6667%;
      max-width: 69.6667%; } }
  .store-map-stores .stores-list-section {
    padding: 10px 65px; }
    @media (min-width: 1024px) {
      .store-map-stores .stores-list-section {
        -ms-flex-preferred-size: 40.3333%;
            flex-basis: 40.3333%;
        max-width: 40.3333%; } }

.results-card {
  border: 0; }
  .results-card .card-body {
    padding: 0; }
    .results-card .card-body .results {
      padding-left: 0;
      /* Track */
      /* Handle */ }
      .results-card .card-body .results::-webkit-scrollbar {
        width: 0.125rem; }
      .results-card .card-body .results::-webkit-scrollbar-track {
        background: red; }
      .results-card .card-body .results::-webkit-scrollbar-thumb {
        background-color: #832729; }
      .results-card .card-body .results .form-check {
        display: grid;
        grid-template-columns: 42% 1fr;
        grid-template-areas: "thumb details" "thumb actions";
        gap: 20px;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        @media (max-width: 1023.98px) {
          .results-card .card-body .results .form-check {
            gap: 10px;
            grid-template-columns: 42% 1fr;
            grid-template-areas: "thumb details" "actions actions"; } }
      .results-card .card-body .results .store-thumbnail-img {
        grid-area: thumb; }
        .results-card .card-body .results .store-thumbnail-img img {
          width: 100%;
          height: auto;
          border-radius: 4px;
          -o-object-fit: cover;
             object-fit: cover; }
      .results-card .card-body .results .store-details {
        grid-area: details;
        margin-left: 0;
        width: 100%;
        min-width: 0; }
        .results-card .card-body .results .store-details .store-name {
          font: 600 20px/40px "Gambetta-Variable", sans-serif;
          color: #832729; }
          @media (min-width: 768px) {
            .results-card .card-body .results .store-details .store-name {
              font: 500 14px/20px "Gambetta-Variable", sans-serif; } }
        .results-card .card-body .results .store-details .city-name-pincode {
          font-size: rem(10);
          line-height: rem(22);
          color: #666; }
          @media (min-width: 1024px) {
            .results-card .card-body .results .store-details .city-name-pincode {
              font-size: rem(16); } }
        .results-card .card-body .results .store-details address {
          margin-bottom: 0; }
          .results-card .card-body .results .store-details address a,
          .results-card .card-body .results .store-details address p {
            font: 500 16px/22px "satoshi Variable", sans-serif;
            color: #0000008a !important;
            margin-bottom: 0; }
            @media (min-width: 1024px) {
              .results-card .card-body .results .store-details address a,
              .results-card .card-body .results .store-details address p {
                font: 500 13px/18px "satoshi Variable", sans-serif; } }
          .results-card .card-body .results .store-details address .store-distance {
            font-size: rem(12);
            line-height: rem(18);
            color: #000;
            opacity: 0.87;
            margin-bottom: rem(10);
            font-weight: 700; }
        .results-card .card-body .results .store-details .email-label:empty {
          display: none; }
      .results-card .card-body .results .store-details-button {
        grid-area: actions;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        align-self: end; }
        @media (max-width: 1023.98px) {
          .results-card .card-body .results .store-details-button {
            -ms-flex-item-align: start;
                align-self: start;
            width: 100%;
            margin-top: rem(8); } }
      .results-card .card-body .results .store-page-view-detail {
        border: 1px solid #0000008A;
        font: 300 16px/16px "satoshi Variable", sans-serif;
        padding: 8px 20px;
        border-radius: 4px;
        color: #0000008a;
        width: 100%;
        text-align: center; }
        @media (max-width: 1023.98px) {
          .results-card .card-body .results .store-page-view-detail {
            font: 400 14px/18px "satoshi Variable", sans-serif; } }
        .results-card .card-body .results .store-page-view-detail:hover {
          color: #0000008a; }
      .results-card .card-body .results .view-store-details {
        text-decoration: underline;
        margin-top: 10px;
        color: #0000008a !important; }
    .results-card .card-body .store-details-column {
      margin-bottom: 28px; }
      @media (min-width: 1024px) {
        .results-card .card-body .store-details-column {
          margin-bottom: 48px; } }

.breadcrumb-main {
  padding-left: 0;
  margin-top: 20px; }
  @media (max-width: 1023.98px) {
    .breadcrumb-main {
      padding-left: 15px;
      margin-bottom: 10px; } }
  .breadcrumb-main .breadcrumb {
    padding-left: 0; }
    @media (min-width: 1024px) {
      .breadcrumb-main .breadcrumb {
        padding-bottom: 0; } }
    .breadcrumb-main .breadcrumb .bread-styling h5 {
      font-size: 14px;
      opacity: 1 !important; }
    .breadcrumb-main .breadcrumb .bread-styling .active-breadcrumb {
      opacity: 1; }

.store-locator-no-results {
  margin-top: rem(24); }
  .store-locator-no-results img {
    height: rem(90);
    width: rem(90); }
    @media (min-width: 1024px) {
      .store-locator-no-results img {
        height: rem(100);
        width: rem(100); } }
  .store-locator-no-results figcaption {
    font-size: rem(14);
    line-height: rem(20);
    color: #000000de;
    margin-top: rem(16); }

.store-details .address-header-edit,
.store-details .section-title {
  font: 400 28px/34px "Gambetta-Variable", sans-serif;
  color: #832729;
  margin-bottom: 30px;
  text-transform: capitalize; }
  @media (max-width: 1023.98px) {
    .store-details .address-header-edit,
    .store-details .section-title {
      margin-bottom: 20px; } }

.store-details .section-sub-title {
  font: 500 20px/20px "Gambetta-Variable", sans-serif;
  color: #832729;
  margin-bottom: 10px;
  text-transform: capitalize; }

.store-details .store-wrapper {
  gap: 10px; }
  @media (max-width: 1023.98px) {
    .store-details .store-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.store-details .store-info-text {
  font: 500 16px/24px "satoshi Variable", sans-serif;
  color: #0000008A; }
  .store-details .store-info-text .days-block {
    font-weight: 700;
    color: #46433c; }

.store-details .red-cta {
  background-color: #832729;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #fff; }

.store-details.landing-page {
  gap: 50px;
  padding: 60px; }
  @media (max-width: 1023.98px) {
    .store-details.landing-page {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      padding: 0;
      gap: 0; } }
  .store-details.landing-page .store-info-section {
    width: 49%; }
    @media (max-width: 1023.98px) {
      .store-details.landing-page .store-info-section {
        width: 100%; } }
    .store-details.landing-page .store-info-section .distance-km {
      font: 500 16px/24px "satoshi Variable", sans-serif;
      color: #0000008A; }
    .store-details.landing-page .store-info-section .email-icon .email-id {
      font: 500 16px/24px "satoshi Variable", sans-serif;
      color: #0000008A; }
    .store-details.landing-page .store-info-section .store-phone-number .phone-number {
      font: 500 16px/24px "satoshi Variable", sans-serif;
      color: #0000008A; }
    .store-details.landing-page .store-info-section .time {
      font: 500 16px/24px "satoshi Variable", sans-serif;
      color: #0000008A; }
    .store-details.landing-page .store-info-section .store-open-status {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .store-details.landing-page .store-info-section .store-open-status .closed,
      .store-details.landing-page .store-info-section .store-open-status .open-now {
        font: 500 16px/24px "satoshi Variable", sans-serif; }
        @media (max-width: 1023.98px) {
          .store-details.landing-page .store-info-section .store-open-status .closed,
          .store-details.landing-page .store-info-section .store-open-status .open-now {
            font-size: 14px; } }
  .store-details.landing-page .store-map-section {
    width: 49%; }
    @media (max-width: 1023.98px) {
      .store-details.landing-page .store-map-section {
        width: 100%; } }
    .store-details.landing-page .store-map-section .store-thumbnail-img img {
      width: 100%; }
    .store-details.landing-page .store-map-section .store-details-button {
      display: none !important; }
    .store-details.landing-page .store-map-section .store-details .store-name {
      color: #832729;
      font-family: "satoshi Variable", sans-serif; }
    .store-details.landing-page .store-map-section .store-details .storelocator-phone, .store-details.landing-page .store-map-section .store-details .email-label a {
      font-family: "satoshi Variable", sans-serif; }

@media (max-width: 1023.98px) {
  .store-details .btn-action-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px; } }

.store-details .btn-getdirection-btn {
  width: 45%;
  border-radius: 4px;
  white-space: nowrap;
  border-color: #832729;
  color: #832729 !important;
  text-transform: capitalize; }
  @media (max-width: 1023.98px) {
    .store-details .btn-getdirection-btn {
      width: 100%; } }
  .store-details .btn-getdirection-btn:hover {
    background: #832729;
    color: #fff !important; }

.store-details .btn-book-an-appointment {
  width: 45%;
  border-radius: 4px;
  white-space: nowrap;
  border-color: #832729;
  background: #832729;
  color: #fff !important; }
  .store-details .btn-book-an-appointment:hover {
    background: #fff;
    color: #832729 !important; }
  .store-details .btn-book-an-appointment:focus {
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important; }
  @media (max-width: 1023.98px) {
    .store-details .btn-book-an-appointment {
      width: 100%; } }

.store-item-divider {
  margin: 0 60px;
  border-top: 0.5px solid #000000; }
  @media (max-width: 1023.98px) {
    .store-item-divider {
      margin: 0; } }

.store-map {
  margin: auto;
  padding-bottom: 45px; }
  @media (min-width: 1024px) {
    .store-map {
      height: 100%;
      padding-bottom: 15px; } }
  @media (max-width: 1049.98px) {
    .store-map {
      height: 280px;
      padding-bottom: 20px; } }
  .store-map .map-canvas {
    height: 100%;
    width: 100%; }

.open-now {
  letter-spacing: 0;
  color: #45a03f;
  opacity: 1;
  padding: 10px 0 10px;
  font-weight: 700; }

.closed {
  letter-spacing: 0;
  color: #eb0000;
  opacity: 1;
  padding: 10px 0 10px; }

.button-div {
  position: fixed;
  bottom: 0;
  z-index: 1;
  background: #fff;
  width: 100%; }
  @media (min-width: 1024px) {
    .button-div {
      padding-top: 0;
      position: relative;
      background: unset;
      bottom: 0; } }
  .button-div .getdirection-btn {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: #ffffff0d;
    font-size: rem(14);
    line-height: rem(21); }
    @media (min-width: 1024px) {
      .button-div .getdirection-btn {
        width: rem(232);
        height: rem(52);
        border: rem(1) solid #0003;
        font-size: rem(14);
        line-height: rem(18); } }
    .button-div .getdirection-btn:hover {
      background: #dd43430d;
      border: 0.5px solid #832729; }
    .button-div .getdirection-btn a {
      font-weight: 600; }
  .button-div a {
    padding: 15px 34px;
    width: 100%;
    display: inline-block;
    font-size: rem(14);
    line-height: rem(21);
    height: 50px; }
    @media (min-width: 1024px) {
      .button-div a {
        text-decoration: none;
        color: #000;
        font-weight: 500;
        font-size: rem(14);
        line-height: rem(18);
        width: 50%; } }

.appointment-button {
  width: 100%;
  height: 100%;
  background-color: #832729;
  border: none;
  font-size: rem(14);
  line-height: rem(21);
  color: #fff; }
  @media (min-width: 1024px) {
    .appointment-button {
      width: rem(232);
      height: rem(52);
      border: none;
      margin-left: rem(16);
      font-weight: 600; } }

.store-open-status .open-now {
  letter-spacing: 0;
  color: #45a03f;
  opacity: 1;
  font-size: rem(13);
  line-height: rem(22);
  padding: 0;
  font-weight: 700; }

.button-div .getdirection-btn a {
  color: #000 !important;
  opacity: 0.87; }

.store-locator-container .detect-location {
  margin-bottom: 1em; }

.store-locator-container .striped > div:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

@media (min-width: 576px) {
  .store-locator-container .select-store {
    margin-top: -3rem; } }

.map-marker {
  float: left;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 0.375em;
  color: #fff;
  background-color: #7ed0ee;
  position: relative; }
  .map-marker::after {
    position: absolute;
    bottom: -0.625em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0.5em 0;
    border-color: #7ed0ee transparent transparent transparent; }

.gm-style-iw .store-details {
  margin-left: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5; }

.gm-style-iw a {
  color: var(--skin-link-color-1); }

.store-locator-hero {
  background-image: url("../images/storelocator.jpg");
  margin-bottom: 0.625em;
  height: 3.25rem; }
  @media (min-width: 576px) {
    .store-locator-hero {
      display: none; } }

@media (min-width: 768px) {
  .store-map-stores .map-canvas {
    margin-left: 20px; } }

.skip-link-store {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.skip-link-store:focus-visible::after {
  content: "skip to main content";
  top: 180px;
  position: absolute;
  border: 1px #832729 solid;
  font-size: 12px;
  z-index: 100;
  right: 500px; }

.skip-link-store:focus-visible {
  position: static;
  overflow: visible;
  border: none !important; }

.card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .card-row.column-2 .cards-column {
    border-radius: 4px; }
    @media (max-width: 1023.98px) {
      .card-row.column-2 .cards-column {
        width: calc(100%); } }
    @media (min-width: 768px) {
      .card-row.column-2 .cards-column {
        width: calc(50% - 30px); } }

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

.store-locator-section .popular-cities-dropdown {
  width: 100%;
  max-width: 100%;
  position: relative; }
  .store-locator-section .popular-cities-dropdown.is-customized .popular-cities-select {
    position: absolute;
    opacity: 0;
    pointer-events: none; }

.store-locator-section .popular-cities-dropdown-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%; }

.store-locator-section .custom-popular-cities-dropdown {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%; }
  .store-locator-section .custom-popular-cities-dropdown.is-open .custom-popular-cities-trigger-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .store-locator-section .custom-popular-cities-dropdown.is-open .custom-popular-cities-list {
    display: block; }

.store-locator-section .custom-popular-cities-trigger {
  width: 100%;
  min-height: 44px;
  border-radius: 4px;
  font: 400 14px/14px "satoshi Variable", sans-serif;
  background: #0000000D;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  padding: 14px 12px; }

.store-locator-section .custom-popular-cities-trigger-icon {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

.store-locator-section .custom-popular-cities-list {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  z-index: 20;
  max-height: 240px;
  overflow-y: auto;
  margin: 0;
  padding: 4px 0;
  list-style: none; }

.store-locator-section .custom-popular-cities-item.is-active .custom-popular-cities-option {
  background: #0000000D; }

.store-locator-section .custom-popular-cities-option {
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 10px 12px;
  font: 400 14px/14px "satoshi Variable", sans-serif; }
  .store-locator-section .custom-popular-cities-option:hover, .store-locator-section .custom-popular-cities-option:focus, .store-locator-section .custom-popular-cities-option:focus-visible {
    background: #0000000D;
    outline: none; }

.store-locator-section .popular-cities-flag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #d9d9d9; }

.store-locator-section .popular-cities-flag .flag-icon {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.store-locator-section .popular-cities-select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%; }


/*# sourceMappingURL=default\css\storeLocator.css.map*/