/* ===== best zagreb section ===== */

.best-zg-sec {
  background-color: var(--blue-clr);
}

.best-zg-sec__content {
  padding-block: min(2vw, 1rem) 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.best-zg-sec__container {
  flex-basis: 48%;
}

.best-zg-sec hr {
  flex-basis: 100%;
}

.best-zg-sec__container > h4 {
  font-size: min(4.25vw, 1.25rem);

  padding-block: min(0.5vw, 0.5rem);
}

@media screen and (min-width: 1600px) {
  .best-zg-sec__container > h4 {
    font-size: 1.5rem;
  }
}

.best-zg-sec__container > h4,
.best-zg-sec__container > h4 > a,
.best-zg-sec__container > p {
  color: whitesmoke;
}

.best-zg-sec__container > h4 > a {
  text-decoration: none;
}

.best-zg-sec__container > h4 > a:hover,
.best-zg-sec__container > h4 > a:focus {
  text-decoration: underline;
}

.best-zg-sec__container > p {
  line-height: 1.6;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .best-zg-sec__container {
    flex-basis: 100%;

    height: 100%;
  }
}

.best-zg-sec__social-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%;
}

.best-zg-sec__social-icons > a {
  flex-basis: 20%;
}

.best-zg-sec__social-svg {
  width: 100%;

  /* transition: fill 300ms ease-in-out; */
  fill: var(--whitesmoke);
}

.best-zg-sec__social-svg:hover,
.best-zg-sec__social-icons > a:focus > .best-zg-sec__social-svg {
  fill: url("#svg-gradient");
}