/*!
Theme Name: Podravka
Theme URI: http://underscores.me/
Author: Shipshape Solutions
Author URI: https://shipshape-solutions.com/hr
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: podravka
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Podravka is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Abstracts
	- Mixins
	- Variables
# Base
	- Elements
	- Reset
	- Typography
# Components
	- Theme-switcher
# Helpers
# Plugins
# Utilities


--------------------------------------------------------------*/
/* -------------------------------------------------------------
# Bootstrap
--------------------------------------------------------------*/
/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&display=swap");
.container,
.container-fluid,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1255px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1225px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 1024px;
  --bs-breakpoint-md: 1024px;
  --bs-breakpoint-lg: 1024px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1255px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 1024px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1255px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 1024px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1255px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/* Black */
/* Red */
/* White */
/* Error */
/* Success */
/* Warning */
/* Info */
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Podravka Sans";
  src: url("../../src/font/podravka/PodravkaSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-Medium.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-LightItalic.ttf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-MediumItalic.ttf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../src/font/open/OpenSans-BoldItalic.ttf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.color-primary {
  color: #ec1c24;
}

.bg-light {
  background: #fff !important;
}

.bg-gray {
  background: #f6f8f9 !important;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Podravka Sans", sans-serif;
  color: #272727;
}

h1 {
  font-size: 3.5rem;
  line-height: 4rem;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

h2 {
  font-size: 3rem;
  line-height: 3.5rem;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

h3 {
  font-size: 2rem;
  line-height: 2.5rem;
}
@media (max-width: 1023px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h4 {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (max-width: 1023px) {
  h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

h5 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 1023px) {
  h5 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

h6 {
  font-size: 1rem;
  line-height: 1.25rem;
}

p {
  color: #272727;
  font-family: "Podravka Sans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.688rem;
}

label {
  display: block;
  padding: 0.5em 1em !important;
  color: #1c1c1c;
  font-family: "Podravka Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.28px;
}

span.label {
  display: block;
  padding: 0.5em 1em !important;
  color: #1c1c1c;
  font-family: "Podravka Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.28px;
}

dfn,
cite,
em,
i {
  color: #272727;
  font-style: italic;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
  font-family: "Podravka Sans", sans-serif;
  position: relative;
}
@media (max-width: 1023px) {
  body {
    max-width: 430px;
    margin: 0 auto !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  }
}
body.overflow {
  overflow: hidden;
}
body .container {
  width: unset;
}
body .container-fluid, body .container-xxl {
  width: unset;
}

.main {
  transition: all 0.3s ease-out;
}
.main--sticky {
  padding-top: 202px;
}
@media (max-width: 1023px) {
  .main--sticky {
    padding-top: 94px;
  }
}
.main--sticky-scroll {
  padding-top: 50px;
}

html.overflow {
  overflow: hidden;
}

html.overflow body {
  overflow: hidden;
}

hr {
  margin: 0;
}

ul {
  list-style: none;
}

ol {
  font-family: "Open Sans", sans-serif;
  color: #272727;
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  width: 100%;
  border: 1px dashed #eaeef0;
}
table td {
  border: 1px dashed #eaeef0;
}
table thead tr td,
table thead tr th {
  background: #f6f8f9;
  padding: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-align: center;
  vertical-align: middle;
  min-width: 210px;
  height: 73px;
  border: 0;
  white-space: break-spaces;
  font-weight: 600;
}
@media (max-width: 1250px) {
  table thead tr td,
  table thead tr th {
    min-width: 170px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table thead tr td,
  table thead tr th {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
    min-width: 140px;
    height: 43px;
  }
}
table thead tr td:first-child,
table thead tr th:first-child {
  padding: 8px 16px;
  text-align: left;
  min-width: 290px;
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width: 1250px) {
  table thead tr td:first-child,
  table thead tr th:first-child {
    min-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table thead tr td:first-child,
  table thead tr th:first-child {
    min-width: 140px;
    left: -2px;
  }
}
table thead tr td span,
table thead tr th span {
  white-space: break-spaces;
}
table thead tr td.sticky-col,
table thead tr th.sticky-col {
  position: -webkit-sticky;
  position: sticky;
}
table tbody tr td {
  background: #fff;
  padding: 8px;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-align: center;
  vertical-align: middle;
  min-width: 210px;
  height: 73px;
  white-space: break-spaces;
  font-weight: 600;
}
@media (max-width: 1250px) {
  table tbody tr td {
    min-width: 170px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table tbody tr td {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
    min-width: 140px;
    height: 43px;
  }
}
table tbody tr td:first-child {
  background: #f6f8f9;
  padding: 8px 16px;
  font-family: "Podravka Sans", sans-serif;
  text-align: left;
  min-width: 290px;
  position: -webkit-sticky;
  position: sticky;
  font-weight: 700;
}
@media (max-width: 1250px) {
  table tbody tr td:first-child {
    min-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table tbody tr td:first-child {
    min-width: 140px;
    left: -2px;
  }
}
table tbody tr td span {
  white-space: break-spaces;
}
table tbody tr td.sticky-col {
  position: -webkit-sticky;
  position: sticky;
}
table tfoot tr td,
table tfoot tr th {
  background: #f6f8f9;
  padding: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-align: center;
  vertical-align: middle;
  min-width: 210px;
  height: 73px;
  border: 0;
  white-space: break-spaces;
  font-weight: 600;
}
@media (max-width: 1250px) {
  table tfoot tr td,
  table tfoot tr th {
    min-width: 170px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table tfoot tr td,
  table tfoot tr th {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
    min-width: 140px;
    height: 43px;
  }
}
table tfoot tr td:first-child,
table tfoot tr th:first-child {
  padding: 8px 16px;
  text-align: left;
  min-width: 290px;
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width: 1250px) {
  table tfoot tr td:first-child,
  table tfoot tr th:first-child {
    min-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table tfoot tr td:first-child,
  table tfoot tr th:first-child {
    min-width: 140px;
    left: -2px;
  }
}
table tfoot tr td span,
table tfoot tr th span {
  white-space: break-spaces;
}
table tfoot tr td.sticky-col,
table tfoot tr th.sticky-col {
  position: -webkit-sticky;
  position: sticky;
}
table .xyc thead tr td:first-child {
  max-width: 290px;
}
@media (max-width: 1250px) {
  table .xyc thead tr td:first-child {
    max-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table .xyc thead tr td:first-child {
    max-width: 140px;
  }
}
table .xyc tbody tr td:first-child {
  max-width: 290px;
}
@media (max-width: 1250px) {
  table .xyc tbody tr td:first-child {
    max-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table .xyc tbody tr td:first-child {
    max-width: 140px;
  }
}
table .xyc tfoot tr td:first-child {
  max-width: 290px;
}
@media (max-width: 1250px) {
  table .xyc tfoot tr td:first-child {
    max-width: 160px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  table .xyc tfoot tr td:first-child {
    max-width: 140px;
  }
}

.single-table-block .wp-block-table {
  overflow: unset;
}
.single-table-block table {
  overflow: unset;
}
.single-table-block table thead tr th {
  height: 73px;
  padding: 8px 16px;
}
@media (max-width: 1023px) {
  .single-table-block table thead tr th {
    min-width: 80px;
    height: 43px;
  }
}
@media (max-width: 1023px) {
  .single-table-block table thead tr th:first-child {
    padding: 12px 16px;
    min-width: 80px;
  }
}
.single-table-block table tbody tr td {
  padding: 8px 16px;
  height: 39px;
}
@media (max-width: 1023px) {
  .single-table-block table tbody tr td {
    min-width: 80px;
    height: auto;
  }
}
@media (max-width: 1023px) {
  .single-table-block table tbody tr td:first-child {
    padding: 12px 16px;
    min-width: 80px;
  }
}
.single-table-block table tfoot tr td {
  padding: 8px 16px;
  height: 39px;
}
@media (max-width: 1023px) {
  .single-table-block table tfoot tr td {
    min-width: 80px;
    height: auto;
  }
}
@media (max-width: 1023px) {
  .single-table-block table tfoot tr td:first-child {
    padding: 12px 16px;
    min-width: 80px;
  }
}

@media (max-width: 1023px) {
  .financial-table {
    overflow: unset !important;
    margin-right: unset !important;
  }
}
.financial-table .wp-block-table {
  overflow: unset;
}
.financial-table table {
  overflow: unset;
}
.financial-table table thead tr td,
.financial-table table thead tr th {
  min-width: 110px;
  max-width: 110px;
}
@media (max-width: 1250px) {
  .financial-table table thead tr td,
  .financial-table table thead tr th {
    min-width: 110px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .financial-table table thead tr td,
  .financial-table table thead tr th {
    min-width: 110px;
    max-width: 110px;
  }
}
.financial-table table thead tr td:first-child,
.financial-table table thead tr th:first-child {
  min-width: 135px;
  max-width: 135px;
}
@media (max-width: 1250px) {
  .financial-table table thead tr td:first-child,
  .financial-table table thead tr th:first-child {
    min-width: 135px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .financial-table table thead tr td:first-child,
  .financial-table table thead tr th:first-child {
    min-width: 110px;
    max-width: 110px;
  }
}
.financial-table table tbody tr td {
  min-width: 110px;
  max-width: 110px;
}
@media (max-width: 1250px) {
  .financial-table table tbody tr td {
    min-width: 110px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .financial-table table tbody tr td {
    min-width: 110px;
    max-width: 110px;
  }
}
.financial-table table tbody tr td:first-child {
  min-width: 135px;
  max-width: 135px;
}
@media (max-width: 1250px) {
  .financial-table table tbody tr td:first-child {
    min-width: 135px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .financial-table table tbody tr td:first-child {
    min-width: 110px;
    max-width: 110px;
  }
}

.tables {
  background: #fff;
  padding: 88px 0;
}
@media (max-width: 1023px) {
  .tables {
    padding: 24px 4px 32px;
  }
}
.tables__items {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .tables__items {
    gap: 24px;
  }
}

.wp-block-table thead {
  border-bottom: 0;
}
.wp-block-table tfoot {
  border-top: 0;
}
.wp-block-table td,
.wp-block-table th {
  border: 1px dashed #eaeef0;
}

/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}

/* Forms
--------------------------------------------- */
button.btn,
input[type=button].btn,
input[type=reset].btn,
input[type=submit].btn,
a.btn {
  border-radius: 40px;
  padding: 0.75em 2em;
  cursor: pointer;
  font-family: "Podravka Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1023px) {
  button.btn,
  input[type=button].btn,
  input[type=reset].btn,
  input[type=submit].btn,
  a.btn {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
    align-items: flex-start;
    justify-content: center;
  }
}
button.btn--background,
input[type=button].btn--background,
input[type=reset].btn--background,
input[type=submit].btn--background,
a.btn--background {
  border: 1px solid #ec1c24;
  background: #ec1c24;
  color: #fff;
  transition: 0.3s ease-in-out;
}
button.btn--background:hover,
input[type=button].btn--background:hover,
input[type=reset].btn--background:hover,
input[type=submit].btn--background:hover,
a.btn--background:hover {
  border: 1px solid #c71e24;
  background: #c71e24;
}
@media (max-width: 1023px) {
  button.btn--background:hover,
  input[type=button].btn--background:hover,
  input[type=reset].btn--background:hover,
  input[type=submit].btn--background:hover,
  a.btn--background:hover {
    border: 1px solid #ec1c24;
    background: #ec1c24;
  }
}
button.btn--background:disabled,
input[type=button].btn--background:disabled,
input[type=reset].btn--background:disabled,
input[type=submit].btn--background:disabled,
a.btn--background:disabled {
  border: 1px solid #e6ecef;
  background: #e6ecef;
  color: #272727;
}
button.btn--background:disabled svg,
input[type=button].btn--background:disabled svg,
input[type=reset].btn--background:disabled svg,
input[type=submit].btn--background:disabled svg,
a.btn--background:disabled svg {
  filter: brightness(0) saturate(100%) invert(10%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(104%) contrast(88%);
}
button.btn--nofill,
input[type=button].btn--nofill,
input[type=reset].btn--nofill,
input[type=submit].btn--nofill,
a.btn--nofill {
  border: 2px solid #c71e24;
  background: #fff;
  color: #c71e24;
  transition: 0.3s ease-in-out;
}
button.btn--nofill:hover,
input[type=button].btn--nofill:hover,
input[type=reset].btn--nofill:hover,
input[type=submit].btn--nofill:hover,
a.btn--nofill:hover {
  border: 2px solid #8e1115;
  color: #8e1115;
}
@media (max-width: 1023px) {
  button.btn--nofill:hover,
  input[type=button].btn--nofill:hover,
  input[type=reset].btn--nofill:hover,
  input[type=submit].btn--nofill:hover,
  a.btn--nofill:hover {
    border: 2px solid #c71e24;
    color: #c71e24;
  }
}
button.btn--nofill:hover svg,
input[type=button].btn--nofill:hover svg,
input[type=reset].btn--nofill:hover svg,
input[type=submit].btn--nofill:hover svg,
a.btn--nofill:hover svg {
  filter: brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(7479%) hue-rotate(346deg) brightness(102%) contrast(100%);
}
button.btn--nofill:disabled,
input[type=button].btn--nofill:disabled,
input[type=reset].btn--nofill:disabled,
input[type=submit].btn--nofill:disabled,
a.btn--nofill:disabled {
  border: 2px solid #d4d8dc;
  color: #d4d8dc;
  font-weight: 500;
}
button.btn--nofill:disabled svg,
input[type=button].btn--nofill:disabled svg,
input[type=reset].btn--nofill:disabled svg,
input[type=submit].btn--nofill:disabled svg,
a.btn--nofill:disabled svg {
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(83%) hue-rotate(169deg) brightness(92%) contrast(91%);
}
button.btn--link,
input[type=button].btn--link,
input[type=reset].btn--link,
input[type=submit].btn--link,
a.btn--link {
  border: none;
  background: #fff;
  color: #c71e24;
  padding: 0;
  transition: 0.3s ease-in-out;
}
button.btn--link svg,
input[type=button].btn--link svg,
input[type=reset].btn--link svg,
input[type=submit].btn--link svg,
a.btn--link svg {
  transition: transform 0.3s ease-in-out;
}
button.btn--link:hover,
input[type=button].btn--link:hover,
input[type=reset].btn--link:hover,
input[type=submit].btn--link:hover,
a.btn--link:hover {
  color: #8e1115;
}
@media (max-width: 1023px) {
  button.btn--link:hover,
  input[type=button].btn--link:hover,
  input[type=reset].btn--link:hover,
  input[type=submit].btn--link:hover,
  a.btn--link:hover {
    color: #c71e24;
  }
}
button.btn--link:hover svg,
input[type=button].btn--link:hover svg,
input[type=reset].btn--link:hover svg,
input[type=submit].btn--link:hover svg,
a.btn--link:hover svg {
  filter: brightness(0) saturate(100%) invert(11%) sepia(35%) saturate(7479%) hue-rotate(346deg) brightness(102%) contrast(100%);
  transition: transform 0.3s ease-in-out;
}
button.btn--link:disabled,
input[type=button].btn--link:disabled,
input[type=reset].btn--link:disabled,
input[type=submit].btn--link:disabled,
a.btn--link:disabled {
  color: #d4d8dc;
  font-weight: 500;
}
button.btn--link:disabled svg,
input[type=button].btn--link:disabled svg,
input[type=reset].btn--link:disabled svg,
input[type=submit].btn--link:disabled svg,
a.btn--link:disabled svg {
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(83%) hue-rotate(169deg) brightness(92%) contrast(91%);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 0.75em 1em;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.313rem;
  display: block;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder {
  color: #818181;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus {
  border: 1px solid #2d9cdb;
  outline: 0;
  background: #fff;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=range]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled {
  background: #eaeef0;
  color: #818181;
}
input[type=text].error, input[type=text].wpcf7-not-valid,
input[type=email].error,
input[type=email].wpcf7-not-valid,
input[type=url].error,
input[type=url].wpcf7-not-valid,
input[type=password].error,
input[type=password].wpcf7-not-valid,
input[type=search].error,
input[type=search].wpcf7-not-valid,
input[type=number].error,
input[type=number].wpcf7-not-valid,
input[type=tel].error,
input[type=tel].wpcf7-not-valid,
input[type=range].error,
input[type=range].wpcf7-not-valid,
input[type=date].error,
input[type=date].wpcf7-not-valid,
input[type=month].error,
input[type=month].wpcf7-not-valid,
input[type=week].error,
input[type=week].wpcf7-not-valid,
input[type=time].error,
input[type=time].wpcf7-not-valid,
input[type=datetime].error,
input[type=datetime].wpcf7-not-valid,
input[type=datetime-local].error,
input[type=datetime-local].wpcf7-not-valid,
input[type=color].error,
input[type=color].wpcf7-not-valid {
  border: 1px solid #eb5757;
  background: #fdeeee;
  color: #963535;
}
input[type=text].error:focus, input[type=text].wpcf7-not-valid:focus,
input[type=email].error:focus,
input[type=email].wpcf7-not-valid:focus,
input[type=url].error:focus,
input[type=url].wpcf7-not-valid:focus,
input[type=password].error:focus,
input[type=password].wpcf7-not-valid:focus,
input[type=search].error:focus,
input[type=search].wpcf7-not-valid:focus,
input[type=number].error:focus,
input[type=number].wpcf7-not-valid:focus,
input[type=tel].error:focus,
input[type=tel].wpcf7-not-valid:focus,
input[type=range].error:focus,
input[type=range].wpcf7-not-valid:focus,
input[type=date].error:focus,
input[type=date].wpcf7-not-valid:focus,
input[type=month].error:focus,
input[type=month].wpcf7-not-valid:focus,
input[type=week].error:focus,
input[type=week].wpcf7-not-valid:focus,
input[type=time].error:focus,
input[type=time].wpcf7-not-valid:focus,
input[type=datetime].error:focus,
input[type=datetime].wpcf7-not-valid:focus,
input[type=datetime-local].error:focus,
input[type=datetime-local].wpcf7-not-valid:focus,
input[type=color].error:focus,
input[type=color].wpcf7-not-valid:focus {
  border: 1px solid #eb5757;
}
input[type=text].error::placeholder, input[type=text].wpcf7-not-valid::placeholder,
input[type=email].error::placeholder,
input[type=email].wpcf7-not-valid::placeholder,
input[type=url].error::placeholder,
input[type=url].wpcf7-not-valid::placeholder,
input[type=password].error::placeholder,
input[type=password].wpcf7-not-valid::placeholder,
input[type=search].error::placeholder,
input[type=search].wpcf7-not-valid::placeholder,
input[type=number].error::placeholder,
input[type=number].wpcf7-not-valid::placeholder,
input[type=tel].error::placeholder,
input[type=tel].wpcf7-not-valid::placeholder,
input[type=range].error::placeholder,
input[type=range].wpcf7-not-valid::placeholder,
input[type=date].error::placeholder,
input[type=date].wpcf7-not-valid::placeholder,
input[type=month].error::placeholder,
input[type=month].wpcf7-not-valid::placeholder,
input[type=week].error::placeholder,
input[type=week].wpcf7-not-valid::placeholder,
input[type=time].error::placeholder,
input[type=time].wpcf7-not-valid::placeholder,
input[type=datetime].error::placeholder,
input[type=datetime].wpcf7-not-valid::placeholder,
input[type=datetime-local].error::placeholder,
input[type=datetime-local].wpcf7-not-valid::placeholder,
input[type=color].error::placeholder,
input[type=color].wpcf7-not-valid::placeholder {
  color: #c04646;
}

.input-helper-text {
  padding: 0.125em 1em;
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.313rem;
}
.input-helper-text--error {
  color: #c04646;
}

/* Custom select box */
.custom-dropdown--second .select-wrap .default-option {
  z-index: 2 !important;
}
.custom-dropdown--second .select-wrap .select-ul {
  z-index: 1 !important;
}
.custom-dropdown.theme .select-wrap .default-option {
  z-index: 6;
}
.custom-dropdown.theme .select-wrap .select-ul {
  z-index: 5;
}
.custom-dropdown .select-wrap {
  position: relative;
  user-select: none;
}
.custom-dropdown .select-wrap .default-option {
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 12px 16px;
  position: relative;
  z-index: 4;
  cursor: pointer;
}
.custom-dropdown .select-wrap .default-option::before {
  content: url("../../src/img/icons/arrow-down.svg");
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 16px;
  transition: 0.4s all;
}
.custom-dropdown .select-wrap input {
  display: none;
}
.custom-dropdown .select-wrap .select-ul {
  position: absolute;
  z-index: 3;
  top: calc(100% - 27px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #eaeef0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  display: none;
  max-height: 200px;
  overflow-y: scroll;
}
.custom-dropdown .select-wrap .select-ul input {
  display: none;
}
.custom-dropdown .select-wrap .select-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #eaeef0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap .select-ul li:first-child {
  padding: 28px 16px 8px;
}
.custom-dropdown .select-wrap .select-ul li:last-child {
  border-bottom: none;
}
.custom-dropdown .select-wrap .select-ul li p {
  color: #656565;
}
.custom-dropdown .select-wrap .select-ul li:hover {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .custom-dropdown .select-wrap .select-ul li:hover {
    background: #fff;
  }
}
.custom-dropdown .select-wrap .select-ul li:hover p {
  color: #494949;
}
@media (max-width: 1023px) {
  .custom-dropdown .select-wrap .select-ul li:hover p {
    color: #656565;
  }
}
.custom-dropdown .select-wrap .option label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 0 !important;
  padding-right: 25px !important;
}
.custom-dropdown .select-wrap .option p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.custom-dropdown .select-wrap.active .select-ul {
  display: block;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap.active .default-option::before {
  top: 50%;
  transform: translate(0, -50%) rotate(-180deg);
  transition: 0.4s all;
}

textarea {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 0.75em 1em;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  display: block;
  box-sizing: border-box;
}
textarea::placeholder {
  color: #818181;
}
textarea:focus {
  border: 1px solid #2d9cdb;
  outline: 0;
  background: #fff;
}
textarea:disabled {
  background: #eaeef0;
  color: #818181;
}
textarea.error, textarea.wpcf7-not-valid {
  border: 1px solid #eb5757;
  background: #fdeeee;
  color: #963535;
}
textarea.error:focus, textarea.wpcf7-not-valid:focus {
  border: 1px solid #eb5757;
  outline: 0;
}
textarea.error::placeholder, textarea.wpcf7-not-valid::placeholder {
  color: #c04646;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #656565;
  border-radius: 2px;
  position: relative;
}
input[type=checkbox]:checked {
  background: #ec1c24;
  border: 1px solid #e46763;
}
input[type=checkbox]:checked::before {
  content: url("../../src/img/icons/white-checkmark.svg");
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
}
input[type=checkbox]:disabled {
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(83%) hue-rotate(169deg) brightness(92%) contrast(91%);
  cursor: not-allowed;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #656565;
  border-radius: 50%;
  position: relative;
}
input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  background-color: #ec1c24;
  z-index: 1;
}

select {
  width: 100%;
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 0.75em 1em;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.313rem;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../../src/img/icons/select-down.svg");
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 13px;
}
select::placeholder {
  color: #818181;
}
select:focus {
  border: 1px solid #2d9cdb;
  outline: 0;
  background-color: #fff;
}
select:disabled {
  background-color: #eaeef0;
  color: #818181;
}
select.error, select.wpcf7-not-valid {
  border: 1px solid #eb5757;
  background-color: #fdeeee;
  color: #963535;
}
select.error:focus, select.wpcf7-not-valid:focus {
  border: none;
  outline: 1px solid #eb5757;
}
select.error::placeholder, select.wpcf7-not-valid::placeholder {
  color: #c04646;
}

.req {
  color: #ec1c24;
}

@media not all and (min-resolution: 0.001dpcm) {
  input[type=date] {
    line-height: 1;
  }
}
.cf7-contact-form .wpcf7-submit {
  justify-content: center;
}

/* Forms
--------------------------------------------- */
.wpcf7-response-output {
  position: fixed;
  bottom: 25px;
  left: 25px;
  width: 360px;
  z-index: 9999;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  padding: 16px 24px !important;
  text-align: center;
}
@media (max-width: 1023px) {
  .wpcf7-response-output {
    max-width: 360px;
    width: 100%;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .wpcf7-response-output {
    width: 310px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) and (max-width: 365px) {
  .wpcf7-response-output {
    width: 260px;
  }
}

.wpcf7-response-output.newsletter-success {
  border: 1px solid #27ae60;
  background-color: #27ae60;
  color: #fff;
}

.wpcf7-response-output.newsletter-error {
  border: 1px solid #eb5757;
  background-color: #fdeeee;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid #27ae60;
  background-color: #27ae60;
  color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border: 1px solid #eb5757;
  background-color: #fdeeee;
}

.wpcf7 form.failed .wpcf7-response-output {
  border: 1px solid #eb5757;
  background-color: #fdeeee;
}

.wpcf7-response-output {
  opacity: 0;
  -moz-animation: notices 15s;
  -webkit-animation: notices 15s;
  -o-animation: notices 15s;
  animation: notices 15s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes notices {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Reset
--------------------------------------------- */
/* 
* HTML5 Reset Stylesheet 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*
* Fallback for older browsers
*/
[data-aos] {
  opacity: 1;
  transform: translate(0, 0);
}

/* Bootstrap
--------------------------------------------- */
@media (max-width: 1023px) {
  .row--gap {
    row-gap: 16px;
  }
}
@media (max-width: 1023px) {
  .row--scroll {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 28px;
  }
  .row--scroll::-webkit-scrollbar {
    display: none;
    width: 8px;
  }
  .row--scroll::-webkit-scrollbar-track {
    border-radius: 24px;
    background: #eaeef0;
  }
  .row--scroll::-webkit-scrollbar-thumb {
    border-radius: 24px;
    background: #ec1c24;
  }
}
@media (max-width: 1023px) {
  .row--scroll .col-lg-4 {
    padding-left: 4px;
    padding-right: 4px;
    max-width: 255px;
  }
}

.w-100 {
  width: 100%;
}

/** CUSTOM RESPONSIVE BREAKPOINTS SPECIFIC**/
@media (max-width: 1200px) and (min-width: 1024px) {
  .section-d .col-lg-6 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .main-nav__dropdown .main-nav__list {
    max-width: 290px !important;
  }
}
@media (max-width: 1090px) and (min-width: 1024px) {
  .financialbox {
    min-width: 270px !important;
  }
}
@media (max-width: 1270px) and (min-width: 1024px) {
  .video-block__mobile {
    width: calc(100% - 100px) !important;
    padding: 0 50px;
    bottom: 100px !important;
  }
}
.xk {
  max-width: 24px;
}

/* -------------------------------------------------------------
# Dark Theme
--------------------------------------------------------------*/
html[data-theme=dark] body {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] body {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  }
}
html[data-theme=dark] h1,
html[data-theme=dark] h2,
html[data-theme=dark] h3,
html[data-theme=dark] h4,
html[data-theme=dark] h5,
html[data-theme=dark] h6,
html[data-theme=dark] p,
html[data-theme=dark] label,
html[data-theme=dark] span,
html[data-theme=dark] ul,
html[data-theme=dark] ol,
html[data-theme=dark] em {
  color: #fff;
}
html[data-theme=dark] button.btn--nofill,
html[data-theme=dark] input[type=button].btn--nofill,
html[data-theme=dark] input[type=reset].btn--nofill,
html[data-theme=dark] input[type=submit].btn--nofill,
html[data-theme=dark] a.btn--nofill {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
}
html[data-theme=dark] button.btn--nofill svg,
html[data-theme=dark] input[type=button].btn--nofill svg,
html[data-theme=dark] input[type=reset].btn--nofill svg,
html[data-theme=dark] input[type=submit].btn--nofill svg,
html[data-theme=dark] a.btn--nofill svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(113deg) brightness(106%) contrast(104%);
}
html[data-theme=dark] button.btn--nofill:hover,
html[data-theme=dark] input[type=button].btn--nofill:hover,
html[data-theme=dark] input[type=reset].btn--nofill:hover,
html[data-theme=dark] input[type=submit].btn--nofill:hover,
html[data-theme=dark] a.btn--nofill:hover {
  border: 2px solid #eea2a0;
  color: #eea2a0;
}
@media (max-width: 1023px) {
  html[data-theme=dark] button.btn--nofill:hover,
  html[data-theme=dark] input[type=button].btn--nofill:hover,
  html[data-theme=dark] input[type=reset].btn--nofill:hover,
  html[data-theme=dark] input[type=submit].btn--nofill:hover,
  html[data-theme=dark] a.btn--nofill:hover {
    border: 2px solid #fff;
    color: #fff;
  }
}
html[data-theme=dark] button.btn--nofill:hover svg,
html[data-theme=dark] input[type=button].btn--nofill:hover svg,
html[data-theme=dark] input[type=reset].btn--nofill:hover svg,
html[data-theme=dark] input[type=submit].btn--nofill:hover svg,
html[data-theme=dark] a.btn--nofill:hover svg {
  filter: brightness(0) saturate(100%) invert(68%) sepia(12%) saturate(1119%) hue-rotate(314deg) brightness(107%) contrast(87%);
}
html[data-theme=dark] button.btn--nofill:disabled,
html[data-theme=dark] input[type=button].btn--nofill:disabled,
html[data-theme=dark] input[type=reset].btn--nofill:disabled,
html[data-theme=dark] input[type=submit].btn--nofill:disabled,
html[data-theme=dark] a.btn--nofill:disabled {
  border: 2px solid #d4d8dc;
  color: #d4d8dc;
  font-weight: 500;
}
html[data-theme=dark] button.btn--nofill:disabled svg,
html[data-theme=dark] input[type=button].btn--nofill:disabled svg,
html[data-theme=dark] input[type=reset].btn--nofill:disabled svg,
html[data-theme=dark] input[type=submit].btn--nofill:disabled svg,
html[data-theme=dark] a.btn--nofill:disabled svg {
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(83%) hue-rotate(169deg) brightness(92%) contrast(91%);
}
html[data-theme=dark] button.btn--link,
html[data-theme=dark] input[type=button].btn--link,
html[data-theme=dark] input[type=reset].btn--link,
html[data-theme=dark] input[type=submit].btn--link,
html[data-theme=dark] a.btn--link {
  background: transparent;
  color: #fff;
}
html[data-theme=dark] button.btn--link svg,
html[data-theme=dark] input[type=button].btn--link svg,
html[data-theme=dark] input[type=reset].btn--link svg,
html[data-theme=dark] input[type=submit].btn--link svg,
html[data-theme=dark] a.btn--link svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(113deg) brightness(106%) contrast(104%);
}
html[data-theme=dark] button.btn--link:hover,
html[data-theme=dark] input[type=button].btn--link:hover,
html[data-theme=dark] input[type=reset].btn--link:hover,
html[data-theme=dark] input[type=submit].btn--link:hover,
html[data-theme=dark] a.btn--link:hover {
  color: #eea2a0;
}
@media (max-width: 1023px) {
  html[data-theme=dark] button.btn--link:hover,
  html[data-theme=dark] input[type=button].btn--link:hover,
  html[data-theme=dark] input[type=reset].btn--link:hover,
  html[data-theme=dark] input[type=submit].btn--link:hover,
  html[data-theme=dark] a.btn--link:hover {
    color: #fff;
  }
}
html[data-theme=dark] button.btn--link:hover svg,
html[data-theme=dark] input[type=button].btn--link:hover svg,
html[data-theme=dark] input[type=reset].btn--link:hover svg,
html[data-theme=dark] input[type=submit].btn--link:hover svg,
html[data-theme=dark] a.btn--link:hover svg {
  filter: brightness(0) saturate(100%) invert(68%) sepia(12%) saturate(1119%) hue-rotate(314deg) brightness(107%) contrast(87%);
}
html[data-theme=dark] button.btn--link:disabled,
html[data-theme=dark] input[type=button].btn--link:disabled,
html[data-theme=dark] input[type=reset].btn--link:disabled,
html[data-theme=dark] input[type=submit].btn--link:disabled,
html[data-theme=dark] a.btn--link:disabled {
  color: #d4d8dc;
  font-weight: 500;
}
html[data-theme=dark] button.btn--link:disabled svg,
html[data-theme=dark] input[type=button].btn--link:disabled svg,
html[data-theme=dark] input[type=reset].btn--link:disabled svg,
html[data-theme=dark] input[type=submit].btn--link:disabled svg,
html[data-theme=dark] a.btn--link:disabled svg {
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(83%) hue-rotate(169deg) brightness(92%) contrast(91%);
}
html[data-theme=dark] input[type=text],
html[data-theme=dark] input[type=email],
html[data-theme=dark] input[type=url],
html[data-theme=dark] input[type=password],
html[data-theme=dark] input[type=search],
html[data-theme=dark] input[type=number],
html[data-theme=dark] input[type=tel],
html[data-theme=dark] input[type=range],
html[data-theme=dark] input[type=date],
html[data-theme=dark] input[type=month],
html[data-theme=dark] input[type=week],
html[data-theme=dark] input[type=time],
html[data-theme=dark] input[type=datetime],
html[data-theme=dark] input[type=datetime-local],
html[data-theme=dark] input[type=color] {
  border: 2px solid #494949;
  background: #272727;
  color: #fff;
}
html[data-theme=dark] input[type=text]::placeholder,
html[data-theme=dark] input[type=email]::placeholder,
html[data-theme=dark] input[type=url]::placeholder,
html[data-theme=dark] input[type=password]::placeholder,
html[data-theme=dark] input[type=search]::placeholder,
html[data-theme=dark] input[type=number]::placeholder,
html[data-theme=dark] input[type=tel]::placeholder,
html[data-theme=dark] input[type=range]::placeholder,
html[data-theme=dark] input[type=date]::placeholder,
html[data-theme=dark] input[type=month]::placeholder,
html[data-theme=dark] input[type=week]::placeholder,
html[data-theme=dark] input[type=time]::placeholder,
html[data-theme=dark] input[type=datetime]::placeholder,
html[data-theme=dark] input[type=datetime-local]::placeholder,
html[data-theme=dark] input[type=color]::placeholder {
  color: #eaeef0;
}
html[data-theme=dark] input[type=text]:focus,
html[data-theme=dark] input[type=email]:focus,
html[data-theme=dark] input[type=url]:focus,
html[data-theme=dark] input[type=password]:focus,
html[data-theme=dark] input[type=search]:focus,
html[data-theme=dark] input[type=number]:focus,
html[data-theme=dark] input[type=tel]:focus,
html[data-theme=dark] input[type=range]:focus,
html[data-theme=dark] input[type=date]:focus,
html[data-theme=dark] input[type=month]:focus,
html[data-theme=dark] input[type=week]:focus,
html[data-theme=dark] input[type=time]:focus,
html[data-theme=dark] input[type=datetime]:focus,
html[data-theme=dark] input[type=datetime-local]:focus,
html[data-theme=dark] input[type=color]:focus {
  border: 2px solid #57b0e2;
  background: transparent;
}
html[data-theme=dark] input[type=text]:disabled,
html[data-theme=dark] input[type=email]:disabled,
html[data-theme=dark] input[type=url]:disabled,
html[data-theme=dark] input[type=password]:disabled,
html[data-theme=dark] input[type=search]:disabled,
html[data-theme=dark] input[type=number]:disabled,
html[data-theme=dark] input[type=tel]:disabled,
html[data-theme=dark] input[type=range]:disabled,
html[data-theme=dark] input[type=date]:disabled,
html[data-theme=dark] input[type=month]:disabled,
html[data-theme=dark] input[type=week]:disabled,
html[data-theme=dark] input[type=time]:disabled,
html[data-theme=dark] input[type=datetime]:disabled,
html[data-theme=dark] input[type=datetime-local]:disabled,
html[data-theme=dark] input[type=color]:disabled {
  border: 2px solid #656565;
  background: #656565;
  color: #d4d8dc;
}
html[data-theme=dark] input[type=text].error, html[data-theme=dark] input[type=text].wpcf7-not-valid,
html[data-theme=dark] input[type=email].error,
html[data-theme=dark] input[type=email].wpcf7-not-valid,
html[data-theme=dark] input[type=url].error,
html[data-theme=dark] input[type=url].wpcf7-not-valid,
html[data-theme=dark] input[type=password].error,
html[data-theme=dark] input[type=password].wpcf7-not-valid,
html[data-theme=dark] input[type=search].error,
html[data-theme=dark] input[type=search].wpcf7-not-valid,
html[data-theme=dark] input[type=number].error,
html[data-theme=dark] input[type=number].wpcf7-not-valid,
html[data-theme=dark] input[type=tel].error,
html[data-theme=dark] input[type=tel].wpcf7-not-valid,
html[data-theme=dark] input[type=range].error,
html[data-theme=dark] input[type=range].wpcf7-not-valid,
html[data-theme=dark] input[type=date].error,
html[data-theme=dark] input[type=date].wpcf7-not-valid,
html[data-theme=dark] input[type=month].error,
html[data-theme=dark] input[type=month].wpcf7-not-valid,
html[data-theme=dark] input[type=week].error,
html[data-theme=dark] input[type=week].wpcf7-not-valid,
html[data-theme=dark] input[type=time].error,
html[data-theme=dark] input[type=time].wpcf7-not-valid,
html[data-theme=dark] input[type=datetime].error,
html[data-theme=dark] input[type=datetime].wpcf7-not-valid,
html[data-theme=dark] input[type=datetime-local].error,
html[data-theme=dark] input[type=datetime-local].wpcf7-not-valid,
html[data-theme=dark] input[type=color].error,
html[data-theme=dark] input[type=color].wpcf7-not-valid {
  border: 2px solid #c04646;
  background: #eb5757;
  color: #f7d2d2;
}
html[data-theme=dark] input[type=text].error:focus, html[data-theme=dark] input[type=text].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=email].error:focus,
html[data-theme=dark] input[type=email].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=url].error:focus,
html[data-theme=dark] input[type=url].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=password].error:focus,
html[data-theme=dark] input[type=password].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=search].error:focus,
html[data-theme=dark] input[type=search].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=number].error:focus,
html[data-theme=dark] input[type=number].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=tel].error:focus,
html[data-theme=dark] input[type=tel].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=range].error:focus,
html[data-theme=dark] input[type=range].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=date].error:focus,
html[data-theme=dark] input[type=date].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=month].error:focus,
html[data-theme=dark] input[type=month].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=week].error:focus,
html[data-theme=dark] input[type=week].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=time].error:focus,
html[data-theme=dark] input[type=time].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=datetime].error:focus,
html[data-theme=dark] input[type=datetime].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=datetime-local].error:focus,
html[data-theme=dark] input[type=datetime-local].wpcf7-not-valid:focus,
html[data-theme=dark] input[type=color].error:focus,
html[data-theme=dark] input[type=color].wpcf7-not-valid:focus {
  border: 2px solid #c04646;
}
html[data-theme=dark] input[type=text].error::placeholder, html[data-theme=dark] input[type=text].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=email].error::placeholder,
html[data-theme=dark] input[type=email].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=url].error::placeholder,
html[data-theme=dark] input[type=url].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=password].error::placeholder,
html[data-theme=dark] input[type=password].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=search].error::placeholder,
html[data-theme=dark] input[type=search].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=number].error::placeholder,
html[data-theme=dark] input[type=number].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=tel].error::placeholder,
html[data-theme=dark] input[type=tel].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=range].error::placeholder,
html[data-theme=dark] input[type=range].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=date].error::placeholder,
html[data-theme=dark] input[type=date].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=month].error::placeholder,
html[data-theme=dark] input[type=month].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=week].error::placeholder,
html[data-theme=dark] input[type=week].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=time].error::placeholder,
html[data-theme=dark] input[type=time].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=datetime].error::placeholder,
html[data-theme=dark] input[type=datetime].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=datetime-local].error::placeholder,
html[data-theme=dark] input[type=datetime-local].wpcf7-not-valid::placeholder,
html[data-theme=dark] input[type=color].error::placeholder,
html[data-theme=dark] input[type=color].wpcf7-not-valid::placeholder {
  color: #fdeeee;
}
html[data-theme=dark] .input-helper-text--error {
  color: #f6b6b6;
}
html[data-theme=dark] input[type=checkbox] {
  border: 1px solid #f6f8f9;
}
html[data-theme=dark] input[type=checkbox]:checked {
  background: #fff;
  border: 1px solid #eaeef0;
}
html[data-theme=dark] input[type=checkbox]:checked::before {
  content: url("../../src/img/icons/red-checkmark.svg");
}
html[data-theme=dark] input[type=radio] {
  border: 1px solid #f6f8f9;
}
html[data-theme=dark] input[type=radio]:checked::before {
  content: "";
  background-color: #f6f8f9;
}
html[data-theme=dark] select {
  border: 2px solid #494949;
  background-image: url("../../src/img/icons/select-down-white.svg");
  background-color: #272727;
  color: #fff;
}
html[data-theme=dark] select.error, html[data-theme=dark] select.wpcf7-not-valid {
  border: 2px solid #c04646;
  background: #eb5757;
  color: #f7d2d2;
}
html[data-theme=dark] select.error:focus, html[data-theme=dark] select.wpcf7-not-valid:focus {
  border: 2px solid #c04646;
}
html[data-theme=dark] select.error::placeholder, html[data-theme=dark] select.wpcf7-not-valid::placeholder {
  color: #fdeeee;
}
html[data-theme=dark] textarea {
  border: 2px solid #494949;
  background: #272727;
  color: #fff;
}
html[data-theme=dark] textarea::placeholder {
  color: #eaeef0;
}
html[data-theme=dark] textarea:focus {
  border: 2px solid #57b0e2;
}
html[data-theme=dark] textarea.error, html[data-theme=dark] textarea.wpcf7-not-valid {
  border: 2px solid #c04646;
  background: #eb5757;
  color: #f7d2d2;
}
html[data-theme=dark] textarea.error:focus, html[data-theme=dark] textarea.wpcf7-not-valid:focus {
  border: 2px solid #c04646;
}
html[data-theme=dark] textarea.error::placeholder, html[data-theme=dark] textarea.wpcf7-not-valid::placeholder {
  color: #fdeeee;
}
html[data-theme=dark] .wpcf7 a {
  color: #fff;
}
html[data-theme=dark] .share {
  border-top: 1px solid #494949;
  background: #111;
}
html[data-theme=dark] .share__text {
  color: #fff;
}
html[data-theme=dark] .social-icons--share .social-icons__list .social-icons__item a {
  border: 1px solid #494949;
  background: #272727;
}
html[data-theme=dark] .social-icons--share .social-icons__list .social-icons__item a svg,
html[data-theme=dark] .social-icons--share .social-icons__list .social-icons__item a img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(20deg) brightness(103%) contrast(101%);
}
html[data-theme=dark] .social-icons__list a svg {
  filter: brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(70%) hue-rotate(169deg) brightness(90%) contrast(94%);
}
html[data-theme=dark] .footer {
  border-top: 1px solid #494949;
  background: #1c1c1c;
}
html[data-theme=dark] .footer__logo img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(295deg) brightness(104%) contrast(104%);
}
html[data-theme=dark] .footer-nav__item a {
  color: #fff;
}
html[data-theme=dark] .quick-links {
  background: #272727;
}
html[data-theme=dark] .quick-links__item a {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .quick-links__icon {
  background: #494949;
}
html[data-theme=dark] .quick-links__icon svg,
html[data-theme=dark] .quick-links__icon img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1871%) hue-rotate(98deg) brightness(112%) contrast(100%);
}
html[data-theme=dark] .cards-block {
  border-bottom: 1px solid #494949;
  background: #272727;
}
html[data-theme=dark] .cards-block__separator {
  background: #494949;
}
html[data-theme=dark] .itembox__header svg,
html[data-theme=dark] .itembox__header img {
  filter: brightness(0) saturate(100%) invert(86%) sepia(8%) saturate(606%) hue-rotate(314deg) brightness(103%) contrast(94%);
  transition: 0.3s ease-in-out;
}
html[data-theme=dark] .itembox:hover .itembox__header svg,
html[data-theme=dark] .itembox:hover .itembox__header img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(77%) saturate(4142%) hue-rotate(348deg) brightness(93%) contrast(98%);
}
@media (max-width: 1023px) {
  html[data-theme=dark] .itembox:hover .itembox__header h4 {
    color: #fff;
  }
}
html[data-theme=dark] .itembox__description p {
  color: #f6f8f9;
}
html[data-theme=dark] .latest-news-block {
  background: #1c1c1c;
}
html[data-theme=dark] .latest-news-block--investitori {
  background: #272727;
}
html[data-theme=dark] .latest-news-block--grayscale {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .latest-news-block--grayscale .itemcard:hover .itemcard__area {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .latest-news-block--grayscale .itemcard__area {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .header-block__text a:hover h2,
  html[data-theme=dark] .header-block__text a:hover h3 {
    color: #fff;
  }
}
html[data-theme=dark] .header-block__subtitle {
  color: #e46763;
}
html[data-theme=dark] .header-block--border .header-block__text {
  border-left: 4px solid #656565;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .header-block__link:hover .header-block__title {
    color: #fff;
  }
}
html[data-theme=dark] .header-block__link--flex-start {
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .header-block__title-text:hover {
    color: #fff;
  }
}
html[data-theme=dark] .itemcard:hover .itemcard__area {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .itemcard:hover .itemcard__area {
    background: #272727;
  }
  html[data-theme=dark] .itemcard:hover .itemcard__date {
    color: #e6ecef;
  }
  html[data-theme=dark] .itemcard:hover .itemcard__title,
  html[data-theme=dark] .itemcard:hover .itemcard__text {
    color: #fff;
  }
  html[data-theme=dark] .itemcard:hover svg {
    filter: unset;
    transform: rotate(0deg);
  }
}
html[data-theme=dark] .itemcard__area {
  background: #272727;
  transition: 0.3s ease-in-out;
}
html[data-theme=dark] .itemcard__date {
  color: #e6ecef;
}
html[data-theme=dark] .about-us-block {
  background: #272727;
}
html[data-theme=dark] .about-us-block--agri {
  background: #1c1c1c;
}
html[data-theme=dark] .benefits-block {
  background: #1c1c1c;
}
html[data-theme=dark] .infocard__header h2 {
  color: #ec1c24;
}
html[data-theme=dark] .infocard__description p {
  color: #f6f8f9;
}
html[data-theme=dark] .topbar {
  background: #1c1c1c;
  border-color: #494949;
}
html[data-theme=dark] .switch-group__action {
  background: #494949;
}
html[data-theme=dark] .switch-group__action--border {
  border-color: #656565;
}
html[data-theme=dark] .site-header__main-nav {
  background: #272727;
  border-color: #494949;
}
html[data-theme=dark] .site-header__main-nav a {
  color: #fff;
}
html[data-theme=dark] .site-header__main-nav a:hover {
  color: #e46763;
}
html[data-theme=dark] .switch-group__item svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(116%) contrast(106%);
}
html[data-theme=dark] .site-header__logo svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(116%) contrast(106%);
}
html[data-theme=dark] .social-icons--header svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(116%) contrast(106%);
}
html[data-theme=dark] .jsSearch svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(116%) contrast(106%);
}
html[data-theme=dark] .landing-block {
  border-bottom: 1px solid #494949;
  background: #272727;
}
html[data-theme=dark] .landing-block .container-fluid:after, html[data-theme=dark] .landing-block .container-xxl:after {
  background: #494949;
}
html[data-theme=dark] .breadcrumbs {
  color: #d4d8dc;
}
html[data-theme=dark] .breadcrumbs--black {
  color: #272727;
}
html[data-theme=dark] .breadcrumbs--white {
  color: #fff;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .row--scroll {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 28px;
  }
  html[data-theme=dark] .row--scroll::-webkit-scrollbar-track {
    background: #272727;
  }
}
html[data-theme=dark] .contact-media-block {
  background: #1c1c1c;
}
html[data-theme=dark] .scrollbar {
  background-color: #656565;
}
html[data-theme=dark] .documents__link span svg {
  filter: brightness(0) saturate(100%) invert(46%) sepia(62%) saturate(490%) hue-rotate(313deg) brightness(97%) contrast(96%);
}
html[data-theme=dark] .documents__text {
  color: #fff;
}
html[data-theme=dark] .location-info__headline svg {
  filter: brightness(0) saturate(100%) invert(46%) sepia(62%) saturate(490%) hue-rotate(313deg) brightness(97%) contrast(96%);
}
html[data-theme=dark] .location-info__headline span {
  color: #e46763;
}
html[data-theme=dark] .list-info__item:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><g clip-path="url(%23a)"><path stroke="%23EEA2A0" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M7.001 12.833a5.833 5.833 0 1 0 0-11.666 5.833 5.833 0 0 0 0 11.666Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h14v14H0z"/></clipPath></defs></svg>');
}
html[data-theme=dark] .list-info__item p em {
  color: #fff;
}
html[data-theme=dark] .list-info__item p a {
  color: #81c3e9;
}
html[data-theme=dark] .separator hr {
  border-top: 1px solid #494949;
}
html[data-theme=dark] .separator svg {
  filter: brightness(0) saturate(100%) invert(24%) sepia(0%) saturate(1110%) hue-rotate(139deg) brightness(92%) contrast(76%);
}
html[data-theme=dark] .section-a__wrapper {
  border-color: #656565;
}
html[data-theme=dark] .location-info__headline {
  border-color: #494949;
}
html[data-theme=dark] .paragraph a {
  color: #81c3e9;
}
html[data-theme=dark] .header-block__text {
  border-color: #656565;
}
html[data-theme=dark] i {
  color: #fff;
}
html[data-theme=dark] .site-header {
  background: #1c1c1c;
}
@media (min-width: 1024px) {
  html[data-theme=dark] .site-header__wrapper {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .site-header__wrapper--active {
  background: #1c1c1c;
}
html[data-theme=dark] .switch-group--border {
  border-color: #494949;
}
html[data-theme=dark] .site-header__main-nav--mobile {
  background: #1c1c1c;
}
html[data-theme=dark] .main-nav--mobile {
  background: #1c1c1c;
}
html[data-theme=dark] .main-nav--mobile .main-nav__link {
  color: #fff;
  background: #272727;
}
html[data-theme=dark] .site-header__main-nav .main-nav__dropdown {
  background: #1c1c1c;
}
html[data-theme=dark] .site-header__main-nav .main-nav__subdropdown {
  background: #1c1c1c;
}
html[data-theme=dark] .main-nav__dropdown .main-nav__link {
  background: #272727;
}
@media (min-width: 1024px) {
  html[data-theme=dark] .main-nav__item--active > .main-nav__link {
    color: #e46763;
  }
}
html[data-theme=dark] .main-nav__dropdown .main-nav__item--active > .main-nav__link {
  color: #fff;
  background: #ec1c24;
}
html[data-theme=dark] .main-nav__dropdown .main-nav__link:hover {
  color: #fff;
  background: #ec1c24;
}
html[data-theme=dark] .search-form--mobile {
  background: #1c1c1c;
}
html[data-theme=dark] .social-icons--mobile-header {
  border-color: #656565;
  background: #494949;
}
html[data-theme=dark] .links-block {
  background: #1c1c1c;
}
html[data-theme=dark] .linkcard {
  background: #272727;
}
html[data-theme=dark] .linkcard__link p {
  color: #ec1c24;
}
html[data-theme=dark] .linkcard--special {
  background: #1c1c1c;
}
html[data-theme=dark] .linkcard--special .linkcard__title {
  color: #fff;
}
html[data-theme=dark] .linkcard--special:hover {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .linkcard--special:hover {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .posts {
  background: #1c1c1c;
}
html[data-theme=dark] .filter.active {
  background: #1c1c1c;
}
html[data-theme=dark] .filter--reports .filter__header,
html[data-theme=dark] .filter--reports .filter__filter-types {
  background: #1c1c1c;
}
html[data-theme=dark] .filter__header {
  border: 1px solid #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .filter__header {
    border: none;
    border-bottom: 1px solid #494949;
    background: #272727;
  }
}
html[data-theme=dark] .filter__filter-types {
  border: 1px solid #494949;
  border-top: none;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .filter__filter-types {
    border: none;
  }
}
html[data-theme=dark] .filter__filter-types .tags label {
  border: 1px solid #494949;
  background: #272727;
  color: #fff;
}
html[data-theme=dark] .filter__filter-types .tags input[type=checkbox]:checked + label {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}
html[data-theme=dark] .filter__filter-types .tags .tag {
  border: 1px solid #494949;
  background: #272727;
  color: #f6f8f9;
}
html[data-theme=dark] .filter__filter-types .tags .tag.active {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}
html[data-theme=dark] .custom-dropdown .select-wrap .default-option {
  background: #1c1c1c;
  border: 1px solid #494949;
}
html[data-theme=dark] .custom-dropdown .select-wrap .default-option::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(48deg) brightness(108%) contrast(100%);
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul {
  background: #1c1c1c;
  border: 1px solid #494949;
  border-top: none;
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li {
  border-bottom: 1px solid #494949;
  transition: 0.3s ease-in-out;
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li:last-child {
  border-bottom: none;
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li p {
  color: #fff;
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li:hover {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li:hover {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li:hover p {
  color: #f6f8f9;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .custom-dropdown .select-wrap .select-ul li:hover p {
    color: #fff;
  }
}
html[data-theme=dark] .tabs-block {
  background: #1c1c1c;
}
html[data-theme=dark] .tab-menu ul {
  border-bottom: 2px solid #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tab-menu ul {
    border-bottom: none;
    border: 1px solid #ec1c24;
    border-radius: 24px;
  }
}
html[data-theme=dark] .tab-menu ul.active {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tab-menu ul li a.active {
    border: 1px solid #ec1c24;
    border-radius: 56px;
    background: #272727;
  }
}
html[data-theme=dark] .tab-menu ul li a.active h5 {
  color: #fff;
}
html[data-theme=dark] .tab-menu ul li a h5 {
  color: #d4d8dc;
}
html[data-theme=dark] .tab-menu.sticky {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tab-menu.sticky ul {
    margin: 16px;
    margin-bottom: 16px !important;
    padding: 0;
  }
}
html[data-theme=dark] .linkedin-block {
  background: #272727;
}
html[data-theme=dark] .socialcard__area {
  background: #1c1c1c;
}
html[data-theme=dark] .socialcard__info .profile svg {
  filter: unset;
}
html[data-theme=dark] .socialcard__info .profile .data .name,
html[data-theme=dark] .socialcard__info .profile .data .link-time {
  color: #fff;
}
html[data-theme=dark] .socialcard__info .profile .data .name svg,
html[data-theme=dark] .socialcard__info .profile .data .link-time svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(111%) contrast(101%);
}
html[data-theme=dark] .socialcard__info svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(111%) contrast(101%);
}
html[data-theme=dark] .socials-list-block {
  background: #1c1c1c;
}
html[data-theme=dark] .countries-socials__item .item-header {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .page-404-block {
  background: #1c1c1c;
}
html[data-theme=dark] .half-block {
  background: #272727;
}
html[data-theme=dark] .half-block--white {
  background: #1c1c1c;
}
html[data-theme=dark] .half-another-block {
  background: #272727;
}
html[data-theme=dark] .award {
  border-color: #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .award:hover h5 {
    color: #fff;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .award--border-mobile-bottom {
    border-bottom: 2px solid #494949 !important;
  }
}
html[data-theme=dark] .contact-block {
  background: #1c1c1c;
}
html[data-theme=dark] .contacts {
  background: #272727;
}
html[data-theme=dark] .contacts .contact-emails__item h5 {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .contacts .contact-emails__item h5 span {
  color: rgba(236, 236, 236, 0.1);
}
html[data-theme=dark] .contacts .contact-emails__item a {
  color: #fff;
}
html[data-theme=dark] .map-block {
  background: #272727;
}
html[data-theme=dark] .visit-block {
  background: #272727;
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .visit-block--odrzivost {
  background: #1c1c1c;
  border-bottom: 1px solid #272727;
}
html[data-theme=dark] .visit-block--odrzivost .visitcard__area {
  background: #272727;
}
html[data-theme=dark] .visit-block--odrzivost .visitcard:hover .visitcard__area {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .visit-block--odrzivost .visitcard:hover .visitcard__area {
    background: #272727;
  }
}
html[data-theme=dark] .visit-block--investitori {
  background: #1c1c1c;
}
html[data-theme=dark] .visit-block--investitori .visitcard__area {
  background: #272727;
}
html[data-theme=dark] .visit-block--investitori .visitcard:hover .visitcard__area {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .visit-block--investitori .visitcard:hover .visitcard__area {
    background: #272727;
  }
}
html[data-theme=dark] .visit-block--o-nama {
  background: #1c1c1c;
}
html[data-theme=dark] .visit-block--o-nama .visitcard__area {
  background: #272727;
}
html[data-theme=dark] .visit-block--o-nama .visitcard:hover .visitcard__area {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .visit-block--o-nama .visitcard:hover .visitcard__area {
    background: #272727;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .visit-block .row--background::-webkit-scrollbar-track {
    background: #494949;
  }
}
html[data-theme=dark] .visitcard__title svg,
html[data-theme=dark] .visitcard__title img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(25%) hue-rotate(49deg) brightness(104%) contrast(108%);
}
html[data-theme=dark] .visitcard__area {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .visitcard:hover .visitcard__area {
    background: #1c1c1c;
  }
  html[data-theme=dark] .visitcard:hover .visitcard__title {
    color: #fff;
  }
  html[data-theme=dark] .visitcard:hover .visitcard__title svg,
  html[data-theme=dark] .visitcard:hover .visitcard__title img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7496%) hue-rotate(343deg) brightness(100%) contrast(102%);
  }
  html[data-theme=dark] .visitcard:hover .visitcard__description p {
    color: #fff;
  }
}
html[data-theme=dark] .single-post {
  background: #1c1c1c;
}
html[data-theme=dark] .single-post__date svg, html[data-theme=dark] .single-post__readtime svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .single-post .post-content a {
  color: #2d9cdb;
}
html[data-theme=dark] .section-d {
  background: #272727;
}
html[data-theme=dark] .section-d--odrzivost {
  background: #1c1c1c;
}
html[data-theme=dark] .section-d--temeljne {
  background: #1c1c1c;
}
html[data-theme=dark] .section-d--white {
  background: #1c1c1c;
}
html[data-theme=dark] .section-d--o-nama {
  background: #272727;
}
html[data-theme=dark] .section-d li {
  color: #fff;
}
html[data-theme=dark] .shortcut__header {
  background: #272727;
  border-bottom: 1px solid #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .shortcut__header {
    border-bottom: none;
  }
}
html[data-theme=dark] .shortcut__header.closed {
  border-bottom: none;
}
html[data-theme=dark] .shortcut__content {
  background: #272727;
}
html[data-theme=dark] .shortcut__content .posts {
  background: #272727;
}
html[data-theme=dark] .shortcut__content .posts__item {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .shortcut__content .posts__item:last-child {
  border-bottom: none;
}
html[data-theme=dark] .shortcut__content .posts__item .date {
  color: #e6ecef;
}
html[data-theme=dark] .strategy-block {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .strategycard:hover .strategycard__area .title h2,
  html[data-theme=dark] .strategycard:hover .strategycard__area .title h4 {
    color: #fff;
  }
}
html[data-theme=dark] .section-a {
  background: #1c1c1c;
}
html[data-theme=dark] .section-a--grayscale {
  background: #272727;
}
html[data-theme=dark] .section-a__description p em {
  color: #fff;
}
html[data-theme=dark] .section-a .italic p em {
  color: #fff;
}
html[data-theme=dark] .section-a--agri li {
  color: #fff;
}
html[data-theme=dark] .section-b {
  background: #1c1c1c;
}
html[data-theme=dark] .section-b--grayscale {
  background: #272727;
}
html[data-theme=dark] .section-b--nadzorni .paragraph i {
  color: #f6f8f9;
}
html[data-theme=dark] .reports-block {
  background: #272727;
}
html[data-theme=dark] .reports-block--grayscale {
  background: #272727;
}
html[data-theme=dark] .reports-block--financial {
  background: #1c1c1c;
}
html[data-theme=dark] .reports-block--presentation {
  background: #1c1c1c;
}
html[data-theme=dark] .files__item {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .files__item h6 {
  color: #ec1c24;
}
html[data-theme=dark] .search-form--reports input {
  background: #1c1c1c;
}
html[data-theme=dark] .section-f--grayscale {
  background: #272727;
}
html[data-theme=dark] .section-f--white {
  background: #1c1c1c;
}
html[data-theme=dark] .section-f--section-b {
  background: #1c1c1c;
}
html[data-theme=dark] .section-f__content h3 a {
  color: #fff;
}
html[data-theme=dark] .section-f__content h3:hover a {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .section-f__content h3:hover a {
    color: #fff;
  }
}
html[data-theme=dark] .gallery-slider-block--grayscale {
  background: #272727;
}
html[data-theme=dark] .grid-block {
  background: #1c1c1c;
}
html[data-theme=dark] .gridcard {
  background: #272727;
}
html[data-theme=dark] .gridcard h6 {
  background: #272727;
  color: #eaeef0;
}
html[data-theme=dark] .ownership-block {
  background: #1c1c1c;
}
html[data-theme=dark] .progress-circle:after {
  background: #272727;
}
html[data-theme=dark] .color-primary {
  color: #ec1c24;
}
html[data-theme=dark] .bg-light {
  background: #1c1c1c !important;
}
html[data-theme=dark] .bg-gray {
  background: #272727 !important;
}
html[data-theme=dark] .financial-block {
  background: #1c1c1c;
}
html[data-theme=dark] .financialbox__title {
  color: #e6ecef;
}
html[data-theme=dark] .financialbox__numbers h2 {
  color: #ec1c24;
}
html[data-theme=dark] .percentage {
  background: #656565;
  color: #f6f8f9;
}
html[data-theme=dark] .stocks-block {
  background: #272727;
}
html[data-theme=dark] .stocks-block__header .left .separator {
  background: #494949;
}
html[data-theme=dark] .stocks-block__header .left h4:last-child {
  color: #d4d8dc;
}
html[data-theme=dark] .stocks-block__items .item span {
  color: #d4d8dc;
}
html[data-theme=dark] .stocks-block__items .item .separator {
  background: #d4d8dc;
}
html[data-theme=dark] .header-block__link--flex-start h5:hover {
  color: #fff !important;
}
html[data-theme=dark] .description-block {
  background: #1c1c1c;
}
html[data-theme=dark] .analytics-contacts__item .header {
  border-bottom: 1px solid #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .analytics-contacts__item .header {
    border-bottom: none;
  }
}
html[data-theme=dark] .analytics-contacts__item .info .phone {
  color: #f6f8f9;
}
html[data-theme=dark] .analytics-contacts__item .info .phone svg {
  filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(13%) hue-rotate(26deg) brightness(101%) contrast(106%);
}
html[data-theme=dark] .analytics-contacts__item .info .phone--mail {
  color: #2d9cdb;
}
html[data-theme=dark] .table-block {
  background: #1c1c1c;
}
html[data-theme=dark] table {
  border: 1px dashed #494949;
}
html[data-theme=dark] table thead tr td,
html[data-theme=dark] table thead tr th {
  background: #272727;
}
html[data-theme=dark] table thead tr td span,
html[data-theme=dark] table thead tr th span {
  color: #ec1c24;
}
html[data-theme=dark] table tbody tr td {
  background: #1c1c1c;
  color: #f6f8f9;
}
html[data-theme=dark] table tbody tr td:first-child {
  background: #272727;
}
html[data-theme=dark] table td {
  border: 1px dashed #494949;
}
html[data-theme=dark] table tfoot tr td {
  background: #272727;
}
html[data-theme=dark] table tfoot tr td span {
  color: #ec1c24;
}
html[data-theme=dark] .wp-block-table td,
html[data-theme=dark] .wp-block-table th {
  border: 1px dashed #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .wp-block-table::-webkit-scrollbar-track {
    background: #e46763 !important;
  }
  html[data-theme=dark] .wp-block-table::-webkit-scrollbar-thumb {
    background: #ec1c24 !important;
  }
}
html[data-theme=dark] .pie-chart-block {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .pie-chart-block h3:hover {
    color: #fff;
  }
}
html[data-theme=dark] .board-members__img:before {
  background: #494949;
}
html[data-theme=dark] .tables-block {
  background: #1c1c1c;
}
html[data-theme=dark] .tables {
  background: #1c1c1c;
}
html[data-theme=dark] .timeline-block {
  background: #1c1c1c;
}
html[data-theme=dark] .timeline-block__description.paragraph p em {
  color: #fff;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .timeline-block a:hover .timeline-block__title {
    color: #fff;
  }
}
html[data-theme=dark] .timeline-block__pseudo {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(113deg) brightness(106%) contrast(104%);
}
@media (max-width: 1023px) {
  html[data-theme=dark] .timeline-block__title-text:hover {
    color: #fff;
  }
}
html[data-theme=dark] .search-form--bg-reverse input {
  background: #1c1c1c;
}
html[data-theme=dark] .timeline__item--last h5 {
  color: #e6ecef;
}
html[data-theme=dark] .timeline__item--last .paragraph p {
  color: #e6ecef;
}
html[data-theme=dark] .timeline__item--last .timeline__content:before {
  background: #656565;
}
html[data-theme=dark] .timeline__item--last:after {
  background: #1c1c1c;
}
html[data-theme=dark] .timeline__item.highlight:after {
  background: #656565;
}
html[data-theme=dark] .timeline--gray .timeline__item.highlight:after {
  background: #1c1c1c;
}
html[data-theme=dark] .testimonials-block {
  background: #1c1c1c;
}
html[data-theme=dark] .testimonials-block--grayscale {
  background: #272727;
}
html[data-theme=dark] .testimonials-block__pseudo {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(113deg) brightness(106%) contrast(104%);
}
html[data-theme=dark] .testimonials__item .info__content .job-description {
  color: #eaeef0;
}
html[data-theme=dark] .testimonials-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .testimonials-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .explanation-block {
  background: #1c1c1c;
}
html[data-theme=dark] .explanation-card:hover {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .explanation-card:hover {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .explanation-card__image {
  background: #272727;
}
html[data-theme=dark] .explanation-card__image img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(113deg) brightness(106%) contrast(104%);
}
html[data-theme=dark] .competition-block {
  background: #1c1c1c;
}
html[data-theme=dark] .competition-card {
  background: #272727;
}
html[data-theme=dark] .competition-card .info__item {
  color: #eaeef0;
}
html[data-theme=dark] .videos-block {
  background: #1c1c1c;
}
html[data-theme=dark] .videos-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .videos-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .locations-block {
  background: #272727;
}
html[data-theme=dark] .map-another-block {
  background: #272727;
}
html[data-theme=dark] .progress__separator {
  border-color: #272727;
}
html[data-theme=dark] .multi-step-form-block {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .multi-step-form-block a:hover h3 {
    color: #fff;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .multi-step-form-block h3:hover {
    color: #fff;
  }
}
html[data-theme=dark] .multi-step-form-block .req {
  color: #fff;
}
html[data-theme=dark] .steps .step {
  border: 2px solid #818181;
  background: transparent;
  color: #818181;
}
html[data-theme=dark] .steps .step--active {
  border: 2px solid #e0524d;
  color: #e0524d;
}
html[data-theme=dark] .steps .step--completed {
  border: 2px solid #e0524d;
  background: #e0524d;
  color: #fff;
}
html[data-theme=dark] .steps .separator {
  background: #818181;
}
html[data-theme=dark] .steps .separator--active {
  background: #e0524d;
}
html[data-theme=dark] .images-collage-block {
  background: #1c1c1c;
}
html[data-theme=dark] .certificates-block {
  background: #1c1c1c;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .certificates__item:hover .info h5 {
    color: #fff;
  }
}
html[data-theme=dark] .certificates__item .image {
  border: 1px solid #818181;
}
html[data-theme=dark] .vertical-separator {
  background: #494949;
}
html[data-theme=dark] .research-block {
  background: #1c1c1c;
}
html[data-theme=dark] .brands-block {
  background: #1c1c1c;
}
html[data-theme=dark] .brand-hero--black h3,
html[data-theme=dark] .brand-hero--black h5 {
  color: #272727;
}
html[data-theme=dark] .brand-banner--black h4 {
  color: #272727;
}
html[data-theme=dark] .gdpr {
  background: #1c1c1c;
}
html[data-theme=dark] .map-page-block {
  background: #1c1c1c;
}
html[data-theme=dark] .map-page-block__header {
  border-bottom: 2px solid #656565;
}
html[data-theme=dark] .map-page-block__header .pages a {
  border: 1px solid #494949;
  background: #272727;
}
html[data-theme=dark] .map-page-block__header .pages a h6 {
  color: #eaeef0;
}
html[data-theme=dark] .map-page-block__page-title:hover {
  color: #abd7f1 !important;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .map-page-block__page-title:hover {
    color: #2d9cdb !important;
  }
}
html[data-theme=dark] .map-page-block__area a h5:hover {
  color: #abd7f1;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .map-page-block__area a h5:hover {
    color: #2d9cdb;
  }
}
html[data-theme=dark] .map-page-block__area .bullets li a p:hover {
  color: #abd7f1;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .map-page-block__area .bullets li a p:hover {
    color: #2d9cdb;
  }
}
html[data-theme=dark] .map-page-block .separator {
  background: #656565;
}
html[data-theme=dark] .progress-block {
  background: #272727;
}
html[data-theme=dark] .board-members-block {
  background: #272727;
}
html[data-theme=dark] .history-block {
  background: #1c1c1c;
}
html[data-theme=dark] .history-nav__item:after {
  content: "";
  background: #494949;
}
html[data-theme=dark] .history-nav__item--past:before {
  content: "";
  background: #ec1c24;
}
html[data-theme=dark] .history-nav__item--past:after {
  background: #ec1c24;
}
html[data-theme=dark] .history-nav__item.slick-current::after {
  content: "";
  background: #ec1c24;
  border: 4px solid #e46763;
}
html[data-theme=dark] .history-nav__item.slick-current span {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .history-nav .slick-list::after {
    content: "";
    background: linear-gradient(90deg, #1c1c1c 0%, rgba(255, 255, 255, 0) 50%, #1c1c1c 100%);
  }
}
html[data-theme=dark] .history-nav .slick-track:after {
  background: #818181;
}
html[data-theme=dark] .awards-only-block {
  background: #1c1c1c;
}
html[data-theme=dark] .awards-only-block__wrapper {
  margin-top: -2px;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .awards-only-block__wrapper {
    margin-top: 0;
  }
}
html[data-theme=dark] .gallery-slider-block--grayscale .gallery-slider .slick-slide:before {
  background: #272727;
}
html[data-theme=dark] .gallery-slider-block--grayscale .gallery-slider .slick-slide:after {
  background: #272727;
}
html[data-theme=dark] .gallery-slider-block--grayscale-bottom .gallery-slider .slick-slide:after {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .gallery-slider-block--grayscale-bottom .gallery-slider .slick-slide:after {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .gallery-slider-block--grayscale-top .gallery-slider .slick-slide:before {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .gallery-slider-block--grayscale-top .gallery-slider .slick-slide:before {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .gallery-slider .slick-slide:before {
  background: #1c1c1c;
}
html[data-theme=dark] .gallery-slider .slick-slide:after {
  background: #1c1c1c;
}
html[data-theme=dark] .values-block {
  background: #1c1c1c;
}
html[data-theme=dark] .value__separator {
  background: #494949;
}
html[data-theme=dark] .stock-chart-block {
  background: #1c1c1c;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .stock-chart-block {
    padding: 32px 4px;
  }
}
html[data-theme=dark] .title-block {
  background: #1c1c1c;
}
html[data-theme=dark] .faq-block {
  background: #1c1c1c;
}
html[data-theme=dark] .faq-block__item {
  background: #272727;
}
html[data-theme=dark] .faq-block__content .content-description p em {
  color: #fff;
}
html[data-theme=dark] .image-block {
  background: #1c1c1c;
}
html[data-theme=dark] .image-block--grayscale {
  background: #272727;
}
html[data-theme=dark] .tabs-accordion-block {
  background: #1c1c1c;
}
html[data-theme=dark] .tabs-accordion-block__tab-menu ul li a {
  background: #272727;
}
html[data-theme=dark] .tabs-accordion-block__tab-menu ul li a:hover {
  background: #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tabs-accordion-block__tab-menu ul li a:hover {
    background: #272727;
  }
}
html[data-theme=dark] .tabs-accordion-block__tab-menu ul li a.active {
  background: #db3832;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tabs-accordion-block__tab-box .certificates .certificate {
    border: 1px solid #494949;
  }
}
html[data-theme=dark] .tabs-accordion-block__tab-box .certificates .certificate__title {
  color: #db3832;
}
html[data-theme=dark] .tabs-accordion-block__tab-box .certificates .certificate__description {
  color: #d4d8dc;
}
html[data-theme=dark] .tabs-accordion-block__tab-box .certificates .certificate__description svg {
  filter: brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(198%) hue-rotate(169deg) brightness(100%) contrast(83%);
}
html[data-theme=dark] .tabs-accordion-block__tab-box .text ul li {
  color: #fff;
}
html[data-theme=dark] .tabs-accordion-block__tab-box .text ul li::marker {
  color: #e46763;
}
html[data-theme=dark] .tabs-accordion-block__tab-box .text ul li strong {
  color: #e46763;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .tab-card:hover .tab-card__info .text {
    color: #fff;
  }
}
html[data-theme=dark] .prize-games-block {
  background: #1c1c1c;
}
html[data-theme=dark] .prizecard {
  background: #272727;
}
html[data-theme=dark] .prizecard:hover .prizecard__title .text {
  color: #ec1c24;
}
html[data-theme=dark] .prizecard:hover .prizecard__title svg {
  filter: brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(7095%) hue-rotate(355deg) brightness(123%) contrast(85%);
}
@media (max-width: 1023px) {
  html[data-theme=dark] .prizecard:hover .prizecard__title .text {
    color: #fff;
  }
  html[data-theme=dark] .prizecard:hover .prizecard__title svg {
    filter: unset;
  }
}
html[data-theme=dark] .prizecard__title .text {
  transition: 0.3s ease-in-out;
}
html[data-theme=dark] .prizecard__title svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(70deg) brightness(99%) contrast(107%);
  transition: transform 0.3s ease-in-out;
}
html[data-theme=dark] .alphabet-filter .items .letter {
  border: 1px solid #494949;
  background: #272727;
  color: #eaeef0;
}
html[data-theme=dark] .alphabet-filter .items .letter.active {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}
html[data-theme=dark] .brand {
  border-top: 1px solid #656565;
}
html[data-theme=dark] .brand__content .text {
  color: #eaeef0;
}
html[data-theme=dark] .options .brands-mobile-filter {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .options .brands-mobile-filter h6 {
  color: #db3832;
}
html[data-theme=dark] .options .results-shown h6 {
  color: #d4d8dc;
}
html[data-theme=dark] .options .results-shown h6 strong {
  color: #f6f8f9;
}
html[data-theme=dark] .brands-filter.active {
  background: #1c1c1c;
}
html[data-theme=dark] .brands-filter__header {
  border: 1px solid #494949;
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .brands-filter__header {
    border: 1px solid #494949;
    border-left: none;
    border-right: none;
  }
}
html[data-theme=dark] .brands-filter__header .title svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(347deg) brightness(108%) contrast(100%);
}
html[data-theme=dark] .brands-filter__filter-types {
  border: 1px solid #494949;
  border-top: none;
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .brands-filter__filter-types {
    border: none;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .brands-filter__filter-types .options {
    background: #272727;
    border-top: 1px solid #494949;
  }
}
html[data-theme=dark] .brands-filter__filter-types .options .btn.reset-filter {
  background: transparent;
}
html[data-theme=dark] .brands-filter__filter-types .options__separator {
  background: #494949;
}
@media (min-width: 1024px) {
  html[data-theme=dark] .brands-filter__filter-types .options__separator {
    display: none;
  }
}
html[data-theme=dark] .attribute {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .attribute__header h5 {
  color: #ec1c24;
}
html[data-theme=dark] .attribute__header svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(347deg) brightness(108%) contrast(100%);
}
html[data-theme=dark] .attribute__item span {
  color: #f6f8f9;
}
html[data-theme=dark] .products-filter.active {
  background: #1c1c1c;
}
html[data-theme=dark] .products-filter__header {
  border: 1px solid #494949;
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .products-filter__header {
    border: 1px solid #494949;
    border-left: none;
    border-right: none;
  }
}
html[data-theme=dark] .products-filter__filter-types {
  border: 1px solid #494949;
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .products-filter__filter-types {
    background: #1c1c1c;
    border: none;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .products-filter__filter-types .options {
    border-top: 1px solid #494949;
    background: #1c1c1c;
  }
}
html[data-theme=dark] .products-filter__filter-types .options .btn.reset-filter {
  background: transparent;
}
html[data-theme=dark] .products-filter__filter-types .options__separator {
  background: #494949;
}
@media (min-width: 1024px) {
  html[data-theme=dark] .products-filter__filter-types .options__separator {
    display: none;
  }
}
html[data-theme=dark] .functions .checkboxes__item label {
  color: #f6f8f9;
}
html[data-theme=dark] .products-mobile-filter {
  border: none;
  border-top: 1px solid #656565;
  background: #1c1c1c;
}
@media (min-width: 1024px) {
  html[data-theme=dark] .products-mobile-filter {
    display: none;
  }
}
html[data-theme=dark] .products-mobile-filter h6 {
  color: #ec1c24;
}
html[data-theme=dark] .products-list {
  padding: 32px 0 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 24px;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .products-list {
    padding: 32px 0 64px;
    gap: 8px;
    row-gap: 16px;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  html[data-theme=dark] .product-item:hover h6 {
    color: #fff;
  }
}
html[data-theme=dark] .product-item__image {
  background: #272727;
}
html[data-theme=dark] .map-iframe-block {
  background: #272727;
}
html[data-theme=dark] .map-iframe-block #map .leaflet-top.leaflet-left .leaflet-control-zoom span {
  color: #1c1c1c;
}
html[data-theme=dark] .product-info {
  background: #1c1c1c;
}
html[data-theme=dark] .product-composition {
  background: #272727;
}
html[data-theme=dark] .product-composition__ingredients h4 span.active {
  color: #fff;
}
html[data-theme=dark] .product-composition__nutrition-values .items .item {
  border-bottom: 1px solid #656565;
}
html[data-theme=dark] .product-composition__nutrition-values .items .item--link a {
  color: #e0524d;
}
html[data-theme=dark] .product-composition__nutrition-values .items .item--source {
  border-bottom: none;
}
html[data-theme=dark] .product-recipes {
  background: #1c1c1c;
}
html[data-theme=dark] .dropdowns__item {
  border-bottom: 1px solid #656565;
}
html[data-theme=dark] .dropdowns__label {
  color: #d4d8dc;
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul {
  background: #1c1c1c;
  border: 1px solid #494949;
  border-top: none;
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li:last-child {
  border-bottom: none;
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li p {
  color: #e6ecef;
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li:hover {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li:hover {
    background: #1c1c1c;
  }
}
html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li:hover p {
  color: #f6f8f9;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .dropdowns__select .select-wrap .select-ul li:hover p {
    color: #e6ecef;
  }
}
html[data-theme=dark] .recipes-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .recipes-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .recipe-card:hover .recipe-card__content .title {
    color: #f6f8f9;
  }
}
html[data-theme=dark] .recipe-card__content .title {
  color: #f6f8f9;
}
html[data-theme=dark] .recipe-card__content .time {
  color: #d4d8dc;
}
html[data-theme=dark] .product-banner {
  background: #1c1c1c;
}
html[data-theme=dark] .product-banner--black h3 {
  color: #272727;
}
html[data-theme=dark] .product-banner--black .btn {
  border-color: #272727;
  color: #272727;
}
html[data-theme=dark] .product-similar {
  background: #1c1c1c;
}
html[data-theme=dark] .market-card__area {
  background: #272727;
  border-color: #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .brand-product:hover .brand-product__content .title {
    color: #fff;
  }
}
html[data-theme=dark] .brand-product__image {
  background: #272727;
}
html[data-theme=dark] .brand-product__content {
  background: #272727;
}
html[data-theme=dark] .brand-product__content .title {
  color: #f6f8f9;
}
html[data-theme=dark] .brand-product__content .features__item {
  color: #e6ecef;
}
html[data-theme=dark] .brand-product__content .features__item svg {
  filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(863%) hue-rotate(169deg) brightness(96%) contrast(95%);
}
html[data-theme=dark] .brand-category {
  background: #1c1c1c;
}
html[data-theme=dark] .brand-products-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .brand-products-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .brand-category-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .brand-category-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .brand-prize-game {
  background: #1c1c1c;
}
html[data-theme=dark] .brand-prize-game__area {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .brand-prize-game__area:hover .brand-prize-game__info h3 {
    color: #fff;
  }
}
html[data-theme=dark] .brand-socials {
  border-top: 1px solid #818181;
  border-bottom: 1px solid #818181;
  background: #272727;
}
html[data-theme=dark] .images-collage-five-images-block {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-try {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-try__header .text h4 em {
  color: #fff;
}
html[data-theme=dark] .tabs-menu ul li a {
  border-bottom: 1px solid #494949;
}
html[data-theme=dark] .tabs-menu ul li a h4 {
  color: #d4d8dc;
}
html[data-theme=dark] .tabs-menu ul li a.active {
  border-bottom: 4px solid #db3832;
}
html[data-theme=dark] .tabs-menu ul li a.active h4 {
  color: #fff;
}
html[data-theme=dark] .imapsSprite-group.imapsRectangle-group {
  fill: #272727;
}
html[data-theme=dark] .map-popup {
  background: #272727;
}
html[data-theme=dark] .inspiration-health {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-health-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .inspiration-health-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .health-card {
  background: #272727;
  /* &__title {
      svg {
          filter: brightness(0) saturate(100%) invert(48%) sepia(50%) saturate(625%) hue-rotate(314deg) brightness(95%) contrast(90%);
      }
  } */
}
@media (max-width: 1023px) {
  html[data-theme=dark] .health-card:hover .health-card__title h6 {
    color: #fff;
  }
}
html[data-theme=dark] .inspiration-ad {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-ad__area {
  background: #272727;
}
html[data-theme=dark] .inspiration-ad__info .slogan {
  color: #e46763;
}
html[data-theme=dark] .inspiration-ad__info .intro {
  color: #fff;
}
html[data-theme=dark] .inspiration-news-collage {
  background: #1c1c1c;
}
html[data-theme=dark] .multi-step input[type=date]:before {
  color: #f6f8f9;
  background: #272727;
}
html[data-theme=dark] .multi-step .cf7-wrapper-accept .wpcf7-list-item-label {
  color: #eaeef0;
}
html[data-theme=dark] input[type=date]:after {
  filter: brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(103%) hue-rotate(155deg) brightness(102%) contrast(103%);
}
html[data-theme=dark] .cf7-newsletter .wpcf7-email {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
html[data-theme=dark] .pagination span {
  border-color: #5e0b0e;
  background: #ec1c24;
}
html[data-theme=dark] .pagination a {
  border-color: #494949;
  background: #272727;
  color: #eaeef0;
}
html[data-theme=dark] .pagination a svg {
  filter: brightness(0) saturate(100%) invert(98%) sepia(13%) saturate(300%) hue-rotate(171deg) brightness(98%) contrast(92%);
}
html[data-theme=dark] .inspiration-news {
  background: #1c1c1c;
}
html[data-theme=dark] .news-main-card {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .news-main-card:hover .news-main-card__info .title {
    color: #fff;
  }
}
html[data-theme=dark] .news-card {
  background: #272727;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .news-card:hover .news-card__info .title {
    color: #fff;
  }
}
html[data-theme=dark] .inspiration-groceries {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-groceries-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .inspiration-groceries-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .grocery-card:hover .grocery-card__title h5 {
    color: #fff;
  }
}
html[data-theme=dark] .inspiration-similar {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-similar-slider.slick-initialized .slick-dots li button::before {
  background: #656565;
}
html[data-theme=dark] .inspiration-similar-slider.slick-initialized .slick-dots li.slick-active button::before {
  background: #ec1c24;
}
html[data-theme=dark] .inspiration-posts {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-post-content {
  background: #1c1c1c;
}
html[data-theme=dark] .inspiration-post-content__border {
  border-right: 3px dashed #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .inspiration-post-content__border {
    display: none;
  }
}
html[data-theme=dark] .inspiration-post-content .content .coolinarika .header .info .reading-time svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .coolinarika .header .info .reading-time p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .coolinarika .header .info .author svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .coolinarika .header .info .author p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .grocery .header .author p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .health .header .info .reading-time svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .health .header .info .reading-time p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .health .header .info .author svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .health .header .info .author p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .author svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .author p {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .preparation .complexity,
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .preparation .time {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .preparation .complexity svg,
html[data-theme=dark] .inspiration-post-content .content .recipe .header .info .preparation .time svg {
  filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(152%) hue-rotate(156deg) brightness(103%) contrast(97%);
}
html[data-theme=dark] .inspiration-post-content .content .recipe__content .ingredients__items .item .quantity {
  color: #eaeef0;
}
html[data-theme=dark] .inspiration-post-content .content .recipe__content .ingredients__items .item .name {
  color: #fff;
}
html[data-theme=dark] .inspiration-post-content .content .recipe__content .ingredients .used-products .product-card__image {
  background: #272727;
}
html[data-theme=dark] .inspiration-post-content .content .recipe__content .vertical-border {
  background: #494949;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .inspiration-post-content .sidebar {
    background: #272727;
  }
}
html[data-theme=dark] .product-hero--black h3,
html[data-theme=dark] .product-hero--black h5 {
  color: #272727;
}
html[data-theme=dark] .product-hero__image:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1c1c1c 63%, #1c1c1c 100%);
}
html[data-theme=dark] .bottom-shadow:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1c1c1c 63%, #1c1c1c 100%);
}
html[data-theme=dark] .board-members__item:hover .header-block__title {
  color: #fff;
}
html[data-theme=dark] .product-recipes .dropdowns__select .select-ul li h5,
html[data-theme=dark] .product-similar .dropdowns__select .select-ul li h5,
html[data-theme=dark] .inspiration-similar .dropdowns__select .select-ul li h5 {
  color: #eaeef0;
}
html[data-theme=dark] .product-recipes .dropdowns__select .select-ul li:hover h5,
html[data-theme=dark] .product-similar .dropdowns__select .select-ul li:hover h5,
html[data-theme=dark] .inspiration-similar .dropdowns__select .select-ul li:hover h5 {
  color: #fff;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .product-recipes .dropdowns__select .select-ul li:hover h5,
  html[data-theme=dark] .product-similar .dropdowns__select .select-ul li:hover h5,
  html[data-theme=dark] .inspiration-similar .dropdowns__select .select-ul li:hover h5 {
    color: #f6f8f9;
  }
}
html[data-theme=dark] .agri-about-block__content {
  background: #494949;
  border: 1px solid #656565;
}
@media (max-width: 1023px) {
  html[data-theme=dark] .agri-about-block__content {
    border: 0;
  }
}
html[data-theme=dark] .coolinarika__content a,
html[data-theme=dark] .health__content a,
html[data-theme=dark] .grocery__content a {
  color: #2d9cdb;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Components */
.topbar {
  background: #f6f8f9;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1023px) {
  .topbar {
    display: none;
  }
}
.topbar__row {
  align-items: center;
}

.switch-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  position: relative;
}
.switch-group--border {
  border-top: 1px solid #f6f8f9;
  border-bottom: 1px solid #f6f8f9;
}
.switch-group__item {
  display: block;
}
.switch-group__item--w50 {
  width: 50%;
}
.switch-group__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: #eaeef0;
}
.switch-group__action--border {
  border-right: 1px solid #e6ecef;
}
.switch-group__dropdown {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 190px;
  right: 0px;
  z-index: 99999999999999;
  padding: 12px 0px;
  border-radius: 8px;
  margin-top: 15px;
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
}
.switch-group__item:hover .switch-group__dropdown {
  background: #ec1c24;
  opacity: 1;
  visibility: visible;
}
.switch-group__dropdown--right {
  right: -72px;
}
@media (max-width: 1370px) {
  .switch-group__dropdown--right {
    right: 0px;
  }
}
.switch-group__dropdown--right a {
  color: #fff;
}
.switch-group__dropdown--mobile-left {
  left: 15px;
}
.switch-group__dropdown--mobile-right {
  right: 15px;
}
.switch-group__dropdown--mobile-right a {
  color: #fff;
}
.switch-group__dropdown:before {
  content: "";
  position: absolute;
  margin-left: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  left: 50%;
  background-color: #ec1c24;
  transform: rotate(45deg);
}
.switch-group__dropdown:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
}
.switch-group__dropdown-item {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 12px 0px;
  width: 100%;
}
.switch-group .switch-group__dropdown-item + .switch-group__dropdown-item {
  border-top: 1px solid #e46763;
}
.switch-group__text {
  color: #272727;
}

.theme-switcher .checkbox-toggler {
  opacity: 0;
  position: absolute;
}
.theme-switcher .checkbox-toggler:checked + .label-toggler .ball {
  transform: translateX(35px);
}
.theme-switcher .label-toggler {
  background-color: #111;
  width: 50px;
  height: 26px;
  border-radius: 50px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-switcher .label-toggler .ball {
  background-color: #fff;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 6px;
  top: 5px;
  border-radius: 50%;
  transition: transform 0.2s linear;
}

.footer {
  border-top: 1px solid #eaeef0;
  background: #fff;
  padding: 40px 0;
}
@media (max-width: 1023px) {
  .footer {
    padding: 40px 20px;
  }
}
@media (max-width: 1023px) {
  .footer__logo {
    max-width: 190px;
  }
}
.footer__flex {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1023px) {
  .footer__flex {
    flex-direction: column;
    gap: 24px;
  }
}
.footer__copyright {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  .footer__copyright {
    margin-bottom: 40px;
  }
}
.footer__copyright p {
  color: #656565;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .footer__copyright p {
    font-size: 12px;
    line-height: 18px;
  }
}

.footer-nav {
  position: relative;
  z-index: 2;
}
.footer-nav__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
@media (max-width: 1023px) {
  .footer-nav__list {
    align-items: flex-start;
  }
}
.footer-nav__item {
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.footer-nav__item a {
  color: #494949;
}

.social-icons__list {
  display: flex;
  justify-content: flex-end;
  gap: 2px;
}
@media (max-width: 1023px) {
  .social-icons__list {
    justify-content: center;
  }
}
.social-icons__item {
  padding: 8px;
}
.social-icons--footer {
  margin-top: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .social-icons--footer {
    margin-top: 24px;
  }
}
.social-icons--header .social-icons__list {
  justify-content: flex-start;
}
.social-icons--mobile-header {
  display: none;
  margin-top: 16px;
  border-top: 1px solid #eaeef0;
  background: #fff;
  border-radius: 0px 0px 16px 16px;
  padding-bottom: 8px;
  padding-top: 8px;
}
@media (max-width: 1023px) {
  .social-icons--mobile-header {
    display: block;
  }
}
.social-icons--share .social-icons__list {
  gap: 8px;
}
.social-icons--share .social-icons__list .social-icons__item {
  padding: 0;
}
.social-icons--share .social-icons__list .social-icons__item a {
  display: block;
  border-radius: 2px;
  border: 1px solid #f6f8f9;
  background: #f6f8f9;
  padding: 8px;
}
.social-icons--share .social-icons__list .social-icons__item a svg, .social-icons--share .social-icons__list .social-icons__item a img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.share {
  border-top: 1px solid #eaeef0;
  background: #e6ecef;
  padding: 24px 0;
}
.share__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 1023px) {
  .share__content {
    flex-direction: column;
  }
}
.share__text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #272727;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.share .social-icons--share .social-icons__list {
  gap: 8px;
}
.share .social-icons--share .social-icons__list .social-icons__item {
  padding: 0;
}
.share .social-icons--share .social-icons__list .social-icons__item a {
  display: block;
  border-radius: 2px;
  border: 1px solid #f6f8f9;
  background: #f6f8f9;
  padding: 8px;
}
@media (max-width: 1023px) {
  .share .social-icons--share .social-icons__list .social-icons__item a {
    padding: 12px;
  }
}
.share .social-icons--share .social-icons__list .social-icons__item a svg {
  width: 14px;
}

.site-header {
  background-color: #fff;
  position: fixed;
  z-index: 999999999;
  width: 100%;
}
@media (max-width: 1023px) {
  .site-header {
    max-width: 430px;
  }
}
.site-header--white {
  background: transparent !important;
}
.site-header--white .site-header__mobile svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(116%) contrast(106%);
}
.site-header--active {
  z-index: 999999999;
}
.site-header--sticky-scroll {
  background: #fff !important;
}
.site-header--sticky-scroll .site-header__animation {
  margin-top: -152px;
}
.site-header__animation {
  margin-top: 0;
  transition: all 0.3s ease-out;
}
.site-header__wrapper {
  padding: 24px 0;
}
@media (max-width: 1023px) {
  .site-header__wrapper {
    padding: 16px 0;
  }
}
@media (min-width: 1024px) {
  .site-header__wrapper {
    background: #fff;
  }
}
.site-header__wrapper .jsCloseHamburger {
  display: none;
}
.site-header__wrapper--active {
  background: #fff;
}
.site-header__wrapper--active .jsCloseHamburger {
  display: block;
}
.site-header__wrapper--active .jsHamburger {
  display: none;
}
.site-header__row {
  align-items: center;
}
@media (max-width: 1023px) {
  .site-header__logo {
    width: 117px;
  }
  .site-header__logo svg {
    width: 100%;
  }
}
.site-header__mobile {
  display: none;
  justify-content: flex-end;
  gap: 24px;
}
@media (max-width: 1023px) {
  .site-header__mobile {
    display: flex;
  }
}
.site-header__main-nav {
  padding: 16px 0;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .site-header__main-nav {
    display: none;
  }
}
.site-header__main-nav--mobile {
  display: block !important;
  position: absolute;
  top: 113px;
  width: 100%;
  border: 0;
  background: #fff;
  border-radius: 0px 0px 16px 16px;
  padding-bottom: 0;
}
.site-header__main-nav--mobile .container {
  padding: 0;
}

.mobile-menu {
  width: 100%;
  position: absolute;
  bottom: -41px;
  display: none;
}
.mobile-menu--active {
  display: block;
}

@media (max-width: 1023px) {
  .search-form {
    display: none;
  }
}
.search-form--posts {
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .search-form--posts {
    display: block;
    margin-bottom: 16px;
  }
}
.search-form--tabs {
  max-width: 808px;
  margin: 0 auto 64px;
}
@media (max-width: 1023px) {
  .search-form--tabs {
    display: block;
    max-width: unset;
    margin: 0 0 48px;
  }
}
.search-form--brands {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .search-form--brands {
    display: block;
  }
}
.search-form--products {
  margin-bottom: 0;
  min-width: 395px;
}
@media (max-width: 1250px) {
  .search-form--products {
    min-width: unset;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .search-form--products {
    display: block;
    width: 100%;
  }
}
.search-form--404 {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .search-form--404 {
    display: block;
  }
}
.search-form--reports {
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .search-form--reports {
    display: block;
    margin-bottom: 16px;
  }
}
.search-form--reports input {
  background: #fff;
}
.search-form--financial {
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .search-form--financial {
    display: block;
    margin-bottom: 16px;
  }
}
.search-form--financial input {
  background: #f6f8f9;
}
.search-form--bg-reverse input {
  background: #fff;
}
.search-form--mobile {
  display: block;
  position: absolute;
  left: 0;
  bottom: -80px;
  background: #fff;
  width: calc(100% - 30px);
  padding: 24px 15px;
  z-index: 999999;
}
.search-form__control {
  display: flex;
  justify-content: flex-end;
}
.search-form input[type=search] {
  border-radius: 40px 0px 0 40px;
  padding-left: 16px;
  flex-grow: 1;
  margin-right: -40px;
}
.search-form input[type=search]:focus {
  outline: none;
}
.search-form__button {
  align-items: center !important;
}

.quick-links {
  background: #f6f8f9;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .quick-links {
    padding: 32px 4px;
  }
}
.quick-links__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quick-links__list--404 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 1023px) {
  .quick-links__list--404 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
.quick-links__list--404 .quick-links__item {
  width: 100%;
}
.quick-links__item a {
  border-bottom: 1px solid #eaeef0;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.quick-links__item a:hover .quick-links__icon svg, .quick-links__item a:hover .quick-links__icon img {
  transform: rotateY(180deg);
}
.quick-links__item a:hover .text {
  transform: scale(1.1);
}
.quick-links__item a:hover .arrow svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .quick-links__item a:hover .quick-links__icon svg, .quick-links__item a:hover .quick-links__icon img {
    transform: rotateY(0deg);
  }
  .quick-links__item a:hover .text {
    transform: scale(1);
  }
  .quick-links__item a:hover .arrow svg {
    transform: rotate(0deg);
  }
}
.quick-links__item a p {
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .quick-links__item a p {
    gap: 8px;
  }
}
.quick-links__item a p .text {
  transition: transform 0.3s ease-in-out;
}
.quick-links__item a .arrow svg {
  transition: 0.3s ease-in-out;
}
.quick-links__icon {
  border-radius: 56px;
  background: #eaeef0;
  padding: 8px;
  width: 14px;
  height: 14px;
  line-height: 1;
}
.quick-links__icon svg, .quick-links__icon img {
  transition: transform 0.6s ease;
  transform-origin: center;
}

.header-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  .header-group {
    margin-bottom: 32px;
  }
}
.header-group__title {
  font-weight: 800;
}
@media (max-width: 1023px) {
  .header-group__title {
    font-weight: 600;
  }
}
.header-group__subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .header-group__subtitle {
    font-size: 14px;
    line-height: 21px;
  }
}

.icon {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  height: 24px;
  width: 24px;
}
.icon--svg {
  position: relative;
}
.icon--svg svg {
  position: absolute;
  left: 0;
  top: 0;
}
.icon--14 {
  width: 14px;
  height: 14px;
}
.icon--16 {
  height: 16px;
  width: 16px;
}
.icon--32 {
  width: 32px;
  height: 32px;
}
.icon--h-44 {
  height: 44px;
}
.icon--center svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.main-nav__list {
  display: flex;
  align-items: center;
  gap: 40px;
}
.main-nav__link {
  color: #272727;
}
.main-nav__link:hover {
  color: #ec1c24;
}
.main-nav__item .icon {
  display: none;
}
@media (min-width: 1024px) {
  .main-nav__item--active > .main-nav__link {
    color: #ec1c24;
  }
}
.main-nav__dropdown {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  width: calc(100% - 64px);
  left: 0px;
  top: 32px;
  z-index: 100;
  padding: 32px 32px 40px 32px;
  border-radius: 0px 0px 56px 8px;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  visibility: hidden;
  gap: 24px;
  min-height: 290px;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .main-nav__dropdown {
    padding: 0;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
    min-height: 450px;
    max-height: 450px;
    overflow-y: scroll;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .main-nav__item:hover .main-nav__dropdown {
    background: #fff;
    opacity: 1;
    visibility: visible;
  }
}
.main-nav__dropdown--active {
  background: #fff;
  opacity: 1;
  visibility: visible;
  border-radius: 16px;
}
@media (max-width: 1023px) {
  .main-nav__dropdown--active {
    padding-top: 0;
  }
}
.main-nav__dropdown:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
}
.main-nav__dropdown .main-nav__list {
  flex-direction: column;
  width: 100%;
  gap: 4px;
  align-items: flex-start;
  max-width: 320px;
  position: relative;
}
@media (max-width: 1023px) {
  .main-nav__dropdown .main-nav__list {
    max-width: unset;
  }
}
.main-nav__dropdown .main-nav__item {
  width: 100%;
}
.main-nav__dropdown .main-nav__item--active > .main-nav__link {
  color: #fff;
  background-color: #ec1c24;
}
.main-nav__dropdown .main-nav__item--active > .main-nav__link svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7494%) hue-rotate(129deg) brightness(105%) contrast(101%);
}
.main-nav__dropdown .main-nav__link {
  display: flex;
  padding: 12px 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 56px;
  background: #f6f8f9;
  transition: background-color 0.2s, color 0.2s;
}
.main-nav__dropdown .main-nav__link:hover {
  color: #fff;
  background-color: #ec1c24;
}
.main-nav__dropdown .main-nav__link:hover svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7494%) hue-rotate(129deg) brightness(105%) contrast(101%);
}
.main-nav__dropdown .main-nav__item .icon {
  display: block;
}
.main-nav--mobile {
  flex-wrap: wrap;
  gap: 24px;
  background: #fff;
  padding: 0 12px;
}
.main-nav--mobile .main-nav__list {
  flex-direction: column;
  width: 100%;
  gap: 4px;
  align-items: flex-start;
}
.main-nav--mobile .main-nav__item {
  width: 100%;
}
.main-nav--mobile .main-nav__link {
  display: flex;
  padding: 12px 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 56px;
  background: #f6f8f9;
}
.main-nav--mobile .main-nav__item .icon {
  display: block;
}
.main-nav__title {
  display: flex;
  align-items: center;
  justify-content: end;
  width: calc(100% - 32px);
  margin-bottom: 16px;
  padding: 0px 16px;
}
.main-nav__title-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-nav__title span {
  font-size: 14px;
  color: #272727;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.28px;
}
@media (max-width: 1023px) {
  .main-nav__title span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.24px;
  }
}
.main-nav__title h5 {
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main-nav__title .icon {
  display: block;
}
.main-nav__info {
  max-width: 600px;
  margin-top: 44px;
}
@media (max-width: 1023px) {
  .main-nav__info {
    display: none !important;
  }
}
.main-nav__subdropdown {
  position: absolute;
  background: transparent;
  left: calc(100% + 24px);
  top: 0;
  opacity: 0;
  visibility: hidden;
  max-width: 320px;
  width: 100%;
  transition: 0.1s ease-out;
  padding-bottom: 16px;
}
@media (max-width: 1023px) {
  .main-nav__subdropdown {
    background: #fff;
    left: 0;
    top: 0;
    max-width: unset;
    z-index: 999999;
    min-height: 430px;
    max-height: 430px;
    overflow-y: scroll;
  }
}
.main-nav__subdropdown:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -30px;
  width: calc(100% + 30px);
  height: 300px;
  z-index: -1;
}
@media (min-width: 1024px) {
  .main-nav__item--subdropdown:hover > .main-nav__subdropdown {
    background: #fff;
    opacity: 1;
    visibility: visible;
  }
}
.main-nav__subdropdown--active {
  background: #fff;
  opacity: 1;
  visibility: visible;
  border-radius: 16px;
}
.main-nav__back {
  display: none;
}
.main-nav__back span {
  color: #818181 !important;
}
@media (max-width: 1023px) {
  .main-nav__back {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #818181;
    width: fit-content;
    margin-bottom: 16px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.28px;
    font-size: 14px;
  }
}

.header-block {
  margin-bottom: 40px;
}
.header-block--wom {
  margin-bottom: 16px;
}
.header-block--half {
  margin-bottom: 24px;
}
.header-block--section-a {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .header-block--section-a {
    margin-bottom: 0;
  }
}
.header-block--section-b {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .header-block--section-b {
    margin-bottom: 24px;
  }
}
.header-block--card-w-img {
  margin-bottom: 16px;
}
.header-block--strategy {
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .header-block--strategy {
    margin-bottom: 32px;
  }
}
.header-block--grid {
  margin-bottom: 48px;
}
.header-block--financial {
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .header-block--financial {
    margin-bottom: 48px;
  }
}
.header-block--education {
  margin-bottom: 32px;
}
.header-block--competition {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .header-block--competition {
    margin-bottom: 32px;
  }
}
.header-block--students {
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .header-block--students {
    margin-bottom: 24px;
  }
}
.header-block--mega-menu {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 80px;
  margin-bottom: 0;
}
.header-block--mb-30 .header-block__title {
  margin-bottom: 30px;
}
.header-block__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.header-block__text a {
  transition: 0.3s ease-in-out;
}
.header-block__text a:hover h2,
.header-block__text a:hover h3 {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .header-block__text a:hover h2,
  .header-block__text a:hover h3 {
    color: #272727;
  }
}
.header-block__subtitle {
  color: #ec1c24;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .header-block__subtitle {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.header-block__subtitle--12 {
  font-size: 12px;
}
.header-block__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.header-block__link svg {
  transition: transform 0.3s ease-in-out;
}
.header-block__link:hover .header-block__title {
  color: #ec1c24;
}
.header-block__link:hover svg {
  transform: scale(1.2);
}
@media (max-width: 1023px) {
  .header-block__link:hover .header-block__title {
    color: #272727;
  }
  .header-block__link:hover svg {
    transform: scale(1);
  }
}
.header-block__link--flex-start {
  justify-content: flex-start;
}
.header-block__title {
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .header-block__title {
    font-weight: 800;
  }
}
.header-block__title-text {
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
.header-block__title-text:hover {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .header-block__title-text:hover {
    color: #272727;
  }
}
.header-block--border {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
}
.header-block--border .header-block__text {
  padding-left: 24px;
  border-left: 4px solid #eaeef0;
}
@media (max-width: 1023px) {
  .header-block--border .header-block__text {
    padding-left: 16px;
  }
}
.header-block--media .header-block__text {
  padding-left: 24px;
  border-left: 4px solid #eaeef0;
}

.img-collage {
  display: flex;
  gap: 8px;
}
@media (max-width: 1023px) {
  .img-collage {
    margin-bottom: 40px;
  }
}
.img-collage div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vertical-separator {
  content: "";
  background: #eaeef0;
  min-width: 2px;
  height: auto;
}
@media (max-width: 1023px) {
  .vertical-separator {
    width: auto;
    height: 1px;
  }
}
.vertical-separator--certificate {
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .vertical-separator--certificate {
    display: none;
  }
}

.share-icon {
  position: fixed;
  bottom: 20%;
  left: 16px;
  z-index: 9999999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .share-icon {
    display: none;
  }
}
.share-icon:hover .share-icon__btn:not(:last-child) {
  visibility: visible;
  width: auto;
  height: auto;
  opacity: 1;
}
.share-icon__main {
  display: flex;
  border-radius: 56px;
  border: 2px solid #ec1c24;
  background: #ec1c24;
  padding: 12px;
}
.share-icon__btn {
  transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}
.share-icon__btn:not(:last-child) {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}
.share-icon__btn:active, .share-icon__btn:focus, .share-icon__btn:hover {
  scale: 1.2;
}
.share-icon__btn:nth-last-child(1) {
  -webkit-transition-delay: 25ms;
  transition-delay: 25ms;
}
.share-icon__btn:not(:last-child):nth-last-child(2) {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms;
}
.share-icon__btn:not(:last-child):nth-last-child(3) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms;
}
.share-icon__btn:not(:last-child):nth-last-child(4) {
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms;
}
.share-icon__btn:not(:last-child):nth-last-child(5) {
  -webkit-transition-delay: 80ms;
  transition-delay: 80ms;
}
.share-icon__btn:not(:last-child):nth-last-child(6) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.share-icon__btn:not(:last-child):nth-last-child(7) {
  -webkit-transition-delay: 120ms;
  transition-delay: 120ms;
}

.back-to-top {
  display: flex;
  background-color: #ec1c24;
  border-radius: 50%;
  padding: 12px;
  text-align: center;
  position: fixed;
  bottom: 54px;
  right: 16px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  transition: 0.3s ease-in-out;
}
.back-to-top::after {
  content: url("../../src/img/icons/arrow-narrow-up.svg");
  height: 24px;
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
}
.back-to-top:hover {
  scale: 1.2;
}
@media (max-width: 1023px) {
  .back-to-top:hover {
    scale: 1;
  }
}

.mail-icon {
  position: fixed;
  top: 82%;
  left: 16px;
  z-index: 1000;
  border-radius: 50%;
  border: 2px solid #ec1c24;
  background: #fff;
  padding: 12px;
  height: 24px;
}
@media (max-width: 1023px) {
  .mail-icon {
    display: none;
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .breadcrumbs {
    margin-bottom: 8px;
  }
}
.breadcrumbs--white {
  color: #fff;
}
.breadcrumbs svg {
  padding: 2px 0;
}

.background-image {
  position: relative;
  width: 100%;
}
.background-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  height: calc(100% - 2px);
  transition: 0.3s ease-in-out;
}
.background-image:hover::after {
  background: rgba(0, 0, 0, 0.6);
}
.background-image:hover .btn {
  border: 2px solid #eea2a0;
  color: #eea2a0;
}
.background-image:hover .btn svg {
  filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(1331%) hue-rotate(314deg) brightness(103%) contrast(87%);
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .background-image:hover::after {
    background: rgba(0, 0, 0, 0.4);
  }
  .background-image:hover .btn {
    border: 2px solid #fff;
    color: #fff;
  }
  .background-image:hover .btn svg {
    filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(314%) hue-rotate(10deg) brightness(119%) contrast(100%);
  }
}
.background-image img {
  width: 100%;
  height: 470px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .background-image img {
    height: 375px;
  }
}
.background-image__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  min-width: 380px;
}
@media (max-width: 1023px) {
  .background-image__content {
    min-width: 340px;
  }
}
.background-image__content .subtitle {
  color: #eea2a0;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .background-image__content .subtitle {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.background-image__content h3 {
  color: #fff;
  margin-bottom: 40px;
}
.background-image__content .btn {
  width: fit-content;
  margin: 0 auto;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 500;
}
.background-image__content .btn svg {
  filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(314%) hue-rotate(10deg) brightness(119%) contrast(100%);
}

.description {
  margin-bottom: 32px;
}
.description p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .description p {
    font-size: 14px;
    line-height: 21px;
  }
}
.description p:last-child {
  margin-bottom: 0;
}

.tab-menu.sticky {
  position: fixed;
  top: 50px;
  left: 50%;
  width: 100%;
  z-index: 9999;
  transform: translate(-50%, 0);
  background: #fff;
}
@media (max-width: 1023px) {
  .tab-menu.sticky {
    top: 73px;
    border-radius: 0 0 24px 24px;
    width: 100%;
    max-width: 430px;
  }
}
.tab-menu.sticky ul {
  margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
  .tab-menu.sticky ul {
    padding: 16px;
  }
}
.tab-menu.sticky ul.active {
  margin: 16px;
}
.tab-menu ul {
  display: flex;
  justify-content: center;
  gap: 32px;
  border-bottom: 2px solid #eaeef0;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .tab-menu ul {
    flex-direction: column;
    gap: 0;
    border-bottom: none;
    margin-bottom: 16px;
  }
}
.tab-menu ul.active {
  border-radius: 24px;
  border: 1px solid #ec1c24;
  background: #f6f8f9;
  padding: 0;
}
.tab-menu ul.active li a {
  display: block;
}
@media (max-width: 1023px) {
  .tab-menu ul.active li a.active::after {
    display: none;
  }
}
.tab-menu ul li a {
  display: block;
  padding: 16px 0;
  width: calc(100% + 16px);
  text-align: center;
}
@media (max-width: 1023px) {
  .tab-menu ul li a {
    display: none;
    padding: 12px 16px;
    width: unset;
    text-align: left;
  }
}
.tab-menu ul li a.active {
  border-bottom: 3px solid #ec1c24;
}
@media (max-width: 1023px) {
  .tab-menu ul li a.active {
    display: block;
    border-bottom: none;
    border-radius: 56px;
    border: 1px solid #ec1c24;
    background: #f6f8f9;
    position: relative;
  }
}
@media (max-width: 1023px) {
  .tab-menu ul li a.active::after {
    content: url("../../src/img/icons/arrow-down.svg");
    position: absolute;
    top: 13px;
    right: 16px;
  }
}
.tab-menu ul li a.active h5 {
  color: #272727;
}
.tab-menu ul li a h5 {
  color: #818181;
}
@media (max-width: 1023px) {
  .tab-menu ul li a h5 {
    font-weight: 400;
  }
}

.tab-box {
  display: none;
}

.tab-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 40px;
}
@media (max-width: 1250px) {
  .tab-cards {
    justify-content: center;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .tab-cards {
    justify-content: unset;
  }
}
.tab-cards--markets {
  row-gap: 24px;
}
@media (max-width: 1023px) {
  .tab-cards--markets {
    row-gap: 16px;
  }
}

.tab-card {
  min-width: 288px;
  max-width: 288px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .tab-card {
    min-width: unset;
    max-width: unset;
    width: 100%;
  }
}
.tab-card__image {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.tab-card__image img {
  border-radius: 2px;
  transition: 0.3s ease-in-out;
  margin-bottom: -3px;
  aspect-ratio: 7/4;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .tab-card__image img {
    width: 100%;
  }
}
.tab-card__tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0px 16px 0px;
  background: #ec1c24;
  padding: 8px 16px;
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.24px;
}
.tab-card:hover .tab-card__image img {
  transform: scale(1.1);
}
.tab-card:hover .tab-card__info .text {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .tab-card:hover .tab-card__image img {
    transform: scale(1);
  }
  .tab-card:hover .tab-card__info .text {
    color: #272727;
  }
}
.tab-card__title {
  margin-bottom: 4px;
}
.tab-card__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-card__info .text {
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  transition: 0.5s ease-in-out;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .tab-card__info .text {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}

.tab-all {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1023px) {
  .tab-all {
    justify-content: unset;
    align-items: unset;
  }
}

@media (max-width: 1023px) {
  .flyer-card {
    width: 100%;
  }
  .flyer-card img {
    width: 100%;
  }
}

.tabs-menu ul {
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .tabs-menu ul {
    gap: 8px;
  }
}
.tabs-menu ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1023px) {
  .tabs-menu ul li a {
    padding: 8px 16px;
  }
}
.tabs-menu ul li a h4 {
  min-width: 119px;
}
@media (max-width: 1023px) {
  .tabs-menu ul li a h4 {
    min-width: unset;
    font-size: 16px;
    line-height: 20px;
  }
}
.tabs-menu ul li a .arrow-red {
  display: none;
}
.tabs-menu ul li a .arrow-gray {
  display: block;
}
.tabs-menu ul li a.active {
  border-bottom: 4px solid #db3832;
}
.tabs-menu ul li a.active h4 {
  font-style: italic;
}
.tabs-menu ul li a.active .arrow-red {
  display: block;
}
.tabs-menu ul li a.active .arrow-gray {
  display: none;
}

.tabs-box {
  display: none;
}

.masonry {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -moz-column-gap: 24px;
  -webkit-column-gap: 24px;
  column-gap: 24px;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin-bottom: 24px;
  }
}

.countries-socials {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .countries-socials {
    gap: 32px;
    margin-bottom: 40px;
  }
}
.countries-socials__item .item-header {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #e6ecef;
  margin-bottom: 16px;
}
.countries-socials__item .list {
  display: flex;
  gap: 8px;
}
.countries-socials__nocode {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.contacts {
  background: #f6f8f9;
  padding: 32px 24px;
  position: relative;
  z-index: 3;
  margin-top: -8px;
}
@media (max-width: 1023px) {
  .contacts {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 40px;
  }
}
@media (max-width: 1023px) and (max-width: 991px) {
  .contacts {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.contacts h4 {
  margin-bottom: 32px;
}
.contacts .contact-emails {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contacts .contact-emails__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contacts .contact-emails__item h5 {
  padding: 8px 16px;
  border-bottom: 1px solid #fff;
  position: relative;
}
@media (max-width: 1023px) {
  .contacts .contact-emails__item h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.contacts .contact-emails__item h5 span {
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
  color: rgba(236, 236, 236, 0.5);
  font-family: "Podravka Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
}
.contacts .contact-emails__item a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
  word-break: break-all;
}
.contacts .contact-emails__item a svg {
  min-width: 16px;
}

.shortcuts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
}
@media (max-width: 1023px) {
  .shortcuts {
    position: relative;
    padding: 40px 0 0;
  }
}

.shortcut__header {
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .shortcut__header {
    padding: 24px 24px 0;
    border-bottom: none;
  }
}
.shortcut__header.closed {
  border-radius: 8px;
  border-bottom: none;
  transition: 0.3s ease-in-out;
}
.shortcut__header .toggler-close,
.shortcut__header .toggler-show {
  cursor: pointer;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
@media (max-width: 1023px) {
  .shortcut__header .toggler-close,
  .shortcut__header .toggler-show {
    display: none;
  }
}
.shortcut__header .toggler-close.hidden,
.shortcut__header .toggler-show.hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9);
  position: absolute;
  top: 16px;
  right: 16px;
}
.shortcut__content {
  padding: 24px 24px 32px;
  border-radius: 0 0 8px 8px;
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .shortcut__content {
    padding: 24px;
  }
}
.shortcut__content .documents {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.shortcut__content .documents__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.shortcut__content .documents__item .link {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.shortcut__content .documents__item .link svg {
  padding: 0;
  min-width: 40px;
}
.shortcut__content .documents__item svg {
  padding: 8px 0;
  min-width: 16px;
}
.shortcut__content .posts {
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #f6f8f9;
}
.shortcut__content .posts__item {
  padding: 24px 0;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1023px) {
  .shortcut__content .posts__item {
    padding: 12px 0;
  }
}
.shortcut__content .posts__item:last-child {
  border-bottom: none;
}
.shortcut__content .posts__item .date {
  color: #656565;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 4px;
}
.shortcut__content .posts__item .title {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.shortcut__content .posts__item .title svg {
  min-width: 16px;
}
.shortcut--last .shortcut__content {
  padding: 0 32px;
  display: none;
}
@media (max-width: 1023px) {
  .shortcut--last .shortcut__content {
    padding: 24px;
    display: block;
  }
}

.files__item {
  padding: 8px 0;
  border-bottom: 1px solid #eaeef0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.files__item h6 {
  color: #ec1c24;
}
.files__item h6 svg {
  min-width: 40px;
}
.files__item svg {
  padding: 8px 0;
  min-width: 16px;
}
.files--with-icon h6 {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ownership__list {
  border-left: 2px solid #ec1c24;
  padding-left: 104px;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .ownership__list {
    padding-left: 24px;
  }
}
.ownership__list--sub {
  padding-left: 58px;
  border-left: 0;
  margin-left: 0;
}
@media (max-width: 1023px) {
  .ownership__list--sub {
    padding-left: 16px;
  }
}
.ownership__list--last {
  border-left: 0;
  position: relative;
}
.ownership__list--last .ownership__item:before {
  left: -28px;
}
@media (max-width: 1023px) {
  .ownership__list--last .ownership__item:before {
    left: -13px;
  }
}
.ownership__list--last:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 35px;
  left: 0;
  top: -20px;
  display: block;
  background: #ec1c24;
}
@media (max-width: 1023px) {
  .ownership__list--last:after {
    top: -24px;
  }
}
.ownership__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 64px;
  row-gap: 8px;
  margin-bottom: 18px;
  flex-direction: column;
}
@media (min-width: 1250px) {
  .ownership__wrapper {
    flex-direction: row;
  }
}
@media (max-width: 1250px) {
  .ownership__wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8px;
  }
}
.ownership__item--line {
  position: relative;
}
.ownership__item--line:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 2px;
  left: -104px;
  top: 13px;
  display: block;
  background: #ec1c24;
}
@media (max-width: 1023px) {
  .ownership__item--line:after {
    width: 11px;
    height: 2px;
    left: -24px;
    top: 9px;
  }
}
.ownership__item--line:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: -30px;
  top: 11px;
  display: block;
  border-radius: 100%;
  background: #ec1c24;
}
@media (max-width: 1023px) {
  .ownership__item--line:before {
    left: -15px;
    top: 7px;
  }
}
.ownership__item--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.ownership__item--header span {
  color: #494949;
  font-size: 12px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
@media (max-width: 1250px) {
  .ownership__title {
    order: 1;
    max-width: 375px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .ownership__title {
    max-width: 250px;
  }
}
@media (max-width: 1250px) {
  .ownership__title h4 {
    font-size: 16px;
  }
  .ownership__title span {
    font-size: 12px;
  }
}
.ownership__share {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 62px;
  justify-content: flex-end;
}
@media (max-width: 1250px) {
  .ownership__share {
    order: 2;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .ownership__share {
    min-width: 50px;
  }
}
.ownership__description p {
  color: #494949;
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 1250px) {
  .ownership__description {
    max-width: 467px;
    min-width: 467px;
    margin-left: auto;
  }
}
@media (max-width: 1250px) {
  .ownership__description {
    order: 3;
    width: 100%;
  }
  .ownership__description p {
    font-size: 12px;
  }
}

.progress-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: conic-gradient(#ec1c24 calc(var(--percentage) * 1%), #eaeef0 0);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transform: rotate(90deg);
}
@media (max-width: 1250px) {
  .progress-circle {
    width: 12px;
    height: 12px;
  }
}
.progress-circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 1250px) {
  .progress-circle:after {
    width: 6px;
    height: 6px;
  }
}
.progress-circle__value {
  color: #ec1c24;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
}
@media (max-width: 1250px) {
  .progress-circle__value {
    font-size: 12px;
  }
}

.percentage {
  border-radius: 32px;
  border: 1px solid #eaeef0;
  background: #fff;
  padding: 4px 12px;
  color: #818181;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .percentage {
    min-width: 52px;
  }
}

.board-members__title {
  text-align: center;
  margin-bottom: 24px;
}
.board-members__list {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .board-members__list {
    gap: 8px;
    row-gap: 24px;
  }
}
.board-members__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
@media (max-width: 1023px) {
  .board-members__item {
    min-width: 167px;
    max-width: 167px;
  }
  .board-members__item .header-block__text {
    text-align: center;
  }
  .board-members__item .header-block__link--flex-start {
    justify-content: center;
  }
}
.board-members__item:hover .header-block__title {
  color: initial;
}
.board-members__item:hover svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .board-members__item:hover svg {
    transform: rotate(0deg);
  }
}
.board-members__img {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
  position: relative;
}
.board-members__img img {
  z-index: 9;
}
.board-members__img:before {
  content: "";
  position: absolute;
  bottom: 0;
  border-radius: 100%;
  background: #eaeef0;
  width: 182px;
  height: 182px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .board-members__img:before {
    width: 167px;
    height: 167px;
  }
}
.board-members__description p {
  font-size: 12px;
  line-height: 18px;
}
@media (max-width: 1023px) {
  .board-members__description p {
    text-align: center;
  }
}

.analytics-contacts {
  display: flex;
  gap: 64px;
}
@media (max-width: 1023px) {
  .analytics-contacts {
    flex-direction: column;
    gap: 32px;
  }
}
.analytics-contacts__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 474px;
}
@media (max-width: 1250px) {
  .analytics-contacts__item {
    min-width: 230px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .analytics-contacts__item {
    min-width: unset;
    gap: 12px;
  }
}
.analytics-contacts__item .header {
  padding: 16px 0;
  border-bottom: 1px solid #eaeef0;
}
@media (max-width: 1023px) {
  .analytics-contacts__item .header {
    padding: 8px 0;
    border-bottom: none;
  }
}
.analytics-contacts__item .header h4 {
  margin-bottom: 8px;
}
.analytics-contacts__item .header .job {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
@media (max-width: 1023px) {
  .analytics-contacts__item .header .job {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.analytics-contacts__item .header .job svg {
  min-width: 16px;
}
.analytics-contacts__item .info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.analytics-contacts__item .info .phone {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .analytics-contacts__item .info .phone {
    font-size: 14px;
    line-height: 21px;
  }
}
.analytics-contacts__item .info .phone svg {
  min-width: 16px;
}
.analytics-contacts__item .info .phone--mail {
  color: #2d9cdb;
}
.analytics-contacts .separator {
  display: none;
}
@media (max-width: 1023px) {
  .analytics-contacts .separator {
    display: flex;
  }
}

.timeline {
  position: relative;
}
.timeline--first {
  margin-bottom: 72px;
}
@media (max-width: 1023px) {
  .timeline--first {
    margin-bottom: 48px;
  }
}
.timeline--gray .timeline__item.highlight:after {
  background: #fff;
}
@media (max-width: 1023px) {
  .timeline--gray .timeline__item.highlight:after {
    height: calc(100% + 2px);
  }
}
.timeline--only .timeline__item--last .paragraph p {
  color: #272727;
}
.timeline--only .timeline__item .timeline__content .paragraph strong {
  font-weight: 700;
  color: #ec1c24;
}
.timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  border-radius: 16px;
  background: #ec1c24;
}
@media (max-width: 1023px) {
  .timeline::before {
    left: 32px;
  }
}
.timeline__item {
  margin-bottom: 40px;
  position: relative;
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ec1c24;
  z-index: 1;
}
@media (max-width: 1023px) {
  .timeline__item::before {
    left: 28px;
  }
}
.timeline__item.highlight::before {
  left: -8px;
  background: #ec1c24;
  border: 4px solid #e46763;
}
@media (max-width: 1023px) {
  .timeline__item.highlight::before {
    left: 24px;
  }
}
.timeline__item.highlight:after {
  content: "";
  position: absolute;
  left: 0px;
  height: calc(100% + 22px);
  background: #eaeef0;
  top: 22px;
  width: 6px;
  z-index: 5;
}
@media (max-width: 1023px) {
  .timeline__item.highlight:after {
    left: 32px;
  }
}
.timeline__item.highlight h3 {
  color: #ec1c24;
}
.timeline__item--last h5 {
  color: #656565;
}
.timeline__item--last .paragraph p {
  color: #656565;
}
.timeline__item--last::before {
  display: none;
}
.timeline__item--last:after {
  content: "";
  position: absolute;
  left: -2px;
  height: calc(100% + 10px);
  background: #fff;
  top: 0;
  width: 10px;
}
@media (max-width: 1023px) {
  .timeline__item--last:after {
    left: 30px;
  }
}
.timeline__item--last .timeline__content:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #eaeef0;
  z-index: 1;
}
@media (max-width: 1023px) {
  .timeline__item--last .timeline__content:before {
    left: 28px;
  }
}
.timeline__content {
  padding-left: 90px;
}
.timeline__content .paragraph a {
  font-weight: 700;
}
.timeline__header {
  margin-bottom: 8px;
}

.testimonials__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .testimonials__item {
    gap: 16px;
  }
}
.testimonials__item .info {
  display: flex;
  align-items: center;
  gap: 24px;
}
.testimonials__item .info__image img {
  border-radius: 120px;
}
@media (max-width: 1023px) {
  .testimonials__item .info__image img {
    border-radius: 64px;
    width: 64px;
  }
}
.testimonials__item .info__content h4 {
  margin-bottom: 2px;
}
.testimonials__item .info__content .job-title {
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .testimonials__item .info__content .job-title {
    letter-spacing: 0.24px;
  }
}
.testimonials__item .info__content .job-description {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 21px;
}
.testimonials__item .content {
  padding-left: 16px;
  border-left: 2px solid #ec1c24;
}
.testimonials__item .content p {
  margin-bottom: 16px;
}
.testimonials__item .content p:last-child {
  margin-bottom: 0;
}

.locations {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1023px) {
  .locations {
    flex-direction: column;
    gap: 16px;
  }
}
.locations .location-info {
  min-width: 490px;
}
@media (max-width: 1250px) {
  .locations .location-info {
    min-width: 400px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .locations .location-info {
    min-width: unset;
  }
}

.progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .progress {
    flex-direction: column;
    align-items: baseline;
    gap: 16px;
  }
}
.progress__item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.progress__item--start {
  justify-content: flex-start;
}
.progress__item--end {
  justify-content: flex-end;
}
.progress__item--center {
  justify-content: center;
}
@media (max-width: 1023px) {
  .progress__item h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 1023px) {
  .progress__item h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.progress__separator {
  flex-grow: 1;
  height: 2px;
  max-width: 89px;
  background: #d4d8dc;
  position: relative;
}
@media (max-width: 1023px) {
  .progress__separator {
    width: 2px;
    height: 24px;
    border-left: 7px solid #f6f8f9;
    margin-bottom: 7px;
  }
}
.progress__separator svg {
  position: absolute;
  right: -2px;
  top: -7px;
}
@media (max-width: 1023px) {
  .progress__separator svg {
    position: absolute;
    top: auto;
    right: -7px;
    bottom: -7px;
    transform: rotate(90deg);
  }
}

.steps {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
}
@media (max-width: 1023px) {
  .steps {
    max-width: 260px;
    margin: 0 auto 16px;
  }
}
.steps .step {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #d4d8dc;
  background: #fff;
  color: #d4d8dc;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.steps .step--active {
  border: 2px solid #db3832;
  color: #db3832;
}
.steps .step--completed {
  border: 2px solid #db3832;
  background: #db3832;
  color: #fff;
}
.steps .separator {
  flex-grow: 1;
  background: #d4d8dc;
  height: 2px;
}
.steps .separator--active {
  background: #db3832;
}

.certificates {
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .certificates {
    flex-direction: column;
    gap: 32px;
  }
}
.certificates__item {
  padding: 12px 0;
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .certificates__item {
    padding: 0;
    flex-direction: column;
  }
}
.certificates__item:hover .info h5 {
  color: #ec1c24;
}
.certificates__item:hover .info svg {
  transform: rotate(45deg);
}
.certificates__item:hover .image img {
  transform: scale(1.1);
}
@media (max-width: 1023px) {
  .certificates__item:hover .info h5 {
    color: #272727;
  }
  .certificates__item:hover .info svg {
    transform: rotate(0deg);
  }
  .certificates__item:hover .image img {
    transform: scale(1);
  }
}
.certificates__item .image {
  border-radius: 8px;
  border: 1px solid #d4d8dc;
  background: #fff;
  width: 100%;
}
.certificates__item .image img {
  width: 100%;
  transition: transform 0.3s ease-in-out;
}
.certificates__item .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 284px;
}
@media (max-width: 1023px) {
  .certificates__item .info {
    max-width: unset;
  }
}
.certificates__item .info h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.certificates__item .info h5 svg {
  padding: 4px 0;
  min-width: 16px;
  transition: 0.3s ease-in-out;
}
.certificates__item .info .intro p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

@media (max-width: 1023px) {
  .history-block .col-12 {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .history-block .col-lg-10 {
    padding: 0;
  }
}

.history {
  display: flex;
  align-items: center;
}
.history__middle {
  text-align: center;
  max-width: calc(100% - 96px);
}
@media (max-width: 1023px) {
  .history__middle {
    max-width: 100%;
  }
}
.history__first {
  display: flex;
  width: 48px;
}
@media (max-width: 1023px) {
  .history__first {
    display: none;
  }
}
.history__last {
  display: flex;
  justify-content: end;
  width: 48px;
}
@media (max-width: 1023px) {
  .history__last {
    display: none;
  }
}
.history__slider-control {
  cursor: pointer;
  border: 0;
  border-radius: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history .jsHistoryNext {
  background: #ec1c24;
}

.history-nav__item {
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in;
}
.history-nav__item:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #eaeef0;
  border-radius: 100%;
  bottom: -31px;
  left: 41px;
  z-index: 9999;
  transition: all 0.3s ease-in;
}
@media (max-width: 1250px) {
  .history-nav__item:after {
    bottom: -28px;
  }
}
@media (max-width: 1023px) {
  .history-nav__item:after {
    left: 36px;
  }
}
.history-nav__item span {
  font-size: 18px;
}
@media (max-width: 1250px) {
  .history-nav__item span {
    font-size: 16px;
  }
}
.history-nav__item--past:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: #ec1c24;
  border-radius: 0;
  bottom: -26px;
  left: 43px;
  z-index: 9999;
  transition: all 0.3s ease-in;
}
@media (max-width: 1250px) {
  .history-nav__item--past:before {
    bottom: -23px;
  }
}
@media (max-width: 1023px) {
  .history-nav__item--past:before {
    left: 36px;
  }
}
.history-nav__item--past:after {
  background: #ec1c24;
  transition: all 0.5s ease-in;
}
.history-nav__item.slick-current {
  position: relative;
}
.history-nav__item.slick-current:before {
  display: none !important;
}
.history-nav__item.slick-current::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #ec1c24;
  border-radius: 100%;
  bottom: -28px;
  left: 40px;
  border: 4px solid #e46763;
  z-index: 9999;
}
@media (max-width: 1023px) {
  .history-nav__item.slick-current::after {
    left: 32px;
  }
}
.history-nav__item.slick-current span {
  font-size: 32px;
  color: #ec1c24;
}
@media (max-width: 1250px) {
  .history-nav__item.slick-current span {
    font-size: 24px;
  }
}
.history-nav .slick-list {
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .history-nav .slick-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%);
  }
}
.history-nav .slick-track {
  display: flex;
  align-items: center;
  padding-bottom: 64px;
}
.history-nav .slick-track:after {
  content: "";
  position: absolute;
  width: calc(100% - 100px);
  height: 4px;
  background: #d4d8dc;
  bottom: 45px;
  left: 50px;
}

.history-wrapper {
  margin-top: 92px;
  position: relative;
}
@media (max-width: 1023px) {
  .history-wrapper {
    margin-top: 36px;
  }
}
.history-wrapper .jsHistoryNext {
  position: absolute;
  background: #ec1c24;
  top: 50px;
  right: 0;
  z-index: 9999;
  padding: 8px;
}
.history-wrapper .jsHistoryPrev {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 9999;
  padding: 8px;
}

.history-slider .slick-list {
  padding: 0 !important;
}

.history-slide {
  transition: opacity 0.5s ease-in-out;
  opacity: 0.5;
  margin: 0 24px;
}
@media (max-width: 1023px) {
  .history-slide {
    margin: 0;
  }
}
.history-slide img {
  display: none !important;
}
.history-slide h4 {
  display: none;
  margin-top: 48px;
  margin-bottom: 32px;
}
.history-slide .paragraph {
  display: none;
}
.history-slide .paragraph p {
  margin-bottom: 16px;
}
.history-slide .btn {
  max-width: fit-content;
  display: none;
}
.history-slide.slick-cloned {
  opacity: 0 !important;
}
.history-slide.slick-active {
  opacity: 0.5;
  max-width: 184px;
}
@media (max-width: 1250px) {
  .history-slide.slick-active {
    max-width: 105px;
  }
}
@media (max-width: 1023px) {
  .history-slide.slick-active {
    max-width: 44px;
  }
}
@media (max-width: 430px) {
  .history-slide.slick-active {
    max-width: 15px;
  }
}
.history-slide.slick-active img {
  display: block !important;
  margin-top: 65px;
  max-height: 80px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .history-slide.slick-active img {
    max-height: 100px;
    height: 100px;
    margin-top: 25px;
  }
}
.history-slide.slick-active h4 {
  display: none;
}
.history-slide.slick-active .paragraph {
  display: none;
}
.history-slide.slick-current {
  opacity: 1;
  min-width: 500px;
}
@media (max-width: 1250px) {
  .history-slide.slick-current {
    min-width: 342px;
  }
}
@media (max-width: 430px) {
  .history-slide.slick-current {
    min-width: calc(100vw - 30px);
  }
}
.history-slide.slick-current img {
  margin-top: 0;
  object-fit: unset;
  width: 100%;
  height: auto;
  max-height: 215px;
  object-fit: cover;
}
@media (max-width: 1250px) {
  .history-slide.slick-current img {
    max-height: 148px;
  }
}
.history-slide.slick-current h4 {
  display: block !important;
}
.history-slide.slick-current .paragraph {
  display: block;
}
.history-slide.slick-current .btn {
  display: flex;
}
@media (max-width: 1250px) {
  .history-slide.slick-current .btn {
    max-width: unset;
  }
}

.gdpr {
  background: #fff;
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .gdpr {
    padding: 64px 4px;
  }
}
.gdpr h3 {
  margin-bottom: 32px;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 56px;
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  color: #494949;
  font-size: 16px;
  font-weight: 600;
}

.scrollbar {
  width: calc(100% + 13px);
  height: 8px;
  background-color: #eaeef0;
  border-radius: 10px;
  position: relative;
  margin-left: -13px;
}
@media (min-width: 1024px) {
  .scrollbar {
    display: none;
  }
}
.scrollbar__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ec1c24;
  border-radius: 24px;
  pointer-events: none;
}
.scrollbar__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-color: #ec1c24;
  border-radius: 24px;
  cursor: pointer;
}
.scrollbar__arrow {
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.visit-block .scrollbar {
  width: calc(100% + 7px);
  margin-left: -7px;
}

.videos-block .scrollbar {
  width: calc(100% + 7px);
  margin-left: -7px;
}

.custom-checkbox__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
  margin-bottom: 36px;
}
.custom-checkbox__wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}
.custom-checkbox__wrapper label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 0 !important;
  color: #272727;
}

.value {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-align: center;
}
@media (max-width: 1023px) {
  .value {
    min-height: 120px;
    width: 100%;
    gap: 4px;
  }
}
.value:hover .number {
  font-size: 48px;
  line-height: 56px;
}
@media (max-width: 1023px) {
  .value:hover .number {
    font-size: 18px;
    line-height: 24px;
  }
}
.value__wrapper {
  display: flex;
  gap: 8px;
  width: 90%;
}
@media (max-width: 1450px) {
  .value__wrapper {
    width: 85%;
  }
}
@media (max-width: 1450px) and (max-width: 1023px) {
  .value__wrapper {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
}
.value .number {
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .value .number {
    font-size: 18px;
    line-height: 24px;
  }
}
.value__separator {
  background: #eaeef0;
  border-radius: 8px;
  min-width: 2px;
  height: auto;
}
@media (max-width: 1023px) {
  .value__separator {
    width: auto;
    height: 1px;
  }
}

.alphabet-filter {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .alphabet-filter {
    margin-bottom: 16px;
  }
}
.alphabet-filter__label {
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: 0.24px;
}
.alphabet-filter .items {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .alphabet-filter .items {
    row-gap: 8px;
  }
}
.alphabet-filter .items .letter {
  border-radius: 4px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  width: 38px;
  height: 38px;
  color: #494949;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .alphabet-filter .items .letter {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.alphabet-filter .items .letter.active {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}

.attribute {
  padding: 12px 16px;
  border-bottom: 1px solid #eaeef0;
}
.attribute--wo-options .attribute__header--active h5 {
  font-weight: 700;
}
.attribute .hidden {
  display: none !important;
}
.attribute__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.attribute__header h5 {
  color: #ec1c24;
}
.attribute__header .minus {
  display: none;
}
.attribute__header--active .plus {
  display: none;
}
.attribute__header--active .minus {
  display: block;
}
.attribute__items {
  display: none;
  margin-top: 8px;
}
.attribute__items .columns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  row-gap: 0;
}
.attribute__items .columns .attribute__item {
  max-width: 105px;
  min-width: 105px;
}
@media (max-width: 1023px) {
  .attribute__items .columns .attribute__item {
    max-width: 140px;
    min-width: 140px;
  }
}
.attribute__items--active {
  display: block;
}
.attribute__item {
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.attribute__item input[type=checkbox] {
  min-width: 14px;
  margin: 0;
  cursor: pointer;
}
.attribute__item input[type=checkbox]:checked ~ span {
  font-weight: 600;
}
.attribute__item label {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 0 !important;
}

.dropdowns {
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 1250px) {
  .dropdowns {
    flex-direction: column;
    gap: 0;
    margin-bottom: 24px;
  }
}
.dropdowns--end {
  justify-content: flex-end;
}
.dropdowns__item {
  border-bottom: 1px solid #e6ecef;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1250px) {
  .dropdowns__item {
    justify-content: space-between;
  }
}
.dropdowns__label {
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .dropdowns__label {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.dropdowns__select--second .select-wrap .default-option {
  z-index: 8 !important;
}
.dropdowns__select--second .select-wrap .select-ul {
  z-index: 7 !important;
}
.dropdowns__select--third .select-wrap .default-option {
  z-index: 6 !important;
}
.dropdowns__select--third .select-wrap .select-ul {
  z-index: 5 !important;
}
.dropdowns__select--fourth .select-wrap .default-option {
  z-index: 4 !important;
}
.dropdowns__select--fourth .select-wrap .select-ul {
  z-index: 3 !important;
}
.dropdowns__select--fifth .select-wrap .default-option {
  z-index: 2 !important;
}
.dropdowns__select--fifth .select-wrap .select-ul {
  z-index: 2 !important;
}
.dropdowns__select .select-wrap {
  position: relative;
  user-select: none;
}
.dropdowns__select .select-wrap .default-option {
  position: relative;
  z-index: 10;
  cursor: pointer;
  padding-right: 24px;
}
.dropdowns__select .select-wrap .default-option::before {
  content: url("../../src/img/icons/chevron-down-red.svg");
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  transition: 0.4s all;
}
.dropdowns__select .select-wrap .select-ul {
  position: absolute;
  z-index: 9;
  top: 33px;
  right: -8px;
  width: 200px;
  background: #fff;
  border: 1px solid #eaeef0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  display: none;
}
@media (max-width: 1023px) {
  .dropdowns__select .select-wrap .select-ul {
    top: 25px;
  }
}
.dropdowns__select .select-wrap .select-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #eaeef0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.dropdowns__select .select-wrap .select-ul li:last-child {
  border-bottom: none;
}
.dropdowns__select .select-wrap .select-ul li p {
  color: #656565;
}
.dropdowns__select .select-wrap .select-ul li:hover {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .dropdowns__select .select-wrap .select-ul li:hover {
    background: #fff;
  }
}
.dropdowns__select .select-wrap .select-ul li:hover p {
  color: #272727;
}
@media (max-width: 1023px) {
  .dropdowns__select .select-wrap .select-ul li:hover p {
    color: #656565;
  }
}
.dropdowns__select .select-wrap .option h5 {
  font-weight: 600;
}
@media (max-width: 1023px) {
  .dropdowns__select .select-wrap .option h5 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}
.dropdowns__select .select-wrap .option p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.dropdowns__select .select-wrap.active .select-ul {
  display: block;
  transition: 0.3s ease-in-out;
}
.dropdowns__select .select-wrap.active .default-option::before {
  top: 50%;
  transform: translate(0, -50%) rotate(-180deg);
  transition: 0.4s all;
}

@media (min-width: 1024px) {
  .product-similar .default-option h5 {
    max-width: 78px !important;
  }
}

.product-recipes .dropdowns__select input,
.product-similar .dropdowns__select input,
.inspiration-similar .dropdowns__select input {
  display: none;
}
@media (min-width: 1024px) {
  .product-recipes .dropdowns__select .default-option h5,
  .product-similar .dropdowns__select .default-option h5,
  .inspiration-similar .dropdowns__select .default-option h5 {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
  }
}
.product-recipes .dropdowns__select .select-ul li h5,
.product-similar .dropdowns__select .select-ul li h5,
.inspiration-similar .dropdowns__select .select-ul li h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: #656565;
}
.product-recipes .dropdowns__select .select-ul li:hover,
.product-similar .dropdowns__select .select-ul li:hover,
.inspiration-similar .dropdowns__select .select-ul li:hover {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .product-recipes .dropdowns__select .select-ul li:hover,
  .product-similar .dropdowns__select .select-ul li:hover,
  .inspiration-similar .dropdowns__select .select-ul li:hover {
    background: #fff;
  }
}
.product-recipes .dropdowns__select .select-ul li:hover h5,
.product-similar .dropdowns__select .select-ul li:hover h5,
.inspiration-similar .dropdowns__select .select-ul li:hover h5 {
  color: #272727;
}
@media (max-width: 1023px) {
  .product-recipes .dropdowns__select .select-ul li:hover h5,
  .product-similar .dropdowns__select .select-ul li:hover h5,
  .inspiration-similar .dropdowns__select .select-ul li:hover h5 {
    color: #656565;
  }
}

.red-box {
  border-radius: 8px;
  background: #db3832;
  padding: 24px;
  min-height: 248px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .red-box {
    padding: 24px 8px 8px 24px;
    min-height: unset;
    display: block;
    margin-bottom: 8px;
  }
}
.red-box--left {
  border-radius: 4px;
  min-height: 240px;
}
@media (max-width: 1023px) {
  .red-box--left {
    padding: 24px 24px 8px 8px;
    min-height: unset;
  }
}
.red-box--left h3 {
  text-align: left !important;
}
.red-box--center {
  justify-content: center;
}
@media (max-width: 1023px) {
  .red-box--center {
    padding: 24px 24px 8px 8px;
  }
}
.red-box--center h3 {
  text-align: center !important;
}
@media (max-width: 1023px) {
  .red-box--padding {
    padding: 24px 8px 8px 8px;
  }
}
.red-box h3 {
  color: #fff;
  text-align: right;
}

.multi-step .cf7-wrapper {
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .multi-step .cf7-wrapper {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.multi-step__two {
  display: none;
}
.multi-step__three {
  display: none;
}
.multi-step input[type=date]::-webkit-inner-spin-button, .multi-step input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: transparent;
  cursor: pointer;
  width: 30%;
  height: 100%;
}
.multi-step input[type=date]:before {
  content: attr(placeholder);
  color: #818181;
  background: #f6f8f9;
  position: absolute;
  width: 120px;
}
.multi-step input[type=date]:focus:before {
  content: "";
}
.multi-step .date-has-value:before {
  content: "" !important;
}
.multi-step input[type=date]:after {
  content: url("../../src/img/icons/date-input.svg");
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.multi-step .wpcf7-radio {
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .multi-step .wpcf7-radio {
    flex-direction: column;
    gap: 8px;
  }
}
.multi-step .wpcf7-radio .wpcf7-list-item {
  width: 49%;
  margin: 0;
}
@media (max-width: 1023px) {
  .multi-step .wpcf7-radio .wpcf7-list-item {
    width: 100%;
  }
}
.multi-step .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0.75em 1em !important;
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.313rem;
}
.multi-step .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #656565;
  border-radius: 2px;
  position: relative;
}
.multi-step .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked {
  background: #ec1c24;
  border: 1px solid #e46763;
}
.multi-step .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked::before {
  content: url("../../src/img/icons/white-checkmark.svg");
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
}
.multi-step .wpcf7-spinner {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .multi-step .wpcf7-spinner {
    bottom: -32px;
  }
}
.multi-step .cf7-wrapper-accept {
  text-align: center;
}
@media (max-width: 1023px) {
  .multi-step .cf7-wrapper-accept {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .multi-step .cf7-wrapper-accept .wpcf7-list-item {
    margin: 0;
  }
}
.multi-step .cf7-wrapper-accept .wpcf7-list-item input {
  min-width: 14px;
}
.multi-step .cf7-wrapper-accept label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .multi-step .cf7-wrapper-accept label {
    align-items: flex-start;
  }
}
.multi-step .cf7-wrapper-accept .wpcf7-list-item-label {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.multi-step .cf7-wrapper-accept .wpcf7-list-item-label a {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .bottom-shadow {
    position: relative;
  }
  .bottom-shadow .filter,
  .bottom-shadow .shortcuts {
    position: sticky !important;
  }
  .bottom-shadow:after {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.83) 63%, #fff 100%);
    width: 100%;
    height: 85px;
  }
}

#loadingmask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 9999909999999;
  background: rgba(17, 17, 17, 0.2);
}
#loadingmask.active {
  display: flex;
}
#loadingmask .spinner {
  border: 8px solid #fff;
  border-top: 8px solid #ec1c24;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.filter-reset {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  cursor: pointer;
}
.filter-reset .icon {
  padding: 8px;
  border-radius: 56px;
  background: #ec1c24;
}
.filter-reset h5 {
  color: #ec1c24;
}

.js-similar-products-block-reset {
  margin-left: auto;
  padding-top: 32px;
}
@media (max-width: 1023px) {
  .js-similar-products-block-reset {
    padding-top: 0px;
  }
}

.dynamic-forms-block {
  margin-top: 32px;
}
.dynamic-forms-block .wpcf7-checkbox label,
.dynamic-forms-block .wpcf7-radio label,
.dynamic-forms-block .wpcf7-acceptance label {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  padding: 0 !important;
}
.dynamic-forms-block .wpcf7-file {
  border-radius: 56px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 0.75em 1em;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.313rem;
  display: block;
}
.dynamic-forms-block .wpcf7-file::file-selector-button {
  border: 1px solid #ec1c24;
  background: #ec1c24;
  color: #fff;
  transition: 0.3s ease-in-out;
  border-radius: 40px;
  padding: 0.75em 1em;
  cursor: pointer;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  margin-right: 14px;
}
.dynamic-forms-block .wpcf7-file::file-selector-button:hover {
  border: 1px solid #c71e24;
  background: #c71e24;
}
.dynamic-forms-block .cf7-input input[type=radio],
.dynamic-forms-block .cf7-input input[type=checkbox] {
  width: 14px;
  margin: 0;
}
.dynamic-forms-block select {
  background-position-x: calc(100% - 16px);
}
.dynamic-forms-block .req {
  margin-left: 2px;
}

/* Cards */
.cards {
  display: flex;
  gap: 40px;
}
@media (max-width: 1250px) {
  .cards {
    gap: 24px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .cards {
    flex-direction: column;
  }
}

.business-card {
  grid-column: 3;
  grid-row: 1/span 4;
  background: #db3832;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .business-card {
    grid-row: auto;
    grid-column: auto;
    display: flex;
    align-items: end;
  }
}
.business-card::before {
  content: url("../../src/img/icons/business-desktop.svg");
  position: absolute;
  top: 11px;
  left: 0;
  transition: transform 0.3s ease-in-out;
  transform-origin: top left;
}
@media (max-width: 1023px) {
  .business-card::before {
    content: url("../../src/img/icons/business-mobile.svg");
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.business-card:hover {
  background: #ec1c24;
}
.business-card:hover::before {
  transform: scale(1.3);
}
@media (max-width: 1023px) {
  .business-card:hover {
    background: #db3832;
  }
  .business-card:hover::before {
    transform: scale(1);
    top: 25%;
  }
}
.business-card h4 {
  color: #fff;
  text-align: right;
  padding: 0 24px 24px;
}
@media (max-width: 1023px) {
  .business-card h4 {
    grid-row: auto;
    grid-column: auto;
    padding: 26px 24px 26px 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-width: 242px;
  }
}

.card-w-img {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
  padding: 0px 12px;
  min-height: 312px;
}
@media (max-width: 1023px) {
  .card-w-img {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 0px 24px;
    min-height: unset;
    margin-top: 40px;
  }
}
.card-w-img__image {
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .card-w-img__image {
    display: flex;
    align-items: center;
    gap: 24px;
  }
}
.card-w-img__image img {
  width: 100%;
}
@media (max-width: 1023px) {
  .card-w-img__image img {
    max-width: 80px;
  }
}
@media (max-width: 1023px) {
  .card-w-img__description p {
    font-size: 12px;
    line-height: 18px;
  }
}

.competition-card {
  display: block;
  border-radius: 4px;
  background: #f6f8f9;
  padding: 32px 24px;
}
@media (max-width: 1023px) {
  .competition-card {
    padding: 24px;
    margin-bottom: 16px;
  }
}
.competition-card--last {
  margin-bottom: 0;
}
.competition-card h5 {
  margin-bottom: 8px;
}
.competition-card .paragraph {
  margin-bottom: 16px;
}
.competition-card .paragraph p {
  font-weight: 600;
}
.competition-card .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.competition-card .info__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .competition-card .info__item {
    font-size: 12px;
    line-height: 18px;
  }
}
.competition-card .btn {
  background: transparent;
}
.competition-card .btn:hover {
  pointer-events: none;
}

.explanation-card {
  border-radius: 8px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .explanation-card {
    padding: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
  }
}
.explanation-card:hover {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .explanation-card:hover {
    background: #fff;
  }
}
.explanation-card--last {
  margin-bottom: 0;
}
.explanation-card__image {
  border-radius: 80px;
  background: #f6f8f9;
  padding: 32px;
}
@media (max-width: 1023px) {
  .explanation-card__image {
    padding: 16px;
  }
}
.explanation-card__image img {
  min-width: 40px;
}
@media (max-width: 1023px) {
  .explanation-card__image img {
    min-width: 24px;
  }
}
.explanation-card__info h5 {
  margin-bottom: 4px;
}
.explanation-card__info h6 {
  color: #494949;
}

.gridcard {
  background: #f6f8f9;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .gridcard {
    flex-direction: row;
    gap: 8px;
  }
}
.gridcard:hover .gridcard__image img {
  transform: scale(1.07, 1.15);
}
@media (max-width: 1023px) {
  .gridcard:hover .gridcard__image img {
    transform: scale(1);
  }
}
.gridcard__image {
  padding: 7.5px 10.5px;
}
@media (max-width: 1023px) {
  .gridcard__image {
    padding: 0;
  }
}
.gridcard__image img {
  width: 100%;
  max-height: 92px;
  object-fit: cover;
}
.gridcard__image .desktop {
  display: block;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .gridcard__image .desktop {
    display: none;
  }
}
.gridcard__image .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .gridcard__image .mobile {
    display: block;
    min-width: 115px;
    max-width: 115px;
    max-height: unset;
    height: 100%;
    object-fit: cover;
  }
}
.gridcard h6 {
  background: #f6f8f9;
  padding: 0 24px 24px;
  color: #494949;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .gridcard h6 {
    padding: 16px;
  }
}
.gridcard h6 a {
  color: #2d9cdb;
  font-weight: 700;
  text-decoration: underline;
}

.financialbox {
  min-width: 283px;
}
@media (max-width: 1023px) {
  .financialbox {
    min-width: unset;
    text-align: center;
  }
}
.financialbox__title {
  color: #656565;
  font-weight: 500;
  padding-bottom: 24px;
}
@media (max-width: 1023px) {
  .financialbox__title {
    padding-bottom: 8px;
  }
}
.financialbox__numbers {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .financialbox__numbers {
    justify-content: center;
  }
}
.financialbox__numbers h2 {
  color: #ec1c24;
}

.infocard {
  text-align: center;
  flex: 1;
}
.infocard__header {
  margin-bottom: 24px;
}
.infocard__header h2 {
  color: #ec1c24;
  font-weight: 800;
}
.infocard__header h5 {
  color: #1c1c1c;
  font-weight: 800;
}
.infocard__description p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .infocard__description p {
    font-size: 12px;
    line-height: 18px;
  }
}

.itembox {
  padding: 24px;
  flex: 1;
}
.itembox:hover .itembox__header svg,
.itembox:hover .itembox__header img {
  padding: 8px 0;
  transform: rotateY(180deg);
}
.itembox:hover .itembox__header h4 {
  color: #ec1c24;
}
.itembox:hover .itembox__link {
  transform: translateX(10px);
}
.itembox:hover .itembox__link svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .itembox:hover .itembox__header svg,
  .itembox:hover .itembox__header img {
    transform: rotateY(0deg);
  }
  .itembox:hover .itembox__header h4 {
    color: #272727;
  }
  .itembox:hover .itembox__link {
    transform: translateX(0px);
  }
  .itembox:hover .itembox__link svg {
    transform: rotate(0deg);
  }
}
.itembox__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .itembox__header {
    margin-bottom: 8px;
  }
}
.itembox__header h4 {
  transition: 0.3s ease-in-out;
}
.itembox__header svg,
.itembox__header img {
  padding: 8px 0;
  transition: transform 0.6s ease;
  transform-origin: center;
}
.itembox__description {
  margin-bottom: 24px;
}
.itembox__description p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .itembox__description p {
    font-size: 14px;
    line-height: 21px;
  }
}
.itembox__link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #db3832;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.itembox__link svg {
  transition: 0.3s ease-in-out;
}

.itemcard img {
  width: 100%;
  min-width: 392px;
  max-width: 392px;
  min-height: 261px;
  max-height: 261px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .itemcard img {
    min-width: unset;
    max-width: unset;
    min-height: 228px;
    max-height: 228px;
  }
}
.itemcard--tab {
  max-width: 392px;
}
@media (max-width: 1023px) {
  .itemcard--tab {
    max-width: unset;
  }
}
.itemcard:hover .itemcard__tag {
  background: #db3832;
}
.itemcard:hover .itemcard__area {
  background: #ec1c24;
}
.itemcard:hover .itemcard__date,
.itemcard:hover .itemcard__title,
.itemcard:hover .itemcard__text {
  color: #fff;
}
.itemcard:hover svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(101%) contrast(105%);
  transform: rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .itemcard:hover .itemcard__area {
    background: #f6f8f9;
  }
  .itemcard:hover .itemcard__date {
    color: #818181;
  }
  .itemcard:hover .itemcard__title,
  .itemcard:hover .itemcard__text {
    color: #272727;
  }
  .itemcard:hover svg {
    filter: unset;
    transform: rotate(0deg);
  }
}
.itemcard__image {
  position: relative;
}
.itemcard__tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0px 16px 0px;
  background: #656565;
  padding: 8px 16px;
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.24px;
  transition: 0.3s ease-in-out;
}
.itemcard__tag--active {
  background: #db3832;
}
.itemcard__area {
  padding: 16px 16px 24px;
  background: #f6f8f9;
  margin-top: -3px;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.itemcard__date {
  color: #818181;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px;
  transition: 0.3s ease-in-out;
}
.itemcard__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  transition: 0.3s ease-in-out;
}
.itemcard__title .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
  min-height: 48px;
}
@media (max-width: 1023px) {
  .itemcard__title .text {
    min-height: unset;
  }
}
.itemcard__title svg {
  padding: 4px 0;
  min-width: 16px;
  transition: transform 0.3s ease-in-out;
}
.itemcard--with-desc .itemcard__title {
  margin-bottom: 16px;
}
.itemcard__text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .itemcard__text {
    font-size: 12px;
    line-height: 18px;
  }
}

.linkcard {
  background: #f6f8f9;
  padding: 16px;
  display: block;
}
.linkcard--special {
  background: #fff;
  transition: 0.3s ease-in-out;
}
.linkcard--special .linkcard__title {
  color: #272727;
}
.linkcard--special .linkcard__link {
  font-weight: 700;
}
.linkcard--special:hover {
  background: #f6f8f9;
}
.linkcard--special:hover .linkcard__title {
  font-size: 14px;
  font-weight: 400;
}
.linkcard--special:hover .linkcard__link svg {
  transform: rotate(45deg);
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .linkcard--special:hover {
    background: #fff;
  }
  .linkcard--special:hover .linkcard__title {
    font-size: 12px;
    font-weight: 700;
  }
  .linkcard--special:hover .linkcard__link svg {
    transform: rotate(0deg);
  }
}
.linkcard__title {
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  padding: 12px 0;
  border-bottom: 1px solid #eaeef0;
  transition: 0.3s ease-in-out;
}
.linkcard__description {
  padding: 24px 0;
}
.linkcard__description p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .linkcard__description p {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }
}
.linkcard__link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.linkcard__link p {
  color: #ec1c24;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .linkcard__link p {
    font-size: 14px;
    line-height: 21px;
  }
}
.linkcard__link svg {
  transition: 0.3s ease-in-out;
}

.prizecard {
  border-radius: 16px;
  background: #f6f8f9;
  padding: 16px 16px 24px;
  display: block;
}
@media (max-width: 1023px) {
  .prizecard {
    border-radius: 8px;
    margin-bottom: 8px;
  }
}
.prizecard--last {
  margin-bottom: 0;
}
.prizecard__image {
  margin-bottom: 16px;
  overflow: hidden;
}
.prizecard__image img {
  border-radius: 8px;
  width: 100%;
  transition: 0.3s ease-in-out;
}
.prizecard:hover .prizecard__image img {
  transform: scale(1.15);
}
.prizecard:hover .prizecard__title {
  color: #ec1c24;
}
.prizecard:hover svg {
  transform: rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .prizecard:hover .prizecard__image img {
    transform: scale(1);
  }
  .prizecard:hover .prizecard__title {
    color: #272727;
  }
  .prizecard:hover svg {
    transform: rotate(0deg);
  }
}
.prizecard__title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  transition: 0.3s ease-in-out;
}
.prizecard__title .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
.prizecard__title svg {
  padding: 4px 0;
  min-width: 16px;
  transition: transform 0.3s ease-in-out;
}

.recipe-card:hover .recipe-card__image img {
  transform: scale(1.1);
}
.recipe-card:hover .recipe-card__content .title {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .recipe-card:hover .recipe-card__image img {
    transform: scale(1);
  }
  .recipe-card:hover .recipe-card__content .title {
    color: #272727;
  }
}
.recipe-card__image {
  margin-bottom: 16px;
  overflow: hidden;
}
.recipe-card__image img {
  border-radius: 2px;
  transition: 0.3s ease-in-out;
  vertical-align: bottom;
  height: 288px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .recipe-card__image img {
    height: 140px;
  }
}
.recipe-card__content {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 1023px) {
  .recipe-card__content {
    flex-direction: column;
    justify-content: unsafe;
    gap: 8px;
  }
}
.recipe-card__content .title {
  color: #272727;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
  transition: 0.3s ease-in-out;
  max-width: 205px;
}
@media (max-width: 1023px) {
  .recipe-card__content .title {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
    min-height: 42px;
  }
}
.recipe-card__content .time {
  display: flex;
  gap: 8px;
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  min-width: 67px;
}
@media (max-width: 1023px) {
  .recipe-card__content .time {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}

@media (max-width: 1023px) {
  .research-card {
    margin-bottom: 40px;
  }
}
.research-card--last {
  margin-bottom: 0;
}
.research-card__image {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .research-card__image img {
    max-height: 270px;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }
}
.research-card__area .paragraph--14 p {
  color: #ec1c24;
  font-weight: 600;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .research-card__area .paragraph--14 p {
    letter-spacing: 0.24px;
  }
}
.research-card__area .paragraph p {
  margin-bottom: 16px;
}
.research-card__area .paragraph p:last-child {
  margin-bottom: 0;
}
.research-card__area h4 {
  margin-bottom: 24px;
}

.socialcard {
  display: block;
  margin-bottom: 24px;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}
@media (max-width: 1023px) {
  .socialcard {
    margin-bottom: 16px;
  }
}
.socialcard img {
  border-radius: 8px 8px 0px 0px;
}
@media (max-width: 1023px) {
  .socialcard img {
    width: 100%;
  }
}
.socialcard__area {
  padding: 16px;
  background: #fff;
  border-radius: 0px 0px 8px 8px;
  margin-top: -3px;
}
.socialcard__info {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}
.socialcard__info .profile {
  display: flex;
  align-items: center;
  gap: 8px;
}
.socialcard__info .profile .data {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.socialcard__info .profile .data .name {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}
.socialcard__info .profile .data .link-time {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #656565;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}
.socialcard__info svg {
  padding: 4px 0;
  min-width: 14px;
}
.socialcard__description {
  max-width: 100%;
}
.socialcard__description p {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
  max-width: 100%;
}
.socialcard__description strong {
  display: inline;
  color: #2d9cdb;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.strategycards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 56px;
}
@media (max-width: 1023px) {
  .strategycards {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 32px;
  }
}
.strategycards .strategycard {
  display: flex;
  gap: 24px;
  max-width: 496px;
}
@media (max-width: 1250px) {
  .strategycards .strategycard {
    flex-direction: column;
    gap: 8px;
    max-width: unset;
  }
}
.strategycards .strategycard:hover .strategycard__area .title h2, .strategycards .strategycard:hover .strategycard__area .title h4 {
  color: #ec1c24;
}
.strategycards .strategycard:hover .strategycard__area .link {
  transform: translateX(10px);
}
.strategycards .strategycard:hover .strategycard__area .link svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .strategycards .strategycard:hover .strategycard__area .title h2, .strategycards .strategycard:hover .strategycard__area .title h4 {
    color: #272727;
  }
  .strategycards .strategycard:hover .strategycard__area .link {
    transform: translateX(0px);
  }
  .strategycards .strategycard:hover .strategycard__area .link svg {
    transform: rotate(0deg);
  }
}
.strategycards .strategycard__image .desktop {
  display: block;
  min-width: 184px;
  border-radius: 0 0 132px 0;
}
@media (max-width: 1250px) {
  .strategycards .strategycard__image .desktop {
    display: none;
  }
}
.strategycards .strategycard__image .mobile {
  display: none;
}
@media (max-width: 1250px) {
  .strategycards .strategycard__image .mobile {
    display: block;
    width: 100%;
    border-radius: 0 0 110px 0;
  }
}
.strategycards .strategycard__area {
  padding: 24px 24px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1250px) {
  .strategycards .strategycard__area {
    padding: 0 8px;
  }
}
.strategycards .strategycard__area .info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1250px) {
  .strategycards .strategycard__area .info {
    gap: 8px;
  }
}
.strategycards .strategycard__area .info .title {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1250px) {
  .strategycards .strategycard__area .info .title {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}
.strategycards .strategycard__area .info .title h2 {
  padding: 8px;
  position: relative;
  width: fit-content;
  transition: 0.3s ease-in-out;
}
.strategycards .strategycard__area .info .title h2 svg {
  position: absolute;
  top: 8px;
  right: 0;
}
.strategycards .strategycard__area .info .title h4 {
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.strategycards .strategycard__area .info .description {
  margin-bottom: 0;
}
.strategycards .strategycard__area .info .description p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.strategycards .strategycard__area .link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.strategycards .strategycard__area .link svg {
  transition: 0.3s ease-in-out;
}

.visitcard img {
  width: 100%;
}
.visitcard:hover .visitcard__area {
  background: #ec1c24;
}
.visitcard:hover .visitcard__title,
.visitcard:hover .visitcard__link {
  color: #fff;
}
.visitcard:hover .visitcard__title svg,
.visitcard:hover .visitcard__title img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(101%) contrast(105%);
}
.visitcard:hover .visitcard__description p {
  color: #fff;
}
.visitcard:hover .visitcard__link {
  transform: translateX(10px);
}
.visitcard:hover .visitcard__link svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(9deg) brightness(101%) contrast(105%);
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .visitcard:hover .visitcard__area {
    background: #fff;
  }
  .visitcard:hover .visitcard__link {
    color: #ec1c24;
  }
  .visitcard:hover .visitcard__title {
    color: #272727;
  }
  .visitcard:hover .visitcard__title svg,
  .visitcard:hover .visitcard__title img {
    filter: unset;
  }
  .visitcard:hover .visitcard__description p {
    color: #272727;
  }
  .visitcard:hover .visitcard__link {
    color: #ec1c24;
    transform: translateX(0px);
  }
  .visitcard:hover .visitcard__link svg {
    filter: unset;
    transform: rotate(0deg);
  }
}
.visitcard__area {
  padding: 24px;
  background: #fff;
  margin-top: -3px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .visitcard__area {
    padding: 16px;
  }
}
.visitcard__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  margin-bottom: 16px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .visitcard__title {
    margin-bottom: 8px;
  }
}
.visitcard__title svg,
.visitcard__title img {
  min-width: 24px;
  max-width: 24px;
  transition: 0.3s ease-in-out;
}
.visitcard__description {
  margin-bottom: 24px;
  min-height: 36px;
}
@media (max-width: 1023px) {
  .visitcard__description {
    margin-bottom: 16px;
    min-height: 54px;
  }
}
.visitcard__description p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  transition: 0.3s ease-in-out;
}
.visitcard__link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.visitcard__link svg {
  transition: transform 0.3s ease-in-out;
}

.video-card__image {
  position: relative;
  margin-bottom: 16px;
}
.video-card__image .icon {
  border-radius: 56px;
  border: 2px solid #fff;
  padding: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}
.video-card__image .icon svg {
  position: absolute;
  left: 12px;
  transition: 0.3s ease-in-out;
}
.video-card__image .icon:hover {
  padding: 16px;
}
.video-card__image .icon:hover svg {
  left: 16px;
}
.video-card h5 {
  font-weight: 500;
}

.video-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000000000000000000;
  display: none;
}
.video-modal.active {
  display: block;
}
.video-modal__content {
  width: 65vw;
  height: auto;
  position: fixed;
  background: #fff;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
@media (max-width: 1023px) {
  .video-modal__content {
    width: 390px;
  }
}
.video-modal__iframe {
  height: 0;
  margin: auto;
  z-index: 1;
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  display: block;
  overflow: hidden;
}
.video-modal__iframe iframe {
  background: #111;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: absolute;
}

.market-card {
  display: flex;
  flex-direction: column;
  min-width: 288px;
  max-width: 288px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .market-card {
    min-width: unset;
    max-width: unset;
    width: 100%;
  }
}
.market-card__image {
  position: relative;
  overflow: hidden;
}
.market-card__image img {
  height: 100%;
  transition: transform 0.3s ease-in-out;
  aspect-ratio: 2/1;
}
@media (max-width: 1023px) {
  .market-card__image img {
    width: 100%;
  }
}
.market-card__area {
  padding: 24px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  border-radius: 0px 0px 32px 0px;
}
@media (max-width: 1023px) {
  .market-card__area {
    padding: 16px;
  }
}
.market-card__area h6 {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.market-card__area p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .market-card__area p {
    margin-bottom: 16px;
  }
}
.market-card__info {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #db3832;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
.market-card__nocode {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.health-card {
  border-radius: 8px;
  background: #f6f8f9;
  padding: 16px 16px 24px;
  width: 100%;
}
@media (max-width: 1023px) {
  .health-card {
    padding: 8px 8px 16px;
  }
}
.health-card:hover .health-card__image img {
  transform: scale(1.1);
}
.health-card:hover .health-card__title h6 {
  color: #ec1c24;
}
.health-card:hover .health-card__title svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .health-card:hover .health-card__image img {
    transform: scale(1);
  }
  .health-card:hover .health-card__title h6 {
    color: #272727;
  }
  .health-card:hover .health-card__title svg {
    transform: rotate(0deg);
  }
}
.health-card__image {
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .health-card__image {
    margin-bottom: 12px;
  }
}
.health-card__image img {
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  height: 170px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .health-card__image img {
    height: 106px;
  }
}
.health-card__title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 40px;
}
@media (max-width: 1023px) {
  .health-card__title {
    min-height: 28px;
  }
}
.health-card__title h6 {
  font-weight: 500;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .health-card__title h6 {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.health-card__title svg {
  padding: 4px 0;
  min-width: 16px;
  transition: 0.3s ease-in-out;
}

.collage-card {
  border-radius: 8px;
  width: 49%;
}
@media (max-width: 1023px) {
  .collage-card {
    width: calc(50% - 4px);
  }
}
.collage-card--main {
  width: unset;
}
.collage-card--main .collage-card__image img {
  height: 632px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .collage-card--main .collage-card__image img {
    height: 370px;
  }
}
.collage-card--main .collage-card__title {
  gap: 24px;
}
.collage-card--main .collage-card__title h4 {
  color: #fff;
}
.collage-card--main .collage-card__title svg {
  min-width: 24px;
}
.collage-card:hover .collage-card__image img {
  transform: scale(1.1);
}
.collage-card:hover .collage-card__image::before {
  border-radius: 0;
}
.collage-card:hover .collage-card__title svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .collage-card:hover .collage-card__image img {
    transform: scale(1);
  }
  .collage-card:hover .collage-card__image::before {
    border-radius: 8px;
  }
  .collage-card:hover .collage-card__title svg {
    transform: rotate(0deg);
  }
}
.collage-card__image {
  position: relative;
  overflow: hidden;
}
.collage-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.39) 62.5%, rgba(0, 0, 0, 0.56) 92.5%);
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}
.collage-card__image img {
  border-radius: 8px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  height: 312px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .collage-card__image img {
    height: 180px;
  }
}
.collage-card__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
}
@media (max-width: 1023px) {
  .collage-card__title {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
}
.collage-card__title h6 {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .collage-card__title h6 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}
.collage-card__title svg {
  padding: 0 0 4px;
  min-width: 16px;
  transition: 0.3s ease-in-out;
}

.news-main-card {
  border-radius: 8px;
  background: #f6f8f9;
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .news-main-card {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.news-main-card:hover .news-main-card__image img {
  transform: scale(1.2);
}
.news-main-card:hover .news-main-card__info .title {
  color: #ec1c24;
}
.news-main-card:hover .news-main-card__info .title svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .news-main-card:hover .news-main-card__image img {
    transform: scale(1);
  }
  .news-main-card:hover .news-main-card__info .title {
    color: #272727;
  }
  .news-main-card:hover .news-main-card__info .title svg {
    transform: rotate(0deg);
  }
}
.news-main-card__image {
  overflow: hidden;
  width: 50%;
}
@media (max-width: 1023px) {
  .news-main-card__image {
    width: auto;
  }
}
.news-main-card__image img {
  border-radius: 8px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  height: 378px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .news-main-card__image img {
    height: 208px;
  }
}
.news-main-card__info {
  padding: 0 32px;
  width: 50%;
}
@media (max-width: 1023px) {
  .news-main-card__info {
    padding: 0;
    width: auto;
  }
}
.news-main-card__info .title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .news-main-card__info .title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.news-main-card__info .title svg {
  padding: 4px 0;
  min-width: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .news-main-card__info .title svg {
    padding: 0;
  }
}
.news-main-card__info p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 1023px) {
  .news-main-card__info p {
    font-size: 14px;
    line-height: 21px;
  }
}

.news-card {
  border-radius: 8px;
  background: #f6f8f9;
  padding: 16px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .news-card {
    padding: 8px 8px 16px;
    gap: 12px;
  }
}
.news-card:hover .news-card__image img {
  transform: scale(1.2);
}
.news-card:hover .news-card__info .title {
  color: #ec1c24;
}
.news-card:hover .news-card__info .title svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .news-card:hover .news-card__image img {
    transform: scale(1);
  }
  .news-card:hover .news-card__info .title {
    color: #272727;
  }
  .news-card:hover .news-card__info .title svg {
    transform: rotate(0deg);
  }
}
.news-card__image {
  overflow: hidden;
}
.news-card__image img {
  border-radius: 8px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  height: 170px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .news-card__image img {
    height: 106px;
  }
}
.news-card__info .title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s ease-in-out;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .news-card__info .title {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.news-card__info .title .text {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  max-width: 100%;
  min-height: 60px;
}
@media (max-width: 1023px) {
  .news-card__info .title .text {
    -webkit-line-clamp: 4;
    min-height: 56px;
  }
}
.news-card__info .title svg {
  padding: 4px 0;
  min-width: 16px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .news-card__info .title svg {
    padding: 0;
  }
}

.grocery-card:hover .grocery-card__image img {
  transform: scale(1.1);
}
.grocery-card:hover .grocery-card__title h5 {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .grocery-card:hover .grocery-card__image img {
    transform: scale(1);
  }
  .grocery-card:hover .grocery-card__title h5 {
    color: #272727;
  }
}
.grocery-card__image {
  overflow: hidden;
  margin-bottom: 16px;
}
.grocery-card__image img {
  border-radius: 8px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  height: 288px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .grocery-card__image img {
    height: 167px;
  }
}
.grocery-card__title h5 {
  transition: 0.3s ease-in-out;
  text-align: center;
}

/* Blocks */
.cards-block {
  border-bottom: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .cards-block {
    padding: 40px 4px;
  }
}

.latest-news-block {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .latest-news-block {
    padding: 56px 4px;
  }
}
.latest-news-block .btn {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .latest-news-block--media {
    padding: 64px 0 64px 12px;
  }
}
@media (max-width: 1023px) {
  .latest-news-block--media .col-lg-12 {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.latest-news-block--media .btn {
  width: fit-content;
  margin: 32px auto 0;
}
.latest-news-block--investitori {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .latest-news-block--investitori {
    padding: 64px 4px;
  }
}
.latest-news-block--grayscale {
  background: #f6f8f9;
}
.latest-news-block--grayscale .itemcard__area {
  background: #fff;
}

.about-us-block {
  background: #f6f8f9;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .about-us-block {
    padding: 56px 4px;
  }
}
.about-us-block--agri {
  background: #fff;
}
.about-us-block .btn {
  width: fit-content;
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .about-us-block .btn {
    width: auto;
  }
}

.benefits-block {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .benefits-block {
    padding: 40px 4px;
  }
}

.landing-block {
  background: #f6f8f9;
}
@media (min-width: 1024px) {
  .landing-block {
    max-height: 275px;
  }
}
@media (max-width: 1250px) {
  .landing-block {
    margin-bottom: 0;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .landing-block {
    border-bottom: 1px solid #eaeef0;
    padding: 0 4px;
  }
}
@media (max-width: 1023px) {
  .landing-block .container-fluid, .landing-block .container-xxl {
    padding: 0;
  }
}
.landing-block--other {
  margin-bottom: 0;
  border-bottom: 1px solid #eaeef0;
}
.landing-block--other .landing-block__info h2 {
  margin-bottom: 0;
}
.landing-block__info {
  padding: 48px 0;
}
@media (max-width: 1250px) {
  .landing-block__info {
    padding: 40px 0;
    min-width: 796px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .landing-block__info {
    min-width: unset;
  }
}
.landing-block__info--no-desc {
  padding: 92px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--no-desc {
    padding: 40px 0;
  }
}
.landing-block__info--no-desc h2 {
  margin-bottom: 0 !important;
}
.landing-block__info--posts {
  padding: 72px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--posts {
    padding: 40px 0;
  }
}
.landing-block__info--socials {
  padding: 60px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--socials {
    padding: 40px 0;
  }
}
.landing-block__info--odrzivost {
  padding: 60px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--odrzivost {
    padding: 40px 0;
  }
}
.landing-block__info--odrzivost h2 {
  margin-bottom: 0 !important;
}
.landing-block__info--structure {
  padding: 44px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--structure {
    padding: 40px 0;
  }
}
.landing-block__info--press {
  padding: 32px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--press {
    padding: 40px 0;
  }
}
.landing-block__info--financial {
  padding: 86px 0 72px;
}
@media (max-width: 1250px) {
  .landing-block__info--financial {
    padding: 40px 0;
  }
}
.landing-block__info--intro {
  padding: 18px 0;
}
@media (max-width: 1250px) {
  .landing-block__info--intro {
    padding: 40px 0;
  }
}
.landing-block__info h2 {
  margin-bottom: 16px;
}
.landing-block__info p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .landing-block__info p {
    font-size: 14px;
    line-height: 21px;
  }
}
.landing-block__image {
  z-index: 3;
  position: relative;
}
@media (max-width: 1250px) {
  .landing-block__image {
    display: none;
  }
}
.landing-block__image img {
  border-radius: 0px 0px 164px 0px;
  width: 100%;
  max-height: 275px;
  object-fit: cover;
}
.landing-block__row--center {
  align-items: center;
}
.landing-block--wob .container-fluid:after, .landing-block--wob .container-xxl:after {
  display: none;
}

.images-block {
  display: flex;
  gap: 8px;
  padding: 0 0 13px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .images-block {
    padding: 0;
    flex-direction: column;
  }
}
.images-block--odrzivost {
  padding: 8px 0;
}
.images-block--no-padding {
  padding: 0;
  margin-bottom: -2px;
}

.links-block {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .links-block {
    padding: 32px 4px;
  }
}
@media (max-width: 1023px) {
  .links-block--investitori {
    padding: 48px 4px;
  }
}

.tabs-block {
  background: #fff;
  padding: 80px 0 94px;
}
@media (max-width: 1023px) {
  .tabs-block {
    padding: 48px 4px 80px;
  }
}
.tabs-block--multimedia {
  padding: 64px 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .tabs-block--multimedia {
    padding: 16px 4px 96px;
  }
}
.tabs-block--brands {
  padding: 16px 0 0;
}
@media (max-width: 1023px) {
  .tabs-block--brands {
    padding: 16px 4px 0px;
  }
}
.tabs-block--brands .tab-menu ul {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .tabs-block--brands .tab-menu ul {
    margin-bottom: 16px;
  }
}
.tabs-block--brands .tab-content .tab-box#nasi-proizvodi {
  padding-bottom: 80px;
}
@media (max-width: 1023px) {
  .tabs-block--brands .tab-content .tab-box#nasi-proizvodi {
    padding-bottom: 64px;
  }
}
.tabs-block--markets {
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .tabs-block--markets {
    padding: 30px 4px 72px;
  }
}

.linkedin-block {
  background: #f6f8f9;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .linkedin-block {
    padding: 64px 4px;
  }
}
.linkedin-block .btn {
  font-weight: 500;
  margin: 0 auto;
  background: transparent;
}

.socials-list-block {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .socials-list-block {
    padding: 64px 4px;
  }
}

.page-404-block {
  background: #fff;
  padding: 104px 0;
}
@media (max-width: 1023px) {
  .page-404-block {
    padding: 64px 4px;
  }
}
.page-404-block__image {
  margin-top: 26px;
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .page-404-block__image {
    text-align: center;
    margin-top: 0;
    margin-bottom: 32px;
  }
}
@media (max-width: 1023px) {
  .page-404-block__image svg {
    width: 260px;
  }
}
.page-404-block__info {
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .page-404-block__info {
    text-align: center;
    margin-bottom: 48px;
  }
}
.page-404-block__info .paragraph p {
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .page-404-block__info .paragraph p {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.page-404-block__info h3 {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .page-404-block__info h3 {
    margin-bottom: 16px;
  }
}
.page-404-block__info h4 {
  font-weight: 500;
}
@media (max-width: 1023px) {
  .page-404-block .paragraph--p-mb-16 {
    text-align: center;
  }
}

.map-page-block {
  background: #fff;
  padding: 32px 0 64px;
}
@media (max-width: 1023px) {
  .map-page-block {
    padding: 24px 4px 72px;
  }
}
.map-page-block__header {
  padding: 32px 0;
  border-bottom: 2px solid #e6ecef;
}
@media (max-width: 1023px) {
  .map-page-block__header {
    padding: 8px 0;
    border-bottom: none;
  }
}
.map-page-block__header .text {
  margin-bottom: 16px;
  font-weight: 500;
}
.map-page-block__header .pages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.map-page-block__header .pages a {
  border-radius: 8px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 8px 12px;
}
.map-page-block__header .pages a h6 {
  color: #494949;
  font-weight: 500;
}
.map-page-block__page-title {
  color: #2d9cdb !important;
  margin: 24px 0 16px;
  transition: 0.3s ease-in-out;
}
.map-page-block__page-title:hover {
  color: #123e58 !important;
}
@media (max-width: 1023px) {
  .map-page-block__page-title:hover {
    color: #2d9cdb !important;
  }
}
.map-page-block__area {
  padding: 0 16px;
}
.map-page-block__area a h5 {
  transition: 0.3s ease-in-out;
}
.map-page-block__area a h5:hover {
  color: #123e58;
}
@media (max-width: 1023px) {
  .map-page-block__area a h5:hover {
    color: #2d9cdb;
  }
}
.map-page-block__area .heading {
  margin-bottom: 16px;
  color: #2d9cdb;
}
.map-page-block__area .heading--list {
  margin-bottom: 8px;
}
.map-page-block__area .heading--last {
  margin-bottom: 0;
}
.map-page-block__area .bullets {
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding-left: 26px;
}
.map-page-block__area .bullets--inner {
  margin: 8px 0 0;
}
.map-page-block__area .bullets li::marker {
  color: #2d9cdb;
}
.map-page-block__area .bullets li a p {
  color: #2d9cdb;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .map-page-block__area .bullets li a p {
    font-size: 14px;
    line-height: 21px;
  }
}
.map-page-block__area .bullets li a p:hover {
  color: #123e58;
}
@media (max-width: 1023px) {
  .map-page-block__area .bullets li a p:hover {
    color: #2d9cdb;
  }
}
.map-page-block__area .bullets-flex {
  display: flex;
  gap: 8px;
}
.map-page-block__area .bullets-flex ul {
  min-width: 228px;
  max-width: 228px;
}
@media (max-width: 1023px) {
  .map-page-block__area .bullets-flex ul {
    min-width: 152px;
    max-width: 152px;
  }
}
.map-page-block .separator {
  margin-top: 24px;
  height: 2px;
  width: 100%;
  background: #e6ecef;
}
.map-page-block .separator--small {
  margin-top: 8px;
}

.half-block {
  background: #f6f8f9;
  padding: 104px 0;
}
@media (max-width: 1023px) {
  .half-block {
    padding: 104px 4px;
  }
}
.half-block--white {
  background: #fff;
}
.half-block__row {
  align-items: center;
}
@media (max-width: 1023px) {
  .half-block__row {
    gap: 32px;
  }
}

.half-another-block {
  background: #f6f8f9;
  padding: 104px 0;
}
@media (max-width: 1023px) {
  .half-another-block {
    padding: 64px 4px;
  }
}
.half-another-block__row {
  align-items: center;
}
@media (max-width: 1023px) {
  .half-another-block__row {
    gap: 32px;
  }
}
.half-another-block__button {
  width: fit-content;
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .half-another-block__button {
    width: auto;
  }
}
.half-another-block .map_aspect_ratio {
  padding-top: 56% !important;
}
.half-another-block .imapsZoomControl {
  display: none;
}

.awards-block__wrapper {
  display: flex;
  padding: 0;
}
@media (max-width: 1023px) {
  .awards-block__wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .awards-block--agri .awards-block__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
  .awards-block--agri .award {
    width: calc(50% - 4px);
    padding: 0;
    justify-content: center;
  }
  .awards-block--agri .award:nth-child(even) {
    border-left: 0;
  }
}

.awards-only-block {
  background: #fff;
}
.awards-only-block__wrapper {
  display: flex;
  padding: 0;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .awards-only-block__wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
}

.award {
  width: 20%;
  padding: 24px;
  border: 2px solid #eaeef0;
  border-right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.award:hover .award__image img {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
.award:hover h5 {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .award:hover .award__image img {
    transform: scale(1);
  }
  .award:hover h5 {
    color: #272727;
  }
}
@media (max-width: 1023px) {
  .award {
    width: unset;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-right: 2px solid #eaeef0;
    border-bottom: 0;
  }
  .award:nth-child(4) {
    border-bottom: 0;
  }
}
.award--23 {
  width: 23%;
}
@media (max-width: 1023px) {
  .award--23 {
    width: unset;
  }
}
.award--border-right {
  border-right: 2px solid #eaeef0;
}
@media (max-width: 1023px) {
  .award--border-mobile-bottom {
    border-bottom: 2px solid #eaeef0 !important;
  }
}
.award--href {
  background: #db3832;
  border: 0;
}
.award--href .award__info {
  width: 100%;
}
@media (max-width: 1023px) {
  .award--href .award__info br {
    display: none;
  }
  .award--href .award__info .icon--h-44 {
    height: 32px;
  }
}
.award--href a {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
@media (max-width: 1023px) {
  .award--href a {
    align-items: center;
    justify-content: space-between;
  }
}
.award--href h2 {
  color: #fff;
}
.award--href svg {
  filter: brightness(0) saturate(100%) invert(97%) sepia(22%) saturate(14%) hue-rotate(248deg) brightness(100%) contrast(104%);
}
.award h5 {
  transition: 0.3s ease-in-out;
}
.award__image img {
  transition: transform 0.3s ease-in-out;
  min-width: 100px;
}
.award__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.award__info p {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}

.contact-block {
  background: #fff;
}
@media (max-width: 992px) {
  .contact-block {
    padding: 0 4px;
  }
}
.contact-block__intro {
  padding: 72px 0 48px;
}
@media (max-width: 992px) {
  .contact-block__intro {
    padding: 48px 0 32px;
  }
}
.contact-block__intro h3 {
  margin-bottom: 16px;
}

.wpcf7 a {
  color: #272727;
  font-weight: 600;
}

.cf7-wrapper {
  display: flex;
  margin-bottom: 32px;
  gap: 32px;
}
@media (max-width: 1023px) {
  .cf7-wrapper {
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
  }
}
.cf7-wrapper--center {
  justify-content: center;
}
.cf7-wrapper--two {
  justify-content: center;
  gap: 8px !important;
}
@media (max-width: 1023px) {
  .cf7-wrapper--two {
    gap: 16px !important;
  }
}
.cf7-wrapper--buttons {
  position: relative;
  margin-top: 48px;
  margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
  .cf7-wrapper--buttons {
    flex-direction: column-reverse;
  }
  .cf7-wrapper--buttons .btn {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .cf7-wrapper--date {
    gap: 8px !important;
  }
}

.cf7-input {
  width: 100%;
}
.cf7-input input {
  box-sizing: border-box;
  width: 100%;
}
.cf7-input select option:first-child {
  display: none;
}

.cf7-wrapper-full {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .cf7-wrapper-full {
    margin-bottom: 16px;
  }
}
.cf7-wrapper-full textarea {
  resize: none;
}

.cf7-wrapper-submit {
  position: relative;
}
.cf7-wrapper-submit span.wpcf7-spinner {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .cf7-wrapper-submit span.wpcf7-spinner {
    bottom: -32px;
  }
}
.cf7-wrapper-submit .wpcf7-list-item {
  margin: 0 !important;
}
.cf7-wrapper-submit .wpcf7-list-item label {
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .cf7-wrapper-submit .wpcf7-list-item label {
    margin-bottom: 24px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .cf7-wrapper-submit .wpcf7-list-item label {
    align-items: baseline;
  }
}
.cf7-wrapper-submit .wpcf7-list-item label .wpcf7-list-item-label {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.cf7-wrapper-submit .wpcf7-list-item label .wpcf7-list-item-label a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.cf7-wrapper-submit .wpcf7-list-item input {
  margin: 0 !important;
  min-width: 14px;
}
@media (max-width: 1023px) {
  .cf7-wrapper-submit .wpcf7-submit {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .cf7-wrapper-submit .wpcf7-submit {
    min-width: 183px;
  }
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.map-block {
  background: #f6f8f9;
  padding: 40px 0 51px;
}
@media (max-width: 1023px) {
  .map-block {
    padding: 16px 0 7px;
  }
  .map-block .map_aspect_ratio {
    padding-top: 100% !important;
  }
}

.map-popup {
  background: #fff;
  border: 1px solid #eaeef0;
  border-radius: 4px;
  min-height: 240px;
}
.map-popup--only-title {
  min-height: 40px;
}
.map-popup__title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeef0;
  gap: 8px;
  padding: 8px;
}
.map-popup__title img {
  width: 18px;
}
.map-popup__title p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #272727;
  font-weight: 600;
  line-height: 1;
}
.map-popup__title svg {
  margin-left: auto;
}
.map-popup__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.map-popup__content p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #272727;
  font-weight: 600;
  line-height: 18px;
}
.map-popup__brands {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  max-width: 144px;
}
.map-popup__brands p {
  text-align: center;
  width: 30px;
}
.map-popup__brands img {
  width: 30px;
  height: 20px;
  object-fit: contain;
}

g.imapsSprite-group.imapsPointedShape-group.imapsPointedRectangle-group {
  opacity: 0;
}

.visit-block {
  background: #f6f8f9;
  border-bottom: 1px solid #e6ecef;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .visit-block {
    padding: 40px 0 40px 12px;
  }
}
.visit-block .visitcard > img {
  aspect-ratio: 3/2;
  object-fit: cover;
}
.visit-block--odrzivost {
  background: #fff;
}
@media (max-width: 1023px) {
  .visit-block--odrzivost {
    padding: 32px 0 32px 12px;
  }
}
@media (max-width: 1023px) {
  .visit-block--odrzivost .visitcard:hover .visitcard__area {
    background: #f6f8f9;
  }
}
.visit-block--odrzivost .visitcard__area {
  background: #f6f8f9;
}
.visit-block--okolis {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .visit-block--okolis {
    padding: 32px 0 32px 12px;
  }
}
.visit-block--investitori {
  background: #fff;
}
@media (max-width: 1023px) {
  .visit-block--investitori .visitcard:hover .visitcard__area {
    background: #f6f8f9;
  }
}
.visit-block--investitori .visitcard__area {
  background: #f6f8f9;
}
.visit-block--o-nama {
  background: #f6f8f9;
}

.ownership-block {
  background-color: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .ownership-block {
    padding: 64px 4px;
  }
}

.strategy-block {
  background: #fff;
  padding: 32px 0 96px;
}
@media (max-width: 1023px) {
  .strategy-block {
    padding: 32px 4px 56px;
  }
}

.reports-block {
  background: #f6f8f9;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .reports-block {
    padding: 64px 4px;
  }
}
.reports-block--grayscale {
  background: #f6f8f9;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .reports-block--grayscale {
    padding: 64px 4px;
  }
}
.reports-block--financial {
  background: #fff;
  padding: 88px 0;
}
@media (max-width: 1023px) {
  .reports-block--financial {
    padding: 40px 4px 56px;
  }
}
.reports-block--presentation {
  background: #fff;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .reports-block--presentation {
    padding: 24px 4px 48px;
  }
}

@media (max-width: 1023px) {
  .gallery-slider-block {
    padding: 24px 0 24px 16px;
  }
}
.gallery-slider-block--grayscale {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .gallery-slider-block--grayscale {
    background: #fff;
  }
}

.grid-block {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .grid-block {
    padding: 48px 4px;
  }
}
.grid-block__wrapper {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .grid-block__wrapper {
    flex-direction: column;
  }
}
.grid-block__row {
  display: flex;
  gap: 16px;
  margin-top: 7.5px;
}
@media (max-width: 1023px) {
  .grid-block__row {
    flex-direction: column;
  }
}
.grid-block__col {
  display: flex;
  gap: 16px;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 1023px) {
  .grid-block__col {
    width: 100%;
  }
}
.grid-block__cards {
  width: calc(100% - 335px);
  margin-left: -8px;
  margin-top: -8px;
}
@media (max-width: 1023px) {
  .grid-block__cards {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
.grid-block__bussines {
  width: 327px;
}
@media (max-width: 1023px) {
  .grid-block__bussines {
    width: 100%;
  }
}

.financial-block {
  background: #fff;
  padding: 56px 0 72px;
}
@media (max-width: 1023px) {
  .financial-block {
    padding: 48px 4px;
  }
}

.stocks-block {
  background: #f6f8f9;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .stocks-block {
    padding: 48px 4px;
  }
}
.stocks-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}
.stocks-block__header .left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.stocks-block__header .left .separator {
  content: "";
  background: #eaeef0;
  min-width: 1px;
  height: 32px;
}
.stocks-block__header .left h4:last-child {
  color: #656565;
  font-weight: 500;
}
.stocks-block__items {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .stocks-block__items {
    flex-direction: column;
    gap: 0;
  }
}
.stocks-block__items .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 258px;
}
@media (max-width: 1250px) {
  .stocks-block__items .item {
    min-width: 200px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .stocks-block__items .item {
    flex-direction: row;
    align-items: center;
    min-width: unset;
  }
}
.stocks-block__items .item:last-child {
  min-width: 191px;
}
.stocks-block__items .item span {
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .stocks-block__items .item span {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
    min-width: 88px;
  }
}
.stocks-block__items .item .separator {
  content: "";
  background: #e6ecef;
  width: auto;
  height: 1px;
}
@media (max-width: 1023px) {
  .stocks-block__items .item .separator {
    min-width: 1px;
    height: 40px;
  }
}
@media (max-width: 1023px) {
  .stocks-block__items .item h5 {
    width: 100%;
    text-align: right;
  }
}
.stocks-block__items .item .traffic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
}
@media (max-width: 1023px) {
  .stocks-block__items .item .traffic {
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
  }
}

.description-block {
  background: #fff;
  padding: 72px 0 16px;
}
@media (max-width: 1023px) {
  .description-block {
    padding: 32px 4px 8px;
  }
}
.description-block--vlasnicka-struktura {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .description-block--vlasnicka-struktura {
    padding: 56px 4px;
  }
}
.description-block--vlasnicka-struktura span {
  font-weight: 700;
}

.newsletter-block {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 32px 0;
}
@media (max-width: 1023px) {
  .newsletter-block {
    padding: 32px 4px;
  }
}
.newsletter-block__subtitle {
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.24px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .newsletter-block__subtitle {
    text-align: center;
  }
}
.newsletter-block__title {
  color: #fff;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .newsletter-block__title {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .newsletter-block__text {
    margin-bottom: 32px;
    text-align: center;
  }
}
.newsletter-block__text p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.newsletter-block .cf7-newsletter {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 1023px) {
  .newsletter-block .cf7-newsletter {
    flex-direction: column;
    padding-bottom: 29px;
    gap: 0;
  }
}
.newsletter-block .cf7-newsletter input {
  background: transparent;
  color: #fff;
  border: 2px solid #eaeef0;
  box-sizing: border-box;
}
.newsletter-block .cf7-newsletter input::placeholder {
  color: #fff;
}
.newsletter-block .cf7-newsletter input:focus {
  border: 2px solid #eaeef0;
  outline: none;
}
.newsletter-block .cf7-newsletter input[type=checkbox] {
  border: 1px solid #eaeef0;
}
.newsletter-block .cf7-newsletter input[type=checkbox]:checked {
  background: #fff;
}
.newsletter-block .cf7-newsletter input[type=checkbox]:checked:before {
  content: url("../../src/img/icons/checkbox-red.svg");
}
@media (max-width: 1023px) {
  .newsletter-block .wpcf7-email {
    width: 100%;
  }
}
.newsletter-block .wpcf7-submit {
  padding: 12px 16px !important;
  border: 2px solid #fff;
}
@media (max-width: 1023px) {
  .newsletter-block .wpcf7-submit {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .newsletter-block .wpcf7-form-control-wrap {
    position: unset;
  }
}
@media (max-width: 1023px) {
  .newsletter-block .wpcf7-acceptance {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.newsletter-block .wpcf7-spinner {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .newsletter-block .wpcf7-spinner {
    bottom: -10px;
  }
}
.newsletter-block .cf7-wrapper-full {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: auto;
}
@media (max-width: 1023px) {
  .newsletter-block .cf7-wrapper-full {
    gap: 8px;
    width: 100%;
  }
}
.newsletter-block .cf7-wrapper-full .wpcf7-list-item {
  margin: 0 !important;
}
.newsletter-block .cf7-wrapper-full .wpcf7-list-item label {
  padding: 0 !important;
}
.newsletter-block .cf7-wrapper-full .wpcf7-list-item label .wpcf7-list-item-label {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.newsletter-block .cf7-wrapper-full .wpcf7-list-item label .wpcf7-list-item-label a {
  color: #fff;
  font-weight: 700;
}

.table-block {
  background: #fff;
  padding: 88px 0;
}
@media (max-width: 1023px) {
  .table-block {
    padding: 24px 4px 32px;
  }
}
.table-block h4 {
  margin-bottom: 16px;
}
.table-block__description {
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .table-block__description {
    margin-bottom: 32px;
  }
}
@media (max-width: 1023px) {
  .table-block__wrapper {
    position: relative;
    overflow: auto;
    white-space: nowrap;
    margin-right: -16px;
    scrollbar-color: #ec1c24 #f7d5d4;
    scrollbar-width: thin;
  }
  .table-block__wrapper::-webkit-scrollbar {
    width: 8px;
  }
  .table-block__wrapper::-webkit-scrollbar-track {
    border-radius: 56px;
    background: #f7d5d4;
  }
  .table-block__wrapper::-webkit-scrollbar-thumb {
    border-radius: 56px;
    background: #ec1c24;
  }
}
@media (max-width: 1023px) {
  .table-block .wp-block-table {
    position: relative;
    overflow: auto;
    white-space: nowrap;
    margin-right: -16px;
    scrollbar-color: #ec1c24 #f7d5d4;
    scrollbar-width: thin;
  }
  .table-block .wp-block-table::-webkit-scrollbar {
    width: 8px !important;
  }
  .table-block .wp-block-table::-webkit-scrollbar-track {
    border-radius: 56px !important;
    background: #f7d5d4 !important;
  }
  .table-block .wp-block-table::-webkit-scrollbar-thumb {
    border-radius: 56px !important;
    background: #ec1c24 !important;
  }
}

.pie-chart-block {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .pie-chart-block {
    padding: 56px 4px;
  }
}
.pie-chart-block h3 {
  transition: 0.3s ease-in-out;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .pie-chart-block h3 {
    margin-bottom: 16px;
  }
}
.pie-chart-block h3:hover {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .pie-chart-block h3:hover {
    color: #272727;
  }
}
.pie-chart-block .description {
  margin-bottom: 40px;
}
.pie-chart-block__stats {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .pie-chart-block__stats {
    margin-bottom: 32px;
  }
}
.pie-chart-block__stats .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pie-chart-block__stats .item .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.pie-chart-block__stats .item__content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pie-chart-block__stats .item__content h4 {
  min-width: 70px;
}
@media (max-width: 1023px) {
  .pie-chart-block__stats .item__content h4 {
    min-width: 60px;
  }
}
.pie-chart-block__stats .item__content .separator {
  content: "";
  background: #eaeef0;
  min-width: 1px;
  height: 32px;
}
@media (max-width: 1023px) {
  .pie-chart-block__stats .item__content .separator {
    height: 24px;
  }
}
.pie-chart-block #pieChart {
  transform: rotate(15deg);
}

.pie-chart {
  position: relative;
  min-height: 392px;
}
@media (max-width: 1023px) {
  .pie-chart {
    overflow: hidden;
    min-height: unset;
  }
}
.pie-chart__text {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 800;
  pointer-events: none;
  color: #272727;
  text-align: center;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

@media (max-width: 1023px) {
  .single-table-block__wrapper {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.tables-block {
  background: #fff;
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .tables-block {
    padding: 40px 4px;
  }
}
.tables-block--paragraph {
  padding: 56px 0 96px;
}
@media (max-width: 1023px) {
  .tables-block--paragraph {
    padding: 32px 4px 40px;
  }
}
.tables-block__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .tables-block__wrapper {
    gap: 24px;
  }
}
.tables-block__items {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .tables-block__items {
    gap: 24px;
  }
}

.timeline-block {
  background: #fff;
  padding: 80px 0;
  position: relative;
}
@media (max-width: 1023px) {
  .timeline-block {
    padding: 64px 4px 32px;
  }
}
.timeline-block--posao {
  padding: 0 0 64px;
}
@media (max-width: 1023px) {
  .timeline-block--posao {
    padding: 0 4px 64px;
  }
}
.timeline-block--posao .timeline-block__pseudo {
  top: 537px;
}
.timeline-block__pseudo {
  position: absolute;
  top: 437px;
  left: 0;
}
@media (max-width: 1023px) {
  .timeline-block__pseudo {
    display: none;
  }
}
.timeline-block__title {
  transition: 0.3s ease-in-out;
}
.timeline-block__title-text {
  transition: 0.3s ease-in-out;
  margin-bottom: 16px;
}
.timeline-block__title-text:hover {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .timeline-block__title-text:hover {
    color: #272727;
  }
}
.timeline-block a .timeline-block__title {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .timeline-block a .timeline-block__title {
    margin-bottom: 32px;
  }
}
.timeline-block a .timeline-block__title--sm-margin {
  margin-bottom: 16px;
}
.timeline-block a:hover .timeline-block__title {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .timeline-block a:hover .timeline-block__title {
    color: #272727;
  }
}
@media (max-width: 1023px) {
  .timeline-block__description {
    display: none;
  }
}
.timeline-block__description--mobile {
  display: block;
}
@media (max-width: 1023px) {
  .timeline-block__description--mobile {
    margin-bottom: 48px;
  }
}
.timeline-block__description.paragraph p {
  line-height: 21px;
}
.timeline-block__description.paragraph p em {
  color: #494949;
}

.testimonials-block {
  background: #fff;
  padding: 96px 0;
  position: relative;
}
@media (max-width: 1023px) {
  .testimonials-block {
    padding: 64px 4px;
  }
}
.testimonials-block--grayscale {
  background: #f6f8f9;
}
.testimonials-block__pseudo {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
@media (max-width: 1023px) {
  .testimonials-block__pseudo {
    display: none;
  }
}

.hero-block {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .hero-block {
    padding: 80px 12px;
  }
}
.hero-block--post {
  background-position: center;
}
.hero-block--post .hero-block__info {
  max-width: 841px;
  margin: 166px auto 0;
}
@media (max-width: 1023px) {
  .hero-block--post .hero-block__info {
    margin: 196px auto 0;
  }
}
.hero-block--post .hero-block__info h1 {
  font-weight: 600;
  margin-bottom: 0;
}
.hero-block__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 496px;
  margin: 110px auto 0;
}
@media (max-width: 1023px) {
  .hero-block__info {
    margin: 140px auto 0;
  }
}
.hero-block__info h1 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .hero-block__info h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.hero-block__info .description {
  margin-bottom: 0;
}
.hero-block__info .description p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .hero-block__info .description p {
    font-size: 16px;
    line-height: 24px;
  }
}

.explanation-block {
  background: #fff;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .explanation-block {
    padding: 32px 4px;
  }
}

.competition-block {
  background: #fff;
  padding: 72px 0 0;
}
@media (max-width: 1023px) {
  .competition-block {
    padding: 64px 4px 0;
  }
}

.videos-block {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .videos-block {
    padding: 64px 0 64px 12px;
  }
}

.locations-block {
  background: #f6f8f9;
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .locations-block {
    padding: 64px 4px 24px;
  }
}

.map-iframe-block {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .map-iframe-block {
    padding: 0 16px 24px;
  }
}
.map-iframe-block #map {
  height: 508px;
}
.map-iframe-block #map .leaflet-div-icon {
  background: transparent !important;
  border: 0 !important;
}
.map-iframe-block #map .leaflet-control-attribution.leaflet-control {
  display: none !important;
}

.custom-cluster {
  position: relative;
}
.custom-cluster span {
  position: absolute;
  top: 0;
  right: -2px;
  background: #ec1c24;
  width: 15px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.multi-step-form-block {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .multi-step-form-block {
    padding: 64px 4px;
  }
}
.multi-step-form-block a:hover h3 {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .multi-step-form-block a:hover h3 {
    color: #272727;
  }
}
.multi-step-form-block a h3 {
  margin-bottom: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .multi-step-form-block a h3 {
    margin-bottom: 16px;
  }
}
.multi-step-form-block h3 {
  margin-bottom: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .multi-step-form-block h3 {
    margin-bottom: 16px;
  }
}
.multi-step-form-block h3:hover {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .multi-step-form-block h3:hover {
    color: #272727;
  }
}
.multi-step-form-block .req {
  color: #1c1c1c;
}

.images-collage-block {
  background: #fff;
  padding: 0 0 88px;
  display: flex;
  gap: 8px;
}
@media (max-width: 1023px) {
  .images-collage-block {
    flex-direction: column;
    padding: 0 16px 64px;
  }
}
@media (min-width: 1024px) {
  .images-collage-block--reverse {
    flex-direction: row-reverse;
  }
}
.images-collage-block__full {
  width: 100%;
  display: flex;
  gap: 8px;
}
@media (min-width: 1024px) {
  .images-collage-block__full {
    width: 80%;
  }
}
@media (min-width: 1024px) {
  .images-collage-block__full--variation {
    width: 40%;
  }
}
.images-collage-block__full--variation img {
  height: 100% !important;
}
.images-collage-block__half {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}
@media (min-width: 1024px) {
  .images-collage-block__half {
    align-items: unset;
    flex-direction: column;
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .images-collage-block__half--big {
    width: 40%;
  }
}
@media (min-width: 1024px) {
  .images-collage-block__half--small {
    width: 24%;
  }
}
.images-collage-block__image-wraper-full {
  width: 100%;
}
@media (min-width: 1024px) {
  .images-collage-block__image-wraper {
    height: 50%;
  }
}
.images-collage-block__image-wraper img {
  height: 100% !important;
  object-position: right;
}
@media (min-width: 1024px) {
  .images-collage-block__image-wraper--70 {
    height: 70%;
  }
}
@media (min-width: 1024px) {
  .images-collage-block__image-wraper--30 {
    height: 30%;
  }
}
.images-collage-block img {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.certificates-block {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .certificates-block {
    padding: 64px 4px;
  }
}

.video-block {
  position: relative;
  max-height: calc(100vh - 202px);
  height: 100%;
}
@media (max-width: 1023px) {
  .video-block {
    max-height: unset;
    margin-top: -94px;
    height: 718px;
  }
}
.video-block video {
  max-height: calc(100vh - 202px);
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .video-block video {
    max-height: unset;
    height: 718px;
  }
}
.video-block::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.48) 100%);
}
.video-block__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.video-block__title--position {
  top: 75%;
}
.video-block__title h1 {
  color: #eaeef0;
}
.video-block__wrapper {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -75%);
  z-index: 99999;
  text-align: center;
  max-width: 812px;
}
@media (max-width: 1023px) {
  .video-block__wrapper {
    min-width: 305px;
  }
}
.video-block__wrapper h1 {
  color: #eaeef0;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .video-block__wrapper h1 {
    margin-bottom: 16px;
  }
}
.video-block__wrapper .paragraph p {
  color: #fff;
}
.video-block__gif {
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 9999;
}
.video-block__mute {
  position: absolute;
  z-index: 9999;
  right: 16px;
  bottom: 16px;
  border: 1px solid #fff;
  padding: 12px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.video-block__mute:hover {
  transform: scale(1.2);
}
@media (max-width: 1023px) {
  .video-block__mute:hover {
    transform: scale(1);
  }
}
.video-block__col {
  position: relative;
}
@media (max-width: 1023px) {
  .video-block__col {
    position: unset;
  }
}
@media (max-width: 1023px) {
  .video-block__mobile {
    display: flex;
    position: absolute;
    top: 135px;
    left: 16px;
    z-index: 9999;
    flex-direction: column;
    gap: 56px;
  }
}
@media (min-width: 1024px) {
  .video-block__mobile {
    display: none;
    position: absolute;
    bottom: 200px;
    left: 0;
    z-index: 9999;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease-in-out;
  }
}
.video-block__menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .video-block__menu--first {
    gap: 24px;
    margin-top: 80px;
  }
  .video-block__menu--first .video-block__item {
    gap: 8px;
    transition: 0.3s ease-in-out;
  }
  .video-block__menu--first .video-block__item:hover {
    transform: scale(1.2);
    transform-origin: left center;
  }
  .video-block__menu--first .video-block__item .icon {
    width: 32px;
    height: 32px;
    transition: 0.3s ease-in-out;
  }
  .video-block__menu--first .video-block__item .icon svg {
    width: 32px;
    height: 32px;
  }
  .video-block__menu--first .video-block__link {
    color: #eaeef0;
    font-family: "Podravka Sans", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
  }
  .video-block__menu--second {
    flex-direction: row;
    gap: 40px;
  }
  .video-block__menu--second .video-block__item {
    gap: 8px;
    transition: 0.3s ease-in-out;
  }
  .video-block__menu--second .video-block__item:hover {
    transform: scale(1.2);
    transform-origin: left center;
  }
  .video-block__menu--second .video-block__item .icon {
    width: 24px;
    height: 24px;
    transition: 0.3s ease-in-out;
  }
  .video-block__menu--second .video-block__item .icon svg {
    width: 24px;
    height: 24px;
  }
  .video-block__menu--second .video-block__link {
    color: #eaeef0;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
}
.video-block__item {
  display: flex;
  align-items: center;
  gap: 7px;
}
.video-block__link {
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.video-block__link--small {
  font-size: 18px;
  line-height: 24px;
}

@media (min-width: 1024px) {
  .home .video-block {
    margin-top: -50px;
    max-height: calc(100vh - 202px + 50px);
  }
}
@media (min-width: 1024px) {
  .home .video-block video {
    max-height: calc(100vh - 202px + 50px);
  }
}

.research-block {
  background: #fff;
  padding: 40px 0 80px;
}
@media (max-width: 1023px) {
  .research-block {
    padding: 40px 4px;
  }
}

.brands-block {
  background: #fff;
  padding: 96px 0;
  position: relative;
}
@media (max-width: 1023px) {
  .brands-block {
    padding: 72px 4px 144px;
  }
}
.brands-block__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.brands-block__right .btn {
  width: fit-content;
}
@media (max-width: 1023px) {
  .brands-block__right .btn {
    width: -webkit-fill-available;
    width: -moz-available;
    position: absolute;
    bottom: -72px;
    z-index: 4;
    margin-right: 16px;
  }
}

.progress-block {
  background: #f6f8f9;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .progress-block {
    padding: 40px 12px;
  }
}

.board-members-block {
  background: #f6f8f9;
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .board-members-block {
    padding: 64px 4px;
  }
}

.history-block {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .history-block {
    padding: 64px 0;
  }
}

.stock-chart-block {
  background: #fff;
  padding: 56px 0 0;
}
@media (max-width: 1023px) {
  .stock-chart-block {
    padding: 32px 4px;
  }
}

.values-block {
  background: #fff;
}
.values-block__wrapper {
  display: flex;
  gap: 8px;
  padding: 0;
}
@media (max-width: 1023px) {
  .values-block__wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
}
.values-block__title {
  background: #db3832;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 192px;
  min-height: 144px;
  width: 10%;
}
@media (max-width: 1450px) {
  .values-block__title {
    width: 15%;
  }
}
@media (max-width: 1450px) and (max-width: 1023px) {
  .values-block__title {
    max-height: unset;
    min-height: unset;
    width: auto;
  }
  .values-block__title br {
    display: none;
  }
}
.values-block__title h3 {
  color: #fff;
}

.title-block {
  background: #fff;
  padding: 80px 0 0;
}
@media (max-width: 1023px) {
  .title-block {
    padding: 56px 4px 0;
  }
}
.title-block h2 {
  text-align: center;
}

.faq-block {
  background: #fff;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .faq-block {
    padding: 56px 4px 80px;
  }
}
.faq-block__header {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .faq-block__header {
    margin-bottom: 32px;
  }
}
.faq-block__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faq-block__item {
  background: #f6f8f9;
  border-radius: 8px;
  padding: 32px 24px;
}
@media (max-width: 1023px) {
  .faq-block__item {
    padding: 24px;
  }
}
.faq-block__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}
.faq-block__title h5 {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .faq-block__title h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.faq-block__title .minus {
  display: none;
}
.faq-block__title--active .plus {
  display: none;
}
.faq-block__title--active .minus {
  display: flex;
}
.faq-block__content {
  display: none;
  padding-top: 16px;
}
.faq-block__content--active {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
}
.faq-block__content .content-description p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .faq-block__content .content-description p {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-block__content .content-description p:last-child {
  margin-bottom: 0;
}
.faq-block__content .content-description p span {
  color: #ec1c24;
  font-weight: 700;
}
.faq-block__content .content-description ol {
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .faq-block__content .content-description ol {
    font-size: 14px;
    line-height: 21px;
  }
}
.faq-block__content .content-image {
  text-align: center;
}
.faq-block__content .content-image img {
  border-radius: 8px;
  border: 2px solid #eaeef0;
}
.faq-block__content .content-list .list-info__item {
  margin-bottom: 8px;
}
.faq-block__content .content-list .list-info__item:last-child {
  margin-bottom: 0;
}
.faq-block__content .content-list .list-info__item p {
  padding-left: 6px;
}
.faq-block__content .content-list .list-info__item p strong {
  font-size: 14px;
  font-weight: 21px;
}
.faq-block__content .content-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .faq-block__content .content-images {
    flex-direction: column;
    gap: 8px;
  }
}
.faq-block__content .content-images img {
  border-radius: 8px;
  border: 2px solid #eaeef0;
  width: calc(50% - 16px);
}
@media (max-width: 1023px) {
  .faq-block__content .content-images img {
    width: 100%;
  }
}

.image-block {
  background: #fff;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .image-block {
    padding: 64px 4px;
  }
}
.image-block--grayscale {
  background: #f6f8f9;
}
.image-block--center .desktop-image {
  text-align: center;
}
.image-block h3 {
  margin-bottom: 32px;
  text-align: center;
}
.image-block .mobile-image {
  text-align: center;
}

.tabs-accordion-block {
  background: #fff;
  padding: 0 0 80px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block {
    padding: 0 4px 72px;
  }
}
.tabs-accordion-block--politike {
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .tabs-accordion-block--politike {
    padding: 72px 4px;
  }
}
.tabs-accordion-block--brendovi {
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .tabs-accordion-block--brendovi {
    padding: 64px 4px;
  }
}
.tabs-accordion-block--brendovi .tabs-accordion-block__tab-box .description {
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block--brendovi .tabs-accordion-block__tab-box .description {
    margin-bottom: 32px;
  }
}
.tabs-accordion-block__tab-menu ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tabs-accordion-block__tab-menu ul li a {
  display: block;
  border-radius: 2px;
  background: #f6f8f9;
  padding: 12px 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-menu ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
  }
}
.tabs-accordion-block__tab-menu ul li a:hover {
  background: #eaeef0;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-menu ul li a:hover {
    background: #f6f8f9;
  }
}
.tabs-accordion-block__tab-menu ul li a h5 {
  font-size: 18px;
  line-height: 24px;
}
.tabs-accordion-block__tab-menu ul li a .plus {
  display: none;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-menu ul li a .plus {
    display: block;
  }
}
.tabs-accordion-block__tab-menu ul li a .minus {
  display: none;
}
.tabs-accordion-block__tab-menu ul li a.active {
  background: #db3832;
  position: relative;
}
.tabs-accordion-block__tab-menu ul li a.active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  border-width: 10px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #db3832;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-menu ul li a.active::after {
    display: none;
  }
}
.tabs-accordion-block__tab-menu ul li a.active h5 {
  color: #fff;
}
.tabs-accordion-block__tab-menu ul li a.active .plus {
  display: none;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-menu ul li a.active .minus {
    display: block;
  }
}
.tabs-accordion-block__tab-box {
  display: none;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box {
    padding: 24px 0;
  }
}
.tabs-accordion-block__tab-box h4 {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .description {
    margin-bottom: 24px;
  }
}
.tabs-accordion-block__tab-box .description p {
  margin-bottom: 16px;
}
.tabs-accordion-block__tab-box .description p:last-child {
  margin-bottom: 0;
}
.tabs-accordion-block__tab-box .certificates {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 8px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .certificates {
    flex-direction: row;
    justify-content: center;
    gap: 8px;
  }
}
.tabs-accordion-block__tab-box .certificates .certificate {
  min-width: 184px;
  max-width: 184px;
  padding: 24px 0;
  border-radius: 2px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .certificates .certificate {
    min-width: 164px;
    max-width: 164px;
    padding: 16px 0;
    border: 1px solid #eaeef0;
  }
}
.tabs-accordion-block__tab-box .certificates .certificate__image {
  text-align: center;
  margin-bottom: 16px;
}
.tabs-accordion-block__tab-box .certificates .certificate__content {
  padding: 0 8px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .certificates .certificate__content {
    padding: 0 12px;
  }
}
.tabs-accordion-block__tab-box .certificates .certificate__title {
  color: #c71e24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0.28px;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .certificates .certificate__title {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.tabs-accordion-block__tab-box .certificates .certificate__description {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #656565;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
}
.tabs-accordion-block__tab-box .certificates .certificate__description svg {
  min-width: 12px;
}
.tabs-accordion-block__tab-box .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tabs-accordion-block__tab-box .text ul {
  list-style-type: disc;
  padding-left: 28px;
  margin-top: -16px;
}
.tabs-accordion-block__tab-box .text ul li {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .tabs-accordion-block__tab-box .text ul li {
    font-size: 14px;
    line-height: 21px;
  }
}
.tabs-accordion-block__tab-box .text ul li::marker {
  color: #db3832;
}
.tabs-accordion-block__tab-box .text ul li strong {
  color: #db3832;
  font-weight: 600;
}

.prize-games-block {
  background: #fff;
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .prize-games-block {
    padding: 64px 4px;
  }
}

.image-background-block .container {
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .image-background-block .container {
    height: 150px;
  }
}

.images-collage-five-images-block {
  background: #fff;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .images-collage-five-images-block {
    padding: 32px 4px;
  }
}
.images-collage-five-images-block--no-container {
  padding: 0;
}
.images-collage-five-images-block .images-collage-block {
  padding: 0;
}

.awards-list-block {
  padding: 80px 0 !important;
}
@media (max-width: 1023px) {
  .awards-list-block {
    padding: 64px 4px !important;
  }
}
.awards-list-block__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.awards-list-block .filter__filter-types .options {
  margin-bottom: 0;
}
.awards-list-block .options {
  margin-bottom: 22px;
}
@media (max-width: 1023px) {
  .awards-list-block .options {
    margin-bottom: 32px;
  }
}
@media (max-width: 1023px) {
  .awards-list-block .options .filter-results {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
}

/* Sections */
.section-a {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .section-a {
    padding: 64px 4px;
  }
}
.section-a--grayscale {
  background: #f6f8f9;
}
.section-a--padding {
  padding: 64px 0;
}
@media (max-width: 1023px) {
  .section-a--padding {
    padding: 64px 4px;
  }
}
.section-a--agri ul {
  list-style: disc;
  padding-left: 20px !important;
}
.section-a--agri ul li {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  color: #272727;
}
.section-a__wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 64px;
  row-gap: 32px;
  border-left: 4px solid #eaeef0;
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .section-a__wrapper {
    padding-left: 24px;
  }
}
@media (max-width: 1023px) {
  .section-a__wrapper--goals {
    gap: 0;
  }
}
.section-a__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 1024px) {
  .section-a__left {
    flex: 1;
  }
}
.section-a__right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1024px) {
  .section-a__right {
    flex: 1;
  }
}
.section-a__right .italic {
  margin-top: -16px;
}
.section-a__right .italic p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .section-a__right .italic p {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-a__right .emails-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-a__right .emails-list .email {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2d9cdb;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .section-a__button {
    max-width: fit-content;
  }
}
.section-a__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.section-b {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .section-b {
    padding: 64px 4px;
  }
}
.section-b--f {
  padding: 96px 0 0;
}
@media (max-width: 1023px) {
  .section-b--f {
    padding: 24px 4px 0;
  }
}
.section-b--f .header-block {
  margin-bottom: 16px;
}
.section-b--esg-strategija {
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .section-b--esg-strategija {
    padding: 64px 4px;
  }
}
.section-b--natjecaj {
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .section-b--natjecaj {
    padding: 64px 4px;
  }
}
.section-b--grayscale {
  background: #f6f8f9;
}
.section-b--nadzorni .paragraph i {
  font-family: "Open Sans", sans-serif;
  color: #272727;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .section-b--nadzorni .paragraph i {
    font-size: 14px;
  }
}
.section-b--nadzorni .paragraph .elipsis {
  color: #272727;
  font-weight: 400;
  margin-right: 4px;
}
.section-b--nadzorni .paragraph a {
  font-weight: 700;
}
.section-b--nadzorni .jsMoreContent {
  display: none;
}
.section-b--posao {
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .section-b--posao {
    padding: 48px 4px;
  }
}
.section-b--posao .section-b__button {
  display: flex;
  gap: 16px;
  width: 100vw;
}
@media (max-width: 1023px) {
  .section-b--posao .section-b__button {
    flex-direction: column;
    gap: 8px;
    width: unset;
  }
}
.section-b--buttons {
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .section-b--buttons {
    padding: 48px 4px;
  }
}
.section-b--buttons .section-b__button {
  display: flex;
  gap: 16px;
  width: 100vw;
}
@media (max-width: 1023px) {
  .section-b--buttons .section-b__button {
    flex-direction: column;
    gap: 8px;
    width: unset;
  }
}
.section-b--mediji {
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .section-b--mediji {
    padding: 48px 4px;
  }
}
.section-b--no-svg .section-b__button .btn svg {
  display: none;
}
.section-b__button {
  margin: 32px auto;
}
@media (min-width: 1024px) {
  .section-b__button {
    max-width: fit-content;
  }
}
.section-b__button--c {
  margin: 32px 0 0;
}
.section-b__button--b {
  margin: 32px auto 0;
}
@media (max-width: 1023px) {
  .section-b__button--b {
    margin: 24px 0 0;
  }
}
.section-b__button--left {
  margin-left: 0;
}
.section-b__button--left .btn {
  background: #f6f8f9;
}
.section-b__wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 64px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  .section-b__wrapper {
    row-gap: 24px;
  }
}
.section-b__wrapper--margin {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .section-b__wrapper--margin {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  .section-b__left {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  .section-b__right {
    flex: 1;
  }
}
.section-b__right .btn--nofill {
  background: #f6f8f9;
}
.section-b__img {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .section-b__img {
    margin-bottom: 24px;
  }
}
.section-b__img img {
  width: 100%;
}
.section-b__img-text {
  font-family: "Open Sans", sans-serif;
  color: #272727;
  font-size: 14px;
  line-height: 21px;
  display: block;
  margin-top: 4px;
}
.section-b__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-b__description--gap {
  gap: 24px;
}
.section-b__description--margin {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .section-b__description--margin {
    margin-bottom: 24px;
  }
}
.section-b__description--mt16 {
  margin-top: 16px;
}
.section-b__description ul {
  list-style-type: disc;
  margin-top: -14px;
  padding-left: 24px;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .section-b__description ul {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-b__description ol {
  margin-top: -14px;
  padding-left: 24px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}
.section-b__description a {
  font-weight: 700;
}
.section-b__description h4 {
  margin-bottom: 16px;
}
.section-b__rows {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.section-b .mt {
  margin-top: 32px;
}

.section-d {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .section-d {
    padding: 0 4px;
  }
}
.section-d--single-post {
  background: #f6f8f9;
}
.section-d--odrzivost {
  padding: 72px 0;
  background: #fff;
}
@media (max-width: 1023px) {
  .section-d--odrzivost {
    padding: 48px 4px;
  }
}
.section-d--temeljne {
  padding: 72px 0;
  background: #fff;
}
@media (max-width: 1023px) {
  .section-d--temeljne {
    padding: 64px 4px;
  }
}
.section-d--white {
  background: #fff;
}
.section-d--o-nama {
  background: #fff;
}
.section-d__row {
  align-items: center;
}
.section-d__row--reverse {
  flex-direction: row-reverse;
}
@media (min-width: 1024px) {
  .section-d__row--reverse .section-d__right {
    margin-right: 0;
    padding-left: 16px;
    margin-left: calc((100% - 1225px) / 2);
    padding-right: 117px;
  }
}
.section-d__left {
  padding: 0;
  margin-bottom: 48px;
}
@media (min-width: 1024px) {
  .section-d__left {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .section-d__right {
    margin-right: calc((100% - 1225px) / 2);
    max-width: calc(1225px / 12 * 6);
    padding-left: 117px;
  }
}
@media (max-width: 1023px) {
  .section-d__right {
    margin-bottom: 48px;
  }
}
.section-d__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-d__description ol {
  margin-top: -14px;
  padding-left: 24px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 1023px) {
  .section-d__description--first {
    margin-bottom: 16px;
  }
}
.section-d__description ul {
  list-style: disc;
  padding-left: 20px !important;
}
.section-d__description ul li {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  color: #272727;
}
.section-d__button {
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .section-d__button {
    max-width: fit-content;
  }
}
.section-d__img {
  margin-bottom: -3px;
}
@media (max-width: 1023px) {
  .section-d__img {
    margin-left: -4px;
    margin-right: -4px;
  }
}
.section-d__img--margin {
  margin-bottom: 0;
  margin-top: -1px;
}
.section-d__img img {
  width: 100%;
  vertical-align: top;
}

@media (max-width: 1023px) {
  .section-e__row--reverse {
    flex-direction: column-reverse;
  }
}
.section-e__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 32px 0;
}
@media (max-width: 1023px) {
  .section-e__buttons {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .section-e__button {
    width: 100%;
  }
}

.section-f {
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .section-f {
    padding: 72px 4px;
  }
}
.section-f--grayscale {
  background: #f6f8f9;
}
.section-f--white {
  background: #fff;
}
.section-f--section-b {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .section-f--section-b {
    padding: 64px 4px;
  }
}
.section-f--section-b .section-f__content {
  gap: 32px;
}
.section-f--section-markets {
  padding: 72px 0 0px;
}
@media (max-width: 1023px) {
  .section-f--section-markets {
    padding: 64px 4px 0px;
  }
}
.section-f--section-markets .section-f__content {
  gap: 0;
}
.section-f--section-markets .section-f__content h3 {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .section-f--section-markets .section-f__content .documents__link {
    justify-content: space-between;
  }
}
.section-f--section-markets .section-f__content .documents__link .icon svg {
  min-width: unset;
  min-height: unset;
}
.section-f__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .section-f__content {
    gap: 24px;
  }
}
.section-f__content p a {
  text-decoration: underline;
}
.section-f__content h3 a {
  transition: 0.3s ease-in-out;
  color: #1c1c1c;
}
.section-f__content h3:hover a {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .section-f__content h3:hover a {
    color: #1c1c1c;
  }
}
.section-f__content h4 {
  margin-bottom: -16px;
  font-weight: 600;
}
.section-f__content ul {
  list-style-type: disc;
  padding-left: 28px;
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .section-f__content ul {
    font-size: 14px;
    line-height: 21px;
  }
}
.section-f__content.paragraph h4 {
  margin-top: 0;
}
.section-f .documents {
  margin-top: 32px;
}
.section-f .documents-header {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .section-f .documents-header {
    flex-direction: column;
    gap: 24px;
  }
}
.section-f .documents-header .documents {
  margin-top: 0;
  gap: 4px;
}
.section-f__description p {
  margin-bottom: 16px;
}

.documents {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.documents__link {
  display: flex;
  align-items: center;
  gap: 16px;
}
.documents__link--space {
  justify-content: space-between;
}
.documents__link .left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.documents__link svg, .documents__link img {
  min-width: 40px;
  max-width: 40px;
}
.documents__text {
  color: #ec1c24;
  font-weight: 600;
  /** Fixati **/
}
@media (max-width: 1023px) {
  .documents__text {
    word-break: break-word;
  }
}
.documents .icon {
  align-self: center;
  margin: 8px 0;
  min-width: 16px;
}
.documents .icon svg {
  min-width: 16px;
}

.location-info__headline {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #eaeef0;
  margin-bottom: 16px;
}
.location-info__text {
  color: #ec1c24;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.location-info__description p {
  font-weight: 600;
  margin-bottom: 4px;
  font-weight: 600;
}
.location-info__description p:last-child {
  margin-bottom: 0;
}
.location-info__description--section-a p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.location-info--mb-24 {
  margin-bottom: 24px;
}

.list-info {
  margin-top: 24px;
  padding-left: 22px;
  list-style: none;
}
.list-info__item {
  margin-bottom: 16px;
  position: relative;
}
.list-info__item:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none"><g clip-path="url(%23a)"><path stroke="%23EC1C24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M7.001 12.833a5.833 5.833 0 1 0 0-11.666 5.833 5.833 0 0 0 0 11.666Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h14v14H0z"/></clipPath></defs></svg>');
  position: absolute;
  left: -16px;
  top: 4px;
}
.list-info__item:last-child {
  margin-bottom: 0;
}
.list-info__item p {
  padding-left: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .list-info__item p {
    font-size: 14px;
    line-height: 21px;
  }
}
.list-info__item p strong {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .list-info__item p strong {
    font-size: 14px;
    line-height: 21px;
  }
}
.list-info__item p span,
.list-info__item p a {
  color: #2d9cdb;
  font-weight: 700;
}
.list-info__item--small:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><g clip-path="url(%23a)"><path stroke="%23EC1C24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M6 11A5 5 0 1 0 6 1a5 5 0 0 0 0 10Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h12v12H0z"/></clipPath></defs></svg>');
  position: absolute;
  left: -16px;
  top: 4px;
}
.list-info__item--small p {
  font-size: 14px;
  line-height: 21px;
}
.list-info--wom {
  margin: 0;
}
.list-info--mbo {
  margin: 0 0 32px;
}
@media (max-width: 1023px) {
  .list-info--mbo {
    margin: 0 0 24px;
  }
}
.list-info--c {
  margin-top: 16px;
}
.list-info--mb16 {
  margin-bottom: 16px;
}

.separator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.separator--margin {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .separator--margin {
    margin-top: 24px;
  }
}
.separator--mobile {
  display: flex;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .separator--mobile {
    display: none;
  }
}
.separator hr {
  flex-grow: 1;
  height: 1.4px;
  border-top: 1.4px solid #e6ecef;
}

.paragraph p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .paragraph p {
    font-size: 14px;
    line-height: 21px;
  }
}
.paragraph h4 {
  margin-top: 16px;
}
.paragraph a {
  color: #2d9cdb;
  font-weight: 700;
}
.paragraph span {
  color: #2d9cdb;
  font-weight: 700;
}
.paragraph--p-mb-16 p {
  margin-bottom: 16px;
}
.paragraph--14 p {
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 1023px) {
  .paragraph--14 p {
    font-size: 12px;
    line-height: 14px;
  }
}
.paragraph--list p {
  margin-bottom: 16px;
}

/* Posts */
.posts {
  background: #fff;
  padding: 72px 0 64px;
}
@media (max-width: 1023px) {
  .posts {
    padding: 48px 4px;
  }
}
.posts--search {
  padding: 40px 0px 64px;
}
@media (max-width: 1023px) {
  .posts--search {
    padding: 24px 4px;
  }
}

@media (max-width: 1023px) {
  .post-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.post-cards--search .post-card__image img {
  background: #f6f8f9;
}
.post-cards--search .post-card__image--contain img {
  object-fit: contain !important;
}
.post-cards--award {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1023px) {
  .post-cards--award {
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    row-gap: 16px;
  }
}
.post-cards--award .post-card__date {
  text-transform: uppercase;
}
.post-cards__subtitle {
  border-bottom: 1px solid #e6ecef;
  padding: 8px 0px;
}
.post-cards__viewmore {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
}

.post-card a {
  padding: 16px 0;
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .post-card a {
    padding: 0;
    flex-direction: column;
    gap: 0;
  }
}
.post-card--award {
  flex-direction: column;
  width: 22%;
  gap: 8px;
}
@media (max-width: 1023px) {
  .post-card--award {
    width: 45%;
  }
}
.post-card--award .post-card__image {
  min-width: unset;
}
.post-card--award .post-card__image img {
  object-fit: contain;
}
.post-card--award .post-card__info {
  margin-top: 15px;
}
.post-card--award .post-card__date {
  text-align: center;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
}
.post-card--award .post-card__title {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .post-card--award .post-card__title {
    font-size: 12px;
    line-height: 18px;
  }
}
.post-card--award .post-card__title svg {
  position: relative;
  top: 3px;
}
.post-card__image {
  min-width: 288px;
  max-width: 288px;
}
@media (max-width: 1023px) {
  .post-card__image {
    min-width: unset;
    max-width: unset;
    width: 100%;
  }
}
.post-card__image img {
  width: 100%;
  height: 162px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .post-card__image img {
    height: 143px;
  }
}
@media (max-width: 1023px) {
  .post-card__info {
    padding: 16px;
  }
}
.post-card__date {
  color: #656565;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 4px;
}
.post-card__title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}
.post-card__title svg {
  min-width: 16px;
}
.post-card__description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.post-card__description p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .post-card__description p {
    font-size: 12px;
    line-height: 18px;
    -webkit-line-clamp: 4;
  }
}

.posts-awards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .posts-awards {
    gap: 24px;
  }
}
.posts-awards h4 {
  border-bottom: 1px solid #e6ecef;
  padding: 8px 0;
}

.post-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.post-content p {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.filter {
  position: sticky;
}
@media (max-width: 1023px) {
  .filter {
    display: none;
  }
}
.filter--reports .filter__header,
.filter--reports .filter__filter-types {
  background: #fff;
}
.filter.active {
  display: block;
  background: #fff;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000000000000000;
}
@media (max-width: 1023px) {
  .filter.active .filter__filter-types {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 210px);
  }
  .filter.active .options {
    margin-top: auto;
  }
}
.filter__header {
  padding: 16px;
  border: 1px solid #eaeef0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .filter__header {
    background: #f6f8f9;
  }
}
.filter__header.closed {
  border-radius: 0 0 16px 16px;
  transition: 0.3s ease-in-out;
}
.filter__header .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter__header .toggler-close,
.filter__header .toggler-show {
  cursor: pointer;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.filter__header .toggler-close.hidden,
.filter__header .toggler-show.hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9);
  position: absolute;
  right: 16px;
}
.filter__label {
  padding: 8px 16px;
  color: #1c1c1c;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.filter__filter-types {
  padding: 24px 24px 32px;
  border: 1px solid #eaeef0;
  border-top: none;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 1023px) {
  .filter__filter-types {
    padding: 32px 24px;
    border: none;
  }
}
.filter__filter-types .custom-dropdown {
  margin-bottom: 32px;
}
.filter__filter-types .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.filter__filter-types .tags--gap {
  gap: 4px;
}
.filter__filter-types .tags input[type=checkbox] {
  display: none;
}
.filter__filter-types .tags label {
  border-radius: 32px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 4px 8px !important;
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.filter__filter-types .tags input[type=checkbox]:checked + label {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}
.filter__filter-types .tags .tag {
  border-radius: 32px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  padding: 4px 8px;
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  cursor: pointer;
}
.filter__filter-types .tags .tag.active {
  border: 1px solid #e46763;
  background: #ec1c24;
  color: #fff;
}
.filter__filter-types .tags .tag.active label {
  color: #fff;
}
.filter__filter-types .tags .tag input {
  display: none;
}
.filter__filter-types .tags .tag label {
  padding: 0 !important;
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.filter__filter-types .options {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .filter__filter-types .options {
    flex-direction: column;
    gap: 24px;
  }
}
.filter__filter-types .options .btn {
  width: 50%;
  justify-content: center;
}

.brands-filter {
  position: sticky;
}
@media (max-width: 1023px) {
  .brands-filter {
    display: none;
  }
}
.brands-filter.active {
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000000000000000;
}
.brands-filter__header {
  padding: 16px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .brands-filter__header {
    border: 1px solid #eaeef0;
    border-left: none;
    border-right: none;
  }
}
.brands-filter__header.closed {
  border-radius: 0 0 16px 16px;
  transition: 0.3s ease-in-out;
}
.brands-filter__header .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.brands-filter__header .toggler-close,
.brands-filter__header .toggler-show {
  cursor: pointer;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.brands-filter__header .toggler-close.hidden,
.brands-filter__header .toggler-show.hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9);
  position: absolute;
  top: 16px;
  right: 16px;
}
.brands-filter__filter-types {
  padding: 16px 24px 32px;
  border: 1px solid #eaeef0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .brands-filter__filter-types {
    padding: 16px 24px;
    border: none;
    overflow-y: scroll;
    height: calc(100vh - 175px);
    border-radius: 0;
  }
}
.brands-filter__filter-types .options {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0 0;
}
@media (max-width: 1023px) {
  .brands-filter__filter-types .options {
    border-top: 1px solid #eaeef0;
    flex-direction: column;
    gap: 8px;
    background: #f6f8f9;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 430px;
    margin: 0 -24px;
    padding: 8px 0;
  }
}
.brands-filter__filter-types .options .btn {
  width: 50%;
  justify-content: center;
}
.brands-filter__filter-types .options .btn.reset-filter {
  background: transparent;
}
.brands-filter__filter-types .options__separator {
  height: 1px;
  background: #eaeef0;
  width: 100%;
}
@media (min-width: 1024px) {
  .brands-filter__filter-types .options__separator {
    display: none;
  }
}

.products-filter {
  position: sticky;
}
@media (max-width: 1023px) {
  .products-filter {
    display: none;
  }
}
.products-filter.active {
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000000000000000;
}
.products-filter__header {
  padding: 16px;
  border: 1px solid #eaeef0;
  background: #f6f8f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media (max-width: 1023px) {
  .products-filter__header {
    border: 1px solid #eaeef0;
    border-left: none;
    border-right: none;
  }
}
@media (min-width: 1024px) {
  .products-filter__header {
    display: none;
  }
}
.products-filter__header .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.products-filter__header .toggler-close {
  cursor: pointer;
  opacity: 1;
  transform: scale(1);
}
.products-filter__filter-types {
  padding: 0 16px 16px;
  border: 1px solid #eaeef0;
  border-radius: 16px;
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .products-filter__filter-types {
    background: #fff;
    border: none;
    overflow-y: scroll;
    height: calc(100vh - 175px);
  }
}
.products-filter__filter-types .options {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 16px 0 0;
}
@media (max-width: 1023px) {
  .products-filter__filter-types .options {
    border-top: 1px solid #eaeef0;
    flex-direction: column;
    gap: 8px;
    background: #fff;
    position: fixed;
    bottom: 8px;
    width: 100%;
    max-width: 430px;
    margin: 0 -16px;
  }
}
.products-filter__filter-types .options .btn.reset-filter {
  background: transparent;
}
@media (max-width: 1023px) {
  .products-filter__filter-types .options .btn.reset-filter {
    padding: 8px 32px 0;
  }
}
@media (max-width: 1023px) {
  .products-filter__filter-types .options .btn.filter-posts {
    width: 50%;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .products-filter__filter-types .options .btn.filter-posts {
    padding: 12px 10px;
  }
}
.products-filter__filter-types .options__separator {
  height: 1px;
  background: #eaeef0;
  width: 100%;
}
@media (min-width: 1024px) {
  .products-filter__filter-types .options__separator {
    display: none;
  }
}

.functions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .functions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.functions .checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1023px) {
  .functions .checkboxes {
    gap: 8px;
  }
}
.functions .checkboxes__item {
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 168px;
  max-width: 168px;
}
@media (max-width: 1023px) {
  .functions .checkboxes__item {
    min-width: 152px;
    max-width: 152px;
  }
}
.functions .checkboxes__item input[type=checkbox] {
  min-width: 14px;
  margin: 0;
  cursor: pointer;
}
.functions .checkboxes__item input[type=checkbox]:checked ~ span {
  font-weight: 600;
}
.functions .checkboxes__item label {
  color: #272727;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .functions .checkboxes__item label {
    font-size: 12px;
    line-height: 18px;
  }
}

.options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .options {
    margin-bottom: 16px;
  }
}
.options--empty {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .options--empty {
    margin-bottom: 24px;
  }
}
.options--empty .filter-results {
  width: 100%;
}
.options--bottom {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .options--bottom {
    margin-top: 40px;
    flex-direction: column;
    gap: 32px;
  }
}
.options--bottom .results-per-page {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 8px;
}
@media (max-width: 1023px) {
  .options--bottom .results-per-page {
    display: flex !important;
    align-items: center !important;
    flex-direction: row;
  }
}
.options--bottom .results-per-page .custom-dropdown {
  width: 104px !important;
}
@media (max-width: 1023px) {
  .options--bottom .results-per-page .custom-dropdown {
    width: 81px !important;
  }
}
.options--socials {
  margin-bottom: 32px;
}
.options--margin {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .options--margin {
    margin-bottom: 0;
  }
}
.options--margin-bottom {
  margin: 0;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 1023px) {
  .options--margin-bottom {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.options--margin-bottom .results-per-page {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 8px;
}
@media (max-width: 1023px) {
  .options--margin-bottom .results-per-page {
    display: flex !important;
    align-items: center !important;
    flex-direction: row;
  }
}
.options--margin-bottom .results-per-page .custom-dropdown {
  width: 104px !important;
}
@media (max-width: 1023px) {
  .options--margin-bottom .results-per-page .custom-dropdown {
    width: 81px !important;
  }
}
.options--reports .custom-dropdown .select-wrap .default-option {
  background: #fff;
}
.options--reports .filter-results {
  background: transparent;
}
.options .results-per-page {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .options .results-per-page {
    display: none !important;
  }
}
.options .results-per-page .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.options .results-per-page .custom-dropdown {
  width: 81px;
}
.options .filter-results {
  border-bottom: 1px solid #eaeef0;
  border-radius: unset;
  padding: 0.75em 2em !important;
  align-items: center;
}
@media (min-width: 1024px) {
  .options .filter-results {
    display: none;
  }
}
.options .filter-results h6 {
  color: #c71e24;
}
.options .brands-mobile-filter {
  border-bottom: 1px solid #eaeef0;
  border-radius: unset;
  padding: 0.75em 2em !important;
  align-items: center;
}
@media (min-width: 1024px) {
  .options .brands-mobile-filter {
    display: none;
  }
}
.options .brands-mobile-filter h6 {
  color: #c71e24;
}
.options .results-shown h6 {
  color: #818181;
}
.options .results-shown h6 strong {
  color: #272727;
  font-weight: 600;
}

.products-mobile-filter {
  border: none;
  border-top: 1px solid #e6ecef;
  background: #fff;
  padding: 12px 24px;
  width: 100%;
  max-width: 430px;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  margin: 0 -16px;
}
@media (min-width: 1024px) {
  .products-mobile-filter {
    display: none;
  }
}
.products-mobile-filter h6 {
  color: #ec1c24;
}

.none {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 56px 0;
}
.none p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.single-post {
  background: #fff;
  padding: 32px 0 56px;
}
@media (max-width: 1023px) {
  .single-post {
    padding: 24px 4px 56px;
  }
}
.single-post .post-info {
  margin-bottom: 40px;
}
.single-post .post-info .featured-image {
  border-radius: 2px;
  vertical-align: bottom;
  width: 100%;
  height: 396px;
  object-fit: cover;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .single-post .post-info .featured-image {
    height: 192px;
  }
}
.single-post .post-info .lead-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .single-post .post-info .lead-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.single-post__info {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.single-post__info p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.single-post__date {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-post__readtime {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-post .post-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.single-post .post-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .single-post .post-content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.single-post .post-content p iframe {
  vertical-align: bottom;
  width: 100%;
}

/* Slider */
.gallery-slider-block--grayscale .gallery-slider .slick-slide:before {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .gallery-slider-block--grayscale .gallery-slider .slick-slide:before {
    background: #fff;
  }
}
.gallery-slider-block--grayscale .gallery-slider .slick-slide:after {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .gallery-slider-block--grayscale .gallery-slider .slick-slide:after {
    background: #fff;
  }
}

.gallery-slider-block--grayscale-bottom .gallery-slider .slick-slide:after {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .gallery-slider-block--grayscale-bottom .gallery-slider .slick-slide:after {
    background: #fff;
  }
}

.gallery-slider-block--grayscale-top .gallery-slider .slick-slide:before {
  background: #f6f8f9;
}
@media (max-width: 1023px) {
  .gallery-slider-block--grayscale-top .gallery-slider .slick-slide:before {
    background: #fff;
  }
}

.gallery-slider {
  position: relative;
}
@media (max-width: 1023px) {
  .gallery-slider {
    display: flex;
    gap: 4px;
  }
  .gallery-slider::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1023px) {
  .gallery-slider .slide {
    flex: 1 0 70%;
    width: 100%;
    height: auto;
  }
}
.gallery-slider .slide img {
  width: 100%;
  aspect-ratio: 3/2;
}
.gallery-slider .slick-slide {
  position: relative;
  padding: 0 2px;
}
.gallery-slider .slick-slide img {
  width: 100%;
  aspect-ratio: 3/2;
}
.gallery-slider .slick-slide:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 21px;
  background: #fff;
  opacity: 1;
  transition: all 0.3s;
}
.gallery-slider .slick-slide:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 21px;
  background: #fff;
  opacity: 1;
  transition: all 0.3s;
}
.gallery-slider .slick-slide.slick-current:before {
  opacity: 0;
}
.gallery-slider .slick-slide.slick-current:after {
  opacity: 0;
}
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
  transition: 0.3s ease-in-out;
  width: 48px;
  height: 48px;
  top: auto;
}
.gallery-slider .slick-prev:before,
.gallery-slider .slick-next:before {
  display: none;
}
.gallery-slider .slick-prev {
  left: 74px;
  bottom: -25px;
  z-index: 9;
}
.gallery-slider .slick-prev:hover {
  transform: scale(1.2);
}
.gallery-slider .slick-next {
  right: 104px;
  bottom: -25px;
}
.gallery-slider .slick-next:hover {
  transform: scale(1.2);
}
.gallery-slider .slick-prev span.arrow-prev::before {
  content: url("../../src/img/icons/slick-arrow-prev.svg");
}
.gallery-slider .slick-next span.arrow-next::before {
  content: url("../../src/img/icons/slick-arrow-next.svg");
}
.gallery-slider__scrollbar-wrapper {
  display: block;
  padding: 0 12px;
}
@media (min-width: 1024px) {
  .gallery-slider__scrollbar-wrapper {
    display: none;
  }
}

.testimonials-slider.slick-initialized .slick-list {
  margin: 0 -32px;
}
@media (max-width: 1023px) {
  .testimonials-slider.slick-initialized .slick-list {
    margin: 0 -16px;
  }
}
.testimonials-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 32px;
}
.testimonials-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.testimonials-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.testimonials-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.testimonials-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.testimonials-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.testimonials-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
.testimonials-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.videos-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1250px) {
  .videos-slider.slick-initialized .slick-list {
    margin: 0;
  }
}
.videos-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
.videos-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.videos-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.videos-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.videos-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.videos-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.videos-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
.videos-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

@media (max-width: 1023px) {
  .recipes-slider {
    padding: 0 0 28px 12px;
    display: flex;
    gap: 8px;
    margin-right: -16px;
  }
}
.recipes-slider.slick-initialized .slick-list {
  margin: 0 -1px;
}
@media (max-width: 1250px) {
  .recipes-slider.slick-initialized .slick-list {
    margin: 0;
  }
}
.recipes-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
.recipes-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.recipes-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.recipes-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.recipes-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.recipes-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.recipes-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
@media (max-width: 1023px) {
  .recipes-slider__slide {
    max-width: 140px;
    padding: 0;
  }
}
.recipes-slider__scrollbar-wrapper .scrollbar {
  width: 100%;
  margin-left: 0;
}
.recipes-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}
.recipes-slider .recipe-card__image img {
  height: 288px;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .recipes-slider .recipe-card__image img {
    height: 140px;
  }
}

.brand-products-slider.slick-initialized .slick-list {
  margin: 0 -16px;
}
@media (max-width: 1023px) {
  .brand-products-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .brand-products-slider.slick-initialized .slick-list {
    margin: 0;
    padding: 0 20% 0 0;
  }
}
.brand-products-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 16px;
}
@media (max-width: 1023px) {
  .brand-products-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.brand-products-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
@media (max-width: 1023px) {
  .brand-products-slider.slick-initialized .slick-dots {
    flex-direction: row;
    justify-content: center;
  }
}
.brand-products-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.brand-products-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.brand-products-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.brand-products-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.brand-products-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
@media (max-width: 1023px) {
  .brand-products-slider__item .brand-product {
    min-width: 195px;
  }
}
.brand-products-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.brand-category-slider.slick-initialized .slick-list {
  margin: 0 -16px;
}
@media (max-width: 1023px) {
  .brand-category-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .brand-category-slider.slick-initialized .slick-list {
    margin: 0;
    padding: 0 20% 0 0;
  }
}
.brand-category-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 16px;
}
@media (max-width: 1023px) {
  .brand-category-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.brand-category-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
@media (max-width: 1023px) {
  .brand-category-slider.slick-initialized .slick-dots {
    flex-direction: row;
    justify-content: center;
  }
}
.brand-category-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.brand-category-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.brand-category-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.brand-category-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.brand-category-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
@media (max-width: 1023px) {
  .brand-category-slider__item .brand-product {
    min-width: 195px;
  }
}
.brand-category-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.inspiration-health-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1250px) {
  .inspiration-health-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
.inspiration-health-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
@media (max-width: 1023px) {
  .inspiration-health-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.inspiration-health-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.inspiration-health-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.inspiration-health-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.inspiration-health-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.inspiration-health-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.inspiration-health-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
.inspiration-health-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.inspiration-groceries-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1250px) {
  .inspiration-groceries-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
.inspiration-groceries-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
@media (max-width: 1023px) {
  .inspiration-groceries-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.inspiration-groceries-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.inspiration-groceries-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.inspiration-groceries-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.inspiration-groceries-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.inspiration-groceries-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.inspiration-groceries-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
.inspiration-groceries-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}

.inspiration-similar-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1250px) {
  .inspiration-similar-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
.inspiration-similar-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
@media (max-width: 1023px) {
  .inspiration-similar-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.inspiration-similar-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -40px;
}
.inspiration-similar-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.inspiration-similar-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.inspiration-similar-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #d4d8dc;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.inspiration-similar-slider.slick-initialized .slick-dots li.slick-active {
  width: 40px;
  height: 0px;
}
.inspiration-similar-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #ec1c24;
  width: 40px;
}
.inspiration-similar-slider.slick-dotted.slick-slider {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .inspiration-similar-slider__item--4 {
    display: none;
  }
}

/* Products */
.products-list {
  padding: 32px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 24px;
}
@media (max-width: 1023px) {
  .products-list {
    gap: 8px;
    row-gap: 16px;
    justify-content: center;
  }
}
.products-list .none {
  width: 100%;
}

.product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-width: 216px;
  max-width: 216px;
}
@media (max-width: 1023px) {
  .product-item {
    min-width: 167px;
    max-width: 167px;
  }
}
.product-item:hover .product-item__image img {
  transform: scale(1.1);
}
.product-item:hover .product-item__tag {
  font-size: 14px;
  line-height: 18px;
}
.product-item:hover h6 {
  color: #ec1c24;
}
@media (max-width: 1023px) {
  .product-item:hover .product-item__image img {
    transform: scale(1);
  }
  .product-item:hover .product-item__tag {
    font-size: 12px;
    line-height: 14px;
  }
  .product-item:hover h6 {
    color: #272727;
  }
}
.product-item__image {
  border-radius: 8px;
  background: #f6f8f9;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item__image img {
  transition: 0.3s ease-in-out;
  height: 219px;
  object-fit: contain;
}
.product-item__tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 8px 0px 16px 0px;
  background: #ec1c24;
  padding: 8px 16px;
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.product-item h6 {
  text-align: center;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .product-item h6 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}

.js-infiniteLoad {
  display: none;
}

.product-hero {
  padding: 115px 0;
}
@media (max-width: 1023px) {
  .product-hero {
    padding: 0 4px 245px;
  }
}
.product-hero .container {
  position: relative;
}
@media (max-width: 1023px) {
  .product-hero__brand {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .product-hero__brand img {
    width: 167px;
  }
}
@media (max-width: 1023px) {
  .product-hero .breadcrumbs {
    justify-content: center;
  }
}
.product-hero h3 {
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .product-hero h3 {
    text-align: center;
  }
}
.product-hero h5 {
  color: #fff;
}
@media (max-width: 1023px) {
  .product-hero h5 {
    text-align: center;
  }
}
.product-hero__image {
  position: absolute;
  right: 0;
  top: 0;
  height: 700px;
}
@media (max-width: 1023px) {
  .product-hero__image {
    right: unset;
    top: unset;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 38%);
  }
}
.product-hero__image:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.83) 63%, #fff 100%);
  height: 85px;
}
@media (max-width: 1023px) {
  .product-hero__image:after {
    display: none;
  }
}
.product-hero__image img {
  max-width: 496px;
  max-height: 500px;
}
@media (max-width: 1023px) {
  .product-hero__image img {
    max-width: 343px;
    max-height: 343px;
  }
}
.product-hero__image-wrapper {
  position: sticky;
  top: 60px;
}
@media (max-width: 1023px) {
  .product-hero__image-wrapper {
    position: relative;
    top: unset;
  }
}
.product-hero__tags {
  position: absolute;
  left: 115px;
  bottom: -150px;
}
@media (max-width: 1023px) {
  .product-hero__tags {
    bottom: -100%;
    left: 50%;
    transform: translate(-50%, 375%);
  }
}
.product-hero__tags .items {
  display: flex;
  gap: 16px;
}
.product-hero__tags .items img {
  max-width: 72px;
}
@media (max-width: 1023px) {
  .product-hero__tags .items img {
    max-width: 56px;
  }
}
.product-hero--black h3,
.product-hero--black h5 {
  color: #272727;
}

.product-info {
  background: #fff;
  padding: 92px 0 88px;
}
@media (max-width: 1023px) {
  .product-info {
    padding: 230px 4px 56px;
  }
}
.product-info h4 {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .product-info__description {
    min-height: 272px;
  }
}
.product-info__description p {
  margin-bottom: 16px;
}
.product-info__description p:last-child {
  margin-bottom: 0;
}

.product-composition {
  background: #f6f8f9;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .product-composition {
    padding: 56px 4px;
  }
}
.product-composition h4 {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .product-composition__ingredients {
    margin-bottom: 24px;
  }
}
.product-composition__ingredients h4 span {
  cursor: pointer;
  color: #ec1c24;
}
.product-composition__ingredients h4 span.active {
  color: #272727;
}
.product-composition__ingredients .paragraph {
  display: none;
}
.product-composition__ingredients .paragraph.active {
  display: block;
}
.product-composition__nutrition-values .items .item {
  border-bottom: 1px solid #e6ecef;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.product-composition__nutrition-values .items .item--link {
  justify-content: flex-end;
}
.product-composition__nutrition-values .items .item--link a {
  color: #c71e24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
.product-composition__nutrition-values .items .item--hidden {
  display: none;
}
.product-composition__nutrition-values .items .item--source {
  border-bottom: none;
}
@media (max-width: 1023px) {
  .product-composition__nutrition-values .items .item__label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}
@media (max-width: 1023px) {
  .product-composition__nutrition-values .items .item__value {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}
.product-composition__nutrition-values .items .item__source, .product-composition__nutrition-values .items .item__grammage {
  color: #818181;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
@media (max-width: 1023px) {
  .product-composition__nutrition-values .items .item__source, .product-composition__nutrition-values .items .item__grammage {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}

.product-recipes {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .product-recipes {
    padding: 56px 4px;
  }
}
.product-recipes h4 {
  margin-bottom: 40px;
}
@media (max-width: 1250px) {
  .product-recipes h4 {
    margin-bottom: 24px;
  }
}

.product-banner {
  background: #fff;
}
@media (max-width: 1023px) {
  .product-banner {
    padding: 0 4px;
  }
}
.product-banner__area {
  border-radius: 4px;
  padding: 40px 80px;
}
@media (max-width: 1023px) {
  .product-banner__area {
    padding: 40px 32px;
  }
}
.product-banner__content {
  display: flex;
  justify-content: space-between;
  gap: 88px;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .product-banner__content {
    gap: 8px;
    position: relative;
  }
}
.product-banner__info h3 {
  color: #fff;
  margin-bottom: 8px;
}
.product-banner__info .slogan {
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .product-banner__info .slogan {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
    margin-bottom: 24px;
  }
}
.product-banner__info .intro {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 640px;
}
@media (max-width: 1023px) {
  .product-banner__image {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.product-banner__image img {
  width: 80px;
}
@media (min-width: 1024px) {
  .product-banner__image img {
    width: 152px;
  }
}
.product-banner__options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.product-banner__options .btn {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .product-banner__options .btn {
    width: 100%;
  }
}
.product-banner__options .btn:hover {
  border: 2px solid #eea2a0;
  color: #eea2a0;
}
@media (max-width: 1023px) {
  .product-banner__options .btn:hover {
    border: 2px solid #fff;
    color: #fff;
  }
}
.product-banner__socials {
  padding: 6px 0;
  display: flex;
  gap: 2px;
  justify-content: center;
  min-width: 150px;
}
@media (max-width: 1023px) {
  .product-banner__socials {
    min-width: unset;
  }
}
.product-banner__socials a {
  padding: 8px;
}
@media (max-width: 1023px) {
  .product-banner__socials a {
    padding: 8px 6px;
    min-width: 14px;
    text-align: center;
  }
}
.product-banner--black h3,
.product-banner--black .slogan,
.product-banner--black .intro {
  color: #272727;
}
.product-banner--black .btn {
  color: #272727;
  border-color: #272727;
}

.product-similar {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .product-similar {
    padding: 56px 4px 32px;
  }
}
.product-similar h4 {
  text-align: center;
  margin-bottom: 24px;
}
.product-similar .dropdowns {
  margin-bottom: 40px;
}
@media (max-width: 1250px) {
  .product-similar .dropdowns {
    margin-bottom: 24px;
  }
}
.product-similar__products {
  display: flex;
  gap: 16px;
}
@media (max-width: 1250px) {
  .product-similar__products {
    justify-content: center;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .product-similar__products {
    flex-direction: column;
    gap: 24px;
    padding: 16px 0;
  }
}
.product-similar__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1023px) {
  .product-similar__list {
    gap: 7px;
    row-gap: 24px;
    justify-content: center;
  }
}
.product-similar__list .product-item {
  min-width: 232px;
  max-width: 232px;
}
@media (max-width: 1250px) {
  .product-similar__list .product-item {
    min-width: 185px;
    max-width: 185px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .product-similar__list .product-item {
    min-width: 167px;
    max-width: 167px;
  }
}
.product-similar__list .product-item__image {
  width: 100%;
  text-align: center;
}
.product-similar__all {
  border-radius: 8px;
  padding-top: 56px;
  min-width: 232px;
  max-width: 232px;
  max-height: 164px;
}
@media (max-width: 1250px) {
  .product-similar__all {
    min-width: 185px;
    max-width: 185px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .product-similar__all {
    border-radius: 4px;
    padding-top: 0;
    min-width: unset;
    max-width: unset;
    max-height: unset;
    display: flex;
  }
}
.product-similar__all .number {
  text-align: center;
  padding: 0 0 35px;
}
@media (max-width: 1023px) {
  .product-similar__all .number {
    width: 50%;
    padding: 16px 0;
  }
}
.product-similar__all .number h2,
.product-similar__all .number h5 {
  color: #fff;
}
@media (max-width: 1023px) {
  .product-similar__all .link {
    width: 50%;
  }
}
.product-similar__all .link a {
  border-top: 1px solid #d4d8dc;
  padding: 16px 0;
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .product-similar__all .link a {
    font-weight: 700;
    border-top: none;
    border-left: 1px solid #d4d8dc;
    padding: 38px 0;
  }
}
.product-similar__all--black .number h2,
.product-similar__all--black .number h5 {
  color: #272727;
}
.product-similar__all--black .link a {
  color: #272727;
}

/* Brands */
.brands {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .brands {
    justify-content: center;
    gap: 8px;
    row-gap: 16px;
  }
}
.brands a img {
  width: 80px;
}

.brand {
  padding: 24px 0;
  border-top: 1px solid #e6ecef;
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1023px) {
  .brand {
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.brand a {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 288px;
}
.brand__image img {
  min-width: 80px;
  max-width: 80px;
  max-height: 62px;
  object-fit: contain;
}
.brand__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 184px;
  min-width: 184px;
}
.brand__content h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.brand__content h5 svg {
  padding: 4px 0;
  min-width: 16px;
}
.brand__content .text {
  color: #494949;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
@media (max-width: 1023px) {
  .brand__content .text {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.brand__description p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .brand__description p {
    font-size: 12px;
    line-height: 18px;
  }
}

.brands-results {
  margin: 0 0 32px;
}
@media (max-width: 1023px) {
  .brands-results {
    margin: 0 -16px 0;
  }
}

.brand-hero {
  padding: 0 0 286px;
}
@media (max-width: 1023px) {
  .brand-hero {
    padding: 0 4px 108px;
  }
}
.brand-hero__content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .brand-hero__content {
    flex-direction: column;
    align-items: center;
  }
}
.brand-hero__info {
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .brand-hero__info {
    padding: 24px 0 32px;
  }
}
@media (max-width: 1023px) {
  .brand-hero__info .breadcrumbs {
    justify-content: center;
  }
}
.brand-hero__info h3 {
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .brand-hero__info h3 {
    text-align: center;
  }
}
.brand-hero__info h5 {
  color: #fff;
  max-width: 396px;
}
@media (max-width: 1023px) {
  .brand-hero__info h5 {
    text-align: center;
    max-width: unset;
  }
}
.brand-hero__image {
  display: flex;
}
@media (max-width: 1023px) {
  .brand-hero__image img {
    max-width: 116px;
  }
}
.brand-hero--white h3,
.brand-hero--white h5 {
  color: #fff;
}
.brand-hero--black h3,
.brand-hero--black h5 {
  color: #272727;
}

.brand-iframe {
  margin: -286px 0 40px;
}
@media (max-width: 1023px) {
  .brand-iframe {
    margin: -108px 0 18px;
    padding: 0 4px;
  }
}
.brand-iframe__iframe {
  height: 0;
  margin: auto;
  z-index: 1;
  position: relative;
  padding-bottom: 56.25%;
  display: block;
  overflow: hidden;
}
.brand-iframe__iframe iframe {
  background: #111;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: absolute;
}

@media (max-width: 1023px) {
  .brand-banner {
    padding: 0 4px;
  }
}
.brand-banner__area {
  display: flex;
}
@media (max-width: 1023px) {
  .brand-banner__area {
    flex-direction: column;
  }
}
.brand-banner__image img {
  vertical-align: bottom;
}
.brand-banner__info {
  padding: 40px;
}
@media (max-width: 1023px) {
  .brand-banner__info {
    padding: 32px;
  }
}
.brand-banner__info h4 {
  color: #fff;
  margin-bottom: 16px;
}
.brand-banner__info .description {
  margin-bottom: 0;
}
.brand-banner__info .description p {
  color: #fff;
}
.brand-banner--white h4,
.brand-banner--white .description p {
  color: #fff;
}
.brand-banner--black h4,
.brand-banner--black .description p {
  color: #272727;
}

.brand-category-products {
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .brand-category-products {
    margin-bottom: 72px;
  }
}

.brand-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 429px) {
  .brand-product {
    width: 100%;
  }
}
.brand-product:hover .brand-product__image img {
  transform: scale(1.1);
}
.brand-product:hover .brand-product__tag {
  font-size: 14px;
  line-height: 18px;
}
.brand-product:hover .brand-product__content .title {
  color: #ec1c24;
}
.brand-product:hover .brand-product__content .link svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .brand-product:hover .brand-product__image img {
    transform: scale(1);
  }
  .brand-product:hover .brand-product__tag {
    font-size: 12px;
    line-height: 14px;
  }
  .brand-product:hover .brand-product__content .title {
    color: #272727;
  }
  .brand-product:hover .brand-product__content .link svg {
    transform: rotate(0deg);
  }
}
.brand-product__image {
  border-radius: 8px 8px 0 0;
  background: #f6f8f9;
  position: relative;
}
@media (max-width: 1023px) {
  .brand-product__image {
    width: 100%;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .brand-product__image {
    display: flex;
    justify-content: center;
  }
}
.brand-product__image img {
  width: 168px;
  height: 168px;
  object-fit: contain;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .brand-product__image img {
    width: 100%;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .brand-product__image img {
    width: unset;
  }
}
.brand-product__tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 0px 0px 16px 0px;
  background: #ec1c24;
  padding: 8px 16px;
  color: #fff;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.brand-product__content {
  border-radius: 0 0 8px 8px;
  background: #f6f8f9;
  padding: 8px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 136px;
  max-width: 136px;
}
@media (max-width: 1023px) {
  .brand-product__content {
    min-width: 163px;
    max-width: 163px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .brand-product__content {
    min-width: unset;
    max-width: unset;
    width: calc(100% - 32px);
  }
}
.brand-product__content .title {
  color: #272727;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
  transition: 0.3s ease-in-out;
  min-height: 32px;
}
.brand-product__content .features__item {
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #656565;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
}
.brand-product__content .features__item svg {
  min-width: 16px;
}
.brand-product__content .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.brand-product__content .link svg {
  min-width: 14px;
  transition: 0.3s ease-in-out;
}

.brand-button {
  display: flex;
  justify-content: center;
}
.brand-button .btn {
  width: fit-content;
}
@media (max-width: 1023px) {
  .brand-button .btn {
    width: 100%;
  }
}

.brand-category {
  background: #fff;
  padding: 96px 0;
}
@media (max-width: 1023px) {
  .brand-category {
    padding: 64px 4px;
  }
}
.brand-category h4 {
  margin-bottom: 16px;
}
.brand-category .description {
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .brand-category .description {
    margin-bottom: 32px;
  }
}
.brand-category .description p {
  margin-bottom: 16px;
}
.brand-category .description p:last-child {
  margin-bottom: 0;
}
.brand-category__products {
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .brand-category__products {
    margin-bottom: 72px;
  }
}

.brand-prize-game {
  background: #fff;
  padding: 0 0 40px;
}
@media (max-width: 1023px) {
  .brand-prize-game {
    padding: 0 4px 40px;
  }
}
.brand-prize-game__area {
  border-radius: 8px;
  background: #f6f8f9;
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .brand-prize-game__area {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.brand-prize-game__area:hover .brand-prize-game__image img {
  transform: scale(1.2);
}
.brand-prize-game__area:hover .brand-prize-game__info h3 {
  color: #ec1c24;
}
.brand-prize-game__area:hover .brand-prize-game__info svg {
  transform: rotate(45deg);
}
@media (max-width: 1023px) {
  .brand-prize-game__area:hover .brand-prize-game__image img {
    transform: scale(1);
  }
  .brand-prize-game__area:hover .brand-prize-game__info h3 {
    color: #272727;
  }
  .brand-prize-game__area:hover .brand-prize-game__info svg {
    transform: rotate(0deg);
  }
}
.brand-prize-game__image {
  overflow: hidden;
}
.brand-prize-game__image img {
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  margin-bottom: -4px;
}
.brand-prize-game__info {
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .brand-prize-game__info {
    padding: 0;
  }
}
.brand-prize-game__info .title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .brand-prize-game__info .title {
    margin-bottom: 16px;
  }
}
.brand-prize-game__info .title h3 {
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .brand-prize-game__info .title h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.brand-prize-game__info .title svg {
  padding: 4px 0;
  min-width: 24px;
  transition: 0.3s ease-in-out;
}
.brand-prize-game__info .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 1023px) {
  .brand-prize-game__info .text p {
    font-size: 14px;
    line-height: 21px;
  }
}

.brand-socials {
  border-top: 1px solid #d4d8dc;
  border-bottom: 1px solid #d4d8dc;
  background: #f6f8f9;
  padding: 24px 0;
}
@media (max-width: 1023px) {
  .brand-socials {
    padding: 24px 4px;
  }
}
.brand-socials__items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1250px) {
  .brand-socials__items {
    justify-content: center;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .brand-socials__items {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }
}
.brand-socials__items--three .brand-socials__item {
  max-width: 381px;
}
@media (max-width: 1250px) {
  .brand-socials__items--three .brand-socials__item {
    max-width: 306px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .brand-socials__items--three .brand-socials__item {
    max-width: unset;
  }
}
.brand-socials__items--two .brand-socials__item {
  min-width: 588px;
  max-width: unset;
}
@media (max-width: 1250px) {
  .brand-socials__items--two .brand-socials__item {
    min-width: unset;
    max-width: 476px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .brand-socials__items--two .brand-socials__item {
    max-width: unset;
  }
}
.brand-socials__items--one .brand-socials__item {
  max-width: unset;
}
@media (max-width: 1250px) {
  .brand-socials__items--one .brand-socials__item {
    max-width: unset;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .brand-socials__items--one .brand-socials__item {
    max-width: unset;
  }
}
.brand-socials__item {
  padding: 8px;
  display: flex;
  gap: 24px;
  max-width: 278px;
}
@media (max-width: 1250px) {
  .brand-socials__item {
    max-width: 222px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .brand-socials__item {
    padding: 16px;
    max-width: unset;
  }
}
.brand-socials__item .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.brand-socials__item .info .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.brand-socials__item .info .title h5 {
  font-weight: 500;
}
.brand-socials__item .info .title svg {
  padding: 4px 0;
  min-width: 16px;
}
.brand-socials__item .info .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
}

/* Inspiration */
.inspiration-banner {
  margin-top: -16px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .inspiration-banner {
    margin-top: 0;
    padding: 16px 4px 0;
  }
}
.inspiration-banner__area {
  border-radius: 8px;
  background: #db3832;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .inspiration-banner__area {
    flex-direction: column;
    gap: 0;
  }
}
.inspiration-banner__info {
  padding: 40px;
}
@media (max-width: 1250px) {
  .inspiration-banner__info {
    padding: 0 8px 0 0;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .inspiration-banner__info {
    padding: 24px;
  }
}
.inspiration-banner__info h4 {
  color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .inspiration-banner__info h4 {
    margin-bottom: 8px;
    text-align: center;
  }
}
.inspiration-banner__info .intro {
  max-width: 392px;
}
@media (max-width: 1023px) {
  .inspiration-banner__info .intro {
    max-width: unset;
    text-align: center;
  }
}
.inspiration-banner__info .intro p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
@media (max-width: 1023px) {
  .inspiration-banner__info .intro p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 1023px) {
  .inspiration-banner__image {
    width: 100%;
  }
}
.inspiration-banner__image img {
  vertical-align: bottom;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 1023px) {
  .inspiration-banner__image img {
    border-radius: 8px 8px 0 0;
  }
}
.inspiration-banner__image img.desktop {
  display: block;
  max-width: 610px;
}
@media (max-width: 1023px) {
  .inspiration-banner__image img.desktop {
    display: none;
  }
}
.inspiration-banner__image img.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .inspiration-banner__image img.mobile {
    display: block;
    width: 100%;
  }
}

.inspiration-try {
  background: #fff;
  padding: 88px 0 0;
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .inspiration-try {
    padding: 64px 4px 0;
    margin-bottom: 40px;
  }
}
.inspiration-try__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .inspiration-try__header {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }
}
.inspiration-try__header .text h4 em {
  font-weight: 500;
}

.inspiration-health {
  background: #fff;
  padding: 88px 0;
}
@media (max-width: 1023px) {
  .inspiration-health {
    padding: 64px 4px;
  }
}

.inspiration-ad {
  background: #fff;
}
@media (max-width: 1023px) {
  .inspiration-ad {
    padding: 0 4px;
  }
}
.inspiration-ad__area {
  border-radius: 4px;
  background: #f6f8f9;
  padding: 0 80px;
  display: flex;
  align-items: center;
  gap: 96px;
}
@media (max-width: 1023px) {
  .inspiration-ad__area {
    padding: 0 32px;
    flex-direction: column;
    gap: 16px;
  }
}
.inspiration-ad__image {
  width: 40%;
}
@media (max-width: 1023px) {
  .inspiration-ad__image {
    width: auto;
  }
}
.inspiration-ad__image img {
  vertical-align: bottom;
}
.inspiration-ad__content {
  padding: 40px 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .inspiration-ad__content {
    padding: 40px 0 0;
    width: auto;
  }
}
.inspiration-ad__content .first {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
@media (max-width: 1023px) {
  .inspiration-ad__content .first {
    position: relative;
  }
}
.inspiration-ad__info .slogan {
  color: #ec1c24;
  font-family: "Podravka Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.28px;
}
@media (max-width: 1023px) {
  .inspiration-ad__info .slogan {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.24px;
  }
}
.inspiration-ad__info h3 {
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .inspiration-ad__info h3 {
    max-width: 221px;
  }
}
.inspiration-ad__info .intro {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .inspiration-ad__brand {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
  }
}
.inspiration-ad__button .btn {
  background: transparent;
  transition: 0.3s ease-in-out;
  width: fit-content;
}
@media (max-width: 1023px) {
  .inspiration-ad__button .btn {
    width: auto;
  }
}

.inspiration-news-collage {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .inspiration-news-collage {
    padding: 64px 4px;
  }
}
.inspiration-news-collage__area {
  display: flex;
  gap: 8px;
}
@media (max-width: 1023px) {
  .inspiration-news-collage__area {
    flex-direction: column;
  }
}
.inspiration-news-collage__full {
  width: 50%;
}
@media (max-width: 1023px) {
  .inspiration-news-collage__full {
    width: auto;
  }
}
.inspiration-news-collage__items {
  width: 49%;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .inspiration-news-collage__items {
    width: 100%;
  }
}
.inspiration-news-collage__items .img {
  width: 49%;
}
@media (max-width: 1023px) {
  .inspiration-news-collage__items .img {
    width: calc(50% - 4px);
    height: 180px;
  }
}

.inspiration-news {
  background: #fff;
}
@media (max-width: 1023px) {
  .inspiration-news {
    padding: 0 4px;
  }
}
.inspiration-news__main-post {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .inspiration-news__main-post {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .inspiration-news__row {
    padding: 0 12px;
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .inspiration-news__row .col-6 {
    padding: 0;
    width: calc(50% - 4px);
  }
}

.inspiration-groceries {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .inspiration-groceries {
    padding: 64px 4px;
  }
}

.inspiration-similar {
  background: #fff;
  padding: 0 0 88px;
}
@media (max-width: 1023px) {
  .inspiration-similar {
    padding: 0 4px 64px;
  }
}
.inspiration-similar h4 {
  text-align: center;
  margin-bottom: 24px;
}
.inspiration-similar .dropdowns {
  margin-bottom: 40px;
}
@media (max-width: 1250px) {
  .inspiration-similar .dropdowns {
    margin-bottom: 24px;
  }
}
@media (max-width: 1023px) {
  .inspiration-similar__list {
    padding: 16px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    row-gap: 16px;
    margin-bottom: 24px;
  }
}
.inspiration-similar__list .product-item {
  min-width: 232px;
  max-width: 232px;
}
@media (max-width: 1250px) {
  .inspiration-similar__list .product-item {
    min-width: 185px;
    max-width: 185px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .inspiration-similar__list .product-item {
    min-width: 167px;
    max-width: 167px;
  }
}
.inspiration-similar__list .product-item__image {
  width: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  .inspiration-similar__button {
    display: flex;
    justify-content: center;
  }
}
.inspiration-similar__button .btn {
  display: none;
}
@media (max-width: 1023px) {
  .inspiration-similar__button .btn {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .inspiration-similar__button--between {
    justify-content: space-between;
  }
}

.inspiration-posts {
  background: #fff;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .inspiration-posts {
    padding: 49px 4px;
  }
}
.inspiration-posts__items {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .inspiration-posts__items {
    flex-direction: column;
    gap: 8px;
  }
}
.inspiration-posts__items .red-box {
  width: 25%;
}
@media (max-width: 1023px) {
  .inspiration-posts__items .red-box {
    width: auto;
    margin-bottom: 0;
  }
}
.inspiration-posts__items .collage-card {
  width: 25%;
  min-width: 296px;
}
@media (max-width: 1250px) {
  .inspiration-posts__items .collage-card {
    min-width: 250px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .inspiration-posts__items .collage-card {
    min-width: unset;
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .inspiration-posts__items .collage-card--big {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .inspiration-posts__items .collage-card--big .collage-card__image img {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .inspiration-posts__items .collage-card--big .collage-card__title h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
}
.inspiration-posts__flex {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .inspiration-posts__flex {
    gap: 8px;
  }
}

.inspiration-post-content {
  background: #fff;
}
@media (max-width: 1023px) {
  .inspiration-post-content {
    padding: 0 4px;
  }
}
.inspiration-post-content__border {
  margin-top: 40px;
  border-right: 3px dashed #eaeef0;
}
@media (max-width: 1023px) {
  .inspiration-post-content__border {
    display: none;
  }
}
.inspiration-post-content .content {
  padding: 40px 0 0;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content {
    padding: 32px 0 40px;
  }
}
.inspiration-post-content .content .coolinarika .header {
  margin-bottom: 24px;
}
.inspiration-post-content .content .coolinarika .header h3 {
  margin-bottom: 16px;
}
.inspiration-post-content .content .coolinarika .header .info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.inspiration-post-content .content .coolinarika .header .info .reading-time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inspiration-post-content .content .coolinarika .header .info .reading-time p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .coolinarika .header .info .author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inspiration-post-content .content .coolinarika .header .info .author p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .coolinarika .header .info .author p a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .content .coolinarika .separator {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .coolinarika .separator {
    margin-bottom: 24px;
  }
}
.inspiration-post-content .content .coolinarika .lead-text {
  margin-bottom: 24px;
}
.inspiration-post-content .content .coolinarika__content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .coolinarika__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .coolinarika__content p:last-child {
  margin-bottom: 0;
}
.inspiration-post-content .content .coolinarika__content blockquote {
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
}
.inspiration-post-content .content .coolinarika__content blockquote p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 27px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .coolinarika__content blockquote p {
    font-size: 16px;
    line-height: 24px;
  }
}
.inspiration-post-content .content .coolinarika__content blockquote::before {
  content: url("../../src/img/icons/post-quote-icon.svg");
  position: absolute;
  top: 0;
  left: 0;
}
.inspiration-post-content .content .coolinarika__content ol {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.inspiration-post-content .content .coolinarika__content ol li {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .coolinarika__content ol li {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .coolinarika__content ol li a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .content .grocery .header {
  margin-bottom: 24px;
}
.inspiration-post-content .content .grocery .header h3 {
  margin-bottom: 16px;
}
.inspiration-post-content .content .grocery .header .languages {
  margin-bottom: 16px;
}
.inspiration-post-content .content .grocery .header .author p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .grocery .header .author p a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .content .grocery .separator {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .grocery .separator {
    margin-bottom: 24px;
  }
}
.inspiration-post-content .content .grocery .lead-text {
  margin-bottom: 24px;
}
.inspiration-post-content .content .grocery__content h4 {
  font-weight: 600;
  margin: 24px 0;
}
.inspiration-post-content .content .grocery__content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .grocery__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .grocery__content p:last-child {
  margin-bottom: 0;
}
.inspiration-post-content .content .grocery__content blockquote {
  position: relative;
  padding-left: 40px;
  margin-bottom: 16px;
}
.inspiration-post-content .content .grocery__content blockquote p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 27px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .grocery__content blockquote p {
    font-size: 16px;
    line-height: 24px;
  }
}
.inspiration-post-content .content .grocery__content blockquote::before {
  content: url("../../src/img/icons/post-quote-icon.svg");
  position: absolute;
  top: 0;
  left: 0;
}
.inspiration-post-content .content .health .header {
  margin-bottom: 24px;
}
.inspiration-post-content .content .health .header h3 {
  margin-bottom: 16px;
}
.inspiration-post-content .content .health .header .info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.inspiration-post-content .content .health .header .info .reading-time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inspiration-post-content .content .health .header .info .reading-time p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .health .header .info .author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inspiration-post-content .content .health .header .info .author p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .health .header .info .author p a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .content .health .separator {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .health .separator {
    margin-bottom: 24px;
  }
}
.inspiration-post-content .content .health .lead-text {
  margin-bottom: 24px;
}
.inspiration-post-content .content .health__content h4 {
  font-weight: 600;
  margin: 24px 0;
}
.inspiration-post-content .content .health__content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .health__content p {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .health__content p:last-child {
  margin-bottom: 0;
}
.inspiration-post-content .content .recipe .header {
  margin-bottom: 24px;
}
.inspiration-post-content .content .recipe .header h3 {
  margin-bottom: 16px;
}
.inspiration-post-content .content .recipe .header .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe .header .info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.inspiration-post-content .content .recipe .header .info .author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inspiration-post-content .content .recipe .header .info .author p {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .recipe .header .info .author p a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .content .recipe .header .info .preparation {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe .header .info .preparation {
    gap: 8px;
  }
}
.inspiration-post-content .content .recipe .header .info .preparation .complexity, .inspiration-post-content .content .recipe .header .info .preparation .time {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.inspiration-post-content .content .recipe .separator {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe .separator {
    margin-bottom: 24px;
  }
}
.inspiration-post-content .content .recipe__content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content {
    flex-direction: column;
  }
}
.inspiration-post-content .content .recipe__content .ingredients__groups {
  margin-bottom: 32px;
}
.inspiration-post-content .content .recipe__content .ingredients__group h5 {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients__group h5 {
    margin-top: 16px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients__items {
    gap: 8px;
    margin-top: 16px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients__items .item {
  display: flex;
  gap: 16px;
}
.inspiration-post-content .content .recipe__content .ingredients__items .item .quantity {
  color: #494949;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  min-width: 63px;
  max-width: 63px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients__items .item .quantity {
    font-size: 14px;
    line-height: 21px;
    min-width: 55px;
    max-width: 55px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients__items .item .name {
  color: #111;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients__items .item .name {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients__items .item .product {
  color: #2d9cdb;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients__items .item .product {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients .used-products-title {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients .used-products-title {
    margin-bottom: 16px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients .used-products {
  max-width: 350px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients .used-products {
    max-width: unset;
    gap: 8px;
  }
}
.inspiration-post-content .content .recipe__content .ingredients .used-products .product-card {
  width: calc(50% - 8px);
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .ingredients .used-products .product-card {
    width: calc(50% - 4px);
  }
}
.inspiration-post-content .content .recipe__content .ingredients .used-products .product-card__image {
  background: #f6f8f9;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 16px;
}
.inspiration-post-content .content .recipe__content .ingredients .used-products .product-card__image img {
  vertical-align: bottom;
  height: 167px;
  object-fit: cover;
}
.inspiration-post-content .content .recipe__content .ingredients .used-products .product-card .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-align: center;
}
.inspiration-post-content .content .recipe__content .vertical-border {
  background: #eaeef0;
  width: 1px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .vertical-border {
    display: none;
  }
}
.inspiration-post-content .content .recipe__content .preparation__steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__steps {
    margin-top: 16px;
  }
}
.inspiration-post-content .content .recipe__content .preparation__step {
  display: flex;
  gap: 8px;
}
.inspiration-post-content .content .recipe__content .preparation__step h6 {
  color: #ec1c24;
  padding-top: 2px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__step h6 {
    padding-top: 4px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.28px;
  }
}
.inspiration-post-content .content .recipe__content .preparation__step .step {
  max-width: 371px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__step .step {
    max-width: unset;
  }
}
.inspiration-post-content .content .recipe__content .preparation__step .step p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__step .step p {
    font-size: 14px;
    line-height: 21px;
  }
}
.inspiration-post-content .content .recipe__content .preparation__serving, .inspiration-post-content .content .recipe__content .preparation__advice {
  margin-top: 24px;
  max-width: 371px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__serving, .inspiration-post-content .content .recipe__content .preparation__advice {
    margin-top: 16px;
    max-width: unset;
  }
}
.inspiration-post-content .content .recipe__content .preparation__serving p, .inspiration-post-content .content .recipe__content .preparation__advice p {
  display: inline;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .content .recipe__content .preparation__serving p, .inspiration-post-content .content .recipe__content .preparation__advice p {
    font-size: 16px;
    line-height: 24px;
  }
}
.inspiration-post-content .content .recipe__content .preparation__serving p.label, .inspiration-post-content .content .recipe__content .preparation__advice p.label {
  font-weight: 700;
}
.inspiration-post-content .content .recipe__content .preparation__serving p a, .inspiration-post-content .content .recipe__content .preparation__advice p a {
  color: #2d9cdb;
  font-weight: 700;
}
.inspiration-post-content .sidebar {
  padding: 40px 0 0;
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar {
    margin: 0 -16px;
    padding: 40px 0 40px 16px;
    background: #f6f8f9;
  }
}
.inspiration-post-content .sidebar h5 {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.inspiration-post-content .sidebar__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar__items {
    flex-direction: row;
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar__item {
    min-width: 140px;
  }
}
.inspiration-post-content .sidebar__scrollbar-wrapper .scrollbar {
  margin-left: 0;
  width: calc(100% - 16px);
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar__flyer {
    padding-right: 16px;
  }
}
@media (max-width: 1023px) {
  .inspiration-post-content .sidebar__flyer img {
    width: 100%;
    vertical-align: bottom;
  }
}

/* Agri */
.agri-about-block {
  padding-bottom: 64px;
}
.agri-about-block__items {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .agri-about-block__items {
    gap: 8px;
  }
}
.agri-about-block__item {
  display: flex;
  gap: 8px;
}
.agri-about-block__item--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) {
  .agri-about-block__item {
    flex-direction: column;
    gap: 0;
  }
}
.agri-about-block__image {
  flex: 1;
}
.agri-about-block__image img {
  height: 100%;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
  vertical-align: bottom;
}
@media (min-width: 1024px) {
  .agri-about-block__image img {
    border-radius: 4px;
  }
}
.agri-about-block__content {
  display: flex;
  flex: 1;
  border-radius: 0 0 4px 4px;
  background: #f6f8f9;
}
@media (min-width: 1024px) {
  .agri-about-block__content {
    border: 1px solid #eaeef0;
    border-radius: 4px;
  }
}
.agri-about-block__content-inner {
  display: flex;
  justify-content: center;
  padding: 24px;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .agri-about-block__content-inner {
    padding: 48px;
  }
}
.agri-about-block__content-inner p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 1024px) {
  .agri-about-block__content-inner p {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/