.iframe__wrapper {
    position: relative;
  }
  
  /* .header__top .header__content .header__control__box--search.desktop,
  .header__control__icon--search,
  .mobile__search__history {
    display: none;
  }
  
  .header__top .header__content .header__control__box--search.mobile .icon--close.hidden,
  .header__top .header__content .header__control__box--search.mobile .search-box-input {
      display: none;
  }
  
  .header__top .header__content .header__control__box--search.mobile .icon--close.hidden,
  .header__top .header__content .header__control__box--search.mobile .search-box-input {
      display: none;
  } */
  .header__control__box--search .icon--close {
    visibility: hidden;
    opacity: 0;
  }
  
  .header__control__box--search .icon--close.visible {
     visibility: visible;
     opacity: 1;
  }
  
  .icon-new {
    display: none;
  }
  
  .iframe__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
  }

  .main .header__top.search--hidden .header__content .header__control__box--search.desktop {
    display: none;
  }

  .main .header__top.search--hidden .header__content .header__control__box--search.mobile .header__control__icon--search {
    display: none;
  }
  
  .iframe__loader.loader__image-container {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    padding: 8px;
    margin-top: 12px;
  }
  
  .iframe__loader.loader__image-container svg > * {
    stroke: currentColor;
  }
  
  .iframe__loader .book {
    --color: currentColor;
    --duration: 5s;
    width: 32px;
    height: 12px;
    position: relative;
    margin: 32px 0 0 0;
    transform: scale(0.4);
    -moz-transform: scale(0.4);
  }
  /* 
  @media only screen and (max-width: 1024px) {
    .iframe__loader .book {
      transform: scale(0.4);
      -moz-transform: scale(0.4);
    }
  } */
  
  .iframe__loader .book .inner {
    width: 32px;
    height: 12px;
    position: relative;
    transform-origin: 2px 2px;
    transform: rotateZ(0deg);
  }
  .iframe__loader .book .inner .left,
  .iframe__loader .book .inner .right {
    width: 60px;
    height: 4px;
    top: 0;
    border-radius: 2px;
    background: var(--color);
    position: absolute;
  }
  .iframe__loader .book .inner .left {
    right: 28px;
    transform-origin: 58px 2px;
    transform: rotateZ(0deg);
    animation: left var(--duration) ease 1;
  }
  .iframe__loader .book .inner .right {
    left: 28px;
    transform-origin: 2px 2px;
    transform: rotateZ(0deg);
    animation: right var(--duration) ease 1;
  }
  .iframe__loader .book .inner .middle {
    width: 32px;
    height: 12px;
    border: 4px solid var(--color);
    border-top: 0;
    border-radius: 0 0 9px 9px;
    transform: translateY(2px);
  }
  .iframe__loader .book ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 0;
  }
  .iframe__loader .book ul li {
    height: 3px;
    border-radius: 0px;
    transform-origin: 100% 2px;
    width: 48px;
    right: 0;
    top: -10px;
    position: absolute;
    background: var(--color);
    transform: rotateZ(0deg) translateX(-18px);
    animation-duration: var(--duration);
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    opacity: 1;
  }
  .iframe__loader .book ul li:nth-child(0) {
    animation-name: page-0;
  }
  .iframe__loader .book ul li:nth-child(1) {
    animation-name: page-1;
  }
  .iframe__loader .book ul li:nth-child(2) {
    animation-name: page-2;
  }
  .iframe__loader .book ul li:nth-child(3) {
    animation-name: page-3;
  }
  .iframe__loader .book ul li:nth-child(4) {
    animation-name: page-4;
  }
  .iframe__loader .book ul li:nth-child(5) {
    animation-name: page-5;
  }
  .iframe__loader .book ul li:nth-child(6) {
    animation-name: page-6;
  }
  .iframe__loader .book ul li:nth-child(7) {
    animation-name: page-7;
  }
  .iframe__loader .book ul li:nth-child(8) {
    animation-name: page-8;
  }
  .iframe__loader .book ul li:nth-child(9) {
    animation-name: page-9;
  }
  .iframe__loader .book ul li:nth-child(10) {
    animation-name: page-10;
  }
  .iframe__loader .book ul li:nth-child(11) {
    animation-name: page-11;
  }
  .iframe__loader .book ul li:nth-child(12) {
    animation-name: page-12;
  }
  .iframe__loader .book ul li:nth-child(13) {
    animation-name: page-13;
  }
  .iframe__loader .book ul li:nth-child(14) {
    animation-name: page-14;
  }
  .iframe__loader .book ul li:nth-child(15) {
    animation-name: page-15;
  }
  .iframe__loader .book ul li:nth-child(16) {
    animation-name: page-16;
  }
  .iframe__loader .book ul li:nth-child(17) {
    animation-name: page-17;
  }
  .iframe__loader .book ul li:nth-child(18) {
    animation-name: page-18;
  }
  
  @keyframes page-0 {
    0%,
    3.99% {
      opacity: 0;
    }
    4% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    15%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  
  @keyframes page-1 {
    0%,
    6.99% {
      opacity: 0;
    }
    7% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    18%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  
  @keyframes page-2 {
    0%,
    9.99% {
      opacity: 0;
    }
    10% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    21%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-3 {
    0%,
    12.99% {
      opacity: 0;
    }
    13% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    24%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-4 {
    0%,
    15.99% {
      opacity: 0;
    }
    16% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    27%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-5 {
    0%,
    18.99% {
      opacity: 0;
    }
    19% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    30%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-6 {
    0%,
    21.99% {
      opacity: 0;
    }
    22% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    33%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-7 {
    0%,
    24.99% {
      opacity: 0;
    }
    25% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    36%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-8 {
    0%,
    27.99% {
      opacity: 0;
    }
    28% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    39%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-9 {
    0%,
    30.99% {
      opacity: 0;
    }
    31% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    42%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-10 {
    0%,
    33.99% {
      opacity: 0;
    }
    34% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    45%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-11 {
    0%,
    36.99% {
      opacity: 0;
    }
    37% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    48%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-12 {
    0%,
    39.99% {
      opacity: 0;
    }
    40% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    51%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-13 {
    0%,
    42.99% {
      opacity: 0;
    }
    43% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    54%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-14 {
    0%,
    45.99% {
      opacity: 0;
    }
    46% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    57%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-15 {
    0%,
    48.99% {
      opacity: 0;
    }
    49% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    60%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-16 {
    0%,
    52.99% {
      opacity: 0;
    }
    52% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    63%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-17 {
    0%,
    54.99% {
      opacity: 0;
    }
    55% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    66%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  @keyframes page-18 {
    0%,
    57.99% {
      opacity: 0;
    }
    58% {
      opacity: 1;
      transform: rotateZ(0deg) translateX(-18px);
    }
    69%,
    100% {
      transform: rotateZ(180deg) translateX(-18px);
    }
  }
  
  @keyframes left {
    0% {
      transform: rotateZ(90deg);
    }
    10%,
    40% {
      transform: rotateZ(0deg);
    }
  }
  @keyframes right {
    0% {
      transform: rotateZ(-90deg);
    }
    10%,
    40% {
      transform: rotateZ(0deg);
    }
  }
  @keyframes book {
    4% {
      transform: rotateZ(-90deg);
    }
    10%,
    40% {
      transform: rotateZ(0deg);
      transform-origin: 2px 2px;
    }
    40.01%,
    59.99% {
      transform-origin: 30px 2px;
    }
    46%,
    54% {
      transform: rotateZ(90deg);
    }
    60%,
    90% {
      transform: rotateZ(0deg);
      transform-origin: 2px 2px;
    }
    96% {
      transform: rotateZ(-90deg);
    }
  }
  
  #home.hero-header.hero-header-clipped {
    position: relative;
  }
  
  .hero-header.hero-header-clipped {
    background-image: none !important;
  }
  
  #home.hero-header.hero-header-clipped::before {
    content: '';
    background: rgb(35,65,135);
    background: linear-gradient(0deg, rgba(35,65,135,1) 0%, rgba(44,82,169,1) 50%, rgba(52,97,201,1) 100%);
    clip-path: path("M901.5 438.5L467.5 247.5L1 41L0.5 1H3111V41L3110 41.5L3099.5 46L3064.5 60.5L3002 85.5L2925.5 116.5L2848.5 147.5L2726 197.5L2622.5 239.5L2512.5 284L2428 318L2350 349.5L2298.5 370.5L2250.5 389.5L2198.5 410.5L2141.5 433L2095.5 451L2044 471L1989 492L1939 511L1887.5 530L1842 547L1792.5 565L1758 577L1712 593L1668 607.5L1631.5 619L1598 629L1570.5 637L1541.5 644.5L1515.5 650.5L1492 654.5L1477 657L1472.5 657.5L1467.5 658H1463.5L1458.5 657.5L1453.5 657L1447 655.5L1434.5 652L1403 642.5L1370 631L1305.5 607L1191.5 561L1088 518L901.5 438.5Z");
    position: absolute;
    top: -5px;
    left: 48%;
    transform: translate(-48%);
    width: 3710px;
    height: 657px;
    z-index: -1;
  }
  
  @media (max-width: 991px) {
    #home.hero-header.hero-header-clipped::before {
      top: 35px;
    }
  }
  
  .hero-header {
    padding-top: 170px;
  }
  
  .hero-header .hero-title {
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-size: 48px;
    position: relative;
    top: -4px;
  }
  
  .hero-header .hero-text {
    font-size: 19px;
    line-height: 28px;
  }
  
  h2 {
    font-size: 45px !important;
    line-height: 60px;
    min-height: 50px;
  }
  h2.section-title {
    position: relative;
    padding-bottom: 45px;
  }
  
  h3 {
    font-size: 34px !important;
  }
  
  h4 {
    font-size: 28px !important;
    line-height: 1.2em;
    min-height: 1.2em;
  }
  
  h3.h3-h4 {
    font-size: 28px !important;
    line-height: 1.2em;
    min-height: 1.2em;
  }
  
  h5 {
    line-height: 1.2em;
    min-height: 1.2em;
  }
  
  h6 {
    line-height: 1.2em;
    min-height: 1.2em;
  }
  
  .header .row {
    max-width: 1200px !important;
  }
  
  .fp__mb-40 {
    margin-right: 4.15rem;
  }
  
  .fp__mb-30 {
    margin-right: 3rem;
  }
  
  @media screen and (max-width: 480px) {
    .fp__mb-40 {
      margin-right: 0;
    }
    .fp__mb-30 {
      margin-right: 0;
    }

    .with--search-bar .icon-search-black-variant {
      top: -3px;
    }
  
    .d-sm-inline {
      display: inline;
    }
  
    .section-header .row div {
      line-height: 28px;
    }

    html[data-scroll="0"] .header.header--new .header__top.with--search-bar {
      background-color: #FFFFFF !important;
    }
  }
  
  p {
    color: #273e5d;
    font-size: 19px;
    line-height: 28px;
  }
  
  .section-bottom {
    margin-bottom: 20px;
  }
  .testimonial-section {
    background-color: #f6f9fe;
    background-image: url(../png/icons-section-8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    padding: 75px 0 75px !important;
  }
  
  p.section-title {
    font-weight: 400;
    font-size: 33px !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  
  section.sharing-section div.container {
    /*max-width: 1240px;*/
  }
  
  section p.w630 {
    max-width: 700px;
    margin: auto;
  }
  
  .features-section p {
  }
  
  .first-after-jumbo {
    max-width: 950px;
    margin: auto;
  }
  
  .first-after-jumbo .section-header {
    margin-bottom: 0px;
  }
  
  .icon-down {
    width: 60px;
    height: 60px;
  }
  
  section.bluecafe {
    padding: 75px 0 75px;
  }
  
  picture.img_home {
    height: 100%;
    align-items: flex-end;
    display: flex;
  }
  
  @media screen and (max-width: 480px) {
    section.bluecafe p {
      font-size: 17px;
    }
  
    section.bluecafe {
      padding: 10px;
    }
  }
  
  .pr-4 {
    padding-right: 2rem !important;
  }
  
  section.bluecafe div.container {
    max-width: 1100px;
  }
  
  section.blue-cafe {
    padding: 55px 0px 50px;
  }
  
  .space2 {
    margin: 30px 0;
  }
  
  .w100 {
    width: 100%;
  }
  
  .row {
    max-width: 100%;
    --bs-gutter-x: 0;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  body.page-id-1366 .shelf_examples .row,
  body.page-id-9632 .shelf_examples .row,
  body.page-id-9633 .shelf_examples .row {
    --bs-gutter-x: 1.5rem;
  }
  
  body.page-id-1366 .header .row,
  body.page-id-9632 .header .row,
  body.page-id-9633 .header .row {
    --bs-gutter-x: 0rem;
  }
  
  .row .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .row.mb {
  }
  
  .header-page {
    margin-top: -80px;
  }
  
  .hero-header.awards-absolute {
    z-index: 3;
    position: relative;
  }
  
  html[data-scroll='0'] header {
    background-color: transparent;
  }
  
  section.blog h2 a {
    color: inherit;
    text-decoration: underline;
  }
  
  a.publuu_post {
    transition: transform 0.42s cubic-bezier(0.16, 0.8, 0.4, 1);
    transform: scale(1);
    border-radius: 15px;
    overflow: hidden;
    margin: 0px;
  }
  a.publuu_post:hover {
    transform: scale(1.05);
  }
  
  a.publuu_post .publuu_title {
    margin: 10px 0;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 30px;
  }
  
  a.publuu_post .publuu_content p {
    max-height: 210px;
    height: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
  }
  
  u ul.ul-also {
    padding: 0px;
  }
  ul.ul-also a {
    font-weight: 400;
    line-height: 34px;
    text-decoration: none;
  }
  
  ul.ul-also a:hover {
    text-decoration: underline;
  }
  
  @media screen and (max-width: 480px) {
    h2 {
      font-size: 45px !important;
      line-height: 50px;
    }
  
    a.publuu_post .publuu_content p {
      max-height: 260px;
      height: 260px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
    }
  
    .section {
      padding: 40px 0 40px;
    }
    .testimonial-section {
      padding: 40px 0 40px !important;
    }
  
    div.description-image {
      max-width: 80vw;
      margin: auto;
      height: auto;
    }
  
    .card-custom div.description-image {
      max-width: 100vw;
      margin: auto;
      height: auto;
    }
  
    section.bluecafe {
      padding: 40px 0 40px;
    }
  
    .space {
      margin: 40px 0px;
    }
  
    .single-post {
      text-align: center;
    }
  }
  @media screen and (min-width: 480px) {
    div.container div.padding20 {
      padding: 0px 50px;
    }
  
    div.container div.pr20 {
      padding: 0px 20px 0 0;
    }
  
    .pr-md-4 {
      padding-right: 2rem !important;
    }
  
    .space-txt {
      margin-right: 2rem;
    }
  }
  
  body.page-id-351,
  body.page-id-9646,
  body.page-id-4294,
  body.page-id-4457 {
    background: #f3f3f3;
    padding-top: 5rem;
  }
  
  html[data-scroll='0'] body.page-id-351 header,
  html[data-scroll='0'] body.page-id-9646 header,
  html[data-scroll='0'] body.page-id-4294 header,
  html[data-scroll='0'] body.page-id-4457 header,
  html[data-scroll='0'] body.page-id-9633 header,
  html[data-scroll='0'] body.page-id-15018 header,
  html[data-scroll='0'] body.page-id-1366 header,
  html[data-scroll='0'] body.page-id-51034 header,
  html[data-scroll='0'] body.page-id-27032 header,
  html[data-scroll='0'] body.page-id-38199 header,
  html[data-scroll='0'] body.page-id-37225 header,
  html[data-scroll='0'] body.page-id-27140 header,
  html[data-scroll='0'] body.page-id-27152 header,
  html[data-scroll='0'] body.page-id-27158 header,
  /* html[data-scroll='0'] body.page-id-3091 header, */
  html[data-scroll='0'] body.page-id-28504 header,
  html[data-scroll='0'] body.page-id-161 header,
  html[data-scroll='0'] body.page-id-37061 header,
  html[data-scroll='0'] body.page-id-36986 header,
  html[data-scroll='0'] body.page-id-9644 header,
  html[data-scroll='0'] body.page-id-9645 header,
  html[data-scroll='0'] body.page-id-14746 header,
  html[data-scroll='0'] body.page-id-25104 header,
  html[data-scroll='0'] body.post-template-default header,
  html[data-scroll='0'] body.author header {
    background-color: #3461c9;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-9636, .page-id-9637, .page-id-36360, .page-id-14809, .page-id-37075) header {
    background: #74747466;
  }
  
  #masterclassimg > .container > .row {
    margin: 0 auto;
  }
  
  body.page-id-351 h1,
  body.page-id-9646 h1,
  body.page-id-4457 h1,
  body.page-id-4294 h1 {
    color: #273e5d;
    margin-bottom: 35px;
  }
  
  body.page-id-9646 .row,
  body.page-id-4457 .row,
  body.page-id-4294 .row {
    max-width: 69.51691rem;
    margin-right: auto;
    margin-left: auto;
  }
  
  .page-id-9646 .what-flipbook .left-menu h2,
  .page-id-4457 .what-flipbook .left-menu h2,
  .page-id-4294 .what-flipbook .left-menu h2 {
    font-size: 0.9rem !important;
    font-weight: 700;
    margin: 0px;
    /*margin-top: 18px;*/
  }
  
  .page-id-9646 .what-flipbook h2,
  .page-id-4457 .what-flipbook h2,
  .page-id-4294 .what-flipbook h2 {
    font-size: 1.5rem !important;
    text-align: left;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 1em;
  }
  .page-id-9646 .what-flipbook .left-menu a,
  .page-id-4457 .what-flipbook .left-menu a,
  .page-id-4294 .what-flipbook .left-menu a {
    color: #203030;
    display: block;
    width: 100%;
    max-width: 220px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    padding: 6px 12px;
    padding-right: 0px;
  }
  
  .page-id-9646 .what-flipbook .left-menu h3,
  .page-id-4457 .what-flipbook .left-menu h3,
  .page-id-4294 .what-flipbook .left-menu h3 {
    font-size: 0.8rem !important;
    font-weight: 400;
    margin: 0px auto;
    height: 20px;
  }
  .page-id-9646 .what-flipbook h3,
  .page-id-4457 .what-flipbook h3,
  .page-id-4294 .what-flipbook h3 {
    font-size: 1.25rem !important;
    text-align: left;
    margin-left: 0px;
    padding-left: 0px;
  }
  
  .page-id-9646 a.relative-it,
  .page-id-4457 a.relative-it,
  .page-id-4294 a.relative-it {
    display: inline-block;
    transition: all ease-in-out 0.15s;
    -webkit-tap-highlight-color: transparent;
  }
  
  section.list {
    text-align: center;
  }
  
  section.list .icon {
    width: 48px;
    height: 60px;
    margin: auto;
    margin-top: 10px;
  }
  
  section.examples a span {
    color: #203030;
    font-size: 0.8rem;
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
    display: block;
  }
  
  .page-id-9646 {
    color: #101926;
    font-size: 20px;
  }
  .page-id-9646 p {
    color: #101926;
    letter-spacing: 0.05px;
    font-size: 20px;
  }
  .page-id-9646 h2 a {
    color: #273e5d;
    text-align: center;
  }
  
  .page-id-9646 .left-menu {
    padding-top: 4rem;
  }
  .page-id-9646 .what-flipbook {
    margin: 0px 25px;
  }
  .page-id-9646 h1 {
    font-size: 2.25rem !important;
  }
  .page-id-9646 h2 {
    font-size: 1.65rem !important;
  }
  .page-id-9646 h3 {
    font-size: 1.3rem !important;
  }
  .page-id-9646 h4 {
    font-size: 1rem !important;
  }
  
  @media screen and (max-width: 768) {
    .page-id-9646 p {
      font-size: 19px;
    }
  }
  
  /*//lead jumbo*/
  .page-id-6506 .jumbo_monitor img {
    margin-bottom: 100px;
  }
  @media screen and (min-width: 768px) {
    .page-id-6506 .hero-header h1 {
      margin-top: 100px;
    }
  }
  
  .carousel-item {
    opacity: 0;
    transition: all 0.6s ease-in-out;
    display: block;
  }
  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
    opacity: 1;
  }
  section#masterclass {
    margin-top: 0px;
  }
  section#masterclassimg .container {
    padding: 0px;
  }
  
  #masterclass p {
    text-align: justify;
    color: #535c65;
    /*//#808f9d;*/
  }
  
  #masterclass p b {
    color: #000000;
  }
  
  section.articlelike h3.section-title {
    text-align: left;
  }
  
  #masterclass ul {
    font-weight: 400;
    list-style-type: circle;
    letter-spacing: 0.05px;
    text-align: justify;
    padding-left: 20px;
    font-size: 19px !important;
    line-height: 28px;
  }
  
  #masterclass ul li {
    font-size: 19px !important;
  }
  
  section#masterclass .row {
    max-width: 740px;
    margin: auto;
    color: #535c65;
    /*color: rgb(0,113,184) !important;*/
  }
  
  section#masterclass h2 {
    color: rgb(0, 113, 184);
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  
  section#masterclass:not(.articlelike) h3,
  section#masterclass:not(.articlelike) h4 {
    text-align: center;
    color: rgb(39, 62, 93);
    background: url(../png/format.png) center top;
    background-repeat: no-repeat;
    height: 215px;
    padding-top: 100px;
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 0px;
  }
  
  html:not([lang="en-US"]) .section#masterclass:not(.articlelike) :is(h3, h4) {
    background: none !important;
    height: auto;
    padding-bottom: 40px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 100px;
  }
  
  @media screen and (max-width: 800px) {
    section#masterclass:not(.articlelike) h3,
    section#masterclass:not(.articlelike) h4 {
      background-size: contain;
      padding-top: 75px;
      padding-left: 15%;
      padding-right: 15%;
      font-size: 25px !important;
      height: auto;
      margin-bottom: 10px;
    }
  
    section#masterclass .container {
      padding: 0px 30px;
    }
  }
  
  @media screen and (min-width: 800px) {
    body.page-id-1294 .jumbo_monitor {
      margin-left: 35px;
    }
  }
  
  section#masterclass .section-header div.row:first-child {
    max-width: 960px;
  }
  section#masterclass.articlelike .section-header div.row {
    max-width: 960px;
  }
  
  section.bg_white {
    background-color: #fff !important;
  }
  
  section.bg_lightblue {
    background-color: #eff7ff !important;
  }
  
  section.v2 div.container {
    max-width: 960px;
  }
  section.v2 p.w720 {
    /*    max-width: 720px;
      margin: auto;*/
  }
  
  /*FEATURES START*/
  
  .features-page .hero-header {
    padding-bottom: 100px;
    background-size: cover;
  }
  
  .features-page .button-green {
    font-weight: 700;
  }
  
  .features-page .button-green:hover {
    background: #33cc11;
    border-color: #33cc11;
    color: #fff;
  }
  
  .card-custom .description-image img,
  .card-custom .description-text img {
    max-width: 100%;
  }
  
  /* .features-section-gray {
    margin-top: -350px;
    padding-top: 280px;
    padding-bottom: 0;
  } */
  
  @media screen and (max-width: 991px) {
    .sharing-card__image {
      display: flex;
      justify-content: center;
    }
  }
  
  @media screen and (max-width: 767px) {
    .image-left {
      flex-direction: column-reverse;
    }
  
    .section-header .row {
      text-align: left;
    }
  
    .section-title {
      text-align: center;
    }
  
    .sharing-options .section-header {
      margin: 1rem 0;
    }
  
    .sharing-card {
      z-index: 1;
      text-align: center;
      display: flex;
      flex-direction: column-reverse;
    }
  
    .sharing-card .sharing-card__image {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .sharing-card .description-text {
      margin-bottom: 10px;
      padding-top: 0;
    }
  
    .card-custom .description-image,
    .card-custom .description-text {
      margin-bottom: 1rem !important;
    }
  
    .card-custom {
      margin: 1rem 0;
    }
  
    .section-title {
      font-size: 1.6rem !important;
      line-height: 2rem;
      padding-bottom: 1rem;
    }
  
    .custom-section .section-header {
      margin-bottom: 0;
    }
  
    section:not(.header-page),
    .section {
      padding: 2rem 0 2rem 0;
    }
  
    .sharing-options .space {
      margin: 25px 0;
    }
  }
  
  @media screen and (max-width: 480px) {
    .section-title {
      line-height: 1.6rem !important;
      padding-bottom: 1rem !important;
    }

    .main .with--search-bar .icon-search-black-variant {
      top: -2px;
    }
    
  
    .sharing-card .section-title {
      font-size: 1.1rem !important;
      line-height: 1.2rem !important;
      padding-bottom: 10px !important;
    }
  
    .custom-section .section-title {
      padding-bottom: 1rem;
    }
  
    .sharing-card:last-of-type {
      margin-bottom: 1rem !important;
    }
  }
  
  /*FEATURES END*/
  
  /* CONVERT YOUR PDF BANNER */
  .convert-pdf__banner {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  
  .convert-pdf__banner h2 {
    font-weight: 700;
    margin-top: 20px;
    font-size: 40px !important;
  }
  
  .convert-pdf__banner > .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .convert-pdf__banner a {
    background: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    color: #3461c9;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 35px;
    min-width: 146px;
    margin-top: 20px;
    display: block;
    float: right;
    transition: 0.075s color linear, 0.075s background linear;
  }
  
  .convert-pdf__banner a:hover {
    background: #133c9b;
    color: #fff;
  }
  
  .convert-pdf__banner .white {
    color: #fff;
  }
  
  @media screen and (max-width: 768px) {
    .convert-pdf__banner {
      text-align: center;
    }
  
    .convert-pdf__banner a {
      float: none;
      max-width: fit-content;
    }
  }
  
  @media screen and (max-width: 480px) {
    .convert-pdf__banner h2 {
      font-size: 1.3rem !important;
      line-height: 1.6rem;
      padding-bottom: 1rem;
    }
  }
  
  /* CONVERT YOUR PDF BANNER END */
  
  /* CONTACT PAGE */
  
  .contact-header__page .hero-header h1.hero-title {
    margin-bottom: 25px;
    letter-spacing: 0;
    font-size: 2rem;
    color: #fff;
  }
  
  .contact-header__page p.text {
    padding-top: 0;
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
  }
  
  .contact-form__wrapper {
    background: #fff;
    border-radius: 8px;
    color: #676767;
    max-width: 512px;
    overflow: hidden;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
  }
  
  .contact-form__wrapper .nf-form-title h3 {
    letter-spacing: 0;
    font-size: 24px !important;
    margin-bottom: 13px;
    margin-top: 1px;
    color: inherit;
    font-weight: 700;
  }
  
  .contact-form__wrapper .nf-form-fields-required {
    font-size: 0.82126rem;
    line-height: 1.5rem;
  }
  
  .contact-form__wrapper .nf-form-content {
    margin-top: 13px;
  }
  
  .contact-form__wrapper .nf-field-label label {
    font-weight: 400;
    margin-bottom: -2px;
  }
  
  .contact-form__wrapper .label-above .nf-field-label {
    margin-bottom: -2px;
  }
  
  .contact-form__wrapper .nf-error-msg,
  .contact-form__wrapper .ninja-forms-req-symbol {
    color: #3461c9;
    font-size: 12px;
  }
  
  .contact-form__wrapper .nf-error.listimage-wrap .nf-field-element ul,
  .contact-form__wrapper .nf-error .ninja-forms-field {
    border: 1px solid #3461c9;
  }
  
  .contact-form__wrapper #ninja_forms_required_items,
  .contact-form__wrapper .nf-field-container {
    margin-bottom: 15px;
  }
  
  .contact-form__wrapper .ninja-forms-field:not(.button) {
    padding: 8px 10px 5px;
  }
  
  .contact-form__wrapper .nf-field-element select {
    font-size: 0.72464rem;
    font-weight: 400;
    line-height: 1.25;
    background-image: url(data:image/webp;base64,UklGRqoAAABXRUJQVlA4TJ0AAAAvDIABEIUbAQDM5n6v2E4mG3XHrLWNr+gPEU5r23aiT9A0kEtA41AUhIuKCiglKdB4CkAGl1WaOWrTNmCcsf5hLbEHxJ/e+qqFDQTjdrL25S0fw/LGQCBXKtjbyqAMxN0djzwVVyB+TxiyJEGc2tL8JywZgl+YAzENvNWlY0bIjA4XtoPWd3pcqL+MNRnsjPy/s4PTDsIlRVD9eEAAAA==);
    background-position: right center;
    background-size: 12px 7px;
  }
  
  .contact-form__wrapper .nf-field-element textarea {
    height: 100px;
    resize: vertical;
    font-size: 0.72464rem;
    font-weight: 400;
    line-height: 1.25;
  }
  
  .contact-form__wrapper .checkbox-container .checkbox-wrap {
    display: flex;
    align-items: flex-start;
  }
  
  .contact-form__wrapper .checkbox-container label {
    margin-bottom: -2px;
    font-weight: 400;
    font-size: 10px;
    margin-left: -10px;
  }
  
  .contact-form__wrapper .checkbox-container .nf-after-field {
    display: none;
  }
  
  .contact-form__wrapper .nf-field-element .state label {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px);
  }
  
  .contact-form__wrapper .nf-field-element .state label::before {
    content: '';
    display: block;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    border-color: #5e5d5d;
    border-radius: 5px;
    height: 14px;
    top: 1px !important;
    width: 14px;
    background-color: transparent;
  }
  
  .contact-form__wrapper .nf-field-element .state label::after {
    content: '';
    background: #5e5d5d !important;
    border-radius: 5px;
    display: block;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    height: 14px;
    top: 1px !important;
    width: 14px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  
  .contact-form__wrapper input.nf-checked:checked + .state label::after {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }
  
  .contact-form__wrapper .checkbox-wrap input.ninja-forms-field.nf-element {
    position: absolute;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    left: 0;
  }
  
  .contact-form__wrapper .nf-after-form-content .nf-error-msg {
    text-transform: uppercase;
  }
  
  .contact-form__wrapper .submit-wrap input.button {
    border-color: #3461c9;
    border-width: 1px;
    color: #3461c9;
    font-size: 12px;
    padding: 15px 30px 14px;
    text-transform: uppercase;
    width: 156px;
  }
  
  .contact-form__wrapper .submit-wrap input.button:disabled {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .contact-form__wrapper .submit-wrap input.button:hover {
    background: #3461c9;
    color: #fff;
  }
  
  .contact-form__wrapper .field-wrap > .nf-field-label {
    line-height: 1.3;
  }
  
  /* CONTACT PAGE END */
  
  /* EXAMPLES */
  
  .shelf_examples .row * {
    --bs-gutter-x: 1.5rem;
  }
  
  .shelf_examples .img-hover > div:not(.shelf) {
    z-index: 3;
  }
  
  .shelf_examples .img-hover > div.shelf {
    z-index: 1;
    margin-top: -7px;
    transform: scale(1.09) !important;
  }
  
  .shelf_examples .img-hover > div.shelf > img:hover {
    transform: scale(1) !important;
  }
  
  /* EXAMPLES END */
  
  /* FAQ */
  .section-faq .section-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  
  .faq__list {
    padding: 0;
  }
  
  .faq__item {
    border-bottom: 2px solid #d9dfe8;
    cursor: pointer;
    /* transition: max-height 0.15s ease-out; */
  }
  
  .faq__item.hidden {
    display: none !important;
  }
  
  .faq__show-more {
    width: fit-content;
    color: #3461c9;
    margin: 20px auto 10px;
    background: transparent;
    border: 2px solid #3461c9;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 7px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    transition: 0.1s background ease, 0.1s color ease;
  }
  
  .faq__show-more:hover {
    background: #3461c9;
    color: #fff;
  }
  
  .faq__header {
    /* position: relative; */
    text-align: left;
  }
  
  .faq__btn {
    width: 36px;
    height: 36px;
    /* border-radius: 50%; */
    /* border: 2px solid #33cc11; */
    /* background-color: transparent; */
    /* position: relative; */
    display: block;
  }
  
  .faq__btn svg {
    width: 100%;
    height: 100%;
    transition: transform 0s ease-in-out;
  }
  
  .faq__btn:hover svg {
    transform: rotate(180deg);
    transition: transform 0.7s ease-in-out;
  }
  
  .faq__btn svg * {
    transition: 0.15s stroke ease, 0.15s opacity ease;
  }
  /* 
  .faq__btn::after,
  .faq__btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #33cc11;
    border-radius: 8px;
    transition: 0.15s opacity ease, 0.15s background-color ease;
  }
  
  .faq__btn::before {
    width: 70%;
    height: 2px;
  }
  
  .faq__btn::after {
    height: 70%;
    width: 2px;
  } */
  
  .faq__body {
    max-height: 0;
    max-width: calc(100% - 60px);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  
  .faq__text {
    text-align: left;
    color: #304f79d6;
    font-size: 0.8rem !important;
  }
  
  .faq__title {
    color: #304f79d6;
    /*font-size: 1.1rem !important;*/
    font-size: 0.9rem !important;
    max-width: calc(100% - 60px);
  }
  
  .faq__item-active .faq__header .faq__btn svg * {
    stroke: #d9dfe8;
  }
  
  .faq__item-active .faq__header .faq__btn svg path:first-of-type {
    opacity: 0;
  }
  
  .faq__item-active .faq__body {
    transition: max-height 0.15s ease-in-out;
  }
  
  .faq__item-active .faq__header .faq__btn::after {
    opacity: 0;
    background-color: #d9dfe8;
  }
  
  .faq__item-active .faq__header .faq__btn::before {
    background-color: #d9dfe8;
  }
  
  .section-faq .container {
    max-width: 960px;
  }
  
  .faq__list {
    display: flex;
    flex-direction: column;
    gap: 3px 0;
    margin-bottom: 15px;
  }
  
  .faq__list__item {
    display: flex;
    flex-direction: row;
    list-style: none;
    gap: 0 7px;
  }
  
  .faq__list__item p {
    text-align: left;
    color: #304f79d6;
    font-size: 0.8rem !important;
    margin-bottom: 0 !important;
  }
  .faq__list__item p:first-of-type {
    white-space: nowrap;
  }
  
  @media screen and (max-width: 480px) {
    .section-faq .section-header {
      margin-bottom: 0;
    }
  
    h4.faq__title {
      color: #304f79d6;
      font-size: 0.85rem !important;
      line-height: 26px !important;
      max-width: calc(100% - 45px);
    }
  
    .faq__header {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
  
    .faq__text {
      color: #304f79d6;
      font-size: 0.85rem !important;
      line-height: 1.2rem;
  
      margin-top: 15px;
      margin-bottom: 15px !important;
    }
  
    .faq__btn {
      width: 26px;
      height: 26px;
    }
  
    .faq__item {
      border-bottom: 1px solid #d9dfe8;
      cursor: pointer;
      /* transition: max-height 0.15s ease-out; */
    }
  
    .faq__btn svg {
      width: 100%;
      height: 100%;
      margin-top: -4px;
    }
  
    .faq__item,
    .faq__body {
      margin-bottom: 0.4rem !important;
    }
  
    .faq__body {
      margin-top: 0.3rem !important;
  
      max-width: calc(100% - 0px);
    }
    .faq__list {
      margin-bottom: 0 !important;
    }
  }
  
  @media screen and (max-width: 400px) {
    .faq__list__item {
      flex-direction: column;
    }
  
    .faq__list__item p:last-of-type {
      text-indent: 15px;
    }
  }
  
  /* FAQ END */
  
  /* DROPDOWN MENU START */
  .double-dropdown ul {
    display: flex !important;
    width: 500px;
    height: 480px;
    overflow: hidden;
    padding: 0px 10px 10px 10px !important;
    border-radius: 0;
    border: none;
    gap: 0 5px;
    background: #2d54b1;
    transition: opacity ease-in-out 0.25s !important;
  }
  
  .double-dropdown.large ul {
    width: 560px;
  }
  
  .double-dropdown ul.sub-menu li a {
    font-size: 16px;
    width: 100%;
    /*height: 100%;*/
    text-align: left !important;
    display: block;
    /* padding: 0 28px !important; */
  }
  
  .double-dropdown ul.sub-menu li a[href^='#'] {
    font-size: 18px;
    text-transform: uppercase;
  }
  
  .double-dropdown .sub-menu .menu-item .sub-menu {
    border: none;
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    margin-top: -15px !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .double-dropdown .sub-menu .menu-item .sub-menu .menu-item:hover {
    background: #4369da !important;
  }
  
  .double-dropdown .sub-menu .menu-item .sub-menu .menu-item {
    border-bottom: 1px solid #7198f4;
  }
  
  .double-dropdown .sub-menu a {
    line-height: inherit;
    padding: 0px 10px;
  }
  
  .double-dropdown .sub-menu li:hover {
    background-color: transparent !important;
  }
  
  .double-dropdown .sub-menu .menu-item.col-6 a[href^='#'] {
    pointer-events: none;
    cursor: default !important;
  }
  
  nav.menu-main .double-dropdown ul {
    line-height: 40px !important;
  }
  
  .double-dropdown .sub-menu .menu-item.col-6:hover {
    background-color: transparent;
    cursor: default !important;
  }
  
  .menu-item {
    position: relative;
  }
  
  .menu-main .menu-item a {
    position: relative;
    padding: 12px 5px 28px;
  }
  
  .menu-main:not(.header__nav) .menu-item a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 20px;
    left: 0;
    border-radius: 10px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: opacity 0.3s;
    opacity: 0;
  }
  
  .menu-main:not(.header__nav) .menu-item a:hover::before {
    transform-origin: bottom left;
    transform: scaleX(1);
    opacity: 1;
  }
  
  .menu-main:not(.header__nav) .current-menu-item a::before,
  .menu-main:not(.header__nav) .menu-item a:active {
    transform-origin: bottom left;
    transform: scaleX(1);
    opacity: 1;
  }
  
  .menu-main .menu-item .sub-menu a {
    padding: 0px 5px;
    /* padding: 12px 5px; */
  }
  
  .menu-main:not(.header__nav) .menu-item .sub-menu a::before,
  .menu-main:not(.header__nav) .menu-item.try-free-menu a::before,
  .menu-main:not(.header__nav) .menu-item.last a::before {
    display: none;
  }
  
  .menu-main:not(.header__nav) .menu-item .sub-menu a:hover::before,
  .menu-main:not(.header__nav) .menu-item.try-free-menu a:hover::before,
  .menu-main:not(.header__nav) .menu-item.last a:hover::before {
    display: none;
  }
  
  @media (max-width: 1200px) {
    .double-dropdown ul {
      display: none !important;
    }

    .main .header__top .header__content .search-box-input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    .skip-lazy.icon-search-white {
      min-width: 26px;
      max-width: 26px;
      min-height: 26px;
      max-height: 26px;
      top: 0;
      position: absolute;
      right: 1px;
    }

    .main .header__top .header__wrapper .header__content .header__control__icon--search.focused + .search-box-input {
      padding-left: 0;
      margin-left: -3px;
    }

    .main .header__top .header__content .header__control__icon--search:not(.focused):hover {
      background: transparent;
    }

    .main .header__top .header__content .header__control__icon--search:not(.focused):hover .icon-search-white {
      display: block;
    }

    .main .header__top .header__content .header__control__icon--search {
      border: none
    }

    .skip-lazy,
    .icon-search-black-variant {
      vertical-align: unset;
    }

    .icon-search-black-variant {
      width: 26px;
      height: 26px;
      display: none;
    }

    .with--search-bar .icon-search-black-variant {
      display: block;
      position: relative;
      left: -8px;
      top: 1px;
    }

    .main .header.header--new .header__content {
      position: initial;
    }
  
    .double-dropdown.active ul {
      display: flex !important;
    }
  
    .double-dropdown ul.sub-menu a[href^='#']::after {
      display: none;
    }
  
    .double-dropdown ul.sub-menu {
      position: static;
      /* opacity: 1; */
      transform: none;
      height: auto;
      background-color: transparent;
    }
  
    .double-dropdown > ul.sub-menu:first-of-type {
      transform: translateX(-40%);
    }
  
    .menu-main:not(.header__nav) li {
      overflow: visible;
    }
  
    .menu-main:not(.header__nav) .menu-item a,
    .menu-main:not(.header__nav) .menu-item .sub-menu a {
      padding: 0;
    }
  
    .menu-main:not(.header__nav) .menu-item a::before {
      bottom: -10px;
    }
  
    .double-dropdown .sub-menu .menu-item .sub-menu .menu-item:hover {
      border-bottom: none !important;
      /* background: transparent !important; */
    }
  
    .double-dropdown.active ul {
      display: block !important;
    }
  
    .double-dropdown ul.sub-menu {
      width: auto;
    }
  
    .double-dropdown ul.sub-menu li.col-6 {
      width: 100% !important;
    }
  
    .double-dropdown ul.sub-menu li a[href^='#'] {
      font-weight: 700;
    }
  
    .menu-main:not(.header__nav) li.menu-item-has-children .sub-menu li {
      padding-left: 10px;
    }
  
    .double-dropdown > ul.sub-menu:first-of-type {
      transform: translateX(0px);
    }
  
    /* nav.menu-main:not(.header__nav) {
      width: 50%;
    } */
  
    .menu-main:not(.header__nav) .try-free-menu a,
    .menu-main:not(.header__nav) .last a {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
  
    .menu__header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      gap: 0 10px;
    }
  
    .menu__header > a.close {
      margin-right: -15px;
      position: static;
      width: 60px;
      height: 50px;
    }
  
    .menu .menu__header .menu__try-btn {
      border-radius: 25px;
      font-size: 16px;
      font-weight: 600;
      padding: 12px 25px;
      text-align: center;
      background: #36b143;
      border: 2px solid #36b143;
      color: #fff;
      text-transform: none;
      /* min-width: 180px; */
      transition: 0.1s background ease-in-out, 0.1s color ease-in-out, 0.1s border ease-in-out;
    }
  
    .menu .menu__header .menu__try-btn:hover {
      color: #fff;
      background-color: var(--primatybtn-hoverbackcolor);
      border-color: var(--primatybtn-hoverbackcolor);
    }
  
    .menu .menu__header .menu__login-btn {
      font-size: 16px;
      background: transparent;
      color: #fff;
      font-weight: bold;
      text-transform: none;
      padding: 12px 25px;
      border: 2px solid rgba(245 245 247 / 10%);
      border-radius: 25px;
      transition: 0.1s background ease-in-out;
    }
  
    .menu .menu__header .menu__login-btn:hover {
      background: rgba(245 245 247 / 10%);
    }
  
    .menu .menu-main {
      top: 0;
      margin-top: 30px;
      padding: 0 20px;
      width: 100%;
    }
  
    .menu .menu-main-block .menu-item {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .menu .menu-main-block > .menu-item {
      height: 100%;
      line-height: normal;
    }
  
    .menu-main li.sub-item-with-title .sub-menu {
      padding-left: 0 !important;
    }
  
    .menu .menu-main-block > .menu-item:not(:last-of-type) {
      border-bottom: 2px solid rgba(245 245 247 / 10%);
    }
  
    .menu .menu-main-block .menu-item:not(.sub-item-with-title) > a {
      line-height: 60px;
      height: 100%;
      padding: 0 10px;
      width: 100%;
    }
  
    .menu-main .menu-item a:hover::before {
      display: none;
    }
  
    .menu .menu-main-block .menu-item .sub-menu li {
      border-bottom: none !important;
    }
  
    .menu .menu-main-block > .menu-item:not(.double-dropdown) {
      height: 60px;
    }
  
    .menu .menu-main-block .menu-item.try-free-menu {
      display: none;
    }
  
    .menu .menu-main-block .menu-item.last {
      display: none;
    }
  
    .menu .menu-main-block .menu-item.last {
      margin-top: 0 !important;
    }
  
    .menu .menu-main-block .menu-item.last a {
      width: 100% !important;
      text-align: left;
      border: none;
      margin-top: 0;
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .menu .menu-main-block .menu-item.last a:hover,
    .menu .menu-main-block .menu-item.last a:focus-visible {
      background: transparent;
      color: #fff;
      outline: none;
    }
  
    .menu .menu-main-block .menu-item.double-dropdown a {
      position: relative;
      width: 100%;
    }
  
    .menu .menu-main-block .menu-item.double-dropdown a::after {
      position: absolute;
      right: 10px;
    }
  
    .menu .menu-main-block .menu-item.double-dropdown.active > a {
      background: rgba(92, 169, 255, 0.2);
    }
  
    .double-dropdown .sub-menu .menu-item.col-6 a[href^='#'] {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 10px;
    }
  
    .menu .menu-main-block .menu-item.double-dropdown a::after {
      width: 27px;
      height: 27px;
      background: transparent;
    }
  
    .menu .menu-main-block .menu-item.double-dropdown .sub-menu .menu-item a {
      line-height: 40px !important;
    }
  
    .menu-main .menu-item:hover {
      background: transparent !important;
    }
  
    .double-dropdown .sub-menu .menu-item .sub-menu .menu-item:hover {
      background: rgba(92, 169, 255, 0.2) !important;
    }
  
    .menu-main:not(.header__nav) .menu-main-block > li:not(.double-dropdown):hover {
      background: rgba(92, 169, 255, 0.2) !important;
    }
  
    .menu-main:not(.header__nav) .current-menu-item a::before {
      opacity: 0 !important;
    }
  
    .menu-main:not(.header__nav) .current-menu-item {
      background: rgba(92, 169, 255, 0.2) !important;
    }
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon {
    background-color: #4f76d3;
    border-radius: 4px;
    border: none !important;
    height: 70px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px !important;
    position: relative;
  }
  
  .double-dropdown ul.sub-menu li.menu-item-with-icon a {
    height: 100%;
    padding-left: 70px;
    line-height: 70px;
  }
  
  .double-dropdown ul.sub-menu li.menu-item-with-icon.menu-item-with-icon--bookshelf-fr a {
    padding-left: 55px;
  }
  
  .double-dropdown ul.sub-menu li.menu-item-with-icon.menu-item-with-icon--flipbook-app-fr a {
    padding-left: 55px;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf {
    margin-top: 57px !important;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf-pl {
    margin-top: 138px !important;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf-fr {
    margin-top: 139px !important;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf-es {
    margin-top: 138px !important;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf-fr::before {
    left: 10px;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--flipbook-app-fr::before {
    left: 10px;
  }
  
  .double-dropdown .sub-menu .menu-item .sub-menu .menu-item.menu-item-with-icon:hover {
    background: #345edb !important;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--bookshelf::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHJva2U9IiNmZmZmZmYiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIyLjMgMTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjIuMyAxMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE0LDQwLjdoMjMuNGMxLjEsMCwyLTAuOSwyLTJWMmMwLTEuMS0wLjktMi0yLTJIMTRjLTEuMSwwLTIsMC45LTIsMnYzNi43QzExLjksMzkuOCwxMi45LDQwLjcsMTQsNDAuN3ogICAgTTE2LDQuMWgxOS4zdjMyLjZIMTZWNC4xeiIvPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00OS41LDQwLjdoMjMuNGMxLjEsMCwyLTAuOSwyLTJWMmMwLTEuMS0wLjktMi0yLTJINDkuNWMtMS4xLDAtMiwwLjktMiwydjM2LjcgICBDNDcuNCwzOS44LDQ4LjMsNDAuNyw0OS41LDQwLjd6IE01MS41LDQuMWgxOS4zdjMyLjZINTEuNVY0LjF6Ii8+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTg0LjksNDAuN2gyMy40YzEuMSwwLDItMC45LDItMlYyYzAtMS4xLTAuOS0yLTItMkg4NC45Yy0xLjEsMC0yLDAuOS0yLDJ2MzYuNyAgIEM4Mi45LDM5LjgsODMuOCw0MC43LDg0LjksNDAuN3ogTTg3LDQuMWgxOS4zdjMyLjZIODdWNC4xeiIvPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNy4zLDcxLjNIMTRjLTEuMSwwLTIsMC45LTIsMlYxMTBjMCwxLjEsMC45LDIsMiwyaDIzLjRjMS4xLDAsMi0wLjksMi0yVjczLjMgICBDMzkuNCw3Mi4yLDM4LjUsNzEuMywzNy4zLDcxLjN6IE0zNS4zLDEwNy45SDE2Vjc1LjRoMTkuM1YxMDcuOXoiLz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNzIuOCw3MS4zSDQ5LjVjLTEuMSwwLTIsMC45LTIsMlYxMTBjMCwxLjEsMC45LDIsMiwyaDIzLjRjMS4xLDAsMi0wLjksMi0yVjczLjMgICBDNzQuOSw3Mi4yLDczLjksNzEuMyw3Mi44LDcxLjN6IE03MC44LDEwNy45SDUxLjVWNzUuNGgxOS4zVjEwNy45eiIvPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMDguMyw3MS4zSDg0LjljLTEuMSwwLTIsMC45LTIsMlYxMTBjMCwxLjEsMC45LDIsMiwyaDIzLjRjMS4xLDAsMi0wLjksMi0yVjczLjMgICBDMTEwLjMsNzIuMiwxMDkuNCw3MS4zLDEwOC4zLDcxLjN6IE0xMDYuMiwxMDcuOUg4N1Y3NS40aDE5LjNWMTA3Ljl6Ii8+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEyMC4yLDQ4LjJIMmMtMS4xLDAtMiwwLjktMiwydjExLjZjMCwxLjEsMC45LDIsMiwyaDExOC4yYzEuMSwwLDItMC45LDItMlY1MC4yICAgQzEyMi4zLDQ5LjEsMTIxLjQsNDguMiwxMjAuMiw0OC4yeiBNMTE4LjIsNTkuOEg0LjF2LTcuNWgxMTQuMVY1OS44eiIvPg0KPC9nPg0KPC9zdmc+');
    width: 35px;
    height: 35px;
  }
  
  .menu-main:not(.header__nav) .menu-item-with-icon--flipbook-app::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyMi4zIDEwMS4yIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjIuMyAxMDEuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTE1LjYsMEgxOC4xYy0zLjcsMC02LjcsMy02LjcsNi43djI1LjdINi43QzMsMzIuMywwLDM1LjMsMCwzOXY1NS41YzAsMy43LDMsNi43LDYuNyw2LjdoMjQuOSAgIGMzLjcsMCw2LjctMyw2LjctNi43di03LjRoNzcuNGMzLjcsMCw2LjctMyw2LjctNi43VjYuN0MxMjIuMywzLDExOS4zLDAsMTE1LjYsMHogTTM0LjEsOTQuNWMwLDEuNC0xLjEsMi41LTIuNSwyLjVINi43ICAgYy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVWMzljMC0xLjQsMS4xLTIuNSwyLjUtMi41aDI0LjljMS40LDAsMi41LDEuMSwyLjUsMi41Vjk0LjV6IE0zMS41LDMyLjNoLTVWMTUuNUg4MSAgIGMxLjgsMi41LDkuMSwxMy41LDMsMjEuN2MtMC41LDAuNy0wLjUsMS41LTAuMSwyLjNjMC40LDAuNywxLjIsMS4xLDIsMWMxMC40LTEuMSwxOC42LDMuNywyMS4xLDUuNHYyNS42SDM4LjJWMzkgICBDMzguMiwzNS4zLDM1LjIsMzIuMywzMS41LDMyLjN6IE04OC44LDIxYzUuMyw0LjMsMTIsMTAuOSwxNi4xLDE4LjljLTMuNy0xLjgtOS4xLTMuNy0xNS41LTMuN0M5MS42LDMwLjksOTAuNSwyNS40LDg4LjgsMjF6ICAgIE04OC42LDE1LjVoMTguNXYxOS44QzEwMS43LDI2LjQsOTMuOCwxOS40LDg4LjYsMTUuNXogTTExOC4xLDgwLjRjMCwxLjQtMS4xLDIuNS0yLjUsMi41SDM4LjJ2LTcuMmg3MWMxLjEsMCwyLjEtMC45LDIuMS0yLjEgICBWMTMuNGMwLTEuMS0wLjktMi4xLTIuMS0yLjFIMjQuNWMtMS4xLDAtMi4xLDAuOS0yLjEsMi4xdjE4LjloLTYuOVY2LjdjMC0xLjQsMS4xLTIuNSwyLjUtMi41aDk3LjVjMS40LDAsMi41LDEuMSwyLjUsMi41VjgwLjR6Ii8+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTY2LjgsNjcuOWMxLjEsMCwyLjEtMC45LDIuMS0yLjFWMjAuNGMwLTEuMS0wLjktMi4xLTIuMS0yLjFzLTIuMSwwLjktMi4xLDIuMXY0NS40ICAgQzY0LjgsNjYuOSw2NS43LDY3LjksNjYuOCw2Ny45eiIvPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNC41LDg3LjFoLTExYy0xLjEsMC0yLjEsMC45LTIuMSwyLjFzMC45LDIuMSwyLjEsMi4xaDExYzEuMSwwLDIuMS0wLjksMi4xLTIuMVMyNS43LDg3LjEsMjQuNSw4Ny4xeiIvPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xOSw0OC4zYzEuOCwwLDMuMy0xLjUsMy4zLTMuM2MwLTEuOC0xLjUtMy4zLTMuMy0zLjNjLTEuOCwwLTMuMywxLjUtMy4zLDMuM0MxNS43LDQ2LjgsMTcuMiw0OC4zLDE5LDQ4LjMgICB6Ii8+DQo8L2c+DQo8L3N2Zz4=');
    width: 35px;
    height: 30px;
  }

  @media (min-width: 480px) and (max-width: 576px) {
    .with--search-bar .icon-search-black-variant {
      top: -1px;
    }

    .header__control__icon--search .skip-lazy.icon-search-white {
      top: -4px;
    }
  }

  @media (max-width: 1200px) {
    .menu-main:not(.header__nav) li.menu-item-with-icon {
      margin-top: 10px !important;
    }
  
    .double-dropdown ul.sub-menu li.menu-item-with-icon a {
      padding-left: 70px !important;
      display: flex;
      align-items: center;
    }
  }
  
  /* DROPDOWN MENU END */
  
  /* HOME PAGE START */
  
  .home__examples-mobile {
    display: none;
  }
  
  @media (max-width: 991px) {
    .hero-header .hero-title {
      font-size: 41px;
    }
  }
  
  @media (max-width: 600px) {
    .home__examples-mobile {
      display: block;
      margin-top: 1rem !important;
    }
  
    .home__examples-desktop {
      display: none;
    }
  
    .home__adwards {
      display: none;
    }
  
    .hero-header {
      padding-top: 180px;
    }
  
    .hero-header .hero-title {
      font-size: 36px;
      margin-bottom: 1rem;
    }
  
    h2.section-title {
      font-size: 1.1rem !important;
      line-height: 1.3rem !important;
      padding-bottom: 0 !important;
    }
  
    h3.section-title {
      font-size: 1rem !important;
      line-height: 1.2rem !important;
    }
  }
  
  /* HOME PAGE END */
  section.cta-brands--small.mt-none {
      margin-top: 0 !important;
  }
  
  .cta-brands--small h3.section-title {
      padding-bottom: 10px !important;
      font-size: 21px !important;
      line-height: 1.3;
  }
  
  .cta-brands__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
    padding: 0;
    margin: 0 0 20px 0;
    flex-wrap: wrap;
  }
  
  .cta-brands__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 6);
    height: 100%;
  }
  
  .cta-brands__item img {
    width: 65%;
    filter: invert(69%) sepia(17%) saturate(376%) hue-rotate(183deg) brightness(87%) contrast(93%);
    transition: 0.2s filter ease-in-out;
  }
  
  .cta-brands__item:hover img {
    filter: none;
  }
  
  @media screen and (max-width: 768px) {
    .cta-brands__list {
      justify-content: center;
      gap: 30px 0;
    }
  
    .cta-brands__item {
      width: calc(100% / 4);
    }
  
    .cta-brands__item img {
      width: 70%;
    }
  }
  
  @media screen and (max-width: 600px) {
    .cta-brands__item {
      width: calc(100% / 3);
    }
  }
  
  @-webkit-keyframes pulse-white {
    0% {
      box-shadow: 0 0 0 0 rgba(92, 169, 255, 0.7);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(92, 169, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(92, 169, 255, 0);
    }
  }
  
  @keyframes pulse-white {
    0% {
      box-shadow: 0 0 0 0 rgba(92, 169, 255, 0.7);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(92, 169, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(92, 169, 255, 0);
    }
  }
  
  .section-blog__title {
    line-height: 45px;
    font-size: 40px !important;
  }
  
  /*common classes for mobile control*/
  @media screen and (max-width: 768px) {
    .m-text-center {
      text-align: center;
    }
  
    .m-block-center {
      margin-left: auto;
      margin-right: auto;
    }
  
    .m-d-table {
      display: table;
    }
  
    .m-d-block {
      display: block;
    }
  
    .m-d-flex {
      display: flex !important;
    }
  
    .m-jc-c {
      justify-content: center;
    }
  
    .m-ai-c {
      align-items: center;
    }
  
    .m-flex-col {
      flex-direction: column;
    }
  
    .m-check-example-img-white {
      content: url('../png/check_en_white.png');
    }
  
    .m-pb-0 {
      padding-bottom: 0rem !important;
    }
  
    .m-pb-1 {
      padding-bottom: 1rem !important;
    }
  
    .m-pb-2 {
      padding-bottom: 2rem !important;
    }
  
    .m-pb-3 {
      padding-bottom: 3rem !important;
    }
  
    .m-pb-4 {
      padding-bottom: 4rem !important;
    }
  
    .m-pb-5 {
      padding-bottom: 5rem !important;
    }
  
    .m-mr-0 {
      margin-right: 0 !important;
    }
  
    .m-ml-0 {
      margin-left: 0 !important;
    }
  
    .m-mt-1 {
      margin-top: 1rem !important;
    }
  
    .m-mt-0 {
      margin-top: 0rem !important;
    }
  
    .m-mb-0 {
      margin-bottom: 0rem !important;
    }
  
    .m-mb-1 {
      margin-bottom: 1rem !important;
    }
  
    .m-mb-2 {
      margin-bottom: 2rem !important;
    }
  
    .m-mb-3 {
      margin-bottom: 3rem !important;
    }
  
    .m-mb-4 {
      margin-bottom: 4rem !important;
    }
  
    .m-mb-5 {
      margin-bottom: 5rem !important;
    }
  
    .m-lg-px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .m-h-a {
      height: auto !important;
    }
  }
  
  @media screen and (max-width: 600px) {
    .m-md-d-n {
      display: none !important;
    }
  
    .m-md-t--1 {
      margin-top: -1rem !important;
    }
  
    .m-md-mt-1 {
      margin-top: 1rem !important;
    }
  
    .m-md-mb-0 {
      margin-bottom: 0rem !important;
    }
  
    .m-md-mb-1 {
      margin-bottom: 1rem !important;
    }
  
    .m-md-mb-2 {
      margin-bottom: 2rem !important;
    }
  
    .m-md-mb-3 {
      margin-bottom: 3rem !important;
    }
  
    .m-md-mb-4 {
      margin-bottom: 4rem !important;
    }
  
    .m-md-mb-5 {
      margin-bottom: 5rem !important;
    }
  
    h2.m-md-h2-pb-1 {
      padding-bottom: 1rem !important;
    }
  
    .m-md-pt-1 {
      padding-top: 1rem !important;
    }
  
    .m-md-pt-2 {
      padding-top: 2rem !important;
    }
  
    .m-md-pt-3 {
      padding-top: 3rem !important;
    }
  
    .m-md-pt-4 {
      padding-top: 4rem !important;
    }
  
    .m-md-px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .m-md-fz-lg {
      font-size: 30px !important;
      line-height: 38px !important;
      min-height: 38px !important;
    }
  
    .m-md-fz-md {
      font-size: 26px !important;
      line-height: 34px !important;
      min-height: 34px !important;
    }
  
    .m-md-fz-xs {
      font-size: 20px !important;
      line-height: 28px !important;
      min-height: 28px !important;
    }
  
    h2.m-md-h2-md {
      font-size: 1.3rem !important;
      line-height: 1.6rem !important;
    }
  
    h4.m-md-h4-md {
      font-size: 0.9rem !important;
      line-height: 1.2rem !important;
    }
  
    .m-md-w-100 {
      width: 100% !important;
    }
  
    .m-md-mt-1 {
      margin-top: 1rem !important;
    }
  
    .m-md-mt-2 {
      margin-top: 2rem !important;
    }
  
    .m-md-mt-3 {
      margin-top: 3rem !important;
    }
  }
  
  @media screen and (max-width: 480px) {
    .m-xs-mt-0 {
      margin-top: 0rem !important;
    }
  
    .m-xs-mb-0 {
      margin-bottom: 0rem !important;
    }
  
    .m-xs-mb-1 {
      margin-bottom: 1rem !important;
    }
  
    .m-xs-mb-2 {
      margin-bottom: 2rem !important;
    }
  
    .m-xs-mb-3 {
      margin-bottom: 3rem !important;
    }
  
    .m-xs-mt-1 {
      margin-top: 1rem !important;
    }
  
    .m-xs-px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .m-xs-w-100 {
      width: 100% !important;
    }
  
    .m-xs-w-50 {
      width: 50% !important;
    }
  
    .m-xs-fz-lg {
      font-size: 32px !important;
      line-height: 40px !important;
      min-height: 40px !important;
    }
  
    .m-xs-fz-md {
      font-size: 26px !important;
      line-height: 34px !important;
      min-height: 34px !important;
    }
  
    .m-xs-fz-xs {
      font-size: 22px !important;
      line-height: 30px !important;
      min-height: 30px !important;
    }
  
    section#howtomake h3 {
      font-size: 26px !important;
    }
  }
  
  body.page-id-1241 .show-publuu-viewer img,
  body.page-id-1294 .show-publuu-viewer img,
  body.page-id-2186 .show-publuu-viewer img,
  body.page-id-2289 .show-publuu-viewer img,
  body.page-id-2451 .show-publuu-viewer img,
  body.page-id-2400 .show-publuu-viewer img,
  body.page-id-3013 .show-publuu-viewer img,
  body.page-id-3167 .show-publuu-viewer img,
  body.page-id-9394 .show-publuu-viewer img,
  body.page-id-15452 .show-publuu-viewer img,
  body.page-id-3091 .show-publuu-viewer img,
  body.page-id-161 .show-publuu-viewer img,
  body.page-id-6506 .show-publuu-viewer img,
  body.page-id-1444 .show-publuu-viewer img,
  body.page-id-302 .show-publuu-viewer img,
  /* body.page-id-10267 .show-publuu-viewer img, */
  body.page-id-1336 .show-publuu-viewer img, 
  body.page-id-9658 .show-publuu-viewer img, 
  body.page-id-9659 .show-publuu-viewer img, 
  body.page-id-14866 .show-publuu-viewer img {
    -webkit-box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
    -moz-box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
    box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
  }
  
  .cover-shadow img {
    -webkit-box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
    -moz-box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
    box-shadow: 2px 2px 12px 0px rgba(68 68 90 / 40%);
  }
  
  /* AWARDS */
  .awards__wrapper {
    max-width: 575px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
    padding: 20px;
    border-radius: 15px;
  }
  
  .awards__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px 40px;
  }
  
  .awards__title__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
    max-width: 100px;
    width: 100%;
    gap: 10px;
    position: relative;
  }
  
  .awards__wrapper.page-maker {
    margin-top: 52px;
  }
  
  .awards__wrapper.page-maker .awards__title__wrapper {
    max-width: 80px;
  }
  
  .awards__title {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    line-height: 20px;
  }
  
  .awards__title__link {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.1s color ease;
  }
  
  awards__title__link svg path {
    transition: 0.1s stroke ease;
  }
  
  .awards__title__link:not(.awards__title__link--mobile):hover {
    color: #4ba2ff;
  }
  
  .awards__title__link:not(.awards__title__link--mobile):hover svg path {
    stroke: #4ba2ff;
  }
  
  .awards__title__link--mobile {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -100%;
    left: -100%;
  }
  
  .awards__badges {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .awards__badge {
    width: 25%;
  }
  
  .awards__wrapper.page-maker .awards__capterra {
    cursor: pointer;
  }
  
  .awards__capterra {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #dcdedc;
    gap: 15px 20px;
    padding: 10px;
    transition: 0.15s transform ease;
    cursor: pointer;
  }
  
  .awards__capterra:hover {
    transform: scale(1.02);
    cursor: pointer;
  }
  
  .awards__capterra__info {
    display: flex;
    flex-direction: column;
    gap: 5px 20px;
  }
  
  .awards__capterra__info .capterra__logo,
  .awards__capterra__info .get-app__logo,
  .awards__capterra__info .g2__logo {
    display: none;
  }
  
  .awards__wrapper.review--capterra .awards__capterra__info > .capterra__logo {
    display: block;
  }
  
  .awards__wrapper.review--g2 .awards__capterra__info > .g2__logo {
    display: block;
  }
  
  .awards__wrapper.review--get-app .awards__capterra__info > .get-app__logo {
    display: block;
  }
  
  .awards__capterra__text {
    font-size: 14px;
    line-height: 20px;
    color: #273e5d;
    font-style: italic;
    font-weight: 400;
  }
  
  .awards__capterra__text b {
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 15px !important;
  }
  
  .awards__capterra__logo {
    width: 100%;
    min-width: 70px;
  }
  
  .awards__capterra__grade {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 12px;
    font-weight: bold;
    color: #273e5d;
    gap: 10px;
  }
  
  .awards__capterra__grade span {
    height: 16px;
  }
  
  .awards__capterra__stars {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .awards__capterra__srar svg path {
    fill: #feca19;
    stroke: #feca19;
  }
  
  .awards__capterra__srar.red svg path {
    fill: #ef492d;
    stroke: #ef492d;
  }
  
  .awards__capterra__srar.green svg path {
    fill: #009c9c;
    stroke: #009c9c;
  }
  
  @media screen and (max-width: 991px) and (min-width: 769px) {
    .awards__wrapper {
      background-color: #f6f9fe;
    }
  
    .awards__title {
      color: #000 !important;
    }
  
    .awards__capterra {
      flex-direction: column;
    }
  
    .awards__capterra__info {
      flex-direction: row;
    }
  
    .awards__capterra__info > svg {
      width: 100%;
      min-width: 60px;
    }
  
    .awards__capterra__srar svg {
      width: 100%;
      min-width: 10px;
    }
  
    .awards__capterra__grade {
      align-items: center;
      gap: 5px;
    }
  
    .awards__capterra__text {
      text-align: center;
    }
  
    .awards__badges {
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .awards__badge {
      width: 30%;
      max-width: 100px;
    }
  
    .awards__capterra__stars {
      gap: 2px;
    }
  }
  
  @media screen and (max-width: 768px) {
    .awards__wrapper:not(.nomedia):not(.nomediaback):not(.page-maker):not(.text-black) .awards__title,
    .awards__wrapper:not(.nomedia):not(.nomediaback):not(.page-maker):not(.text-black)
      .awards__capterra__text,
    .awards__wrapper:not(.nomedia):not(.nomediaback):not(.page-maker):not(.text-black)
      .awards__capterra__grade {
      color: #fff !important;
      padding: 0;
    }
  
    .awards__wrapper.page-maker .awards__title,
    .awards__wrapper.page-maker .awards__capterra__text,
    .awards__wrapper.page-maker .awards__capterra__grade {
      color: #000 !important;
      padding: 0;
    }
  
    .awards__wrapper {
      background-color: #f6f9fe;
      padding-left: 0;
      padding-right: 15px;
    }
  
    .awards__wrapper.awards_label_nomedia {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  
    .awards__wrapper:not(.nomedia):not(.nomediaback) {
      background-color: transparent;
      padding-left: 0px;
      padding-right: 15px;
    }
  
    .awards__wrapper {
      max-width: 100%;
    }
  
    .awards__wrapper.page-maker {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
  
    .awards__wrapper.page-maker .awards__content {
      max-width: 500px;
    }
  
    .awards__title__link {
      color: #5385f8;
    }
  
    .awards__capterra {
      margin-bottom: 20px;
    }
  
    .awards__wrapper:not(.nomedia):not(.nomediaback):not(.page-maker):not(.text-black)
      .awards__capterra__info
      > svg
      path:last-of-type {
      fill: #fff;
    }
  
    .awards__badges {
      gap: 10px;
    }
  
    .hero-header__awards-abs {
      position: relative;
      padding-bottom: 30px;
    }
  
    .hero-header__awards-abs .awards__wrapper {
      position: absolute;
      background-color: transparent !important;
      padding-left: 0;
      margin-top: 40px;
    }
  
    .hero-header__awards-abs .awards__wrapper.page-maker {
      left: 50%;
      transform: translateX(-50%);
    }
  
    .hero-header__awards-abs .awards__wrapper.page-maker {
      margin-top: 60px;
    }
  
    .create-section__awards-abs {
      padding-top: 330px !important;
    }
  
    .page-maker__awards-abs {
      padding-top: 190px !important;
    }
    
    .cta-brands--small {
      margin-top: 450px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
  }
  
  @media screen and (max-width: 680px) {
    .page-maker__awards-abs {
      padding-top: 190px !important;
    }
    
    .cta-brands--small {
      margin-top: 390px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
  }
  
  @media screen and (max-width: 600px) {
    .awards__content {
      flex-direction: column;
    }
  
    .awards__title__wrapper {
      max-width: 100%;
      text-align: center;
      align-items: center;
      flex-direction: row;
      width: fit-content;
    }
  
    .awards__title__link {
      position: absolute;
      right: calc(-100% - 25px);
    }
  
    /* .awards__wrapper:not(.nomedia):not(.nomediaback) {
      padding-left: 0;
      padding-right: 0;
    } */
  
    .awards__wrapper.page-maker:not(.nomedia):not(.nomediaback) {
      padding-left: 15px;
      padding-right: 15px;
    }
  
    .awards__wrapper.page-maker .awards__title__wrapper {
      max-width: 100%;
    }
  
    .create-section__awards-abs {
      padding-top: 420px !important;
    }
  
    .awards__title__link:not(.awards__title__link--mobile) {
      display: none !important;
    }
  
    .awards__title__link--mobile.text-white {
      color: #fff !important;
    }
  
    .awards__title__link--mobile {
      position: absolute;
      right: unset;
      bottom: 10px;
      color: #273e5d !important;
      opacity: 1;
      visibility: visible;
      top: unset;
      left: unset;
      text-decoration: underline;
    }
  
    .awards__title__link--mobile svg path {
      stroke: #273e5d;
    }
  
    .awards__wrapper.page-catalog .awards__title__link--mobile {
      color: #fff !important;
      bottom: 20px;
    }
  
    .awards__wrapper.page-catalog .awards__title__link--mobile svg path {
      stroke: #fff !important;
    }
  
    .page-maker__awards-abs {
      padding-top: 260px !important;
    }
    
    .cta-brands--small {
      margin-top: 550px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
  }
  
  @media screen and (max-width: 540px) {
    .page-maker__awards-abs {
      padding-top: 250px !important;
    }
    
    .cta-brands--small {
      margin-top: 500px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
  }

  @media (min-width: 1201px) {
    .header__top .header__wrapper.logged-in .header__content .header__control__box--search.desktop {
      right: 217px !important;
    }

    .header__top .header__content .header__control__box--search.mobile {
      display: none;
    }

    .header__control__icon--search.focused {
      display: none !important;
    }
  
    .header__top .header__wrapper.logged-in .header__content .header__control__icon--search.focused + .search-box-input {
      width: calc(100% - 185px) !important;
    }
    
    html[lang^="et"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 378px;
    }
  
    html[lang^="et"] .header__top .header__content .header__control__icon--search.focused + .search-box-input {
      width: calc(100% - 355px);
    }
  
  
    html[lang^="en"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 329px;
    }
  
    html[lang^="de"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 401px;
    }
  
    html[lang^="de"] .header__top .header__content .header__control__icon--search.focused + .search-box-input {
      width: calc(100% - 368px);
    }
  
    html[lang^="es"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 359px;
    }
  
    html[lang^="fr"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 309px;
    }
  
    html[lang^="pl"] body header .header__top .header__wrapper .header__content .header__control__box--search.desktop {
      right: 320px;
    }
  
    html[lang^="fr"] .header__top .header__content .header__control__icon--search.focused + .search-box-input {
      width: calc(100% - 270px);
    }
  }
  
  @media screen and (max-width: 480px) {
    .awards__capterra {
      flex-direction: column;
    }
  
    .awards__capterra__info {
      flex-direction: row;
    }
  
    .awards__capterra__grade {
      align-items: center;
    }
  
    .page-maker__awards-abs {
      padding-top: 250px !important;
    }
    
    .cta-brands--small {
      margin-top: 470px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
    
    html[lang="pl-PL"] .cta-brands--small h3.section-title,
    html[lang="fr-FR"] .cta-brands--small h3.section-title,
    html[lang="es-ES"] .cta-brands--small h3.section-title,
    html[lang="de-DE"] .cta-brands--small h3.section-title {
      font-size: 17px !important;
      line-height: 1.1rem !important;
    }
  }
  
  @media screen and (max-width: 400px) {
    .create-section__awards-abs {
      padding-top: 400px !important;
    }
  
    .page-maker__awards-abs {
      padding-top: 250px !important;
    }
    
    .cta-brands--small {
      margin-top: 400px !important;
    }
    
    .cta-brands--small + .page-maker__awards-abs {
      padding-top: 0px !important;
    }
  }
  
  @media screen and (max-width: 360px) {
    .page-maker__awards-abs {
      padding-top: 200px !important;
    }
  }
  
  /* END AWARDS */
  
  /* HOW TO MAKE OL */
  .how-to-make__item {
    display: flex;
    flex-direction: row;
    gap: 30px 10px;
  }
  
  @media screen and (max-width: 768px) {
    .how-to-make__item {
      flex-direction: column;
      align-items: center;
    }
  }
  /* END HOW TO MAKE OL */
  
  .sidebar__posts__wrapper {
    position: sticky;
    top: 100px;
  }
  
  .sidebar__cta {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #eef1f6;
    border: 1px solid #c7ced8;
    border-radius: 4px;
    padding: 30px 15px;
    user-select: none;
    position: sticky;
    top: 100px;
    z-index: 1;
    margin-top: 40px;
  }
  
  .sidebar__cta__title {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    color: #3461c9;
    text-align: center;
    font-weight: 900;
    max-width: 220px;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  
  .sidebar__cta__dz__wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 250px;
    width: 100%;
  }
  
  .sidebar__cta__loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .5s opacity ease, .5s visibility ease;
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  .sidebar__cta__loader svg circle {
    animation: 1s spin infinite linear;
    transform-origin: 50% 50%;
  }
  
  .sidebar__cta__dz__wrapper.loading .sidebar__cta__loader {
    opacity: 1;
    visibility: visible;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz {
    padding: 0;
    margin: 15px auto 5px;
    height: 230px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #c7ced8;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
    overflow: hidden;
  }
  
  .sidebar__cta__dz__wrapper.uploading #issue-upload.dropzone.sidebar__cta__dz {
    opacity: 1;
    visibility: visible;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-error__wrapper {
    background-color: #fff;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-progress-percent {
    top: 10%;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-progress-header {
    top: 60%;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-progress-text {
    top: 74%;
    font-size: 16px;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-default.dz-message {
    display: none;
  }
  
  #issue-upload.dropzone.sidebar__cta__dz .dz-error__btn {
    display: none !important;
  }
  
  .sidebar__cta__image {
    width: 102%;
    height: 102%;
    max-width: 226px;
    max-height: 232px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
    overflow: hidden;
    object-fit: cover;
  }
  
  .sidebar__cta__dz__wrapper.animation:not(.uploading) .sidebar__cta__image {
    opacity: 1;
    visibility: visible;
  }
  
  .sidebar__cta__btn {
    margin: 10px auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    background-color: #3461c9;
    border-radius: 30px;
    border: 2px solid #3461c9;
    outline: none;
    transition: .1s color ease, .1s background ease, .1s opacity ease;
    letter-spacing: .3px;
    padding: 5px 25px;
    width: fit-content;
  }
  
  html[lang="fr-FR"] .sidebar__cta__btn {
    padding: 5px 18px;
    font-size: 16px;
  }
  
  .sidebar__cta__btn:disabled {
    pointer-events: none;
    opacity: .85;
  }
  
  .sidebar__cta__btn:not(:disabled):hover {
    color: #3461c9;
    background-color: #eef1f6;
  }
  
  @media (max-width: 1200px) {
    body.single-post #publuu .col-lg-4 {
      padding-left: 60px;
    }
  }
  
  @media (max-width: 991px) {
    body.single-post #publuu .col-lg-4 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .sidebar__cta {
      margin-top: 0;
    }
  }
  
  div.hero-header.hero-homepage{
    background-image: url("https://d1q3gj91a17lu.cloudfront.net/wp-content/uploads/2023/07/18145316/bg_home2.webp");
  }
  @media screen and (max-width: 1920px) {
    div.hero-header.hero-homepage{
      background-image: url("../webp/jumbo_bg.webp");
    }
  
  }
  @media screen and (max-width: 768px) {
    div.hero-header.hero-homepage{
      background-size:cover;
    }
  }
  
  
  div.hero-header.catalog{
    background-image: url("https://d1q3gj91a17lu.cloudfront.net/wp-content/uploads/2023/07/18123836/bg_catalog_2560.webp");
    background-size: auto 600px;
  }
  @media screen and (max-width: 1920px) {
    div.hero-header.catalog{
      background-image: url(https://d1u9ua4yk0lyeu.cloudfront.net/www/uploads/2022/04/ocbg2.jpg.webp);
    }
  }
  @media screen and (max-width: 768px) {
    div.hero-header.catalog{
      background-size:cover;
    }
  }
  
  
  div.hero-header.magazine{
    background-image: url("https://d3vpszern3jgjo.cloudfront.net/wp-content/themes/setupo-new/public/img/magazine/magazine-bg-retina.webp");
    background-size: auto 600px;
  }
  @media screen and (max-width: 1920px) {
    div.hero-header.magazine{
      background-image: url(https://d1u9ua4yk0lyeu.cloudfront.net/www/uploads/2022/04/magbg.jpg.webp);
    }
  }
  @media screen and (max-width: 768px) {
    div.hero-header.magazine{
      background-size:cover;
    }
  }
  
  
  div.hero-header.brochure{
   
    background-image: url("https://d3vpszern3jgjo.cloudfront.net/wp-content/themes/setupo-new/public/img/brochure/jumbo1920.webp");
    background-size: auto 600px;
  }
  @media screen and (max-width: 1920px) {
    div.hero-header.brochure{
      background-image: url(../webp/bg_brochure2.jpg.webp);
    }
  }
  @media screen and (max-width: 768px) {
    div.hero-header.brochure{
      background-size:cover;
    }
  }
  
  div.hero-header.estate{
    background-image: url("https://d3vpszern3jgjo.cloudfront.net/wp-content/themes/setupo-new/public/img/real-estate/real-estate-hero-retina.webp");
    background-size: auto 720px;
  }
  
  div.hero-header.estate::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 120px;
      background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
  }
    
  @media screen and (max-width: 1920px) {
    div.hero-header.estate{
        position: relative;
      background-image: url(https://d3vpszern3jgjo.cloudfront.net/wp-content/themes/setupo-new/public/img/real-estate/real-estate-hero.webp);
    }
  }
  @media screen and (max-width: 768px) {
    div.hero-header.estate{
      background-size:cover;
    }
    
    div.hero-header.estate::before {
       display: none;
    }
  }
  
  .post__author {
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 10px;
    display: flex;
    margin: 0;
    padding: 20px;
    gap: 20px;
    justify-content: space-between;
  }
  
  .post__author.post__author--v2 {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    gap: 10px;
  }
  
  .post__author__wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  
  .post__author_avatar {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .post__author.post__author--v2 .post__author_avatar {
    width: 70px;
    height: 70px;
    min-width: 70px;
    outline: 2px solid transparent;
    transition: .15s outline ease;
  }
  
  .post__author.post__author--v2 .post__author_avatar:hover {
    outline-color: #cbcbcb;
  }
  
  .post__author_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .post__author__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 150px;
    padding: 5px 0;
  }
  
  .post__author.post__author--v2 .post__author__info {
    gap: 4px;
    justify-content: center;
    max-width: 210px;
    width: 100%;
  }
  
  .post__author__info__created {
    font-size: 14px;
    color: #273e5d;
    line-height: 1.1;
  }
  
  .post__author__info__modified {
    font-size: 14px;
    color: #273e5d;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .post__author__info__modified span {
    position: relative;
  }
  
  .post__author__info__modified span:first-of-type::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -7px;
    width: 2px;
    height: 2px;
    background-color: #273e5d;
  }
  
  .post__author__info__name {
    font-size: 16px;
    color: #101926;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
  }
  
  .post__author.post__author--v2 .post__author__info__name {
    color: #273e5d;
    line-height: 1.1;
  }
  
  .post__author__info__role {
    font-size: 14px;
    font-weight: 500;
    color: #808f9d;
    text-transform: uppercase;
    line-height: 1.2;
  }
  
  .post__author__info__link {
    font-size: 14px;
    color: #444e5a;
    line-height: 1.2;
    font-weight: 500;
  }
  
  .post__author__description {
    padding: 5px 0 !important;
    font-size: 14px !important;
    color: #444e5a !important;
    line-height: 1.3 !important;
    margin-top: 0 !important;
    font-weight: 500 !important;
    letter-spacing: .3px !important;
  }
  
  .post__author.post__author--v2 .post__share__wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .post__author.post__author--v2 .post__share__socials {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .post__author.post__author--v2 .post__share__social {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #a7b0b9; */
    border-radius: 50%;
    transition: .1s background ease;
    width: 35px;
    height: 35px;
    padding: 1px;
    overflow: hidden;
  }
  
  /* .post__author.post__author--v2 .post__share__social.post__share__social--facebook {
    padding: 8px;
  }
  
  .post__author.post__author--v2 .post__share__social.post__share__social--pinterest {
    padding: 8px;
  }
  
  .post__author.post__author--v2 .post__share__social.post__share__social--linkedin {
    padding: 9px;
  }
  
  .post__author.post__author--v2 .post__share__social.post__share__social--twitter {
    padding: 3px;
  }
  
  .post__author.post__author--v2 .post__share__social.post__share__social--email {
    padding: 6px;
  } */
  
  .post__author.post__author--v2 .post__share__social svg {
    pointer-events: none;
    width: 100%;
    height: 100%;
  }
  
  .post__author.post__author--v2 .post__share__social svg :is(path, polygon) {
    transition: .1s fill ease;
  }
  
  .post__author.post__author--v2 .post__share__social:hover svg :is(path, polygon) {
    fill: #3461c9;
  }
  
  .post__author.post__author--v2 .post__share__btn {
    display: flex;
    align-items: center;
    gap: 7px;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 5px 12px;
    border-radius: 6px;
    transition: .1s background ease;
  }
  
  .post__author.post__author--v2 .post__share__btn .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  
  .post__author.post__author--v2 .post__share__btn span {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    color: #283d5c;
    transition: .1s color;
    width: 60px;
    pointer-events: none;
  }
  
  .post__author.post__author--v2 .post__share__btn.notified {
    background-color: #f3f3f3;
    pointer-events: none;
    cursor: default;
    opacity: 0.85;
  }
  
  .post__author.post__author--v2 .post__share__btn.notified .icon .st0-share {
    stroke: #3461c9;
  }
  
  .post__author.post__author--v2 .post__share__btn.notified span {
    color: #3461c9;
  }
  
  .post__author.post__author--v2 .post__share__btn:hover span {
    color: #3461c9;
  }
  
  .post__author.post__author--v2 .post__share__btn .icon svg {
    width: 100%;
    height: 100%;
  }
  
  .post__author.post__author--v2 .post__share__btn .icon svg * {
    transition: .1s stroke ease;
  }
  
  .post__author.post__author--v2 .post__share__btn:hover .icon .st0-share {
    stroke: #3461c9;
  }
  
  .post__author.post__author--v2 .post__share__btn:hover {
    background-color: #f3f3f3;
  }
  
  @media screen and (max-width: 780px) {
    .post__author.post__author--v2 .post__share__wrapper {
      gap: 0;
    }
  
    .post__author.post__author--v2 .post__author__wrapper {
      gap: 10px;
    }
  
    .post__author.post__author--v2 .post__share__btn span {
      display: none;
    }
  }
  
  @media screen and (max-width: 600px) {
    .post__author {
      flex-direction: column;
    }
  
    .post__author__info {
      width: 100%;
    }
  
    .post__author.post__author--v2 .post__share__btn {
      margin: 0;
    }
  
    .post__author.post__author--v2 .post__share__wrapper {
      justify-content: space-between;
    }
  
    .post__author.post__author--v2 .post__share__btn span {
      display: block;
    }
  }
  
  @media screen and (max-width: 480px) {
    .post__author {
      padding: 20px 35px 30px;
      margin-top: 20px;
    }
  
    .post__author:not(.post__author--v2) .post__author__wrapper {
      flex-direction: column;
    }
  
    .post__author:not(.post__author--v2) .post__author_avatar {
      margin-top: -60px;
    }
  
    .post__author__info {
      text-align: left;
    }
  
    .post__author.post__author--v2 .post__share__btn {
      padding: 5px 10px;
      gap: 2px;
    }
  
    .post__author.post__author--v2 .post__share__social {
      width: 30px;
      height: 30px;
      padding: 0px;
    }
    
    .post__author.post__author--v2 .post__share__wrapper {
      gap: 5px;
    }
  }
  
  /* HEADER */
  .header__wrapper .header__nav .menu-main-block {
    margin-bottom: 0;
    /* padding-bottom: 1rem; */
    display: flex;
    align-items: flex-end;
    /* margin-top: 4px; */
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item a {
    position: relative;
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item a::after {
    /*content: url('/wp-content/themes/setupo-new/public/img/menu_chevron_right.svg');*/
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODQxLjkgNTk1LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg0MS45IDU5NS4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMzEuOSwxNjdsMC4xLDAuMWwxMTguNywxMzAuM0wzMzMuOSw0MjguNWwtMC4xLDAuMmMtNC4zLDctNS44LDE1LTQuMiwyMi42YzEuNiw3LjgsNi4zLDE0LjQsMTMuMywxOC43DQoJYzUuMywzLjMsMTEuMSw1LDE2LjksNWM4LjYsMCwxNi43LTMuOSwyMi4yLTEwLjhsMC4xLTAuMWwxMjYuMy0xNDQuM2M4LjYtMTEuOCw4LjYtMjksMC4yLTQyLjdsLTAuMS0wLjFMMzgyLjIsMTMyLjgNCgljLTUuMS04LTEzLjUtMTIuNS0yMy43LTEyLjVjLTQuOCwwLTkuOCwyLjEtMTQuMiwzLjljLTAuOSwwLjQtMS43LDAuNy0yLjYsMS4xbC0wLjQsMC4ybC0wLjQsMC4yYy03LDQuMy0xMS43LDEwLjktMTMuMywxOC43DQoJQzMyNi4xLDE1MiwzMjcuNiwxNjAsMzMxLjksMTY3eiIvPg0KPC9zdmc+DQo=');
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-90%);
    opacity: 0;
    visibility: hidden;
    transition: .15s opacity ease, .15s visibility ease;
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item:last-of-type a::after {
    right: -25px;
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item:not(.header__subnav) a::after {
    transform: translateY(-60%);
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item:not(.header__subnav) a {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item.header__subnav a::after {
    right: 13px;
    /*content: url('/wp-content/themes/setupo-new/public/img/menu_chevron_down.svg');*/
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODQxLjkgNTk1LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg0MS45IDU5NS4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01NTEuNiwyMDguNmwtMC4xLDAuMUw0MjEuMiwzMjcuNEwyOTAuMSwyMTAuNmwtMC4yLTAuMWMtNy00LjMtMTUtNS44LTIyLjYtNC4yYy03LjgsMS42LTE0LjQsNi4zLTE4LjcsMTMuMw0KCWMtMy4zLDUuMy01LDExLjEtNSwxNi45YzAsOC42LDMuOSwxNi43LDEwLjgsMjIuMmwwLjEsMC4xTDM5OC44LDM4NWMxMS44LDguNiwyOSw4LjYsNDIuNywwLjJsMC4xLTAuMWwxNDQuMi0xMjYuMw0KCWM4LTUuMSwxMi41LTEzLjUsMTIuNS0yMy43YzAtNC44LTIuMS05LjgtMy45LTE0LjJjLTAuNC0wLjktMC43LTEuNy0xLjEtMi42bC0wLjItMC40bC0wLjItMC40Yy00LjMtNy0xMC45LTExLjctMTguNy0xMy4zDQoJQzU2Ni42LDIwMi44LDU1OC42LDIwNC4zLDU1MS42LDIwOC42eiIvPg0KPC9zdmc+DQo=');
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item:hover a::after {
    opacity: 1;
    visibility: visible;
  }
  
  .header__wrapper .header__nav .menu-main-block > .menu-item a:focus::after {
    opacity: 1;
    visibility: visible;
  }
  
  .header__wrapper .header__nav .menu-main-block .menu-item a:focus {
    outline: none;
  }
  
  .header__wrapper .header__nav .menu-main-block .menu-item a {
    position: relative;
    padding: 12px 40px 28px 0;
  }
  
  .header__wrapper .header__nav .menu-main-block .menu-item:last-of-type a {
    padding-right: 0;
    padding-left: 0;
  }
  
  .header__wrapper .header__nav .menu-main-block .menu-item.header__subnav a {
    padding-left: 15px;
  }
  
  .header__wrapper .menu-main li {
    vertical-align: middle;
    overflow: visible;
    margin: 0;
  }
  
  .header__nav .menu-item:is(.try-free-menu, .last) {
    display: none;
  }
  
  .header__wrapper {
    width: 100%;
  }
  
  .header__wrapper .header__container {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
  }
  
  
  
  .header__wrapper .header__container--inner {
    width: 100%;
    /* max-width: 1400px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
  }
  
  .header__wrapper .header__item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .header__wrapper .header__item:last-of-type {
    padding-bottom: 6px;
  }
  
  /* 
  .header__item:first-of-type {
    overflow: hidden;
  } */
  
  .header__wrapper .header__logo {
    max-width: 157px;
    width: 100%;
    flex-shrink: 0;
    max-height: 49px;
    /* padding-bottom: 2px; */
    /* margin-bottom: -2px; */
  }
  
  .header__wrapper .header__logo svg {
    width: 100%;
    height: 100%;
  }
  
  .header__wrapper .header__link {
    width: fit-content;
    border-radius: 25px;
    border: 2px solid transparent;
    color: #fff;
    background-color: transparent;
    padding: 5px 20px 6px;
    font-size: 16px;
    font-weight: 600;
    transition: .15s background ease, .15s color ease;
  }
  
  .header__wrapper .header__link--register {
    background-color: #36b143;
    border-color: #36b143;
    /* text-transform: uppercase; */
  }
  
  .header__wrapper .header__link--login {
    border-color: #fff;
  }
  
  .header__wrapper .header__link--register:hover {
    background-color: #33cc11;
    border-color: #33cc11;
    color: #fff;
  }
  
  .header__wrapper .header__link--login:hover {
    background: #fff;
    color: #3461c9;
  }
  
  .header__wrapper .header__langs__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    padding: 15px 5px;
    position: relative;
    margin-left: 10px;
    margin-right: -10px;
  }
  
  .header__wrapper .header__langs__toggle__flag {
    background-color: #ebeef6;
    border: 2px solid #ebeef6;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
  }
  
  .header__wrapper .header__langs__toggle__flag img {
    width: 23px !important;
    height: 23px !important;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .header__wrapper .header__langs__toggle__arrow {
    width: 28px;
    height: 28px;
  }
  
  .header__wrapper .header__langs__list {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 15px 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 5px 8px 0px #2b303575;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: .15s opacity ease, .15s visibility ease;
    margin-bottom: 0;
    cursor: default;
  }
  
  .header__wrapper .header__langs__toggle:hover .header__langs__list {
    opacity: 1;
    visibility: visible;
  }
  
  .header__wrapper .header__langs__item {
    padding: 0px 30px;
  }
  
  /* .header__langs__item:not(:last-of-type) {
    border-bottom: 1px solid #f8f9fc;
  } */
  
  .header__wrapper .header__langs__item a {
    width: 105px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 7px 0;
    transition: .15s background ease;
    position: relative;
  }
  
  .header__wrapper .header__langs__item:not(:last-of-type) a {
    border-bottom: 1px solid #f8f9fc;
  }
  
  .header__wrapper .header__langs__item a span {
    font-size: 17px;
    font-weight: 600;
    color: #273e5d;
    transition: .15s color ease;
  }
  
  .header__wrapper .header__langs__item a svg:first-of-type {
    position: absolute;
    top: 50%;
    left: -24px;
    width: 28px;
    height: 28px;
    transform: translateY(-50%) translateX(-5px);
    opacity: 0;
    visibility: hidden;
    transition: .15s opacity ease, .15s visibility ease, .15s transform ease;
  }
  
  .header__wrapper .header__langs__item a:is(:hover, :focus, :active),
  .header__wrapper .header__langs__item a:is(:hover, :focus, :active) span {
    color: #3461c9;
  }
  
  .header__wrapper .header__langs__item a:hover svg:first-of-type {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
  }
  
  .header__wrapper .header__langs__item a img {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #ebeef6;
    border-radius: 50%;
    object-fit: cover;
  }
  
  .header__wrapper .header__nav {
    display: flex;
    align-items: flex-end;
    margin-top: 0px;
    padding: 0 15px;
    width: 100%;
    flex-shrink: 0;
    margin-left: 30px;
  }
  
  .header__wrapper .header__subnav__wrapper {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 8px 0px #2b303575;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(-20px); */
    transition: .15s opacity ease, .15s visibility ease, .15s transform ease;
  }
  
  .header__wrapper .header__subnav__wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    height: 20px;
    width: 25%;
    background-color: transparent;
  }
  
  .header__wrapper .header__subnav__wrapper.active {
    opacity: 1;
    visibility: visible;
    /* transform: translateY(0); */
  }
  
  .header__wrapper .header__subnav__container {
    max-width: 1260px;
    width: 100%;
    padding: 40px 15px;
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
  }
  
  .header__wrapper .header__subnav__item {
    display: flex;
    flex-direction: column;
    padding: 0 130px 0 50px;
    gap: 40px;
    flex-shrink: 0;
  }
  
  .header__wrapper .header__subnav__item:not(.header__subnav__item--preview) {
    gap: 30px;
    /*padding: 0;*/
  }
  
  .header__wrapper .header__subnav__item:not(.header__subnav__item--preview):first-of-type {
    order: 2;
    padding-left: 0;
    padding-right: 50px;
  }
  
  .header__wrapper .header__subnav__item:not(.header__subnav__item--preview):last-of-type {
    padding-right: 0;
    padding-left: 140px;
    order: 3;
    border-left: 2px solid #dcdedb;
  }
  
  .header__wrapper .header__subnav__item--preview {
    display: none;
    justify-content: center;
    text-align: center;
    border-right: 2px solid #dcdedc;
    padding: 0 50px;
  }
  
  .header__wrapper .header__subnav__item__title {
    font-weight: 600;
    font-size: 17px;
    color: #273e5d;
    margin-bottom: 0;
    text-transform: capitalize;
    visibility: hidden;
  }
  
  .header__wrapper .header__subnav__item__image {
    width: 350px;
    height: 260px;
    flex-shrink: 0;
    /* background-color: #f3f3f3; */
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  
  .header__wrapper .header__subnav__item__label {
    font-size: 17px;
    font-weight: 600;
    color: #3461c9;
    text-transform: uppercase;
  }
  
  .header__wrapper .header__subnav__item__list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 35px;
  }
  
  .header__wrapper .header__subnav__item:last-of-type .header__subnav__item__list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  
  .header__wrapper .header__subnav__item__link {
    position: relative;
  }
  
  .header__wrapper .header__subnav__item__link a {
    font-size: 17px;
    font-weight: 600;
    color: #273e5d;
    padding: 10px 0;
    display: block;
  }
  
  .header__wrapper .header__subnav__item__link a span {
    position: relative;
    width: fit-content;
    pointer-events: none;
    line-height: 20px;
    transition: .15s color ease;
  }
  
  .header__wrapper .header__subnav__item__link:not(.menu-item-with-icon) a span::before {
    /*content: url('/wp-content/themes/setupo-new/public/img/menu_arrow_right.svg');*/
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEySDMiIHN0cm9rZT0iIzM0NjFjOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjcxNTIgMTEuNzk2NkwxNy42MjEgOC44NzIxMkMxNi45NDIyIDguMzg3MjkgMTYuMDY3NCA5LjEzNDggMTYuNDQwNCA5Ljg4MDg4TDE3LjUgMTJMMTYuNDQwNCAxNC4xMTkxQzE2LjA2NzQgMTQuODY1MiAxNi45NDIyIDE1LjYxMjcgMTcuNjIxIDE1LjEyNzlMMjEuNzE1MiAxMi4yMDM0QzIxLjg1NDggMTIuMTAzNyAyMS44NTQ4IDExLjg5NjMgMjEuNzE1MiAxMS43OTY2WiIgZmlsbD0iIzM0NjFjOSIvPgo8L3N2Zz4K');
    position: absolute;
    right: -34px;
    width: 24px;
    height: 24px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-5px);
    transition: .15s opacity ease, .15s visibility ease, .15s transform ease;
  }
  
  .header__wrapper .header__subnav__item__link:not(.menu-item-with-icon):hover > a span {
    color: #3461c9;
  }
  
  .header__wrapper .header__subnav__item__link:not(.menu-item-with-icon):hover > a span::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon {
    width: 130px;
    height: 130px;
    border: 2px solid #3461c9;
    display: inline-flex;
    position: relative;
    margin-top: 15px;
    transition: .15s background ease;
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon:hover {
    background-color: #3461c9;
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon:hover a {
    color: #fff;
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon a {
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon::before {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    pointer-events: none;
    transition: .15s filter ease;
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon:hover::before {
    filter: brightness(0) invert(1);
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon.menu-item-with-icon--bookshelf::before {
    /*content: url('/wp-content/themes/setupo-new/public/img/menu_bookshelf_blue.svg');*/
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0MSAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjk2NzUgMTMuNjU0NkgxMi41NDczQzEyLjkxNjQgMTMuNjU0NiAxMy4yMTgzIDEzLjM1MjcgMTMuMjE4MyAxMi45ODM2VjAuNjcwOTg5QzEzLjIxODMgMC4zMDE5NDUgMTIuOTE2NCAwIDEyLjU0NzMgMEg0LjY5Njc1QzQuMzI3NyAwIDQuMDI1NzYgMC4zMDE5NDUgNC4wMjU3NiAwLjY3MDk4OVYxMi45ODM2QzMuOTkyMjEgMTMuMzUyNyA0LjMyNzcgMTMuNjU0NiA0LjY5Njc1IDEzLjY1NDZaTTUuMzY3NzQgMS4zNzU1M0gxMS44NDI4VjEyLjMxMjdINS4zNjc3NFYxLjM3NTUzWiIgZmlsbD0iIzM0NjFDOSIvPgo8cGF0aCBkPSJNMTYuNjA3MSAxMy42NTQ2SDI0LjQ1NzdDMjQuODI2NyAxMy42NTQ2IDI1LjEyODcgMTMuMzUyNyAyNS4xMjg3IDEyLjk4MzZWMC42NzA5ODlDMjUuMTI4NyAwLjMwMTk0NSAyNC44MjY3IDAgMjQuNDU3NyAwSDE2LjYwNzFDMTYuMjM4MSAwIDE1LjkzNjEgMC4zMDE5NDUgMTUuOTM2MSAwLjY3MDk4OVYxMi45ODM2QzE1LjkwMjYgMTMuMzUyNyAxNi4yMDQ1IDEzLjY1NDYgMTYuNjA3MSAxMy42NTQ2Wk0xNy4yNzgxIDEuMzc1NTNIMjMuNzUzMlYxMi4zMTI3SDE3LjI3ODFWMS4zNzU1M1oiIGZpbGw9IiMzNDYxQzkiLz4KPHBhdGggZD0iTTI4LjQ4MzUgMTMuNjU0NkgzNi4zMzQxQzM2LjcwMzEgMTMuNjU0NiAzNy4wMDUxIDEzLjM1MjcgMzcuMDA1MSAxMi45ODM2VjAuNjcwOTg5QzM3LjAwNTEgMC4zMDE5NDUgMzYuNzAzMSAwIDM2LjMzNDEgMEgyOC40ODM1QzI4LjExNDQgMCAyNy44MTI1IDAuMzAxOTQ1IDI3LjgxMjUgMC42NzA5ODlWMTIuOTgzNkMyNy44MTI1IDEzLjM1MjcgMjguMTE0NCAxMy42NTQ2IDI4LjQ4MzUgMTMuNjU0NlpNMjkuMTg4IDEuMzc1NTNIMzUuNjYzMVYxMi4zMTI3SDI5LjE4OFYxLjM3NTUzWiIgZmlsbD0iIzM0NjFDOSIvPgo8cGF0aCBkPSJNMTIuNTE0NCAyMy45MjA5SDQuNjk3MzZDNC4zMjgzMSAyMy45MjA5IDQuMDI2MzcgMjQuMjIyOCA0LjAyNjM3IDI0LjU5MTlWMzYuOTA0NUM0LjAyNjM3IDM3LjI3MzYgNC4zMjgzMSAzNy41NzU1IDQuNjk3MzYgMzcuNTc1NUgxMi41NDc5QzEyLjkxNyAzNy41NzU1IDEzLjIxODkgMzcuMjczNiAxMy4yMTg5IDM2LjkwNDVWMjQuNTkxOUMxMy4yMTg5IDI0LjIyMjggMTIuOTE3IDIzLjkyMDkgMTIuNTE0NCAyMy45MjA5Wk0xMS44NDM0IDM2LjJINS4zNjgzNVYyNS4yOTY0SDExLjg0MzRWMzYuMloiIGZpbGw9IiMzNDYxQzkiLz4KPHBhdGggZD0iTTI0LjQyMzYgMjMuOTIwOUgxNi42MDY1QzE2LjIzNzUgMjMuOTIwOSAxNS45MzU1IDI0LjIyMjggMTUuOTM1NSAyNC41OTE5VjM2LjkwNDVDMTUuOTM1NSAzNy4yNzM2IDE2LjIzNzUgMzcuNTc1NSAxNi42MDY1IDM3LjU3NTVIMjQuNDU3MUMyNC44MjYyIDM3LjU3NTUgMjUuMTI4MSAzNy4yNzM2IDI1LjEyODEgMzYuOTA0NVYyNC41OTE5QzI1LjEyODEgMjQuMjIyOCAyNC43OTI2IDIzLjkyMDkgMjQuNDIzNiAyMy45MjA5Wk0yMy43NTI2IDM2LjJIMTcuMjc3NVYyNS4yOTY0SDIzLjc1MjZWMzYuMloiIGZpbGw9IiMzNDYxQzkiLz4KPHBhdGggZD0iTTM2LjMzNDEgMjMuOTIwOUgyOC40ODM1QzI4LjExNDQgMjMuOTIwOSAyNy44MTI1IDI0LjIyMjggMjcuODEyNSAyNC41OTE5VjM2LjkwNDVDMjcuODEyNSAzNy4yNzM2IDI4LjExNDQgMzcuNTc1NSAyOC40ODM1IDM3LjU3NTVIMzYuMzM0MUMzNi43MDMxIDM3LjU3NTUgMzcuMDA1MSAzNy4yNzM2IDM3LjAwNTEgMzYuOTA0NVYyNC41OTE5QzM3LjAwNTEgMjQuMjIyOCAzNi43MDMxIDIzLjkyMDkgMzYuMzM0MSAyMy45MjA5Wk0zNS42Mjk1IDM2LjJIMjkuMTg4VjI1LjI5NjRIMzUuNjYzMVYzNi4ySDM1LjYyOTVaIiBmaWxsPSIjMzQ2MUM5Ii8+CjxwYXRoIGQ9Ik00MC4zMjY1IDE2LjE3MDlIMC42NzA5ODlDMC4zMDE5NDUgMTYuMTcwOSAwIDE2LjQ3MjggMCAxNi44NDE5VjIwLjczMzZDMCAyMS4xMDI3IDAuMzAxOTQ1IDIxLjQwNDYgMC42NzA5ODkgMjEuNDA0Nkg0MC4zMjY1QzQwLjY5NTUgMjEuNDA0NiA0MC45OTc1IDIxLjEwMjcgNDAuOTk3NSAyMC43MzM2VjE2Ljg0MTlDNDEuMDMxIDE2LjQ3MjggNDAuNzI5MSAxNi4xNzA5IDQwLjMyNjUgMTYuMTcwOVpNMzkuNjU1NSAyMC4wNjI2SDEuMzc1NTNWMTcuNTQ2NEgzOS42NTU1VjIwLjA2MjZaIiBmaWxsPSIjMzQ2MUM5Ii8+Cjwvc3ZnPgo=');
  }
  
  .header__wrapper .header__subnav__item__link.menu-item-with-icon.menu-item-with-icon--flipbook-app::before {
    /*content: url('/wp-content/themes/setupo-new/public/img/menu_flipbook_app_blue.svg');*/
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA0MSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwNDRfNSkiPgo8cGF0aCBkPSJNMzguNzUzOSAwSDYuMDY3ODdDNC44Mjc0NyAwIDMuODIxNzUgMS4wMDU3MiAzLjgyMTc1IDIuMjQ2MTJWMTAuODYxOEgyLjI0NjEyQzEuMDA1NzIgMTAuODI4MyAwIDExLjgzNCAwIDEzLjA3NDRWMzEuNjgwM0MwIDMyLjkyMDcgMS4wMDU3MiAzMy45MjY0IDIuMjQ2MTIgMzMuOTI2NEgxMC41OTM2QzExLjgzNCAzMy45MjY0IDEyLjgzOTcgMzIuOTIwNyAxMi44Mzk3IDMxLjY4MDNWMjkuMTk5NUgzOC43ODc0QzQwLjAyNzggMjkuMTk5NSA0MS4wMzM1IDI4LjE5MzggNDEuMDMzNSAyNi45NTM0VjIuMjQ2MTJDNDEgMS4wMDU3MiAzOS45OTQzIDAgMzguNzUzOSAwWk0xMS40MzE3IDMxLjY4MDNDMTEuNDMxNyAzMi4xNDk2IDExLjA2MyAzMi41MTg0IDEwLjU5MzYgMzIuNTE4NEgyLjI0NjEyQzEuNzc2NzggMzIuNTE4NCAxLjQwODAxIDMyLjE0OTYgMS40MDgwMSAzMS42ODAzVjEzLjA3NDRDMS40MDgwMSAxMi42MDUxIDEuNzc2NzggMTIuMjM2MyAyLjI0NjEyIDEyLjIzNjNIMTAuNTkzNkMxMS4wNjMgMTIuMjM2MyAxMS40MzE3IDEyLjYwNTEgMTEuNDMxNyAxMy4wNzQ0VjMxLjY4MDNaTTEwLjU2MDEgMTAuODI4M0g4Ljg4Mzg5VjUuMTk2MjRIMjcuMTU0NUMyNy43NTggNi4wMzQzNCAzMC4yMDUyIDkuNzIyIDI4LjE2MDMgMTIuNDcxQzI3Ljk5MjYgMTIuNzA1NiAyNy45OTI2IDEyLjk3MzggMjguMTI2NyAxMy4yNDJDMjguMjYwOCAxMy40NzY3IDI4LjUyOSAxMy42MTA4IDI4Ljc5NzIgMTMuNTc3M0MzMi4yODM3IDEzLjIwODUgMzUuMDMyNyAxNC44MTc3IDM1Ljg3MDggMTUuMzg3NlYyMy45Njk3SDEyLjgwNjJWMTMuMDc0NEMxMi44MDYyIDExLjgzNCAxMS44MDA1IDEwLjgyODMgMTAuNTYwMSAxMC44MjgzWk0yOS43Njk0IDcuMDQwMDdDMzEuNTQ2MiA4LjQ4MTYgMzMuNzkyMyAxMC42OTQyIDM1LjE2NjggMTMuMzc2MUMzMy45MjY0IDEyLjc3MjcgMzIuMTE2MSAxMi4xMzU3IDI5Ljk3MDYgMTIuMTM1N0MzMC43MDgxIDEwLjM1OSAzMC4zMzkzIDguNTE1MTMgMjkuNzY5NCA3LjA0MDA3Wk0yOS43MDI0IDUuMTk2MjRIMzUuOTA0M1YxMS44MzRDMzQuMDk0IDguODUwMzcgMzEuNDQ1NiA2LjUwMzY4IDI5LjcwMjQgNS4xOTYyNFpNMzkuNTkyIDI2Ljk1MzRDMzkuNTkyIDI3LjQyMjcgMzkuMjIzMiAyNy43OTE1IDM4Ljc1MzkgMjcuNzkxNUgxMi44MDYyVjI1LjM3NzhIMzYuNjA4M0MzNi45NzcxIDI1LjM3NzggMzcuMzEyMyAyNS4wNzYgMzcuMzEyMyAyNC42NzM4VjQuNDkyMjNDMzcuMzEyMyA0LjEyMzQ3IDM3LjAxMDYgMy43ODgyMyAzNi42MDgzIDMuNzg4MjNIOC4yMTM0MUM3Ljg0NDY0IDMuNzg4MjMgNy41MDk0IDQuMDg5OTQgNy41MDk0IDQuNDkyMjNWMTAuODI4M0g1LjE5NjI0VjIuMjQ2MTJDNS4xOTYyNCAxLjc3Njc4IDUuNTY1IDEuNDA4MDEgNi4wMzQzNCAxLjQwODAxSDM4LjcyMDRDMzkuMTg5NyAxLjQwODAxIDM5LjU1ODUgMS43NzY3OCAzOS41NTg1IDIuMjQ2MTJWMjYuOTUzNEgzOS41OTJaIiBmaWxsPSIjMzQ2MUM5Ii8+CjxwYXRoIGQ9Ik0yMi4zOTQ0IDIyLjc2MjdDMjIuNzYzMiAyMi43NjI3IDIzLjA5ODQgMjIuNDYxIDIzLjA5ODQgMjIuMDU4N1Y2LjgzODc3QzIzLjA5ODQgNi40NzAwMSAyMi43OTY3IDYuMTM0NzcgMjIuMzk0NCA2LjEzNDc3QzIxLjk5MjEgNi4xMzQ3NyAyMS42OTA0IDYuNDM2NDggMjEuNjkwNCA2LjgzODc3VjIyLjA1ODdDMjEuNzI0IDIyLjQyNzUgMjIuMDI1NyAyMi43NjI3IDIyLjM5NDQgMjIuNzYyN1oiIGZpbGw9IiMzNDYxQzkiLz4KPHBhdGggZD0iTTguMjEyOTUgMjkuMTk5N0g0LjUyNTNDNC4xNTY1MyAyOS4xOTk3IDMuODIxMjkgMjkuNTAxNCAzLjgyMTI5IDI5LjkwMzdDMy44MjEyOSAzMC4zMDYgNC4xMjMwMSAzMC42MDc3IDQuNTI1MyAzMC42MDc3SDguMjEyOTVDOC41ODE3MSAzMC42MDc3IDguOTE2OTYgMzAuMzA2IDguOTE2OTYgMjkuOTAzN0M4LjkxNjk2IDI5LjUwMTQgOC42MTUyNCAyOS4xOTk3IDguMjEyOTUgMjkuMTk5N1oiIGZpbGw9IiMzNDYxQzkiLz4KPHBhdGggZD0iTTYuMzY5OTcgMTYuMTkyMUM2Ljk3MzQgMTYuMTkyMSA3LjQ3NjI2IDE1LjY4OTIgNy40NzYyNiAxNS4wODU4QzcuNDc2MjYgMTQuNDgyNCA2Ljk3MzQgMTMuOTc5NSA2LjM2OTk3IDEzLjk3OTVDNS43NjY1MyAxMy45Nzk1IDUuMjYzNjcgMTQuNDgyNCA1LjI2MzY3IDE1LjA4NThDNS4yNjM2NyAxNS42ODkyIDUuNzY2NTMgMTYuMTkyMSA2LjM2OTk3IDE2LjE5MjFaIiBmaWxsPSIjMzQ2MUM5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTA0NF81Ij4KPHJlY3Qgd2lkdGg9IjQxIiBoZWlnaHQ9IjMzLjkyNjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
  }
  
  @media (max-width: 1400px) {
    .header__wrapper .header__subnav__container {
      justify-content: center;
    }
  }
  
  @media (max-width: 1300px) {
    .header__wrapper .header__nav .menu-item a {
      padding-right: 20px !important;
    }
  
    .header__wrapper .header__nav .menu-item a::after {
      right: -2px !important;
    }
  
    .header__wrapper .header__nav .menu-item.header__subnav a::after {
      right: -2px !important;
    }
  
    .header__wrapper .header__nav {
      margin-left: 10px;
    }
  
    .header__wrapper .header__langs__toggle {
      margin-left: 0;
      margin-right: -10px;
    }
  
    .header__wrapper .header__subnav__item.header__subnav__item--preview {
      display: none;
    }
  
    .header__wrapper .header__subnav__item:not(:last-of-type) {
      /* border-right: 2px solid #dcdedc; */
      padding-right: 50px;
    }
  
    .header__wrapper .header__subnav__item:not(.header__subnav__item--preview):last-of-type {
      padding-left: 50px;
    }
  }
  
  @media (max-width: 1220px) {
    
  
    .header__wrapper .header__nav {
      margin-left: 0;
    }
  
    .header__wrapper .header__logo {
      max-width: 127px;
    }
  }
  
  @media (max-width: 1200px) {
    .header__control__box--search .icon--close {
      visibility: visible;
      opacity: 1;
    }
    
    .header__wrapper .header__link {
      display: none;
    }
  
    .header__wrapper .header__langs__toggle {
      margin-left: 0;
      margin-right: 40px;
    }
  
    .header__wrapper .header__nav {
      display: none;
    }
  
    .header__wrapper .header__subnav__wrapper {
      display: none;
    }
  }
  
  @media (max-width: 480px) {
    .header__wrapper .header__langs__toggle {
      display: none;
    }

    .header {
      height: 70px;
      display: flex;
      align-items: center;
    }

    .with--search-bar .icon-search-black-variant {
      top: -2px;
    }

    .main .header__top .header__wrapper .header__content .header__control__icon--search.focused + .search-box-input {
      margin-left: -14px;
    }
  }
  
  /* html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__nav .menu-main-block .menu-item a {
    color: #273e5d;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__langs__toggle__arrow svg path {
    fill: #273e5d;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__nav .menu-main-block > .menu-item a::after {
    filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(2071%) hue-rotate(175deg) brightness(95%) contrast(94%);
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__logo img {
    content: url('/wp-content/themes/setupo-new/public/images/logo-blue.svg');
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__link.header__link--login {
    border-color: #273e5d;
    color: #273e5d;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__link.header__link--login:hover {
    background-color: #273e5d;
    color: #fff;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__langs__toggle__flag {
    border-color: #273e5d;
  }
  
  html[data-scroll='0'] body:is(.page-id-1294, .page-id-36360, .page-id-14809, .page-id-9637, .page-id-9636, .page-id-37075) .header__wrapper .header__langs__toggle {
    color: #273e5d;
  } */
  /* HEADER END */
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  *[hidden] {
    display: none !important;
  }
  
  :root {
    --container-width: 1300px;
    
    --primary-color: #080808;
    --publuu-blue: #146EF5;
    --publuu-gray: #F2F2F2;
    --publuu-green: #36b143;
  
    --publuu-white-75: hsla(0, 0%, 100%, .75);
    --publuu-white-10: hsla(0, 0%, 100%, .1);
    --publuu-white-40: hsla(0, 0%, 100%, .4);
  
    --top-header-height: 80px;
  }
  
  /* NEW FOOTER */
  .footer.footer--new {
    background-color: var(--primary-color);
    color: #fff;
    padding: 50px 0 0;
  }
  
  .footer.footer--new .container {
    flex-direction: column;
    max-width: var(--container-width);
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
  }
  
  .footer.footer--new .footer__wrapper {
    padding: 50px 0 100px;
    display: flex;
    gap: 50px 100px;
    justify-content: space-between;
    position: relative;
  }
  
  .footer.footer--new .footer__border {
    position: relative;
  }
  
  .footer.footer--new .footer__border:not(:last-of-type)::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 3px;
    background-color: var(--publuu-white-10);
  }
  
  .footer.footer--new .footer__content {
    display: flex;
    flex-direction: column;
    max-width: 500px;
  }
  
  .footer.footer--new :is(.section__title, .section__text) {
    color: #fff;
  }
  
  .footer.footer--new .footer__title {
    margin-bottom: 30px;
  }
  
  .footer.footer--new .footer__content .btn {
    margin: 25px 0;
    font-size: 24px;
  }
  
  .footer.footer--new .footer__hint__wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height:  1.75;
    text-transform: uppercase;
    color: var(--publuu-white-40);
    margin: 40px 0 20px;
  }
  
  .footer.footer--new .footer__hint__icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }
  
  .footer.footer--new .footer__create-also {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 220px;
    position: relative;
    color: #fff;
    justify-content: center;
  }
  
  .footer.footer--new .footer__create-also::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100px;
    height: 100%;
    width: 3px;
    background-color: var(--publuu-white-10);
  }
  
  .footer.footer--new .footer__create-also__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
  }
  
  .footer.footer--new .footer__create-also__list {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  
  .footer.footer--new .footer__create-also__item {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .footer.footer--new .footer__create-also__item .footer__create-also__item__link {
    color: #fff;
  }
  
  .footer.footer--new .footer__create-also__item .footer__create-also__item__link:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  
  .footer.footer--new .footer__links__wrapper {
    padding: 60px 0 40px;
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr) .7fr .7fr;
    grid-template-rows: 1fr;
  }
  
  .footer.footer--new .footer__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .footer.footer--new .footer__links__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.8;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    height: 30px;
  }
  
  .footer.footer--new .footer__link {
    color: var(--publuu-white-40);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    transition: .1s color ease-in-out;
    text-transform: none;
  }
  
  .footer.footer--new .footer__link:hover {
    color: #ffffffcc;
  }
  
  .footer.footer--new .footer__links__blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 80px;
    flex: 1;
  }
  
  .footer.footer--new .footer__links__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .footer.footer--new .footer__sub {
    display: flex;
    align-items: center;
    padding: 30px 0;
    gap: 15px;
  }
  
  .footer.footer--new .footer__sub__item {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 10px 20px;
    align-items: center;
  }
  
  .footer.footer--new .footer__sub__item--lang {
    text-align: left;
    justify-content: flex-start;
    flex-direction: row;
    flex: 0.5;
  }
  
  .footer.footer--new .footer__sub__item--content {
    gap: 0;
    flex: 1;
  }
  
  .footer.footer--new .footer__sub__item--socials {
    text-align: right;
    justify-content: flex-end;
    flex-direction: row;
    flex: 0.5;
  }
  
  .footer.footer--new .footer__sub__item__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7;
    color: var(--publuu-white-40);
    transition: .1s color ease-in-out;
  }
  
  .footer.footer--new .footer__sub__item__links {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  
  .footer.footer--new .footer__sub__item__link {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7;
    color: var(--publuu-white-40);
  }
  
  .footer.footer--new .footer__sub__item__link:hover {
    color: #ffffffcc;
  }
  
  .footer.footer--new .footer__sub__item__link:not(:last-of-type) {
    position: relative;
  }
  
  .footer.footer--new .footer__sub__item__link:not(:last-of-type)::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -11px;
    width: 2px;
    height: 50%;
    background-color: var(--publuu-white-40);
    transform: translateY(-50%);
  }
  
  .footer.footer--new .footer__sub__item--content .footer__sub__item__text {
    font-weight: 500;
    font-size: 14px;
  }
  
  .footer.footer--new .footer__sub__item--content a {
    color: var(--publuu-white-40);
    width: fit-content;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  
  .footer.footer--new .footer__sub__item--content a:hover {
    color: #fff;
  }
  
  .footer.footer--new .footer__lang__wrapper {
    position: relative;
  }
  
  .footer.footer--new .footer__lang__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--publuu-white-40);
  }
  
  .footer.footer--new .footer__lang__icon svg {
    transition: .1s color ease-in-out;
  }
  
  .footer.footer--new .footer__lang__icon svg path {
    fill: currentColor;
    transition: .1s fill ease-in-out;
  }
  
  .footer.footer--new .footer__lang__icon.footer__lang__icon--globe {
    margin-right: 10px;
  }
  
  .footer.footer--new .footer__lang__icon.footer__lang__icon--chevron {
    transform-origin: 50% 50%;
    transition: .05s transform ease-in-out;
  }
  
  .footer.footer--new .footer__lang__toggle {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    height: 50px;
  }
  
  .footer.footer--new .footer__lang__wrapper:hover .footer__sub__item__text {
    color: #fff;
  }
  
  .footer.footer--new .footer__lang__wrapper:hover .footer__lang__icon svg {
    color: #fff;
  }
  
  .footer.footer--new .footer__lang__wrapper:hover .footer__lang__icon.footer__lang__icon--chevron {
    transform: rotate(180deg);
  }
  
  .footer.footer--new .footer__lang__wrapper:hover .footer__lang__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .footer.footer--new .footer__lang__dropdown {
    width: 85px;
    position: absolute;
    bottom: 51px;
    right: 0;
    background-color: #151515;
    border-radius: 8px;
    overflow: hidden;
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out, .1s transform ease-in-out;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
  }
  
  .footer.footer--new .footer__lang__dropdown__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin-bottom: 0;
  }
  
  .footer.footer--new .footer__lang__dropdown__item, .footer.footer--new .footer__lang__dropdown__list li {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    line-height: 1.2;
  }
  
  .footer.footer--new .footer__lang__dropdown__link, .footer.footer--new .footer__lang__dropdown__list li a {
    display: block;
    padding: 6px 10px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    color: #fff;
    transition: .1s color ease-in-out, .1s background-color ease-in-out;
    border-radius: 8px;
  }
  
  .footer.footer--new .footer__lang__dropdown__link:hover, .footer.footer--new .footer__lang__dropdown__list li a:hover {
    background-color: #2c2c2c;
  }
  
  @media (max-width: 1200px) {
    .footer.footer--new .container {
      padding: 0 15px;
    }
  }
  
  @media (max-width: 1200px) {
    .footer.footer--new .footer__sub__item--socials {
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }
  
    .footer.footer--new .footer__links__wrapper {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .footer.footer--new .footer__create-also {
      flex-shrink: 0;
    }
  
    .footer.footer--new .footer__create-also:before {
      left: -60px;
    }
  }
  
  @media (max-width: 992px) {
    .footer.footer--new .footer__wrapper {
      flex-direction: column;
      align-items: center;
      gap: 60px 0;
    }
  
    .footer.footer--new .footer__content {
      align-items: center;
      text-align: center;
    }
  
    .footer.footer--new .footer__create-also {
      max-width: 100%;
      align-items: center;
      text-align: center;
    }
  
    .footer.footer--new .footer__create-also::before {
      top: -40px;
      bottom: unset;
      left: 0;
      right: 0;
      width: 100%;
      height: 3px;
    }
  
    .footer.footer--new .footer__sub {
      padding: 30px 0 50px;
    }
  
    .footer.footer--new .footer__sub__item {
      flex: 1;
      text-align: center;
      align-items: center;
    }
  
    .footer.footer--new .footer__sub__item--lang {
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 30px;
    }
  
    .footer.footer--new .footer__sub {
      flex-direction: column;
    }
  
    .footer.footer--new .footer__lang__dropdown {
      left: 0;
    }
  }
  
  @media (max-width: 768px) {  
    .footer.footer--new .footer__links__wrapper {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 576px) {
    .footer.footer--new .footer {
      padding: 30px 0 0;
    }
  
    .footer.footer--new .footer__create-also {
      align-items: flex-start;
      text-align: left;
    }
    
    .footer.footer--new .footer__create-also__list {
      margin-left: 15px;
    }
    
    .skip-lazy.icon-search-white {
        top: -2px;
    }
  }
  
  @media (max-width: 480px) {
    .footer.footer--new .footer__wrapper {
      padding: 10px 0 30px;
    }
  
    .footer.footer--new .footer__links__wrapper {
      padding: 30px 0;
    }
  
    .footer.footer--new .footer__hint__wrapper {
      margin: 10px 0 5px;
    }
  
    .footer.footer--new .footer__content .btn {
      margin: 0px 0 15px;
      font-size: 20px;
    }
  
    .footer.footer--new .footer__links__wrapper {
      grid-template-columns: repeat(2, 1fr);
    }
  
    /* .footer.footer--new .footer__links:last-of-type .footer__links__title {
      display: none;
    } */
  
    .footer.footer--new .footer__links--desktop {
      display: none;
    }
  
    .footer.footer--new .footer__sub {
      padding: 20px 0 30px;
    }
  
    .footer.footer--new .footer__lang__toggle {
      height: 30px;
    }
  
    .footer.footer--new .footer__sub__item--lang {
      margin-bottom: 10px;
    }
  }
  
  /* END NEW FOOTER */
  
  /* NEW MENU */
  .header.header--new :is(ul, ol) {
    margin: 0;
    padding: 0;
    outline: none;
  }
  
  .header.header--new li {
    list-style: none;
    outline: none;
  }
  
  .header.header--new  .btn {
    padding: 15px 30px;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    cursor: pointer;
    transition: .15s background-color ease-in-out, .15s color ease-in-out, .15s border-color ease-in-out;
    width: fit-content;
    font-family: var(--font-family-roboto);
  }
  
  .header.header--new  .btn * {
    pointer-events: none;
  }
  
  .header.header--new  .btn.loading {
    pointer-events: none;
    cursor: default;
  }
  
  .header.header--new  .btn--primary {
    border-color: var(--publuu-blue);
    background-color: var(--publuu-blue);
    color: #fff;
  }
  
  .header.header--new  .btn--primary:not(:disabled):hover {
    background-color: #fff;
    color: var(--publuu-blue);
  }
  
  .header.header--new  .btn--primary-dark {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
  }
  
  .header.header--new  .btn--primary-dark:not(:disabled):hover {
    background-color: transparent;
    color: var(--primary-color);
  }
  
  .header.header--new  .btn--white {
    background-color: #fff;
    color: var(--publuu-blue);
    border-color: #fff;
  }
  
  .header.header--new  .btn--white:not(:disabled):hover {
    background-color: transparent;
    color: #fff;
  }
  
  .header.header--new  .btn--primary-outline {
    border-color: var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
  }
  
  .header.header--new  .btn--primary-outline:hover {
    background-color: var(--primary-color);
    color: #fff;
  }
  
  .header.header--new  .btn--green {
    border-color: var(--publuu-green);
    background-color: var(--publuu-green);
    color: #fff;
  }
  
  .header.header--new  .btn--green:not(:disabled):hover {
    background-color: #33cc11;
    border-color: #33cc11;
  }
  
  .header.header--new  .btn--green.btn--outlined {
    background-color: transparent;
    color: var(--publuu-green);
    border-color: var(--publuu-green);
  }
  
  .header.header--new  .btn--green.btn--outlined:not(:disabled):hover {
    background-color: var(--publuu-green);
    color: #fff;
  }
  
  .header.header--new  .btn--with-loader {
    position: relative;
  }
  
  .header.header--new  .btn--with-loader span {
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out;
  }
  
  .header.header--new  .btn--with-loader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 36px;
    max-height: 36px;
    width: 90%;
    height: 90%;
    opacity: 0;
    visibility: hidden;
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out;
  }
  
  .header.header--new  .btn--with-loader.loading {
    background-color: #fff;
  }
  
  .header.header--new  .btn--with-loader.loading span {
    opacity: 0;
    visibility: hidden;
  }
  
  .header.header--new  .btn--with-loader.loading .loader {
    opacity: 1;
    visibility: visible;
  }
  
  .header.header--new  .btn--outlined {
    background-color: transparent;
    border: 2px solid var(--primary-color);
    font-size: 16px;
    line-height: 1.2;
    color: var(--primary-color);
  }
  
  .header.header--new  .btn--outlined:not(:disabled):hover {
    background-color: var(--publuu-gray);
  }
  
  .header.header--new {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: .2s transform ease-in-out;
    padding: 0 !important;
  }
  
  .header.header--new .container {
    position: static;
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
    position: static;
  }
  
  .header.header--new .header__top {
    padding: 15px 0;
    height: auto;
    background-color: #3461c9;
    width: 100%;
  }
  
  html[data-scroll="0"] .header.header--new .header__top {
    background-color: transparent !important;
  }
  
  .header.header--new .header__top:has(.header__nav.active) {
    background-color: #fff !important;
  }
  
  .header.header--new.header--white .header__top:has(.header__nav.active) {
    background-color: #fff !important;
  }
  
  .header.header--new .header__dropdown {
    width: 100%;
    position: fixed;
    top: 80px;
    right: 0;
    left: 0;
    background-color: #F2F5F8;
    padding: 40px 0;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out;
  }
  
  .header.header--new .header__dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  
  .header.header--new .header__dropdown__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
  }
  
  .header.header--new .header__dropdown__wrapper::before {
    content: '';
    position: absolute;
    top: -70px;
    left: 0;
    width: 25%;
    height: 30px;
    background-color: transparent;
  }
  
  .header.header--new .header__dropdown__item {
    background: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 20px 20px 20px 30px;
    transition: .1s border-color ease-in-out;
    color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
  }
  
  .header.header--new .header__dropdown__item__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .header.header--new .header__dropdown__item__title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
  }
  
  .header.header--new .header__dropdown__item__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
  
  .header.header--new .header__dropdown__item__image {
    width: 60px;
    height: 50px;
    flex-shrink: 0;
    color: #B3C0D3;
    transition: .1s color ease-in-out;
  }
  
  .header.header--new .header__dropdown__item__icon {
    width: 20px;
    height: 20px;
    color: var(--primary-color);
    transition: .1s color ease-in-out;
  }
  
  :is(.header.header--new .header__dropdown__item__icon, .header.header--new .header__dropdown__item__image) svg path {
    fill: currentColor;
    transition: .1s fill ease-in-out;
  }
  
  .header.header--new .header__dropdown__item:hover {
    border-color: var(--publuu-blue);
  }
  
  .header.header--new .header__dropdown__item:hover :is(.header.header--new .header__dropdown__item__icon, .header.header--new .header__dropdown__item__image) {
    color: var(--publuu-blue);
  }
  
  .header.header--new .header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  
  .header.header--new .header__content {
    display: flex;
    align-items: center;
    gap: 29px;
    width: 100%;
    position: relative;
  }
  
  .header.header--new .header__logo {
    max-width: 150px;
    width: 100%;
  }
  
  .header.header--new .header__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex: 1;
    margin-left: 0;
    padding: 0;
  }
  
  .header.header--new .header__menu {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
  }
  
  .header.header--new .header__menu__item {
    height: 100%;
  }
  
  .header.header--new .header__menu__item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .header.header--new .header__menu__item a.header__dropdown__item {
    align-items: flex-start;
  }
  
  .header.header--new .header__menu__item__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
  }
  
  .header.header--new .header__menu__item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out, .1s transform ease-in-out;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
  }

  .header__controls {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
  }
  
  .header.header--new .header__menu__item.header__menu__item--dropdown:hover > .header__dropdown {
    opacity: 1;
    visibility: visible;
  }
  
  .header.header--new .header__menu__item:not(.header__menu__item--dropdown) .header__menu__item__icon {
    transform: translateX(-3px);
  }
  
  .header.header--new .header__menu__item:hover .header__menu__item__icon {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  
  .header.header--new:has(.header__dropdown.active) .header__menu__item--dropdown .header__menu__item__icon {
    opacity: 1;
    visibility: visible;
  }
  
  .header.header--new .header__controls {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .header.header--new .header__controls__links {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  
  .header.header--new .header__control__btn {
    font-size: 15px;
    line-height: 1.2;
    padding: 10px 20px;
    z-index: 3;
  }
  
  .header.header--new .header__control__btn--register {
    background-color: var(--publuu-green);
    color: #fff;
    border-color: var(--publuu-green);
  }
  
  .header.header--new .header__control__btn--register:hover {
    background-color: #33cc11;
    border-color: #33cc11;
    color: #fff;
  }
  
  .header.header--new :is(.header__control__btn--login, .header__control__btn--account) {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
  }
  
  .header.header--new :is(.header__control__btn--login, .header__control__btn--account):hover {
    background-color: #fff;
    color: var(--primary-color);
  }
  
  .header.header--new .header__lang {
    position: relative;
  }
  
  .header.header--new .header__lang__toggle {
    display: flex;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
    z-index: 3;
    position: relative;
  }
  
  .header.header--new .header__lang__image {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .header.header--new .header__lang__image svg {
    width: 100%;
    height: 100%;
  }
  
  .header.header--new .header__lang__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
  }
  
  .header.header--new .header__lang__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .header.header--new .header__lang__dropdown__wrapper {
    position: absolute;
    top: 20px;
    right: 0;
    transition: .1s opacity ease-in-out, .1s visibility ease-in-out, .1s transform ease-in-out;
    opacity: 0;
    visibility: hidden;
    background-color: transparent;
    padding-top: 25px;
    z-index: 2;
    /* pointer-events: none; */
    width: 170px;
  }
  
  .header.header--new .header__lang__dropdown {
    display: flex;
    background-color: #fff;
    padding: 25px 20px;
    gap: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    overflow: hidden;
    pointer-events: all;
  }
  
  .header.header--new .header__lang__dropdown__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 15px;
  }
  
  .header.header--new .header__lang__dropdown__item {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    position: relative;
  }
  
  .header.header--new .header__lang__dropdown__item::before {
    content: '';
    background-image: url(https://d3vpszern3jgjo.cloudfront.net/wp-content/themes/setupo-new/public/assets/icons/chevron-down-bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0;
    visibility: hidden;
    transition: .1s left ease-in-out, .1s opacity ease-in-out, .1s visibility ease-in-out;
  }
  
  .header.header--new .header__lang__dropdown__item:hover::before {
    opacity: 1;
    visibility: visible;
    left: -26px;
  }
  
  .header.header--new .header__lang__dropdown__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    width: 100%;
    color: var(--primary-color);
    transition: .1s color ease-in-out, .1s background-color ease-in-out;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
  }
  
  .header.header--new .header__lang__dropdown__link * {
    pointer-events: none;
  }
  
  .header.header--new .header__lang__dropdown__flag {
    width: 28px;
    height: 22px;
    flex-shrink: 0;
  }
  
  .header.header--new .header__lang__dropdown__flag svg {
    width: 100%;
    height: 100%;
  }
  
  .header.header--new .header__lang:hover .header__lang__dropdown__wrapper {
    opacity: 1;
    visibility: visible;
  }
  
  .btn--mobile-nav {
    background-color: transparent;
    border: none;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 8px;
    display: none;
    margin-right: -10px;
    transition: .1s background-color ease-in-out;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
  }
  
  .btn--mobile-nav:not(:disabled):hover {
    background-color: #eeeeee47;
  }
  
  .btn--mobile-nav :is(img, svg) {
    width: 32px;
    height: 32px;
  }
  
  .header.header--white .header__top {
    background-color: #fff;
  }
  
  .header.header--white .header__menu__item__text {
    color: var(--primary-color);
  }
  
  .header.header--white .header__lang__text {
    color: var(--primary-color);
  }
  
  .header.header--white .header__logo svg path {
    fill: var(--publuu-blue);
  }
  
  .header.header--white .header__menu__item__icon svg path {
    fill: var(--primary-color);
  }
  
  .header.header--white .header__lang__icon svg path {
    fill: var(--primary-color);
  }
  
  .header.header--white .header__control__btn--register {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
  }
  
  .header.header--white .header__control__btn--register:hover {
    background-color: var(--publuu-blue);
    border-color: var(--publuu-blue);
    color: #fff;
  }
  
  .header.header--white :is(.header__control__btn--login, .header__control__btn--account) {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  .header.header--white :is(.header__control__btn--login, .header__control__btn--account):hover {
    background-color: var(--publuu-blue);
    border-color: var(--publuu-blue);
    color: #fff;
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) .header__top {
    background-color: transparent;
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) :is(.header__menu__item__text, .header__lang__text) {
    color: #fff;
  }
  
  .header.header--transparent .header__top {
    background-color: #fff;
  }
  
  .header.header--transparent .header__menu__item__text {
    color: var(--primary-color);
  }
  
  .header.header--transparent .header__lang__text {
    color: var(--primary-color);
  }
  
  .header.header--transparent .header__logo svg path {
    fill: var(--publuu-blue);
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) :is(.header__menu__item__icon, .header__lang__icon) svg path {
    fill: #fff;
  }
  
  .header.header--transparent .header__menu__item__icon svg path {
    fill: var(--primary-color);
  }
  
  .header.header--transparent .header__lang__icon svg path {
    fill: var(--primary-color);
  }
  
  .header.header--transparent .header__control__btn--register {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
  }
  
  .header.header--transparent .header__control__btn--register:hover {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) .header__control__btn--register {
    background-color: var(--publuu-blue);
    border-color: var(--publuu-blue);
    color: #fff;
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) .header__control__btn--register:hover {
    background-color: #0f5aca;
    border-color: #0f5aca;
    color: #fff;
  }
  
  .header.header--transparent :is(.header__control__btn--login, .header__control__btn--account) {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  .header.header--transparent :is(.header__control__btn--login, .header__control__btn--account):hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) :is(.header__control__btn--login, .header__control__btn--account) {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) :is(.header__control__btn--login, .header__control__btn--account):hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--primary-color);
  }
  
  html[data-scroll="0"] .header.header--transparent:not(:has(.header__nav.active)) .btn--mobile-nav svg path {
    fill: #fff;
  }
  
  @media (max-width: 1200px) {
    body:has(.header.header--new .header__nav.active) {
      overflow: hidden;
    }
  
    .btn--mobile-nav {
      display: flex;
    }
  
    .header.header--new .header__top {
      padding: 15px;
      height: var(--top-header-height);
    }
  
    .header.header--white .btn--mobile-nav svg path {
      fill: var(--primary-color);
    }
  
    .header.header--new.header__top:has(.header__nav.active) {
      background-color: #f2f2f2;
    }
    
    .header.header--new.header--white .header__top:has(.header__nav.active) {
      background-color: #f2f2f2;
    }
  
    .header.header--new .header__top:has(.header__nav.active) .header__logo svg path {
      fill: var(--publuu-blue);
    }
  
    .header.header--new .header__top:has(.header__nav.active) .btn--mobile-nav svg path {
      fill: var(--primary-color);
    }
  
    .header.header--new .header__top:has(.header__nav.active) {
      background-color: var(--publuu-gray);
    }
  
    .header.header--new .header__top:has(.header__nav.active) .header__logo svg path {
      fill: var(--publuu-blue);
    }
  
    .header.header--new .header__top:has(.header__nav.active) .btn--mobile-nav svg path {
      fill: var(--primary-color);
    }
  
    .header.header--new  .header__content {
      justify-content: space-between;
    }
  
    .header.header--new .header__nav {
      position: absolute;
      top: calc(var(--top-header-height) - 10px);
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: calc(100dvh - var(--top-header-height) + 10px);
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      gap: 40px;
      flex-direction: column;
      padding: 15px 0 40px;
      overflow-y: auto;
      display: none;
    }
  
    .header.header--new .header__nav.active {
      opacity: 1;
      visibility: visible;
      display: flex;
    }
  
    .header.header--new .header__menu {
      flex-direction: column;
      width: 100%;
      align-items: flex-start;
      gap: 0;
      height: auto;
    }
  
    .header.header--new .header__menu__item.header__menu__item--dropdown .header__menu__item__icon {
      display: flex;
      opacity: 1;
      visibility: visible;
    }
  
    .header.header--new .header__menu__item:not(.header__menu__item--dropdown) .header__menu__item__icon {
      display: none;
    }
  
    .header.header--new .header__menu__item--dropdown.active .header__dropdown {
      display: flex;
    }
  
    .header.header--new .header__menu__item--dropdown a .header__menu__item__icon {
      transition: .1s transform ease-in-out;
      transform-origin: 50% 50%;
    }
    
    .header.header--new .header__menu__item--dropdown.active a .header__menu__item__icon {
      transform: rotate(180deg);
    }
  
    .header.header--new .header__menu__item a.header__dropdown__item:first-of-type {
      border-top: 1px solid #B3C0D3;
    }
  
    .header.header--new .header__menu__item {
      width: 100%;
    }
  
    .header.header--new .header__menu__item__text {
      color: var(--primary-color);
    }
  
    .header.header--new .header__menu__item__icon svg path {
      fill: var(--primary-color);
    }
  
    .header.header--new .header__menu__item a {
      width: 100%;
      height: auto;
      justify-content: space-between;
      padding: 15px 30px;
      transition: .1s background-color ease-in-out;
    }
  
    .header.header--new .header__menu__item.active {
      background-color: #fff;
    }
  
    .header.header--new .header__menu__item a:hover {
      background-color: #F2F5F8;
    }
  
    .header.header--new .header__menu__item a.header__dropdown__item:hover {
      background-color: #E1E9F1;
    }
  
    .header.header--new .header__lang__text {
      color: var(--primary-color);
    }
  
    .header.header--new .header__lang__icon svg path {
      fill: var(--primary-color);
    }
  
    .header.header--new .header__menu__item:not(:last-of-type) {
      border-bottom: 1px solid #B3C0D3;
    }
  
    .header.header--new .header__control__btn--register {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
      color: #fff;
    }
    
    .header.header--new .header__control__btn--register:hover {
      background-color: var(--publuu-blue);
      border-color: var(--publuu-blue);
      color: #fff;
    }
  
    .header.header--new :is(.header__control__btn--login, .header__control__btn--account) {
      background-color: transparent;
      border-color: var(--primary-color);
      color: var(--primary-color);
    }
  
    .header.header--new :is(.header__control__btn--login, .header__control__btn--account):hover {
      background-color: var(--publuu-blue);
      border-color: var(--publuu-blue);
      color: #fff;
    }
  
    .header.header--new.header--white :is(.header__control__btn--login, .header__control__btn--account) {
      background-color: transparent;
      border-color: var(--primary-color);
      color: var(--primary-color);
    }
  
    .header.header--new.header--white :is(.header__control__btn--login, .header__control__btn--account):hover {
      background-color: var(--publuu-blue);
      border-color: var(--publuu-blue);
      color: #fff;
    }
  
    .header.header--new .header__dropdown {
      position: static;
      opacity: 1;
      visibility: visible;
      box-shadow: none;
      padding: 0;
      display: none;
    }
  
    .header.header--new .header__dropdown .header__dropdown__item {
      padding: 15px 50px;
    }
   
    .header.header--new .header__dropdown .header__dropdown__item__title {
      font-weight: 500;
      font-size: 16px;
      line-height: 1.2;
      color: var(--primary-color);
    }
  
    .header.header--new .header__dropdown .container {
      padding: 0;
    }
  
    .header.header--new .header__dropdown__wrapper {
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 0;
      background-color: transparent;
    }
  
    .header.header--new .header__dropdown__item {
      background-color: transparent;
    }
  
    .header.header--new .header__dropdown__item:hover {
      border-color: transparent;
    }
  
    .header.header--new .header__dropdown__item:not(:last-of-type) {
      border-bottom: 1px solid #B3C0D3;
    }
  
    .header.header--new .header__dropdown__item :not(.header__dropdown__item__content, .header__dropdown__item__title) {
      display: none;
    }
  
    .header.header--new .header__dropdown__wrapper::before {
      display: none;
    }
  
    .header.header--new .header__controls {
      gap: 14px;
      flex-direction: row-reverse;
    }
  
    .header.header--new .header__lang__dropdown__wrapper {
      bottom: 30px;
      left: 0;
      right: unset;
      top: unset;
      padding-top: 0;
      padding-bottom: 20px;
    }
  
    .header.header--new .header__lang:hover .header__lang__icon {
      transition: .1s transform ease-in-out;
      transform-origin: 50% 50%;
    }
  
    .header.header--new .header__lang:hover .header__lang__icon {
      transform: rotate(180deg);
    }
  
    .btn--mobile-nav:not(:disabled):hover {
      background-color: transparent;
    }
  
    .btn--mobile-nav svg path {
      transition: .1s fill ease-in-out;
    }
  
    .btn--mobile-nav:not(:disabled):hover svg path {
      fill: var(--publuu-blue);
    }
  
    .header.header--new .header__top:has(.header__nav.active) .btn--mobile-nav:hover svg path {
      fill: var(--publuu-blue);
    }

    .header__top .header__content .header__control__icon--search {
        padding: 0;
      }
    
      .header__top .header__content .header__control__icon--search:hover:not(.focused) {
        background-color: transparent;
    }
    
      .main .header__top .header__content .header__control__icon--search {
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
      }
      
      .header__top .header__content .header__control__icon--search:not(.focused) {
        top: 50%;
       }
    
      .header__content {
        position: initial;
      }
    
      .main .header__top .icon--close {
        right: 20px;
        z-index: 5;
      }
    
      .main .header__top .header__content .header__control__icon--search.focused {
        display: none !important;
      }
    
      .main .header__top .header__content .header__control__icon--search.focused + .search-box-input {
        width: 100%;
        font-size: 24px;
        color: #080808;
        padding: 0 0 0 23px;
        margin: 5px 48px 0 0;
      }
    
      .header__top .header__content .header__control__icon--search.focused + .search-box-input::placeholder {
        color: #99A7BC;
      }
    
      .header__top .header__content .header__control__icon--search.focused + .search-box-input::-webkit-input-placeholder {
        color: #99A7BC;
      }
    
      .header__top .header__content .header__control__icon--search.focused + .search-box-input::-moz-placeholder {
        color: #99A7BC;
      }
    
      .header__top .header__content .header__control__icon--search.focused + .search-box-input:-ms-input-placeholder {
        color: #99A7BC;
      }
    
      .header__top .header__content .header__control__icon--search.focused + .search-box-input::-ms-input-placeholder {
        color: #99A7BC;
      }
    
      .main .header__top .header__content .search-box-input {
        transition: none;
      }
    
      .main .header__logo.with--search-bar {
        display: none;
      }
    
      .main .header__top.with--search-bar .btn--mobile-nav {
        display: none;
      }
    
      .main .header__top.with--search-bar {
        position: fixed;
        top: 0;
        width: 100%;
      }
    
      .main .header__top.with--search-bar .mobile__search__history {
        display: block;
        border-top: 1px solid #B3C0D3;
        position: relative;
        top: 18px;
        padding: 30px 0;
        line-height: initial;
      }
    
      .main .mobile__search__history .no--history,
      .main .mobile__search__history .search--history-list {
        color: #080808;
        font-weight: 400;
        font-size: 20px;
        margin-top: 30px;
        display: none;
      }
    
      html.overflow-hidden {
        overflow: hidden;
      }
    
      .main .mobile__search__history .search--history-list {
        display: block;
      }
    
      .main .mobile__search__history .search--history-list a:not(first-child) {
        margin-top: 30px;
      }
    
      .main .mobile__search__history .search--history-list a, 
      .main .mobile__search__history .search--history-list a:visited {
        display: block;
        color: #080808;
      }
    
      .main .mobile__search__history .no--history.visible {
        display: block;
      }
    
      .main .mobile__search__history .mobile__search__history__header {
        color: #99A7BC;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 2px;
      }
    
      .main .with--search-bar-active .mobile-search-overlay {
        display: block;
        height: 100vh;
        background-color: #FFFFFF;
        overflow-y: hidden;
        width: 100%;
      }
    
      .main .icon--close:after {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: -15px;
        border-radius: 50%;
        background-color: transparent;
        cursor: pointer;
      }
    
      .main .header__top.with--search-bar {
        border-bottom: 1px solid #B3C0D3;
      }

      .main .header__top .header__content .header__control__box--search.desktop {
        display: none;
      }
    
      .main .search-box-input {
        display: none;
      }
    
      .main .header__top.with--search-bar .search-box-input {
        display: block;
      }
    
      .main .header__top .header__content .header__control__box--search.mobile {
        display: flex;
        width: 100%;
        flex-direction: row;
        align-self: flex-end;
        justify-content: flex-end;
        align-items: center;
        padding-top: 2px;
      }
    
      .main .header__button__and__search {
        width: 100%;
      }
    
      .main .header__button__and__search.mobile {
        display: block;
      }

      .main .header__top .header__content .header__control__icon--search {
        background-color: unset;
      }
    
      .main .header__top .header__content .header__control__icon--search:not(.focused) {
        margin-right: 30px;
      }
    
      .main .header__top .header__content .search-box-input {
        background-color: #FFFFFF;
      }

      .main .header__top .header__content .header__control__icon--search {
        background-color: unset;
      }
    
      .main .header__top .header__content .header__control__icon--search:not(.focused) {
        margin-right: 30px;
      }
    
      .main .header__top .header__content .search-box-input {
        background-color: #FFFFFF;
      }
  }
  
  @media (max-width: 576px) {
    .header.header--new .header__logo {
      max-width: 120px;
    }
  
    .header.header--new .header.hide {
      transform: translateY(-100%);
    }
  
    .header.header--new .header__controls:has(.header__control__btn + .header__control__btn) {
      width: 100%;
    }
  
    .header.header--new .header__controls {
      padding: 15px;
      text-align: center;
    }
    
    .header.header--new .header__controls:has(.header__control__btn + .header__control__btn) .header__controls__links {
      flex: 1;
    }
  
    .header.header--new .header__controls:has(.header__control__btn + .header__control__btn) .header__controls__links .header__control__btn:first-of-type {
      flex: 1;
    }

    .main .header__top .header__content .header__control__icon--search:not(.focused) {
        margin-right: 23px;
        min-width: 22px;
        max-width: 22px;
        min-height: 22px;
        max-height: 22px;
        top: calc(50% + 1px);
      }
    
      .main .header__top .icon--close {
        right: 15px;
      }
    
      .header__top .header__content .header__control__icon--search {
        margin-right: 2px;
      }
    
      .btn--mobile-nav {
        width: 36px;
        height: 36px;
      }
    
      .header__button__and__search {
        top: 3px;
      }
  }
  
  @media (max-width: 480px) {
    .header.header--new .header__lang {
      z-index: 3;
    }
  
    :root {
      --top-header-height: 60px;
    }
  
    .header.header--new .header__top {
      padding: 10px 15px;
    }
  
    .header.header--new.header__logo {
      max-width: 110px;
    }
  
    .header.header--new .header__nav {
      top: calc(var(--top-header-height) - 0px);
    }
  
    .header.header--new {
      height: auto;
    }
  
    .btn--mobile-nav {
      width: 36px;
      height: 36px;
    }
  
    .btn--mobile-nav :is(img, svg) {
      width: 30px;
      height: 30px;
    }
  
    .header-page {
      margin-top: -90px;
    }
  
    .hero-header {
      padding-top: 140px;
    }

    .main .header__top .header__content .header__control__icon--search.focused + .search-box-input {
        font-size: 18px;
        margin-top: 0;
        padding: 0 0 0 12px;
        top: -2px;
      }
    
      .main .header__top.with--search-bar .mobile__search__history {
        top: 8px;
      }
  }

  @media only screen and (max-width: 365px) {
    .main .header__logo.with--search-bar {
      max-width: 70px;
      position: relative;
      top: 3px;
    }
  }
  
  @media only screen and (max-width: 480px) {
    .main .header__button__and__search .header__control__box--search {
      margin-top: 0;
    }
  }

  @media (min-width: 481px) and (max-width: 576px) {
    .main .icon--close {
      right: 0;
    }
  
    .main .header__content {
      padding-top: 3px;
    }
  
    .main .header__top .header__content .header__control__icon--search.focused + .search-box-input {
      margin-top: 2px;
    }
  }
  
  @media (min-width: 577px) and (max-width: 1200px) {
    .main .icon--close {
      right: 0;
    }
  }
  
  @media (max-width: 380px) {
    .main .header.header--new .header__controls .header__controls__links .header__control__btn {
      flex: 1;
    }

    .main .with--search-bar .icon-search-black-variant {
      left: -23px;
      top: -2px;
    }
  
    .main .header.header--new .header__controls {
      flex-direction: column;
      gap: 30px;
    }
  
    .main .header.header--new .header__controls__links {
      width: 100%;
    }

    .main .header__top .icon--close {
        right: 0;
    }

    .main .header__top .header__content .header__control__icon--search.focused {
        left: 20px;
     }
  }

  @media only screen and (max-width: 1200px) {
    .main .icon--close {
      width: 21px;
      height: 21px;
      position: absolute;
      top: calc(50% - 2px);
      transform: translate(-50%, -50%);
    }
  }

  @media (min-width: 1201px) {
    .header__control__icon--search.focused + .search-box-input + .header__control__icon--search.opened {
      display: none;
    }

    .header__control__box--search.mobile > * {
      display: none;
    }

    .with--search-bar-active .header__top .header__content .header__control__box--search.desktop {
      right: 334px;
    }

    .header__top .header__content .header__control__icon--search {
      right: 1px;
    }
  
    .header__logo {
      position: relative;
    }

    .search-box-input:focus,
    .search-box-input:active {
      box-shadow: none;
    }
  
    .header__nav {
      z-index: 1;
    }
  
    .main .header__top .header__wrapper .header__content .header__control__icon--search {
      z-index: 3;
    }
  
    .header__control__icon--search.focused + .search-box-input + .header__control__icon--search.opened.visible {
      visibility: visible;
      opacity: 1;
      transition: opacity .1s ease-in-out;
    }
  
    .header__top .header__content .header__control__icon--search + .search-box-input {
      min-height: 42px;
      max-height: 42px;
    }
  
    .header__top .header__content .header__control__icon--search {
      min-width: 42px;
      max-height: 42px;
      min-height: 42px;
      max-height: 42px;
    }

    .main .header__control__icon--search:not(.visible) img {
        position: relative;
        top: -8px;
        left: 1px;
    }

    .main .header__control__icon--search:not(.visible) img.icon-search-black {
      top: 0;
    }
  
    .main .header__control__box--search .icon--close {
       top: 4px;
    }

    .main .header__control__box--search .icon--close::after {
        content: "";
        position: absolute;
        top: -3px;
        left: -15px;
        right: -15px;
        bottom: -23px;
        border-radius: 50%;
        background-color: transparent;
        cursor: pointer;
    }
  
    .main .header__top .header__content .header__control__icon--search.opened {
      top: 4px;
      left: 54px;
    }

    .main .header__top .header__content .header__control__icon--search.opened {
      border: none;
      left: 70px;
      visibility: hidden;
      opacity: 0;
    }
  
    .header__top .header__content .search-box-input {
      padding: 10px 50px 10px 45px;
    }
  
    .with--search-bar-active .header__top .header__content .header__control__box--search.desktop {
       z-index: 99;
    }
  
    .header__top .header__content .header__control__box--search.desktop {
      right: 333px;
    }
  }
  
  #issue-upload.dropzone .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3461c9;
  }
  
  #issue-upload.dropzone .loader svg {
    color: currentColor;
    pointer-events: none;
    margin: 0 !important;
    width: 70px !important;
    height: 70px !important;
  }
  
  #issue-upload.dropzone .loader svg circle {
    transform-origin: 50% 50%;
    animation: 1s loader-spin infinite linear;
    stroke: currentColor;
  }
  
  @keyframes loader-spin {
    to {
      transform: rotate(360deg);
    }
  }
  /* NEW MENU END */

  /* SEARCH BAR */
  
  /* .header__control__box--search.desktop .header__control__icon--search,
  .header__control__box--search.mobile .header__control__icon--search {
    display: none;
  } */
  
  .mobile-search-overlay,
  .mobile__search__history {
    display: none;
  }

  .header__button__and__search--mobile {
    display: none;
  }
  
  .header__top .header__content .header__control__box--search {
       display: flex;
       flex-direction: row-reverse;
  }
  
  .header__top .header__content .header__control__box--search.desktop {
    position: absolute;
    right: 332px;
    width: calc(100% - 218px);
  }
  
  .header__top .header__content .header__control__btn {
       white-space: nowrap;
  }
  .header__top .header__content .header__control__icon--search {
       cursor: pointer;
       width: 39px;
       height: 39px;
       background-color: transparent;
       border: 2px solid #FFFFFF;
       padding: 9px;
       border-radius: 50px;
       transition: border-radius 0.5s ease-in-out;
       position: relative;
       z-index: 1;
  }
  
  .header__top .header__content .header__control__icon--search.opened {
    display: none;
    width: 21px;
    height: 21px;
    background-color: unset;
    padding: 0;
    top: 9px;
    left: 55px;
  }
  
  .header__top .header__content .header__control__icon--search.opened:not(.focused):hover {
    background-color: unset;
  }
  
  .header__control__icon--search.focused + .search-box-input + .header__control__icon--search.opened {
    display: block;
  }
  
  .header__top .header__content .header__control__icon--search.focused {
    display: none;
  }
  
  .header__top.with--search-bar .search-box-input {
    border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
  }
  
  .header__top .header__content .header__control__icon--search.focused + .search-box-input {
       opacity: 1;
       visibility: visible;
       width: calc(100% - 300px);
       transition: width 0.3s ease-in-out;
  }
  
  .header__top .header__content .header__control__icon--search:hover:not(.focused) {
       background-color: #ffffff;
  }
  
  .header__top .header__content .search-box-input {
       background: #ffffff;
       border-top-left-radius: 50px;
       border-bottom-left-radius: 50px;
       padding: 10px 42px 10px 45px;
       width: 0;
       height: 39px;
       outline: none;
       color: #080808;
       border: none;
       right: 36px;
       top: 0;
       font-size: 16px;
       font-family: var(--font-family-roboto);
       font-weight: 400;
       opacity: 0;
       visibility: hidden;
       transition: width 0.5s ease-in-out;
       position: relative;
       right: -15px;
       margin-bottom: 0;
  }
  
  .icon--close {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    top: 11px;
    right: 15px;
    cursor: pointer;
    position: relative;
    z-index: 1;
  }
  
  .icon--close.hidden {
    display: none;
  }

  .header__control__icon--search:not(.opened):hover {
    background: #FFFFFF;
  }

  .header__control__icon--search:not(.opened):hover .icon-search-black {
      display: block;
  }

  .header__control__icon--search:not(.opened):hover .icon-search-white {
    display: none;
  }

  /* hide search loop in help&blog view */
.header__top .header__content .header__control__box--search.mobile.none .header__control__icon--search,
.header__top .header__content .header__control__box--search.desktop.none .header__control__icon--search,
.icon-search-black  {
  display: none;
}

#howtomake p a,
#howtomake p a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

.benefits_slider__item.active .benefits_slider__item__text a,
.benefits_slider__item.active .benefits_slider__item__text a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

/*site-map*/
.page-id-25104 .wsp-pages-list .page_item,
.page-id-38109 .wsp-pages-list .page_item,
.page-id-25149 .wsp-pages-list .page_item,
.page-id-25147 .wsp-pages-list .page_item,
.page-id-25145 .wsp-pages-list .page_item,
.page-id-52005 .wsp-pages-list .page_item,
.page-id-57463 .wsp-pages-list .page_item {
    list-style-type: circle;
}