:root {
  --defaultText: #172D5C;
  --subtleText: #949EB4;
  --subtitleText: #595F8D;
  --headerText: #818BD1;
  --footerLinks: #4653AB;
  --primary: #0045FF;
  --primaryText: #fff;
  --secondary: #00BC6D;
  --secondaryText: #fff;
  --section: #F5FAFE;
  --border: #E2E6FC;
  --warning: #FF728A;
  --orange: #F3AA00;
  --lightBackground: #E5E9FC;
  --primaryLight: #0045FF66;
  --secondaryLight: #00BC6D66;
  --orangeLight: #F3AA0066;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

html {
  font-family: sans-serif;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Poppins", sans-serif;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  background: #fff;
}

.page {
  overflow: hidden;
  padding-top: 111px;
}
@media only screen and (min-width: 1200px) {
  .page {
    padding-top: 125px;
  }
}

#wpadminbar {
  position: fixed !important;
}

/* poppins-italic - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-italic.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-500.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500italic - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-500italic.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600italic - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-600italic.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-600.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700italic - latin-ext_latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../fonts/poppins-v15-latin-ext_latin-700italic.woff2") format("woff2"), url("../fonts/poppins-v15-latin-ext_latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.footer {
  border-top: 0.1rem solid #D7DCF9;
}
.footer__content {
  background: linear-gradient(90deg, rgb(236, 243, 250) 0%, rgb(231, 234, 255) 100%);
}
.footer__bottom {
  background: #fff;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  padding: 4rem 0 3rem 0;
}
@media only screen and (min-width: 768px) {
  .footer-content {
    padding: 7rem 0 5rem 0;
  }
}
.footer-content__left {
  width: 100%;
  margin: 0 0 4rem 0;
}
@media only screen and (min-width: 991px) {
  .footer-content__left {
    width: calc(100% - 32rem);
    margin: 0;
  }
}
.footer-content__right {
  width: 32rem;
  margin: 0 auto;
}

.footer-badge {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 550px) {
  .footer-badge {
    flex-direction: row;
  }
}
.footer-badge__image {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 550px) {
  .footer-badge__image {
    width: 12rem;
  }
}
@media only screen and (min-width: 768px) {
  .footer-badge__image {
    width: 16rem;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-badge__image {
    width: 25rem;
  }
}
.footer-badge__image img {
  width: 100%;
  display: inline-block;
  height: 100%;
}
@media only screen and (max-width: 549px) {
  .footer-badge__image img {
    width: 80%;
  }
}
.footer-badge__texts {
  width: 100%;
  padding: 2rem 0 0 0;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 550px) {
  .footer-badge__texts {
    width: calc(100% - 12rem);
    padding: 0 0 0 3rem;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .footer-badge__texts {
    width: calc(100% - 16rem);
    padding: 0 0 0 5rem;
  }
}
@media only screen and (min-width: 991px) {
  .footer-badge__texts {
    padding: 0 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-badge__texts {
    padding: 0 8.5rem;
    width: calc(100% - 25rem);
  }
}
.footer-badge__texts h2 {
  font-weight: 700;
  color: var(--defaultText);
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 2rem 0;
  padding: 0;
}
.footer-badge__texts p {
  margin: 0 0 2.5rem 0;
}
.footer-badge__texts p a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  font-weight: 500;
  color: var(--primary);
}
@media only screen and (max-width: 549px) {
  .footer-badge__texts p a {
    justify-content: center;
  }
}
.footer-badge__texts p a img {
  margin: 0 0 0 2rem;
  transition: 0.3s;
}
.footer-badge__texts p a:hover {
  text-decoration: underline;
}
.footer-badge__texts p a:hover img {
  margin: 0 0 0 3rem;
}
.footer-badge__texts > *:last-child {
  margin: 0;
}

.footer-founder {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.footer-founder__photo {
  width: 6.8rem;
}
.footer-founder__photo img {
  width: 100%;
  display: block;
  border-radius: 100%;
}
.footer-founder__info {
  width: calc(100% - 6.8rem);
  padding: 0 0 0 1.8rem;
}
.footer-founder__info p {
  color: var(--subtitleText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.footer-founder__info p strong {
  color: var(--defaultText);
  font-weight: 600;
}
.footer-founder__signature {
  width: 100%;
  text-align: right;
  margin-right: 114px;
}
.footer-founder__signature img {
  display: inline-block;
  max-width: 120px;
}

.footer-nav {
  display: none;
  width: 100%;
  padding: 1.5rem 0;
  border-top: 0.1rem solid #D7DCF9;
}
@media only screen and (min-width: 768px) {
  .footer-nav {
    display: block;
  }
}
.footer-nav ul {
  list-style: none;
  margin: 0 -1.5rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 3rem);
}
.footer-nav ul li {
  margin: 0;
  padding: 0;
}
.footer-nav ul li a {
  display: block;
  padding: 1rem 1.5rem;
  text-decoration: none;
  transition: 0.3s;
  color: var(--footerLinks);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}
.footer-nav ul li a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.footer-bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .footer-bottom {
    flex-direction: row;
  }
}
.footer-bottom__left {
  display: flex;
  align-items: center;
  color: var(--subtleText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
  padding: 0 0 3rem 0;
}
@media only screen and (min-width: 768px) {
  .footer-bottom__left {
    padding: 0 3rem 0 0;
  }
}
.footer-bottom__left img {
  margin: 0 1.5rem 0 0;
}
.footer-bottom__right {
  display: flex;
  align-items: center;
  color: var(--subtleText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
}
.footer-bottom__right span {
  white-space: nowrap;
}
@media only screen and (max-width: 549px) {
  .footer-bottom__right span {
    display: none;
  }
}
.footer-bottom__right a {
  margin: 0 0.7rem;
}
@media only screen and (min-width: 550px) {
  .footer-bottom__right a {
    margin: 0 0 0 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-bottom__right a {
    margin: 0 0 0 2.5rem;
  }
}

#totop {
  position: fixed;
  bottom: 60px;
  right: 1.5%;
  display: none;
  z-index: 9999;
}
@media only screen and (min-width: 768px) {
  #totop {
    bottom: 40px;
  }
}
#totop img {
  width: 40px;
}
#totop img:hover {
  transform: scale(1.2);
}

.ico-twitter img {
  width: 32px;
  height: 32px;
}

.ico-youtube img, .ico-facebook img, .ico-instagram img, .ico-linkedin img {
  width: 38px;
  height: 38px;
}

.content {
  position: relative;
  z-index: 101;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 126rem;
  padding: 0 1.5rem;
}
@media only screen and (min-width: 1500px) {
  .container {
    max-width: 126rem;
  }
}
.container__magazine {
  max-width: 90rem;
}

.admin-bar .header {
  top: 46px;
}
@media only screen and (min-width: 768px) {
  .admin-bar .header {
    top: 32px;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 105;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
}
.header.subtle {
  z-index: 99;
}
.header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 8rem;
}
.header__left {
  display: flex;
  align-items: center;
}
.header__logo {
  position: relative;
}
.header__logo a {
  display: block;
  font-size: 0;
}
.header__logo img {
  display: block;
  max-height: 4rem;
}
@media only screen and (min-width: 768px) {
  .header__logo img {
    max-height: 4rem;
  }
}
.header__texts {
  display: none;
}
@media only screen and (min-width: 991px) {
  .header__texts {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--headerText);
    padding: 0 0 0 3rem;
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .header__texts {
    padding: 0 0 0 7rem;
  }
}
.header__texts span {
  position: relative;
  display: inline-block;
  padding: 0 2rem 0 1.8rem;
}
.header__texts span:last-child:before {
  content: none;
  display: none;
  visibility: hidden;
}
.header__texts span:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  background: #D5DAFF;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.header__right {
  display: flex;
  align-items: center;
}

.header-search {
  height: 3.6rem;
  border-radius: 1.8rem;
  background: transparent;
  display: none;
}
@media only screen and (min-width: 768px) {
  .header-search {
    background: var(--lightBackground);
    display: flex;
  }
}
.header-search form {
  position: relative;
  margin-right: -36px;
}
.header-search__btn {
  width: 3.6rem;
  text-align: center;
  border: none;
  outline: none !important;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0;
  margin: 0;
  display: inline-block;
  background: transparent;
  position: relative;
  right: 36px;
  height: 36px;
  top: -8px;
}
.header-search__btn img {
  display: inline-block;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-search__btn__mobile {
  top: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .header-search__btn__mobile {
    display: none;
  }
}

.header-searching {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  display: none;
}
.header-searching__panel {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
}
.header-searching button {
  background: none;
  border: none;
}
.header-searching__overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: var(--defaultText);
  opacity: 0.5;
  z-index: 100;
}

.ui-autocomplete {
  background: #fff;
  border: none !important;
  z-index: 5000;
  min-width: 450px !important;
}
.ui-autocomplete li {
  /*&:hover {
    background: color.$section;
    color: color.$primary;
  }*/
}
.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
  padding: 1rem 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  border: none;
}
@media only screen and (min-width: 1200px) {
  .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
    font-size: 1.5rem;
  }
}
.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  text-decoration: none;
  color: var(--defaultText);
  background: var(--section);
  border: none;
  margin: 0;
}
.ui-autocomplete li.ui-menu-item:last-of-type {
  text-align: center;
  background: var(--lightBackground);
}
.ui-autocomplete li.ui-menu-item:last-of-type .ui-menu-item-wrapper.ui-state-active {
  color: var(--primary) !important;
  background: var(--lightBackground) !important;
}
.ui-autocomplete li.ui-menu-item:last-of-type > div {
  font-size: 1.6rem;
  color: var(--primary);
  padding-left: 51px;
}
@media only screen and (min-width: 1200px) {
  .ui-autocomplete li.ui-menu-item:last-of-type > div {
    font-size: 1.5rem;
  }
}
.ui-autocomplete li.ui-menu-item:last-of-type > div:before {
  background: url("../../assets/images/search.svg") no-repeat center;
  content: "";
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  background-size: contain;
  left: 54px;
  top: 11px;
}

.header-search-form {
  display: flex;
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  align-items: center;
  position: relative;
}
.header-search-form__widget {
  display: inline-flex;
}
.header-search-form__widget .header-search__btn {
  top: -1px;
}
.header-search-form__icon img {
  width: 2.7rem;
  position: relative;
  transform: translateY(0.2rem);
}
@media only screen and (min-width: 768px) {
  .header-search-form__icon img {
    width: 1.8rem;
    transform: translateY(0);
  }
}
.header-search-form__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  height: 100%;
  padding: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--headerText);
  width: 22rem;
  font-size: 2rem;
}
@media only screen and (min-width: 550px) {
  .header-search-form__input {
    width: 30rem;
  }
}
@media only screen and (min-width: 768px) {
  .header-search-form__input {
    font-size: 1.6rem;
  }
}
.header-search-form__input::placeholder {
  color: var(--headerText);
}
.header-search-form__close {
  border: none;
  outline: none !important;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0;
  margin: 0;
  display: inline-block;
  background: transparent;
  position: relative;
  transition: 0.3s;
  opacity: 0.5;
}
.header-search-form__close:hover {
  opacity: 1;
}
.header-search-form__close span {
  display: inline-block;
  transform: rotate(45deg);
  font-size: 3rem;
  font-weight: 400;
}

.header-toggle {
  border: none;
  outline: none !important;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0 1rem;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  background: transparent;
  position: relative;
  transition: 0.3s;
  height: 3.6rem;
  border-radius: 1.8rem;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .header-toggle {
    padding: 0 2rem;
    margin: 0 0 0 2.5rem;
    background: var(--lightBackground);
  }
}
.header-toggle__label {
  margin: 0 0 0 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  font-size: 2.1rem;
  min-width: 5.3rem;
}
@media only screen and (min-width: 768px) {
  .header-toggle__label {
    transform: translateY(-0.1rem);
    font-size: 1.5rem;
  }
}
.header-toggle__label .toggle-lbl-1 {
  display: block;
}
.header-toggle__label .toggle-lbl-2 {
  display: none;
}
.header-toggle__label.open .toggle-lbl-1 {
  display: none;
}
.header-toggle__label.open .toggle-lbl-2 {
  display: block;
}
.header-toggle__icon {
  position: relative;
  height: 2rem;
  width: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .header-toggle__icon {
    height: 1rem;
    width: 1.2rem;
  }
}
.header-toggle__icon span {
  display: block;
  position: absolute;
  height: 0.3rem;
  width: 1.8rem;
  background: var(--primary);
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  pointer-events: none;
}
.header-toggle__icon span:nth-child(1) {
  top: 0.2rem;
}
.header-toggle__icon span:nth-child(2) {
  top: 0.8rem;
}
.header-toggle__icon span:nth-child(3) {
  top: 0.8rem;
}
.header-toggle__icon span:nth-child(4) {
  top: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .header-toggle__icon span {
    height: 0.2rem;
    width: 1.2rem;
  }
  .header-toggle__icon span:nth-child(1) {
    top: 0;
  }
  .header-toggle__icon span:nth-child(2) {
    top: 0.4rem;
  }
  .header-toggle__icon span:nth-child(3) {
    top: 0.4rem;
  }
  .header-toggle__icon span:nth-child(4) {
    top: 0.8rem;
  }
}
.header-toggle__icon.open span:nth-child(1) {
  top: 0rem;
  width: 0%;
  left: 50%;
}
.header-toggle__icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header-toggle__icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header-toggle__icon.open span:nth-child(4) {
  top: 0rem;
  width: 0%;
  left: 50%;
}

.header__popup {
  position: relative;
  background: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .header__popup {
    background: var(--section);
  }
}
@media only screen and (max-width: 767px) {
  .header__popup .container {
    padding: 0;
  }
}
.header__popup:after {
  content: "";
  position: absolute;
  width: 100000%;
  height: 50%;
  z-index: -2;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
}

.header-popup {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.header-popup__sidebar {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header-popup__sidebar {
    width: 28rem;
  }
}
.header-popup__title {
  display: block;
  position: relative;
  font-weight: 400;
  color: var(--subtleText);
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
}
.header-popup__title::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--border);
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
}
.header-popup__title span {
  background: #fff;
  display: inline-block;
  padding: 0 1rem;
  position: relative;
  z-index: 2;
  margin: 0 0 0 4rem;
}
@media only screen and (min-width: 768px) {
  .header-popup__title {
    display: none;
  }
}
.header-popup__menu {
  display: block;
  padding: 1.5rem 2rem 2.5rem 5rem;
  font-weight: 400;
  color: var(--subtitleText);
  font-size: 1.4rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .header-popup__menu {
    display: none;
  }
}
.header-popup__menu a {
  display: inline;
  color: inherit;
  text-decoration: none;
}
.header-popup__menu a:hover {
  text-decoration: underline;
}
.header-popup__menu-separator {
  display: inline-block;
  margin: 0 1rem;
  color: var(--subtleText);
}
.header-popup__nav {
  width: 100%;
}
.header-popup__nav ul {
  list-style: none;
  margin: 0;
  padding: 1rem 0 3rem 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header-popup__nav ul {
    padding: 1rem 0;
  }
}
.header-popup__nav ul > li {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .header-popup__nav ul > li.hover > ul {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .header-popup__nav ul > li.hover > a, .header-popup__nav ul > li.hover > span {
    color: var(--defaultText);
  }
  .header-popup__nav ul > li.hover > a:before, .header-popup__nav ul > li.hover > span:before {
    transform: translateY(-50%) rotate(90deg);
    filter: brightness(0) saturate(100%) invert(14%) sepia(50%) saturate(1911%) hue-rotate(200deg) brightness(92%) contrast(97%);
  }
}
@media only screen and (min-width: 768px) {
  .header-popup__nav ul > li.hover > a, .header-popup__nav ul > li.hover > span {
    background: #fff;
    border-left-color: var(--primary);
  }
}
.header-popup__nav ul > li > a, .header-popup__nav ul > li > span {
  border-left: 0.2rem solid transparent;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem 1rem 5rem;
  background: transparent;
  transition: 0.3s;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
  color: var(--primary);
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .header-popup__nav ul > li > a, .header-popup__nav ul > li > span {
    min-height: 5rem;
    padding: 0 0 0 3.5rem;
    font-size: 1.4rem;
    color: var(--defaultText);
  }
}
@media only screen and (max-width: 767px) {
  .header-popup__nav ul > li > a, .header-popup__nav ul > li > span {
    position: relative;
  }
  .header-popup__nav ul > li > a:before, .header-popup__nav ul > li > span:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    left: 2rem;
    width: 0.9rem;
    height: 0.9rem;
    background: url(../images/caret.svg) no-repeat center center;
    background-size: contain;
  }
}
.header-popup__nav ul > li > a:hover, .header-popup__nav ul > li > span:hover {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .header-popup__nav ul > li > a:hover, .header-popup__nav ul > li > span:hover {
    color: var(--defaultText);
  }
}
.header-popup__nav ul > li > ul {
  display: none;
  margin: 0 0 1rem 0;
  padding: 1rem 0;
  background: var(--section);
}
.header-popup__nav ul > li > ul > li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.header-popup__nav ul > li > ul > li > a {
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 5rem;
  transition: 0.3s;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  color: var(--primary);
  text-decoration: none;
  text-transform: none;
}
.header-popup__nav ul > li > ul > li > a::before {
  content: none;
  display: none;
}
.header-popup__nav ul > li > ul > li > a:hover {
  color: var(--primary);
}
.header-popup__content {
  background: #fff;
  width: calc(100% - 28rem);
  display: none;
}
@media only screen and (min-width: 768px) {
  .header-popup__content {
    display: block;
  }
}
.header-popup__magazine-btn {
  margin-left: 5.5rem;
}
.header-popup__magazine-btn .btn {
  font-size: 1.2rem;
  padding: 1rem 2rem;
}

.header-popup-list {
  list-style: none;
  margin: 0;
  padding: 1rem 1rem 1rem 3rem;
  width: 100%;
  column-count: 2;
}
.header-popup-list li {
  margin: 0;
  padding: 1rem;
  width: 100%;
  display: inline-block;
}
.header-popup-list li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 5rem;
  padding: 0;
  background: transparent;
  transition: 0.3s;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
  color: var(--defaultText);
  text-decoration: none;
}
.header-popup-list li a .header-popup__item-logo {
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
}
.header-popup-list li a .header-popup__item-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.header-popup-list li a .header-popup__item-title {
  padding: 0 0 0 1.5rem;
  width: calc(100% - 4.5rem);
}
.header-popup-list li a:hover {
  color: var(--primary);
}

.header-wide__menu > ul > li > span > a, .header-wide__menu > ul > li > a {
  color: var(--primary) !important;
}
.header-wide__menu > ul > li > span > a:hover, .header-wide__menu > ul > li > a:hover {
  color: var(--defaultText) !important;
}
.header-wide__menu > ul > li.submenu-open > span > a {
  color: var(--primary) !important;
}
.header-wide__menu > ul > li > ul > li > a {
  color: var(--defaultText) !important;
}
.header-wide__menu > ul > li > ul > li > a:hover {
  color: var(--primary) !important;
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul > li > ul > li > a {
    border-left-color: var(--primary) !important;
  }
}

.header-categories-nav__primary > li > a.header-categories-nav__item, .header-categories-nav__primary > li > a.header-categories-nav__more-btn, .header-categories-nav__primary > li div.header-categories-nav__item, .header-categories-nav__primary > li div.header-categories-nav__more-btn {
  color: var(--primary) !important;
}
.header-categories-nav__primary > li:hover > a, .header-categories-nav__primary > li:hover div {
  color: var(--defaultText) !important;
}
.header-categories-nav__primary > li > ul > li > a:hover, .header-categories-nav__primary > li > ul > li div:hover {
  color: var(--defaultText) !important;
}
.header-categories-nav__primary .header-categories-nav-submenu__item-title {
  color: var(--defaultText) !important;
}
.header-categories-nav__primary .header-categories-nav-submenu__item-title:hover {
  color: var(--primary) !important;
}
.header-categories-nav__primary .header-categories-nav__item.has-childs:before {
  border-top-color: var(--defaultText) !important;
}

.header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div {
  color: var(--defaultText) !important;
}
.header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div:hover {
  color: var(--primary) !important;
}

.header-wide-toggle__label {
  color: var(--defaultText) !important;
}
.header-wide-toggle__icon span {
  background: var(--defaultText) !important;
}

.base-category-nav-link, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div, .header-categories-nav__secondary > li > ul > li > a, .header-categories-nav__secondary > li > ul > li div, .header-categories-nav__secondary > li > a, .header-categories-nav__secondary > li div, .header-categories-nav__primary > li > ul > li > a, .header-categories-nav__primary > li > ul > li div, .header-categories-nav-submenu__item-list > li a, .header-categories-nav-submenu__item-title {
  color: var(--primary) !important;
}
.base-category-nav-link:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div:hover, .header-categories-nav__secondary > li > ul > li > a:hover, .header-categories-nav__secondary > li > a:hover, .header-categories-nav__secondary > li div:hover, .header-categories-nav__primary > li > ul > li > a:hover, .header-categories-nav__primary > li > ul > li div:hover, .header-categories-nav-submenu__item-list > li a:hover, .header-categories-nav-submenu__item-title:hover {
  color: var(--defaultText) !important;
}

.link-caret, .header-categories-nav__primary > li > a.header-categories-nav__item.has-childs, .header-categories-nav__primary > li > a.header-categories-nav__more-btn.has-childs, .header-categories-nav__primary > li div.header-categories-nav__item.has-childs, .header-categories-nav__primary > li div.header-categories-nav__more-btn.has-childs, .header-categories-nav-submenu__item-toggle, .header-wide__menu > ul > li.has-childs > a {
  position: relative;
}
.link-caret::before, .header-categories-nav__primary > li > a.header-categories-nav__item.has-childs::before, .header-categories-nav__primary > li > a.header-categories-nav__more-btn.has-childs::before, .header-categories-nav__primary > li div.header-categories-nav__item.has-childs::before, .header-categories-nav__primary > li div.header-categories-nav__more-btn.has-childs::before, .header-categories-nav-submenu__item-toggle::before, .header-wide__menu > ul > li.has-childs > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border-top: 5px solid var(--primary);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.admin-bar .header-wide {
  top: 46px;
}
@media only screen and (min-width: 768px) {
  .admin-bar .header-wide {
    top: 32px;
  }
}

.header-wide {
  z-index: 990;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  transition: 0.3s;
}
.header-wide.pinned {
  transform: translateY(0%) translate3d(0, 0, 0);
}
@media only screen and (min-width: 1200px) {
  .header-wide.pinned .header-wide__logo {
    position: absolute;
    top: 10px;
    left: 1.5rem;
  }
  .header-wide.pinned .header-wide__logo a {
    max-width: 114px;
  }
  .header-wide.pinned .header-wide__logo a img {
    width: 114px;
  }
  .header-wide.pinned .header-wide__top {
    height: 0;
  }
  .header-wide.pinned .header-wide__top .header-wide__container {
    height: 0;
  }
  .header-wide.pinned .header-wide__content .header-wide__search-wrapper {
    display: none;
  }
  .header-wide.pinned .header-wide__right {
    display: flex;
    position: absolute;
    top: 8px;
    right: 1.5rem;
  }
  .header-wide.pinned .header-wide__bottom .header-wide__container {
    padding: 0 6rem 0 14rem;
  }
}
.header-wide.unpinned {
  transform: translateY(-100%) translate3d(0, 0, 0);
}
.header-wide.unpinned .with-mega-menu:hover .header-categories-nav__primary-submenu {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .header-wide.unpinned {
    transition: none;
  }
}
.header-wide__container {
  position: relative;
  padding: 0 1.5rem;
}
.header-wide__top {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e4ebff;
}
.header-wide__top .container {
  padding: 0;
}
.header-wide__top .header-wide__container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
@media only screen and (min-width: 1200px) {
  .header-wide__top .header-wide__container {
    height: 74px;
  }
}
.header-wide__logo {
  flex: 0 0 auto;
}
.header-wide__logo a {
  display: inline-block;
  max-width: 124px;
}
@media only screen and (min-width: 1200px) {
  .header-wide__logo a {
    max-width: 140px;
  }
}
.header-wide__logo img {
  width: 124px;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 1200px) {
  .header-wide__logo img {
    width: 140px;
  }
}
.header-wide__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 45px;
}
.header-wide__search-wrapper {
  z-index: 1;
  width: 100%;
  min-width: 540px;
}
@media only screen and (max-width: 1199px) {
  .header-wide__search-wrapper {
    display: none;
  }
}
.header-wide__toggle-submenu {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .header-wide__toggle-submenu {
    width: 20px;
    height: 20px;
  }
  .header-wide__toggle-submenu::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transition: 0.3s;
    transform: translateY(-50%);
    border-top: 5px solid var(--primary);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
}
@media only screen and (max-width: 1199px) {
  .header-wide__toggle-submenu {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
  }
  .header-wide__toggle-submenu::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    left: 0;
    width: 0.9rem;
    height: 0.9rem;
    background: url(../images/caret.svg) no-repeat center center;
    background-size: contain;
  }
}
.header-wide__menu {
  flex: 0 0 auto;
}
@media only screen and (max-width: 1199px) {
  .header-wide__menu {
    display: none;
  }
  .header-wide__menu.open {
    display: block;
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 3rem 4rem rgba(0, 27, 99, 0.11);
  }
  .header-wide__menu.open > ul > li > span > a {
    font-size: 14px;
  }
  .header-wide__menu.open > ul > li > a {
    padding: 10px 20px 10px 50px;
    font-size: 14px;
  }
  .header-wide__menu.open > ul > li.has-childs > a {
    margin: 0;
    padding: 7px 30px 7px 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu {
    display: block !important;
  }
}
.header-wide__menu > ul {
  display: flex;
  flex-direction: column;
  column-gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1600px) {
  .header-wide__menu > ul {
    column-gap: 45px;
  }
}
.header-wide__menu > ul > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.header-wide__menu > ul > li > span > a, .header-wide__menu > ul > li > a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: 1;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--primary);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul > li > span > a, .header-wide__menu > ul > li > a {
    color: var(--defaultText);
  }
}
.header-wide__menu > ul > li > span > a::after, .header-wide__menu > ul > li > a::after {
  content: none;
}
.header-wide__menu > ul > li > span {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header-wide__menu > ul > li > span {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 20px 0 20px;
  }
}
.header-wide__menu > ul > li:hover > a {
  color: var(--primary);
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul > li:hover .header-wide__toggle-submenu::before {
    transform: translateY(-50%) rotate(180deg);
  }
  .header-wide__menu > ul > li:hover > ul {
    display: block !important;
  }
}
.header-wide__menu > ul > li.submenu-open > span > a {
  color: var(--defaultText);
}
.header-wide__menu > ul > li.submenu-open .header-wide__toggle-submenu::before {
  transform: translateY(-50%) rotate(90deg);
}
.header-wide__menu > ul > li.has-childs > a {
  padding: 10px 26px 10px 0;
  margin: 0 -10px 0 0;
}
.header-wide__menu > ul > li > ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 10px 0;
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul > li > ul {
    position: absolute;
    top: 100%;
    left: -20px;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 3rem 4rem rgba(0, 27, 99, 0.11);
  }
}
@media only screen and (max-width: 1199px) {
  .header-wide__menu > ul > li > ul {
    background: var(--section);
  }
}
.header-wide__menu > ul > li > ul > li {
  margin: 0;
  padding: 0;
}
.header-wide__menu > ul > li > ul > li > a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px 20px 15px 50px;
  line-height: 1;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--primary);
  transition: 0.3s;
}
.header-wide__menu > ul > li > ul > li > a:hover {
  color: var(--defaultText);
  text-decoration: none;
}
@media only screen and (min-width: 1200px) {
  .header-wide__menu > ul > li > ul > li > a {
    text-align: left;
    padding: 7px 20px;
    font-size: 14px;
    white-space: nowrap;
    text-decoration: underline;
    color: var(--defaultText);
  }
  .header-wide__menu > ul > li > ul > li > a:hover {
    color: var(--primary);
  }
}
.header-wide__bottom {
  position: relative;
  z-index: 1;
}
.header-wide__bottom .container {
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .header-wide__bottom.left-gradient::before {
    content: "";
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 6rem;
    height: 100%;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }
  .header-wide__bottom.right-gradient::after {
    content: "";
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none;
  }
}
@media only screen and (max-width: 1199px) {
  .header-wide__bottom .header-wide__container {
    padding: 0;
  }
}
.header-wide__right {
  display: flex;
  column-gap: 15px;
  align-items: center;
}
@media only screen and (min-width: 1200px) {
  .header-wide__right {
    display: none;
  }
}

.header-wide-search__box {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  background: #e1e9ff;
  border-radius: 21px;
  height: 46px;
}
.header-wide-search__inp {
  flex: 1;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0 20px;
  outline: none;
  line-height: 1;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #0045FF;
}
.header-wide-search__inp::placeholder {
  color: #0045FF;
}
.header-wide-search__button {
  position: relative;
  margin: 0;
  padding: 0;
  width: 42px;
  background: transparent;
  border: none;
  border-radius: 21px;
  transition: 0.3s;
  cursor: pointer;
}
.header-wide-search__button:hover {
  background: #b1c2f1;
}
.header-wide-search__button img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-wide-search-suggests {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #e1e9ff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  width: 100%;
  padding-top: 34px;
}
@media only screen and (min-width: 991px) {
  .header-wide-search-suggests {
    padding-top: 55px;
  }
}
.header-wide-search-suggests__content {
  padding: 0 0 20px 0;
}
.header-wide-search-suggests__list {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  padding: 0 20px;
}
.header-wide-search-suggests__list a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: block;
  line-height: 1;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  color: var(--defaultText);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.header-wide-search-suggests__list a:hover {
  text-decoration: none;
}
.header-wide-search-suggests__footer {
  padding: 0 10px 10px 10px;
}
.header-wide-search-suggests__footer-btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 28px;
  text-align: center;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  color: #fff;
  background: #0045FF;
  transition: 0.3s;
}
.header-wide-search-suggests__footer-btn:hover {
  background: #905ACE;
}

.base-category-nav-link, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div, .header-categories-nav__secondary > li > ul > li > a, .header-categories-nav__secondary > li > ul > li div, .header-categories-nav__secondary > li > a, .header-categories-nav__secondary > li div, .header-categories-nav__primary > li > ul > li > a, .header-categories-nav__primary > li > ul > li div, .header-categories-nav-submenu__item-list > li a, .header-categories-nav-submenu__item-title {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 22px;
  margin: 0;
  line-height: 1;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--defaultText);
  text-align: center;
  transition: 0.3s;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}
.base-category-nav-link:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div:hover, .header-categories-nav__secondary > li > ul > li > a:hover, .header-categories-nav__secondary > li > a:hover, .header-categories-nav__secondary > li div:hover, .header-categories-nav__primary > li > ul > li > a:hover, .header-categories-nav__primary > li > ul > li div:hover, .header-categories-nav-submenu__item-list > li a:hover, .header-categories-nav-submenu__item-title:hover {
  text-decoration: none;
  color: var(--primary);
}

.header-categories-nav-submenu {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  background: #ffffff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  display: none;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.header-categories-nav-submenu > ul {
  list-style: none;
  margin: 0;
  padding: 0 24px 16px 24px;
  grid-template-columns: 1fr;
  column-gap: 24px;
  display: grid;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .header-categories-nav-submenu > ul {
    grid-template-columns: repeat(3, 1fr);
    padding: 8px 24px 0 24px;
  }
}
.header-categories-nav-submenu > ul > li {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu > ul > li {
    padding: 0 0 24px 0;
  }
}
.header-categories-nav-submenu__item {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item {
    padding: 0;
  }
}
.header-categories-nav-submenu__item--mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item--mobile {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (min-width: 1200px) {
  .header-categories-nav-submenu__item--mobile {
    display: none;
  }
}
.header-categories-nav-submenu__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item-icon {
    width: 40px;
    height: 40px;
    margin-top: 10px;
  }
}
.header-categories-nav-submenu__item-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.header-categories-nav-submenu__item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item-content {
    padding: 0 0 0 16px;
  }
}
.header-categories-nav-submenu__item-heading {
  display: flex;
  align-items: center;
  column-gap: 16px;
  height: 45px;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item-heading {
    height: unset;
  }
}
.header-categories-nav-submenu__item-toggle {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: block;
  width: 16px;
  height: 16px;
}
.header-categories-nav-submenu__item-toggle.active {
  transform: rotate(180deg);
}
.header-categories-nav-submenu__item-toggle::before {
  right: 3px;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item-toggle {
    display: none !important;
  }
}
.header-categories-nav-submenu__item-title {
  font-size: 16px;
  color: var(--primary);
  margin: 10px 0;
  padding: 0;
  text-transform: none;
  white-space: initial;
  text-align: left;
  text-decoration: none;
}
.header-categories-nav-submenu__item-title:hover {
  text-decoration: underline;
}
.header-categories-nav-submenu__item-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-categories-nav-submenu__item-list.opened {
  display: block;
}
@media only screen and (min-width: 768px) {
  .header-categories-nav-submenu__item-list {
    display: block !important;
  }
}
.header-categories-nav-submenu__item-list > li {
  margin: 0 0 10px 0;
  padding: 0;
}
.header-categories-nav-submenu__item-list > li a {
  padding: 0;
  line-height: 1.3;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  white-space: initial;
  text-decoration: none;
  font-weight: 400;
}
.header-categories-nav-submenu__item-list > li a:hover {
  text-decoration: underline;
}

.header-categories-nav {
  flex: 1;
  min-width: 100%;
  position: relative;
  z-index: 916;
}
@media only screen and (max-width: 1199px) {
  .header-categories-nav {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 15px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
  }
  .header-categories-nav::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
  }
}
@media only screen and (min-width: 1200px) {
  .header-categories-nav {
    width: 100%;
  }
}
.header-categories-nav__primary {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .header-categories-nav__primary {
    flex-flow: row wrap;
    justify-content: center;
  }
}
.header-categories-nav__primary > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .header-categories-nav__primary > li.hidden {
    display: block !important;
  }
}
.header-categories-nav__primary > li.with-mega-menu {
  position: unset;
}
.header-categories-nav__primary > li > a.header-categories-nav__item, .header-categories-nav__primary > li > a.header-categories-nav__more-btn, .header-categories-nav__primary > li div.header-categories-nav__item, .header-categories-nav__primary > li div.header-categories-nav__more-btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 12px;
  margin: 0;
  line-height: 1;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--defaultText);
  text-align: center;
  transition: 0.3s;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .header-categories-nav__primary > li > a.header-categories-nav__item, .header-categories-nav__primary > li > a.header-categories-nav__more-btn, .header-categories-nav__primary > li div.header-categories-nav__item, .header-categories-nav__primary > li div.header-categories-nav__more-btn {
    white-space: nowrap;
    padding: 0 10px;
  }
}
.header-categories-nav__primary > li > a.header-categories-nav__item::before, .header-categories-nav__primary > li > a.header-categories-nav__more-btn::before, .header-categories-nav__primary > li div.header-categories-nav__item::before, .header-categories-nav__primary > li div.header-categories-nav__more-btn::before {
  transition: 0.3s;
}
.header-categories-nav__primary > li > a.header-categories-nav__item.has-childs, .header-categories-nav__primary > li > a.header-categories-nav__more-btn.has-childs, .header-categories-nav__primary > li div.header-categories-nav__item.has-childs, .header-categories-nav__primary > li div.header-categories-nav__more-btn.has-childs {
  padding: 0 30px 0 12px;
}
@media only screen and (max-width: 1199px) {
  .header-categories-nav__primary > li > a.header-categories-nav__item.has-childs, .header-categories-nav__primary > li > a.header-categories-nav__more-btn.has-childs, .header-categories-nav__primary > li div.header-categories-nav__item.has-childs, .header-categories-nav__primary > li div.header-categories-nav__more-btn.has-childs {
    padding: 0 30px 0 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-categories-nav__primary > li > a.header-categories-nav__more-btn, .header-categories-nav__primary > li div.header-categories-nav__more-btn {
    display: none !important;
  }
}
.header-categories-nav__primary > li:hover > a, .header-categories-nav__primary > li:hover div {
  text-decoration: none;
  color: var(--primary);
}
.header-categories-nav__primary > li:hover > a:before, .header-categories-nav__primary > li:hover div:before {
  transform: translateY(-50%) rotate(180deg) !important;
}
.header-categories-nav__primary > li:hover > ul, .header-categories-nav__primary > li:hover > .header-categories-nav__primary-submenu {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  display: block;
}
.header-categories-nav__primary > li > ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  background: #fff;
  box-shadow: 0 3rem 4rem rgba(0, 27, 99, 0.11);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.header-categories-nav__primary > li > ul > li {
  margin: 0;
  padding: 0;
}
.header-categories-nav__primary > li > ul > li > a, .header-categories-nav__primary > li > ul > li div {
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 3px solid #fff;
  text-decoration: none;
}
.header-categories-nav__primary > li > ul > li > a:hover, .header-categories-nav__primary > li > ul > li div:hover {
  background: var(--section);
  border-left: 3px solid var(--primary);
  text-decoration: underline;
}
.header-categories-nav__secondary {
  display: block;
  z-index: 910;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 10px 0;
  opacity: 0;
  pointer-events: none;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  list-style: none;
}
.header-categories-nav__secondary > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.header-categories-nav__secondary > li:hover > a, .header-categories-nav__secondary > li:hover div {
  text-decoration: none;
  color: var(--primary);
}
.header-categories-nav__secondary > li:hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 15px;
  height: 100px;
  background: transparent;
}
.header-categories-nav__secondary > li:hover > ul {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}
.header-categories-nav__secondary > li > ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -10px;
  right: calc(100% + 6px) !important;
  left: unset !important;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.2);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.header-categories-nav__secondary > li > ul::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 100%;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.header-categories-nav__secondary > li > ul > li {
  margin: 0;
  padding: 0;
}
.header-categories-nav__secondary > li > ul > li > a, .header-categories-nav__secondary > li > ul > li div {
  padding: 10px 20px;
  border-left: 3px solid #fff;
}
.header-categories-nav__secondary > li > ul > li > a:hover, .header-categories-nav__secondary > li > ul > li div:hover {
  background: var(--section);
  border-left: 3px solid var(--primary);
}
.header-categories-nav.show-more ul li.header-categories-nav__more > ul {
  top: 100%;
  opacity: 1;
  pointer-events: all;
}

.header-wide-copied-ul.header-categories-nav-submenu {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  display: block;
}

.header-wide-copied-ul:not(.header-categories-nav-submenu) {
  position: absolute;
  top: 100%;
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding: 10px 0;
  background: var(--section);
  box-shadow: 0 3rem 4rem rgba(0, 27, 99, 0.11);
  columns: 1;
  column-gap: 30px;
}
@media only screen and (min-width: 768px) {
  .header-wide-copied-ul:not(.header-categories-nav-submenu) {
    columns: 2;
  }
}
@media only screen and (min-width: 991px) {
  .header-wide-copied-ul:not(.header-categories-nav-submenu) {
    columns: 3;
  }
}
@media only screen and (min-width: 1200px) {
  .header-wide-copied-ul:not(.header-categories-nav-submenu) {
    display: none !important;
  }
}
.header-wide-copied-ul:not(.header-categories-nav-submenu) > li {
  margin: 0;
  padding: 10px 0;
}
.header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div {
  white-space: initial;
  text-align: left;
  line-height: 1.2;
  color: var(--primary);
  text-decoration: none;
}
.header-wide-copied-ul:not(.header-categories-nav-submenu) > li > a:hover, .header-wide-copied-ul:not(.header-categories-nav-submenu) > li div:hover {
  color: var(--defaultText);
}

.header-wide-toggle {
  border: none;
  outline: none !important;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0 1rem;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  background: transparent;
  position: relative;
  transition: 0.3s;
  height: 3.6rem;
  border-radius: 1.8rem;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .header-wide-toggle {
    padding: 0 2rem;
    background: var(--lightBackground);
  }
}
.header-wide-toggle__label {
  margin: 0 0 0 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--primary);
  text-transform: uppercase;
  font-size: 2.1rem;
  min-width: 5.3rem;
}
@media only screen and (min-width: 768px) {
  .header-wide-toggle__label {
    font-size: 1.5rem;
  }
}
.header-wide-toggle__label .toggle-lbl-1 {
  display: block;
}
.header-wide-toggle__label .toggle-lbl-2 {
  display: none;
}
.header-wide-toggle__label.open .toggle-lbl-1 {
  display: none;
}
.header-wide-toggle__label.open .toggle-lbl-2 {
  display: block;
}
.header-wide-toggle__icon {
  position: relative;
  height: 2rem;
  width: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .header-wide-toggle__icon {
    height: 1rem;
    width: 1.2rem;
  }
}
.header-wide-toggle__icon span {
  display: block;
  position: absolute;
  height: 0.3rem;
  width: 1.8rem;
  background: var(--primary);
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  pointer-events: none;
}
.header-wide-toggle__icon span:nth-child(1) {
  top: 0.2rem;
}
.header-wide-toggle__icon span:nth-child(2) {
  top: 0.8rem;
}
.header-wide-toggle__icon span:nth-child(3) {
  top: 0.8rem;
}
.header-wide-toggle__icon span:nth-child(4) {
  top: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .header-wide-toggle__icon span {
    height: 0.2rem;
    width: 1.2rem;
  }
  .header-wide-toggle__icon span:nth-child(1) {
    top: 0;
  }
  .header-wide-toggle__icon span:nth-child(2) {
    top: 0.4rem;
  }
  .header-wide-toggle__icon span:nth-child(3) {
    top: 0.4rem;
  }
  .header-wide-toggle__icon span:nth-child(4) {
    top: 0.8rem;
  }
}
.header-wide-toggle__icon.open span:nth-child(1) {
  top: 0rem;
  width: 0%;
  left: 50%;
}
.header-wide-toggle__icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header-wide-toggle__icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header-wide-toggle__icon.open span:nth-child(4) {
  top: 0rem;
  width: 0%;
  left: 50%;
}

.header-wide-search__btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  height: 36px;
  width: 3.6rem;
}
.header-wide-search__btn img {
  display: inline-block;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.with-mega-menu--smaller .header-categories-nav-submenu {
  left: unset;
  width: auto;
}
@media only screen and (min-width: 1200px) {
  .with-mega-menu--smaller .header-categories-nav-submenu {
    transform: translateX(-28px);
  }
}
.with-mega-menu--smaller .header-categories-nav-submenu ul {
  grid-template-columns: 1fr !important;
}
@media only screen and (min-width: 1200px) {
  .with-mega-menu--smaller .header-categories-nav-submenu .header-categories-nav-submenu__item-list {
    margin-top: 10px;
  }
}

.content__subpage {
  padding: 4rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--defaultText);
}
.content__subpage a {
  color: var(--primary);
  text-decoration: underline;
}
.content__subpage a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .content__subpage {
    padding: 5rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .content__subpage .responsive-table {
    overflow-x: scroll;
  }
  .content__subpage .responsive-table td {
    min-width: 15rem;
  }
}
.content__subpage--magazine {
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .content__subpage--magazine {
    padding: 2.5rem 0;
  }
}
.content__subpage h2 {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 2.5rem 0;
}
.content__subpage h3, .content__subpage div.h3-title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 2rem 0;
}

.required-indication {
  color: #FF728A;
  font-weight: 600;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(100% + 3rem);
  margin: 0 -1.5rem;
}
.form-row .form-field {
  padding: 0 1.5rem;
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .form-row .form-field {
    width: 50%;
  }
}
.form-row .form-field__label.w-100 {
  padding: 1.3rem 0 0.7rem 0;
}
.form-row .form-field > span {
  width: 100%;
}
.form-row .form-field .wpcf7-not-valid-tip {
  margin-top: 5px;
}

.contact-box__right .wpcf7-spinner {
  float: left;
  top: 15px;
}
.contact-box__right .wpcf7-response-output {
  border: 0 !important;
  color: white !important;
  margin: 2rem 0 !important;
  font-size: 1.6rem !important;
  text-align: center;
  padding: 1rem !important;
  background: #f47484;
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11) !important;
}
.contact-box__right .wpcf7 form.sent .wpcf7-response-output {
  border: 0;
  padding: 0;
  margin: 2rem 0;
  background: #00bc6d;
}

.contact-box {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  margin: 0 0 4rem 0;
}
@media only screen and (min-width: 991px) {
  .contact-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 7rem 0;
  }
}
.contact-box__left {
  border-right: 0.1rem #e5eefc solid;
  padding: 2rem;
}
@media only screen and (min-width: 991px) {
  .contact-box__left {
    width: 50rem;
    padding: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-box__left {
    padding: 5rem;
  }
}
.contact-box__right {
  flex: 1;
  padding: 2rem;
}
@media only screen and (min-width: 991px) {
  .contact-box__right {
    width: 500px;
    padding: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-box__right {
    padding: 5rem;
  }
}
.contact-box__right--text {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 3rem 0;
  font-size: 1.5rem;
}
.contact-box__right--text p {
  margin: 0 !important;
}
.contact-box__right--text a {
  color: inherit;
  text-decoration: none !important;
  transition: 0.3s;
}
.contact-box__right--text a:hover strong {
  color: var(--primary);
}
.contact-box__right--text a:hover strong span {
  color: var(--defaultText);
}
.contact-box__right--text img {
  margin: 0 2rem 0 0 !important;
  border-radius: 0 !important;
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5812%) hue-rotate(227deg) brightness(99%) contrast(109%);
}
.contact-box__right--text strong {
  display: block;
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--defaultText);
  transition: 0.3s;
}
.contact-box__right--text span {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  margin: 0.5rem 0 0 0;
  color: var(--defaultText);
}
.contact-box__items {
  color: var(--defaultText);
}
.contact-box__item {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 3rem 0;
  font-size: 1.5rem;
}
.contact-box__item a {
  display: flex;
  align-items: center;
  width: 100%;
  color: inherit;
  text-decoration: none !important;
  transition: 0.3s;
}
.contact-box__item a:hover strong {
  color: var(--primary);
}
.contact-box__item a:hover strong span {
  color: var(--defaultText);
}
.contact-box__item img {
  margin: 0 2rem 0 0 !important;
  border-radius: 0 !important;
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5812%) hue-rotate(227deg) brightness(99%) contrast(109%);
}
.contact-box__item strong {
  display: block;
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--defaultText);
  transition: 0.3s;
}
.contact-box__item span {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  margin: 0.5rem 0 0 0;
  color: var(--defaultText);
}

.contact-box-person {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0 0 6rem 0;
}
.contact-box-person__img {
  width: 5rem;
}
@media only screen and (min-width: 768px) {
  .contact-box-person__img {
    width: 9rem;
  }
}
.contact-box-person__img img {
  display: inline-block;
  max-width: 100%;
  border-radius: 100% !important;
}
.contact-box-person__texts {
  width: calc(100% - 5rem);
  padding: 0 0 0 1.5rem;
}
@media only screen and (min-width: 768px) {
  .contact-box-person__texts {
    width: calc(100% - 9rem);
    padding: 0 0 0 2rem;
  }
}
.contact-box-person__texts h2 {
  color: var(--primary);
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .contact-box-person__texts h2 {
    font-size: 1.8rem;
  }
}
.contact-box-person__texts p {
  color: var(--defaultText);
  font-size: 1.4rem;
  margin: 0 !important;
  line-height: 1.4;
}
.contact-box-person__texts p strong {
  color: var(--defaultText);
}

.map {
  position: relative;
  margin: 0 0 3rem 0;
}
@media only screen and (min-width: 991px) {
  .map {
    margin: 3rem 0 3rem 0;
  }
}
.map__frame {
  display: block;
}
@media (min-width: 768px) {
  .map__frame {
    padding: 0 0 0 17rem;
  }
}
.map__frame img, .map__frame iframe {
  width: 100%;
  display: block;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  border-radius: 1rem;
}
.map__box {
  background: #fff;
}
@media (min-width: 768px) {
  .map__box {
    position: absolute;
    top: 5rem;
    width: 35rem;
    box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
    text-align: left;
    border-radius: 1rem;
  }
}
.map__content {
  padding: 2rem;
  font-weight: 400;
  font-size: 1.5rem;
  margin: 0.5rem 0 0 0;
  color: var(--defaultText);
  line-height: 1.3;
}
@media only screen and (min-width: 991px) {
  .map__content {
    padding: 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .map__content {
    padding: 3rem 4rem;
  }
}
.map__content h3 {
  color: var(--defaultText);
}
.map__content p {
  margin: 0 !important;
}
.map__content a {
  color: var(--primary);
  text-decoration: underline;
}
.map__content a:hover {
  text-decoration: none;
}

.subpage h3 {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 2.5rem 0;
}
.subpage img {
  max-width: 100%;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  border-radius: 0.9rem;
  margin: 0 0 2.5rem 0;
}
.subpage p {
  margin: 0 0 3.5rem 0;
}
.subpage p img {
  margin: 0;
}
.subpage .m-0 p {
  margin-bottom: 0;
}
.subpage a {
  text-decoration: underline;
  color: var(--primary);
}
.subpage a:hover {
  text-decoration: none;
}
.subpage hr {
  margin: 0 0 3.5rem 0;
  padding: 0;
  border-top: 0.1rem solid var(--border);
}
.subpage ul {
  list-style: none;
  margin: 0 0 4rem 0;
  padding: 0;
}
.subpage ul li {
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.2rem;
  position: relative;
}
.subpage ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #5F81C5;
  border-radius: 100%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.subpage ul.list-pros li {
  padding: 0 0 0 3rem;
}
.subpage ul.list-pros li:before {
  top: 0.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/plus.svg) no-repeat center center;
  background-size: contain;
}
.subpage ul.list-cons li {
  padding: 0 0 0 3rem;
}
.subpage ul.list-cons li:before {
  top: 0.9rem;
  width: 1rem;
  height: 0.3rem;
  background: #F56366;
}
.subpage table {
  width: 100%;
  border-collapse: collapse;
}
.subpage table tr {
  background: #F5FAFE;
}
.subpage table tr:nth-child(2n+2) {
  background: #fff;
}
.subpage table tr td {
  border-right: 0.1rem solid #E2E6FC;
  padding: 1.3rem 1.5rem;
  text-align: center;
}
.subpage table tr td:last-of-type {
  border-right: 0;
}

@media only screen and (min-width: 768px) {
  .magazine__other {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
.magazine__other__box {
  width: 100%;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
  border-radius: 0.9rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .magazine__other__box {
    max-width: 28rem;
  }
}
.magazine__other__box img {
  margin-bottom: 0;
  border-radius: 0.9rem 0.9rem 0 0;
  width: 100%;
  height: 186px;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .magazine__other__box img {
    width: 286px;
  }
}
.magazine__other__box strong {
  padding: 1rem 2rem 2rem;
  display: block;
}
.magazine__other__box .magazine__other__href {
  color: var(--defaultText);
  text-decoration: none;
  cursor: pointer;
}
.magazine__other__box .magazine__other__href:hover {
  text-decoration: underline;
}
.magazine__other__box .magazine__other__author {
  color: var(--primary);
  text-decoration: underline;
}
.magazine__other__box .magazine__other__author:after {
  display: none;
}
.magazine__other__box .magazine__other__author:hover {
  color: var(--primary);
  text-decoration: none;
}
.magazine__other__box span {
  display: block;
  margin: 0 2rem;
}
.magazine__other__box span:last-of-type {
  padding-bottom: 2rem;
}
.magazine__other__perex {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2rem !important;
}
@media only screen and (min-width: 768px) {
  .magazine__other__perex {
    height: 72px;
  }
}
.magazine__other__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2rem !important;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .magazine__other__title {
    height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .post-template-template-post-magazine .compar-author__name {
    color: #fff;
  }
  .post-template-template-post-magazine .compar-author__name span {
    display: block;
  }
}

.caption-center {
  width: 100%;
  text-align: left;
  display: inline-block;
}

.subpage figure, .compar-container__content figure {
  text-align: left;
}
.subpage figure img, .compar-container__content figure img {
  margin: 0;
}
.subpage figcaption, .compar-container__content figcaption {
  text-align: left;
  font-style: italic;
}

.load-more-comments--container {
  display: flex;
  justify-content: center;
}

.background-content {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  top: 0px;
  display: none;
  zoom: 1;
}
@media (min-width: 991px) {
  .background-content {
    display: inline-block;
  }
}
.background-content img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  object-fit: cover;
  object-position: 50%;
}
.background-content__item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.background-content__link {
  width: 100%;
  height: 100%;
  display: block;
}
.background-content__wrapper {
  width: 2000px;
  height: 1400px;
  left: 0px;
  top: 0px;
}

@media (min-width: 991px) {
  .page-with-background {
    max-width: 126rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 10;
  }
}
@media (min-width: 991px) {
  .page-with-background .header-wide {
    max-width: 126rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 991px) {
  .page-with-background--padding {
    top: 250px;
  }
  .page-with-background--padding .header-wide {
    position: absolute;
    top: 0;
  }
  .page-with-background--padding .header-wide.is-fixed {
    position: fixed;
  }
}

.background-mobile-content {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 2rem 0;
  max-width: 100% !important;
  max-height: 100% !important;
}
@media (min-width: 991px) {
  .background-mobile-content {
    display: none !important;
  }
}
.background-mobile-content.comparison {
  margin: 0 0 4rem 0 !important;
  padding: 0 1rem;
}
.background-mobile-content .background-content__link {
  display: flex;
  justify-content: center;
  max-width: 100% !important;
  max-height: 100% !important;
}
.background-mobile-content .background-content__link img {
  aspect-ratio: 1/1;
  max-width: 100% !important;
  max-height: 400px !important;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 0 !important;
}

.letter-title {
  font-size: 4rem;
  font-weight: bold;
  padding: 0 0 1rem 0;
  margin: 0 0 2rem 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
  color: var(--primary);
}

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

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.hidden {
  display: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.h-100 {
  height: 100% !important;
}

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

.w-auto {
  width: auto !important;
}

.text-bold {
  font-weight: bold !important;
}

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

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

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

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

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

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

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

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

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

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

.space-nowrap {
  white-space: nowrap !important;
}

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

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

.color-primary {
  color: var(--primary) !important;
}

.bg-primary {
  background: var(--primary) !important;
}

.disable-scroll {
  overflow-y: hidden;
  width: 100%;
}

.no-shadow {
  box-shadow: none !important;
}

.mw-60 {
  max-width: 60%;
}

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

.mw-auto {
  min-width: auto !important;
}

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

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

.content__home-header {
  background: rgba(239, 241, 254, 0.3) url(../images/header-home.png) no-repeat right center;
}
@media only screen and (max-width: 768px) {
  .content__home-header {
    background-size: cover;
    position: relative;
  }
  .content__home-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--defaultText);
    opacity: 0.3;
  }
}

.home-header {
  height: 20.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .home-header {
    height: 28.5rem;
  }
}
@media only screen and (min-width: 991px) {
  .home-header {
    padding: 0 0 8rem 0;
    height: 38.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .home-header {
    height: 48.5rem;
  }
}
.home-header__caption {
  font-weight: 700;
  color: var(--defaultText);
  text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.4);
  font-size: 2.5rem;
  line-height: 1.2;
  width: 100%;
  max-width: 38rem;
}
@media only screen and (min-width: 991px) {
  .home-header__caption {
    font-size: 3.5rem;
    max-width: 55rem;
    text-shadow: none;
  }
}
@media only screen and (max-width: 768px) {
  .home-header__caption {
    color: #fff;
    position: relative;
    text-shadow: 0 0 var(--defaultText);
  }
}

.content__page-header {
  background: rgba(239, 241, 254, 0.3);
  background-position: right center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 550px) {
  .content__page-header {
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  .content__page-header {
    background-size: cover;
    position: relative;
  }
  .content__page-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--defaultText);
    opacity: 0.3;
  }
}
.content__page-header-magazine {
  background: transparent;
}
.content__page-header-magazine:before {
  display: none;
}
.content__page-header-magazine .page-header__caption, .content__page-header-magazine .compar-author__name {
  color: var(--defaultText);
}
.content__page-header-magazine .page-header__caption {
  margin-bottom: 2rem !important;
}
@media only screen and (max-width: 767px) {
  .content__page-header-magazine .page-header__caption {
    padding: 0;
  }
}
.content__page-header-magazine .magazine-header {
  min-height: unset;
}
.content__page-header--homepage {
  text-align: center;
}
.content__page-header--homepage .page-header__caption {
  font-size: 2.8rem;
}
.content__page-header--landing {
  background: transparent !important;
}
.content__page-header--landing:before {
  display: none;
}
.content__page-header--landing .page-header__caption {
  padding: 5rem 0 !important;
  margin: 0 !important;
  color: var(--defaultText) !important;
}
.content__page-header--landing .page-header {
  min-height: unset !important;
  margin: 0 !important;
}
.content__page-header--landing .content__subpage {
  padding-top: 0 !important;
}
.content__page-header--landing .content__subpage p:first-child {
  margin-top: 0;
}

.page-header {
  position: relative;
  min-height: 15rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .page-header {
    margin-top: 5rem;
  }
}
.page-header--custom {
  min-height: unset;
}
.page-header--custom .page-header__caption {
  margin-bottom: 0 !important;
}
.page-header--custom--magazine .page-header__caption {
  margin-top: 0 !important;
  padding-top: 25px !important;
}
.page-header--magazine {
  background: transparent !important;
}
@media only screen and (max-width: 767px) {
  .page-header--magazine {
    background: transparent !important;
  }
  .page-header--magazine .breadcrumb {
    position: relative !important;
    top: 0 !important;
  }
  .page-header--magazine .page-header {
    min-height: unset !important;
    margin: 0 !important;
  }
  .page-header--magazine .page-header__caption {
    color: var(--defaultText) !important;
    padding: 0;
    margin: 0;
  }
  .page-header--magazine:before {
    display: none;
  }
}
.page-header .breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .page-header .breadcrumb {
    top: -5.3rem;
  }
}
.page-header__caption {
  font-weight: 700;
  color: var(--defaultText);
  text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.4);
  font-size: 2.5rem;
  line-height: 1.2;
  width: 100%;
  padding: 2rem 0 0 0;
}
@media only screen and (min-width: 991px) {
  .page-header__caption {
    font-size: 3.5rem;
    text-shadow: none;
  }
}
@media only screen and (max-width: 768px) {
  .page-header__caption {
    color: #fff;
    position: relative;
    text-shadow: 0 0 var(--defaultText);
  }
}

.breadcrumb {
  font-size: 1.6rem;
  line-height: 1.3;
  color: var(--subtleText);
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0;
  margin: 0;
  list-style: none;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .breadcrumb {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .breadcrumb {
    font-size: 1.4rem;
  }
}
.breadcrumb a {
  color: var(--subtleText) !important;
  text-decoration: none !important;
  background: none !important;
}
.breadcrumb a:hover {
  text-decoration: underline !important;
  color: var(--primary) !important;
}

.breadcrumb-item + .breadcrumb-item::before, span > a::after {
  content: ">";
  display: inline-block;
  padding: 0 0.9rem 0 1.1rem;
  color: var(--subtleText);
}

@media only screen and (min-width: 991px) {
  .content__numbers {
    margin: 0 0 5rem 0;
  }
}

.numbers-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1.6rem);
  margin: 0 -0.8rem;
  padding: 0;
}
@media only screen and (min-width: 991px) {
  .numbers-list {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
    position: relative;
    z-index: 10;
  }
}
@media only screen and (min-width: 1200px) {
  .numbers-list {
    width: calc(100% + 5rem);
    margin: 0 -2.5rem;
  }
}
.numbers-list__item {
  width: 100%;
  margin: 0 0 1.5rem 0;
  padding: 0 0.8rem;
}
@media only screen and (min-width: 768px) {
  .numbers-list__item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 991px) {
  .numbers-list__item {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .numbers-list__item {
    padding: 0 2.5rem;
  }
}
.numbers-list__item:nth-child(1) .numbers-card {
  border-color: #0200FD;
}
.numbers-list__item:nth-child(1) .numbers-card__value {
  color: #0200FD;
}
.numbers-list__item:nth-child(2) .numbers-card {
  border-color: #905ACE;
}
.numbers-list__item:nth-child(2) .numbers-card__value {
  color: #905ACE;
}
.numbers-list__item:nth-child(3) .numbers-card {
  border-color: #CE51CA;
}
.numbers-list__item:nth-child(3) .numbers-card__value {
  color: #CE51CA;
}

.numbers-card {
  width: 100%;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 0.9rem;
  border-left-width: 0.6rem;
  border-left-style: solid;
  text-align: left;
  padding: 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .numbers-card {
    padding: 3rem 2rem 3rem 2rem;
    min-height: 16rem;
  }
}
@media only screen and (min-width: 991px) {
  .numbers-card {
    padding: 3rem 5rem 3rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .numbers-card {
    padding: 3rem 5rem;
  }
}
.numbers-card__icon {
  position: absolute;
  top: 1rem;
  right: 2rem;
  z-index: 1;
  width: 65px;
}
.numbers-card__value {
  position: relative;
  z-index: 2;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 3rem 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .numbers-card__value {
    margin: 0 0 2rem 0;
  }
}
.numbers-card__text {
  position: relative;
  z-index: 2;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--defaultText);
  margin: 0;
  padding: 0;
}

.content__explanation {
  background: linear-gradient(90deg, rgb(248, 239, 252) 0%, rgb(239, 241, 255) 100%);
}

.explanation {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  flex-direction: column;
  padding: 6rem 0 1rem 0;
  max-width: 50rem;
  margin: 0 auto;
}
@media only screen and (min-width: 991px) {
  .explanation {
    flex-direction: row;
    max-width: 100%;
    margin: 0;
    padding: 8rem 0 5rem 0;
    gap: 6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .explanation {
    padding: 10rem 0 7rem 0;
    gap: 12rem;
  }
}
.explanation__video {
  width: 100%;
  margin: 0 0 4rem 0;
}
@media only screen and (min-width: 991px) {
  .explanation__video {
    width: 50%;
  }
}
.explanation__video .video-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}
.explanation__video img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
}
.explanation__video iframe {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
}
.explanation__video .play-btn {
  position: absolute;
  z-index: 666;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  outline: none !important;
  cursor: pointer;
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  animation: pulse 2s infinite;
}
.explanation__video .play-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-38%, -45%);
  width: 6rem;
  box-shadow: none;
}
.explanation__texts {
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 991px) {
  .explanation__texts {
    width: calc(50% - 3rem);
  }
}
@media only screen and (min-width: 1200px) {
  .explanation__texts {
    width: calc(50% - 6rem);
  }
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.explanation-item {
  margin: 0 0 4rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  text-align: center;
  /*&:nth-child(1) {
      .explanation-item__icon {
          span {
              background: rgba(#0051FF, 30%);
          }
      }       
  }

  &:nth-child(2) {
      .explanation-item__icon {
          span {
              background: rgba(#B45EFE, 25%);
          }
      }       
  }*/
}
@media only screen and (min-width: 550px) {
  .explanation-item {
    flex-direction: row;
    text-align: left;
  }
}
.explanation-item__icon {
  width: 100%;
}
@media only screen and (min-width: 550px) {
  .explanation-item__icon {
    width: 6rem;
  }
}
.explanation-item__icon span {
  width: 6rem;
  height: 6rem;
  display: inline-block;
  position: relative;
  border-radius: 100%;
}
.explanation-item__icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*max-width: 3.6rem;*/
}
.explanation-item__text {
  width: 100%;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1rem 0 0 0;
}
@media only screen and (min-width: 550px) {
  .explanation-item__text {
    width: calc(100% - 6rem);
    padding: 0 0 0 1.5rem;
  }
}
.explanation-item__text h2 {
  font-weight: 700;
  color: var(--defaultText);
  font-size: 2rem;
  line-height: 1.2;
  margin: 1.5rem 0 2rem 0;
  padding: 0;
}
.explanation-item__text p {
  margin: 0 0 2rem 0;
}
.explanation-item__text > *:last-child {
  margin: 0;
}

.content__charts {
  padding: 1rem 0 0 0;
}

.charts {
  padding: 1.5rem 0;
}
.charts__caption {
  padding: 2rem 0 1.5rem 0;
  text-align: center;
  position: relative;
  margin: 0 0 5rem 0;
  font-weight: 700;
  color: var(--defaultText);
  font-size: 2.5rem;
  line-height: 1;
}
@media only screen and (min-width: 991px) {
  .charts__caption {
    padding: 0 0 1.5rem 0;
  }
}
.charts__caption:before {
  content: "";
  width: 10rem;
  height: 0.3rem;
  background: var(--border);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.charts__separator {
  width: 100%;
  height: 0.1rem;
  background: #F1F2FF;
  margin: 2rem 0;
}
.charts-landing__separator {
  padding: 2rem 0;
}
.charts__faq {
  padding: 2rem 0;
  text-align: center;
}
@media only screen and (min-width: 991px) {
  .charts__faq {
    text-align: left;
  }
}
.charts__faq-caption {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 2rem 0;
  padding: 0;
}
.charts__faq-links {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
.charts__faq-links a {
  display: inline;
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}
.charts__faq-links a:hover {
  text-decoration: underline;
}
.charts__faq-separator {
  display: inline-block;
  margin: 0 0.5rem;
}

.charts-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 3rem);
  margin: 0 -1.5rem;
}
@media only screen and (min-width: 991px) {
  .charts-list {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
  }
}
.charts-list--custom {
  row-gap: 2rem;
}
.charts-list__item {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto 4rem auto;
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) {
  .charts-list__item {
    max-width: 100%;
    width: 50%;
    margin: 0 0 4rem 0;
  }
}
@media only screen and (min-width: 991px) {
  .charts-list__item {
    width: 33.33%;
    margin: 0 0 2rem 0;
  }
}

.charts-card {
  width: 100%;
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.charts-card__caption {
  position: relative;
  z-index: 2;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.charts-card__caption a {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  width: 100%;
  transition: 0.3s;
}
.charts-card__caption a:hover {
  text-decoration: none;
  color: var(--primary);
}
.charts-card__caption a:hover img {
  margin: 0 0 0 2.5rem;
}
.charts-card__caption span {
  color: inherit;
}
.charts-card__caption img {
  margin: 0 0 0 2rem;
  transition: 0.3s;
}
.charts-card__list {
  width: 100%;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.charts-card__list-item {
  margin: 0;
  padding: 0 1rem;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0);
  transition: 0.3s;
}
.charts-card__list-item:hover {
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
}
.charts-card__list-item:last-child .charts-card__item:before {
  content: none;
}
.charts-card__item {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 1rem 0;
  min-height: 6.8rem;
  text-decoration: none;
  color: var(--primary);
  transition: 0.3s;
  height: 100%;
}
.charts-card__item:before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #F1F2FF;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
}
.charts-card__item:hover {
  color: var(--defaultText);
}
.charts-card__item-logo {
  width: 5rem;
  height: 5rem;
  position: relative;
}
.charts-card__item-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.charts-card__item-title {
  width: calc(100% - 5rem);
  padding: 0 0 0 1.5rem;
  color: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.1;
}

.blog-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  padding: 3.5rem 0;
}
@media only screen and (min-width: 768px) {
  .blog-content {
    flex-direction: row;
  }
}
.blog-content__sidebar {
  width: 100%;
  margin: 0 0 2rem 0;
  order: 1;
}
@media only screen and (min-width: 768px) {
  .blog-content__sidebar {
    width: 20rem;
    order: 2;
    margin: 0;
  }
}
@media only screen and (min-width: 991px) {
  .blog-content__sidebar {
    width: 26rem;
  }
}
.blog-content__sidebar-title {
  line-height: 1.1;
  letter-spacing: 0rem;
  border: none;
  outline: none !important;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0;
  font-weight: bold;
  display: inline-block;
  color: #6D7080;
  background: transparent;
  position: relative;
  font-size: 1.3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  transition: 0.3s;
  white-space: nowrap;
  text-transform: uppercase;
  margin: 0 0 1rem 0;
}
@media only screen and (min-width: 768px) {
  .blog-content__sidebar-title {
    pointer-events: none;
    cursor: default;
  }
}
.blog-content__sidebar-title span {
  display: inline-block;
  position: relative;
  padding: 0 2rem 0 0;
}
.blog-content__sidebar-title span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  right: 0rem;
  width: 0.9rem;
  height: 0.9rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .blog-content__sidebar-title span:before {
    content: none !important;
    display: none !important;
  }
}
.blog-content__sidebar-title.open span:before {
  transform: translateY(-50%) rotate(90deg);
}
.blog-content__loader {
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .blog-content__loader {
    padding: 3.5rem 0;
  }
}
@media only screen and (min-width: 1200px) {
  .blog-content__loader {
    padding: 6rem 0;
  }
}
.blog-content__container {
  width: 100%;
  margin: 0;
}
.blog-content--author {
  padding: 0 !important;
}
.blog-content--author .blog-author__photo img {
  margin: 0 !important;
}
.blog-content--author .category-list__item__label {
  text-decoration: none !important;
}

.blog-list {
  width: 100%;
}
.blog-list__item {
  width: 100%;
  margin: 0 0 4rem 0;
}
@media only screen and (min-width: 991px) {
  .blog-list__item {
    margin: 0 0 4rem 0;
  }
}

.blog-card {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 0 2rem rgba(165, 165, 165, 0.15);
  border-radius: 1.1rem;
  overflow: hidden;
}
@media only screen and (min-width: 550px) {
  .blog-card {
    flex-direction: row;
  }
}
.blog-card--custom {
  box-shadow: none;
  border-radius: 1.1rem;
  overflow: visible;
}
.blog-card__image {
  width: 100%;
  padding-top: 70%;
  background-size: cover !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;
  transition: 0.3s;
}
@media only screen and (min-width: 550px) {
  .blog-card__image {
    width: 35%;
    padding: 0;
  }
}
@media only screen and (min-width: 991px) {
  .blog-card__image {
    width: 45%;
  }
}
.blog-card__image:hover {
  opacity: 0.8;
}
.blog-card__image--custom {
  padding-top: 56% !important;
  border-radius: 1.1rem 1.1rem 0 0;
}
@media only screen and (min-width: 550px) {
  .blog-card__image--custom {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .blog-card__image--custom {
    padding: 0 !important;
    min-height: 233px;
    background-size: contain;
    width: 33.5%;
    border-radius: 1.1rem 0 0 1.1rem;
  }
}
.blog-card__content {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 550px) {
  .blog-card__content {
    width: 65%;
    min-height: 25rem;
  }
}
@media only screen and (min-width: 991px) {
  .blog-card__content {
    width: 55%;
    padding: 3.5rem 2.5rem 2.5rem 4rem;
    min-height: 30rem;
  }
}
.blog-card__content--custom {
  box-shadow: 0 0 2rem rgba(165, 165, 165, 0.15);
  border-radius: 1.1rem;
}
@media only screen and (min-width: 550px) {
  .blog-card__content--custom {
    width: unset;
  }
}
@media only screen and (min-width: 768px) {
  .blog-card__content--custom {
    min-height: 25rem;
    flex: 1;
  }
}
@media only screen and (min-width: 991px) {
  .blog-card__content--custom {
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
    height: 23.3rem;
    min-height: unset;
    border-radius: 0 1.1rem 1.1rem 0;
  }
}
.blog-card__content--author {
  min-height: unset !important;
  height: auto !important;
}
.blog-card__content--author .blog-card__texts {
  margin: 0 0 1.5rem 0;
}
.blog-card__title {
  font-weight: 600;
  color: var(--defaultText);
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 1.2rem 0;
  padding: 0;
}
@media only screen and (min-width: 991px) {
  .blog-card__title {
    font-size: 2.3rem;
  }
}
.blog-card__title a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}
.blog-card__title a:hover {
  text-decoration: underline;
  color: var(--primary);
}
.blog-card__tags {
  margin: 0 0 1rem 0;
}
.blog-card__tags a {
  margin: 0 1rem 0.5rem 0;
}
.blog-card__texts {
  display: flex;
  align-items: center;
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.blog-card__bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 991px) {
  .blog-card__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.blog-card__more {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary);
  text-transform: uppercase;
}
.blog-card__more img {
  margin: 0 0 0 2rem;
  transition: 0.3s;
}
.blog-card__more:hover {
  text-decoration: underline;
}
.blog-card__more:hover img {
  margin: 0 0 0 3rem;
}

.blog-author {
  display: flex;
  align-items: center;
  margin: 0 0 1.5rem 0;
}
@media only screen and (min-width: 991px) {
  .blog-author {
    margin: 0;
  }
}
.blog-author__photo img {
  width: 4.6rem;
  border-radius: 100%;
  height: auto;
}
.blog-author__info {
  padding: 0 0 0 1.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--subtitleText);
}
.blog-author__info--no-photo {
  padding: 0 !important;
}
.blog-author__name {
  font-weight: 600;
  color: var(--defaultText);
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0 0 0.3rem 0;
  padding: 0;
}
.blog-author__name a {
  color: inherit;
  text-decoration: underline;
}
.blog-author__name a:hover {
  text-decoration: none;
  color: var(--primary);
}

.blog-content-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .blog-content-nav {
    display: block !important;
  }
}
.blog-content-nav ul {
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
}
.blog-content-nav ul > li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.blog-content-nav ul > li > a {
  display: block;
  width: 100%;
  padding: 1.1rem 0;
  transition: 0.3s;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  color: var(--primary);
  text-decoration: none;
  text-transform: none;
}
.blog-content-nav ul > li > a span {
  color: var(--subtleText);
}
.blog-content-nav ul > li > a:hover {
  color: var(--defaultText);
  text-decoration: underline;
}

.category-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3.5rem;
}
.category-list__item {
  border: none;
  outline: none !important;
  cursor: pointer;
  text-decoration: none !important;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  background: var(--lightBackground);
  position: relative;
  height: 3.6rem;
  border-radius: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .category-list__item {
    padding: 0 2rem;
    background: var(--lightBackground);
  }
}
.category-list__item__label {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  font-size: 1.2rem;
  min-width: 5.3rem;
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
  .category-list__item__label {
    font-size: 1.5rem;
  }
}
.category-list__item:hover {
  background: var(--secondary);
}
.category-list__item:hover .category-list__item__label {
  color: var(--secondaryText) !important;
}
.category-list__item.active {
  background: var(--secondary);
}
.category-list__item.active .category-list__item__label {
  color: var(--secondaryText) !important;
}

.vouchers {
  padding: 0 0 2rem 0;
}
@media only screen and (min-width: 991px) {
  .vouchers {
    padding: 0 0 5rem 0;
  }
}
@media only screen and (min-width: 1200px) {
  .vouchers {
    padding: 0 0 8rem 0;
  }
}
.vouchers__caption {
  padding: 4rem 0 1.5rem 0;
  text-align: center;
  position: relative;
  margin: 0 0 3rem 0;
  font-weight: 700;
  color: var(--defaultText);
  font-size: 2.5rem;
  line-height: 1;
}
@media only screen and (min-width: 991px) {
  .vouchers__caption {
    padding: 8rem 0 1.5rem 0;
  }
}
.vouchers__caption:before {
  content: "";
  width: 10rem;
  height: 0.3rem;
  background: var(--border);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.vouchers-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 3rem);
  margin: 0 -1.5rem;
}
@media only screen and (min-width: 991px) {
  .vouchers-list {
    width: calc(100% + 1.6rem);
    margin: 0 -0.8rem;
  }
}
.vouchers-list__item {
  width: 100%;
  margin: 0 0 1.5rem 0;
  padding: 0 0.8rem;
}
@media only screen and (min-width: 550px) {
  .vouchers-list__item {
    width: 50%;
  }
}
@media only screen and (min-width: 991px) {
  .vouchers-list__item {
    width: 25%;
  }
}

.voucher-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 1.1rem;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .voucher-card {
    padding: 2rem;
  }
}
.voucher-card__logo {
  width: 100%;
  height: 9rem;
  margin: 1rem 0 2rem 0;
  position: relative;
}
.voucher-card__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.voucher-card__discount {
  margin: 0 0 2rem 0;
  padding: 0;
  color: var(--primary);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.voucher-card__desc {
  margin: 0 0 2rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
.voucher-card__pros {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
  color: var(--subtleText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
}
.voucher-card__pros li {
  margin: 0 0 0.5rem 0;
  padding: 0 0 0 2rem;
  position: relative;
}
.voucher-card__pros li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  background: url(../images/check.svg) no-repeat center center;
  background-size: contain;
}

.voucher-modal {
  width: 100%;
  max-width: 43rem;
  margin: 0 auto;
}
.voucher-modal__logo {
  width: 100%;
  height: 9rem;
  margin: 1rem 0 2rem 0;
  position: relative;
}
.voucher-modal__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.voucher-modal__caption {
  margin: 0 0 2rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.voucher-modal__desc {
  margin: 0 0 3rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
.voucher-modal__code {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 0 0.5rem 0;
}
@media only screen and (min-width: 550px) {
  .voucher-modal__code {
    margin: 0 0 2rem 0;
  }
}
.voucher-modal__code input {
  flex: 1;
  min-width: 0.1rem;
  border-radius: 0.6rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  border: 0.2rem solid var(--primary);
  border-right: none;
  outline: none;
  padding: 0 1.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: var(--primary);
  font-size: 1.7rem;
}
.voucher-modal__code .btn {
  white-space: nowrap;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 1rem 1.5rem;
}
@media only screen and (min-width: 550px) {
  .voucher-modal__code .btn {
    padding: 1rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .voucher-modal__code .btn {
    padding: 1.3rem 3.5rem;
  }
}

.compar-header {
  width: 100%;
  padding: 0 0 3rem 0;
}
.compar-header .breadcrumb {
  padding-bottom: 0;
}
.compar-header__custom {
  padding: 0 0 3rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-header__custom {
    padding: 0;
  }
}
.compar-header__custom .breadcrumb {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .compar-header__custom .breadcrumb {
    padding-bottom: 0;
  }
}
.compar-header__caption {
  font-weight: 600;
  color: var(--defaultText);
  font-size: 2.2rem;
  line-height: 1.2;
  width: 100%;
  padding: 2.5rem 0 2rem 0;
  margin: 0;
}
@media only screen and (min-width: 991px) {
  .compar-header__caption {
    font-size: 3rem;
  }
}
.compar-header__main-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--defaultText);
  font-size: 2.4rem;
  line-height: 1.2;
  width: 100%;
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .compar-header__main-title {
    width: calc(100% - 34rem);
  }
}
@media only screen and (min-width: 991px) {
  .compar-header__main-title {
    font-size: 3rem;
  }
}
.compar-header__main-title img {
  max-width: 4.5rem;
  max-height: 4.5rem;
  margin: 0 1.5rem 0 0;
}
@media only screen and (min-width: 991px) {
  .compar-header__main-title img {
    max-width: 9rem;
    max-height: 9rem;
  }
}
.compar-header__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compar-header__intro {
    flex-direction: row;
  }
}
.compar-header__intro--detail {
  margin: 0 0 1rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-header__intro--detail {
    margin: 1.5rem 0 3rem 0;
  }
}
.compar-header__desc {
  border: 0.1rem solid #F5F5F5;
  border-radius: 1.3rem;
  padding: 1.5rem;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
  width: 100%;
  position: relative;
}
.compar-header__desc p:first-of-type {
  margin-top: 0;
}
.compar-header__desc h2:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .compar-header__desc {
    width: calc(100% - 34rem);
    padding: 1rem 2.5rem;
  }
  .compar-header__desc:before {
    content: "";
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #F5F5F5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: -1rem;
  }
  .compar-header__desc:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: -0.8rem;
  }
}
.compar-header__author {
  padding: 2rem 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compar-header__author {
    padding: 0 0 0 3rem;
    width: 34rem;
  }
}

.compar-author {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.compar-author__photo {
  width: 4.6rem;
}
@media only screen and (min-width: 768px) {
  .compar-author__photo {
    width: 6.8rem;
  }
}
.compar-author__photo img {
  width: 100%;
  display: block;
  border-radius: 100%;
  height: auto;
}
.compar-author__name {
  color: var(--defaultText);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.compar-author__name a {
  color: inherit;
  transition: 0.3s;
}
.compar-author__name a:hover {
  color: var(--primary);
}
.compar-author__info {
  width: calc(100% - 6.8rem);
  padding: 0 0 0 1.6rem;
}
.compar-author__info p {
  color: var(--subtitleText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

.compar-nav-item__menu-top {
  display: none;
}

@media only screen and (max-width: 767px) {
  .totop-comparison {
    bottom: 130px !important;
  }
}

.compar-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.compar-container__header {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 2.5rem !important;
  line-height: 1.1;
  margin: 0 0 1rem 0 !important;
  font-weight: 700;
  color: var(--defaultText);
}
.compar-container__header img {
  max-height: 5rem;
  margin: 0 2rem 0 0;
}
@media only screen and (min-width: 768px) {
  .compar-container__header img {
    max-height: 9rem;
    margin: 0 3rem 0 0;
  }
}
.compar-container__header a {
  text-decoration: none !important;
  color: var(--defaultText) !important;
}
.compar-container__header a:hover {
  text-decoration: underline !important;
}
.compar-container__header a::after {
  display: none;
}
.compar-container__content {
  width: 100%;
  padding: 0;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .compar-container__content {
    width: calc(100% - 30rem);
    padding: 0 3rem 0 0;
  }
}
.compar-container__content h2 {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 2.5rem 0;
}
.compar-container__content h3, .compar-container__content div.h3-title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 2rem 0;
}
.compar-container__content h2, .compar-container__content h3, .compar-container__content h4, .compar-container__content h5, .compar-container__content h6 {
  margin: 0 0 1.5rem 0;
  padding: 15px 0 0 0;
}
.compar-container__content p {
  margin: 0 0 1.5rem 0;
}
.compar-container__content p > img {
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
  width: auto;
}
.compar-container__content .gallery {
  margin: 0 0 1.5rem 0;
}
.compar-container__content .gallery img {
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
}
.compar-container__content a {
  text-decoration: underline;
  color: var(--primary);
}
.compar-container__content a:hover {
  text-decoration: none;
  color: var(--defaultText);
}
.compar-container__content a.review-link {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 10px;
}
.compar-container__content a.review-link:hover {
  text-decoration: underline;
}
.compar-container__content img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.compar-container__content hr {
  margin: 0 0 3.5rem 0;
  padding: 0;
  border-top: 0.1rem solid var(--border);
}
.compar-container__content table {
  width: 100%;
  margin: 1.5rem 0;
}
.compar-container__content table tr {
  background: #F5FAFE;
}
.compar-container__content table tr:nth-child(2n+2) {
  background: #fff;
}
.compar-container__content table tr td {
  border-right: 0.1rem solid #E2E6FC;
  padding: 1.3rem 1.5rem;
  text-align: center;
}
.compar-container__content table tr td:last-of-type {
  border-right: 0;
}
.compar-container__content ul:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) {
  margin: 0 0 1.5rem 0 !important;
}
.compar-container__content ul:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) li {
  margin: 0 0 3px 2rem !important;
}
.compar-container__content ol:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) {
  margin: 0 0 1.5rem 0 !important;
}
.compar-container__content ol:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) li {
  margin: 0 0 3px 0 !important;
}
.compar-container__content .charts-card__list {
  margin: 0 0 1.5rem 0 !important;
}
.compar-container__content .compar-voucher-list {
  margin: 0 !important;
}
.compar-container__content .compar-voucher-list article {
  padding: 1.5rem 0 !important;
  margin: 0;
}
.compar-container__content ul {
  list-style: none;
  padding: 0;
}
.compar-container__content ul li {
  margin: 0;
  padding: 0 0 0 1.2rem;
  position: relative;
  font-weight: normal;
}
.compar-container__content ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #5F81C5;
  border-radius: 100%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.compar-container__content ul.list-pros {
  margin: 0 0 1.5rem 0 !important;
}
.compar-container__content ul.list-pros li {
  padding: 0 0 3px 3rem;
}
.compar-container__content ul.list-pros li:before {
  top: 0.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/plus.svg) no-repeat center center;
  background-size: contain;
}
.compar-container__content ul.list-cons {
  margin: 0 0 1.5rem 0 !important;
}
.compar-container__content ul.list-cons li {
  padding: 0 0 3px 3rem;
}
.compar-container__content ul.list-cons li:before {
  top: 0.9rem;
  width: 1rem;
  height: 0.3rem;
  background: #F56366;
}
.compar-container__content .compar-slider-card__controls .btn {
  margin: 0 !important;
}
.compar-container__content .btn {
  font-size: 1.5rem;
  padding: 1.2rem 2.5rem;
  margin: 0 0 1.5rem 0;
}
.compar-container__content-full {
  width: 100%;
}
.compar-container__content-full .compar-alternative-table .compar-slider-card__logo {
  margin: 0 0.1rem 0;
}
.compar-container__other-comparison {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .compar-container__other-comparison ul {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    justify-content: space-around;
  }
}
.compar-container__other-comparison ul li {
  margin-bottom: 0;
  padding: 0 2rem;
}
.compar-container__other-comparison ul li:before {
  display: none;
}
.compar-container__other-comparison ul li a {
  text-decoration: none;
}
.compar-container__sidebar {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compar-container__sidebar {
    width: 30rem;
    /*margin-top: 10rem;*/
  }
}
.compar-container__sidebar .sticky-box__name {
  display: none;
}
@media only screen and (max-width: 767px) {
  .compar-container__sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
    z-index: 90;
  }
  .compar-container__sidebar .sticky-box {
    display: none;
  }
  .compar-container__sidebar .sticky-box__name {
    max-height: 53px;
    display: none;
    background-color: white;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    padding: 0.5rem 0;
  }
  .compar-container__sidebar .sticky-box__name span {
    font-size: 1.5rem;
  }
  .compar-container__sidebar .sticky-box__name img {
    max-height: 43px;
  }
  .compar-container__sidebar .sticky-box.open {
    display: block;
  }
  .compar-container__sidebar .sticky-box.open .sticky-box__name {
    display: flex;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .compar-container__sidebar .sticky-box.open .sticky-box__name {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .compar-container__sidebar .inner-wrapper-sticky {
    display: flex;
    transform: none !important;
    flex-wrap: wrap;
  }
  .compar-container__sidebar .inner-wrapper-sticky .sticky-box {
    display: flex;
    width: 100%;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav {
    flex: 1;
    order: 2;
    margin: 0;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul {
    margin: 0;
    box-shadow: none;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li {
    display: none;
    padding: 0;
    pointer-events: none;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li.current {
    display: block;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item {
    padding: 0;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item__logo {
    display: none;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item__info {
    padding: 0;
    width: 100%;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item__name {
    display: none;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item__discount {
    display: none;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-nav ul li .compar-nav-item__controls .btn {
    margin: 0;
    border-radius: 0;
    padding: 1.6rem 0.5rem;
    pointer-events: all;
    text-transform: uppercase;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-container-nav {
    flex: 1;
    order: 1;
    background: #fff;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-container-nav__toggler {
    display: block;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: var(--primary);
    font-size: 1.7rem;
    border: none;
    outline: none !important;
    cursor: pointer;
    background: #fff;
    transition: 0.3s;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    width: 100%;
    height: 100%;
    z-index: 99;
    position: relative;
  }
  .compar-container__sidebar .inner-wrapper-sticky .compar-container-nav ul {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100vw;
    background: #fff;
    padding: 3rem;
    box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
    bottom: 53px;
  }
}
.compar-container__sidebar-title {
  color: var(--subtitleText);
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.1;
  padding: 0;
  margin: 0 0 1rem 0;
  display: none;
}
@media only screen and (min-width: 768px) {
  .compar-container__sidebar-title {
    display: block;
  }
}

.compar-nav {
  margin: 0 0 1.5rem 0;
}
.compar-nav__list {
  list-style: none;
  margin: 0 0 3rem 0;
  width: 100%;
  padding: 0;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 1.1rem;
}
.compar-nav__list a:hover .btn-secondary {
  border-color: var(--secondary) !important;
  background: var(--secondaryText) !important;
  color: var(--secondary) !important;
}
.compar-nav__list li {
  margin: 0;
  padding: 0 2rem;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0);
  transition: 0.4s;
  cursor: pointer;
}
.compar-nav__list li.current .compar-nav-item {
  align-items: flex-start;
}
.compar-nav__list li.current .compar-nav-item__name {
  padding: 1.5rem 0 0 0;
}
.compar-nav__list li.current .compar-nav-item__name span {
  font-weight: 600;
  color: var(--primary);
}
.compar-nav__list li.current .compar-nav-item__controls {
  display: block;
}
.compar-nav__list li.current .compar-nav-item__discount {
  display: flex;
}
.compar-nav__list li:hover:not(.current) {
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
}
.compar-nav__list li:last-child .compar-nav-item:before {
  content: none;
}
.compar-nav--list .compar-nav-item__name span {
  font-weight: 600;
  color: var(--primary);
  max-width: 100%;
}
.compar-nav--list .compar-nav-item__rating, .compar-nav--list .compar-nav-item__discount {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .compar-nav--custom {
    margin: 0 0 3rem 0 !important;
  }
  .compar-nav--custom .compar-nav__list {
    margin: 0 0 1.5rem 0 !important;
  }
}
.compar-nav .show-more-comparison {
  text-decoration: none;
  color: var(--defaultText);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
  width: 100%;
  text-align: center;
  display: none;
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-nav .show-more-comparison {
    display: block;
  }
}

.compar-nav-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 1rem 0;
  text-decoration: none;
  color: var(--subtitleText);
}
.compar-nav-item:before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #F1F2FF;
  position: absolute;
  bottom: -0.1rem;
  left: 0;
}
.compar-nav-item a {
  text-decoration: none;
}
.compar-nav-item__logo {
  width: 4.8rem;
  height: 4.8rem;
  position: relative;
}
.compar-nav-item__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.compar-nav-item__info {
  width: calc(100% - 4.8rem);
  padding: 0 0 0 2rem;
}
@media only screen and (max-width: 767px) {
  .compar-nav-item__info .btn {
    font-size: 1.7rem !important;
  }
}
.compar-nav-item__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--subtitleText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
  padding: 0;
}
.compar-nav-item__name > span {
  display: inline-block;
  max-width: calc(100% - 5rem);
}
.compar-nav-item__rating {
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.3rem;
}
.compar-nav-item__rating strong {
  font-size: 1.5rem;
  color: var(--defaultText);
}
.compar-nav-item__isTop {
  position: relative !important;
  left: unset !important;
  font-size: 1.3rem !important;
  margin-bottom: 1rem;
}
.compar-nav-item__isTop-full {
  font-size: 1.6rem !important;
}
.compar-nav-item__controls {
  display: none;
}
.compar-nav-item__controls .btn {
  font-size: 1.3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
  margin: 1.5rem 0 0.5rem 0;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
  .compar-nav-item__controls .btn {
    padding: 1rem 0.5rem;
  }
}
.compar-nav-item__discount {
  display: none;
  align-items: center;
  padding: 0.5rem;
  color: var(--secondary);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: underline;
}
.compar-nav-item__discount:hover {
  text-decoration: none;
}
.compar-nav-item__discount img {
  margin: 0 0.6rem 0 0;
  transform: translateY(-0.1rem);
}

.compar-container-nav {
  display: block;
  padding: 0 0 0.1rem 0;
}
.compar-container-nav__toggler {
  display: none;
  text-transform: uppercase;
}
.compar-container-nav__toggler .lbl-closed {
  display: block;
}
.compar-container-nav__toggler .lbl-opened {
  display: none;
}
.compar-container-nav__toggler:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  left: 2rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5812%) hue-rotate(227deg) brightness(99%) contrast(109%);
}
.compar-container-nav__toggler.open:before {
  transform: translateY(-50%) rotate(-90deg);
}
.compar-container-nav__toggler.open .lbl-closed {
  display: none;
}
.compar-container-nav__toggler.open .lbl-opened {
  display: block;
}
.compar-container-nav ul {
  list-style: none;
  margin: 0 0 2.5rem 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .compar-container-nav ul {
    display: block !important;
  }
}
.compar-container-nav ul > li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.compar-container-nav ul > li > a {
  display: block;
  width: 100%;
  padding: 1.1rem 0;
  transition: 0.3s;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  color: var(--primary);
  text-decoration: none;
  text-transform: none;
}
.compar-container-nav ul > li > a span {
  color: var(--subtleText);
}
.compar-container-nav ul > li > a:hover {
  color: var(--defaultText);
  text-decoration: underline;
}

.compar-rating-box {
  width: 100%;
  border: 0.1rem solid #E8E8E8;
  border-radius: 1.1rem;
  padding: 5.5rem 1.5rem 1.5rem 1.5rem;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  margin: 3.5rem 0 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-rating-box {
    padding: 4rem 2.5rem 2.5rem 2.5rem;
    margin: 1.5rem 0 1.5rem 0;
  }
}
.compar-rating-box__summary {
  margin: 0 0 2.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.compar-rating-box__header {
  position: absolute;
  top: -3rem;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  padding: 0 1rem;
  margin: 0 0.5rem;
  width: calc(100% - 1rem);
}
@media only screen and (min-width: 768px) {
  .compar-rating-box__header {
    top: -1.5rem;
    margin: 0 1.5rem;
    width: calc(100% - 3rem);
  }
}
.compar-rating-box__title {
  font-weight: 700;
  color: var(--defaultText);
  font-size: 1.8rem;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) {
  .compar-rating-box__title {
    font-size: 2.2rem;
  }
}
.compar-rating-box__result {
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.7rem;
  cursor: pointer;
}
.compar-rating-box__result span {
  position: relative;
}
.compar-rating-box__result span:before {
  content: ".................";
  position: absolute;
  bottom: -0.6rem;
  right: 0;
  width: 100%;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 400;
}
.compar-rating-box__result.no-border {
  cursor: initial;
}
.compar-rating-box__result.no-border span:before {
  display: none;
}
.compar-rating-box__result strong {
  font-size: 2.6rem;
  color: var(--primary);
}
.compar-rating-box__user-rating span {
  position: relative;
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.3rem;
  /*&:before {
    content: '.................';
    position: absolute;
    bottom: -0.8rem;
    right: 0;
    width: 100%;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: font.$weightRegular;
    color: color.$subtleText;
    opacity: 0.8;
  }*/
}
.compar-rating-box__user-rating span strong {
  font-size: 1.5rem;
  color: var(--defaultText);
}
.compar-rating-box__subtitle {
  font-weight: 400;
  color: var(--subtitleText);
  font-size: 1.3rem;
  line-height: 1.1;
}
.compar-rating-box__subtitle a {
  text-decoration: underline;
  color: var(--primary);
}
.compar-rating-box__subtitle a:hover {
  text-decoration: none;
  color: var(--defaultText);
}
.compar-rating-box__caption {
  font-weight: 600;
  color: var(--defaultText);
  font-size: 1.5rem;
  line-height: 1.1;
  margin: 0 0 0.3rem 0;
}

.compar-rating-box-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 1rem 0;
  position: relative;
}
.compar-rating-box-item__label {
  width: 50%;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 0 1rem 0 0;
}
.compar-rating-box-item__label a {
  color: var(--defaultText);
  text-decoration: none;
}
.compar-rating-box-item__label a:hover {
  text-decoration: underline;
}
.compar-rating-box-item__progress {
  width: calc(50% - 6rem);
}
.compar-rating-box-item__value {
  width: 6rem;
  text-align: right;
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.3rem;
  cursor: pointer;
}
.compar-rating-box-item__value span {
  position: relative;
}
.compar-rating-box-item__value span:before {
  content: ".................";
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  width: 100%;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 400;
}
.compar-rating-box-item__value strong {
  font-size: 1.5rem;
  color: var(--defaultText);
}

.compar-progress-line {
  width: 100%;
  height: 1rem;
  border-radius: 1rem;
  background: #E4E4E4;
  display: block;
  position: relative;
  overflow: hidden;
}
.compar-progress-line span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 1rem;
}

.table-row {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 5rem);
  margin: 0 -2.5rem;
}
.table-row__col {
  width: 100%;
  padding: 0 2.5rem;
}
@media only screen and (min-width: 991px) {
  .table-row__col {
    width: 50%;
  }
}
.table-row__col.fullwidth {
  width: 100% !important;
}

.compar-container__slider {
  margin: 1.5rem 0 4.5rem 0;
}

.compar-slider {
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  font-size: 0;
  margin: 0 !important;
  border-radius: 1.1rem;
}
.compar-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: -2.5rem;
  z-index: 3;
  width: 100%;
  background: transparent;
  overflow: hidden;
  text-align: center;
  padding: 0;
  pointer-events: none;
  margin: 0;
}
.compar-slider .slick-dots li {
  margin: 0 0.9rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
}
.compar-slider .slick-dots li:before {
  content: none;
}
.compar-slider .slick-dots li.slick-active button {
  background: var(--primary);
}
.compar-slider .slick-dots li button {
  pointer-events: all;
  width: 0.7rem;
  height: 0.7rem;
  background: #C5CCFF;
  border-radius: 100%;
  padding: 0;
}
.compar-slider .slick-dots li button:before {
  content: none;
}
.compar-slider .slick-prev, .compar-slider .slick-next {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 100%;
  background: var(--lightBackground);
  margin: 0;
  padding: 0;
  z-index: 10;
}
.compar-slider .slick-prev:before, .compar-slider .slick-next:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}
.compar-slider .slick-prev:hover, .compar-slider .slick-prev:focus, .compar-slider .slick-next:hover, .compar-slider .slick-next:focus {
  color: transparent;
  outline: none;
  background: var(--lightBackground);
}
.compar-slider .slick-next:before {
  transform: translate(-40%, -50%) rotate(180deg);
}
.compar-slider__item {
  margin: 0;
  border-radius: 1.1rem;
  overflow: hidden;
}
.compar-slider__item img {
  display: block;
  margin: 0 auto;
  border-radius: 1.1rem;
  max-width: 100%;
  max-height: 500px;
  width: auto;
  height: auto;
}

.compar-rating-box-tooltip, .compar-rating-box-tooltip-item {
  position: absolute;
  top: 40px;
  right: 0;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  margin: 0 0 4rem 0;
  border-radius: 1.1rem;
  padding: 2rem;
  max-width: 56rem;
  font-size: 1.5rem;
  display: none;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .compar-rating-box-tooltip, .compar-rating-box-tooltip-item {
    padding: 3.5rem 3.5rem 2.5rem 3.5rem;
    transform: translateX(calc(50% - 5rem));
    width: 100vw;
  }
}
.compar-rating-box-tooltip:after, .compar-rating-box-tooltip-item:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: #fff;
  position: absolute;
  top: -1rem;
  transform: translateX(50%) rotate(45deg);
  right: 3.5rem;
}
@media only screen and (min-width: 768px) {
  .compar-rating-box-tooltip:after, .compar-rating-box-tooltip-item:after {
    right: 50%;
  }
}
.compar-rating-box-tooltip__caption, .compar-rating-box-tooltip-item__caption {
  margin: 0 0 1.5rem 0;
  font-weight: normal;
}
.compar-rating-box-tooltip__close, .compar-rating-box-tooltip-item__close {
  width: 15px;
  height: 15px;
  display: block;
  background: url("../images/cross.svg") no-repeat;
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.compar-rating-box-tooltip ul, .compar-rating-box-tooltip-item ul {
  column-count: 2;
  column-gap: 4rem;
  color: #5F81C5;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .compar-rating-box-tooltip ul, .compar-rating-box-tooltip-item ul {
    column-count: 3;
  }
}

.compar-rating-box-tooltip-item {
  top: 55px;
  width: calc(100vw - 30px);
  right: -16px;
}
@media only screen and (min-width: 768px) {
  .compar-rating-box-tooltip-item {
    right: -37px;
    width: auto;
  }
}

.compar-pricelist {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1.6rem);
  margin: 0 -0.8rem;
  padding: 0 0 6rem 0;
}
.compar-pricelist__item {
  padding: 0 0.8rem;
  width: 100%;
  margin: 0 0 1.6rem 0;
}
@media only screen and (min-width: 991px) {
  .compar-pricelist__item {
    width: 33.33%;
  }
}

.compar-container__content .compar-pricelist-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 1.1rem;
  height: 100%;
  text-align: center;
}
.compar-container__content .compar-pricelist-card--highlighted {
  border: 0.2rem solid var(--primary);
}
.compar-container__content .compar-pricelist-card--highlighted .compar-pricelist-card__header {
  color: var(--primary);
}
.compar-container__content .compar-pricelist-card--highlighted .compar-pricelist-card__price {
  color: var(--primary);
}
.compar-container__content .compar-pricelist-card--free .compar-pricelist-card__price {
  color: var(--secondary);
}
.compar-container__content .compar-pricelist-card__header {
  padding: 2.2rem 1rem 2rem 1rem;
  border-bottom: 0.1rem solid var(--border);
  color: var(--defaultText);
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.1;
}
.compar-container__content .compar-pricelist-card__content {
  padding: 2rem;
  padding-bottom: 0;
}
.compar-container__content .compar-pricelist-card__label {
  margin: 0.5rem 0 0.5rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
.compar-container__content .compar-pricelist-card__price {
  margin: 0 0 1.5rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.compar-container__content .compar-pricelist-card__desc {
  margin: 0 0 2.5rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
.compar-container__content .compar-pricelist-card__pros {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
  color: var(--subtleText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
}
.compar-container__content .compar-pricelist-card__pros li {
  margin: 0 0 0.5rem 0;
  padding: 0 0 0 2rem;
  position: relative;
}
.compar-container__content .compar-pricelist-card__pros li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  background: url(../images/check.svg) no-repeat center center;
  background-size: contain;
}
.compar-container__content .compar-pricelist-card__bottom {
  padding: 2rem;
  padding-top: 0;
}
.compar-container__content .compar-pricelist-card__bottom .btn {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  padding: 1rem 1rem;
  white-space: unset;
}

.compar-voucher-list {
  width: 100%;
  margin: 0;
}
.compar-voucher-list__item {
  margin: 0;
  padding: 1.5rem 0;
  width: 100%;
}
.compar-voucher-list__item a:hover .btn-secondary {
  border-color: var(--secondary) !important;
  background: var(--secondaryText) !important;
  color: var(--secondary) !important;
}
.compar-voucher-list__item a:hover .btn-primary {
  border: 0.2rem solid var(--secondary) !important;
  background: #fff !important;
  color: var(--secondary) !important;
}

.compar-voucher-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  border-radius: 0.9rem;
  border-left-width: 0.6rem;
  border-left-style: solid;
  text-align: center;
  padding: 2.5rem 2rem;
  padding-left: 0;
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card {
    flex-direction: row;
    text-align: left;
  }
}
@media only screen and (max-width: 1199px) {
  .compar-voucher-card {
    flex-wrap: wrap;
  }
}
.compar-voucher-card .compar-voucher-card__icon svg {
  max-height: 70px;
  height: 100%;
}
.compar-voucher-card--primary {
  border-left-color: var(--primary);
}
.compar-voucher-card--primary .compar-voucher-card__icon span {
  color: var(--primary);
}
.compar-voucher-card--orange {
  border-left-color: var(--orange);
  box-shadow: 0 0 1rem var(--orangeLight);
}
.compar-voucher-card--orange .compar-voucher-card__icon {
  /*img, svg {
    filter: filter.$warning;
  }*/
}
.compar-voucher-card--orange .compar-voucher-card__icon span {
  color: var(--orange);
}
.compar-voucher-card--orange .compar-voucher-card__icon svg path {
  fill: var(--orange);
}
.compar-voucher-card--orange .btn-primary {
  border: 0.2rem solid var(--orange) !important;
  background: var(--orange) !important;
  color: #fff !important;
}
.compar-voucher-card--orange .btn-primary:hover {
  border: 0.2rem solid var(--orange) !important;
  background: #fff !important;
  color: var(--orange) !important;
}
.compar-voucher-card--warning {
  border-left-color: #FF728A;
  box-shadow: 0 0 1rem rgba(255, 114, 138, 0.4);
}
.compar-voucher-card--warning .compar-voucher-card__icon {
  /*img, svg {
    width: 4.2rem;
    filter: filter.$error;
  }*/
}
.compar-voucher-card--warning .compar-voucher-card__icon span {
  color: #FF728A;
}
.compar-voucher-card--warning .compar-voucher-card__icon svg path {
  fill: #FF728A;
}
.compar-voucher-card--warning .btn-primary {
  border: 0.2rem solid var(--warning) !important;
  background: var(--warning) !important;
  color: #fff !important;
}
.compar-voucher-card--warning .btn-primary:hover {
  border: 0.2rem solid var(--warning) !important;
  background: #fff !important;
  color: var(--warning) !important;
}
.compar-voucher-card--secondary {
  border-left-color: var(--secondary);
  box-shadow: 0 0 1rem var(--secondaryLight);
}
.compar-voucher-card--secondary .compar-voucher-card__icon {
  /*img, svg {
    width: 3.4rem;
  }*/
}
.compar-voucher-card--secondary .compar-voucher-card__icon span {
  color: var(--secondary);
}
.compar-voucher-card--secondary .compar-voucher-card__icon svg path {
  fill: var(--secondary);
}
.compar-voucher-card--secondary .btn-primary {
  border: 0.2rem solid var(--secondary) !important;
  background: var(--secondary) !important;
  color: #fff !important;
}
.compar-voucher-card--secondary .btn-primary:hover {
  border: 0.2rem solid var(--secondary) !important;
  background: #fff !important;
  color: var(--secondary) !important;
}
.compar-voucher-card--tip {
  border-left-color: var(--primary);
  box-shadow: 0 0 1rem var(--primaryLight);
}
.compar-voucher-card--tip .compar-voucher-card__icon {
  /*img, svg {
    width: 3.4rem;
  }*/
}
.compar-voucher-card--tip .compar-voucher-card__icon span {
  color: var(--primary);
}
.compar-voucher-card--tip .compar-voucher-card__icon svg path {
  fill: var(--primary);
}
.compar-voucher-card--cta-box {
  flex-wrap: wrap;
}
.compar-voucher-card--cta-box .compar-voucher-card__text {
  flex: 1;
  width: auto;
}
.compar-voucher-card--cta-box .compar-voucher-card__title {
  margin: 0;
}
.compar-voucher-card--cta-box .compar-voucher-card__button {
  padding: 0 1.5rem 0 0;
}
@media only screen and (max-width: 1199px) {
  .compar-voucher-card--cta-box .compar-voucher-card__button {
    padding: 1.5rem 1.5rem 0 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .compar-voucher-card--cta-box .compar-voucher-card__button {
    width: 100%;
    padding: 2rem 1rem 0 3rem;
  }
}
.compar-voucher-card--cta-box .compar-voucher-card__button .btn {
  font-size: 1.5rem;
  padding: 1.6rem 2.5rem;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .compar-voucher-card--cta-box .compar-voucher-card__button .btn {
    width: 100%;
    text-align: center;
    padding: 1rem 2rem;
  }
}
.compar-voucher-card__logo {
  text-align: center;
  margin: 0 0 2rem 0;
  width: 100%;
  padding: 0 0 0 2rem;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card__logo {
    margin: 0 3rem;
    width: auto;
    padding: 0;
  }
}
.compar-voucher-card__logo img {
  max-width: 100%;
  max-height: 11rem;
  width: 11rem;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card__logo img {
    width: 9rem;
    max-height: 9rem;
  }
}
.compar-voucher-card__icon {
  text-align: center;
  margin: 0 0 2rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card__icon {
    margin: 0;
  }
}
.compar-voucher-card__icon img {
  width: 5.8rem;
  position: relative;
  left: 7px;
  box-shadow: none;
  margin: 0 !important;
}
.compar-voucher-card__icon span {
  width: 15rem;
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}
.compar-voucher-card__text {
  padding: 0 0 0 2rem;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card__text {
    padding: 0 3rem 0;
  }
}
@media only screen and (min-width: 1200px) {
  .compar-voucher-card__text {
    padding: 0 3.5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .compar-voucher-card__text {
    width: calc(100% - 15rem);
  }
}
@media only screen and (max-width: 767px) {
  .compar-voucher-card__text {
    width: 100%;
  }
}
.compar-voucher-card__text--wide {
  padding: 0 0 0 2rem;
}
@media only screen and (min-width: 768px) {
  .compar-voucher-card__text--wide {
    padding: 0 1rem 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .compar-voucher-card__text--wide {
    width: 100%;
  }
}
.compar-voucher-card__title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--defaultText);
  margin: 0 0 1rem 0;
  padding: 0;
}
.compar-voucher-card__desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--defaultText);
  margin: 0 !important;
  padding: 0;
}
.compar-voucher-card__button {
  padding: 0 1.5rem 0 0;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .compar-voucher-card__button {
    padding: 1.5rem 1.5rem 0 15rem;
  }
}
@media only screen and (max-width: 991px) {
  .compar-voucher-card__button {
    width: 100%;
    padding: 2rem 1rem 0 3rem;
  }
}
.compar-voucher-card__button .btn {
  font-size: 1.5rem;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 991px) {
  .compar-voucher-card__button .btn {
    width: 100%;
    text-align: center;
  }
}

.compar-slider-table {
  margin: 4rem 0;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table {
    margin: 7rem 0;
  }
}
.compar-slider-table .slick-prev, .compar-slider-table .slick-next {
  width: 4.4rem;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 10;
  opacity: 1;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table .slick-prev, .compar-slider-table .slick-next {
    width: 15rem;
  }
}
.compar-slider-table .slick-prev:after, .compar-slider-table .slick-next:after {
  pointer-events: all;
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  opacity: 1;
}
.compar-slider-table .slick-prev:before, .compar-slider-table .slick-next:before {
  pointer-events: all;
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 100%;
  background: var(--lightBackground);
  position: absolute;
  top: 50%;
  opacity: 1;
}
.compar-slider-table .slick-prev.slick-disabled, .compar-slider-table .slick-next.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.compar-slider-table .slick-prev:hover, .compar-slider-table .slick-prev:focus, .compar-slider-table .slick-next:hover, .compar-slider-table .slick-next:focus {
  color: transparent;
  outline: none;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table .slick-prev:hover, .compar-slider-table .slick-prev:focus, .compar-slider-table .slick-next:hover, .compar-slider-table .slick-next:focus {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.compar-slider-table .slick-prev:hover:before, .compar-slider-table .slick-prev:focus:before, .compar-slider-table .slick-next:hover:before, .compar-slider-table .slick-next:focus:before {
  background: var(--lightBackground);
}
.compar-slider-table .slick-next:hover, .compar-slider-table .slick-next:focus {
  color: transparent;
  outline: none;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table .slick-next:hover, .compar-slider-table .slick-next:focus {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
}
.compar-slider-table .slick-next:hover:before, .compar-slider-table .slick-next:focus:before {
  background: var(--lightBackground);
}
.compar-slider-table .slick-prev {
  left: 0;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table .slick-prev {
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.compar-slider-table .slick-prev:after {
  left: 0;
  transform: translate(65%, -50%);
}
.compar-slider-table .slick-prev:before {
  left: 0;
  transform: translate(0, -50%);
}
.compar-slider-table .slick-next {
  right: 0;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table .slick-next {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
}
.compar-slider-table .slick-next:before {
  right: 0;
  transform: translate(5%, -50%);
}
.compar-slider-table .slick-next:after {
  right: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
.compar-slider-table__no-slider .compar-slider-table__item {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .compar-slider-table__no-slider {
    display: flex;
    justify-content: space-between;
  }
  .compar-slider-table__no-slider .compar-slider-table__item {
    flex-basis: 30%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .compar-slider-table__no-slider--bigger .compar-slider-table__item {
    flex-basis: 47% !important;
  }
}
.compar-slider-table__no-slider--magazine {
  margin-bottom: 1.5rem;
}
.compar-slider-table__no-slider--magazine p {
  margin: 0 !important;
}

.compar-slider-card {
  position: relative;
  padding: 1rem;
  border: 0.1rem solid var(--border);
  background: #fff;
  border-radius: 1rem;
  text-align: center;
  height: 100%;
}
.compar-slider-card a {
  color: var(--primary);
  text-decoration: none;
  transition: 0.3s;
}
.compar-slider-card a:hover {
  color: var(--defaultText);
  text-decoration: underline;
}
.compar-slider-card__index {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 5;
  border-radius: 1rem;
  background: #E7E8EE;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  color: #989898;
  font-weight: 500;
  font-size: 1.6rem;
}
.compar-slider-card__index--gold {
  color: #413100;
  background: #FDDE82;
}
.compar-slider-card__index--silver {
  color: var(--defaultText);
  background: #E4E4E4;
}
.compar-slider-card__index--bronze {
  color: #7A4617;
  background: #F8E0CB;
}
.compar-slider-card__index--topped {
  width: 9rem;
  background: #ede010;
  color: var(--defaultText);
}
.compar-slider-card__logo {
  width: 100%;
  height: 10rem;
  position: relative;
  margin: 0 0 0.5rem 0;
}
.compar-slider-card__logo img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.compar-slider-card__name {
  color: var(--defaultText);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 0 0 1.5rem 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.7rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.compar-slider-card__name a {
  color: var(--defaultText);
}
.compar-slider-card__controls {
  margin: 0 0 1.5rem 0;
}
.compar-slider-card__controls .btn {
  font-size: 1.4rem;
  padding: 1.2rem 0;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .compar-slider-card__controls .btn {
    font-size: 1.9rem;
    padding: 1.4rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .compar-slider-card__controls--bottom .btn {
    font-size: 1.5rem;
    padding: 1.2rem !important;
  }
}
.compar-slider-card__link {
  margin: 0 0 1.5rem 0;
  font-weight: 500;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .compar-slider-card__link {
    font-size: 1.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .compar-slider-card__link--bottom {
    font-size: 1.5rem;
  }
}
.compar-slider-card__link a {
  text-decoration: none;
}
.compar-slider-card__link a:hover {
  text-decoration: underline;
}
.compar-slider-card__desc {
  margin: 0 0 1rem 0;
}
.compar-slider-card__desc p {
  color: var(--subtleText);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compar-slider-card__rating {
  background: var(--section);
  color: var(--subtitleText);
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 -1rem;
  padding: 1.7rem 0;
}
.compar-slider-card__rating strong {
  font-size: 2.6rem;
  color: var(--primary);
}
.compar-slider-card__price {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--defaultText);
  padding: 1rem 0 0.1rem 0;
}
.compar-slider-card__pricelist {
  font-size: 1.2rem;
  font-weight: 500;
}
.compar-slider-card__pros ul {
  list-style: none;
  margin: 1.5rem 1rem 0;
  padding: 0;
  text-align: left;
}
.compar-slider-card__pros ul li {
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.2rem;
  position: relative;
  font-weight: normal;
}
.compar-slider-card__pros ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #5F81C5;
  border-radius: 100%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.compar-slider-card__pros ul.list-pros li {
  padding: 0 0 0 3rem;
}
.compar-slider-card__pros ul.list-pros li:before {
  top: 0.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/plus.svg) no-repeat center center;
  background-size: contain;
}

.slick-slider * {
  outline: none !important;
}

.clone-column-table-wrap {
  width: 13.5rem;
}
@media only screen and (min-width: 550px) {
  .clone-column-table-wrap {
    width: 23rem;
  }
}

.compar-table-wrapper {
  /*max-height: 80rem !important;*/
  overflow: hidden;
  position: relative;
}
.compar-table-wrapper:not(.open) {
  max-height: 80rem !important;
}
.compar-table-wrapper:not(.open) .clone-column-table-wrap {
  height: 80rem !important;
  overflow: hidden;
}
.compar-table-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15rem;
  pointer-events: none;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.compar-table-wrapper .clone-head-table-wrap {
  display: none;
}
.compar-table-wrapper.open {
  /*max-height: 100% !important;*/
}
.compar-table-wrapper.open .clone-head-table-wrap {
  display: block;
}
.compar-table-wrapper.open:before {
  content: none;
  display: none;
}

.compar-table-toggler {
  padding: 1rem 0 5rem 0;
}
.compar-table-toggler .btn .lbl-closed {
  display: block;
}
.compar-table-toggler .btn .lbl-opened {
  display: none;
}
.compar-table-toggler .btn.open .lbl-closed {
  display: none;
}
.compar-table-toggler .btn.open .lbl-opened {
  display: block;
}

.compar-main-table {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--defaultText);
}
.compar-main-table table {
  border-spacing: 0 !important;
  border-collapse: collapse;
}
.compar-main-table__caption {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--defaultText);
  padding: 0;
  margin: 0.5rem 0 0 -0.5rem;
  text-align: left;
  width: 13.5rem;
}
@media only screen and (min-width: 550px) {
  .compar-main-table__caption {
    width: 23rem;
  }
}
.compar-main-table__rating {
  color: #172D5C;
  font-size: 1.8rem;
  font-weight: 700;
}
.compar-main-table a {
  color: var(--primary);
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.2rem;
}
.compar-main-table a:hover {
  color: var(--defaultText);
  text-decoration: underline;
}
.compar-main-table a.external {
  color: var(--secondary);
  text-decoration: underline;
}
.compar-main-table a.external:hover {
  color: var(--secondary);
  text-decoration: none;
}
.compar-main-table .disabled {
  font-size: 1.2rem;
  color: #949EB4;
}
.compar-main-table__price {
  line-height: 1.4;
}
.compar-main-table__price a {
  font-size: 1.3rem;
}
.compar-main-table__price strong {
  font-weight: 600;
}
.compar-main-table__bg-row {
  background: var(--section);
}
.compar-main-table tr th {
  padding: 0;
}
.compar-main-table tr th:last-child .compar-main-table-head {
  border-right: 0.1rem solid var(--border);
  margin: 0 -0.1rem 0 0;
}
.compar-main-table tr td {
  border-right: 0.1rem solid #E2E6FC;
  padding: 1.3rem 1.5rem;
  text-align: center;
  max-width: 20.5rem;
}
.compar-main-table tr td:first-child {
  width: 13.5rem;
}
@media only screen and (min-width: 550px) {
  .compar-main-table tr td:first-child {
    width: 23rem;
  }
}
@media only screen and (max-width: 767px) {
  .compar-main-table tr td:first-child {
    position: relative;
  }
}
.compar-main-table--duel {
  overflow-x: auto !important;
}
@media only screen and (min-width: 768px) {
  .compar-main-table--duel {
    width: calc(100% - 34rem);
  }
}
.compar-main-table--duel table {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .compar-main-table--duel table tr td {
    width: unset !important;
    max-width: unset !important;
  }
  .compar-main-table--duel table tr td:nth-child(2) {
    padding: 1.3rem 1rem !important;
  }
  .compar-main-table--duel table .btn span {
    white-space: wrap !important;
  }
}
@media only screen and (min-width: 1200px) {
  .compar-main-table--duel table tr td {
    width: unset !important;
    max-width: unset !important;
  }
  .compar-main-table--duel table tr td:nth-child(2) {
    width: 38rem !important;
    padding: 1.3rem 3rem !important;
  }
  .compar-main-table--duel table .btn span {
    white-space: nowrap;
  }
}
.compar-main-table--duel table tbody tr:first-child td {
  border-top: 0.1rem solid #E2E6FC;
}
.compar-main-table--duel table tbody tr td:first-child {
  border-left: 0.1rem solid #E2E6FC;
}
.compar-main-table--duel table tbody tr:last-child td {
  border-bottom: 0.1rem solid #E2E6FC;
}
.compar-main-table--duel table tbody tr td:nth-child(2) {
  text-align: center;
}
.compar-main-table--duel table thead tr {
  display: table-row;
}
.compar-main-table--duel .compar-main-table-head {
  width: 100%;
}
.compar-main-table--duel .compar-main-table-head:first-of-type {
  border-right: 0.1rem solid var(--border);
  margin: 0 -0.1rem 0 0;
}
.compar-main-table--duel tr td:first-child {
  width: unset;
}
.compar-main-table--duel .compar-main-table__caption {
  text-align: center;
  width: unset;
}
.compar-main-table--duel .compar-main-table-param {
  justify-content: center;
}
.compar-main-table--duel .compar-main-table-param__label {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .compar-main-table--duel .compar-main-table-head__controls .btn {
    font-size: 1.5rem;
    padding: 1.4rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .compar-main-table--duel .compar-main-table-head__link a {
    font-size: 1.5rem !important;
  }
}

.content-table {
  width: 100%;
  margin: 0 0 4rem 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.content-table__bg-row {
  background: var(--section);
}
.content-table tr td {
  position: relative;
  padding: 1.3rem 1.5rem;
  border-right: 0 !important;
}
.content-table tr td:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.1rem solid var(--border);
  border-top: none;
  border-bottom: none;
  border-radius: 0;
}
@media only screen and (min-width: 991px) {
  .content-table tr td:first-child {
    width: 35%;
  }
}
.content-table tr td:first-child:before {
  content: none;
}
.content-table tr:first-child td:before {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border-top: 0.1rem solid var(--border);
}
.content-table tr:first-child td:first-child:before {
  content: none;
}
.content-table tr:last-child td:before {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom: 0.1rem solid var(--border);
}
.content-table tr:last-child td:first-child:before {
  content: none;
}

.compar-main-table-param {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .compar-main-table-param {
    position: initial;
  }
}
.compar-main-table-param__tooltip {
  position: absolute;
  bottom: 100%;
  right: 0.8rem;
  transform: translateX(50%);
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  margin: 0 0 2rem 0;
  border-radius: 1.1rem;
  padding: 1.5rem;
  z-index: 99;
  width: 100vw;
  max-width: 30rem;
  font-size: 1.4rem;
  display: none;
  text-align: center;
  font-weight: normal;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .compar-main-table-param__tooltip {
    width: calc(100vw - 3rem);
    right: 0;
    left: 0;
    bottom: 70%;
    transform: none;
    max-width: initial;
  }
}
.compar-main-table-param__tooltip:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: #fff;
  position: absolute;
  bottom: -1rem;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
}
.compar-main-table-param__button {
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background: #EBEBEB;
  position: relative;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
}
.compar-main-table-param__button span {
  color: #9BA1CF;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.compar-main-table-head {
  position: relative;
  padding: 1rem;
  border: 0.1rem solid var(--border);
  border-right: none;
  border-bottom: none;
  background: #fff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  text-align: center;
  width: 20.5rem;
  z-index: 1;
}
.compar-main-table-head__index {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
  border-radius: 1rem;
  background: #E7E8EE;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  color: #989898;
  font-weight: 500;
  font-size: 1.6rem;
}
.compar-main-table-head__index--gold {
  color: #413100;
  background: #FDDE82;
}
.compar-main-table-head__index--silver {
  color: var(--defaultText);
  background: #E4E4E4;
}
.compar-main-table-head__index--bronze {
  color: #7A4617;
  background: #F8E0CB;
}
.compar-main-table-head__logo {
  width: 100%;
  height: 10rem;
  position: relative;
  margin: 0 0 0.5rem 0;
}
.compar-main-table-head__logo img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.compar-main-table-head__name {
  color: var(--defaultText);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 0 0 0.5rem 0;
  padding: 0;
  min-height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compar-main-table-head__name span, .compar-main-table-head__name h3 {
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
}
.compar-main-table-head__name span a, .compar-main-table-head__name h3 a {
  color: var(--defaultText);
  font-size: 1.8rem;
  font-weight: 600;
}
.compar-main-table-head__name a {
  color: var(--defaultText);
  font-size: 1.8rem;
  font-weight: 600;
}
.compar-main-table-head__controls {
  margin: 0 0 1rem 0;
}
.compar-main-table-head__controls .btn {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  padding: 1.4rem 2rem;
}
@media only screen and (max-width: 767px) {
  .compar-main-table-head__controls .btn {
    font-size: 1.9rem;
    padding: 1.4rem 2rem;
  }
}
.compar-main-table-head__discount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 0 1rem 0;
  color: var(--secondary) !important;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: underline !important;
}
.compar-main-table-head__discount:hover {
  text-decoration: none !important;
}
.compar-main-table-head__discount img {
  margin: 0 0.4rem 0 0;
  transform: translateY(-0.1rem);
}
.compar-main-table-head__discount.disabled {
  opacity: 0;
  visibility: hidden;
}
.compar-main-table-head__link {
  margin: 0 0 1.5rem 0;
  font-weight: 500;
  font-size: 1.3rem;
}
.compar-main-table-head__link a {
  color: var(--primary);
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.5rem !important;
}
@media only screen and (max-width: 767px) {
  .compar-main-table-head__link a {
    font-size: 1.7rem !important;
  }
}
.compar-main-table-head__link a:hover {
  color: var(--defaultText);
  text-decoration: underline;
}
.compar-main-table-head__desc {
  margin: 0 0 1rem 0;
  min-height: 110px;
}
.compar-main-table-head__desc p {
  color: var(--subtleText);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.compar-main-table-head__rating {
  background: var(--section);
  color: var(--defaultText);
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 -1rem;
  padding: 0.7rem 0;
}

.clone-head-table-wrap {
  max-height: 16.5rem;
}
.clone-head-table-wrap .compar-main-table-head__discount,
.clone-head-table-wrap .compar-main-table-head__link,
.clone-head-table-wrap .compar-main-table-head__desc {
  display: none;
}
.clone-head-table-wrap .compar-main-table-head__logo {
  height: 4.4rem;
}
.clone-head-table-wrap .compar-main-table-head__logo img {
  max-width: 8rem;
}
.clone-head-table-wrap .compar-main-table-head__name {
  font-size: 1.4rem;
  min-height: 5.5rem;
}
.clone-head-table-wrap .compar-main-table-head__name span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clone-head-table-wrap .compar-main-table-head__controls .btn {
  padding: 0.7rem 1rem;
  transition: 0s !important;
}

.compar-table-wrapper--detail {
  margin: 0;
  position: relative;
  padding: 4rem 0;
}
.compar-table-wrapper--detail .compar-main-table-head__discount {
  color: var(--primary) !important;
}
.compar-table-wrapper--detail .next {
  position: absolute;
  top: 50%;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 100%;
  background: var(--lightBackground);
  margin: 0;
  padding: 0;
  z-index: 10;
  border: none;
  outline: none !important;
  cursor: pointer;
}
.compar-table-wrapper--detail .next:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%) rotate(180deg);
}
.compar-table-wrapper--detail .prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 100%;
  background: var(--lightBackground);
  margin: 0;
  padding: 0;
  z-index: 10;
  border: none;
  outline: none !important;
  cursor: pointer;
}
.compar-table-wrapper--detail .prev:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background: url(../images/caret.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}
.compar-table-wrapper--detail .compar-main-table {
  overflow-y: hidden !important;
}
.compar-table-wrapper--detail table tr td, .compar-table-wrapper--detail table tr th {
  opacity: 0.5;
}
.compar-table-wrapper--detail table tr td:first-child, .compar-table-wrapper--detail table tr th:first-child {
  opacity: 1;
}
.compar-table-wrapper--detail table tr td.selected, .compar-table-wrapper--detail table tr th.selected {
  opacity: 1;
}
.compar-table-wrapper--detail table thead tr th.selected {
  position: relative;
}
.compar-table-wrapper--detail table thead tr th.selected:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 19.5rem;
  height: 100000vh;
  box-shadow: 0 0 4rem rgba(0, 54, 201, 0.17);
  pointer-events: none;
}
.compar-table-wrapper--detail.comparison-bottom::before {
  display: none;
}
.compar-table-wrapper--detail.comparison-bottom .compar-main-table-head {
  width: 225px !important;
}
.compar-table-wrapper--detail.comparison-bottom td, .compar-table-wrapper--detail.comparison-bottom th {
  opacity: 1 !important;
}

.video-widget {
  width: 100%;
  margin: 4rem auto 4rem auto;
}
@media only screen and (min-width: 991px) {
  .video-widget {
    width: 80%;
  }
}
.video-widget .video-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}
.video-widget img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
}
.video-widget iframe {
  /*display: none;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  border-radius: 0.6rem;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.16);
}
.video-widget .play-btn {
  position: absolute;
  z-index: 666;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  outline: none !important;
  cursor: pointer;
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  animation: pulse 2s infinite;
}
.video-widget .play-btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-38%, -45%);
  width: 6rem;
  box-shadow: none;
}
@media (max-width: 767px) {
  .compar-alternative-table {
    overflow-x: scroll;
  }
}
.compar-alternative-table--bottom thead th:first-of-type {
  max-width: 9rem;
}
@media (max-width: 767px) {
  .compar-alternative-table--bottom thead th:first-of-type {
    padding: 1.3rem 0.5rem;
  }
}
.compar-alternative-table .compar-slider-card__index {
  position: initial;
  margin: 0 auto;
}
.compar-alternative-table .compar-slider-card__logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 5rem;
  margin: 0 1rem 0;
}
.compar-alternative-table .compar-slider-card__rating {
  background-color: transparent;
}
.compar-alternative-table .compar-slider-card__link {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .compar-alternative-table .compar-slider-card__controls .btn {
    white-space: nowrap;
    padding: 1.2rem;
  }
}
.compar-alternative-table span {
  font-weight: bold;
}
.compar-alternative-table__anchor {
  font-weight: bold;
  text-decoration: none !important;
  color: var(--defaultText) !important;
}
.compar-alternative-table__anchor:hover {
  text-decoration: underline !important;
}
.compar-alternative-table--full table {
  width: 100%;
  margin: 0 0 7rem 0 !important;
}
.compar-alternative-table--full table tr {
  background: #F5FAFE;
}
.compar-alternative-table--full table tr:nth-child(2n+2) {
  background: #fff;
}
.compar-alternative-table--full table tr td {
  border-right: 0.1rem solid #E2E6FC;
  padding: 1.3rem 1.5rem;
  text-align: center;
}
.compar-alternative-table--full table tr td:last-of-type {
  border-right: 0;
}
.compar-alternative-table--full a {
  text-decoration: underline;
  color: var(--primary);
}
.compar-alternative-table--full a:hover {
  text-decoration: none;
  color: var(--defaultText);
}
.compar-alternative-table--full ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.compar-alternative-table--full ul li {
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.2rem;
  position: relative;
}
.compar-alternative-table--full ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #5F81C5;
  border-radius: 100%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.compar-alternative-table table {
  border-collapse: collapse;
  margin: 2rem 0;
}
.compar-alternative-table table th {
  border-right: 0.1rem solid #E2E6FC;
  padding: 1.3rem 1.5rem;
}
.compar-alternative-table table th:first-of-type {
  border-radius: 1rem 0 0 0;
}
.compar-alternative-table table th:last-of-type {
  border: 0;
  border-radius: 0 1rem 0 0;
}
.compar-alternative-table table tr td {
  background: #fff;
}
.compar-alternative-table table tr:nth-child(2n+2) td {
  background: #F5FAFE;
}

.swal2-html-container {
  font-size: 14px !important;
  text-align: left !important;
}

.swal2-actions {
  font-size: 14px !important;
}
.swal2-actions .swal2-confirm {
  background-color: var(--secondary) !important;
}
.swal2-actions button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.compar-row-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-weight: normal;
}
@media (min-width: 768px) {
  .compar-row-bottom {
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
  }
}
.compar-row-bottom span {
  font-weight: normal !important;
}
.compar-row-bottom .compar-slider-card__index {
  min-width: 25px;
  margin: 0;
  display: none;
}
@media (min-width: 768px) {
  .compar-row-bottom .compar-slider-card__index {
    display: block;
  }
}
.compar-row-bottom .compar-slider-card__index--small {
  display: block;
}
@media (min-width: 768px) {
  .compar-row-bottom .compar-slider-card__index--small {
    display: none;
  }
}
.compar-row-bottom__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.compar-row-bottom .compar-slider-card__logo {
  max-height: 10rem;
  height: auto;
}
.compar-row-bottom .compar-slider-card__logo img {
  position: relative;
  transform: unset;
  top: unset;
  left: unset;
}

.duel-table--logos {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 0 1rem 1rem 1rem;
}
@media only screen and (min-width: 991px) {
  .duel-table--logos {
    flex-direction: row;
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .duel-table--logos {
    gap: 3rem;
    padding: 0 3rem;
  }
}
.duel-table--logos .compar-main-table-head__logo {
  margin: 0;
}
@media only screen and (max-width: 990px) {
  .duel-table--logos .compar-main-table-head__logo {
    height: 5rem;
  }
}
.duel-table--block {
  display: block;
}
.duel-table--vs {
  font-size: 2rem;
  font-weight: 500 !important;
}
@media only screen and (min-width: 550px) {
  .duel-table--vs {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .duel-table--vs {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 991px) {
  .duel-table--vs {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .duel-table--toggler {
    width: calc(100% - 34rem);
  }
}

.text-ul-decoration-none a {
  text-decoration: none !important;
}

.review-box {
  margin: 0 0 6rem 0;
  padding: 1rem 0 0 0;
}
.review-box__caption {
  color: var(--defaultText);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.1;
  padding: 0;
  padding: 1.5rem 0 1.5rem 0;
}
.review-box__caption small {
  font-weight: 400;
  font-size: 1.8rem;
}
.review-box__caption h2 {
  font-size: 2.4rem;
  display: inline-block;
  margin: 0;
}
.review-box__caption--custom {
  margin: 2rem 0 1.5rem 0;
}
.review-box .replies {
  padding-left: 100px;
}

.review-form {
  margin: 0 0 2.5rem 0;
}
.review-form .disabled {
  filter: grayscale(100%);
  pointer-events: none;
}
.review-form .loader {
  width: 30px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--defaultText);
  --_m:
          conic-gradient(#0000 10%,#000),
          linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.review-form .form-field__controls {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  align-items: center;
}

.review-stars {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 991px) {
  .review-stars {
    margin: 0.7rem 0 0 0;
  }
}

.form-field {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1rem 0;
  position: relative;
}
.form-field__controls {
  margin: 1.5rem 0 0 0;
}
@media only screen and (min-width: 768px) {
  .form-field__controls {
    margin: 3rem 0 0 0;
  }
}
.form-field__label {
  width: 100%;
  color: var(--defaultText);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
  padding: 0 0 0.7rem 0;
}
@media only screen and (min-width: 991px) {
  .form-field__label {
    width: 21rem;
    padding: 1.3rem 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .form-field__label {
    width: 27rem;
  }
}
.form-field__edit, .form-field__stars, .form-field__input, .form-field__textarea {
  width: 100%;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 991px) {
  .form-field__edit, .form-field__stars, .form-field__input, .form-field__textarea {
    width: calc(100% - 21rem);
  }
}
@media only screen and (min-width: 1200px) {
  .form-field__edit, .form-field__stars, .form-field__input, .form-field__textarea {
    width: calc(100% - 27rem);
  }
}
.form-field__input, .form-field__textarea {
  border: 0.2rem solid var(--border);
  padding: 1rem 1.5rem;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  border-radius: 0.8rem;
  outline: none !important;
}
.form-field__input:focus, .form-field__textarea:focus {
  border-color: var(--primary);
}
.form-field__input--short, .form-field__textarea--short {
  max-width: 28rem;
}
.form-field__textarea {
  resize: none;
  height: 13rem;
}
.form-field__stars {
  display: flex;
  justify-content: flex-start;
  padding: 0.7rem 0 0 0;
}
.form-field:hover .form-tooltip {
  opacity: 1;
}

.form-tooltip {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin: 0;
  padding: 1.5rem;
  box-shadow: 0 0 3rem rgba(0, 69, 255, 0.23);
  background: #fff;
  border-radius: 1.1rem;
  display: flex;
  white-space: nowrap;
  align-items: center;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .form-tooltip {
    margin: 0 0 1.5rem 0;
  }
}
.form-tooltip:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  position: absolute;
  bottom: -0.7rem;
  transform: translateX(50%) rotate(45deg);
  right: 50%;
}
.form-tooltip__caption {
  margin: 0 1rem 0 1.5rem;
  transform: translateY(0.2rem);
  font-weight: 500;
}
.form-tooltip--custom {
  left: -1rem;
  width: fit-content;
  bottom: 160%;
}
@media only screen and (min-width: 768px) {
  .form-tooltip--custom {
    bottom: 105%;
  }
}
@media only screen and (min-width: 991px) {
  .form-tooltip--custom {
    left: calc(50% - 0.3rem);
    transform: translateX(-50%);
    bottom: 100%;
  }
}

.rating {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
}

.rating > input {
  appearance: none;
  margin: 0;
}

.rating > label:before {
  margin: 0 1rem 0 0;
  display: inline-block;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../images/star.svg) no-repeat center center;
  filter: grayscale(100%);
}

.rating > label {
  cursor: pointer;
  position: relative;
}
.rating > label:hover .rating-tooltip {
  opacity: 1;
}

.rating > input:checked ~ label:before,
.rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label:before {
  filter: none;
}

.rating > input:checked + label:hover:before,
.rating > input:checked ~ label:hover:before,
.rating > label:hover ~ input:checked ~ label:before,
.rating > input:checked ~ label:hover ~ label:before {
  filter: none;
}

.rating-tooltip {
  position: absolute;
  bottom: 100%;
  left: -1rem;
  margin: 0 0 1.5rem 0;
  padding: 1.5rem;
  box-shadow: 0 0 3rem rgba(0, 69, 255, 0.23);
  background: #fff;
  border-radius: 1.1rem;
  display: flex;
  white-space: nowrap;
  align-items: center;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .rating-tooltip {
    left: calc(50% - 0.3rem);
    transform: translateX(-50%);
    padding-right: 5rem;
  }
}
.rating-tooltip:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  position: absolute;
  bottom: -0.7rem;
  transform: translateX(0) rotate(45deg);
  right: calc(100% - 3rem);
}
@media only screen and (min-width: 768px) {
  .rating-tooltip:after {
    transform: translateX(50%) rotate(45deg);
    right: 50%;
  }
}
.rating-tooltip.comment-status {
  color: var(--defaultText);
  padding-right: 0;
  opacity: 0;
  width: 50rem;
}
.rating-tooltip.comment-status.open {
  opacity: 1;
}
.rating-tooltip.comment-status .rating-tooltip__caption {
  text-transform: none;
  white-space: normal;
}
.rating-tooltip img {
  filter: none !important;
  max-width: 35px;
}
.rating-tooltip__caption {
  margin: 0 1rem 0 1.5rem;
  transform: translateY(0.2rem);
  font-weight: 500;
}
.rating-tooltip__rating {
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.6rem;
}
.rating-tooltip__rating strong {
  font-size: 1.8rem;
  color: var(--defaultText);
}

.review-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin: 0 0 4rem 0;
}
.review-item__author {
  order: 1;
}
@media only screen and (min-width: 1200px) {
  .review-item__author {
    order: 2;
  }
}
.review-item__feedback {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  order: 2;
}
@media only screen and (min-width: 1200px) {
  .review-item__feedback {
    width: auto;
    order: 1;
  }
}
.review-item__feedback span {
  margin: 0.7rem 0;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.4rem;
  width: 100%;
}
@media only screen and (min-width: 991px) {
  .review-item__feedback span {
    width: auto;
    margin: 0 2rem 0 0;
  }
}

.review-item-card {
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  margin: 0 0 2.5rem 0;
  border-radius: 1.1rem;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .review-item-card {
    padding: 2.5rem 2.5rem 1.5rem 2.5rem;
  }
}
.review-item-card__stars {
  margin: 0 0 1.5rem 0;
}
.review-item-card__stars img {
  margin: 0 1rem 0 0;
}
.review-item-card__stars img.disabled {
  filter: grayscale(100%);
}
.review-item-card__text {
  line-height: 1.5;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.5rem;
  margin: 0 0 1.5rem 0;
}
.review-item-card__thumbs {
  display: flex;
  align-items: center;
}

.feedback-result {
  display: flex;
  align-items: center;
  margin: 0 2rem 0 0;
  font-weight: 500;
  color: #00BC6D;
  font-size: 1.5rem;
}
.feedback-result img {
  width: 1.6rem;
  margin: 0 0.5rem 0 0;
}
.feedback-result--negative {
  filter: brightness(0) saturate(100%) invert(57%) sepia(21%) saturate(1143%) hue-rotate(301deg) brightness(95%) contrast(114%);
}
.feedback-result--negative img {
  transform: rotate(180deg);
}

.feedback-btn {
  display: flex;
  align-items: center;
  margin: 0 1rem 1rem 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  border: none;
  outline: none !important;
  cursor: pointer;
  background: #ccc;
  transition: 0.3s;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .feedback-btn {
    margin: 0 2rem 0 0;
  }
}
.feedback-btn img {
  width: 1.8rem;
  margin: 0 1rem 0 0;
}
.feedback-btn span {
  margin: 0 0.8rem 0 0;
  color: inherit;
  font-weight: 500;
}
.feedback-btn--positive {
  background: #C2F3DF;
  color: #00BC6D;
}
.feedback-btn--positive img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(67%) saturate(3411%) hue-rotate(131deg) brightness(105%) contrast(101%);
}
.feedback-btn--positive:hover {
  box-shadow: 0 0 1rem rgba(0, 188, 109, 0.25);
}
.feedback-btn--negative {
  background: #FFE4E4;
  color: #DC6262;
}
@media only screen and (min-width: 768px) {
  .feedback-btn--negative {
    margin: 0 4.5rem 0 0;
  }
}
.feedback-btn--negative img {
  filter: brightness(0) saturate(100%) invert(57%) sepia(21%) saturate(1143%) hue-rotate(301deg) brightness(95%) contrast(114%);
  transform: rotate(180deg);
}
.feedback-btn--negative:hover {
  box-shadow: 0 0 1rem rgba(220, 98, 98, 0.25);
}
.feedback-btn--reply {
  background: #E6EBFF;
  color: #0045FF !important;
  text-decoration: none !important;
}
.feedback-btn--reply img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5812%) hue-rotate(227deg) brightness(99%) contrast(109%);
}
.feedback-btn--reply:hover {
  box-shadow: 0 0 1rem rgba(0, 69, 255, 0.2);
  color: #0045FF !important;
}

.review-author {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .review-author {
    padding: 0 3rem 0 0;
  }
}
.review-author__photo {
  width: 6rem;
  position: relative;
}
.review-author__photo img {
  width: 100%;
  display: block;
  border-radius: 100%;
}
.review-author__photo:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: #fff;
  position: absolute;
  top: -3rem;
  transform: rotate(45deg) translateX(-50%);
  left: 50%;
}
.review-author__info {
  width: calc(100% - 6rem);
  padding: 0 0 0 1.5rem;
}
.review-author__name {
  color: var(--defaultText);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.review-author__name a {
  color: inherit;
  transition: 0.3s;
}
.review-author__name a:hover {
  color: var(--primary);
}
.review-author__date {
  color: var(--subtleText);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

.compar-container-rating-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  font-size: 2.2rem;
  margin: 4rem 0;
}
@media only screen and (min-width: 550px) {
  .compar-container-rating-title {
    flex-direction: row;
    align-items: center;
  }
}
.compar-container-rating-title__result {
  display: flex;
  align-items: center;
  position: relative;
}
.compar-container-rating-title__progress {
  min-width: 14rem;
  padding: 0.5rem 0 0 0;
}
.compar-container-rating-title__value {
  cursor: pointer;
  width: 6rem;
  text-align: right;
  line-height: 1.1;
  font-weight: 700;
  color: var(--subtleText);
  font-size: 1.3rem;
}
.compar-container-rating-title__value span {
  position: relative;
  display: block;
  width: 100%;
}
.compar-container-rating-title__value span:before {
  content: ".........";
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  width: 100%;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 400;
}
.compar-container-rating-title__value strong {
  font-size: 2rem;
  color: var(--defaultText);
}

@media only screen and (min-width: 991px) {
  .review-login {
    padding: 0 2rem 1rem 2rem;
  }
}
.review-login__caption {
  margin: 5rem 0 2.5rem 0;
  padding: 0;
  color: var(--defaultText);
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.review-login__buttons {
  display: flex;
  flex-direction: column;
  width: calc(100% + 2.8rem);
  margin: 0 -1.4rem;
}
@media only screen and (min-width: 768px) {
  .review-login__buttons {
    flex-direction: row;
  }
}
.review-login__buttons .btn {
  margin: 0.7rem;
  font-size: 1.3rem;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 1.2rem 0;
  flex: 1;
}
.review-login__buttons .btn img {
  margin: 0 1.5rem 0 0;
  transform: translateY(-0.1rem);
}
.review-login__buttons .btn.btn-apple img {
  transform: translateY(-0.2rem);
}
.review-login__benefits {
  display: flex;
  flex-direction: column;
  width: calc(100% + 4rem);
  margin: 0 -2rem;
}
@media only screen and (min-width: 768px) {
  .review-login__benefits {
    flex-direction: row;
  }
}
.review-login__benefit {
  text-align: center;
  color: var(--subtitleText);
  font-size: 1.5rem;
  font-weight: 400;
  padding: 1rem 2rem 1rem 2rem;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .review-login__benefit {
    padding: 2rem;
  }
}
.review-login__benefit img {
  margin: 0;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5812%) hue-rotate(227deg) brightness(99%) contrast(109%);
  width: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .review-login__benefit img {
    margin: 0 0 3rem 0;
  }
}

.comment-status-green {
  display: none;
}
.comment-status-green.open {
  display: block;
}
.comment-status-green .review-item-card {
  background-color: #C2F3DF;
  padding: 1.5rem;
  margin-top: 3rem;
}
.comment-status-green .review-item-card__text {
  color: #00BC6D;
  margin-bottom: 0;
}

.reply-comment-cancel {
  margin-left: 1rem;
  color: var(--defaultText) !important;
}

.btn {
  line-height: 1.3;
  letter-spacing: 0rem;
  border: 0.2rem solid var(--primary);
  outline: none !important;
  border-radius: 0.6rem;
  cursor: pointer;
  text-decoration: none !important;
  padding: 1rem 3rem;
  font-weight: bold;
  display: inline-block;
  color: var(--primaryText);
  background: var(--primary);
  position: relative;
  font-size: 1.5rem;
  font-family: "Poppins", sans-serif;
  transition: 0.3s;
  /*white-space: nowrap;*/
}
@media only screen and (min-width: 1200px) {
  .btn {
    padding: 1.3rem 3.5rem;
    font-size: 1.6rem;
  }
}
.btn span {
  position: relative;
  z-index: 10;
  white-space: initial;
}
@media only screen and (min-width: 768px) {
  .btn span {
    white-space: nowrap;
  }
}
.btn:before {
  content: none !important;
}
.btn:hover {
  background: var(--primary);
  text-decoration: none;
  color: var(--primaryText);
}
.btn.selected {
  background: var(--primary);
  color: var(--primaryText);
}

.btn-primary {
  border: 0.2rem solid var(--primary) !important;
  background: var(--primary) !important;
  color: var(--primaryText) !important;
}
.btn-primary:hover {
  border-color: var(--primary) !important;
  background: var(--primaryText) !important;
  color: var(--primary) !important;
}
.btn-primary.btn-outline {
  border: 0.2rem solid var(--primary) !important;
  background: var(--primaryText) !important;
  color: var(--primary) !important;
}
.btn-primary.btn-outline:hover {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
  color: var(--primaryText) !important;
}

.btn-secondary {
  border: 0.2rem solid var(--secondary) !important;
  background: var(--secondary) !important;
  color: var(--secondaryText) !important;
}
.btn-secondary:hover {
  border-color: var(--secondary) !important;
  background: var(--secondaryText) !important;
  color: var(--secondary) !important;
}
.btn-secondary.btn-outline {
  border: 0.2rem solid var(--secondary) !important;
  background: var(--secondaryText) !important;
  color: var(--secondary) !important;
}
.btn-secondary.btn-outline:hover {
  border-color: var(--secondary) !important;
  background: var(--secondary) !important;
  color: var(--secondaryText) !important;
}

.btn-apple {
  border: 0.2rem solid #000000 !important;
  background: #000000 !important;
  color: var(--secondaryText) !important;
}
.btn-apple:hover {
  opacity: 0.8;
}

.btn-facebook {
  border: 0.2rem solid #3F56AB !important;
  background: #3F56AB !important;
  color: var(--secondaryText) !important;
}
.btn-facebook:hover {
  opacity: 0.8;
}

.btn-google {
  border: 0.2rem solid #3E7BEE !important;
  background: #3E7BEE !important;
  color: var(--secondaryText) !important;
}
.btn-google:hover {
  opacity: 0.8;
}

.fancybox-bg {
  background: #82848f !important;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.8 !important;
}

.modal.fancybox-content {
  background: #fff;
  border: 0.1rem solid var(--border);
  border-radius: 1.1rem;
  width: 100%;
  padding: 0;
}

.modal-window__header {
  position: relative;
  padding: 0 2.5rem;
}
.modal-window__close {
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  border: none;
  background: none;
  outline: none !important;
  cursor: pointer;
  color: #C5C5C5;
  font-weight: 400;
  line-height: 1;
}
.modal-window__close span {
  transform: rotate(45deg);
  display: block;
  position: relative;
}
.modal-window__close img {
  width: 1.4rem;
}
.modal-window__body {
  padding: 3rem;
}
.modal-window .form-error {
  display: none;
  color: red;
  margin-top: 0.5rem;
  font-size: 1.6rem;
}

#newsletterModal {
  z-index: 99995;
}

.blog-card__tags a, .blog-card__tags span {
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 1.8rem;
  display: inline-block;
  text-decoration: none;
  transition: 0.3s;
  padding: 0.8rem 1rem;
  margin: 0 1rem 0.5rem 0;
}
.blog-card__tags a.tag-red, .blog-card__tags span.tag-red {
  color: #9B4E4C;
  background: #FFE3E2;
}
.blog-card__tags a.tag-orange, .blog-card__tags span.tag-orange {
  color: #B77900;
  background: #FFEDCB;
}

.cookie-panel {
  z-index: 999;
  width: calc(100% - 3rem);
  min-height: 2rem;
  box-sizing: border-box;
  padding: 2rem;
  background: var(--primary);
  overflow: hidden;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  border-radius: 0;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 550px) {
  .cookie-panel {
    width: 29rem;
  }
}
@media only screen and (min-width: 768px) {
  .cookie-panel {
    width: 35rem;
    padding: 3rem;
    bottom: 3rem;
    right: 3rem;
  }
}
.cookie-panel:before {
  background: url(../images/cookie.svg) no-repeat center center;
  width: 15rem;
  height: 15rem;
  content: "";
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  background-size: contain;
  z-index: 10;
  opacity: 0.1;
}
.cookie-panel__content {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  color: var(--primaryText);
  font-size: 1.4rem;
  line-height: 1.5;
  display: block;
  margin-top: 1rem;
  position: relative;
  z-index: 20;
}
.cookie-panel__content a {
  color: var(--primaryText);
  text-decoration: underline;
}
.cookie-panel__content a:hover {
  text-decoration: none;
}
.cookie-panel__content input {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: var(--primaryText);
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1.5rem;
  background: var(--primary);
  box-sizing: border-box;
  padding: 1.5rem 4.5rem;
  text-align: center;
  transition: 0.3s;
  border: 0.2rem solid var(--primaryText);
  border-radius: 0;
  outline: none !important;
  cursor: pointer;
}
.cookie-panel__content input:hover {
  cursor: pointer;
  background: var(--primaryText);
  color: var(--primary);
}

.navigation {
  list-style: none;
  margin: 0;
  padding: 0 4rem 2rem 4rem;
  text-align: center;
}
@media only screen and (min-width: 991px) {
  .navigation {
    text-align: left;
    padding: 0;
    border: none;
  }
}
.navigation > li {
  margin: 0 1rem;
  padding: 0;
  display: block;
  position: relative;
}
@media only screen and (min-width: 991px) {
  .navigation > li {
    margin: 0 1.5rem;
    display: inline-block;
  }
}
@media only screen and (min-width: 1500px) {
  .navigation > li {
    margin: 0 2.5rem;
  }
}
.navigation > li > a:not(.btn) {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 1.6rem;
  color: var(--primaryText);
  padding: 1.4rem 0;
  font-weight: 400;
  transition: 0.3s;
  text-decoration: none;
  white-space: nowrap;
}
@media only screen and (min-width: 991px) {
  .navigation > li > a:not(.btn) {
    color: var(--primaryText);
    padding: 0.8rem 0;
  }
  .navigation > li > a:not(.btn):after {
    content: "";
    width: 0;
    position: absolute;
    bottom: 0rem;
    height: 0.2rem;
    background: #fff;
    left: 50%;
    transition: 0.3s ease-in-out;
    transform: translate(-50%, 0);
  }
}
.navigation > li > a:not(.btn):hover {
  text-decoration: none;
}
.navigation > li > a:not(.btn):hover:after {
  width: 100%;
}
.navigation > li.selected a {
  font-weight: bold;
  color: var(--primaryText);
}
@media only screen and (min-width: 991px) {
  .navigation > li.selected a {
    font-weight: bold;
    color: var(--primaryText);
  }
  .navigation > li.selected a:after {
    width: 100%;
  }
}

.gallery-item a:before {
  display: none !important;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {
  display: block;
  margin: 1em auto !important;
}

img.alignright, div.alignright, figure.alignright {
  float: right;
  margin: 1em 0 1em 2em !important;
}

img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
  float: left;
  margin: 1em 1em 2em 0 !important;
}

figure {
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}

p img.alignright, p img.alignleft {
  margin-top: 0;
}

.gallery {
  margin: 20px 0;
}

.gallery figure img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.gallery figure {
  float: left;
  margin: 0 2% 1em 0;
}

.gallery.gallery-columns-1 figure {
  width: 100%;
  margin: 0 0 1em 0;
  float: none;
}

.gallery.gallery-columns-3 figure {
  width: 32%;
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {
  margin-right: 0;
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
  clear: left;
}

.gallery.gallery-columns-2 figure {
  width: 49%;
}

.gallery.gallery-columns-2 figure:nth-of-type(even) {
  margin-right: 0;
}

.gallery.gallery-columns-2 figure:nth-of-type(odd) {
  clear: left;
}

.gallery.gallery-columns-4 figure {
  width: 23.25%;
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {
  margin-right: 0;
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
  clear: left;
}

.gallery.gallery-columns-5 figure {
  width: 18%;
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {
  margin-right: 0;
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
  clear: left;
}

.gallery.gallery-columns-6 figure {
  width: 14.2%;
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {
  margin-right: 0;
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
  clear: left;
}

.gallery.gallery-columns-7 figure {
  width: 12%;
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {
  margin-right: 0;
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
  clear: left;
}

.gallery.gallery-columns-8 figure {
  width: 10.2%;
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {
  margin-right: 0;
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
  clear: left;
}

.gallery.gallery-columns-9 figure {
  width: 8.85%;
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {
  margin-right: 0;
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
  clear: left;
}

@media (max-width: 767px) {
  img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
    display: block;
    margin: 1em auto !important;
    float: none;
  }
  .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
    width: 100%;
    margin: 0 0 1em 0 !important;
    float: none;
  }
}
.pager .pager__list {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.pager .pager__list li {
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 0.1rem;
}
.pager .pager__list li a {
  text-decoration: none;
  color: var(--defaultText);
}
.pager .pager__list li.current {
  background: #E6EBFF;
  color: var(--primary);
}
.pager .pager__list li:before {
  display: none;
}

.search-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin: 0;
}

.search-item-card {
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  background: #fff;
  margin: 0 0 2.5rem 0;
  border-radius: 1.1rem;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .search-item-card {
    padding: 2.5rem;
  }
}
.search-item-card h2 {
  margin: 0 0 10px;
}
.search-item-card h2 a {
  color: var(--defaultText);
}
.search-item-card__text {
  line-height: 1.5;
  font-weight: 400;
  color: var(--defaultText);
  font-size: 1.5rem;
  margin: 0;
}
.search-item-card__wrap {
  display: flex;
}
.search-item-card__wrap > a {
  margin: 0 20px 0 0;
}
.search-item-card__wrap > a img {
  max-width: 90px;
  margin: 0;
}

.subpage h2, .subpage h3, .subpage h4, .subpage h5, .subpage h6 {
  margin: 0 0 1.5rem 0;
  padding: 15px 0 0 0;
}
.subpage p {
  margin: 0 0 1.5rem 0;
}
.subpage .charts-card__list {
  margin: 0 0 1.5rem 0 !important;
}
.subpage:not(.subpage__normal-ol) ol {
  list-style: none;
  counter-reset: custom-counter;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.subpage:not(.subpage__normal-ol) ol li {
  counter-increment: custom-counter;
  position: relative;
  padding: 0 0 0 5rem;
  margin: 0 0 2rem 0;
}
.subpage:not(.subpage__normal-ol) ol li:before {
  content: counter(custom-counter) ". ";
  color: var(--primaryText);
  font-weight: bold;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 100%;
  background: var(--primary);
  position: absolute;
  top: 0px;
  left: 0;
  text-align: center;
  line-height: 3.4rem;
}
.subpage--career hr {
  border: 0.1rem solid var(--border);
  border-bottom: 0;
}
.subpage--custom-hr hr {
  border: 0.1rem solid var(--border);
  border-bottom: 0;
}
.subpage:not(.subpage__old-ul) ul:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) {
  margin: 0 0 1.5rem 0 !important;
}
.subpage:not(.subpage__old-ul) ul:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) li {
  margin: 0 0 3px 2rem !important;
}
.subpage ol:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) {
  margin: 0 0 1.5rem 0 !important;
}
.subpage ol:not(.list-pros, .list-cons, .charts-card__list, .slick-dots) li {
  margin: 0 0 3px 0 !important;
}

.lide-items {
  margin: 0 -2rem;
  font-size: 0;
  width: calc(100% + 4rem);
}
.lide-items .lide-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0 2rem;
  margin: 0 0 3rem 0;
}
@media (min-width: 550px) {
  .lide-items .lide-item {
    width: 50%;
    margin: 0 0 3rem 0;
  }
}
@media (min-width: 991px) {
  .lide-items .lide-item {
    width: 33.33%;
  }
}

.lide-inner .lide-img {
  margin: 0 0 2.5rem 0;
  padding-top: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  border-radius: 0.9rem;
}
.lide-inner .lide-content {
  text-align: left;
}
.lide-inner .lide-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 0.5rem 0;
}
.lide-inner .lide-name a {
  color: #000;
  text-decoration: none;
}
.lide-inner .lide-name a:hover {
  text-decoration: underline;
}
.lide-inner .lide-rank {
  font-size: 1.5rem;
  font-weight: 500;
  color: #949eb4;
  margin: 0 0 3.5rem 0;
  position: relative;
}
.lide-inner .lide-rank:before {
  content: "";
  width: 3.5rem;
  height: 0.3rem;
  background: var(--primary);
  position: absolute;
  bottom: -1.5rem;
  left: 0;
}
.lide-inner .lide-desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
  margin: 0 0 2rem 0;
}

.glossary-items {
  width: 100%;
  margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
  .glossary-items {
    margin: 0 0 5rem 0;
  }
}
.glossary-items__wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
}
@media (min-width: 991px) {
  .glossary-items__wrapper {
    gap: 5rem;
  }
}
.glossary-items .glossary-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 1rem;
}
@media (min-width: 550px) {
  .glossary-items .glossary-item {
    width: calc(50% - 1.5rem);
  }
}
@media (min-width: 991px) {
  .glossary-items .glossary-item {
    width: calc(33.33% - 3.4rem);
  }
}
@media (min-width: 1200px) {
  .glossary-items .glossary-item {
    width: calc(25% - 3.8rem);
  }
}
.glossary-items .glossary-desc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.glossary-items .glossary-desc a {
  color: var(--primary);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
}
.glossary-items .glossary-desc a:hover {
  text-decoration: none;
  color: var(--defaultText);
}

.why-items {
  font-size: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  margin: 0 0 3.5rem 0;
}
@media (min-width: 991px) {
  .why-items {
    gap: 5rem;
  }
}
.why-items .why-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 2rem;
}
@media (min-width: 550px) {
  .why-items .why-item {
    width: calc(50% - 1.5rem);
  }
}
@media (min-width: 991px) {
  .why-items .why-item {
    width: calc(33.33% - 3.4rem);
  }
}
.why-items .why-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.why-items .why-img img {
  box-shadow: none;
  max-width: 5rem;
  max-height: 5rem;
  margin: 0 0 2rem 0;
}
.why-items .why-name {
  font-size: 1.8rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 2rem 0;
  text-align: center;
}
.why-items .why-desc {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
  margin: 0;
  text-align: center;
}

.search-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.author-socials {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  margin-bottom: 3.5rem;
  align-items: center;
}
.author-socials__item {
  text-decoration: none !important;
  width: 32px;
  height: 32px;
}
.author-socials__item img {
  margin: 0 !important;
  border-radius: unset !important;
  width: auto;
  height: auto;
  box-shadow: none !important;
}
.author-socials__item--twitter {
  width: 27px;
  height: 27px;
}

.author-card {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 3rem;
  padding: 2rem;
  background-color: #fff;
  box-shadow: 0 0 4rem rgba(0, 27, 99, 0.11);
  margin: 2rem 0;
  border-radius: 1.1rem;
}
@media (min-width: 650px) {
  .author-card {
    grid-template-columns: 1fr 4fr;
  }
}
@media (min-width: 991px) {
  .author-card {
    grid-template-columns: 1fr 6fr;
  }
}
.author-card .blog-author__info {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 3rem;
}
.author-card .blog-author__info a {
  color: var(--defaultText);
  text-decoration: none !important;
}
.author-card .blog-author__info a:hover {
  color: var(--primary);
}
.author-card .blog-author__info h3 {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 650px) {
  .author-card .blog-author__info .blog-author__description {
    flex: 1;
  }
}
.author-card__photo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.author-card__photo img {
  width: 6.8rem;
  border-radius: 100%;
  height: auto;
  margin: 0;
}
.author-card__share {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 649px) {
  .author-card__share {
    margin: 1rem auto 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.author-card__share a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: var(--primary) !important;
  background: var(--lightBackground);
  border-radius: 1.8rem;
  align-items: center;
}
.author-card__share a img {
  margin: 0;
  width: 24px !important;
  height: 24px !important;
}
.author-card__share a:hover {
  background: var(--secondary) !important;
  color: var(--secondaryText) !important;
}

#dynamic-form #quote {
  background: #fff;
  padding: 20px 0;
}
#dynamic-form #quote .offset-md-2 {
  margin-left: 0;
}
#dynamic-form #quote .col-md-8 {
  max-width: 100%;
  flex: 0 0 100%;
}
#dynamic-form #quote h1 {
  display: none;
}
#dynamic-form #quote .amounts {
  text-align: center;
}
#dynamic-form #quote .amounts .btn {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.5rem;
  margin: 0.25rem;
}
#dynamic-form #quote .amounts .btn:hover {
  background-color: transparent;
  color: var(--primary);
}
#dynamic-form .container form h2 {
  display: none;
}
#dynamic-form .container form .row .col-md-8.offset-md-2 {
  background: #eef3f7;
  padding: 0rem 1.25rem;
}
#dynamic-form .container form .row:nth-of-type(5) .col-md-8.offset-md-2 {
  background: none;
  margin-top: 2rem;
}
#dynamic-form .container form .row:nth-of-type(6) .col-md-8.offset-md-2 {
  background: none;
  margin-bottom: 1.25rem;
}
#dynamic-form .container form .row:nth-of-type(13) .col-md-8.offset-md-2 {
  background: none;
}
#dynamic-form .container form .row:nth-of-type(14) .col-md-8.offset-md-2 {
  background: none;
}
#dynamic-form .container form .row:nth-of-type(2) .col-md-8.offset-md-2 {
  padding-top: 1.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#dynamic-form .container form .row:nth-of-type(7) .col-md-8.offset-md-2 {
  padding-top: 1.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#dynamic-form .container form .row:nth-of-type(12) .col-md-8.offset-md-2 {
  padding-top: 1.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 0.5rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
#dynamic-form .container form .row:nth-of-type(4) .col-md-8.offset-md-2 {
  padding-bottom: 0.5rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#dynamic-form .container form .row:nth-of-type(11) .col-md-8.offset-md-2 {
  padding-bottom: 0.5rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#dynamic-form .container form .row:nth-of-type(16) .col-md-8.offset-md-2 p {
  font-size: 16px !important;
  background: none;
  margin-bottom: 0;
}
#dynamic-form .container form .row:nth-of-type(16) .col-md-8.offset-md-2 p .btn-link {
  font-size: 1.5rem;
  border: none;
  background: none;
  margin: 0 !important;
}
#dynamic-form .container form div.row:last-of-type .col-md-8.offset-md-2 {
  border-radius: 10px;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
#dynamic-form .container form div:nth-last-child(2) .col-md-8.offset-md-2 {
  border-radius: 10px;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
#dynamic-form .container .form-control {
  display: block;
  width: 100%;
  border: 0.2rem solid var(--border);
  padding: 1rem 1.5rem;
  color: var(--defaultText);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
  border-radius: 0.8rem;
  outline: none !important;
}
#dynamic-form .container .form-control:focus {
  border-color: var(--primary);
}
#dynamic-form .container select.form-control {
  padding-top: 5px;
}
#dynamic-form .container div div form p:first-of-type {
  font-weight: bold;
  font-size: 30px;
  color: #014c81;
}
#dynamic-form .container div div form p:nth-of-type(2) {
  color: #676767;
  padding: 1rem;
  margin-bottom: 3rem;
  font-size: 1.25rem;
}
#dynamic-form .container hr {
  display: none;
}
#dynamic-form form .has-danger .form-control {
  border-color: #ff493d;
}
#dynamic-form form .form-control-feedback {
  color: #ff493d;
  font-size: 1rem;
  margin-top: 0.5rem;
}
#dynamic-form form .form-control-label {
  color: var(--defaultText);
  font-weight: bold;
  margin-bottom: 0.75rem;
  display: block;
}
#dynamic-form form .form-group {
  margin-bottom: 1.5rem;
}
#dynamic-form form .form-check {
  font-size: 15px;
  font-weight: 400;
}
#dynamic-form form .form-check input {
  width: 30px;
  height: 30px;
  border-radius: 0.25rem;
  border: 1px solid #2abe69;
  margin-top: 0;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#dynamic-form form .form-check input:checked {
  background: #2abe69;
}
#dynamic-form form .form-check label div {
  padding: 0.25rem 4.5rem;
  font-weight: 300;
}
#dynamic-form form .form-check label div::before {
  position: absolute;
  top: 0;
  left: 1.2rem;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  content: " ";
  display: block;
}
#dynamic-form form .form-check label input:checked ~ div::before {
  background: var(--primary) url("tick.jpg") no-repeat center center;
}
#dynamic-form form .btn-link {
  font-weight: bold;
  font-family: "Baloo 2", cursive !important;
  float: none !important;
  margin: 0.5rem auto 1rem !important;
  display: block;
  font-size: 1.125rem;
}
#dynamic-form form .btn-link:before {
  content: "";
  width: 13px;
  height: 13px;
  background: url("arrow-left.jpg") no-repeat center center;
  position: absolute;
  margin-top: 4px;
  margin-left: -20px;
  color: #014c81 !important;
}
#dynamic-form form .text-center .btn-link:before {
  display: none;
}
#dynamic-form .btn-outline-primary {
  color: #000;
  background-image: none;
  background-color: transparent;
  border-color: var(--primary);
  font-weight: bold;
}
#dynamic-form .btn-group button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
#dynamic-form .btn-group button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#dynamic-form .btn-group button.active {
  background: var(--primary) !important;
  color: #fff !important;
}
#dynamic-form .btns {
  text-align: center;
}
#dynamic-form .btns .btn-lg {
  background: #2abe69;
  font-weight: bold;
  color: #fff;
  border: none;
  border-bottom: 4px solid #097f39;
  margin: 2.25rem 0;
  border-radius: 4px;
}
#dynamic-form div.h2.text-center {
  font-size: 1.875rem;
  color: #014c81;
  margin-bottom: 4rem;
}

#quote > div > div ~ .container > div:last-child > h1 ~ p.text-center {
  color: #014c81;
  font-weight: bold;
  font-size: 1.875rem;
  max-width: 60%;
  text-align: center;
  margin: 1rem auto;
  line-height: 2rem;
}
#quote > div > div ~ .container > div:last-child > h1 ~ p.text-center:after {
  width: 100%;
  display: block;
  margin: 3rem 0 3rem;
  background: #eef3f7 url("maskot.jpg") no-repeat;
  background-position-x: 80%;
  background-position-y: bottom;
  content: "";
  min-height: 300px;
  border-radius: 10px;
}

.flash-messages {
  z-index: 999999;
  text-align: center;
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  min-height: 30px;
}
.flash-messages .alert {
  margin-bottom: 0;
  position: relative;
  height: 50px;
  line-height: 50px;
}
.flash-messages .alert .hover-only {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  color: #292b2c;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
}
.flash-messages .alert .countdown {
  margin-top: -7px;
  top: 12px;
  display: block;
  position: absolute;
  right: 50px;
  opacity: 0.5;
}
.flash-messages .alert .countdown .countdown-wrapper {
  position: relative;
}
.flash-messages .alert .countdown .countdown-wrapper canvas {
  position: absolute;
}
.flash-messages .alert .countdown .countdown-wrapper .countdown-time {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  font-size: 80%;
  text-align: center;
}
.flash-messages .alert:hover .hover-only {
  display: block;
}
.flash-messages .alert-danger {
  color: #fff;
  border-color: #ff190a;
  background: #ff493d;
}

.accordion {
  border: 0.1rem solid #E2E6FC;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.accordion .compar-container-nav ul {
  margin-bottom: 0;
}
.accordion .compar-container-nav ul li:before {
  display: none;
}
.accordion > h2, .accordion > h3, .accordion > strong {
  margin: 0;
  padding: 2rem 3.25rem 2rem 2rem;
  position: relative;
  cursor: pointer;
  font-size: 2rem;
  border-top: 0.1rem solid #E2E6FC;
  display: block;
}
.accordion > h2:not(.open):hover, .accordion > h3:not(.open):hover, .accordion > strong:not(.open):hover {
  background-color: var(--section);
}
.accordion > h2:first-of-type, .accordion > h3:first-of-type, .accordion > strong:first-of-type {
  border-top: 0;
}
.accordion > h2 .up, .accordion > h2 .down, .accordion > h3 .up, .accordion > h3 .down, .accordion > strong .up, .accordion > strong .down {
  position: absolute;
  right: 1.75rem;
  top: calc(50% - 15px);
  width: 30px;
  height: auto;
  display: none;
}
.accordion > h2 .down, .accordion > h3 .down, .accordion > strong .down {
  display: block;
}
.accordion > h2.open, .accordion > h3.open, .accordion > strong.open {
  background-color: var(--section);
}
.accordion > h2.open .down, .accordion > h3.open .down, .accordion > strong.open .down {
  display: none;
}
.accordion > h2.open .up, .accordion > h3.open .up, .accordion > strong.open .up {
  display: block;
}
.accordion > h2.open + .accordion__item, .accordion > h3.open + .accordion__item, .accordion > strong.open + .accordion__item {
  display: block;
}
.accordion__item {
  display: none;
  padding: 1rem 3.25rem 2rem 2rem;
  background-color: var(--section);
}
.accordion__item p {
  margin-bottom: 2rem;
}
.accordion__item p:last-of-type {
  margin-bottom: 0;
}

.form-check {
  display: block;
  position: relative;
  padding-left: 3.6rem;
  margin: 0.5rem 0;
}
@media only screen and (min-width: 991px) {
  .form-check--smaller {
    width: calc(100% - 21rem);
  }
}
@media only screen and (min-width: 1200px) {
  .form-check--smaller {
    width: calc(100% - 27rem);
  }
}
.form-check input {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: -1;
  margin: 0;
  visibility: hidden;
}
.form-check input:checked + label:after {
  opacity: 1;
}
.form-check label {
  width: 100%;
  color: var(--defaultText);
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}
.form-check label a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.form-check label a:hover {
  text-decoration: none;
}
.form-check label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2.2rem;
  height: 2.2rem;
  border: 0.1rem solid var(--border);
  border-radius: 0.8rem;
  background: #fff;
  transition: border-color 0.3s, background 0.3s;
  cursor: pointer;
  transform: translateY(-50%);
}
.form-check label:after {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 50%;
  width: 0.8rem;
  height: 1.4rem;
  border: 0.1rem solid var(--primary);
  border-width: 0 0.2rem 0.2rem 0;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translateY(-50%) rotate(40deg);
  cursor: pointer;
}

.footer-form {
  padding-top: 1.5rem;
}
.footer-form h2 {
  font-weight: 700;
  color: var(--defaultText);
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 2rem 0;
  padding: 0;
}
.footer-form .form-tooltip__caption {
  color: var(--defaultText);
  font-size: 1.6rem;
  line-height: 1.5;
}
.footer-form .form-tooltip {
  bottom: 75%;
}
.footer-form__form .form-field__label {
  width: 100%;
  padding: 0 0 0.7rem 0;
}
.footer-form__form .form-field__input {
  width: 100%;
}
.footer-form .footer-status-green {
  display: none;
}
.footer-form .footer-status-green.open {
  display: block;
}
.footer-form .footer-status-green .review-item-card {
  background-color: #C2F3DF;
  padding: 1.5rem;
  margin-top: 3rem;
}
.footer-form .footer-status-green .review-item-card__text {
  color: #00BC6D;
  margin-bottom: 0;
}
.footer-form .loader {
  width: 30px;
  height: 30px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--defaultText);
  --_m:
          conic-gradient(#0000 10%,#000),
          linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.footer-form .form-field__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  justify-content: flex-end;
}
.footer-form .form-field__controls--reverse {
  flex-direction: row-reverse;
}
.footer-form .form-field__controls--center {
  justify-content: center !important;
}

.form-checks {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 3rem;
  align-items: center;
}
.form-checks .form-field__label {
  width: 100%;
}

.form-field--preferences {
  display: none;
}
.form-field--preferences .form-field__label {
  padding: 0 0 0.7rem 0;
}
.form-field--preferences--checked {
  display: flex;
}

/*# sourceMappingURL=main.css.map */
