/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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_custom_encircle/cartridge/client/default/scss/storeLocator.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.store-locator-section {
  padding: 4rem 0; }
  @media (min-width: 1024px) {
    .store-locator-section {
      padding: 5rem 0; } }
  .store-locator-section .store-locator-heading {
    padding: 0; }
  .store-locator-section .store-form .individual-item {
    margin-top: 0.625rem; }
    .store-locator-section .store-form .individual-item .select-tag-wrapper {
      position: relative;
      width: 100%; }
      .store-locator-section .store-form .individual-item .select-tag-wrapper::after {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        right: 0.625rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        pointer-events: none; }
      .store-locator-section .store-form .individual-item .select-tag-wrapper .form-select {
        background-color: #f3f3f3;
        border-radius: 1.25rem;
        font-size: 1rem;
        padding: 0.625rem 1.5rem;
        width: 100%;
        text-align: start;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        line-height: 1.375rem; }
        .store-locator-section .store-form .individual-item .select-tag-wrapper .form-select:hover, .store-locator-section .store-form .individual-item .select-tag-wrapper .form-select:focus, .store-locator-section .store-form .individual-item .select-tag-wrapper .form-select:active {
          -webkit-box-shadow: 0 0 0 4px #0d6efd40;
                  box-shadow: 0 0 0 4px #0d6efd40; }
        @media (min-width: 1024px) {
          .store-locator-section .store-form .individual-item .select-tag-wrapper .form-select {
            font-size: 1.25rem;
            line-height: 1.875rem;
            padding: 0.625rem 0.625rem 0.625rem 1.5rem; } }
    .store-locator-section .store-form .individual-item .store-locator-input {
      background-color: #f3f3f3;
      border-radius: 1.25rem;
      font-size: 1rem;
      line-height: 1.375rem;
      padding: 0.625rem 1.5rem;
      outline: none;
      border: none; }
      .store-locator-section .store-form .individual-item .store-locator-input:hover, .store-locator-section .store-form .individual-item .store-locator-input:focus, .store-locator-section .store-form .individual-item .store-locator-input:active {
        -webkit-box-shadow: 0 0 0 4px #0d6efd40;
                box-shadow: 0 0 0 4px #0d6efd40; }
      @media (min-width: 1024px) {
        .store-locator-section .store-form .individual-item .store-locator-input {
          font-size: 1.25rem;
          line-height: 1.875rem;
          padding: 0.625rem 0.625rem 0.625rem 1.5rem; } }
    .store-locator-section .store-form .individual-item .invalid-feedback {
      margin: 0 1.25rem;
      color: #f00;
      margin-top: 0.125rem; }
  .store-locator-section .store-btn {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #fff;
    background-color: #000;
    border-radius: 1.25rem;
    padding: 0.375rem 1.625rem;
    outline: none;
    border: 1px solid transparent; }
    @media (min-width: 1024px) {
      .store-locator-section .store-btn {
        height: 3.125rem;
        font-size: 1.25rem; } }
    .store-locator-section .store-btn:hover {
      background-color: #fff;
      color: #000;
      border: none; }
  .store-locator-section .stores-list {
    margin: 1.5rem -0.25rem 0 -0.25rem;
    max-height: 34.375rem; }
    .store-locator-section .stores-list::-webkit-scrollbar {
      width: 0.25rem; }
    .store-locator-section .stores-list .flex-column {
      padding: 0 0.25rem; }
      .store-locator-section .stores-list .flex-column .near-store-box {
        background-color: #f3f3f3;
        border-radius: 1.375rem;
        margin-top: 0.5rem;
        padding: 1.875rem 0.625rem;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        .store-locator-section .stores-list .flex-column .near-store-box .store-bx-hd {
          font-size: 1.25rem; }
        .store-locator-section .stores-list .flex-column .near-store-box .store-bx-locatn {
          font-size: 0.75rem;
          margin-top: 0.625rem; }
          .store-locator-section .stores-list .flex-column .near-store-box .store-bx-locatn img {
            padding-right: 0.5rem; }