/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/google-map/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-primary: var(--wp--preset--color--primary);
  --color-secondary: var(--wp--preset--color--secondary);
  --color-text: var(--wp--preset--color--text);
  --color-text-dark: var(--wp--preset--color--text-dark);
  --color-accent: var(--wp--preset--color--accent);
  --color-gray: var(--wp--preset--color--gray);
  --color-white: var(--wp--preset--color--white);
  --color-black: var(--wp--preset--color--black);
  --color-body-bg: #f3f7fb;
  --color-black-two: #141419;
  --color-error: #CE202A;
  --color-success: #28a745;
  --gradient-primary: var(--wp--preset--gradient--primary);
  --gradient-secondary: var(--wp--preset--gradient--secondary);
  --fontBase: var(--wp--preset--font-family--primary);
  --fontSecondary: var(--wp--preset--font-family--secondary);
}

/*********************
* BREAKPOINTS
*
* @example
* for max-width case
* @include breakpoint('smaller') {
*	@content;	
* }
*
* for min-width case
* @include breakpoint('smaller', true) {
*	@content;	
*}
*********************/

/*********************
	Flex 
*********************/

/*********************
	Flex Direction

@example
// If display: flex; is needed
@include flex-column(true);

// If display: flex; is not needed
@include flex-column();
*********************/

/*********************
	Flex Direction

@example
// Center Vertically and horizontally
@include flex-center();

// Center only horizontally
@include flex-center(hr);

// Center only vertically
@include flex-center(vr);

*********************/

/*********************
Flex Grid Width

@example

@include flex-grid-width(5, 30px);

Note: Do not forget to add column-gap in the parent element

*********************/

/*********************
	Flex Width

@example

@include flex-width(calc(100% / 3));
*********************/

/**
* Mixin to declare Font-face
*
*/

/**This is the block Style*/

section.google-map-section {
  position: relative;
  padding: 10px;
  margin-inline: 10px;
}

@media screen and (max-width: 991px) {
  section.google-map-section {
    background-color: var(--color-white);
    border-radius: 16px;
  }
}

body section.google-map-section #wpsl-stores,
body section.google-map-section #wpsl-direction-details,
body section.google-map-section #wpsl-gmap {
  height: 379px !important;
}

@media screen and (min-width: 992px) {
  body section.google-map-section #wpsl-stores,
  body section.google-map-section #wpsl-direction-details,
  body section.google-map-section #wpsl-gmap {
    height: 770px !important;
  }
}

section.google-map-section .wpsl-custom-header {
  padding: 61px 40px 42px 47px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (max-width: 991px) {
  section.google-map-section .wpsl-custom-header {
    padding: 22px 15px 20px 9px;
    gap: 9px;
  }
}

section.google-map-section .wpsl-custom-header .map-title {
  font-size: 44px;
  line-height: 1.14;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 991px) {
  section.google-map-section .wpsl-custom-header .map-title {
    font-size: 34px;
  }
}

section.google-map-section .wpsl-custom-header p {
  margin: 0;
}

@media screen and (max-width: 991px) {
  section.google-map-section .container {
    padding-inline: 0;
  }
}

section.google-map-section .google-map-inner {
  position: relative;
}

section.google-map-section #wpsl-gmap {
  border-radius: 20px;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-gmap {
    border-radius: 10px;
  }
}

section.google-map-section #wpsl-wrap {
  position: relative;
  margin-bottom: 0;
}

section.google-map-section #wpsl-wrap .wpsl-provided-by {
  display: none;
}

section.google-map-section #wpsl-wrap #wpsl-result-list {
  width: 543px;
  height: calc(100% - 20px);
  top: 10px;
  left: 10px;
  border-radius: 14px;
  z-index: 9;
  padding: 0;
  position: absolute;
  overflow-y: auto;
  background: var(--color-white);
  margin: 0;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-result-list {
    position: static;
    width: 100%;
    height: auto;
  }
}

section.google-map-section #wpsl-wrap #wpsl-result-list {
  /* ===== Chrome, Edge, Safari ===== */
}

section.google-map-section #wpsl-wrap #wpsl-result-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

section.google-map-section #wpsl-wrap #wpsl-result-list::-webkit-scrollbar-track {
  background: transparent;
}

section.google-map-section #wpsl-wrap #wpsl-result-list::-webkit-scrollbar-thumb {
  background-color: #cecfd1;
  border-radius: 10px;
  border: 2px solid #cecfd1;
  background-clip: content-box;
}

section.google-map-section #wpsl-wrap #wpsl-result-list::-webkit-scrollbar-thumb:hover {
  background-color: #9ea8b2;
}

section.google-map-section #wpsl-wrap #wpsl-result-list {
  /* ===== Smooth scrolling ===== */
  scroll-behavior: smooth;
  /* ===== Mobile momentum scroll ===== */
  -webkit-overflow-scrolling: touch;
}

section.google-map-section #wpsl-wrap #wpsl-direction-details {
  padding-inline: 15px;
  /* ===== Chrome, Edge, Safari ===== */
}

section.google-map-section #wpsl-wrap #wpsl-direction-details::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

section.google-map-section #wpsl-wrap #wpsl-direction-details::-webkit-scrollbar-track {
  background: transparent;
}

section.google-map-section #wpsl-wrap #wpsl-direction-details::-webkit-scrollbar-thumb {
  background-color: #cecfd1;
  border-radius: 10px;
  border: 2px solid #cecfd1;
  background-clip: content-box;
}

section.google-map-section #wpsl-wrap #wpsl-direction-details::-webkit-scrollbar-thumb:hover {
  background-color: #9ea8b2;
}

section.google-map-section #wpsl-wrap #wpsl-direction-details {
  /* ===== Smooth scrolling ===== */
  scroll-behavior: smooth;
  /* ===== Mobile momentum scroll ===== */
  -webkit-overflow-scrolling: touch;
}

section.google-map-section #wpsl-wrap #wpsl-stores {
  overflow: unset;
}

section.google-map-section #wpsl-wrap #wpsl-stores ul {
  padding: 0 10px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul {
    padding: 10px 0 0;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li {
  list-style-type: none;
  padding: 32px 37px;
  border-radius: 20px;
  border: none;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul li {
    border-radius: 10px;
    padding: 22px 24px;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li:hover {
  background-color: var(--color-secondary);
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location {
    gap: 21px;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location h6 {
  font-size: 22px;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location h6 {
    font-size: 20px;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap {
  margin-top: -14px;
  display: flex;
  gap: 35px;
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap {
    margin-top: -8px;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-phone {
  position: relative;
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-phone:after {
  content: "";
  position: absolute;
  height: 60%;
  width: 1px;
  background-color: #cecfd1;
  top: 50%;
  right: -21px;
  transform: translate(0, -50%);
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-phone a {
  font-family: var(--fontSecondary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: var(--color-black);
}

@media screen and (max-width: 991px) {
  section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-phone a {
    font-size: 12px;
  }
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-directions {
  position: relative;
  color: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-directions::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  /* Arrow using your primary color */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDA1RkE5O3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUsMTJoMTQiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLDVsNyw3bC03LDciLz4KPC9zdmc+Cg==);
  transition: transform 0.2s ease;
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-directions:hover {
  text-decoration: none;
}

section.google-map-section #wpsl-wrap #wpsl-stores ul li .wpsl-store-location .wpsl-contact-direction-wrap .wpsl-directions:hover:before {
  transform: translateX(4px);
}

/*# sourceMappingURL=style-index.css.map*/