.grecaptcha-badge {
  display: none !important;
}

.paypal-block {
  padding: 1.2em 1.5em;
  border-radius: var(--rounded-m);
  background-color: #bae0f2;
  display: inline-block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  margin-bottom: 1em;
  transition: all 0.4s ease-out;
}

.paypal-block:hover {
  background-color: #a7c9d9;
}

.paypal-text {
  color: #a71ac4;
  font-weight: 600;
  font-size: 1.4em;
}

.paypal-block svg {
  width: 100%;
  max-width: 9em;
}

.hero {
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: var(--color-bg);
}

.hero__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

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

.hero::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black-light);
  position: absolute;
  opacity: 0.2;
  z-index: 2;
}

.hero-text {
  text-align: center;
  position: relative;
  padding: 0 1em;
  z-index: 4;
}

.hero .container {
  position: relative;
  z-index: 3;
}

.hero-text h1 {
  color: var(--color-white);
  max-width: 14em;
  margin: 0 auto;
}

.hero-list {
  position: absolute;
  left: 1em;
  bottom: 1em;
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  z-index: 3;
}

.hero-list__item {
  color: var(--color-white);
  padding: 8px;
  background: hsla(0, 0%, 50%, 0.1);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 100%;
  border-radius: var(--rounded-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 8px;
  text-decoration: none;
  -webkit-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
  -webkit-transform: translateX(calc(-100% - 1em));
  -ms-transform: translateX(calc(-100% - 1em));
  transform: translateX(calc(-100% - 1em));
}

.hero-list__item:hover {
  background: rgba(255, 252, 249, 0.1);
}

.hero-list__img {
  width: 25%;
}

.hero-list__img img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--rounded-s);
  display: block;
}

.hero-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hero-list__suptitle {
  font-size: 12px;
  font-weight: 600;
}

.hero-list__title {
  font-size: 16px;
  font-weight: 700;
}

.hero-list__link {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.hero-list__item:hover .hero-list__link {
  opacity: 0.8;
}

.notification-dot {
  margin: 4px;
  height: 5px;
  width: 5px;
  background-color: var(--color-main);
  border-radius: 50%;
  -webkit-animation: blink 1s;
  animation: blink 1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@media only screen and (max-width: 991px) {
  .hero {
    min-height: calc(100vh - 4.9em);
    position: relative;
  }
}

@media only screen and (max-width: 479px) {
  .hero-list {
    right: 1em;
  }

  .hero-text h1 {
    font-size: 2.7em;
  }

  .hero-list__link,
  .hero-list__suptitle {
    font-size: 10px;
  }

  .hero-list__title {
    font-size: 12px;
  }

  .hero-list__img {
    width: 20%;
  }
}

/* Latest Blog */

.latest-blog__wrap {
  margin-top: 2em;
}

.external-blog,
.most-popular,
.latest-blog {
  padding: 5em 1em;
  background-color: var(--color-bg);
  position: relative;
  overflow: hidden;
}

.latest-blog {
  z-index: 3;
}

.most-popular--bg {
  background-color: #bae0f2;
}

.latest-blog-item {
  width: calc(100% / 4 - 1em);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-item__img {
  position: relative;
}

.blog-item__img img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: var(--rounded-m);
}

.tags-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  bottom: 0;
  left: 0;
  right: 0;
  gap: 8px;
  z-index: 2;
}

.badge {
  color: var(--color-black);
  background-color: var(--color-white);
  padding: 4px 8px;
  border-radius: var(--rounded-s);
  font-size: 0.8em;
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
}

.blog-item__meta {
  padding: 1.5em 0em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-medium {
  font-size: 1.8em;
  max-width: 90%;
}

.text-medium a {
  text-decoration: none;
}

.text-light {
  opacity: 0.8;
  font-size: 0.9em;
}
.blog-item__readmore {
  opacity: 0.8;
  font-size: 0.9em;
  font-weight: 700;
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
}

.latest-blog__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.2em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.latest-blog__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.latest-blog__nav span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  border-radius: var(--rounded-s);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.latest-blog__nav span svg {
  fill: var(--color-warm-white);
  max-width: 1.2em;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.latest-blog__nav span:hover svg {
  fill: var(--color-black-light);
}

.latest-blog__nav span:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--color-black);
}

.latest-blog__prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.latest-blog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1em;
}

.swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-pagination-bullet {
  background-color: var(--color-black);
  opacity: 0.1;

  border-radius: 30px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2em;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: var(--color-main);
  opacity: 1;
}

.count-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-bg);
  border-radius: var(--rounded-s);
  padding: 4px 8px;
  position: absolute;
  top: 8px;
  right: 8px;
  gap: 6px;
  font-weight: 600;
  color: var(--color-black-light);
  font-size: 0.8em;
  z-index: 2;
}

.count-view img {
  max-width: 1em;
  -o-object-fit: contain;
  object-fit: contain;
}
.blog-item__link {
  overflow: hidden;
  border-radius: var(--rounded-m);
  display: block;
}

.blog-item__link img {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.blog-item__link:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-item-cat {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 0.8em;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
}

.blog-item-cat li a {
  text-decoration: none;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: var(--color-black-light);
}

.blog-item-cat li a span {
  border-radius: 50%;
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
  background-color: var(--color-main);
  display: inline-block;
}

.blog-item-cat li a:hover {
  color: var(--color-black);
}

@media only screen and (max-width: 1280px) {
  .latest-blog-item {
    width: calc(33vw - 30px);
  }
}

@media only screen and (max-width: 991px) {
  .latest-blog-item {
    width: calc(50vw - 40px);
  }

  .blog-item__readmore,
  .text-light {
    font-size: 1em;
  }
}

@media only screen and (max-width: 575px) {
  .latest-blog-item {
    width: calc(100vw - 55px);
  }
}

/* Highlighted Blog */

.highlighted-blog {
  /* min-height: 100vh; */
  background-color: var(--color-bg);
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3em 1em 4em;
}

.highlighted-blog__text {
  max-width: 66em;
  margin: 0 auto;
}

.highlighted-blog h2 {
  text-align: center;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
}

.highlighted-blog h2 strong,
.highlighted-blog h2 b {
  font-weight: 500;
}

.btn-link {
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  outline: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.btn-link svg {
  stroke: var(--color-black);
  max-width: 1em;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-left: 0.3em;
}

.btn-link:hover {
  color: var(--color-main);
}
.btn-link svg path {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn-link:hover svg path {
  fill: var(--color-main);
  stroke: var(--color-main) !important;
}

button.btn-link:hover svg path {
  fill: var(--color-warm-white) !important;
  stroke: var(--color-main) !important;
}

.highlighted-blog__end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3em;
}

/* Most Popular */

.most-popular__wrap {
  margin-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5em;
}

.most-popular__wrap .latest-blog-item {
  width: calc(33.33% - 1.5em / 1.5);
}

.most-popular__title {
  text-align: center;
}

.most-popular__read-more {
  margin-top: 3em;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .most-popular__wrap .latest-blog-item {
    width: calc(50% - 1.5em / 2);
  }
}

@media only screen and (max-width: 575px) {
  .most-popular__wrap .latest-blog-item {
    width: 100%;
  }
}

/*Scroll Text*/
.scroll-text {
  background-color: var(--color-black);
  position: relative;
  min-height: 300vh;
  z-index: 1;
}

.scroll-text__sticky {
  position: absolute;
  top: 0;
  z-index: 1;
  min-height: 300vh;
  left: 0;
  width: 100%;
  background-color: var(--color-bg);
}

.scroll-text__wrap {
  min-height: 300vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-align: center;
  overflow: hidden; /* važno za mix-blend-mode */
}

.preview__bg {
/*   background: var(--color-black); */
  background: #181818;
  inset: 0;
  position: absolute;
  width: 0%;
  z-index: 1;
}

._blend {
  position: sticky; /* i dalje sticky */
  top: 0;
  height: 100vh;
  z-index: 2;
  mix-blend-mode: difference;
  color: var(--color-bg);
  text-align: center;
  max-width: 53em;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-scroll-title {
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
}

.scroll-text__text {
  padding: 0 2em;
}

.m-scroll-title strong,
.m-scroll-title b {
  font-weight: 500;
}

/* External Blog */

.external-blog__wrap {
  margin-top: 2em;
}

.external-blog__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
}

.external-blog-item {
  width: calc(25% - 1em / 1.333);
  position: relative;
  overflow: hidden;
}

.external-blog-item img {
  width: 100%;
}

.external-blog-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black-light);
  opacity: 0;
  z-index: 1;
  border-radius: var(--rounded-m);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  pointer-events: none;
}

.external-blog-item:hover::before {
  opacity: 0.5;
}

.external-blog-item:hover img {
  -webkit-transition: scale(1.2);
  -o-transition: scale(1.2);
  transition: scale(1.2);
}

.external-blog-item .blog-item__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 12px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.external-blog-item:hover .blog-item__meta {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.external-blog-item .blog-item__meta > * {
  color: var(--color-warm-white);
  margin-top: 0;
}

.external-blog__logo {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  padding: 0.4em 0.6em;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  border-radius: var(--rounded-s);
  pointer-events: none;
  height: 2.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.external-blog__logo img {
  max-height: 2em;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  width: 100%;
  max-width: 4em;
  filter: brightness(999);
  height: 100%;
}

.external-blog__title {
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .external-blog-item {
    width: calc(50% - 1.5em / 2);
  }

  .external-blog__logo {
    top: 12px;
  }

  .external-blog-item .blog-item__meta {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@media only screen and (max-width: 575px) {
  .external-blog-item {
    width: 100%;
  }
}

/* Archive */

.archive-page-title {
  padding: 7.8em 1em 5em;
  background-color: var(--color-black);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.archive-page-title.search {
  background-color: var(--color-bg);
  padding-bottom: 0;
}

.archive-page-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(
    135deg,
    var(--color-main),
    #ffa630,
    #ebebeb,
    #00a7e1,
    #0474ba
  );
  background: linear-gradient(
    -45deg,
    var(--color-main),
    #ffa630,
    #ebebeb,
    #00a7e1,
    #0474ba
  );
  background-size: 400% 400%;
  -webkit-animation: gradient 10s ease infinite;
  animation: gradient 10s ease infinite;
  z-index: 2;
  opacity: 0.7;
  display: none;
}

.archive-page-title.search::after {
  content: none;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.archive-page-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
  opacity: 0.3;
  z-index: 3;
}

.archive-page-title__text {
  position: relative;
  z-index: 4;
  text-align: center;
}

.archive-page-title__text h1 span {
  display: block;
}

.archive-page-title h1 {
  color: var(--color-warm-white);
}

.archive-page-title.search h1 {
  color: var(--color-black);
  font-size: 3em;
}

.archive-page-title p {
  color: var(--color-warm-white);
  max-width: 36em;
  margin: 0 auto;
}

.archive-page-title__track {
  left: 0;
  bottom: 0;
  z-index: 5;
  background-color: #bae0f2;
  color: var(--color-black);
  width: 100vw;
  padding: 12px 0;
  font-weight: 600;
  font-size: 1em;
  text-transform: uppercase;
}

.archive-page-title__track .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.archive-page-title__track .swiper-slide {
  width: auto;
}

.blog-wrapper {
  padding: 5em 1em;
  background-color: var(--color-bg);
}

.blog-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5em;
}

.slider-track-category {
  overflow: hidden;
}

.blog-grid .latest-blog-item {
  width: calc(33.33% - 1.5em / 1.5);
}

.blog-grid.style-1 .external-blog-item,
.blog-grid.style-2 .latest-blog-item {
  width: calc(50% - 1.5em / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.blog-grid.style-2 .blog-item__link {
  height: 100%;
}

.blog-grid.style-2 .blog-item__link img {
  height: 100%;
}

.blog-grid.style-1 .external-blog-item {
  display: block;
  text-align: center;
}

.blog-grid.style-1 .external-blog-item .blog-item__meta {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 100%;
}

.blog-grid.style-1 .text-medium {
  margin: 0 auto;
  font-size: 2em;
}

.blog-grid.style-2 .blog-item__img {
  width: 40%;
}

.blog-grid.style-2 .blog-item__meta {
  padding: 0;
}

.blog-grid.style-2 .tags-wrapper {
  top: 0;
  bottom: auto;
}

.no-results.not-found {
  padding: 10em 1em;
  background-color: var(--color-main);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.no-results.not-found h1,
.no-results.not-found p {
  color: var(--color-bg);
}

.container-no-results {
  max-width: 32em;
  margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
  .container-no-results {
    max-width: 42em;
  }
}

@media only screen and (max-width: 1280px) {
  .container-no-results {
    max-width: 52em;
  }
}

@media only screen and (max-width: 991px) {
  .blog-grid .latest-blog-item {
    width: calc(50% - 1.5em / 2);
  }

  .external-blog-item::before {
    opacity: 0.3;
  }

  .external-blog-item .blog-item__meta {
    opacity: 1;
  }

  .blog-grid.style-2 .latest-blog-item {
    width: 100%;
  }

  .blog-grid.style-2 .tags-wrapper {
    top: auto;
    bottom: 0;
  }

  .archive-page-title__track {
    padding: 10px 0px;
  }

  .search .houfi-burger div {
    background-color: var(--color-black);
  }
	
	.archive-page-title p {
		font-size: 1.1em;
	}
}

@media only screen and (max-width: 575px) {
  .blog-grid.style-1 .external-blog-item,
  .blog-grid.style-2 .latest-blog-item,
  .blog-grid .latest-blog-item {
    width: 100%;
  }

  .archive-page-title__track {
    padding: 8px 0px;
  }

  .archive-page-title.search h1 {
    color: var(--color-black);
    font-size: 2.6em;
  }
}

.load-more-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3em;
}

/* Single */

/*Single page*/

.single-banner {
  padding: 0 1em;
}
.search .logo-color,
.single-post .logo-color {
  fill: var(--color-black) !important;
}

.search .site-main-box span,
.search .site-main-menu-list ul li a,
.search #site-navigation ul li a .single .site-main-box span,
.single .site-main-menu-list ul li a,
.single #site-navigation ul li a {
  color: var(--color-black) !important;
}

.search .site-main-menu-anchor::after,
.search .site-main-menu-anchor::before,
.single .site-main-menu-anchor::after,
.single .site-main-menu-anchor::before {
  background-color: var(--color-black) !important;
}

.sp-content__categories {
  max-width: 42em;
  margin: 0 auto 1.2em auto;
}

.sp-content__categories ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sp-content__categories ul li {
  padding: 3px 0px;
}

.sp-content__categories ul li a {
  font-size: 1.1em;
  font-weight: 500;
}

.sp-content__title {
  max-width: 43em;
  margin: 0 auto 20px auto;
  text-align: center;
}

.sp-content__title h1 {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 2.6em;
}

.sp-content__title p {
  font-size: 1.1em;
  line-height: 1.4;
}

.sp-content {
  padding-top: 8em;
}

.single.single-post .container {
  max-width: 41em;
}

.single.single-post .most-popular .container {
  max-width: 1320px;
}

.search .site-main-box span,
.search .site-main-menu-list ul li a,
.search #site-navigation ul li a {
  color: var(--color-black);
}

@media only screen and (max-width: 1440px) {
  .single.single-post .container {
    max-width: 51em;
  }

  .single.single-post .most-popular .container {
    max-width: 1320px;
  }
}

@media only screen and (max-width: 1280px) {
  .single.single-post .container {
    max-width: 61em;
  }

  .single.single-post .most-popular .container {
    max-width: 1320px;
  }
}

.single-banner-text__sticky {
  padding: 0 1em;
}

.sp-content .post-box__details {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2em;
  margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.post-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--color-black-light);
  font-size: 0.8em;
}

.sp-content .post-box__details img {
  max-width: 1em;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  -webkit-filter: brightness(0);
  filter: brightness(0);
}

.sp-content__thumb {
  padding: 0px;
}

.sp-content__thumb img {
  border-radius: 0.5em;
  max-height: 650px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.sp-content--bottom {
  padding: 35px 1em 5em 1em;
}

.wp-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.2em;
}

.sp-content__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}

.sp-content__layout__social-media {
  width: 100%;
  max-width: 120px;
  padding: 20px;
}

.sp-content__layout__text p,
.sp-content__layout__text li {
  line-height: 1.4;
  font-size: 1em;
}

.sp-content__layout__social-media__list {
  padding-left: 0;
  margin: 0;
  list-style: none;
  position: sticky;
  top: 120px;
}

.single-page-sm-wrap {
  margin-top: 1.5em;
}

.sp-content__layout__social-media__list li:first-of-type {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
}

.sp-content__layout__text__tags {
  gap: 0.4em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 40px;
}

.sp-content__layout__text__tags__span {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  font-family: "Ranchers", sans-serif;
}

.sp-content__layout__social-media__list li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sp-content__layout__social-media__list li:not(:first-of-type) {
  width: 3em;
  height: 3em;
  border-radius: var(--rounded-s);
  border: 1px solid var(--color-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0px;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.sp-content__layout__social-media__list li:not(:first-of-type):hover {
  background-color: var(--color-main);
  border-color: var(--color-main);
  opacity: 0.6;
}

.sp-content__layout__social-media__list li img {
  max-width: 65%;
}

.sp-content__layout__text a {
  word-break: break-all;
}

.wp-block-quote {
  margin-bottom: 50px;
}

.wp-block-quote.is-style-default {
  padding-left: 45px;
  border-left: 5px solid var(--color-main);
}

.wp-block-quote.is-style-default p {
  font-size: 28px;
  line-height: 1.55;
  margin-bottom: 0;
  color: var(--darker-color);
}

.wp-block-quote.is-style-default cite {
  font-style: normal;
  color: var(--color-main);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.wp-block-image {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.wp-block-image img {
  border-radius: 0.5em;
  width: 100%;
}

.wp-block-image figcaption {
  margin: 20px 0px 30px 0px;
  color: #657e7e;
  font-size: 16px;
  line-height: 1.5;
}

.sp-content__layout__text__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0px;
}

ul.sp-content__layout__text__tags__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.3em;
}

.sp-content__layout__text :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.4em;
  margin-top: 0.3em;
  display: inline-block;
  line-height: 1;
}

.single-page-sm-wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.single-page-sm-wrap ul li:first-of-type {
  width: 100%;
}

/* Pagination */
/* Pagination */
.single-pagination {
  margin: 2em 0 0em 0;
}
.single-pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 1.1em;
  -moz-column-gap: 1.1em;
  column-gap: 1.1em;
}
.single-pagination .nav-links a {
  text-decoration: none;
  padding: 30px 31px 30px 31px;
  display: inline-block;
}
.single-pagination .nav-links .nav-subtitle {
  margin-bottom: 10px;
  font-size: 0.75em;
  line-height: 1.7;
  color: rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 5;
  font-weight: 500;
}
.single-pagination .nav-links .nav-title {
  font-size: 0.9em;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  z-index: 5;
  font-weight: 600;
}
.single-pagination .nav-links .nav-previous {
  width: calc(42% - 11px);
  border: 1px solid var(--color-bg);
  border-radius: var(--rounded-s);
  -webkit-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
  background-color: var(--color-bg);
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.single-pagination .nav-links .nav-next {
  width: calc(58% - 13px);
  border: 1px solid var(--color-bg);
  border-radius: var(--rounded-s);
  background-color: var(--color-bg);
  text-align: right;
  position: relative;
  -webkit-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}
.single-pagination .nav-links .nav-next .nav-title {
  max-width: 340px;
  margin: 0 0 0 auto;
}
.single-pagination .nav-links .nav-next .nav-thumb::before {
  background: -o-linear-gradient(
    181.33deg,
    #ffffff 41.6%,
    rgba(255, 255, 255, 0.59) 75.82%
  );
  background: linear-gradient(
    268.67deg,
    #ffffff 41.6%,
    rgba(255, 255, 255, 0.59) 75.82%
  );
}
.single-pagination .nav-links .nav-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-pagination .nav-links .nav-thumb::before {
/*   content: ""; */
  background: -o-linear-gradient(
    1.33deg,
    #ffffff 41.6%,
    rgba(255, 255, 255, 0.59) 75.82%
  );
  background: linear-gradient(
    88.67deg,
    #ffffff 41.6%,
    rgba(255, 255, 255, 0.59) 75.82%
  );
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  position: absolute;
  -webkit-transition: 1.2s ease;
  -o-transition: 1.2s ease;
  transition: 1.2s ease;
}
.single-pagination .nav-links .nav-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.single-pagination .nav-links .nav-previous:hover,
.single-pagination .nav-links .nav-next:hover {
  border-color: var(--color-main);
  -webkit-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.single-pagination .nav-links .nav-previous:hover .nav-title,
.single-pagination .nav-links .nav-next:hover .nav-title {
  color: var(--color-main);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.single-pagination .nav-links .nav-previous:hover .nav-thumb::before,
.single-pagination .nav-links .nav-next:hover .nav-thumb::before {
  opacity: 0.9;
  -webkit-transition: 1.2s ease;
  -o-transition: 1.2s ease;
  transition: 1.2s ease;
}
.single-pagination .nav-links .nav-previous:hover .nav-thumb img,
.single-pagination .nav-links .nav-next:hover .nav-thumb img {
  opacity: 0.1;
  -webkit-transition: 1.5s ease;
  -o-transition: 1.5s ease;
  transition: 1.5s ease;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.wp-block-embed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 1.5em;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  width: 100%;
}

.wp-block-embed-youtube.wp-block-embed iframe {
  width: 100% !important;
  border-radius: 0.5em;
  overflow: hidden;
}

.instagram-media.archive-page-title::before {
  background-color: var(--color-main-light) !important;
  border-radius: 0.5em;
  max-width: 100% !important;
}

.custom-instagram-embed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.5em;
}

.comment-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0em 1em;
  margin-bottom: 2em;
}

.comment-form-author {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: calc(50% - 1em / 2);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.comment-form-email {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: calc(50% - 1em / 2);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.comment-form-url {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}
.comment-form-comment {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  width: 100%;
}

.comment-form-cookies-consent {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  width: 100%;
}

.form-submit {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  width: 100%;
}

.comment-form [type="text"],
.comment-form [type="email"],
.comment-form [type="url"],
.comment-form-comment textarea {
  background-color: var(--color-bg);
  color: var(--color-black);
  outline: none;
  border: 0;
  border-radius: var(--rounded-m);
  padding: 0.7em 0.7em 0.7em 0.7em;
  font-size: 1em;
  width: 100%;
  background-color: hsla(0, 0%, 50%, 0.1);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  color: var(--color-black);
}

.comment-form label {
  display: none;
}

.comment-form-cookies-consent label {
  display: inline-block;
}

textarea::-webkit-input-placeholder,
.comment-form input::-webkit-input-placeholder {
  color: var(--color-black-light);
}

textarea::-moz-placeholder,
.comment-form input::-moz-placeholder {
  color: var(--color-black-light);
}

textarea:-ms-input-placeholder,
.comment-form input:-ms-input-placeholder {
  color: var(--color-black-light);
}

textarea::-ms-input-placeholder,
.comment-form input::-ms-input-placeholder {
  color: var(--color-black-light);
}

textarea::placeholder,
.comment-form input::placeholder {
  color: var(--color-black-light);
}

.comment-form-comment textarea {
  resize: none;
}

input.submit {
  text-decoration: none;
  background-color: var(--color-main);
  border-radius: var(--rounded-s);
  padding: calc(0.7em + 4px) calc(1.8em + 4px);

  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-warm-white);
  display: inline-block;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  outline: none !important;
  border: 0 !important;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

input.submit:hover {
  opacity: 0.9;
}

#wp-comment-cookies-consent {
  accent-color: var(--color-main);
  cursor: pointer;
}

.comment-list,
.comment-list ol {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
}

.comment-list ol {
  padding-left: 2em;
}

.comment-list {
  background-color: var(--color-main-light);
  padding: 2em;
  border-radius: 0.5em;
}

.comment-list .comment article {
  margin-bottom: 1em;
  padding: 1em;
  background-color: var(--color-bg);
  border-radius: 0.5em;
}

.comment-list .avatar {
  border-radius: 50%;
  margin-right: 6px;
}

.comment-author.vcard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  margin-bottom: 12px;
}

.comment-author a {
  text-decoration: none;
}

.comment-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px 1em;
}

.comment-metadata a {
  text-decoration: none;
}

.reply a {
  text-decoration: none;
  background-color: var(--color-main);
  border-radius: var(--rounded-s);
  padding: 0.35em 0.9em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-warm-white);
  display: inline-block;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  outline: none !important;
  border: 0 !important;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 0.8em;
  margin-top: 1em;
}

.reply a:hover {
  opacity: 0.8;
}

#cancel-comment-reply-link {
  margin: 0;
}

#reply-title small {
  font-size: 0.4em;
  font-family: "Inter", sans-serif;
}
#reply-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 1em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.7em;
}

.blog-author {
  padding: 1em;
  border-radius: 0.5em;
  background-color: #bae0f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-bottom: 1.5em;
}

.blog-author-img {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-author-img img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--color-warm-white);
}

.blog-author-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.blog-author-info p {
  font-size: 1em;
  line-height: 1.4;
}

.blog-author-info h5 {
  margin-top: 0;
  margin-bottom: 0.2em;
}

@media only screen and (max-width: 1280px) {
  .sp-content__layout__text p,
  .sp-content__layout__text li {
    line-height: 1.4;
    font-size: 1.1em;
  }

  .post-box__item {
    font-size: 1em;
  }

  .blog-author-info h5 {
    font-size: 1.5em;
  }

  .sp-content__title p {
    font-size: 1.15em;
  }

  .single-pagination .nav-links a {
    padding: 1.5em;
  }
  .single-pagination .nav-links .nav-subtitle {
    margin-bottom: 5px;
    font-size: 0.95em;
  }
  .single-pagination .nav-links .nav-title {
    font-size: 1.1em;
  }
}

@media only screen and (max-width: 767px) {
  .sp-content__layout__social-media__list li:first-of-type {
    font-size: 12px;
  }
}

/*Contact Page*/

.contact {
  padding: 8em 1em 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
}

.contact__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3em;
}

.contact__text,
.contact__form {
  width: calc(50% - 3em / 2);
}

.single.single-post {
  background-color: var(--color-bg);
}
.form-group input,
.form-group textarea {
  background-color: var(--color-bg);
  color: var(--color-black);
  outline: none;
  border: 0;
  border-radius: var(--rounded-m);
  padding: 0.7em 0.7em 0.7em 0.7em;
  font-size: 1em;
  width: 100%;
  background-color: hsla(0, 0%, 50%, 0.1);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  color: var(--color-black);
}

.form-group {
  margin-bottom: 1em;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: var(--color-black-light);
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: var(--color-black-light);
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: var(--color-black-light);
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
  color: var(--color-black-light);
}

textarea::placeholder,
input::placeholder {
  color: var(--color-black-light);
}

.contact__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5em;
}

.contact__text-image img {
  display: block;
  border-radius: 0.5em;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact__text h1 {
  max-width: 10em;
}

button.btn-theme {
  border: 0;
  cursor: pointer;
}

.wpcf7-response-output {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  border-radius: 0.5em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: rgba(255, 166, 48, 0.5);
  padding: 1em 0.8em !important;
  font-size: 0.8em;
  text-align: center;
}

.wpcf7-not-valid-tip {
  font-size: 0.8em;
  margin-top: 0.3em;
}

.contact__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1em;
  margin-top: 2em;
}

.contact__list-item a {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15),
    0px 0px 4px 0px rgba(0, 0, 0, 0.05) inset,
    1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset;
  border-radius: var(--rounded-m);
  display: inline-block;
  padding: 0.6em 1em;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.contact__list-item a::before {
  content: "";
  position: absolute;
  z-index: -1;
  /* border-radius: var(--rounded-s); */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.contact__list-item p {
  color: var(--color-black-light);
  opacity: 0.8;
  margin-bottom: 0.4em;
  font-size: 0.8em;
  font-weight: 400;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.contact__list-item span {
  display: inline-block;
  color: var(--color-black);
  font-size: 0.95em;
  font-weight: 600;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.contact__list-item a:hover {
  background-color: var(--color-main);
}

.contact__list-item a:hover p,
.contact__list-item a:hover span {
  color: var(--color-warm-white);
}

@media only screen and (max-width: 991px) {
  .contact {
    min-height: auto;
  }
  .contact__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5em;
  }

  .contact__text,
  .contact__form {
    width: 100%;
  }

  .contact__text h1 {
    max-width: 12em;
  }

  .contact__text-wrap p {
    max-width: 40em;
  }
}

/* Default */

.page-title-default {
  padding: 9em 1em 0em;
  text-align: center;
}

.site-default {
  padding: 2em 1em 5em;
}

.site-default .container {
  max-width: 41em;
}

@media only screen and (max-width: 1440px) {
  .site-default .container {
    max-width: 51em;
  }
}

@media only screen and (max-width: 1280px) {
  .site-default .container {
    max-width: 61em;
  }
}

.site-default p,
.site-default ul,
.site-default ol {
  font-size: 1em;
  line-height: 1.4;
}

.site-default :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 0.8em;
}

@media only screen and (max-width: 1280px) {
  .site-default p,
  .site-default ul,
  .site-default ol {
    font-size: 1.1em;
  }
	
	.page-title-default {
  padding: 11em 1em 0em;
  
}
}

/*Our Vision*/

.our-vision {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-bg);
}

.contact,
.site-main {
  background-color: var(--color-bg);
}
.our-vision-intro {
  min-height: 100vh;
  background-color: var(--color-main);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 2em;
  position: sticky;
  top: 0;
  width: 100%;
}

.our-vision-title {
  color: var(--color-warm-white);
}

.our-vision-wrapper {
  position: relative;
  min-height: 100vh;
  width: 100%;
  padding: 10em 1em;
}

.our-vision-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3em;
}

.our-vision-block {
  width: 100%;
  max-width: 41em;
}

.our-vision-block p {
  font-size: 1.5em;
  font-weight: 500;
}

/*Categories*/

.categories-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--color-black);
}

.categories-list__item {
  width: 33.33%;
  position: relative;
  overflow: hidden;
}

.categories-list__item::after {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black-light);
  z-index: 1;
  position: absolute;
  opacity: 0.5;
}

.categories-list__item:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.categories-list__item img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 1.5/1;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.categories-list__title {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--color-warm-white);
  padding: 1em;
  z-index: 2;
  font-size: 1.8em;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .our-vision-inner {
    gap: 5em;
  }

  .our-vision-block p {
    font-size: 2em;
    font-weight: 500;
  }

  .categories-list__item {
    width: 50%;
  }

  .categories-list__item img {
    aspect-ratio: 1;
  }
}

/*404*/

.error-404.not-found {
  background-color: var(--color-main);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.not-found__wrap {
  max-width: 41em;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.not-found__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.not-found__text {
  margin-bottom: 2em;
}

.not-found__back .btn-link:hover {
  color: var(--color-main-light);
}

.not-found__back .btn-link:hover svg path {
  fill: var(--color-main-light);
}

.not-found__text h1 {
  font-size: 12em;
  line-height: 0.7em;
	color: var(--color-bg);
}

.not-found__text p {
  font-size: 1.2em;
  margin-top: 0.2em;
	color: var(--color-bg);
}

.not-found__text h2 {
	color: var(--color-bg);
}

.not-found .btn-link {
	color: var(--color-bg);
}

.not-found .btn-link svg {
	filter: invert(1) brightness(9999);
}