body > * {
  font-family: "Open Sans", sans-serif;
}

body .btn {
  border-radius: 8px;
}

body .icon-size {
  font-size: 18px;
}

body .fw-bold {
  font-weight: 500 !important;
}

body .btn:focus {
  box-shadow: none !important;
}

body .btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #056449 !important;
  color: #fff !important;
}

body .btn-secondary:hover {
  color: #056449 !important;
  background: rgb(26, 115, 232, 0.1) !important;
}

header {
  z-index: 3;
  background-color: #fff;
}

header .nav-link {
  color: #5f6368;
  font-weight: 500;
  line-height: 1;
}

header .nav-link:hover {
  color: #202124;
}

header .nav-link:focus {
  color: #01875f;
}

header .nav-item .nav-link.active {
  color: #01875f;
  position: relative;
}

body .accordion-header {
  font-size: 1.35rem;
}

body .accordion .accordion-body a {
  border-radius: 8px;
  padding: 0.75rem;
}

body .accordion .accordion-body a:hover {
  background-color: rgba(60, 64, 67, 0.05);
}

.accordion-btn:not(.collapsed) {
  transform: rotate(180deg);
}

body .accordion-btn:active {
  background-color: rgba(60, 64, 67, 0.3);
}

.accordion-item__list {
  margin-left: -0.75rem;
}

.category-btn:hover {
  color: #202124;
  background-color: #dadce0;
}

.nav-link.active::after {
  content: "";
  position: absolute;
  border-bottom: 2px solid #01875f;
  width: 100%;
  bottom: 0;
  left: 0;
}

.mobile-nav .nav-item .active {
  color: #01875f;
}

.mobile-nav .nav-item .active ~ svg path {
  fill: #01875f;
}

.mobile-nav .active:after {
  content: none
}

.scrolledHeader {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
  0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

header .navbar-brand svg {
  height: 40px;
}

header span {
  font-weight: 500;
}

header .navbar {
  height: 66px;
}

.title-color {
  color: rgb(32, 33, 36);
}

.mobile-nav {
  height: 56px;
}

.text-gray {
  color: #5f6368;
}

a:link {
  color: #5f6368;
}

.prod-logo {
  border-radius: 20%;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
  0 1px 3px 1px rgba(60, 64, 67, 0.15);
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.review-items {
  max-width: 700px !important;
}

@media screen and (max-width: 840px) {
  .main-block {
    justify-content: flex-start;
  }

  .logo-block {
    order: 0;
  }

  .info-block {
    order: 1;
  }
}

@media screen and (min-width: 840px) {
  .main-block {
    justify-content: space-between;
    margin-bottom: -5rem;
  }

  .prod-logo {
    width: 180px;
    height: 180px;
  }

  .review-items {
    margin-left: -2rem !important;
    margin-top: -6rem !important;
  }

  .btn-width {
    max-width: 200px !important;
  }

  body .btn-secondary {
    width: max-content;
  }

  .logo-block {
    order: 1;
  }

  .info-block {
    order: 0;
  }
}

@media screen and (min-width: 1280px) {
  .prod-logo {
    width: 240px;
    height: 240px;
  }
}

.description_logo {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
  0 1px 3px 1px rgba(60, 64, 67, 0.15);
  border-radius: 8px;
  max-height: 56px;
  max-width: 56px !important;
}

body .prod-link, .prod-link:hover {
  color: #01875f;
}


.star-icon {
  font-size: 12px !important;
}

.review {
  font-size: 0.875rem;
}

.review-title {
  height: 1.5rem;
}

body .review-info {
  font-size: 0.75rem;
}

.pro::before {
  background-color: rgb(232, 234, 237);
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: calc(50% - 12px);
  width: 1px;
}

.btn-primary {
  background-color: #01875f !important;
  border-color: #01875f !important;
}

body .btn-secondary {
  background-color: #fff !important;
  border: none !important;
  color: #202124 !important;
}

.slide-image {
  display: block;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.splide__arrows .customize-arrow {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
  0 1px 3px 1px rgba(60, 64, 67, 0.15);
  background-color: #fff;
  border-radius: 50%;
}

.splide__arrows .customize-next {
  right: -1.5em;
}

.splide__arrows .customize-prev {
  left: -1.5em;
}

body .btn-outline {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.btn-outline:hover {
  background-color: rgba(60, 64, 67, 0.05);
}

.gpb .w-75 {
  width: 100% !important;
}

@media screen and (min-width: 960px) {
  .gpb .w-75 {
    width: 75% !important;
  }
}

@media screen and (min-width: 425px) {
  .splide__arrows .customize-arrow {
    height: 56px;
    width: 56px;
  }
}

@media screen and (max-width: 1280px) {
  .relevant-title {
    font-size: .875rem;
  }

  .relevant-info {
    font-size: .75rem;
  }
}

.description_text {
  max-height: 7.5rem;
  font-size: 0.875rem;
  display: -webkit-box;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  white-space: pre-line;
}

.info-btn {
  border-radius: 16px;
  height: 32px;
  border: 1px solid #dadce0;
  cursor: default;
}

.mobile-nav {
  border-top: 1px solid #DADCE0;
}

button .material-symbols-outlined {
  font-size: 20px;
}

.additional__info {
  border: 1px solid #dadce0;
  border-radius: 8px;
}

.more-info__btn:hover {
  color: #056449 !important;
  background: rgb(26, 115, 232, 0.1);
}

.review-grad {
  font-size: 3.5rem;
}

.review-grad__star > span {
  height: 16px;
  width: 16px;
}

.review-comment__start > span {
  height: 12px;
  width: 12px;
}

.review_bars {
  flex-grow: 1;
  grid-template-columns: max-content auto;
}

.greenStar {
  color: #01875f;
  fill: #01875f;
  stop-color: #01875f;
}

.greyStar {
  fill: rgb(241, 243, 244);
  stop-color: rgb(241, 243, 244);
}

.review_bars .progress {
  height: 10px;
}

.progress .progress-bar {
  background-color: #01875f;
}

.comments .usefull-btn {
  font-size: 14px;
  color: #5f6368;
  border: 1px rgb(218, 220, 224) solid;
}

.comments .usefull-btn:hover {
  background-color: rgba(60, 64, 67, 0.05);
}

.seperator {
  border-bottom: 1px solid #dadce0;
}

.footer-modal {
  border-top: 1px solid rgb(232, 234, 237)
}

.report:hover {
  color: #202124;
}

.footer-link {
  line-height: 32px;
}

.footer-link:hover {
  color: #01875f;
}

.services {
  line-height: 42px;
}

.services:hover {
  color: #01875f;
}

.services-item {
  margin-right: 2rem;
}

/*ul li {*/
/*    width: auto !important;*/
/*}*/

ul li img {
  max-height: 296px;
  /*width: auto !important;*/
  object-fit: contain;
}

.main-info {
  padding-top: 5rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.grid-template-mx {
  grid-template-columns: max-content;
  height: fit-content;
}

.relevant .relevant-items a:hover {
  background-color: rgba(60, 64, 67, 0.05);
}

.relevant .relevant-items a {
  border-radius: 8px;
  margin-left: -0.5rem;
}

.relevant .relevant-items a img {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  border-radius: 12px;
}

.modal-body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal-body::-webkit-scrollbar {
  display: none;
}

.modal-header {
  border: none
}

body .container {
  max-width: 1296px;
}

@media screen and (min-width: 1280px) {
  body .container {
    width: calc(100% - 144px)
  }
}

@media screen and (min-width: 600px) {
  body .container {
    width: calc(100% - 96px)
  }
}

.viewer-container .viewer-footer {
  width: 100%;
  position: fixed;
  bottom: 50%
}

.viewer-footer .viewer-toolbar > ul {
  display: flex;
  justify-content: space-between
}

.viewer-footer .viewer-toolbar > ul li {
  width: 48px;
  height: 48px;
  background: #fff
}

.viewer-footer .viewer-toolbar > ul li:hover {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.viewer-footer .viewer-toolbar > ul > li:focus {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.viewer-footer .viewer-toolbar > ul > li::before {
  background-size: 29px;
  height: 45px;
  width: 45px;
  background-position: 50% 50%
}

.viewer-footer .viewer-toolbar > ul > .viewer-next::before {
  background-image: url(https://icons-for-free.com/iconfiles/png/512/arrow+right+chevron+chevronright+right+right+icon+icon-1320185732203239715.png);
}

.viewer-footer .viewer-toolbar > ul > .viewer-prev::before {
  background-image: url(
  https://creazilla-store.fra1.digitaloceanspaces.com/icons/3271976/chevron-left-icon-md.png)
}