:root {
  --primary: #0B1F3A;
  --accent: #FF0028;
  --text-body: #0B1F3A;
  --text-body-gray: #6D7989;
  --gray: #E7E9EC;
  --dark: #071323;
  --gray-light: #F3F4F5;
  --gray-dark: #3C4C61;
  --stroke: #CED2D8;
  --cc-btn-primary-bg: #0B1F3A;
  --cc-btn-primary-hover-bg: #050f1d;
}

/* CSS Reset */
/* -------------------------------------------------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

html,
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

/* Set body defaults */
body {
  min-height: 100vh;
  font-size: 100%;
  line-height: 1.6;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
  padding-top: 70px;
}
@media (min-width: 1500px) {
  body {
    padding-top: 86px;
  }
}

/* Make images easier to work with */
img, picture, svg, video {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  html {
    scroll-behavior: initial;
  }
}
/* Typography */
/* -------------------------------------------------------------------- */
::-moz-selection {
  background: #FF0028;
  color: white;
}
::selection {
  background: #FF0028;
  color: white;
}

body {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #0B1F3A;
  line-height: 1.6;
}

.ff-secondary {
  font-family: "Hrot Premium", serif;
}

.fs-small {
  font-size: 0.8rem;
}

.fs-8 {
  font-size: 2rem;
}

.fs-5 {
  font-size: 1.25rem;
}

.fs-4 {
  font-size: 1rem;
}

.lh-24 {
  line-height: 1.5rem;
}

.section-title {
  font-size: 32px;
}
@media (min-width: 440px) {
  .section-title {
    font-size: 48px;
  }
}

h1, .h1 {
  font-family: "Hrot Premium", serif;
  font-size: clamp(1.5rem, 0.5909rem + 4.5455vw, 4rem);
  font-weight: 700;
}

h2, .h2 {
  font-family: "Hrot Premium", serif;
  font-size: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);
  font-weight: 700;
}

h3, .h3 {
  font-family: "Hrot Premium", serif;
  font-size: 1.5rem;
  font-weight: 700;
}

h4, .h4 {
  font-size: 1rem;
  font-weight: 700;
}

h1, h2, h3, h4, .h2, .h2, .h3, .h4 {
  line-height: 1.15;
  color: #0B1F3A;
}

a {
  color: #FF0028;
  text-decoration: none;
}

a:is(:hover, :focus) {
  color: #FF0028;
  text-decoration: underline;
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  cursor: pointer;
}

.fw-300 {
  font-weight: 300;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

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

.grid-3col {
  --grid-min-width: 420px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-min-width), 100%), 1fr));
  row-gap: 2.5rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.grid-3col.banners-w {
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.grid-3col.banners-w img {
  width: 100%;
}
@media (max-width: 900px) {
  .grid-3col.banners-w {
    --grid-min-width: 280px;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-min-width), 100%), 1fr));
  }
}

.grid-partneri {
  display: grid;
  gap: 1rem;
}
.grid-partneri.col-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.grid-partneri.col-3 {
  grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));
}

.grid-galerie, .grid-archiv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 1rem;
  row-gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
}
.grid-galerie.photo-grid, .grid-archiv.photo-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: clamp(0.5rem, 0.3571rem + 0.7143vw, 1rem);
}
.grid-galerie.photo-grid img, .grid-archiv.photo-grid img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.grid-galerie.photo-grid img:hover, .grid-archiv.photo-grid img:hover {
  scale: 1.05;
}

.grid-kontakty {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
  -webkit-column-gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
     -moz-column-gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
          column-gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
  row-gap: clamp(2.5rem, 2.0714rem + 2.1429vw, 4rem);
}

.grid-hire-nav {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 992px) {
  .grid-hire-nav {
    grid-template-columns: 1fr 1fr;
  }
}
.grid-hire-nav > img {
  grid-row: 2;
}
@media (min-width: 992px) {
  .grid-hire-nav > img {
    grid-row: 1;
  }
}
.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F3F4F5;
  color: #0B1F3A;
  font-family: "Work Sans", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  padding: 0.375rem 0.75rem;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button:is(:hover, :focus) {
  background-color: #E7E9EC;
  color: #0B1F3A;
  text-decoration: none;
}
.button.button-lg {
  padding: 1rem 1.25rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
}
.button.dark {
  background-color: #3C4C61;
  color: #ffffff;
}
.button.dark:is(:hover, :focus) {
  background-color: #071323;
}
.button.outlined {
  background-color: #0B1F3A;
  color: #ffffff;
  border: 1px solid #FF0028;
}
.button.outlined:is(:hover, :focus) {
  background-color: #FF0028;
  opacity: 1;
}
.button.secondary {
  background-color: #E7E9EC;
  padding: 0.75rem 1rem;
}
.button.secondary:is(:hover, :focus) {
  background-color: #3C4C61;
  color: #ffffff;
}
.button.accent {
  background-color: #FF0028;
  color: #fff;
  padding: 0.75rem 1rem;
}
.button.accent:is(:hover, :focus) {
  background-color: #d60022;
  color: #ffffff;
}

.button-w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.button-w .line {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  width: 100%;
  background-color: #E7E9EC;
}
.button-w .button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer, footer {
  background-color: #0B1F3A;
  padding: 2.5rem 0;
  color: #ffffff;
}
.footer a, footer a {
  color: #ffffff;
  font-size: 0.85rem;
}
.footer h3, footer h3 {
  color: #ffffff;
  margin-bottom: 0.8em;
}
.footer .footer-logo, footer .footer-logo {
  max-width: 220px;
}

.footer-w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem;
}
.footer-w .footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 2fr));
  row-gap: 2.5rem;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid-span-2 {
  grid-column: span 2;
}

.footer-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.5rem;
}
.footer-col.--first {
  gap: 1.5rem;
  margin-right: min(120px, 10vw);
}
.footer-col .social-w {
  gap: 1rem;
}
.footer-col .social-w a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer-col .social-w a:hover {
  scale: 1.1;
}
.footer-col .social-w img {
  max-height: 1.5rem;
}

.footer-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  row-gap: 2.5rem;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

@media screen and (max-width: 478px) {
  .footer-col-2 {
    grid-template-columns: 1fr;
  }
  .footer-col-2.no-gap {
    row-gap: 0.5rem;
  }
}
.form, form {
  display: grid;
}

label {
  color: #0B1F3A;
  font-size: 0.75rem;
}

input:not(.button) {
  width: 100%;
  font-size: 1rem;
  color: #0B1F3A;
  background-color: #ffffff;
  padding: 1rem 1.5rem;
  border: solid 1px #CED2D8;
  border-radius: 0.25rem;
  outline: none;
}

select {
  width: 100%;
  font-size: 1rem;
  color: #0B1F3A;
  background-color: #ffffff;
  padding: 1rem 1.5rem;
  border: solid 1px #CED2D8;
  border-radius: 0.25rem;
  outline: none;
  gap: 1rem;
}

::-webkit-input-placeholder {
  color: #0B1F3A;
}

::-moz-placeholder {
  color: #0B1F3A;
}

:-ms-input-placeholder {
  color: #0B1F3A;
}

::-ms-input-placeholder {
  color: #0B1F3A;
}

::placeholder {
  color: #0B1F3A;
}

input:focus-within,
textarea:focus-within {
  border: 1px solid #0B1F3A;
}

.custom-select {
  padding: 10px 2.5rem 10px 1rem;
  background-color: #E7E9EC;
  font-weight: 700;
  font-size: 0.875rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(/images/icons/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
}

.form-diplom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
}
.form-diplom .col-2 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  .form-diplom .col-2 {
    grid-template-columns: 1fr;
  }
}
.form-diplom button {
  margin-left: auto;
}

.success-msg {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem;
  background-color: #0B1F3A;
  padding: 2.5rem 1rem;
  margin-top: 2.5rem;
}
.success-msg.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.success-msg .h3 {
  text-align: center;
}
.success-msg p {
  color: #ffffff;
}
.success-msg a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.success-msg a:hover {
  scale: 1.1;
}
.success-msg img {
  height: 2.5rem;
}
@media (max-width: 479px) {
  .success-msg img {
    height: 2rem;
  }
}
.success-msg .social-x {
  height: 2.15rem;
}
.success-msg .social-x img {
  height: 100%;
}
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  background-color: #0B1F3A;
  padding: 1rem 1.25rem;
  display: grid;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(2, auto);
}
@media (min-width: 1500px) {
  header {
    padding: 1.5rem 2rem;
    grid-template-columns: 1fr auto 1fr;
  }
}
header .logo {
  width: 255px;
  background-size: contain;
}
@media (min-width: 540px) {
  header .logo {
    width: 354px;
  }
}
@media (max-width: 992px) {
  header .header-socials {
    display: none;
  }
}
header .header-socials a:hover {
  opacity: 0.5;
}
header .header-socials-mobile {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 992px) {
  header .header-socials-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header .header-socials-mobile a:hover {
  opacity: 0.5;
}
header .search-form {
  margin: 2.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #071323;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 1500px) {
  header .search-form {
    display: none;
  }
}
header .search-form input {
  font-size: 0.875rem;
  color: #fff;
  width: 100%;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0.875rem 20px;
  outline: none;
}
header .search-form input::-webkit-input-placeholder {
  color: #6D7989;
}
header .search-form input::-moz-placeholder {
  color: #6D7989;
}
header .search-form input:-ms-input-placeholder {
  color: #6D7989;
}
header .search-form input::-ms-input-placeholder {
  color: #6D7989;
}
header .search-form input::placeholder {
  color: #6D7989;
}
header .search-form input:focus::-webkit-input-placeholder {
  color: transparent;
}
header .search-form input:focus::-moz-placeholder {
  color: transparent;
}
header .search-form input:focus:-ms-input-placeholder {
  color: transparent;
}
header .search-form input:focus::-ms-input-placeholder {
  color: transparent;
}
header .search-form input:focus::placeholder {
  color: transparent;
}
header .search-form button {
  background: none;
  border: none;
  padding: 0.75rem 0.875rem;
}
header .search-form button img {
  max-width: none;
}
header #main-navigation {
  background-color: #0B1F3A;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: fixed;
  height: calc(100vh - 70px);
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  right: -100%;
  top: 70px;
}
header #main-navigation.show {
  right: 0;
}
@media (min-width: 1500px) {
  header #main-navigation {
    position: relative;
    height: auto;
    top: 0;
    right: 0;
    overflow: visible;
  }
}
header nav .menu {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  list-style: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1500px) {
  header nav .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}
@media (max-width: 1500px) {
  header nav .menu.submenu-shown {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (min-width: 1500px) {
  header nav .menu .menu-item {
    position: relative;
    word-break: normal;
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    white-space: nowrap;
  }
  header nav .menu .menu-item:hover .nav-link {
    color: #6D7989;
  }
  header nav .menu .menu-item:hover > .submenu {
    display: block;
  }
}
header nav .menu .nav-link {
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-bottom: 1px solid #24364E;
  font-size: 1.5rem;
  padding: 1rem 0;
  text-decoration: none;
}
header nav .menu .nav-link.language-mobile {
  display: none;
  border-bottom: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (max-width: 992px) {
  header nav .menu .nav-link.language-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1500px) {
  header nav .menu .nav-link {
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
    border: none;
  }
  header nav .menu .nav-link:hover {
    color: #6D7989;
  }
  header nav .menu .nav-link > img {
    display: none;
  }
}
header nav .menu .submenu {
  background-color: #0B1F3A;
  list-style: none;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 0;
  position: absolute;
  display: block;
  padding: 2rem;
  inset: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
@media (min-width: 1500px) {
  header nav .menu .submenu {
    background-color: #3C4C61;
    display: none;
    top: 100%;
    left: 0;
    padding: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
header nav .menu .submenu.second-level {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1500px) {
  header nav .menu .submenu.second-level {
    display: none;
    top: 0;
    left: 0;
  }
}
header nav .menu .submenu.second-level.show {
  z-index: 15;
}
header nav .menu .submenu.show {
  z-index: 10;
  overflow: visible;
}
header nav .menu .submenu li.submenu-close, header nav .menu .submenu .submenu-close-second {
  border-bottom: 1px solid #24364E;
}
header nav .menu .submenu li.submenu-close button, header nav .menu .submenu .submenu-close-second button {
  font-weight: bold;
  color: #fff;
  font-size: 1.5rem;
  background: none;
  border: none;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
header nav .menu .submenu li.submenu-close button > img, header nav .menu .submenu .submenu-close-second button > img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 1500px) {
  header nav .menu .submenu li.submenu-close button, header nav .menu .submenu .submenu-close-second button {
    display: none;
  }
}
header nav .menu .submenu .submenu-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  padding: 1rem 0;
  border-bottom: 1px solid #24364E;
  font-size: 1.25rem;
  text-decoration: none;
}
@media (min-width: 1500px) {
  header nav .menu .submenu .submenu-nav-link {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
  header nav .menu .submenu .submenu-nav-link img {
    display: none;
  }
  header nav .menu .submenu .submenu-nav-link:hover {
    background-color: #24364E;
  }
}
header nav .menu .submenu.submenu-shown {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
header nav .menu .submenu .submenu-item:hover > .submenu {
  display: block;
}
header nav .menu .submenu-item, header nav .menu .menu-item {
  max-width: calc(100vw - 4rem);
  width: 100%;
}
header .menu-toggler {
  background: none;
  border: none;
  padding: 0;
  position: relative;
  width: 2rem;
  height: 2rem;
}
header .menu-toggler > img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  inset: 0;
  margin: auto;
}
header .menu-toggler[aria-expanded=false] .menu-close {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
header .menu-toggler[aria-expanded=true] .menu-open {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@media (min-width: 1500px) {
  header .menu-toggler {
    display: none;
  }
}

dialog {
  border: none;
  padding: 0;
}
dialog::-webkit-backdrop {
  background-color: rgba(11, 31, 58, 0.3);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
}
dialog::backdrop {
  background-color: rgba(11, 31, 58, 0.3);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
}
dialog .dialog-content {
  background-color: #fff;
}
dialog .dialog-close {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
dialog .dialog-close:hover {
  opacity: 0.75;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem);
}

.d-flex, .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fj-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fj-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.fj-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fa-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fa-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-8 {
  gap: 2rem;
}

.radius-full {
  border-radius: 50%;
}

.section, section {
  padding: clamp(4rem, 3.7143rem + 1.4286vw, 5rem) 0;
}
.section.no-padding, section.no-padding {
  padding: 0 0;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

/* Custom CSS */
/* -------------------------------------------------------------------- */
.h1-w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  width: 100%;
  margin-bottom: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
}
.h1-w h1 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header-with-search {
  gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
}

.h1-mt {
  margin-top: clamp(0rem, -1.3421rem + 3.1579vw, 1.5rem);
}

.pt-first-section {
  padding-top: clamp(4rem, 3.5306rem + 1.6327vw, 5rem);
}

.nav-line {
  margin-top: clamp(0rem, -0.375rem + 1.875vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);
}
.nav-line a {
  color: #0B1F3A;
}
.nav-line img {
  max-height: 1rem;
}

ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  list-style-type: square;
  list-style-position: inside;
  padding: 0;
  margin: 0;
  color: #0B1F3A;
}
ul li::marker {
  color: #FF0028;
}
ul a {
  color: #0B1F3A;
}

ol {
  margin: 0;
  list-style-position: inside;
  padding-left: 0;
}

.countdown {
  padding: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
  background-color: #FF0028;
  color: #ffffff;
}
@media (max-width: 990px) {
  .countdown.mob-text-center {
    text-align: center;
  }
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

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

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

.gap-6 {
  gap: 1.5rem;
}

.gap-4 {
  gap: 1rem;
}

.fc-white {
  color: #ffffff;
}

.fc-text-body-gray {
  color: #6D7989;
}

.content-sidebar {
  display: grid;
  grid-template-columns: 1fr 340px;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 2.5rem;
}
@media (max-width: 1000px) {
  .content-sidebar {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content-main .partner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #CED2D8;
  padding: 2.5rem;
}
.content-main .partner-item img {
  max-height: 100px;
}
.content-main .partner-item:hover {
  border: solid 1px #0B1F3A;
}
.content-main :last-child {
  margin-bottom: 0;
}

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media (max-width: 1000px) {
  .sidebar .is-mob-hidden {
    display: none;
  }
}

.link-tree {
  padding: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
  gap: 1.5rem;
  border: 1px solid #CED2D8;
}
.link-tree ul {
  gap: 0.75rem;
  color: #FF0028;
}

.news-item, .galerie-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  color: #0B1F3A;
}
.news-item:hover, .galerie-item:hover {
  text-decoration: none;
  color: #0B1F3A;
}
.news-item:hover img, .galerie-item:hover img {
  scale: 1.1;
}
.news-item h3, .galerie-item h3 {
  font-family: "Work Sans", sans-serif;
  margin-top: 0.5rem;
}
.news-item .photo-w, .galerie-item .photo-w {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
}
.news-item .photo-w .overlay, .galerie-item .photo-w .overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  padding: 1rem;
  gap: 1rem;
}
.news-item img, .galerie-item img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news-item p, .galerie-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.badge {
  font-size: 0.85rem;
  padding: 0.375rem 0.75rem;
  background-color: #FF0028;
  color: #ffffff;
  font-weight: 600;
}
.badge.gray {
  background-color: #6D7989;
}
.badge.white {
  background-color: #ffffff;
  color: #0B1F3A;
}

.line {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  width: 100%;
  background-color: #E7E9EC;
}

.youtube-item {
  display: grid;
  gap: 1rem;
}
.youtube-item p {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.youtube-item iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
}

.partneri-w {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.5rem, 0.5rem + 5vw, 5rem);
}
.partneri-w a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.partneri-w a:hover {
  scale: 1.05;
}
.partneri-w img {
  max-height: 56px;
}

.swiper-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 2px;
}

.swiper-wrapper-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
}

.products-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: auto;
  padding: 1rem 1.5rem;
  border: 1px solid #CED2D8;
  text-decoration: none !important;
}
.products-item:hover {
  border: 1px solid #0B1F3A;
}
.products-item h2 {
  margin-bottom: 0.75rem;
  line-height: 1.375;
}
.products-item img {
  margin-bottom: 1.5rem;
}
.products-item span {
  color: #0B1F3A;
  font-size: 0.875rem;
}

.swiper-pagination-products {
  --swiper-pagination-bullet-inactive-color: var(--primary);
  --swiper-pagination-bullet-inactive-opacity: 0.25;
  --swiper-pagination-color: var(--primary);
  position: relative;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  z-index: 10;
  margin-top: 2rem;
}

.tns-partners > a img {
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 14/9;
  height: 5rem;
}

.topstory-nav .tns-outer {
  position: relative;
}
.topstory-nav .tns-nav {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.topstory-nav .tns-nav button {
  border: none;
  background: #CED2D8;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.topstory-nav .tns-nav button.tns-nav-active {
  background: #FF0028;
}

.bannery-item {
  padding: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
  border: 1px solid #CED2D8;
  gap: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
}
.bannery-item .text-w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.5rem;
}
.bannery-item .text-w img {
  height: 32px;
  margin-top: 4px;
}
.bannery-item .banner-img {
  height: 200px;
}
.bannery-item .buttons-w {
  gap: 0.5rem;
}
@media (max-width: 420px) {
  .bannery-item .buttons-w * {
    width: 100%;
  }
}
.bannery-item h3 {
  font-weight: 700;
  color: #FF0028;
}
.bannery-item .logo-red {
  width: 4.5rem;
  height: 4.5rem;
}
.bannery-item .h3-w {
  gap: 2rem;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 440px) {
  .bannery-item .h3-w {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.poster-banner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  color: #0B1F3A;
  gap: clamp(0.125rem, -0.5962rem + 2.8846vw, 2rem);
}
.poster-banner:hover {
  text-decoration: none;
  color: #0B1F3A;
  border: 1px solid #0B1F3A;
}
.poster-banner.pl-0 {
  padding-left: 0;
}
.poster-banner.pr-0 {
  padding-right: 0;
}
.poster-banner div {
  padding: 1.5rem 0;
}
.poster-banner h3 {
  font-size: clamp(1.5rem, 0.5rem + 4vw, 2rem);
}

.balikovna {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.kontakt-item img {
  width: 100%;
}

article .article-perex {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
}
article h2, article h3, article h4 {
  margin-top: 2.5em;
}
article p, article img, article iframe, article video, article ul, article ol, article q, article blockquote, article hr, article strong, article em, article div {
  margin-top: 2em;
}
article table {
  margin-top: 2rem;
}
article img {
  width: 100%;
}
article iframe {
  max-width: 100%;
}
article q, article blockquote {
  font-size: 1.25rem;
  position: relative;
  padding-left: clamp(1.5rem, 0.2959rem + 2.449vw, 2.5rem);
  display: block;
  margin: 2em 0 0 0;
}
article blockquote::before, article q::before {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;
  height: 100%;
  background-color: #FF0028;
}
article hr {
  border: 1px solid #CED2D8;
  margin: 3rem 0;
}
article .article-2col-layout {
  gap: 1rem;
}
article .article-2col-layout img {
  width: calc(50% - 0.5rem);
  margin: 0;
}
@media screen and (max-width: 560px) {
  article .article-2col-layout img {
    width: 100%;
  }
}

.table-w {
  max-width: 100%;
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

th {
  color: #071323;
  font-weight: 700;
}

tr:nth-of-type(odd) {
  background: #F3F4F5;
}

td, th {
  padding: 0.5rem 1rem;
  border: 1px solid #CED2D8;
  text-align: left;
}

.article-hero {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.article-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(11, 31, 58, 0.8)), to(rgba(11, 31, 58, 0)));
  background-image: linear-gradient(0deg, rgba(11, 31, 58, 0.8) 20%, rgba(11, 31, 58, 0) 100%);
}
.article-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.article-hero .container {
  position: relative;
  z-index: 2;
  padding-top: clamp(10rem, 10vw, 5rem);
  padding-bottom: clamp(2rem, 10vw, 5rem);
}
@media (min-width: 992px) {
  .article-hero .container {
    min-height: 874px;
  }
}
.article-hero .container h1 {
  color: #fff;
  max-width: 940px;
  font-size: clamp(2rem, 7vw, 4rem);
}

.container:has(#topstory-heading) {
  padding: 0;
}
@media (min-width: 992px) {
  .container:has(#topstory-heading) {
    padding: 2rem clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem) 0;
  }
}

.article-hero.topstory > img {
  display: none;
}
@media (min-width: 992px) {
  .article-hero.topstory > img:not(.hidden) {
    display: block;
  }
}
.article-hero.topstory .container {
  padding-top: 1.25rem;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .article-hero.topstory .container {
    padding-top: clamp(10rem, 10vw, 5rem);
  }
}
.article-hero.topstory .container > h1 {
  display: none;
}
@media (min-width: 992px) {
  .article-hero.topstory .container > h1 {
    display: block;
  }
}
.article-hero.topstory .container > a {
  display: none;
}
@media (min-width: 992px) {
  .article-hero.topstory .container > a {
    display: inline-block;
  }
}
.article-hero.topstory .container > div:first-child {
  display: none;
}
@media (min-width: 992px) {
  .article-hero.topstory .container > div:first-child {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.article-hero.topstory .topstory-nav {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav {
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav .tns-topstory {
    grid-column: span 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }
}
.article-hero.topstory .topstory-nav a:not([class]) {
  position: relative;
  text-decoration: none;
  background-color: #0B1F3A;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 1.25rem;
  min-height: 390px;
  width: 100%;
  padding: 2rem 1rem 76px;
}
.article-hero.topstory .topstory-nav a:not([class])::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(11, 31, 58, 0.8)), to(rgba(11, 31, 58, 0)));
  background-image: linear-gradient(0deg, rgba(11, 31, 58, 0.8) 20%, rgba(11, 31, 58, 0) 100%);
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav a:not([class])::before {
    display: none;
  }
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav a:not([class]) {
    min-height: auto;
    padding: 1rem 2rem;
    height: auto;
    display: block;
  }
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav a:not([class]):hover, .article-hero.topstory .topstory-nav a:not([class])[aria-current=true] {
    background-color: #3C4C61;
  }
  .article-hero.topstory .topstory-nav a:not([class]):hover time, .article-hero.topstory .topstory-nav a:not([class])[aria-current=true] time {
    display: inline-block;
  }
  .article-hero.topstory .topstory-nav a:not([class]):hover h2, .article-hero.topstory .topstory-nav a:not([class])[aria-current=true] h2 {
    -webkit-line-clamp: initial;
  }
}
.article-hero.topstory .topstory-nav a:not([class]) > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav a:not([class]) > img {
    display: none;
  }
}
.article-hero.topstory .topstory-nav a:not([class]) > .d-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav a:not([class]) > .d-flex {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.article-hero.topstory .topstory-nav .topstory-banner {
  width: 100%;
}
.article-hero.topstory .topstory-nav .article-category {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav .article-category {
    display: none;
  }
}
.article-hero.topstory .topstory-nav time {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav time {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 10px;
    margin-inline: 2rem;
    color: #fff;
    margin-inline: 0;
    background: none;
    padding: 0;
    display: none;
  }
}
.article-hero.topstory .topstory-nav h2 {
  position: relative;
  z-index: 1;
  font-size: clamp(1.5rem, 7vw, 2rem);
  color: #fff;
  font-family: "Hrot Premium", sans-serif;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 992px) {
  .article-hero.topstory .topstory-nav h2 {
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
    text-align: start;
    font-size: 1rem;
    color: #fff;
    margin-inline: 2rem;
    margin-bottom: 1rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.dialog-inner-navigation {
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .dialog-inner-navigation {
    padding: 2rem 2rem 5rem 4rem;
  }
}
.dialog-inner-navigation h2 {
  color: #FF0028;
  font-size: 2rem;
  line-height: 38px;
  margin-top: 2rem;
}
.dialog-inner-navigation h3 {
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 10px;
  margin-top: 2rem;
}
.dialog-inner-navigation ul {
  list-style: none;
}
.dialog-inner-navigation ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid #CED2D8;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dialog-inner-navigation ul li a:hover {
  text-decoration: none;
  background-color: #F3F4F5;
}
.dialog-inner-navigation ul li a .counter {
  color: #FF0028;
  font-size: 1rem;
  white-space: nowrap;
}
.dialog-inner-navigation ul:last-of-type {
  margin-bottom: auto;
}

.form-search {
  border: 1px solid #CED2D8;
  max-height: 48px;
  max-width: 300px;
}
.form-search .search-input {
  border: none;
  width: 100%;
}
.form-search .search-input:focus {
  outline: none;
}
.form-search .search-button {
  border: none;
  height: 48px;
  width: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1280px) {
  .form-search {
    width: 100%;
    max-width: none;
  }
}

.error-msg {
  width: 100%;
  padding: 1rem;
  border: 1px solid #FF0028;
}

.w-100 {
  width: 100%;
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.h-100 {
  height: 100%;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-15 {
  padding-top: 3.75rem;
}

.ml-auto {
  margin-left: auto;
}

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

.mb-8 {
  margin-bottom: 2rem;
}