/* branch locator */
.branch-locator {
  position: relative;
  overflow-x: hidden;
  background: url(../images/find_branch_locator.png), radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  padding-block: 150px;
}
.branch-locator .branch-locator-bx {
  border-radius: 24px;
  border: 1px solid #cbcbcb;
  background: rgba(255, 255, 255, 0.82);
  padding: 34px 30px;
  margin-top: 30px;
}
.branch-locator .branch-locator-bx ul {
  margin: 0;
  padding: 0;
}
.branch-locator .branch-locator-bx ul li {
  list-style-type: none;
  margin-bottom: 2.063rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.branch-locator .branch-locator-bx ul li:last-child {
  margin-bottom: 0;
}
.branch-locator .branch-locator-bx ul li h6 {
  color: var(--color-blue);
  font-size: var(--paragraph-txt-24);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.313rem;
}
.branch-locator .branch-locator-bx ul li .form-element {
  width: 100%;
}
.branch-locator .branch-locator-bx ul li .form-element label {
  width: 100%;
  color: var(--color-black);
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.288rem;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 {
  width: 100% !important;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection {
  border-radius: 45px;
  border: 1px solid #c6c6c6;
  height: 34px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection .select2-selection__rendered {
  line-height: 34px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2 .select2-selection .select2-selection__arrow {
  height: 32px;
}
.branch-locator .branch-locator-bx ul li .form-element .select2.select2-container--open .selection .select2-selection {
  border-radius: 16px 16px 0 0;
}
.branch-locator .branch-locator-bx ul li .btn {
  align-self: flex-end;
}
@media (max-width: 767px) {
  .branch-locator .branch-locator-bx ul li .btn {
    align-self: flex-start;
  }
}
.branch-locator .branch-info {
  padding-left: 125px;
}
.branch-locator .branch-info h6 {
  color: var(--color-blue);
  font-size: var(--paragraph-txt-24);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.branch-locator .branch-info ul {
  margin: 0;
  padding: 0;
}
.branch-locator .branch-info ul li {
  list-style-type: none;
  border-bottom: 1px solid #e8e8e8;
  padding: 23px 0;
  display: flex;
}
.branch-locator .branch-info ul li:last-child {
  border: none;
}
.branch-locator .branch-info ul li span {
  width: 30%;
  color: #a3a3a3;
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.branch-locator .branch-info ul li p {
  width: 70%;
  color: var(--color-black);
  font-size: var(--paragraph-txt-16);
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .branch-locator .branch-info {
    text-align: center;
    padding-left: 0px;
    margin-top: 3rem;
  }
  .branch-locator .branch-info ul li {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .branch-locator .branch-info ul li p {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .branch-locator .branch-info {
    padding-left: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .branch-locator .branch-info {
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .branch-locator {
    background-position: -490px center, left center;
  }
}
@media (max-width: 767px) {
  .branch-locator {
    background: url(../images/find_branch_locator.png), radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(206, 234, 247) 310%);
    background-position: center top, left center;
    background-size: contain;
    /* backdrop-filter: none; */
    padding-block: unset;
    background-repeat: no-repeat;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .branch-locator {
    background-position: -430px center, left center;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .branch-locator {
    background-position: -330px center, left center;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .branch-locator {
    background-position: -270px center, left center;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .branch-locator {
    background-position: -240px center, left center;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  .branch-locator {
    background-position: -200px center, left center;
  }
}

/* branch locator */
/* map */
.map {
  height: 35.625rem;
  background-size: cover;
  background-position: center center;
}
.map .iframe-map {
  width: 100%;
  height: 26.625rem;
}
.map #map {
  border-radius: 24px;
}

/* map */
@media (max-width: 767px) {
  .map .iframe-map {
    height: 35.625rem;
  }
}/*# sourceMappingURL=branch-locator.css.map */