.circle-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: transparent;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: 0;
}

.arcaffe-filters-block-item:nth-last-child(1) {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.tagTitleContentBranch {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 14.42px;
  left: 9.79px;
}

.tagTitleContentBranch .itemTag {
  border: 1px solid #000000;
  border-radius: 19px;
  line-height: 1;
  height: 22px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #060706;
  background: #fff;
  padding: 5px 8px;
}

.circle-btn .icon {
  display: inline-block;
  transform: translateY(-2px);
}

.mainContentBranches {
  display: flex;
  justify-content: space-between;
  max-width: 1232.5px;
  margin: 0 auto;
  flex-direction: row-reverse;
  gap: 62.5px;
  padding-bottom: 47.69px;
  border-bottom: 1px solid #adadad;
  margin-bottom: 47.14px;
}

.imagesAdaptive {
  flex: 0 1 766px;
}

@media (max-width: 768px) {
  .imagesAdaptive {
    flex: 0;
  }
}

.imamagesMainBranch {
  max-width: 766px;
  max-height: 407px;
  width: 100%;
  height: 407px;
}

.imamagesMainBranch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contentBranchWrapper {
  width: 100%;
  max-width: 404px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contentBranchWrapper a {
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 15px;
}

.contentBranchWrapper ul {
  margin: 0;
  padding: 0px;
  padding-right: 16px;
}

.contentBranchWrapper ul li {
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 15px;
}

.contentBranchWrapper h2 {
  font-size: 30px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 27px;
}

.contentBranchWrapper p {
  font-size: 15px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-weight: normal;
  padding-bottom: 17.58px;
}

.contentBranchWrapper h4,
.contentBranchWrapper p.address {
  font-size: 15px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-weight: bold;
  padding-bottom: 14.12px;
}

.timeToWork p {
  line-height: 20px;
  padding: 0;
}

.wrapperTextOpen {
  padding-top: 19.58px;
  padding-bottom: 21.23px;
  width: 100%;
}

.buttonTextOpen {
  display: flex;
  flex-direction: row-reverse;
  gap: 9.06px;
  align-items: center;
  padding-bottom: 9.15px;
  justify-content: start;
  cursor: pointer;
}

.buttonTextOpen p {
  padding: 0;
}

.buttonTextOpen img {
  width: 26.4px;
  height: 26.4px;
}

.textOpenBlock {
  background: #f2f2f2;
  padding: 20px 28.42px 20px 0;
  display: flex;
  gap: 62.5px;
  margin-top: 10px;
}
.textOpenBlock ul.textOpenItem {
  column-count: 2;
  width: 100%;
}

.textOpenBlock ul.textOpenItem li {
  list-style: none;
  font-size: 14px;
  line-height: 22px;
  padding: 0;
}

.buttonMainContentWrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.buttonBranchMainTel {
  text-decoration: underline;
  height: 49.62px;
  width: 150.92px;
  border: 0.5px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  box-sizing: border-box;
}

.buttonBranch {
  display: flex;
  width: 175px;
  height: 49.62px;
  box-sizing: border-box;
  border: 0.5px solid #000000;
}

.iconBranchButton {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iconBranchButton a {
  height: 24.21px;
}

.iconBranchButton:last-child {
  border-right: 0.5px solid #000000;
}

.branchesList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 17px;
  max-width: 1232.5px;
  margin: 0 auto;
  padding-bottom: 183px;
}

.branchCard {
  width: 399px;
  height: min-content;
  box-sizing: border-box;
  border: 1.5px solid #e0e0e0;
  padding: 14.3px 13px 14px 14.3px;
  display: block;
}

.branchCardWrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 49px;
}

.branchCard .imagesBranch {
  position: relative;
  width: 175px;
  height: 206px;
  max-height: 206px;
  max-width: 175px;
  min-width: 175px;
}

.branchCard .imagesBranch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contentBranchItemWrapper h2 {
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 6.22px;
  line-height: 100%;
}

.contentBranchItemWrapper p {
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 23.28px;
  line-height: 100%;
}

.contentBranchItemWrapper .timeToWork p {
  padding: 0;
}

.contentBranchItemWrapper .buttonBranchMainTel {
  border: none;
  padding: 0;
  padding-bottom: 20.88px;
  padding-top: 13.72px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-decoration: underline;
  width: auto;
  height: auto;
  justify-content: start;
}

.contentBranchItemWrapper .buttonTextOpen,
.contentBranchItemWrapper .buttonTextOpen p {
  padding: 0;
}

.contentBranchItemWrapper .wrapperTextOpen {
  padding: 0;
}

.branchCardWrapper .buttonBranch {
  margin-top: 10.79px;
}

.branchCardWrapper .buttonBranch img {
  width: 24.2px;
  height: 24.2px;
}

.branchCardWrapper .textOpenBlock {
  display: flex;
  gap: 45.58px;
}

.headerBranches {
  max-width: 1232.5px;
  margin: 0 auto;
  padding-top: 28px;
}

.headerBranches h1 {
  font-size: 20px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-weight: bold;
  padding-bottom: 6.13px;
  text-align: center;
  margin-top: -7px;
}

.wrapperheaderBranches {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: end;
  align-items: end;
  padding-bottom: 20.74px;
  border-bottom: 1px solid #adadad;
  margin-bottom: 30.43px;
}

.wrapperheaderBranches .descriptionBranchesHeader {
  max-width: 500px;
  width: 100%;
  text-align: center;
}
.wrapperheaderBranches .descriptionBranchesHeader p {
  font-size: 15px;
  color: #060706;
  font-family: "Almoni", sans-serif;
  font-weight: normal;
}

.searchBranchesheader {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 9.84px;
}

.inputSearch {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border-bottom: 1px solid #adadad;
  padding: 4px 0;
  gap: 3px;
}

.inputSearch input {
  border: none;
  width: 154px;
  max-width: 154px;
  outline: none;
}

.inputSearch p {
  font-family: "Almoni", sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #707070;
}

.inputSearch input::placeholder {
  font-family: "Almoni", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #707070;
}

.filterBranches {
  height: auto;
}

.searchBranchesheader img {
  width: 19px;
  height: 19px;
}

.mobileFilterBranches {
  display: none;
}

@media (max-width: 1250px) {
  .custom-page {
    padding: 0 25px;
  }
}

@media (max-width: 768px) {
  .headerBranches h1 {
    padding: 0 15.5px;
  }

  .headerBranches p {
    width: 339px;
    margin: 0 auto;
  }

  .inputSearch input {
    width: 134.59px;
    max-width: 134.59px;
  }

  .inputSearch {
    border: none;
  }

  .searchBranchesheader img {
    width: 11.18px;
    height: 11.18px;
  }
  .mobileFilterBranches {
    display: flex;
    padding-bottom: 13.19px;
  }

  .mobileSearchBranches {
    display: flex !important;
    border-bottom: 0.5px solid #000000;
    box-sizing: border-box;
    gap: 7.08px;
    margin-top: -10px;
  }

  .headerBranches h1 {
    font-size: 22px;
    margin-top: 0;
  }
  .wrapperheaderBranches {
    justify-content: center;
    padding-bottom: 21.5px;
    margin-bottom: 20.13px;
  }
  .searchBranchesheader {
    display: none;
  }

  .desktopFilterBranches {
    display: none;
  }

  .custom-page {
    padding: 0;
  }
  .mainContentBranches {
    flex-direction: column;
    gap: 11.68px;
  }

  .imamagesMainBranch {
    width: 100%;
    height: 275px;
    max-height: 275px;
    max-width: 100%;
  }

  .buttonBranchMainTel {
    width: 175px;
  }

  .contentBranchWrapper {
    padding: 0 15.5px;
    max-width: 100%;
    width: auto;
  }

  .mainContentBranches {
    margin: 0;
    padding-bottom: 13.18px;
    border: none;
  }

  .branchesList {
    padding: 0 15.5px;
    gap: 12px;
    padding-bottom: 25.14px;
  }
}

@media (max-width: 430px) {
  .branchCard {
    width: 100%;
  }

  .branchCardWrapper {
    gap: 5px;
  }
}

.arcaffe-filters-block form {
  width: 100%;
}
.arcaffe-filters-block-item {
  text-decoration: none;
  font-weight: normal;
  font-size: 15px;
  color: #060706 !important;
}

.arcaffe-filters-block-item:nth-last-child(1) {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.arcaffe-filters-block-item label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.arcaffe-filters-block-item .arcaffe-filters-block-item-wrapper button {
  text-decoration: none;
  font-weight: normal;
  font-size: 15px;
  color: #060706 !important;
  font-weight: bold;
  font-family: "Almoni", sans-serif;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.searchBranchesheader button {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.searchBranchesheader p {
  cursor: pointer;
}

nav.branches-breadcrumbs ul#breadcrumbs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.branches-breadcrumbs ul#breadcrumbs li {
  font-size: 13px;
}

nav.branches-breadcrumbs ul#breadcrumbs li.separator {
  margin: 0 2px;
}
nav.branches-breadcrumbs ul#breadcrumbs li strong {
  font-weight: normal;
}

@media screen and (max-width: 500px) {
  .headerBranches {
    padding-top: 20px;
  }
  nav.branches-breadcrumbs ul#breadcrumbs li {
    font-size: 12px;
  }
  nav.branches-breadcrumbs {
    padding: 0 16px;
  }
}