/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
xxheaderxxx,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
} */
/* HTML5 display-role reset for older browsers */
/* article,
aside,
details,
figcaption,
figure,
footer,
xxheaderxxx,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
} */
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* p {
  line-height: 20px;
} */

@font-face {
  font-family: "Circular Std";
  src: url("https://cdn.unitplus.eu/fonts/new-fonts/CircularStd-Book.eot");
  src: local("Circular Std"), local("CircularStd"),
    url("https://cdn.unitplus.eu/fonts/new-fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"),
    url("https://cdn.unitplus.eu/fonts/new-fonts/CircularStd-Book.woff2") format("woff2"),
    url("https://cdn.unitplus.eu/fonts/new-fonts/CircularStd-Book.woff") format("woff"),
    url("https://cdn.unitplus.eu/fonts/new-fonts/CircularStd-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Circular Std";
  src: url("https://cdn.unitplus.eu/fonts/bold-font/CircularStd-Bold.woff2") format("woff2"),
    url("https://cdn.unitplus.eu/fonts/bold-font/CircularStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Circular Std";
  src: url("https://cdn.unitplus.eu/fonts/bold-font/CircularStd-Bold.woff2") format("woff2"),
    url("https://cdn.unitplus.eu/fonts/bold-font/CircularStd-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

/* @font-face {
  font-family: 'Circular Std Book';
  src: url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.eot');
  src: url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
      url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.woff2') format('woff2'),
      url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.woff') format('woff'),
      url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.ttf') format('truetype'),
      url('https://stocksflare.com/assets/css/fonts/new-fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
      font-weight: normal;
      font-style: normal;
  font-style: normal;
} */

/* html {
  font-family: "Circular Std";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth !important;
  margin-top: 0 !important;
  line-height: 20px;
} */

/* .margin-top-1 > h2 {
  margin-top: 6rem;
} */

#wpadminbar {
  display: none;
}

/* body {
  height: 100vh;
  margin: 0;
  color: #002832;
}

body p:empty:before {
  content: none !important;
}

body p:empty:after {
  content: none !important;
} */

.hiddenMenus {
  display: none;
}

b {
  font-weight: bold !important;
  display: contents;
}

.primary-color {
  color: #13d4d0 !important;
}

.primary-blue {
  color: #13d4d0 !important;
}

.unitplus-gradient {
  background: linear-gradient(90deg, #009aae 0%, #03aac7 100%);
  -webkit-box-decoration-break: clone;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.primary-color-dark {
  color: #009aae !important;
}

.primary-color-dark a {
  color: #009aae !important;
  text-decoration: none !important;
}

.dark-grey {
  color: #7384a7 !important;
}

.black {
  color: #002832;
}

.dark-black {
  color: black !important;
}

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

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

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

.padding-top-2 {
  padding-top: 2rem;
}

.padding-top-10 {
  padding-top: 10rem !important;
}

.padding-bottom-10 {
  padding-bottom: 10rem !important;
}

.margin-left-1 {
  margin-left: 1rem;
}

.margin-right-1 {
  margin-right: 1rem;
}

.margin-top-1 {
  margin-top: 1rem;
}

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

.margin-left-2 {
  margin-left: 2rem;
}

.margin-right-2 {
  margin-right: 2rem;
}

.margin-top-2 {
  margin-top: 2rem;
}

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

.margin-top-4 {
  margin-top: 4rem;
}

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

.margin-top-6 {
  margin-top: 6rem;
}

.margin-bottom-6 {
  margin-bottom: 6rem;
}

.padding-bottom-8 {
  padding-bottom: 8rem;
}

.padding-top-8 {
  padding-top: 8rem;
}

.app-right-left-padding {
  padding: 0 11.5%;
}

.font-weight-unset {
  font-weight: unset !important;
}

/* NAVBAR  */

/* #bannerxxheaderxxxTop {
  z-index: 1000000;
  border-bottom: 0px;
  border: none !important;
}

nav a:active {
  border-bottom: 1px solid transparent;
}

nav.nav {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: fixed;
  z-index: 999;
  left: 0;
  background: white;
  background-color: white;
  top: 0;
  height: 124px;
}

.nav-main {
  display: flex;
  justify-content: space-between;
  height: 88px;
  align-items: center;
  padding: 0 35px;
  width: 100%;
  box-sizing: border-box;
  left: 0px;
  background: #fff;
  z-index: 10000;
}

.logo-unitplus-nav .logo-nav-desktop {
  max-width: 157px;
}

.logo-unitplus-nav .logo-nav-mobile {
  height: 30px;
  display: none;
}

nav .main-block-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

nav li {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

div.main-nav-element {
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  color: #002832;
  width: 144px;
  height: 50px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 999999999;
}

a.main-nav-element {
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  color: #002832;
  width: 144px;
  height: 50px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
} */

.language-swticher-1 .lang-item a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
  width: 68px;
  height: 32px;
  border-radius: 20px;
  color: #7384a7;
  background: #f2f4f8;
}

.language-swticher-1 .lang-item a img {
  width: 22px;
  height: 22px;
}

.language-swticher-1 .lang-item a span {
  margin: 0 3px !important;
}

/* nav .submenu:hover {
  display: block;
  opacity: 1;
  z-index: 999;
}

nav .has-submenu:hover .main-nav-element {
  background: #f2f4f8;
  color: #002832 !important;
}

nav .submenu li {
  display: block;
} */

.content-submenu {
  display: flex;
  justify-content: space-between;
}

.left-middle-container {
  display: flex;
}

.submen-element-container {
  display: flex;
  max-width: 347px;
  min-width: 200px;
  min-height: 108px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: left;
  border-radius: 15px;
  background-color: #fff;
  transition: background-color 0.3s ease;
  margin-bottom: 1rem;
}

a.submen-element-container:hover {
  color: #002832 !important;
  background-color: #f2f4f8 !important;
  transition: background-color 0.3s ease;
}

.title-submenu-nav {
  font-weight: bold;
}

.submenu-element-inner {
  display: flex;
  align-items: flex-start;
  padding: 0 1rem;
  box-sizing: border-box;
}

.xxheaderxxx-submenu-title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.text-content-submenu {
  margin-left: 15px;
}

.new-block-submenu {
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  width: 60px;
  background: #13d4d0;
  border-radius: 30px;
  text-align: center;
  margin-left: 8px;
}

.submenu-title-only {
  display: flex;
  max-width: 347px;
  height: 70px;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  border-radius: 15px;
  background-color: #fff;
  transition: background-color 0.3s ease;
}

a.submenu-title-only:hover {
  color: #002832 !important;
  background-color: #f2f4f8 !important;
  transition: background-color 0.3s ease;
}

.left-submenu {
  padding-top: 36px;
}

.middle-submenu {
  padding: 38px 2rem 0 50px;
}

.submenu-title-only img {
  padding: 0 13px 0 17px;
}

.title-submenu-title-only {
  padding-right: 1rem;
}

.right-submenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #fff;
  border-radius: 60px;
  background: white;
  width: 420px;
  height: 531px;
  background: #f2f4f8;
}

.right-sub-content {
  padding: 32px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.text-news-submenu {
  padding-top: 16px;
}

.news-img {
  max-width: 330px;
  padding-bottom: 15px;
}

a.learn-more-sub {
  display: flex;
  padding: 0;
  width: 139px;
  height: 33px;
  border: 2px solid #002832;
  border-radius: 60px;
  align-items: center;
  justify-content: center;
  margin: 1rem auto 0;
  color: #002832;
  text-decoration: none;
}

a.learn-more-sub:hover {
  text-decoration: none;
  border-color: #002832 !important;
  color: #fff !important;
  background-color: #002832;
}

.what-is-new {
  display: flex;
  background: #13d4d0;
  border-radius: 30px;
  padding: 0 5px;
  height: 28px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 18px;
}

.language-and-cta {
  display: flex;
  align-items: center;
}

.hold-app-xxheaderxxx-2 {
  width: 170px;
  height: 50px;
  background: #03aac7;
  color: #002832;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  transition-delay: 0.29s;
  margin-left: 16px;
}

/* NAV MOBILE CSS */

.hamburger-mobile-nav {
  z-index: 100;
  padding: 4px;
  cursor: pointer;
  background: transparent !important;
}

.hamburgerSummit:focus {
  outline: 0;
}

.closeIconNav {
  display: none;
}

/* .nav-menu-burger {
  position: fixed;
  transform: translateY(-100%);
  transition: transform 0.2s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: #fff;
  color: #002832;
}

.hamburgerNav {
  display: none;
  cursor: pointer;
}

.showMenuNav {
  transform: translateY(0);
}

.accordion-nav-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #f2f4f8;
  border-radius: 15px;
} */

/* .accordion-nav-element.active .accordion-nav-content { */
/* max-height: 1000px; ou une valeur suffisamment grande pour afficher tout le contenu */
/* padding: 5px 0; */
/* } */

/* .accordion-xxheaderxxx {
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  box-sizing: border-box;
  justify-content: space-between;
  text-decoration: none;
  color: #002832;
}

.accordion-nav-element .accordion-xxheaderxxx img {
  transform: rotate(180deg);
}

.accordion-nav-element.active .accordion-xxheaderxxx img {
  transform: rotate(0deg);
}

.nav-mobile-element img {
  margin-right: 10px;
}

.nav-mobile-element {
  text-decoration: none;
  color: #002832;
}

nav .submenu {
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 0.3s, transform 0.3s;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  top: 124px;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  padding: 0 0 0 70px;
  border-radius: 0 0 60px 60px;
  box-shadow: 0px 10px 10px rgba(115, 132, 167, 0.4);
  
}

nav .has-submenu:hover + .submenu:not(:hover) {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  transform: translateY(0px);
  transition: opacity 0.3s, transform 0.3s;
}

nav .submenu:hover {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  transform: translateY(0px);
} */

/* NAVBAR ENDS HERE */

.xxheaderxxx-section {
  padding-bottom: 4rem;
  position: absolute;
}

.sub-page-xxheaderxxx {
  background: #f2f4f8;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border-radius: 60px;
  margin: 7rem 1rem 0;
}

.xxheaderxxx-picture-ipad {
  display: none;
}

.xxheaderxxx-picture-mobile {
  display: none;
}

.main-picture-top-title {
  text-align: center;
  margin: 0 auto;
  padding: 3rem 1rem 2rem;
  max-width: 493px;
}

.main-picture-top-text {
  text-align: center;
  margin: 0 auto;
  max-width: 465px;
  padding: 1rem 1rem 4rem;
}

.illustration-sub-page {
  max-height: 270px;
}

.sub-xxheaderxxx-title {
  text-align: center;
  padding: 80px 1rem 1rem;
  max-width: 650px;
  margin: 0 auto;
}

.banner-removed {
  display: none;
}

.banner-added {
  display: block;
}

/* h4 {
  font-size: 18px;
  font-weight: bold;
} */

.banner {
  background: #d7fffe;
  border-radius: 20px;
  padding: 6px 0px;
  color: #009aae;
  line-height: 20px;
  width: 100%;
}

.banner-container {
  padding: 0.5rem 0;
}

.error {
  color: #d92f45;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* .noscroll {
  overflow: hidden;
} */

.text-font-60 {
  font-size: 60px;
  font-weight: bold;
  line-height: 56px;
  letter-spacing: 0.3px;
  color: #002832;
}

.text-font-50 {
  font-weight: bold;
  font-size: 50px;
  line-height: 52px;
  letter-spacing: 0.3px;
  color: #002832;
}

.text-font-45 {
  font-weight: bold;
  font-size: 45px;
  line-height: 52px;
  letter-spacing: 0.3px;
  color: #002832;
}

.text-font-48 {
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.3px;
}

.text-font-35 {
  font-weight: bold;
  font-size: 35px;
  line-height: 36px;
  letter-spacing: 0.3px;
}

.text-font-30 {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
}

.text-font-24 {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
}

.text-font-18 {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.3px;
}

.text-font-16 {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
}

.lexicon-word-container {
  position: relative;
  max-width: 740px;
  padding: 10rem 1rem 0;
  margin: 0 auto !important;
}

.text-definition-word {
  line-height: 20px;
  padding-top: 33px;
}

.sb_instagram_xxheaderxxx {
  display: none;
}

#sb_instagram #sbi_images {
  padding: 0px !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  width: inherit !important;
  overflow-y: hidden !important;
  overflow-x: scroll !important;
  display: flex !important;
  align-items: stretch !important;
  scroll-snap-type: x mandatory !important;
}

#sb_instagram {
  max-width: fit-content !important;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item,
#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item {
  width: 215px !important;
  height: 215px !important;
  flex-shrink: 0;
  padding: 0;
  scroll-snap-align: center;
}

.sbi_photo.sbi_imgLiquid_bgSize.sbi_imgLiquid_ready {
  height: 215px !important;
}

/* required for wordpress START */
.max-width-100 {
  max-width: 100% !important;
}

.site-info {
  display: none;
}

.site-main {
  margin: 0 !important;
  padding: 0 !important;
}

#colophon {
  display: none;
}

.cli-plugin-button {
  border-radius: 8px !important;
}

#bitnami-banner {
  display: none;
}

/* Cookie modal CSS override */
.cli-modal .cli-modal-close:hover {
  background-color: rgb(0, 154, 174) !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: rgb(0, 154, 174) !important;
  border-radius: 8px !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn:hover {
  color: #ffffff !important;
}

.cli-switch input:checked+.cli-slider {
  background-color: rgb(0, 154, 174) !important;
}

/* Cookie modal CSS override ends here*/

/* required for wordpress END */

.pagination-wrapper.m-auto.max-w-wide.px {
  margin-bottom: 4rem !important;
}

.post__title.entry-title.m-0>a {
  font-family: "Circular Std" !important;
}

/* Menu with mega menu css */

.homepage-xxheaderxxx-text-block {
  padding: 0 1rem;
}

.menu-section .logo {
  width: 265px;
}

.menu-section .logo a {
  float: left;
}

article .entry-content a {
  color: #009aae;
  font-weight: bold;
}

/* end of css with mega menu */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-lang-item {
  display: none;
}

.fixed-banner-container {
  display: flex;
  justify-content: center;
}

.fixed-banner {
  width: 100%;
  justify-content: space-evenly;
  position: relative;
  /* max-width: 1110px; */
  display: flex;
  height: 36px;
  cursor: pointer;
  align-items: center;
  background: #002832;
  color: white;
  font-weight: bold;
  /* margin-bottom: 8px; */
}

.short-text-fixed-banner {
  display: none;
}

/* .nav-colored {
  background-color: #fff;
  transition: background-color 200ms linear;
}
.nav-transparent {
  background-color: transparent !important;
  transition: background-color 200ms linear;
} */

/* RGPD style starts here */

#BorlabsCookieBox ._brlbs-bar,
#BorlabsCookieBox ._brlbs-box {
  border-radius: 15px !important;
  background: #d7fffe !important;
  color: #002832 !important;
  font-weight: bold !important;
  font-family: "Circular Std" !important;
}

#BorlabsCookieBox .cookie-logo {
  max-width: 140px !important;
}

._brlbs-flex-center {
  padding: 1rem !important;
}

xxheaderxxx {
  position: fixed;
  /* display: flex; */
  align-items: center;
  width: 100%;
  height: auto;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background: transparent;
}

.waiting-list-section {
  padding-top: 15px;
}

.xxheaderxxx-content {
  padding: 0 2rem 9px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.logo-1-2-3 {}

.logo-1-2-3-4 {
  height: 30px;
  display: none;
}

.logo-mobile {
  visibility: hidden;
}

.xxheaderxxx-content .menu-section {
  flex-direction: row;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xxheaderxxx-content .menu-section .link .current_page_item>a {
  color: #03aac7;
}

.xxheaderxxx-second-part {
  width: 100%;
  display: flex;
}

.third-part-xxheaderxxx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.language-button {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 3px 8px 3px 23px;
}

.Language {
  display: none;
}

.lang-item {
  list-style: none;
  padding-right: 4px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  padding-left: 5px;
  border: none;
  padding-top: 0;
}

.lang-item-first {
  border: none;
}

.lang-item.current-lang {
  display: none;
}

.hold-app-container {
  width: 170px;
}

.hold-app-container-2 {
  width: 170px;
}

.slide-down-container {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  width: 170px;
  transition: max-height 0.3s ease-in;
}

.hold-app-container:hover .slide-down-container {
  max-height: 320px;
  transition: max-height 0.3s ease-in;
  /* overflow: auto; */
}

/* .hold-app-text {
  background: linear-gradient(90deg, #03aac7 42.35%, #00c2ff 89.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
} */

.hold-app {
  width: 170px;
  height: 50px;
  background: #03aac7;
  color: #002832;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  transition-delay: 0.29s;
}

.hold-app-xxheaderxxx {
  width: 170px;
  height: 50px;
  background: #03aac7;
  color: #002832;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  transition-delay: 0.29s;
}

/* .nav-to-black {
  color: #002832 !important;
}

.nav-to-white {
  color: #fff !important;
} */

.hold-app-container:hover .hold-app {
  border-radius: 10px 10px 0 0;
  transition: border-radius;
}

.app-qr-code {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 0 0 10px 10px;
}

.qr-code {
  height: auto;
  width: 94px;
  margin: 10px auto 0;
}

.scan-the-code {
  display: flex;
  justify-content: center;
  border: 1px solid #7384a7;
  box-sizing: border-box;
  border-radius: 20px;
  width: 119px;
  height: 25px;
  margin: 8px auto 11px;
  gap: 4px;
}

.scan-the-code-text {
  font-size: 11px;
  line-height: 12px;
  color: #7384a7;
  align-self: center;
}

.app-download-stores {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.app-download-stores {
  background: #f2f4f8;
  padding: 15px 25px;
  border-radius: 10px;
}

.apple-store-button,
.google-store-button {
  width: 157px;
}

.apple-store-button {
  margin-bottom: 4px;
}

.google-store-button {
  margin-top: 4px;
}

.third-nav-part {
  display: flex;
  align-items: center;
  gap: 22px;
}

.third-nav-part .language-swticher-third-part .lang-item a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border: 0.5px solid #fff;
  color: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 2px 5px;
  width: 63px;
  height: 28px;
  justify-content: space-evenly;
}

.third-nav-part .language-swticher-third-part .lang-item a img {
  height: 20px;
  align-self: center;
}

.third-nav-part .language-swticher-third-part .lang-item a span {
  margin-left: 0 !important;
}

/* .xxheaderxxx-content .menu-section .link {
  margin-left: 3rem;
} */

.menu-item-666,
.menu-item-1539,
.menu-item-3377,
.menu-item-1510 {
  border-left: 1px solid #d4dae6;
}

.content-area .site-main .post {
  max-width: 700px;
  margin: 0 auto;
}

.xxheaderxxx-content .menu-section .link a {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #002832;
  margin: 0 2rem;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
}

.xxheaderxxx-content .menu-section .button-section {
  margin-left: auto;
  display: contents;
}

.xxheaderxxx-content .hamburger-menu {
  display: none;
}

.xxheaderxxx-content .hamburger-menu img {
  width: 26px;
}

/* .heading {
  position: absolute;
  top: 60%;
  left: 45%;
  font-style: normal;
  font-weight: bold;
  font-size: 90px;
  line-height: 92px;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-shadow: 0px 0px 14px #3b507c;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: fit-content;
  z-index: 10;
} */

.home .xxheaderxxx-content .menu-section .button-section {
  display: none;
}

#menu-menu-1 {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}

#menu-menu-en-1 {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin-top: 2rem;
}

#menu-menu-english-1 {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  padding-left: 0;
}

#menu-menu-deutsch-1 {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  padding-left: 0;
}

/* .heading-text-1 {
  padding-left: 6rem;
}

.heading-text-2 {
  padding-left: 17rem;
}

.heading-text-3 {
  padding-left: 10rem;
  padding-top: 0.7rem;
} */

.home-intro {
  background-position: center;
  background-size: cover;
  height: 105vh;
  padding-top: 80px;
}

.home-intro-mobile {
  visibility: hidden;
}

.home-text-centered {
  position: absolute;
  padding-top: 6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-style: normal;
  font-weight: bold;
  font-size: 90px;
  line-height: 92px;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-shadow: 0px 0px 14px rgba(152, 167, 198, 0.9);
  width: max-content;
}

.hero-content-with-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 570px;
}

.introduction-title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding-top: 5rem;
}

.main-title-carousel-2 {
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding: 7rem 1rem 5rem;
  max-width: 1110px;
  margin: 0 auto;
}

.main-title-carousel {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-founders {
  background: #002832;
  max-width: 1110px;
  margin: 0 auto;
  border-radius: 60px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -22%;
  text-align: center;
}

.carousel-title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.3px;
  color: #002832;
  padding: 0rem 0rem 4rem;
}

.carousel-block .position-absolute-block {
  bottom: 88%;
  z-index: 1;
}

.carousel-text {
  height: 200px;
}

.press-background {
  background: #f2f4f8;
  padding-bottom: 5rem;
}

.press-logo {
  padding: 10px 20px;
}

.inner-slide-carousel {
  height: 345px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.homepage-press-container {
  display: flex;
  align-items: center;
  background: white;
  height: 90px;
  margin: 0 auto 4rem;
}

.homepage-press {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 946px;
  font-weight: bold;
  letter-spacing: -0.3px;
  margin: 0 auto;
}

.talk-about-us {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.main-reasons,
.secondary-reasons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.unit-reasons {
  padding-bottom: 5rem;
  padding-left: 0;
}

.main-reasons {
  padding-top: 3rem;
}

.reason {
  padding-top: 3rem;
  width: 200px;
  text-align: center;
  margin-right: 3rem;
}

.video-title {
  max-width: 760px;
  margin: 4rem auto 0rem auto;
}

.Money-flow-chart-container {
  display: flex;
  justify-content: center;
  padding-top: 7rem;
}

.flowchart-text-list {
  margin: auto;
  max-width: 450px;
  line-height: 20px;
  text-align: left;
  padding: 1rem 1rem;
  list-style: none;
  display: flex;
}

.flowchart-two-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 4rem 11.5% 0 11.5%;
}

.left-flowchart-with-text {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flowchart {
  margin: 0 0 2rem 0;
  width: 604px;
  height: 604px;
}

.flowchart-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 4rem;
}

.flowchart-block-section {
  width: 40%;
  padding: 2rem 2rem 2rem 4rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.title-flowchart {
  padding: 2rem 0 3rem 0;
  text-align: left;
  margin: 0 auto;
  max-width: 400px;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #002832;
  padding-bottom: 1rem;
}

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

.flowchart-section {
  justify-content: center;
  display: flex;
  padding-top: 5rem;
}

.section-text {
  display: none;
}

.section-main-text-2 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #002832;
}

.language {
  justify-content: flex-end;
  display: none;
}

.section-description-text-2 {
  margin-top: 32px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 400px;
}

#mobileMenuAnmeldenButton {
  min-width: 200px;
}

#anmeldenButton2,
#anmeldenButton5 {
  color: white !important;
  min-width: 160px;
  max-width: 390px;
}

.follow-us-on-insta {
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: 0.3px;
  margin-bottom: 25px;
}

#folgenInstaButton {
  color: #7384a7 !important;
  width: 172px;
  min-width: 172px;
  margin-top: 2rem;
  font-size: 18px;
}

#anmeldenButton7:hover {
  color: white !important;
  background-color: #1cc8c4 !important;
}

#anmeldenButton:hover,
#anmeldenButton2:hover,
#anmeldenButton4:hover,
#anmeldenButton6:hover,
#folgenInstaButton:hover,
#folgenInstaButton2:hover {
  background-color: #002832 !important;
  color: white !important;
  box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 25%);
}

.xIcon {
  display: none;
}

.Bonjour {
  display: none !important;
}

.mobile-menu {
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  max-width: 100% !important;
  margin: 0;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  color: #002832;
  transform: translateY(-100%);
  transition: transform 0.2s;
  list-style: none;
  padding: 4rem 11.5% 2rem;
  top: 7%;
  z-index: 999;
}

.mobile-menu.showMenu {
  display: flex;
  position: fixed;
  visibility: visible;
  transform: translateY(0);
  transition: 0.2s;
}

.language-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #d4dae6;
  padding: 5px 6px 3px;
  width: 59px;
  height: 34px;
  align-self: self-end;
  border-radius: 20px;
  margin-bottom: 1rem;
}

.language-block {
  padding-top: 2rem;
  display: flex;
  justify-content: flex-end;
}

.language-bock-1 {
  width: 57px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid;
  border-radius: 20px;
  margin: 0 16px 2rem auto;
}

.language-bock-1 .language-switcher .lang-item {
  padding: 0;
}

.language-bock-1 .language-switcher .lang-item a {
  position: absolute;
  bottom: -4%;
  right: -2%;
  padding: 4px 27px 3px 9px;
}

.flag-icon {
  padding: 3px 6px 2px;
}

.flag-icon img {
  width: 18px;
  height: 18px;
}

.language-section .language-letter>li {
  padding: 0;
  border-bottom: none;
}

.language-section .language-letter li a {
  border-bottom: none;
  color: #7384a7;
  font-size: 14px;
  position: absolute;
  bottom: 78.1%;
  right: 11.9%;
  padding: 5px 28px 5px 8px;
  border-radius: 20px;
}

.language-letter img {
  width: 18px;
  height: 18px;
}

.language-letter {
  padding-right: 3px;
  color: #7384a7;
  display: flex;
}

.mobile-menu li:last-child {
  border-bottom: 0px;
  border-left: none;
}

.mobile-menu .third-part-xxheaderxxx .language-button .lang-mobile-letter li {
  border-bottom: none;
  padding: 0;
}

.mobile-menu .third-part-xxheaderxxx .language-button .lang-mobile-letter li a {
  color: #7384a7;
  font-size: 14px;
  position: absolute;
  bottom: 5.4%;
  right: 41.7%;
  padding: 15px 36px 15px 10px;
  border-radius: 20px;
}

.menu-section .third-part-xxheaderxxx .language-button li a {
  color: #7384a7;
  font-size: 14px;
  position: absolute;
  bottom: 11%;
  right: 11.8%;
  padding: 3px 28px 3px 8px;
  border-radius: 20px;
}

.menu-section .third-part-xxheaderxxx .language-button img {
  width: 20px;
}

.mobile-menu .third-part-xxheaderxxx .language-button {
  width: 75px;
  padding: 15px 8px 15px 23px;
}

.mobile-menu .menuLink {
  display: inline;
  color: #002832;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  align-items: center;
  letter-spacing: 0.3px;
}

.mobile-menu .menuLink:hover {
  text-decoration: underline;
}

.mobile-menu .button-section {
  text-align: center;
}

.content {
  margin: 0px !important;
  min-height: calc(100% - 205px);
  position: relative;
}

.unitplus-info-section {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.unitplus-info-section .circular-logo-section .circle {
  width: 136px;
  height: 136px;
  border-radius: 136px;
  background: #d7fffe;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.unitplus-info-section .circular-logo-section .square {
  border-radius: 20px;
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(21.66deg, #dde6ed 0%, #ffffff 57.29%);
  box-shadow: 5px 10px 13px -8px grey;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}

.xxheaderxxx-container {
  display: flex;
  justify-content: center;
  padding: 1rem;
  gap: 45px;
  height: 100vh;
}

.xxheaderxxx-container-card {
  display: flex;
  padding: 1rem 0 1rem 1rem;
  justify-content: space-between;
  height: 100vh;
  align-self: center;
  padding-left: 13rem;
  background: #002832;
  align-items: center;
}

.video-clicker-home {
  max-width: 524px;
  cursor: pointer;
}

.hero-home-landing {
  max-width: 353px;
}

.video-clicker-home-mobile {
  display: none;
}

.xxheaderxxx-container-bonus {
  display: flex;
  justify-content: center;
  padding: 1rem;
  gap: 45px;
  height: 100vh;
}

.homepage-xxheaderxxx-block {
  display: flex;
  align-items: center;
  padding-bottom: 0;
}

.homepage-xxheaderxxx-block-flexplus {
  display: flex;
  align-items: center;
  padding-bottom: 0;
  width: 100%;
  justify-content: space-evenly;
}

#randomImages {
  max-height: 396px;
}

.xxheaderxxx-container-home {
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-top: 10rem;
  padding-bottom: 10rem;
  background-image: url("https://cdn.unitplus.eu/images/background-emo-home.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.vh-max {
  height: 100vh !important;
}

.banner-xxheaderxxx-news {
  margin: 0 auto;
  bottom: 16px;
  display: flex;
  width: 1000px;
  justify-content: space-between;
  align-items: center;
}

.banner-press-cont.main-landing .banner-press-block {
  background: transparent;
}

.banner-press-cont.main-landing .banner-press-block .banner-press-content li {
  padding-right: 6px;
}

.banner-xxheaderxxx-news.main-landing {
  margin: 0 auto 4rem;
}

.xxheaderxxx-Kosten-heigt-spe {
  background-color: #181c1b !important;
  position: relative;
}

.xxheaderxxx-Kosten-height {
  background-color: #060203;
  height: 100vh;
  gap: 0;
  justify-content: space-between;
  padding: 0 0 0 11rem;
}

.xxheaderxxx-investment-2-height {
  background-color: #181c1c;
  height: 100vh;
  gap: 0;
  justify-content: space-between;
  padding: 0 0 0 11rem;
  position: relative;
}

.right-cost-mobile {
  display: none;
}

.right-cost-page-img {
  width: auto;
  height: 100%;
}

.homepage-sub-text {
  line-height: 20px;
  letter-spacing: -0.3px;
  max-width: 456px;
  margin: 0 auto;
  color: #fff !important;
}

.sub-title-cashplus-point {
  display: flex;
  padding-bottom: 8px;
}

.player-youtube {
  position: absolute;
}

.home-bullet-text {
  padding-left: 12px;
  font-weight: bold;
}

.home-main-picture {
  max-height: 538px;
}

.phone-video-mockup {
  max-height: 484px;
  width: 281px;
  pointer-events: none;
}

.border-radius-video {
  border-radius: 20px;
  overflow: hidden;
}

.border-radius-video {}

.card-hero {
  position: absolute;
  max-height: 252px;
  top: 50px;
  right: -38px;
  z-index: -3;
  transform: rotate(7deg);
}

.free-hero {
  position: absolute;
  max-height: 175px;
  bottom: 28px;
  right: -20px;
  z-index: -2;
}

.mobile-hidden-video.xxheaderxxx-container-video {
  display: none;
}

.end-left-block.hidden-starten-button {
  display: none;
}

.end-left-block.hidden-starten-button-2 {
  display: none;
}

.homepage-bullets-block {
  padding: 30px 0 0;
}

.email-form-xxheaderxxx-home {
  display: flex;
  margin-top: 35px;
  justify-content: space-between;
  max-width: 380px;
}

.fixed-banner-text-1 {
  display: flex;
  align-items: center;
  width: 295px;
  justify-content: inherit;
}

.submit-button-xxheaderxxx-home {
  max-width: 380px;
}

.bullet-plus {
  height: 12px;
}

.bullet-home {
  display: flex;
  align-items: center;
  padding-bottom: 23px;
}

.main-title-home {
  font-weight: 900;
  padding-bottom: 20px;
  max-width: 456px;
  margin: 0 auto;
  color: #fff !important;
}

.trustpilot-flexplus-mobile {
  padding: 2rem 0;
  position: relative;
  right: -4px;
}

.inner-title-Flexplus-xxheaderxxx {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  padding-bottom: 1rem;
}

.inner-title-CashPlus-xxheaderxxx {
  font-size: 30px;
  font-weight: bold;
  line-height: 33px;
  padding-bottom: 1rem;
}

main#tp-widget-wrapper {
  margin: 2rem 0 !important;
}

.testingtest .title-xxheaderxxx-smart {
  max-width: 592px;
  font-weight: bold;
  font-size: 4.5vh;
  line-height: 4.5vh;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: center;
  padding-bottom: 3.5vh;
}

.trustpilot1 {
  left: 2px !important;
  position: relative;
  padding-top: 1rem;
}

.trustpilot-testimonials .trustpilot-widget {
  text-align: -webkit-center;
}

.trustpilot-testimonials-2 .trustpilot-widget {
  text-align: -webkit-center;
}

.reviews-colored-container-mobile.owlnott-carousel .owlnott-stage {
  height: auto;
}

.reviews-colored-container-mobile.owlnott-carousel .owlnott-nav {
  display: none;
}

.trustpilot-kosten-desktop {
  left: -2px;
  position: relative;
  padding-top: 1rem;
}

.trustpilot2 {
  display: none;
}

.username {
  width: 134px;
}

.wl-username {
  width: 165px;
}

.wl-usermail {
  width: 297px;
}

.username-bis {
  width: 173px;
}

.usermail {
  width: 232px;
}

.mention-xxheaderxxx {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 10px 0rem 0;
}

.wl-mention-xxheaderxxx {
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #d7fffe;
  margin: 0 auto;
  padding: 0 1rem;
}

#xxheaderxxxTitleEn,
#xxheaderxxxTitle {
  padding-bottom: 1rem;
}

.xxheaderxxx-container-picture {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.xxheaderxxx-container-video {
  display: flex;
  position: relative;
  width: 518px;
  justify-content: center;
  cursor: pointer;
}

.emo-video-clicker {
  position: relative;
}

.start-video-button-home {
  position: absolute;
  top: 38%;
  left: 30%;
  cursor: pointer;
}

.badge-excellence-home {
  width: 200px;
  position: absolute;
  bottom: 10%;
  left: 59%;
}

.badge-excellence-kosten,
.badge-excellence-kosten-2 {
  position: absolute;
  right: 12%;
  bottom: 61%;
  width: 200px;
  z-index: 4;
}

.hero-video-home {
  position: absolute;
  z-index: -1;
  top: 12px;
  overflow: hidden;
  border-radius: 10px;
}

#video-inline {
  width: 251px;
  height: 461px;
  border-radius: 28px;
  overflow: hidden;
  position: absolute;
  top: 12px;
  display: flex;
  justify-content: center;
}

.video-inline {
  width: auto;
  height: 471px;
  /* position: absolute; */
  /* left: -7px;
  top: -11px; */
  opacity: 1;
  /* z-index: 900000; */
}

.main-title-review {
  padding: 1rem;
  text-align: center;
}

.review-title-bottom {
  padding: 100px 1rem 0px;
  text-align: center;
}

.block-reviews-colored {
  background: #f2f4f8;
  cursor: pointer;
}

.block-reviews-colored-home {
  background: linear-gradient(180deg,
      rgba(242, 244, 248, 0) 0%,
      #f2f4f8 60.85%);
  cursor: pointer;
}

.anchor-block-review {
  color: #002832;
  text-decoration: none;
}

.anchor-block-review:hover {
  color: #002832 !important;
  text-decoration: none !important;
}

.review-colored {
  border-radius: 30px;
  background: #fff;
  width: 350px;
  height: 280px;
}

.title-review-colored {
  padding: 32px 32px 23px;
}

.text-review-colored {
  padding: 0 32px 28px;
}

.separator-review-colored {
  border-top: 0.5px solid #d4dae6;
}

.bottom-review-colored {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding: 0 32px;
  font-size: 13px;
  color: #7384a7;
}

.reviews-colored-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 5rem 1rem 2rem;
}

.trustpilot-testimonials {
  padding: 22px 0 17px 34px;
}

.trustpilot-testimonials-2 {
  padding: 22px 1rem 64px;
}

.reviews-colored-container-mobile.owlnott-carousel.owlnott-loaded.owlnott-drag {
  display: none;
}

.xxheaderxxx-container-picture-mobile {
  display: none;
  position: relative;
}

.player-youtube {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -39%);
  top: 50%;
  cursor: pointer;
  transition: width 0.3s;
  width: 146px;
}

.player-youtube:hover {
  width: 160px;
}

.review-top {
  padding-top: 1.5rem;
}

.review-top-mobile {
  display: none;
}

.end-left-block {
  width: 260px;
  text-align: center;
  margin-top: 2rem;
}

.xxheaderxxx-this-is-unitplus-picture {
  max-height: 475px;
}

.xxheaderxxx-container-text-home {
  align-self: center;
  max-width: 380px;
}

.xxheaderxxx-container-text {
  align-self: center;
  min-width: 320px;
  padding: 0 1rem;
  z-index: 3;
}

.xxheaderxxx-container-title-partner {
  max-width: 405px;
  padding: 1rem 1rem 0;
}

.homepage-sub-text-partner {
  max-width: 445px;
  padding: 1rem;
  line-height: 20px;
}

.submit-button-xxheaderxxx {
  padding: 1rem;
}

.center-content {
  background: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/BG-merged-min.png") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: local;
}

.content-with-two-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 4rem 11.5% 0 11.5%;
  margin-top: 32px;
}

.hidden-gif {
  visibility: hidden;
  position: absolute;
}

.content-with-two-section-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 4rem 11.5% 0 11.5%;
  margin-top: 32px;
}

.content-1 {
  padding-bottom: 3rem;
  min-height: 620px;
}

.card-video {
  width: 500px;
  height: 500px;
  margin: 0 auto 2rem auto;
}

.flowchart-text {
  max-width: 560px;
  margin: 2rem auto 0 auto;
  text-align: center;
  /* background: #F2F4F8; */
  padding: 2rem;
  border-radius: 20px;
}

.left-content-with-text {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left-content-with-image {
  width: 48%;
}

.right-content-with-text {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.right-content-with-text-2 {
  margin-left: 7rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-img {
  max-width: 570px;
}

.right-content-with-text-top-alligned {
  justify-content: flex-start;
}

.right-content-with-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* CSS for FAQs page starts here */

/* Giveaway styles starts here */

.giveaway-logo-container {
  display: flex;
  align-items: center;
  width: 250px;
  margin: 7rem auto 0;
  padding: 1rem;
  justify-content: space-evenly;
}

body.page-id-8226 {
  background-color: #f2f4f8;
}

.page-id-7216 #page nav {
  display: none;
}

.page-id-6339 #page .xxheaderxxx-section {
  display: none;
}

.page-id-6390 #page .xxheaderxxx-section {
  display: none;
}

.page-id-6335 #page .xxheaderxxx-section {
  display: none;
}

.page-id-6337 #page .xxheaderxxx-section {
  display: none;
}

.page-id-8226 #page .xxheaderxxx-section {
  display: none;
}

.page-id-5838 #page .xxheaderxxx-section {
  display: none;
}

.page-id-6233 #page .xxheaderxxx-section {
  display: none;
}

.page-id-5204 #page .xxheaderxxx-section {
  display: none;
}

.page-id-8644 #page .xxheaderxxx-section {
  display: none;
}

body.page-id-5204 {
  background-color: #f2f4f8;
}

.container-giveaway-form {
  display: flex;
  justify-content: center;
  margin: 32px 1rem;
}

.giveaway-form-block {
  width: 920px;
  background-color: #fff;
  min-height: 251px;
  border-radius: 15px;
}

.giveaway-title {
  text-align: center;
  padding: 45px 1rem 15px;
}

.giveaway-sub-title {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1rem;
  line-height: 20px;
}

.giveaway-form-inputs-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 1rem 16px;
}

.button-giveaway-subscribe {
  background: #002832;
  border-radius: 10px;
  width: 218px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.legal-mention-subscription {
  font-size: 11px;
  line-height: 15px;
  padding: 1rem 1rem 16px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
}

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

.how-to-play-title {
  text-align: center;
  padding: 0 1rem 32px;
}

.steps-how-to-play-container {
  width: 920px;
  margin: 0 auto 75px;
  display: flex;
  justify-content: space-between;
}

.play-step img {
  width: 37px;
  padding-right: 8px;
}

.play-step {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  line-height: 20px;
}

/* .play-step .p-tyuni-not {
  max-width: 234px;
} */

.how-to-play-insta {
  text-align: center;
  padding: 0 1rem 2rem;
}

#mc_embed_signup_scroll.giveaway-form .mc-field-group input {
  padding: 0 !important;
  border: 1px solid #d4dae6 !important;
  border-radius: 5px !important;
  font-family: "Circular Std" !important;
  font-size: 16px !important;
  background: white !important;
  height: 50px !important;
  color: #7384a7 !important;
}

#mc_embed_signup_scroll.giveaway-form .mc-field-group {
  padding-bottom: 0 !important;
  width: auto;
}

.giveaway-form {
  display: flex;
  justify-content: center;
  gap: 16px;
}

#mc_embed_signup #mc-embedded-subscribe-form.giveaway-form-block-2 div.mce_inline_error {
  top: 70px;
  left: 115px;
  width: max-content;
  padding: 3px 16px;
  border-radius: 30px;
}

#mc_embed_signup_scroll .mc-field-group #mce-FNAME.name-giveaway {
  width: 237px;
  margin-right: 0;
}

#mc_embed_signup_scroll .mc-field-group #mce-EMAIL.email-giveaway {
  width: 307px;
}

#mc_embed_signup .button.giveaway-subscribe-button {
  background: #002832;
  border-radius: 10px;
  width: 218px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
}

#mc_embed_signup form.giveaway-form-block-2 {
  margin: 20px 1rem 0 !important;
}

#mc_embed_signup #mce-success-response.response-success-giveaway {
  text-align: center;
  color: #559570;
  font-weight: normal;
  font-size: 11px;
  background-color: #d8fee9;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  width: fit-content;
  padding: 9px 26px;
  height: auto;
  line-height: 14px;
}

.mc-field-group #mce-FNAME.name-giveaway::-webkit-input-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-FNAME.name-giveaway:-ms-input-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-FNAME.name-giveaway:-moz-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-EMAIL.email-giveaway::-webkit-input-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-EMAIL.email-giveaway:-ms-input-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-EMAIL.email-giveaway:-moz-placeholder {
  padding-left: 13px;
}

.mc-field-group #mce-FNAME.name-giveaway::-webkit-input-value {
  padding-left: 13px;
}

input.name-giveaway[value=""] {
  color: pink;
}

.legal-mention-subscription a {
  color: #7384a7 !important;
  text-decoration: underline !important;
}

.legal-mention-subscription a:hover {
  color: #7384a7 !important;
}

/* Giveaway styles ends here */

/* FAQ page with filter  */

.thumbs-container {
  height: 30px;
  width: 60px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 30px;
  background-color: white;
}

.like {
  background-image: url("https://cdn.unitplus.eu/images/active-thumbs-up.svg");
  height: 17px;
  width: 17px;
  cursor: pointer;
}

.dislike {
  background-image: url("https://cdn.unitplus.eu/images/active-thumbs-up.svg");
  height: 17px;
  width: 17px;
  transform: rotate(-180deg);
  cursor: pointer;
}

.like:hover {
  background-image: url("https://cdn.unitplus.eu/images/hover-thumbs-up.svg");
  cursor: pointer;
}

.dislike:hover {
  background-image: url("https://cdn.unitplus.eu/images/hover-thumbs-up.svg");
  transform: rotate(-180deg);
  cursor: pointer;
}

.like.clicked {
  background-image: url("https://cdn.unitplus.eu/images/selected-thumbs-up.svg");
  cursor: pointer;
}

.dislike.clicked {
  background-image: url("https://cdn.unitplus.eu/images/selected-thumbs-up.svg");
  transform: rotate(-180deg);
  cursor: pointer;
}

.answered-question-container {
  background: #f2f4f8;
  border-radius: 30px;
  margin-top: 42px;
  margin-bottom: 60px;
  padding: 60px 1rem 24px;
}

.answered-question-block {
  max-width: 730px;
  margin: 0 auto;
}

/* .answered-question-block h2 {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  font-weight: bold;
  padding-bottom: 32px;
} */

/* .answered-question-block .p-tyuni-not {
  line-height: 20px;
} */

.separator-question {
  width: 100%;
  border-top: 1px solid #7384a7;
  margin-top: 40px;
  margin-bottom: 18px;
}

.thumbs-questions {
  display: flex;
  align-items: center;
  justify-content: end;
}

/* .thumbs-questions .p-tyuni-not {
  padding-right: 10px;
} */

.main-faq-container {
  max-width: 920px;
  margin: 0 auto;
  padding: 7rem 1rem 0;
}

.filter-container {
  padding-top: 32px;
}

.selectedBlock {
  outline: 2px solid #03aac7;
  outline-offset: -2px;
  box-shadow: 0px 0px 14px rgba(221, 227, 240, 0.9);
}

.filter-title {
  color: #002832;
  padding: 32px 0;
}

.category-head {
  display: flex;
  flex-flow: row wrap;
}

.dropbtn {
  display: none;
}

.dropped+.accordion-item-body {
  margin-bottom: 1.5rem;
}

.portfolio-button.category-title {
  border: 0;
  padding: 0;
}

.container-filter-secu-mobile .category-head .category-title {
  display: flex;
  justify-content: center;
  background: white;
  border-radius: 20px;
  padding: 10px 26px;
  color: #002832;
  margin: 5px;
  cursor: pointer;
  border: 0.5px solid #d4dae6;
  transition: background 0.3s ease;
}

.container-filter-secu-mobile .category-head .category-title:hover {
  background: #d4dae6;
  border: 0.5px solid #d4dae6 !important;
  color: #002832 !important;
}

.category-title li {
  padding: 0 10px;
  list-style: none;
}

.category-title.active-category {
  background: #002832 !important;
  color: white !important;
}

.category-title.active-category:hover {
  background: #d4dae6 !important;
  color: #002832 !important;
}

.container-filter-secu-mobile .category-head .category-title .active-category {
  background: #002832;
  color: white;
}

.container-filter-mobile .category-head .category-title .active-category {
  background: #002832;
  color: white;
}

.container-filter-mobile .category-head .category-title {
  display: flex;
  justify-content: center;
  background: white;
  border-radius: 20px;
  padding: 10px 26px;
  color: #002832;
  margin: 5px;
  cursor: pointer;
  border: 0.5px solid #d4dae6;
  transition: background 0.4s ease;
}

.container-filter-mobile .category-head .category-title:hover {
  background: #d4dae6;
  border: 0.5px solid #d4dae6 !important;
  color: #002832 !important;
}

.all>.faq-block {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* New homepage style starts here */

.text-explications {
  padding: 32px 0 47px;
  line-height: 20px;
}

.calculator-redirection-button {
  height: 50px;
  width: 275px;
  color: #fff !important;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  background-color: #002832 !important;
  min-width: 275px;
  min-height: 50px;
}

.calculator-redirection-button:hover {
  height: 50px;
  color: #fff !important;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold;
  background-color: #002832 !important;
}

.erfahre-mehr-button {
  width: 166px;
  height: 50px;
  color: #002832 !important;
  border: 2px solid #002832;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

.erfahre-mehr-button.main-phone-block-mobile {
  width: 166px;
  height: 50px;
  color: #002832 !important;
  border: 2px solid #002832;
  border-radius: 10px;
  display: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

.grey-background-main {
  background: #f2f4f8;
  padding: 1rem 0 0;
}

.erfahre-mehr-button.security-button {
  margin: 2rem auto 4rem;
  width: 300px;
}

.erfahre-mehr-button.main-phone-block {
  width: 270px;
}

.erfahre-mehr-button.main-phone-block:hover {
  color: #002832 !important;
}

.erfahre-mehr-button img {
  padding-left: 10px;
}

.erfahre-mehr-button:hover {
  border-color: #002832 !important;
}

.right-text-main {
  max-width: 444px;
  padding: 2rem 2rem 2rem 0;
}

.left-text-main {
  max-width: 444px;
  padding: 2rem 0 2rem 2rem;
}

.main-left-phone {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.main-right-phone {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.finance-container {
  display: flex;
  justify-content: center;
  gap: 115px;
  padding: 3rem 1rem;
}

.finance-block-text {
  padding: 0rem 0rem 4.5rem;
  align-self: center;
  text-align: center;
}

.finance-block-title {
  text-align: center;
  padding: 75px 1rem 4rem;
}

.block-finance-icons {
  display: flex;
  max-width: 946px;
  margin: 0 auto 256px;
  gap: 78px;
  flex-flow: wrap;
}

.carousel-block .block-app-steps>div {
  width: 1440px !important;
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  border-radius: 60px;
}

.carousel-block .block-app-steps {
  margin: 4rem auto 0;
  width: 94%;
}

.main-arguments-home {
  margin: 0 auto 100px;
  padding: 0 1rem;
  gap: 30px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1440px;
}

.home-main-argument-img {
  max-width: 409px;
}

.container-3-in-1 {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem 6rem;
  max-width: 1440px;
  margin: 0 auto;
}

.in-1-block-title {
  text-align: center;
  padding: 100px 1rem 60px;
}

.arguments-home {
  height: 378px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 20px;
  /* box-shadow: 0px 0px 14px rgba(221, 227, 240, 0.9); */
  border-radius: 30px;
  background: #f2f4f8;
}

.arguments-content {
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 366px;
  text-align: center;
}

/* .arguments-content .p-tyuni-not {
  padding-bottom: 24px;
  padding-top: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  color: #002832;
  font-weight: bold;
} */

.icons-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 255px;
  height: 260px;
  background: white;
  border-radius: 30px;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.icons-block {
  padding: 27px 0px 43px 27px;
  color: #002832;
}

.USPtext {
  padding-top: 8px;
  padding-right: 2px;
}

.icon-area {
  min-width: 32px;
  padding-bottom: 10px;
}

.phone-application {
  max-height: 344px;
  position: absolute;
  bottom: 0;
  left: 3%;
}

.container-annexe-mobile {
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}

.application-process-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #002832;
  width: 100%;
  margin: 6rem 1rem;
  border-radius: 30px;
  height: 300px;
  max-width: 1110px;
  justify-content: space-evenly;
  color: white;
  top: -241px;
}

.application-process-container-2 {
  display: flex;
  flex-direction: column;
  background: #002832;
  width: 100%;
  margin: 6rem 1rem;
  border-radius: 60px;
  height: 300px;
  max-width: 1110px;
  justify-content: space-evenly;
  color: white;
  top: -241px;
}

.woman-phone-this-is-unitplus {
  position: absolute;
  max-height: 291px;
  left: -14px;
  bottom: 0;
  z-index: -2;
}

.application--process-block-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 84px;
}

.application-process-block-2 {
  height: 70px;
  max-width: 920px;
  background: white;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  z-index: 2;
}

.application-steps-container {
  display: flex;
  gap: 28px;
}

.application-step {
  display: flex;
  align-items: center;
}

.step-texts {
  font-weight: bold;
  padding-left: 6px;
  max-width: 130px;
}

.application-process-title {
  width: 347px;
}

.application-process-title-2 {
  width: 347px;
  margin-left: 6rem;
}

.application-img {
  padding: 12px 5px 12px 0;
}

.get-started-sentence {
  padding: 0px 59px 0 0px;
  font-weight: bold;
  line-height: 20px;
  color: #002832;
}

.get-started-button {
  height: 50px !important;
  width: 190px;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-image: url("https://cdn.unitplus.eu/images/button-background-black.svg");
  background-size: 100%;
  background-position: center;
  transition: background-image 0.3s ease-in-out, color 0.3s ease-in-out;
}

.get-started-button.inpage-button {
  margin: 50px auto 0;
}

.jetzt-starten-button {
  height: 50px;
  /* background: #002832; */
  background-image: url("https://cdn.unitplus.eu/images/button-background-black.svg");
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  cursor: pointer;
  margin-top: 30px;
  background-size: 100%;
  background-position: center;
  transition: background-image 0.3s ease-in-out, color 0.3s ease-in-out;
}

.emo-jetzt-starten-button {
  height: 50px;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  cursor: pointer;
  background-color: #03aac7;
  color: #002832;
  margin-top: 3rem;
}

.emo-jetzt-starten-button.cashplus-start-button {
  color: #fff;
  background-color: #002832;
}

.jetzt-starten-button:hover {
  background-image: url("https://cdn.unitplus.eu/images/button-background-gradient-2.svg");
  color: #002832;
}

/* .steps-app-button:hover {
  background-image: url("https://cdn.unitplus.eu/images/button-background-gradient-2.svg");
  color: #002832 !important;
} */

.get-started-button:hover {
  background-image: url("https://cdn.unitplus.eu/images/button-background-gradient-2.svg");
  color: #002832;
}

#appLink1,
#appLink2,
#appLink3,
#appLink4,
#appLink5,
#appLink6,
#appLink7 {
  display: none;
}

.carousel-start {
  margin-top: 1.5rem;
  z-index: 20;
}

.get-started-application-process {
  align-self: center;
  display: flex;
  align-items: center;
  padding: 0 8px 0 36px;
}

.content-waiting-list-confirmation {
  height: 100vh;
  display: flex;
  padding-left: 10rem;
  align-items: center;
  background: #7384a7;
  color: #d7fffe;
  position: relative;
}

.close-waiting-list-page {
  position: absolute;
  top: 8%;
  right: 12%;
}

.svg-schema-mobile {
  text-align: center;
}

.tutorial-container {
  background: #002832;
  display: flex;
  justify-content: space-around;
  max-width: 1200px;
  padding: 5rem 1rem;
  margin: auto;
}

iframe {
  animation: animate 3s linear infinite;
}

.tutorial-container-mobile {
  padding-bottom: 4rem;
}

.tutorial-text-mobile {
  color: white;
  padding: 2rem 1rem 1rem;
  display: flex;
}

.tutorial-text-block {
  max-width: 430px;
}

.tutorial-title {
  color: white;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.tutorial-title-mobile {
  color: white;
  padding: 4rem 1rem 2rem;
  text-align: center;
}

.tutorial-point {
  cursor: pointer;
  color: #7384a7;
  padding: 10px;
  display: flex;
}

.sub-faq-title {
  padding: 1rem 0rem 2rem;
  line-height: 20px;
}

.tutorial-point:before {
  content: url("https://cdn.unitplus.eu/images/Plus-Grey-SMALL.svg");
  padding-right: 12px;
  padding-top: 3px;
}

.tutorial-text-mobile:before {
  content: url("https://cdn.unitplus.eu/images/Plus-White-SMALL.svg");
  padding-right: 12px;
  padding-top: 3px;
}

.tutorial-img-block {
  align-self: center;
}

.active-tuto {
  color: white;
  display: flex;
}

.active-tuto:before {
  content: url("https://cdn.unitplus.eu/images/Plus-White-SMALL.svg");
  padding-right: 12px;
  animation: infinite;
  padding-top: 3px;
}

.tuto-img {
  height: 360px;
  width: 360px;
}

.tuto-img img {
  height: 360px;
  width: 360px;
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#tutoImg {
  height: 360px;
  width: 360px;
}

.tutorial {
  margin: 7rem 0;
  width: 100%;
  background-color: #002832;
  border-radius: 0 50px;
}

.tutorial-mobile {
  display: none;
}

.tutorial.img-block {
  align-self: center;
}

.white-logo {
  background-image: url("https://cdn.unitplus.eu/images/checkbox-circle-line.svg");
}

.black-logo {
  background-image: url("https://cdn.unitplus.eu/images/checkbox-blank-circle-line.svg");
}

#progressBar {
  width: 90%;
  margin: 10px auto;
  height: 22px;
  background-color: #0a5f44;
}

#progressBar div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px;
  /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #cbea00;
  box-sizing: border-box;
}

/* All pages newsletter block styles starts here */

.embed-landing-page {
  background: #002832;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  /* width: 100% !important; */
  margin: 0 !important;
  max-width: none !important;
}

.newsletter-sub-content {
  display: flex;
}

.embed-landing-page #mc_embed_signup {
  padding-bottom: 0;
}

.newsletter-sub-content .newsletter-sub-title {
  padding-bottom: 0;
  align-self: center;
  font-weight: bold;
  padding-right: 3rem;
  color: #fff;
}

.newsletter-sub-title-landing-page {
  font-weight: bold;
  line-height: 20px;
  max-width: 440px;
}

.main-page-form-block {
  display: flex;
  align-items: center;
}

.embed-landing-page #mce-responses #mce-error-response {
  font-weight: normal;
  font-size: 11px;
  width: 966px;
  color: #f87b4d;
  background-color: #ffe8e0;
  border-radius: 20px;
  text-align: center;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.embed-landing-page #mce-responses #mce-success-response {
  width: 966px;
  text-align: center;
  color: #559570;
  font-weight: normal;
  font-size: 11px;
  background-color: #d8fee9;
  border-radius: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

/* waiting list home styles starts here */

.wl-nav-container {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999999;
}

.wl-logo {
  margin-left: 90px;
}

.wl-nav {
  width: 100%;
  background-color: #002832;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
}

#form {
  padding-top: 72px;
}

.bg-wl {
  background-image: url("https://cdn.unitplus.eu/images/bg-home-wl-desktop-2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-id-2812 xxheaderxxx {
  display: none;
}

.page-id-241 .site footer {
  display: none;
}

.page-id-8752 .site footer {
  display: none;
}

.page-id-8644 .site footer {
  display: none;
}

.page-id-8760 .site footer {
  display: none;
}

.page-id-6339 .site footer {
  display: none;
}

.page-id-6335 .site footer {
  display: none;
}

.page-id-6337 .site footer {
  display: none;
}

.page-id-8752 .site footer.footer-conversion-page {
  display: block;
}

.page-id-8644 .site footer.footer-conversion-page {
  display: block;
}

.page-id-8760 .site footer.footer-conversion-page {
  display: block;
}

.page-id-6339 .site footer.footer-conversion-page {
  display: block;
}

.page-id-6335 .site footer.footer-conversion-page {
  display: block;
}

.page-id-6337 .site footer.footer-conversion-page {
  display: block;
}

.page-id-741 .site footer {
  display: none;
}

.page-id-241 .site .xxheaderxxx-section {
  display: none;
}

.page-id-741 .site .xxheaderxxx-section {
  display: none;
}

.page-id-4938 .site .xxheaderxxx-section {
  display: none;
}

.page-id-5007 .site .xxheaderxxx-section {
  display: none;
}

.page-id-2160 .site .xxheaderxxx-section {
  display: none;
}

.page-id-2162 .site .xxheaderxxx-section {
  display: none;
}

.wl-video-container {
  display: flex;
  justify-content: center;
}

.wl-video-desktop {
  max-height: 740px;
  padding: 87px 1rem 0px;
  text-align: center;
}

.video-container-desktop {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video-container-desktop iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}

.video-container-mobile iframe {
  width: 100%;
  height: 615px;
}

.wl-video-mobile {
  max-width: 480px;
  padding: 87px 1rem 0px;
  text-align: center;
  display: none;
}

.wl-home-title {
  color: #d7fffe;
  padding: 0 1rem;
  max-width: 675px;
  text-align: center;
  margin: 0 auto 16px;
}

.wl-home-sub-title {
  color: #d7fffe;
  padding: 0 1rem;
  max-width: 556px;
  text-align: center;
  margin: 0rem auto 2rem;
}

.wl-form-container {
  display: flex;
  justify-content: center;
}

.wl-advantages-container {
  color: #d7fffe;
  padding: 82px 1rem 64px;
  text-align: center;
}

.wl-advantages {
  display: flex;
  justify-content: space-between;
  max-width: 920px;
  text-align: center;
  margin: 0 auto;
  padding: 0 1rem 4rem;
}

.advantages-elements {
  max-width: 220px;
}

.advantages-text {
  color: #d7fffe;
  font-weight: bold;
  padding-top: 16px;
}

.zurstartseite {
  width: 152px;
  height: 46px;
  border: 1px solid #03aac7;
  color: white !important;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zurstartseite-2 {
  width: 152px;
  height: 46px;
  border: 1px solid #03aac7;
  color: white !important;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 90px;
}

.zurstartseite:hover,
.zurstartseite-2:hover {
  color: white !important;
  text-decoration: none !important;
  transition: none !important;
  animation: none !important;
}

video:focus {
  outline: none;
}

.zurstartseite:focus,
.zurstartseite-2:focus {
  border-bottom-color: none !important;
}

/* New homepage style ends here */

/* scrolling text style here  */

.banner-container-press {
  width: 100%;
  bottom: 5%;
  display: none;
}

.tickerwrapper {
  left: 0%;
  background: #002832;
  max-width: 1110px;
  margin: 0 auto;
  height: 36px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  position: relative;
}

.tickerwrapper-press {
  left: 0%;
  background: #002832;
  width: 100%;
  margin: 0 auto;
  height: 115px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

ul.text-scroll {
  position: relative;
  display: inline-block;
  list-style: none;
  padding: 11px 0 0 0;
  margin: 0;
}

ul.text-scroll-press {
  position: relative;
  display: inline-block;
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
}

ul.text-scroll.cloned {
  position: absolute;
  top: 0px;
  left: 0px;
}

ul.text-scroll.cloned-press {
  position: absolute;
  top: 0px;
  left: 0px;
}

ul.text-scroll li {
  float: left;
  color: white;
  font-weight: bold;
}

ul.text-scroll-press li {
  float: left;
  background: -webkit-linear-gradient(60deg, #54e9f0, #ffe896);
  color: white;
  font-weight: bold;
}

.span-banner {
  padding: 0 20px;
}

.img-scroll-banner {
  padding-left: 7px;
}

/* Carousel style */

.carousel-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 53px;
  margin-bottom: 3rem;
}

.main-title-carousel {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding-bottom: 5rem;
  padding-top: 255px;
}

.main-container-app-steps {
  display: flex;
  justify-content: center;
  max-width: 1110px;
  margin: 0 auto;
  position: relative;
}

.carousel {
  width: 362px;
  overflow: hidden;
}

.carousel .band {
  display: flex;
  transition: transform 1s cubic-bezier(0.4, -0.6, 0.32, 1.6);
  width: calc(4 * 100%);
}

.swipe-left {
  position: absolute;
  background: transparent;
  width: 164px;
  height: 343px;
  z-index: 1;
}

.swipe-right {
  position: absolute;
  background: transparent;
  width: 164px;
  height: 343px;
  z-index: 1;
  left: 50%;
}

.carousel .phone {
  height: 100%;
  width: 100%;
  display: grid;
  place-content: center;
}

.carousel .phone img {
  z-index: 2;
}

.vector-carousel-prev {
  transform: rotate(180deg);
  cursor: pointer;
  padding: 17px 17px;
  border: 1px solid #002832;
  border-radius: 50px;
  margin-right: 18px;
  user-select: none;
  background: white;
}

.vector-carousel-next {
  cursor: pointer;
  padding: 17px 17px;
  border: 1px solid #002832;
  border-radius: 50px;
  user-select: none;
  background: white;
}

.carousel-arrows {
  position: absolute;
  bottom: 127px;
}

.slides-wrapper {
  position: relative;
  padding: 0 3% 0 3%;
  max-width: 466px;
}

.sub-xxheaderxxx-slide {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #002832;
  padding-bottom: 1rem;
}

/* .slides-wrapper h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 27px;
  letter-spacing: 0.3px;
  padding-top: 4rem;
  color: #002832;
} */

.mobile-title-carousel {
  visibility: hidden;
  position: absolute;
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 27px;
  letter-spacing: 0.3px;
}

.carousel-dots {
  text-align: center;
  margin-bottom: 80px;
  padding-top: 65px;
}

.carousel-background {
  height: 0;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.carousel-background-blue {
  transition: transform 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  /* Initial state, should match the values in the JS code when clicking on the arrows */
  transform: translateX(0px) translateY(0px) rotate(180deg);
}

.carousel-background-yellow {
  transition: transform 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  /* Initial state, should match the values in the JS code when clicking on the arrows */
  transform: translateX(300px) translateY(200px) rotate(180deg);
}

.dot {
  cursor: pointer;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 20px;
  display: inline-block;
  transition: background-color 0.6s ease;
  width: 52.91px;
  height: 6px;
}

.dot-2 {
  cursor: pointer;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 20px;
  display: inline-block;
  transition: background-color 0.6s ease;
  width: 52.91px;
  height: 6px;
}

.activeDot,
.dot:hover {
  background-color: #002832;
}

.background-carousel {
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/Background-yellow.png");
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
}

.ETF-back-block {
  border-radius: 0px 40px 0 40px;
  width: 100%;
  margin: 2rem auto 8rem;
  height: 318px;
  bottom: -290px;
}

.ETF-animation {
  position: absolute;
  top: 7%;
  left: 38%;
}

.ETF-content {
  display: flex;
  justify-content: space-around;
  height: 318px;
  width: 1440px;
  align-items: center;
  position: relative;
  color: #002832;
  background: #f2f4f8;
  border-radius: 60px;
  margin: 0 auto;
}

.ETF-title {
  color: #002832;
  width: 320px;
}

.ETF-title-mobile {
  display: none;
}

.ETF-text {
  max-width: 320px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  padding: 1rem;
}

.ETF-image-mobile {
  display: none;
}

.safety-container {
  padding: 0 1rem;
  color: #002832;
}

.press-banner-block-home {
  padding: 0px 0 46px;
}

.safety-title {
  text-align: center;
  max-width: 532px;
  margin: 0 auto;
  padding: 0 1rem 16px;
}

.sicher-title {
  max-width: 532px;
  margin: 0 auto;
  padding: 0 0 16px;
}

.sicher-logo {
  max-height: 56px;
}

.sicher-sub-title {
  max-width: 538px;
  margin: 0 auto;
  line-height: 20px;
  padding-bottom: 45px;
}

.safety-sub-title {
  max-width: 538px;
  margin: 0 auto;
  text-align: center;
  line-height: 20px;
  padding-bottom: 45px;
}

.safety-element-text {
  line-height: 20px;
  width: 128px;
}

.safety-slider {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.sicher-container {
  display: flex;
  justify-content: center;
  padding: 89px 1rem 39px;
  gap: 127px;
  align-items: center;
}

.left-sicher {
  flex-flow: wrap;
  max-width: 490px;
  display: flex;
}

.mobile-sicher-title-block {
  display: none;
}

.right-sicher {
  max-width: 443px;
  line-height: 20px;
}

.ertrag-title {
  text-align: center;
  padding: 0 1rem 2rem;
  max-width: 900px;
  margin: 0 auto;
}

.ertrag-title.homepage-title {
  padding: 4rem 1rem 2rem;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.etrag-sub-text {
  max-width: 741px;
  line-height: 20px;
  padding: 0 1rem;
  margin: 0 auto;
  text-align: center;
}

.yield-investment-container {
  display: flex;
  padding: 3rem 1rem 0rem;
  justify-content: center;
  margin-bottom: 4rem;
}

.yield-investment-block {
  background: #f2f4f8;
  display: flex;
  width: 1106px;
  height: 522px;
  border-radius: 60px;
}

.yield-invest-left {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #f2f4f8;
  border-radius: 60px;
  background: #fff;
  width: 448px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
}

.yield-top-left {
  padding: 2rem;
}

.yield-bottom-left {
  padding: 1rem 2rem 2rem;
}

.yield-separator {
  border-top: 2px solid #f2f4f8;
}

.slider-yield-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
  align-items: center;
}

.slider-yield-container {
  padding: 2rem 0;
}

.slider-yield-value {
  height: 42px;
  display: flex;
  align-items: center;
  min-width: 100px;
  justify-content: center;
  background: #f2f4f8;
  border-radius: 30px;
}

.button-into-calculator-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-top: 3rem;
}

.risks-inner-calculator a {
  color: #7384a7;
  font-weight: normal;
  text-align: center;
  font-size: 13px;
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  cursor: pointer;
  text-decoration: underline;
}

.yield-invest-right {
  width: 610px;
  margin: 0 auto;
  padding: 24px;
}

.entwicklung-block {
  width: 100%;
  background: #ffffff;
  border-radius: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 90px;
  font-weight: bold;
  margin: 12px 0;
}

.entwicklung-container {
  display: flex;
  flex-direction: column;
}

.entwicklung-result-block {
  display: flex;
  align-items: center;
  padding-right: 36px;
}

.entwicklung-result {
  padding: 0 13px;
  text-align: right;
}

.entwicklung {
  font-size: 24px;
  padding-bottom: 3px;
  display: flex;
  justify-content: end;
}

.entwicklung-name {
  padding-left: 40px;
}

.inner-app-button-invest {
  margin: 0 !important;
  width: 220px !important;
}

.inner-more-info-invest {
  height: 47px !important;
  width: 220px !important;
}

.rendite-rate {
  color: #7384a7;
  font-size: 11px;
  font-weight: normal;
}

.container-subscription {
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  border-radius: 60px;
  color: #fff;
  text-align: center;
  margin: 60px auto 5rem;
  width: 1440px;
  min-height: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.ellie-confeti {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.tag-10-units {
  position: absolute;
  right: 5%;
}

.info-point-block {
  display: flex;
  justify-content: center;
  max-width: 646px;
  font-size: 11px;
  line-height: 15px;
  margin: 0 auto;
  background: #023441;
  border-radius: 20px;
  min-height: 30px;
  align-items: center;
}

.info-point-block-calculator {
  display: flex;
  justify-content: center;
  max-width: 646px;
  font-size: 11px;
  line-height: 15px;
  margin: 0 auto;
  background: #f2f4f8;
  border-radius: 20px;
  min-height: 30px;
  align-items: center;
}

.safety-elements {
  width: 145px;
  background: #f2f4f8;
  height: 191px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 30px;
  margin: 10px 8px;
}

.card-home-main {
  max-height: 447px !important;
}

.mood-container {
  position: relative;
  text-align: center;
  padding: 100px 1rem 0;
}

.moodpic-text {
  color: #fff;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 560px;
  line-height: 55px;
  text-align: center;
}

.moodpic-desktop {
  width: 100%;
  border-radius: 60px;
}

.moodpic-mobile {
  display: none;
}

/* .info-point-block .p-tyuni-not {
  padding: 10px 5px;
}

.info-point-block-calculator .p-tyuni-not {
  padding: 10px 5px;
} */

.subscription-title {
  padding: 1rem 1rem 33px;
  max-width: 590px;
  margin: 0 auto;
  z-index: 3;
}

.info-main-container {
  padding: 0 1rem 33px;
}

.subscription-block-button {
  width: 255px;
  height: 50px;
  background: #03aac7;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #002832;
  margin: 0 auto;
  cursor: pointer;
}

.safety-img {
  height: 32px;
  margin-bottom: 10px;
}

.safety-text {
  display: flex;
  justify-content: center;
  gap: 32px;
  padding: 2rem 0;
}

.sicher-partners {
  width: 219px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.sub-xxheaderxxx-text-partner {
  padding: 1rem;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}

.mehr-security {
  width: 300px !important;
  margin: 0 auto !important;
}

.vertical-separator {
  height: 18px;
  border: 0.5px solid #002832;
  width: 0px;
  margin: 0 15px;
}

.safety-text-1,
.safety-text-2 {
  max-width: 445px;
  line-height: 20px;
  margin-top: 30px;
}

.safety-text-2 a {
  color: #009aae;
}

.security-point-desktop-horizontal a {
  color: #009aae;
}

.security-point-desktop-horizontal a:hover {
  color: #009aae !important;
}

.safety-text-2 a:hover {
  color: #009aae !important;
}

.safety-partners {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-partners {
  display: none;
}

.starten-banner {
  width: 1110px;
  height: 150px;
  background-image: url("https://cdn.unitplus.eu/images/starten-banner-desktop.svg");
  display: flex;
  align-items: center;
  color: white;
  margin: 80px auto 0;
  justify-content: space-evenly;
  border-radius: 60px;
}

.starten-banner-text {
  max-width: 522px;
  padding-left: 5rem;
}

.mention-starten-banner {
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 1rem;
  margin-bottom: 80px;
}

.mention-starten-invest {
  max-width: 880px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 1rem;
  margin: 0 auto 80px;
}

.mention-starten-invest-1 {
  max-width: 880px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 2rem 1rem 1rem;
  margin: 0 auto 80px;
}

.banner-starten-button {
  height: 50px;
  background: #002832;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 260px;
  cursor: pointer;
}

.table-block {
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.product-table {
  margin: 0 auto;
  overflow-y: hidden;
  min-width: 1000px;
  white-space: nowrap;
}

.comparaison-block {
  padding-bottom: 2rem;
}

/* End of carousel style */

/* Graph style starts here */

.title-calculator {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding-top: 5rem;
}

.calculator-intro {
  max-width: 800px;
  margin: 0 auto;
  padding: 13rem 2rem 4rem 2rem;
  text-align: center;
}

.portfolio-name {
  font-weight: bold;
  letter-spacing: -0.3px;
  color: #7384a7;
}

.portfolio-description {
  color: #002832;
}

:root {
  --global--spacing-unit: 0px;
  --global--spacing-horizontal: 0px;
}

.range-field {
  display: flex;
  justify-content: center;
  gap: 80px;
}

/* .slidecontainer {
  width: 100%;
} */

.slidecontainer-revenue {
  width: 100%;
  padding: 0 2rem;
}

.value-info {
  display: flex;
  max-width: 400px;
  justify-content: space-between;
  padding-bottom: 2rem;
  align-items: center;
  margin: auto;
}

.unit-portfolio-selected {
  padding-bottom: 4px;
  display: none;
}

.unit-portfolio-not-selected {
  display: none;
  padding-bottom: 7px;
}

.portfolio-active .unit-portfolio-selected {
  padding-bottom: 7px;
  display: none;
}

.unit-portfolio-not-selected {
  padding-bottom: 7px;
}

.portfolio-active .unit-portfolio-not-selected {
  padding-bottom: 7px;
  display: none;
}

.value-description {
  max-width: 400px;
  padding-top: 2rem;
  margin: auto;
  text-align: center;
}

.return-value {
  background: #f2f4f8;
  border-radius: 30px;
  font-size: 16px;
  height: 47px;
  width: 120px;
  display: flex;
  letter-spacing: -0.3px;
  font-weight: bold;
  color: #002832;
  justify-content: center;
  align-items: center;
}

.slidecontainer .slider1 {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

.slidecontainer .slider2 {
  -webkit-appearance: none;
  width: 167px;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

.slidecontainer-revenue .slider1 {
  -webkit-appearance: none;
  width: 100%;
  max-width: 410px;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

.slider-yield-bottom input.slider1 {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

.slider-Portfolio-value input.slider1 {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

.slider-pension input.slider1 {
  -webkit-appearance: none;
  width: 100%;
  height: 9px;
  background: #f2f4f8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
  display: flex;
  margin: auto;
}

input[type="range"] {
  width: 100%;
}

.slider1:hover {
  opacity: 1;
}

.slider2:hover {
  opacity: 1;
}

.slider1::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url("https://cdn.unitplus.eu/images/slider-button-1.svg") center;
  cursor: pointer;
  border: none !important;
  border-radius: 20px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.slider1::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url("https://cdn.unitplus.eu/images/slider-button-1.svg") center;
  cursor: pointer;
  border: none !important;
  border-radius: 20px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#cookie-law-info-bar {
  z-index: 9999999999 !important;
}

.slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url("https://cdn.unitplus.eu/images/slider-button-1.svg") center;
  cursor: pointer;
  border: none !important;
  border-radius: 50%;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.slider2::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url("https://cdn.unitplus.eu/images/slider-button-1.svg") center;
  cursor: pointer;
  border: none !important;
  border-radius: 50%;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.slider2::-webkit-slider-thumb:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.slider2::-webkit-slider-thumb:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.labels-legend {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.label1,
.label2 {
  display: flex;
  align-items: center;
  width: 380px;
  height: 47px;
  justify-content: space-around;
  border-radius: 30px;
  background: #f2f4f8;
}

.labels-legend img {
  margin-right: 0.5rem;
}

.range-field .slidecontainer {
  min-width: 360px;
}

.labels-legend .label-name {
  display: inline;
  line-height: 20px;
  color: #7384a7;
}

.sub-label {
  line-height: 20px;
  color: #7384a7;
  font-size: 12px;
  text-align: center;
}

.label-value {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.3px;
  color: #002832;
  display: flex;
  align-items: center;
}

.info-sentence {
  line-height: 20px;
  padding-left: 13px;
}

.more-info-sentence {
  display: flex;
  justify-content: center;
  color: #7384a7;
  align-items: center;
  padding: 0rem 1rem;
}

.i-class {
  padding-top: 3px;
}

.img-i {
  min-width: 15px;
}

.calculator-container {
  margin: 0rem auto;
  border-radius: 20px;
  padding: 0 1rem 1rem;
  max-width: 1110px;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
  border-radius: 60px;
}

.strategy-container {
  margin: 2rem auto 0rem;
  max-width: 1380px;
  background: #ffffff;
  box-shadow: 0px 0px 14px rgba(221, 227, 240, 0.9);
  border-radius: 60px;
}

.main-container-absolute .container-filter-portfolio-mobile {
  width: auto;
  max-width: 400px;
  margin: 0 auto 48px;
  background: #fff;
  border-radius: 5px;
  padding: 5px 0 0;
  filter: drop-shadow(0px 0px 14px rgba(221, 227, 240, 0.9));
  border: 1px solid #13d4d0;
  position: absolute;
  z-index: 1;
  top: 17%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.border-top-etf-calculator {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #fff;
  background: #f2f4f8;
  border-radius: 60px 60px 0 0;
  padding-bottom: 29px;
}

.container-filter-portfolio-mobile .dropdown-content {
  overflow: auto;
  z-index: 1;
  height: 351px;
  overflow-x: hidden;
  display: none;
}

.top-fee-presentation img {
  max-width: 238px;
}

.top-fee-presentation {
  max-width: 596px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 30px 1rem 0;
  color: #fff;
}

.container-filter-portfolio-mobile .show {
  display: block !important;
}

.strategy-container .container-filter-portfolio-mobile .dropbtn {
  padding: 16px;
  border: none;
  cursor: pointer;
  width: 400px;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: left;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.container-filter-portfolio-mobile .dropdown-content div {
  text-decoration: none;
  display: flex;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: 50px;
  padding-left: 16px;
  justify-content: left;
  align-items: center;
  width: 100%;
  justify-content: center;
  align-items: baseline;
  color: #002832;
  background: #fff;
  transition: background 0.4s ease;
}

.xxheaderxxx-investment-height {
  height: auto;
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.xxheaderxxx-invest-picture {
  max-height: 450px;
}

.portfolio-selection {
  text-align: center;
  display: flex;
}

.diversification-block {
  text-align: center;
  margin: 2rem 0 0;
  display: flex;
  align-items: center;
  border-radius: 60px;
  background: #f2f4f8;
  min-height: 233px;
  justify-content: space-evenly;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #ffffff;
}

.portfolio-list {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.sub-title-portfolio-selection {
  font-weight: bold;
  text-align: center;
  padding-top: 73px;
  padding-bottom: 1rem;
}

.main-container-absolute {
  position: relative;
  width: 100%;
  height: 70px;
}

.category-head .portfolio-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 131px;
  height: 68px;
  background: #f2f4f8;
  border-radius: 10px 10px 10px 10px;
  margin: 0 4px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 1rem;
}

.portfolio-list .portfolio-active {
  background: #002832 !important;
}

.portfolio-list .portfolio-active .portfolio-name {
  color: #ffffff !important;
}

.portfolio-button.category-title:hover {
  background: #d7fffe !important;
  color: #002832 !important;
}

textarea:focus,
input:focus {
  outline: none;
  border: none;
}

textarea:focus,
input:active {
  outline: none;
  border: 1px solid f2f4f8;
}

.portfolio-selection-display {
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.3px;
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 1rem 5rem;
  animation: fadeIn linear 2s;
  -webkit-animation: fadeIn linear 2s;
  -moz-animation: fadeIn linear s;
  -o-animation: fadeIn linear 2s;
  -ms-animation: fadeIn linear 2s;
}

.portfolio-card {
  width: 434px;
  height: 445px;
  background: #f2f4f8;
  border: 1px solid #d4dae6;
  transition: border 0.3s;
  border-radius: 30px;
  cursor: pointer;
}

.portfolio-card:hover {
  border: 1px solid #13d4d0;
  transition: border 0.3s;
}

.portfolio-card:hover .portfolio-card-top .name-portfolio {
  color: #13d4d0;
  transition: color 0.3s;
}

.name-portfolio {
  transition: color 0.3s;
}

.portfolio-card-top {
  height: 310px;
  text-align: center;
}

.sub-name-portfolio {
  font-weight: bold;
  color: #7384a7;
  margin-top: 3px;
}

.quick-description-portfolio {
  line-height: 20px;
  max-width: 340px;
  margin: 28px auto 0;
}

.portfolio-card-bottom {
  background: white;
  height: 133px;
  border-radius: 0 0 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.no-vignette-icon {
  margin-top: 53px;
}

.vignette-portfolio-green {
  width: 70px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #13d4d0;
  border-radius: 15px;
  font-weight: bold;
  color: #fff;
}

.vignette-container {
  padding: 18px 0 10px;
  display: flex;
  justify-content: center;
}

.vignette-portfolio-gold {
  width: 140px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dcac00;
  border-radius: 15px;
  font-weight: bold;
  color: #fff;
}

.tags-content {
  font-size: 13px;
  color: #7384a7;
}

.tags-portfolio {
  color: #002832;
  padding: 4px 8px;
  background: #f2f4f8;
  border-radius: 15px;
  margin-top: 3px;
}

.tags-container {
  margin: 6px auto 19px;
}

.bar-portfolio {
  width: 300px;
  margin: 0 auto;
}

.repartition-container {
  display: flex;
  width: 300px;
  justify-content: space-between;
  margin: 0 auto;
  font-weight: bold;
}

.main-portfolio-selection-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

.main-portfolio-selection-container .filter-container .container-filter-mobile {
  margin-bottom: 2rem;
}

.container-filter-mobile .category-head.portfolio-head .category-head.portfolio-head .category-title {
  border-radius: 5px;
}

.Portfolios-display {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}

.portfolio-head {
  justify-content: center;
  margin-bottom: 70px;
}

.modal-portfolio {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #7384a7;
  opacity: 0;
  visibility: hidden;
  z-index: 999999999;
  max-width: 100% !important;
  margin: 0;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 793px;
}

.portfolio-main-container-modal {
  background: #fff;
  border-radius: 30px;
  padding-top: 1px;
}

.closing-button-block {
  text-align: end;
  padding: 0 5px 5px 0;
}

.closing-button-block img {
  cursor: pointer;
}

.title-portfolio-modal {
  border-radius: 30px;
  margin: 7px 8px 8px;
  padding: 0px 37px;
  background: #f2f4f8;
  height: 99px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-modal-port-1 {
  display: flex;
}

.title-modal-port-1 img {
  padding-right: 10px;
  max-width: 49px;
}

.main-sub-portfolio-modal {
  font-weight: bold;
  line-height: 20px;
  padding: 32px 0 19px;
}

.second-part-port-modal {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 1rem;
}

.text-portfolio-modal {
  max-width: 435px;
}

.plain-text-port-modal {
  padding-bottom: 23px;
  line-height: 20px;
}

.graph-portfolio-modal {
  padding-left: 1rem;
  text-align: center;
}

.separator-modal {
  border-top: 1px solid #d4dae6;
}

.separator-modal-mobile {
  border-top: 1px solid #d4dae6;
}

.tags-content-portfolio {
  margin-top: 23px;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
}

.tags-content-portfolio-mobile {
  display: none;
  margin-top: 23px;
  font-size: 13px;

  flex-wrap: wrap;
}

.thrid-part-portfolio-modal {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  align-items: center;
}

.anleihen-portfolio,
.aktien-portfolio {
  display: flex;
  height: 26px;
  background: #ffffff;
  border: 1.3px solid #002832;
  border-radius: 30px;
  justify-content: space-evenly;
  font-weight: bold;
  align-items: center;
}

.anleihen-portfolio {
  width: 140px;
  margin: 9px 0;
}

.aktien-portfolio.aktien-portfolio-flexplus {
  width: 184px;
  margin-top: 1rem;
}

.aktien-portfolio.aktien-portfolio-flexplus-en {
  width: 220px;
  margin-top: 1rem;
}

.aktien-portfolio {
  width: 122px;
}

.anleihen-portfolio img {
  width: 16px;
}

.aktien-portfolio img {
  width: 16px;
}

.mention-portfolio {
  font-size: 11px;
  line-height: 15px;
  color: #7384a7;
  padding: 40px 2rem 58px;
  text-align: center;
  max-width: 1250px;
  margin: 0 auto;
}

.redirection-to-calculator-container {
  max-width: 1380px;
  min-height: 190px;
  background: #f2f4f8;
  border-radius: 60px;
  margin: 0 auto 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
}

.redirection-to-calculator-container img {
  width: 39px;
}

.redirection-calculator-text {
  max-width: 772px;
  font-size: 24px;
  line-height: 32px;
  padding: 0 2rem;
  color: #7384a7;
  font-weight: bold;
}

.redirection-to-calculator-block {
  width: 1440px;
  margin: 6rem auto 0;
}

.container-margin {
  width: 1440px;
  margin: 0 auto;
}

.phone-landing {
  max-width: 530px;
  align-self: flex-end;
}

.container-margin.margin-main-phone {
  background: #f2f4f8;
  border-radius: 60px;
  margin: 30px auto;
}

.container-advantages-affi {
  width: 790px;
  margin: 0 auto;
  padding-bottom: 7rem;
}

.portfolio-growth-block {
  width: 100%;
  background: #002832;
  color: #fff;
  border-radius: 60px;
  display: flex;
  min-height: 445px;
  justify-content: space-between;
}

.growth-block-left {
  padding: 1rem 2rem 1rem 8rem;
  align-self: center;
}

.main-graph-title-portfolio {
  max-width: 445px;
}

.sub-text-growth {
  max-width: 445px;
  padding-top: 2rem;
  line-height: 20px;
}

.graph-desktop-portfolio {
  max-width: 642px;
  padding: 0 1rem;
}

.graph-img-portfolio {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.riskohinweis-block {
  max-width: 662px;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 2rem 1rem 1rem;
}

.growth-block-right {
  width: 778px;
  background: #fff;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #002832;
}

.graph-mobile-portfolio {
  display: none;
}

#mc_embed_signup.form-portfolio {
  padding: 0;
  background: #f2f4f8;
  border-radius: 0px 0px 30px 30px;
  display: flex;
  justify-content: space-evenly;
  min-height: 126px;
}

.intro-form-portfolio {
  font-weight: bold;
  text-align: center;
  padding: 1rem;
}

#mc_embed_signup_scroll.portofolio-embed-signup {
  display: flex;
}

.clear-portfolio-form #mce-error-response {
  font-weight: normal;
  font-size: 11px;
  color: #f87b4d;
  background-color: #ffe8e0;
  border-radius: 20px;
  text-align: center;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
}

.clear-portfolio-form #mce-success-response {
  text-align: center;
  color: #559570;
  font-weight: normal;
  font-size: 11px;
  background-color: #d8fee9;
  border-radius: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
}

.ellie-portfolio-picture {
  align-self: flex-end;
}

#mce-FNAME.mce-FNAME-portfolio {
  border: none !important;
  border-radius: 10px !important;
  height: 50px;
  width: 142px;
  padding: 0 17px !important;
  font-family: "Circular Std";
  font-size: 16px;
  background: white !important;
  margin-right: 16px;
}

.mc-field-group-portfolio {
  position: relative;
}

.subscribe-button-portfolio {
  background-image: url("https://cdn.unitplus.eu/images/Icon-button-newsletter-v2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 15px !important;
  vertical-align: middle;
  border: none;
  height: 44px;
  width: 44px;
  background-color: transparent !important;
  cursor: pointer !important;
  position: absolute;
  right: 1%;
  top: 7%;
}

.newsletter-input-portfolio {
  flex-grow: 2;
  border: none !important;
  border-radius: 10px !important;
  height: 50px;
  width: 279px;
  padding: 0 17px !important;
  font-family: "Circular Std";
  font-size: 16px;
  background: white !important;
}

#portfolio-field-group.mc-field-group {
  width: auto;
}

#mc_embed_signup #portfolio-field-group div.mce_inline_error {
  display: block;
  position: absolute;
  top: 131%;
  width: 130px;
  left: 32%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 11px;
  background-color: #ffe8e0 !important;
  color: #f87b4d !important;
  border-radius: 20px;
}

.text-intro-berg-series {
  max-width: 730px;
  text-align: center;
  margin: 0 auto;
  padding: 0 1rem 3rem;
  line-height: 20px;
}

.title-intro-berg-series {
  text-align: center;
  padding: 0 1rem 1rem;
}

#openFlexPlus2 {
  margin: 0 auto;
}

#openCashPlus2 {
  margin: 0 auto;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.chart-block {
  padding: 0 2rem 0rem;
  margin-bottom: 1rem;
  max-height: 400px;
  position: relative;
}

.year-chart-0 {
  position: absolute;
  bottom: 0;
  left: 40px;
  color: #7384a7;
}

.year-chart-20 {
  position: absolute;
  bottom: 0;
  right: 30px;
  color: #7384a7;
}

.chart-legend {
  padding-top: 60px;
}

/* Graph style ends here */

.xxheaderxxx-image-block {
  width: 100%;
}

.subscription-2nd-block {
  align-self: center;
}

.subscription-form {
  display: flex;
}

.bottom-subscription-form {
  display: flex;
  margin: 6rem auto 1rem;
  max-width: 1045px;
  justify-content: center;
  background: #f2f4f8;
  border-radius: 20px;
  padding: 1rem;
  gap: 60px;
}

.unit-program-info-container {
  max-width: 1045px;
  margin: 10px auto;
  background: #009aae;
  border-radius: 20px;
}

.unit-info-text {
  padding: 1.5rem;
  color: white;
  text-align: center;
}

.partner-container {
  max-width: 920px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  padding-top: 4rem;
}

.partner-logo-block {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.partner-logo {
  align-self: center;
  padding: 0.5rem 1rem;
}

.right-content-with-image img,
.left-content-with-image img {
  width: 100%;
}

.categories-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 11.5% 0 11.5%;
  margin: 7rem 0 6rem 0;
}

.content-text {
  font-style: normal;
  font-weight: normal;
  padding: 40px 20px 20px 20px;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  letter-spacing: 0.3px;
  color: #002832;
}

.front-content-text {
  font-style: normal;
  font-weight: normal;
  padding: 20px 20px 0px 20px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
}

.back bullet-point ol,
ul {
  list-style: disc;
  padding-left: 35px;
  padding-right: 20px;
}

.flip-back-bullet {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  letter-spacing: 0.3px;
  color: #002832;
}

.card .box-more-info {
  margin-top: 1.5rem;
  text-align: center;
  margin-top: auto;
  padding-bottom: 20px;
  padding-top: 10px;
}

/* CSS for Flip card homepage ennded here */

.description-text {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #7384a7;
}

.description-text-2 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #7384a7;
}

.app-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}

.invest-save-section .invest-save-description .invest-save-content-box {
  line-height: 20px;
  display: flex;
  flex-direction: column;
  /* background: #ffffff; */
  /* border: 1px solid #f2f4f8; */
  box-sizing: border-box;
  /* border-radius: 20px; */
  padding: 3rem;
  /* box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 8%); */
}

.input-block-xxheaderxxx {
  margin-bottom: 1rem;
}

.email-form-xxheaderxxx {
  display: flex;
  margin-top: 2rem;
}

.submit-button-xxheaderxxx {
  min-width: 220px;
  margin: 0 0.2rem;
}

#nameInput2,
#nameInput3,
#nameInput5 {
  margin: 0 0.2rem;
}

.button-read-more {
  background: none !important;
  color: #002832 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-family: "Circular Std" !important;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.anchor-button-xxheaderxxx,
.anchor-button-insta {
  display: block;
  background-color: #002832;
  color: white;
  font-weight: 700;
  font-size: 18px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  padding: 0.9rem;
  min-width: 220px;
}

.colored-insta {
  background: #d7fffe;
}

.wl-anchor-button-xxheaderxxx {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1cc8c4;
  color: white;
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none !important;
  min-width: 207px;
  height: 50px;
  margin: 0 8px;
  cursor: pointer;
}

.block-signature-app {
  height: 200px;
  margin: 0rem 11.5% 2rem 11.5%;
  background: #f2f4f8;
  border-radius: 20px;
}

.signature-bottom {
  padding-top: 2rem;
}

.marque-page {
  vertical-align: super;
  position: absolute;
}

footer {
  display: flex;
  align-items: center;
  width: 100%;
  left: 0px;
  top: 0px;
  background: #f2f4f8;
}

.footer-content {
  padding: 0 11.5%;
  width: 100%;
  margin-bottom: 4rem;
}

/* Neo footer */

.footer-content-launch {
  padding: 0 11.5%;
  width: 100%;
  margin-bottom: 4rem;
  background: #f2f4f8;
  position: relative;
}

.top-banner-footer {
  display: flex;
  justify-content: space-between;
  padding: 35px 0 24px;
  align-items: center;
}

.left-side-main-content-footer {
  min-width: 263px;
}

.download-and-qr-code {
  display: flex;
  justify-content: space-between;
}

.title-footer {
  padding-bottom: 30px;
}

.download-button-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-right: 11px;
}

.qr-code-footer {
  padding-right: 1rem;
}

.qr-code-footer img {
  height: 130px;
  width: auto;
}

.main-content-footer {
  display: flex;
  padding-bottom: 40px;
}

.right-side-main-content-footer {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

/* New FOOTER */

.new-footer-content {
  padding: 0 11.5%;
  width: 100%;
  margin-bottom: 4rem;
  background: #f2f4f8;
  position: relative;
}

.first-section-footer {
  padding-bottom: 1rem;
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  grid-column-gap: 8px;
  flex-wrap: wrap;
}

.max-width-100.footer-conversion-page .footer-content-launch .main-content-footer .right-side-main-content-footer {
  padding: 0 2rem;
  justify-content: space-between;
}

.max-width-100.footer-conversion-page {
  margin: 0;
}

.max-width-100.footer-conversion-page .footer-content-launch {
  margin: 0;
}

.block-app {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.title-block-app {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #002832;
  padding: 1rem 0;
  max-width: 250px;
}

.download-button {
  display: flex;
}

.sub-footer-section {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 0 5px;
}

.link-sub-footer-section {
  color: #7e8fb0 !important;
  cursor: pointer;
  text-decoration: none !important;
  padding-bottom: 20px;
}

.link-sub-footer-hidden {
  color: #7e8fb0 !important;
  cursor: pointer;
  text-decoration: none !important;
  padding-bottom: 20px;
  visibility: hidden;
}

.language-button-footer {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 6px 12px 6px 12px;
}

.investionen-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  align-items: center;
  letter-spacing: 0.3px;
  color: #011014;
  margin: 16px 0px;
}

.footer-band {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px;
  background: white;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #7384a7;
  align-items: center;
  height: 34px;
}

.footer-social-icon {
  vertical-align: text-top;
  margin-right: 5px;
}

.unit-mention {
  padding-left: 20px;
}

.unit-mention-mobile {
  display: none;
}

.salutation {
  padding-right: 10px;
  align-self: center;
}

.second-section-band {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
}

.second-section-band-mobile {
  visibility: hidden;
  position: absolute;
}

.second-section-element {
  margin: 0 8px;
  color: #7e8fb0 !important;
  cursor: pointer;
  text-decoration: none !important;
}

.disclaimer {
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 1rem 0 2rem;
}

/* END new FOOTER  */

.footer-logo img {
  height: 20px;
  margin-right: 1rem;
}

.footer-social-media-links img {
  margin: 0 10px;
  height: 16px;
}

.company-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #7e8fb0;
}

.company-name {
  padding: 8px 0 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.company-name .logo {
  margin-right: 20px;
}

.company-name .happy-note {
  display: none;
}

.separator {
  width: 100%;
  border-top: 1px solid #7e8fb0;
}

.separator-footer {
  width: 100%;
  border-top: 1px solid #7e8fb0;
  padding-top: 2rem;
  visibility: hidden;
}

.bottom-links {
  padding-top: 10px;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #7e8fb0;
  display: flex;
  justify-content: space-between;
}

.web-links a {
  margin-left: 15px;
  color: #7e8fb0 !important;
  cursor: pointer;
  text-decoration: none !important;
}

/* a:hover {
  color: #009aae !important;
} */

.button {
  color: #ffffff;
  background: #03aac7;
  border-radius: 5px;
  border: transparent;
  width: 154.52px;
  height: 50px;
  padding: 0 !important;
  cursor: pointer;
}

.button[disabled] {
  background: lightgray;
  opacity: 0.5;
}

.button[disabled]:hover {
  background: lightgray !important;
  opacity: 0.5;
}

.primary-button {
  background: #002832;
}

.primary-button:hover {
  background: #002832 !important;
}

.primary-button:focus {
  background: #002832 !important;
}

.primary-button-dark {
  background: #009aae;
}

.primary-button-dark:hover {
  background: #002832 !important;
}

.transparent-button {
  border: 2px solid #002832;
  box-sizing: border-box;
  border-radius: 10px;
  background: transparent;
  color: #002832;
}

.transparent-button:hover {
  box-shadow: 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgb(0 0 0 / 10%) !important;
  background-color: transparent !important;
  color: #002832 !important;
}

.transparent-button img {
  height: 14px;
  margin-left: 5px;
}

.anchor-button {
  display: block;
  background-color: #03aac7;
  color: white;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  padding: 1rem;
}

.anchor-button:hover {
  background: #002832 !important;
  cursor: pointer;
  color: white !important;
}

.input {
  width: 278.62px;
  height: 50px;
  background: #ffffff !important;
  border: 1px solid #d4dae6 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 12px !important;
  font-family: "Circular Std" !important;
}

.input-homepage {
  height: 50px;
  background: #ffffff !important;
  border: 1px solid #fff !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 12px !important;
  filter: drop-shadow(0px 0px 14px rgba(221, 227, 240, 0.9));
}

.wl-input-homepage {
  height: 50px;
  background: #ffffff !important;
  border: 1px solid #fff !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 12px !important;
  margin: 0 8px;
}

.textarea {
  width: 100%;
  background: #ffffff !important;
  border: 1px solid #d4dae6 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  padding: 12px !important;
  height: 120px;
  font-family: "Circular Std" !important;
}

.bottom-email-section {
  padding: 6rem 11.5% 0 11.5%;
}

.bottom-email-section .bottom-email-section-content {
  box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 10%);
  background: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/background-CTA.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px 20px 58px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bottom-email-section-why .bottom-email-section-content {
  box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 10%);
  background: #d7fffe;

  border-radius: 20px 20px 58px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.bottom-email-section .bottom-email-section-content .left-section {
  width: 65%;
  color: white;
  padding: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.bottom-email-section .bottom-email-section-content .right-section {
  width: auto;
}

.bottom-email-section .bottom-email-section-content .right-section img {
  width: 100%;
  height: 100%;
}

.bottom-email-section .bottom-email-section-content a {
  color: #03aac7 !important;
  text-decoration: underline;
}

.bottom-email-section .bottom-email-section-content a:hover {
  color: white !important;
}

.bottom-email-section .bottom-email-section-content .section-collect-email {
  display: flex;
  flex-direction: column;
}

.bottom-email-section .bottom-email-section-content .section-collect-email .email-form {
  display: flex;
  flex-wrap: wrap;
}

.section-collect-email .terms-link {
  margin-top: 0 !important;
}

.section-collect-email .input-block {
  display: flex;
  flex-direction: column;
  height: 75px;
}

.section-collect-email .input-block .error {
  padding: 6px 0 0 6px;
}

#nameInput2,
#nameInput5 {
  width: 160px;
}

#emailInput5 {
  width: 215px;
}

#emailInput2 {
  width: 190px;
}

.bottom-email-section .bottom-email-section-content .section-collect-email button {
  width: 125px;
}

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

.term-unit-link-container {
  max-width: 1045px;
  margin: 0 auto;
  padding: 0 1rem;
  height: 45px;
  left: 197px;
  top: 2171px;
  background: #1cc8c4;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

/* xxheaderxxx styles starts here */

.xxheaderxxx-main {
  min-height: 700px;
  background: linear-gradient(180deg, #7384a7 0%, #002832 99.99%, #d4dae6 100%);
  border-radius: 60px;
  margin: 7.8rem 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.xxheaderxxx-main.cashplus-xxheaderxxx {
  background-image: url(https://cdn.unitplus.eu/images/Rectangle-2-bg.svg);
  background-size: cover;
}

.xxheaderxxx-main-pages-format {
  min-height: 600px;
  border-radius: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 1rem;
  margin: 7.1rem 1rem 0;
  display: flex;
  align-items: center;
  background-position-x: center;
}

.xxheaderxxx-main-pages-format.portfolio-format {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/portfolio-xxheaderxxx-picture-desktop.png);
  background-position: center;
}

.xxheaderxxx-main-pages-format.kosten-format {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/pricing-xxheaderxxx-picture-desktop.png);
}

.xxheaderxxx-main-pages-format.karte-format {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/card-xxheaderxxx-picture-desktop.png);
  background-position: center;
}

.xxheaderxxx-main-pages-format.unitplus-format {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/unitplus-xxheaderxxx-picture-desktop.png);
}

.format-xxheaderxxx-title {
  color: #fff;
}

.content-xxheaderxxx-format {
  max-width: 36%;
  padding: 2rem 1rem 2rem 9%;
}

.format-xxheaderxxx-sub-text {
  line-height: 20px;
  padding: 32px 0 6px;
  color: #fff;
}

/* Conversion landing page style starts here */

.mobile-sub-button-webinar.conversion-page {
  margin-top: 0;
  position: absolute;
  bottom: 5%;
  width: 215px;
  height: 50px;
  background: #13d4d0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #002832;
}

.apple-store-mark-mobile {
  display: none;
}

.conversion-xxheaderxxx {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/xxheaderxxx-conversion.png);
  min-height: 367px;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  border-radius: 60px;
  margin: 5.5rem 1.5rem 0;
}

.conversion-xxheaderxxx.conversion-xxheaderxxx-B {
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20B%20desktop.png");
}

.conversion-xxheaderxxx.conversion-xxheaderxxx-C {
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20C%20desktop.png");
}

.badge-10-conversion {
  padding: 2rem;
}

.block-conversion-rates {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  position: relative;
  right: 2rem;
}

.reason-conversion-block.conversion-page {
  background: linear-gradient(180deg, #7384a7 0%, #002832 100%);
  color: #fff;
}

.press-button-xxheaderxxx.conversion-page {
  background: #13d4d0;
  color: #002832;
  margin: 2rem 0 0;
}

.text-moodblock {
  color: #fff;
}

.moodblock-mockup {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic-conversion-desktop.png);
  min-height: 547px;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: flex;
  position: relative;
  justify-content: flex-start;
  border-radius: 60px;
  margin: 6rem 1.5rem 0;
  align-items: center;
}

.moodblock-mockup.moodblock-mockup-B {
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20B%20desktop.png");
}

.moodblock-mockup.moodblock-mockup-B .moodblock-sticker {
  position: absolute;
  right: 4%;
  top: 54%;
}

.moodblock-mockup.moodblock-mockup-C .moodblock-sticker {
  position: absolute;
  right: 4%;
  top: 54%;
}

.moodblock-mockup.moodblock-mockup-C {
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20C%20desktop1.png");
}

.moodblock-sticker {
  position: absolute;
  right: 10%;
  top: 4%;
}

.content-moodblock {
  max-width: 42%;
  padding: 2rem 1rem 2rem 9%;
}

.reason-conversion-block {
  width: 350px;
  height: 394px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.reason-conversion-block img {
  width: 100px;
  padding: 20px 0;
}

.text-reason {
  padding: 20px 1rem;
}

.container-reasons-conversion {
  display: flex;
  max-width: 1150px;
  flex-wrap: wrap;
  gap: 30px;
  margin: 0 auto;
  padding: 0 1rem;
  align-items: center;
  justify-content: center;
}

.sub-text-after-reason {
  max-width: 790px;
  text-align: center;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

.app-download-conversion a img {
  width: 156px;
  padding: 0.5rem;
}

.title-conversion-cta {
  max-width: 679px;
  margin: 0 auto;
  padding: 2rem 1rem 0;
}

.affiliate-CTA-block.conversion-cta-block {
  min-height: 235px;
}

.app-download-conversion {
  padding: 2rem 0 0;
}

/* Affiliate page styles starts here */

.container-cost-cashplus-ab-testing {
  display: flex;
  padding: 0 1rem 1rem;
}

.barre {
  padding: 10px;
}

.kostenkultur {
  padding: 15px;
}

.zero-euro {
  padding-right: 8px;
}

.zero-gebuhren {
  display: flex;
  align-items: center;
}

.cost-ab-content {
  width: 1110px;
  margin: 0 auto;
  border-radius: 60px;
  height: 90px;
  border: 1px solid #d4dae6;
  display: flex;
  justify-content: center;
}

.ab-content-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.cost-calculator-affiliate-container {
  display: flex;
  padding: 0 1rem 6rem;
}

.cost-calculator-affi-block {
  width: 1110px;
  margin: 0 auto;
  background: #f2f4f8;
  border-radius: 60px;
  min-height: 352px;
}

.cost-affi-bottom {
  background: #fff;
  border: 8px solid #f2f4f8;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 183px;
}

.sub-legend-left {
  width: 94px;
  height: 42px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.cost-calculator-affi-legend,
.calc-fee-title {
  color: #7384a7;
  font-weight: bold;
  padding-bottom: 5px;
}

.calc-fee-numbvers {
  font-size: 24px;
}

.calc-fee-numbvers {
  font-weight: bold;
}

.cost-affi-bottom-content {
  padding: 49px 65px;
}

.sub-legend-right {
  width: 129px;
  height: 42px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.sub-legend-container {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.cost-calculator-affi-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.calculator-affi-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 4rem 0;
  height: 171px;
}

.calculator-affi-top.cashplus {
  justify-content: space-evenly;
}

.sub-modal-info {
  padding: 1rem 2rem;
  text-align: center;
  line-height: 20px;
  background-color: #f2f4f8;
  border-radius: 0 0 30px 30px;
}

.info-flexplus-title-2 {
  padding: 2rem 1rem 3rem;
  text-align: center;
}

.portfolio-affi-value {
  color: #13d4d0;
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
  width: 220px;
}

.portfolio-affi-value.cashplus {
  width: 252px;
  color: #002832;
}

.cost-affi-value {
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
}

.cost-affi-value.cashplus-value {
  width: 290px;
  display: flex;
  align-items: baseline;
  color: #13d4d0;
}

.calc-affi-top-left {
  display: flex;
  gap: 30px;
}

.calc-affi-top-right {
  display: flex;
  gap: 30px;
}

.success-affiliate-text {
  color: #002832;
}

.xxheaderxxx-logo-affi-mobile {
  display: none;
  margin: 1.5rem 1rem 0 1.5rem;
}

.xxheaderxxx-logo-affi-desktop {
  margin: 2rem 2rem 0;
}

a#buttonZuWeb2,
a#buttonZuWeb3 {
  margin: 1rem auto;
}

.success-affiliate-block {
  background: #fff;
  border-radius: 15px;
  display: none;
}

.button-affiliate-to-website {
  background: #13d4d0;
  border-radius: 10px;
  width: 188px;
  height: 49px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-top: 15px;
  display: none;
}

.button-affiliate-to-website:hover {
  color: #002832 !important;
}

.CTA-input-affi-block {
  max-width: 608px;
  margin: 0 auto;
}

#errorAffiliation {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  display: flex;
  padding: 0 5px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  display: none;
  max-width: 504px;
}

#errorBirthDate {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  max-width: 504px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#errorStartInvestment {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  max-width: 504px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#errorMonthInvestment {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  max-width: 504px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#errorGender {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  max-width: 504px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#errorUpdate {
  display: none;
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  align-items: center;
  font-size: 11px;
  max-width: 504px;

  justify-content: space-between;
  width: 100%;
  margin: 0 auto 30px;
}

#errorUpdate.visible-error {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  margin-top: 1rem;
  max-width: inherit;
}

#errorAffiliation img {
  width: 18px;
}

/* #errorAffiliation .p-tyuni-not {
  width: -webkit-fill-available;
  text-align: center;
} */

#errorAffiliation1 {
  background: #ffd6d6;
  border-radius: 20px;
  height: 31px;
  display: flex;
  padding: 0 5px;
  align-items: center;
  font-size: 11px;
  margin-bottom: 10px;
  display: none;
  width: 100%;
}

#errorAffiliation1 img {
  width: 18px;
}

/* #errorAffiliation1 .p-tyuni-not {
  width: -webkit-fill-available;
  text-align: center;
} */

#errorAffiliation2,
#errorAffiliation3 {
  background: #ffd6d6;
  border-radius: 20px;
  align-items: center;
  height: 31px;
  padding: 0 5px;
  font-size: 11px;
  display: none;
  color: #002832;
  max-width: 503px;
  margin: 0 auto 10px;
}

#errorAffiliation2 img {
  width: 18px;
}

#errorAffiliation3 img {
  width: 18px;
}

/* #errorAffiliation2 .p-tyuni-not {
  width: -webkit-fill-available;
  text-align: center;
}

#errorAffiliation3 .p-tyuni-not {
  width: -webkit-fill-available;
  text-align: center;
} */

.success-message-block {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 1rem;
}

.success-message-block img {
  min-width: 34px;
}

#successAffiliation div.app-download-affiliate-block {
  padding: 1rem 1rem 1rem 0;
}

.app-download-affiliate-block {
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 6px;
}

.xxheaderxxx-main-home .bottom-xxheaderxxx-main {
  padding: 0 2rem 1rem;
}

.top-xxheaderxxx-main {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  bottom: -2rem;
}

.top-xxheaderxxx-main.flexplus-top-xxheaderxxx-main {
  padding: 2rem 1rem;
}

.main-title-affiliate {
  color: #fff;
}

.main-title-affiliate-en {
  color: #fff;
}

.sub-text-xxheaderxxx-main {
  color: #fff;
  padding: 2rem 0;
}

.img-xxheaderxxx-affi {
  max-width: 388px;
  padding: 0 1rem;
}

.img-xxheaderxxx-affi-mobile {
  display: none;
}

.container-img-xxheaderxxx {
  position: relative;
}

.img-sticker-bonus-affi {
  position: absolute;
}

.xxheaderxxx-main-left {
  max-width: 608px;
  padding: 0 1rem;
  position: relative;
  bottom: -2rem;
}

.input-email-affiliate-block {
  display: flex;
  gap: 16px;
}

input.input-affiliate-xxheaderxxx {
  background: #ffffff;
  border-radius: 10px;
  border: none;
  height: 49px;
  width: 300px;
  padding: 0 17px !important;
}

.button-affiliate {
  width: 188px;
  height: 49px;
  background-color: #13d4d0 !important;
  color: #002832 !important;
  font-weight: bold !important;
  border-radius: 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.mention-main-xxheaderxxx {
  font-size: 11px;
  line-height: 15px;
  color: #fff;
  padding-top: 15px;
}

.badge-affi img {
  max-width: 134px;
}

.bottom-xxheaderxxx-main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
  padding: 0 2rem;
}

.intro-video-affi {
  max-width: 882px;
  padding: 7rem 1rem 3rem;
  margin: 0 auto;
  text-align: center;
}

.intro-video-affi-2 {
  max-width: 790px;
  padding: 4rem 1rem 3rem;
  margin: 0 auto;
  text-align: center;
}

.button-affi-video {
  width: 255px;
  height: 49px;
  background: #13d4d0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto;
}

.reason-affi-block {
  width: 350px;
  height: 415px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  text-align: center;
  align-items: center;
}

.test-class-container {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
}

#trigger-Vorteile {
  padding-top: 7.5rem;
}

.static-youtube-img {
  display: flex;
  border-radius: 30px;
  width: 100%;
  max-width: 1100px;
  height: auto;
  cursor: pointer;
}

.video-youtube-affi-container {
  margin: 0 auto 3rem;
  padding: 0 1rem 56.25%;
  max-width: 1100px;
  flex-direction: column;
  justify-content: center;
  height: 0;
  position: relative;
  overflow: hidden;
  display: none;
}

/* .homepage-xxheaderxxx-text-block.xxheaderxxx-main-left h1 {
  margin: 0;
}

.homepage-xxheaderxxx-text-block.xxheaderxxx-main-left h2 {
  margin: 0;
  padding-bottom: 2rem;
} */

.homepage-xxheaderxxx-text-block.xxheaderxxx-main-left.xxheaderxxx-left-flexplus {
  max-width: 558px;
}

#videoPlayerButton {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 4;
}

.static-no-visible {
  display: none;
}

.youtube-player-visible {
  display: flex;
}

.video-youtube-affi-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.discount-xxheaderxxx {
  color: #fff;
  font-weight: bold;
  padding-bottom: 2rem;
}

.table-comparaison-home {
  max-width: 1130px;
  min-height: 434px;
  background: #ffffff;
  border: 8px solid #f2f4f8;
  border-radius: 60px;
  margin: 0 auto;
  display: flex;
  padding: 1rem 1rem 1rem 2rem;
  justify-content: center;
}

.table-main-title {
  max-width: 470px;
  padding: 0 1rem;
  margin: 8rem auto 4rem;
  text-align: center;
}

.security-point-container {
  display: flex;
  flex-wrap: wrap;
  width: 1110px;
  margin: 0 auto;
  padding: 0 1rem;
  justify-content: space-between;
}

.security-point {
  width: 350px;
  height: 200px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* .security-point .p-tyuni-not {
  font-weight: bold;
  padding-top: 12px;
} */

.sub-text-main-security {
  max-width: 730px;
  margin: 52px auto 45px;
  padding: 0 1rem;
  text-align: center;
}

.security-point img {
  width: 52px;
  height: 52px;
}

.main-security-title {
  max-width: 852px;
  padding: 0 1rem;
  margin: 8rem auto 4rem;
  text-align: center;
}

.table-comparaison {
  border-collapse: collapse;
  border-spacing: 0;
  width: 1000px;
  height: 406px;
  align-self: center;
}

.column-elements {
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 45px;
  line-height: 20px;
  border: none;
}

.column-elements.xxheaderxxx-column {
  height: 80px;
}

td.column-main {
  vertical-align: middle;
  padding: 0.5rem 0;
  line-height: 20px;
  border: none;
}

.partner-home-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1400;
  margin: 0 auto;
  padding: 0 1rem;
  gap: 32px;
}

.patner-home-block {
  width: 438px;
  height: 305px;
  background: #fff;
  border-radius: 30px;
}

.patner-home-top-content {
  display: flex;
}

.patner-home-top-content img {
  width: 62px;
  margin-right: 15px;
}

.partner-home-content {
  padding: 35px 32px;
}

.top-text-home-partner {
  align-self: flex-end;
  line-height: 20px;
}

.patner-bio-home {
  padding-top: 32px;
}

tr.sub-line-table {
  border-bottom: 1px solid #d4dae6;
}

.video-youtube-affi-container .affi-video-desktop {
  width: 100%;
  height: 100%;
  /* aspect-ratio: 16 / 9;
  @supports not (aspect-ratio: 16 / 9) {
    &::before {
      float: left;
      padding-top: 56.25%;
      content: "";
    }

    &::after {
      display: block;
      content: "";
      clear: both;
    }
  } */
}

.video-youtube-affi-container .affi-video-mobile {
  width: 346px;
  height: 615px;
  margin: 0 auto;
  display: none;
}

.affi-img {
  max-width: 145px;
  padding: 45px 1rem 12px;
}

.reason-affi-text {
  padding: 18px 1rem 0;
}

.container-reasons-affi {
  display: flex;
  gap: 30px;
  padding: 0 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.container-affi-plus {
  background: #002832;
  border-radius: 30px;
  width: 1110px;
  min-height: 182px;
  color: #fff;
  margin: 2rem auto;
  display: flex;
  justify-content: center;
}

.content-affi-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.content-affi-plis-left {
  display: flex;
  gap: 10px;
  padding: 0 1rem;
}

.text-content-affi {
  max-width: 495px;
  padding: 0 1rem;
}

.xxheaderxxx-input-affi-mobile {
  display: none;
}

.affi-block-text {
  align-self: center;
  width: 171px;
}

.affiliate-CTA-block {
  background: linear-gradient(0deg, #002832 0%, #7384a7 100%);
  border-radius: 60px;
  min-height: 346px;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.title-affi-cta {
  max-width: 588px;
}

.sub-text-cta-affi {
  max-width: 588px;
  padding: 15px 0 32px;
}

.mention-affi-cta {
  max-width: 588px;
  font-size: 11px;
  line-height: 15px;
  padding-top: 15px;
}

.affiliate-CTA-block .input-email-affiliate-block {
  justify-content: center;
}

.flex-affi-block {
  width: 350px;
  text-align: center;
  padding: 0 1rem;
}

.phone-affi {
  max-width: 350px;
  padding-bottom: 25px;
}

.flexible-affi-title {
  padding-bottom: 15px;
}

.flexible-affi-container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;
}

.advantage-affi-block {
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  min-height: 85px;
  align-items: center;
  margin: 16px 0;
}

.left-advantage-affi {
  display: flex;
  align-items: center;
  padding: 0 24px;
  gap: 9px;
}

.right-advantage-affi {
  padding: 0 24px;
  text-align: right;
  max-width: 230px;
}

.left-advantage-affi img {
  max-height: 24px;
}

/* Styles for CashPlus page */

.cashback-container {
  display: flex;
  padding: 1rem 1rem 7rem;
}

.title-cashback-cashplus {
  max-width: 359px;
}

.cashback-top {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem;
  align-items: center;
  min-height: 235px;
  box-sizing: border-box;
}

.cashback-10percent-block {
  display: flex;
  flex-direction: column;
  border-radius: 60px;
  background: #f2f4f8;
  width: 1110px;
  margin: 0 auto;
}

.text-cashback-bottom {
  max-width: 923px;
  padding: 1rem;
}

.cashback-bottom {
  box-sizing: border-box;
  border-radius: 0 0 60px 60px;
  background: #fff;
  min-height: 112px;
  border: 8px solid #f2f4f8;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.top-banner-xxheaderxxx-main-mobile {
  display: none;
  background: linear-gradient(90deg, #00899b 0%, #13d4d0 100%);

  border-radius: 30px 30px 0 0;
  flex-direction: column;
}

.top-banner-xxheaderxxx-main {
  display: flex;
  justify-content: space-evenly;
  width: 704px;
  align-items: center;
  margin: 2rem auto 0;
  background: linear-gradient(90deg, #00899b 0%, #13d4d0 100%);
  border: 2px solid #13d4d0;
  border-radius: 60px;
  height: 70px;
  padding: 1rem;
}

.left-cashplus-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 1rem 16px;
}

/* .top-banner-xxheaderxxx-main .p-tyuni-not {
  color: #fff;
  font-weight: bold;
  padding: 0 1rem;
}

.top-banner-xxheaderxxx-main-mobile .p-tyuni-not {
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 1rem;
  max-width: 220px;
} */

a.cashplus-learn-more {
  width: 129px;
  min-width: 124px;
  height: 33px;
  border: 2px solid #ffffff;
  border-radius: 30px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  padding: 0 0.5rem;
}

a.cashplus-learn-more:hover {
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 2px solid #fff !important;
}

.container-highlight-cashplus {
  display: flex;
  padding: 4rem 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.arguments-cashplus-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 0 1rem;
}

.highlight-block {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 441px;
  height: 211px;
}

.main-highlight {
  font-size: 80px;
  font-weight: bold;
  line-height: 75px;
}

.sub-highlight {
  max-width: 340px;
  margin: 10px auto 0;
}

.cashplus-remuneration-block {
  display: flex;
  max-width: 690px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 7rem 1rem 4rem;
}

.information-remuneration-container {
  padding: 0 1rem;
  display: flex;
}

.infor-remuneration-block {
  background: #f2f4f8;
  border-radius: 30px;
  width: 676px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.remuneration-text {
  width: 310px;
  padding: 0 1rem;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
}

.remuneration-number {
  font-size: 110px;
  font-weight: bold;
  line-height: 97px;
  background: linear-gradient(90deg, #009aae 0%, #03aac7 100%);
  -webkit-box-decoration-break: clone;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.remuneration-sub-title {
  font-size: 13px;
  line-height: 15px;
  color: #7384a7;
  text-align: center;
  position: relative;
  right: -23px;
}

.cashplus-function-container {
  display: flex;
  padding: 3rem 1rem 0rem;
}

.container-security-cashplus {
  display: flex;
  margin: 0 1rem;
}

.security-info-cashplus {
  max-width: 1180px;
  display: flex;
  background: #fff;
  border: 1px solid #002832;
  min-height: 88px;
  align-items: center;
  margin: 1rem auto 5rem;
  border-radius: 30px;
}

.security-info-cashplus img {
  padding: 17px;
}

.security-info-text {
  padding: 18px 18px 18px 0;
}

#compteur {
  visibility: hidden;
}

.cashplus-function-block {
  width: 1440px;
  min-height: 337px;
  padding: 1rem;
  background: #fff;
  border-radius: 60px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-evenly;
}

.how-cashplus-works {
  padding: 0 1rem;
}

.how-cashplus-works-2 {
  max-width: 490px;
  padding: 1rem;
}

.function-cashplus {
  display: flex;
  justify-content: space-evenly;
}

.left-side-cashplus-works {
  max-width: 570px;
  min-height: 314px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.text-function-cashplus {
  max-width: 506px;
  font-weight: bold;
}

.function-cashplus img {
  padding-right: 18px;
}

.pro-monat {
  font-size: 13px;
  line-height: 0;
}

/* Styles for the Flexplus page */

.info-flexplus-container {
  text-align: center;
  padding: 0 1rem 5rem;
}

.info-flexplus-sub-mentions {
  font-size: 16px;
  line-height: 20px;
}

.info-flexplus-figures {
  font-size: 70px;
  font-weight: bold;
  line-height: 88px;
  padding: 2rem 0 0;
}

.mehr-erfahren-flexplus-container {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  background: #f2f4f8;
  height: 140px;
  border-radius: 20px;
}

.mehr-flexplus-title {
  padding-left: 2rem;
}

.mehr-flexplus-button {
  width: 159px;
  height: 50px;
  align-self: center;
  border: 2px solid #002832;
  border-radius: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  font-weight: bold;
  color: #002832 !important;
}

.mehr-flexplus-button:hover {
  text-decoration: none !important;
  color: #002832 !important;
  border-color: #002832 !important;
}

.left-flexplus-erfahren {
  display: flex;
  align-items: center;
}

.flexplus-xxheaderxxx-picture {
  max-width: 524px;
}

.right-side-flexplus-home {
  position: relative;
}

.badge-excellence-flexplus {
  position: absolute;
  width: 170px;
}

.badge-excellence-flexplus-mobile {
  display: none;
}

.arrow-middle-blue {
  position: absolute;
  bottom: 2%;
}

.arrow-left-blue {
  position: absolute;
  bottom: 2%;
  left: 5%;
}

.arrow-right-blue {
  position: absolute;
  bottom: 2%;
  right: 5%;
}

.intro-title-flexplus {
  text-align: center;
  padding: 2rem 1rem 3rem;
  max-width: 604px;
  margin: 0 auto;
}

.intro-title-flexplus-2 {
  text-align: center;
  padding: 2rem 1rem 2rem;
  max-width: 734px;
  margin: 0 auto;
}

.arguments-flexplus-container {
  padding: 0 1rem;
  gap: 30px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1440px;
  text-align: center;
  margin: 0 auto 71px;
}

.argument-flexplus {
  background: #f2f4f8;
  border-radius: 30px;
  width: 334px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.argument-cashplus {
  background: #f2f4f8;
  border-radius: 30px;

  width: 324px;
  height: 367px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.argument-flexplus img {
  max-width: 47px;
  padding-bottom: 17px;
}

.argument-flexplus-title {
  padding: 0 1rem 21px;
}

.argument-cashplus-title {
  padding: 0 1rem 21px;
  text-align: center;
}

.argument-flexplus-text {
  padding: 0 1rem;
}

.argument-cashplus-text {
  text-align: center;
  padding: 0 1rem;
}

.sub-text-flexplus {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
}

.ellie-step-flexplus {
  max-width: 334px;
}

.steps-flexplus-container {
  padding: 0 1rem;
  gap: 0px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1340px;
  margin: 0 auto 50px;
  align-items: baseline;
}

.inner-step-flexplus {
  display: flex;
  justify-content: center;
}

.inner-step-text-flexplus {
  margin-left: 13px;
  font-weight: bold;
  max-width: 261px;
}

.step-flexplus {
  width: 334px;
}

.mention-flexplus-aste {
  font-size: 11px;
  text-align: center;
  max-width: 600px;
  line-height: 15px;
  color: #7384a7;
  padding: 0 1rem 35px;
  margin: 0 auto;
}

.CTA-with-sticker-block {
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  border-radius: 30px;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  min-height: 240px;
  position: relative;
  margin-bottom: 4rem;
}

.flexplus-carousel {
  padding: 4rem 0;
  display: flex;
}

.sub-flexplus-text {
  color: #fff;
  padding: 0 1rem;
  margin-bottom: 15px;
}

.map-europe-flexplus-container {
  display: flex;
  max-width: 930px;
  margin: 0 auto;
  justify-content: center;
  padding: 39px 0 4rem;
}

.map-europe-desktop {
  width: 100%;
  margin: 0 auto;
  height: auto;
  text-align: center;
}

.map-europe-mobile {
  display: none;
}

.container-button-map {
  display: flex;
  width: 500px;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  padding: 2rem 1rem 0;
}

.stand-map {
  text-align: center;
  padding: 0 1rem;
  position: relative;
  bottom: 10px;
  color: #7384a7;
}

.button-one-year {
  border: 2px solid #002832;
  border-radius: 10px 0px 0px 10px;
  width: 228px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 50px;
  cursor: pointer;
}

.button-portfolio-weight {
  border: 2px solid #002832;
  border-radius: 0px 10px 10px 0px;
  width: 228px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 50px;
  cursor: pointer;
}

.map-button-active {
  background: #002832;
  color: #fff;
}

.map-container-flexplus {
  opacity: 0;
  position: absolute;
  z-index: -3000;
}

.map-visible {
  opacity: 1;

  position: inherit;
  z-index: 1;
}

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

.inner-text-cta-flexplus {
  max-width: 500px;
}

.sticker-10-euro {
  position: absolute;
  left: 8%;
  top: 9%;
}

.sticker-10-euro-mobile {
  display: none;
}

.block-exp-flexplus-black {
  background: #002832;
  border-radius: 30px;
  color: #fff;
  min-height: 237px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 730px;
  margin-bottom: 21px;
}

.left-side-exp-flexplus {
  margin-right: 21px;
}

.block-exp-flexplus-grey {
  background: #f2f4f8;
  border-radius: 30px;
  min-height: 237px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 730px;
}

.jar-app-button {
  background-color: #002832;
  width: 255px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #03aac7;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  margin: 0 auto;
}

.right-side-exp-flexplus {
  max-width: 348px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #f2f4f8;
  border-radius: 30px;
}

.title-exp-flexplus {
  margin: 0 60px 10px;
  padding-top: 2rem;
}

.text-exp-flexplus {
  margin: 0 60px;
  padding-bottom: 2rem;
}

.more-explainations-flexplus-container {
  display: flex;
  justify-content: center;
  margin: 0 1rem 6rem;
}

.jar-flex {
  max-width: 315px;
  margin: 0 auto;
  padding: 30px;
}

.jar-flex-hover {
  display: none;
  max-width: 315px;
  margin: 0 auto;
  padding: 30px;
}

.right-side-exp-flexplus:hover .jar-flex-hover {
  display: block;
  max-width: 315px;
  margin: 0 auto;
  padding: 30px;
}

.right-side-exp-flexplus:hover .jar-flex {
  display: none;
  max-width: 315px;
  margin: 0 auto;
  padding: 30px;
}

.faq-intern-flex-title {
  padding: 0 1rem 3rem;
  text-align: center;
}

.accordion-flex-plus {
  max-width: 1110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 0 1rem;
}

.risko-flexplus .p-tyuni-not {
  max-width: 820px;
  margin: 0 auto;
  padding: 1rem;
  color: #7384a7;
}

.risko-flexplus {
  border: 1px solid #7384a7;
  border-radius: 20px;
  margin: 2rem 0;
  text-align: center;
}

/* Styles for the Flexplus page ends here */

/* CSS for summit page  */

.page-id-6446 xxheaderxxx {
  display: none;
}

.page-id-8760 xxheaderxxx {
  display: none;
}

.page-id-8752 xxheaderxxx {
  display: none;
}

.page-id-8480 xxheaderxxx {
  display: none;
}

#navbar-summit {
  height: 83px;
  background: rgba(12, 39, 49);
  font-size: 18px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

#navbar-summit.nav-conversion {
  background: #fff;
}

.right-side-sumnmit-bg {
  display: none;
}

.right-side-sumnmit-bg a.sub-button-webinar {
  margin-right: 5px;
  text-decoration: none;
  display: none;
}

.right-side-sumnmit-bg a.sub-button-webinar:hover {
  text-decoration: none;
  color: #002832;
}

.sub-text-webinar {
  padding-bottom: 30px;
}

/* .navbar-content {
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem;
  align-items: center;
  height: 100%;
}

.nav-buttons {
  display: flex;
  align-items: center;
}

.nav-buttons .sub-button-webinar {
  width: 215px;
  height: 50px;
  background: #13d4d0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
} */

.sub-button-webinar.conversion-page {
  width: 215px;
  height: 50px;
  background: #13d4d0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
}

/* .nav-buttons a.conversion-nav-button {
  color: #002832 !important;
  text-decoration-line: none !important;
  margin: 0 24px;
  font-size: 16px;
  font-weight: bold;
}

.conversion-xxheaderxxx-logo img {
  height: 30px;
}

.nav-buttons a {
  color: white !important;
  text-decoration-line: none !important;
  margin: 0 24px;
  font-size: 16px;
  font-weight: bold;
}

.nav-buttons a:hover {
  color: #03aac7 !important;
}

#navbar-summit img {
  z-index: 1000;
  margin: 0 auto;
}

#footer_container {
  display: none;
} */

.home-summit {
  background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/bg-summit-4.png);
  height: 94vh;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subtitle-summit {
  color: white;
  max-width: 380px;
  padding-bottom: 23px;
}

.summit-date {
  color: white;
  padding-top: 25px;
}

.home-summit-container {
  height: 384px;
  display: flex;
  gap: 120px;
  padding: 1rem;
}

.main-summit-block {
  position: relative;
}

.catch-sentence-container {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  top: -4%;
  position: absolute;
}

.catch-white {
  line-height: 20px;
  color: white;
  text-align: center;
  padding-bottom: 5px;
}

.catch-blue {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.3px;
  color: #03aac7;
}

.summit-introduction {
  padding-top: 142px;
}

.catch-sentence-block {
  background: #7384a7;
  border-radius: 60px;
  height: 118px;
  width: 780px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.trigger-summit {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: -7%;
}

#trigger-vortrage {
  top: -127% !important;
}

.right-block-summit-home {
  align-self: flex-end;
}

a.sub-button-webinar {
  background: #03aac7;
  border-radius: 10px;
  padding: 15px;
  color: #002832 !important;
  font-weight: bold;
  font-size: 18px;
}

a.sub-button-webinar:hover {
  color: #002832 !important;
}

a.sub-button-webinar.webinar-bottom {
  width: 256px;
  margin: 0 auto;
}

.warn-webinar {
  max-width: 478px;
  padding: 0 1rem;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #ffffff;
}

.web-title {
  padding: 2rem 1rem 0rem;
}

.summit-introduction {
  text-align: center;
  max-width: 790px;
  margin: 0 auto;
  padding: 142px 1rem 1rem;
}

.main-summit-block {
  background: #f2f4f8;
}

.summit-sub-info {
  color: #7384a7;
  text-align: center;
  margin: 2rem auto 94px;
  padding: 10px 32px;
  background: white;
  width: 256px;
  border-radius: 30px;
}

.time-presentation-summit {
  text-align: center;
  max-width: 449px;
  margin: 0 auto;
  position: relative;
}

.time-presentation-summit.time {
  padding-top: 4rem;
  left: 105px;
}

.grey-arrow-summit {
  display: flex;
  margin: 1rem auto 1.5rem;
}

.planning-container {
  background-image: url("https://cdn.unitplus.eu/images/line.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
}

.hours-speak-right {
  display: flex;
  align-items: center;
  background-color: white;
  width: 209px;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border-radius: 30px;
  padding: 4px 10px 4px 5px;
  margin: 0 auto 24px;
  transform: translateX(86px);
  position: absolute;
  left: 48%;
}

.hours-speak-left {
  display: flex;
  align-items: center;
  background-color: white;
  width: 209px;
  justify-content: space-evenly;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border-radius: 30px;
  padding: 4px;
  margin: 0 auto 24px;
  transform: translateX(-86px);
}

.planning-block {
  padding-top: 2rem;
}

.speaker-sub {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #009aae;
  padding-bottom: 18px;
}

.left-speaker {
  width: 325px;
  text-align: right;
}

.right-speaker {
  max-width: 425px;
  text-align: left;
  padding-left: 4rem;
}

.speaker-container-planning {
  display: flex;
  justify-content: center;
  gap: 90px;
  padding: 4rem 1rem 80px;
}

.thema-summit {
  padding-bottom: 10px;
}

.speaker-container {
  background-color: #002832;
  color: white;
  line-height: 20px;
}

.speaker-title {
  text-align: center;
  color: #03aac7;
  padding-top: 78px;
  padding-bottom: 3rem;
}

.speaker-text {
  line-height: 20px;
}

.picture-speaker {
  max-height: 110px;
  padding-right: 25px;
}

.speaker-name {
  color: #03aac7;
  padding-bottom: 1rem;
}

.speaker-block {
  display: flex;
  align-items: center;
  max-width: 635px;
  margin: 2rem auto 47px;
  padding: 0 1rem;
}

.insta-speaker {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.insta-speaker img {
  height: 20px;
  padding-right: 5px;
}

.hidden-hours {
  display: none;
}

.right-hidden {
  visibility: hidden;
}

.free-block {
  background: #002832;
  border-radius: 30px;
  position: absolute;
  z-index: 1;
  color: #03aac7;
  top: -21px;
  padding: 8px 28px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
}

.free-container {
  display: flex;
  justify-content: center;
}

.speaker-last {
  padding-bottom: 100px;
}

/* burger menu summit */

.menuItemSummit {
  display: block;
  margin: 2rem 4rem;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}

.menuItemSummit:hover {
  text-decoration: none !important;
  color: #03aac7 !important;
}

.hamburgerSummit {
  z-index: 100;
  padding: 4px;
  cursor: pointer;
  background: transparent !important;
}

/* .nav-conversion .summit-menu-burger {
  background: #fff;
}

.nav-conversion
  .summit-menu-burger
  .summit-menu-content
  .inner-summit-menu
  .menuItemSummit {
  color: #002832;
} */

.hamburgerSummit:focus {
  outline: 0;
}

.closeIconSummit {
  display: none;
}

.summit-menu-burger {
  position: fixed;
  transform: translateY(-100%);
  transition: transform 0.2s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: #002832;
  color: white;
}

.summit-menu-content {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.showMenuSummit {
  transform: translateY(0);
}

.registration-summit-menu-button {
  position: absolute;
  bottom: 40px;
  width: 90%;
  width: 94%;
  display: flex;
  justify-content: center;
  background-color: #03aac7;
  border-radius: 10px;
  height: 50px;
  align-items: center;
  color: #002832;
  font-weight: bold;
}

.sub-webinar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  max-width: 922px;
  margin: 0 auto;
  text-align: center;
  min-height: 242px;
  background-color: #7384a7;
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/background-webinar.png");
  border-radius: 60px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.container-webinar-main {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.webinar-block {
  height: 242px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
}

/* CSS for summmit page ends here */

/* CSS for PENSION CALCULATOR page starts here */

.container-switcher-canvas {
  display: none;
}

.dots {
  display: none;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(115, 132, 167, 0.5);
  z-index: 99999999999999999;
  /* Assurez-vous qu'il soit au-dessus de tout le reste */
  display: none;
  justify-content: center;
  align-items: center;
}

/* .spinner {
  width: 52px;
  height: 52px;
  border: 7px solid #fff;
  border-top: 7px solid #13d4d0;
  border-radius: 50%;
  box-sizing: border-box;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

.custom-dropdown {
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.dropdown-toggle {
  padding: 5px 0;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  width: 278px;
  box-sizing: border-box;
  padding-left: 5px;
}

.dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999999 transparent transparent transparent;
  transition: transform 0.3s;
}

.options-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  width: 278px;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.options-list li {
  padding: 5px 0;
  cursor: pointer;
  box-sizing: border-box;
  padding-left: 5px;
}

.options-list li:hover {
  background-color: #f5f5f5;
}

.open .dropdown-toggle::after {
  transform: translateY(-50%) rotate(180deg);
}

.main-container-pension {
  display: flex;
  padding: 0;
  width: inherit;
}

.yield-info-button-pension .p-tyuni-not {
  text-align: center;
}

.more-info-gender {
  color: #009aae;
  font-weight: bold;
  text-decoration: none;
}

.more-info-gender:hover {
  color: #009aae !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

.gender-modal {
  min-height: 208px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gender-modal-container {
  width: 603px;
}

.gender-info {
  padding: 32px;
  text-align: center;
}

.modal-yield {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.yield-info-button-pension {
  display: flex;
  padding: 0 1rem 1rem;
  cursor: pointer;
  justify-content: center;
}

.yield-info-button-pension:hover {
  text-decoration: underline;
}

.yield-info-button-pension img {
  padding-left: 5px;
}

.mention-yield-modal {
  text-align: center;
  margin: 0 auto;
  line-height: 15px;
  font-size: 11px;
  max-width: 658px;
  color: #7384a7;
  padding: 0 1rem;
}

.title-yield-modal {
  text-align: center;
  padding: 0 1rem 1rem;
}

.yield-presentation-block {
  display: flex;
  width: auto;
  gap: 23px;
  padding: 1rem;
}

.left-side-yield-blocks,
.right-side-yield-blocks {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.yield-block-modal {
  background: #f2f4f8;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  height: 61px;
  align-items: center;
  padding: 0 1rem;
}

.home-pension-calculator-container {
  display: flex;
  width: 920px;
  margin: 8rem auto 2rem;
  border-radius: 30px;
}

.home-pension-calculator-block {
  border-radius: 30px;
  width: inherit;
  background: #fff;
}

.xxheaderxxx-pension {
  background: linear-gradient(180deg, #002832 -3.15%, rgba(0, 40, 50, 0) 35.11%),
    url(https://stocksflare.com/assets/cdn.unitplus.eu/images/pension-home-picture.png);
  background-size: cover;
  background-position: center;
  height: 413px;
  text-align: center;
  border-radius: 30px 30px 0 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  /* Ajoutez cette ligne si vous souhaitez également supprimer l'espace réservé aux flèches */
}

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

.xxheaderxxx-pension img {
  width: 86px;
  padding-top: 35px;
}

.intro-pension {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 1rem;
  text-align: center;
}

.intro-text-pension {
  max-width: 800px;
  margin-top: 1.5rem;
}

.start-calculation-button {
  background: #002832;
  border-radius: 15px;
  color: #fff;
  width: 289px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53px;
  margin-top: 24px;
  font-weight: bold;
  text-decoration: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.start-pension-calculator-block {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #fff;
  background: #f2f4f8;
  border-radius: 0 0 30px 30px;
  min-height: 176px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 37px 16px;
}

.process-bar-container {
  height: 8px;
  display: flex;
  background: #f2f4f8;
  border-radius: 30px;
  width: 482px;
  margin: 0 auto;
}

#regForm {
  background-color: #ffffff;
  margin: auto;
  padding: 40px;
  width: 920px;
  min-width: 300px;
  display: none;
  max-width: 920px;
  height: 700px;
  margin: 9rem auto 1rem;
  position: relative;
  border-radius: 30px;
  flex-direction: column;
  max-height: 720px;
  box-sizing: border-box;
}

form#regForm.bounced {
  height: auto;
  max-height: inherit;
}

.canvas-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 290px;
  padding-bottom: 2rem;
}

.chart-pension-container-1 {
  width: 60%;
  min-width: 300px;
  height: 220px;
}

.chart-pension-container-2 {
  width: 40%;
  min-width: 300px;
  height: 220px;
}

.chart-pension-container canvas {
  width: 100%;
  height: auto;
}

.legends-pension-container {
  display: flex;
  justify-content: center;
}

.legends-pension {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  padding: 0 10px;
}

.legends-pension img {
  padding-right: 5px;
}

/* #pensionChart {
  max-width: 500px !important;
  max-height: 240px !important;
  margin: 1rem;
} */

/* #monthlyPensionChart {
  max-width: 407px !important;
  max-height: 200px !important;
  margin: 1rem;
} */

.inner-content-question {
  display: flex;
}

.xxheaderxxx-question {
  display: flex;
  justify-content: center;
  margin-bottom: 54px;
  flex-direction: column;
  align-items: center;
}

.xxheaderxxx-question img {
  width: 86px;
  margin-bottom: 42px;
}

.slider-pension {
  width: 400px;
  margin: 0 1rem;
}

.donate {
  font-family: sans-serif;
}

.donate .payee {
  color: #4b8ebc;
  font-weight: bold;
}

.donate .custom-amount {
  width: 150px;
  height: 40px;
  background-color: #7db6da;
  color: #325f7f;
  font-weight: bold;
  font-size: 1rem;
  padding: 2px;
  padding-left: 6px;
}

.donate .custom-amount input {
  font-weight: lighter;
  font-size: 0.8rem;
  background-color: white;
  width: 116px;
  height: 24px;
  margin-top: 4px;
  margin-left: 6px;
}

.donate .radio-control {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 12;
}

.donate .radio-control input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.donate .radio-control__indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  text-align: center;
  line-height: 40px;
}

.donate .radio-control__indicator,
.donate .custom-amount {
  background-color: #7db6da;
  color: #325f7f;
}

.donate .radio-control:hover input~.radio-control__indicator,
.donate .radio-control input:focus~.radio-control__indicator {
  opacity: 0.9;
}

.donate .radio-control input:checked~.radio-control__indicator,
.donate .custom-amount.selected {
  background: #4b8ebc;
  color: white;
}

.donate .radio-control:hover input:not([disabled]):checked~.radio-control__indicator,
.donate .radio-control input:checked:focus~.radio-control__indicator {
  opacity: 1;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.inner-content-question input:-internal-autofill-selected {
  background-image: none !important;
  background-color: #f2f4f8 !important;
  background: #002832 !important;
  border-radius: 15px !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  text-align: center !important;
  height: 60px !important;
  margin: 10px !important;
}

.multi-choice-label input:-internal-autofill-selected {
  background-image: none !important;
  background-color: #f2f4f8 !important;
  background: #002832 !important;
  border-radius: 15px !important;
  border: none !important;
  text-decoration: none !important;
  text-align: center !important;
  height: 60px !important;
  margin: 10px !important;
}

.input-horizontal {
  text-align: center;
  height: 60px;
  border-radius: 15px;
  border: none;
  background: #f2f4f8;
  margin: 10px;
}

#birthYear {
  width: 160px;
}

#birthMonth {
  width: 95px;
}

#birthMonth,
#birthYear {
  font-family: "Circular Std" !important;
  font-weight: bold !important;
  color: #002832 !important;
  text-align: center;
  height: 60px;
  border-radius: 15px;
  border: none;
  background: #f2f4f8;
  margin: 10px;
  font-size: 16px;
}

#birthYear:focus {
  background: #f2f4f8;
  background-color: #f2f4f8;
}

#birthYear:active {
  background: #f2f4f8 !important;
  background-color: #f2f4f8 !important;
  font-family: "Circular Std" !important;
  font-weight: bold !important;
  color: #002832 !important;
}

#questionMoneyInvestedMonth label {
  font-weight: bold;
}

.multi-choice-label {
  background: #f2f4f8;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 164px;
  height: 60px;
  font-weight: bold;
  cursor: pointer;
  border: none !important;
  margin: 16px 0;
}

.inner-content-question input:-webkit-autofill,
.inner-content-question input:-webkit-autofill:hover,
.inner-content-question input:-webkit-autofill:focus,
.inner-content-question input:-webkit-autofill:active {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px #f2f4f8 inset !important;
}

.modifier-block input:-webkit-autofill,
.modifier-block input:-webkit-autofill:hover,
.modifier-block input:-webkit-autofill:focus,
.modifier-block input:-webkit-autofill:active {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px #fff inset !important;
}

.multi-choice-label input:-webkit-autofill:focus,
.multi-choice-label input:-webkit-autofill:active {
  background-color: #002832 !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 50px #002832 inset !important;
}

.question-with-choices input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #f2f4f8 #002832 !important;
}

.triggerProcessBar {
  display: none;
}

.xxheaderxxxQuestionMargin {
  margin: 0;
}

#freeTextValue,
#freeTextValue2 {
  background: none;
  border: none;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Circular Std" !important;
  margin: 0 !important;
}

input[type="radio"]:checked+label {
  background: #002832;
  color: #fff;
}

input[type="radio"]:checked+label input {
  font-weight: bold;
}

.radio-pension {
  display: none;
}

label:checked {
  font-weight: bold !important;
}

#birthYear:focus::placeholder {
  color: transparent;
}

#freeTextValue:focus::placeholder {
  color: transparent;
}

#freeTextValue2:focus::placeholder {
  color: transparent;
}

#birthMonth:focus::placeholder {
  color: transparent;
}

#freeTextValue::placeholder {
  color: #002832;
}

#freeTextValue2::placeholder {
  color: #002832;
}

#birthYear::placeholder {
  color: #7384a7;
}

#birthMonth::placeholder {
  color: #7384a7;
}

#nextBtn {
  background: #002832;
  border-radius: 15px;
  color: #fff;
  border: none;
  text-decoration: none;
  width: 249px;
  margin: 0 auto;
  height: 51px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.button-and-error-calculator {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.error-inner-container {
  display: flex;
  width: 100%;
  margin: 0 14px;
  justify-content: space-between;
}

#prevBtn {
  position: absolute;
  background: #f2f4f8;
  border-radius: 60px;
  text-decoration: none !important;
  height: 40px;
  width: 40px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.slider-value-pension {
  height: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 28px auto 0;
  background: #f2f4f8;
  border-radius: 15px;
  width: 109px;
}

/* Make circles that indicate the steps of the form: */
.step {
  width: 0%;
  height: 8px;
  background: #13d4d0;
  border-radius: 30px;
}

.step-two {
  width: 20%;
  background: #13d4d0;
  display: none;
}

.step-three {
  width: 40%;
  display: none;
  background: #13d4d0;
}

.step-four {
  width: 60%;
  display: none;
  background: #13d4d0;
}

.step-five {
  width: 80%;
  display: none;
  background: #13d4d0;
}

.step-six {
  width: 100%;
  display: none;
  background: #13d4d0;
}

.slider-value-pension .p-tyuni-not {
  font-weight: bold;
}

.title-modifier {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
}

/* h2.question-pension-title {
  text-align: center;
  max-width: 720px;
} */

.input-changer-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 15px;
  padding: 2rem 0 0;
  margin-bottom: 1rem;
  justify-content: space-between;
}

.separator-pension {
  border-top: 4px solid #f2f4f8;
  height: 1px;
  width: calc(100% + 80px);
  margin-left: -20px;
  margin-right: -20px;
}

#modifierGender option:hover {
  /* Styles pour les options au survol */
  background-color: #e0e0e0;
  /* Couleur de fond au survol */
}

.final-answer {
  padding-bottom: 2rem;
}

.modifier-block input {
  width: 259px;
  border: none;
  background: transparent no-repeat;
  background-image: url(https://cdn.unitplus.eu/images/edit-2.svg);
  background-position: right;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  font-family: "Circular Std" !important;
}

.modifier-block select {
  width: 259px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Circular Std" !important;
  border: 0;
  outline: 0;
  background-color: transparent;
}

.modifier-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modifier-block select:focus {
  border: none;
}

.modifier-block select:focus {
  border: none;
}

.modifier-block select:active {
  border: none;
}

.input-changer-block .modifier-button {
  width: 276px;
  height: 50px;
  color: #002832;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px solid #002832;
  border-radius: 10px;
}

.input-changer-block .modifier-button:hover {
  background: #002832;
  color: #fff;
}

.info-cta-pension {
  display: none;
  margin: 0 1rem;
  flex-direction: column;
}

.info-cta-inner {
  background: #d7fffe;
  border-radius: 30px;
  width: 920px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  margin: 0 auto;
  padding: 10px 40px;
}

.info-cta-inner .p-tyuni-not {
  padding: 1rem;
}

.mention-pension-calculation {
  color: #7384a7;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 4rem;
}

.pension-redirection-cta {
  height: 51px;
  background: #002832;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 190px;
  border-radius: 15px;
  text-decoration: none;
}

.pension-redirection-cta:hover {
  text-decoration: none;
  background: #002832 !important;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #13d4d0;
}

/* CSS for PENSION CALCULATOR page ends here */

/* CSS for Security page starts here */

.security-main-block-desktop {
  margin-top: 4rem;
}

.security-container-desktop-vertical {
  display: flex;
  padding: 3rem 1rem 30px;
  justify-content: center;
  max-width: 1110px;
  margin: 0 auto;
  gap: 30px;
}

.security-container-desktop-horizontal {
  display: flex;
  padding: 0rem 1rem 90px;
  justify-content: center;
  max-width: 1110px;
  margin: 0 auto;
  gap: 30px;
}

.security-container-desktop-horizontal-alone {
  display: flex;
  padding: 3rem 1rem 90px;
  justify-content: center;
  max-width: 1110px;
  margin: 0 auto;
  gap: 30px;
  flex-flow: wrap;
}

.security-container-desktop-horizontal-alone .security-point-desktop-horizontal {
  width: 48%;
}

.security-point-desktop-horizontal {
  max-width: 540px;
  line-height: 20px;
  background: #f2f4f8;
  border-radius: 30px;
}

.security-point-desktop-vertical {
  max-width: 350px;
  height: 528px;
  line-height: 20px;
  background: #f2f4f8;
  border-radius: 30px;
}

.security-point-desktop-horizontal-hidden {
  max-width: 540px;
  line-height: 20px;
  background: #f2f4f8;
  border-radius: 30px;
  display: none;
}

/* .security-point-desktop-vertical h3 {
  padding: 18px 0;
}

.security-point-desktop-horizontal h3 {
  padding: 18px 0;
}

.security-point-desktop-horizontal-hidden h3 {
  padding: 18px 0;
} */

.security-point-desktop-content {
  padding: 60px 40px 50px 50px;
}

.security-main-block-mobile {
  display: none;
}

.all .owlnott-carousel .owlnott-stage-outer .owlnott-stage {
  height: 544px;
}

.security-categories-mobile {
  display: flex;
  flex-direction: column;
  padding: 71px 1rem 0;
  text-align: center;
}

.security-categories-desktop {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  text-align: center;
}

.security-categories-desktop img {
  height: 80px;
  width: auto;
}

.security-categories-desktop .p-tyuni-not {
  max-width: 309px;
  margin: 0 auto;
  text-align: center;
}

.security-categories-mobile img {
  height: 80px;
  width: auto;
}

.security-categories-mobile .p-tyuni-not {
  max-width: 309px;
  margin: 0 auto;
  text-align: center;
}

.security-main-block-mobile .owlnott-dots button.owlnott-dot {
  background: #f2f4f8;
  border-radius: 20px;
  width: 45px;
  height: 8px;
}

.security-main-block-mobile .owlnott-dots button.owlnott-dot.active {
  background: #002832;
  border-radius: 20px;
}

.security-point-mobile {
  width: 320px;
  height: 500px;
  background: #f2f4f8;
  border-radius: 30px;
}

.security-point-mobile-text .p-tyuni-not {
  line-height: 20px;
}

.all .owlnott-stage-outer .owlnott-stage {
  margin: 0 auto;
}

.all .owlnott-carousel .owlnott-nav {
  display: none;
}

.all .owlnott-carousel .owlnott-dots {
  display: flex !important;
  justify-content: center;
  max-width: 250px;
  margin: 12px auto 0;
}

.carousel-apple-ETF.owlnott-carousel {
  margin-bottom: 4rem;
}

.carousel-apple-ETF.owlnott-carousel .owlnott-stage-outer {
  margin-left: 56px;
}

.all .owlnott-carousel .owlnott-dots button {
  margin: 0 2px;
}

.all .owlnott-carousel .owlnott-stage-outer {
  margin-left: 17px;
}

.owlnott-carousel-secu-1 .owlnott-stage-outer .owlnott-stage .owlnott-item.active {
  margin-right: 12px !important;
}

.owlnott-carousel-secu-2 .owlnott-stage-outer .owlnott-stage .owlnott-item.active {
  margin-right: 12px !important;
}

.owlnott-carousel-secu-3 .owlnott-stage-outer .owlnott-stage .owlnott-item.active {
  margin-right: 12px !important;
}

.owlnott-carousel-secu-4 .owlnott-stage-outer .owlnott-stage .owlnott-item.active {
  margin-right: 12px !important;
}

.reviews-colored-container-mobile .owlnott-stage-outer .owlnott-stage .owlnott-item.active {
  margin-right: 12px !important;
}

.security-point-mobile-container {
  padding: 30px 30px 0 40px;
}

/* .security-point-mobile-text h3 {
  padding: 18px 0;
} */

/* CSS for Security page ends here */

/* CSS for scroll-animation */

.inline-photo {
  opacity: 0;
  -webkit-transform: translateY(4em) rotateZ(0deg);
  transform: translateY(4em) rotateZ(0deg);
  -webkit-transition: opacity 0.3s 0.3s ease-out,
    -webkit-transform 0.3s 0.3s cubic-bezier(0, 1, 0.3, 1);
  transition: transform 0.3s 0.3s cubic-bezier(0, 1, 0.3, 1),
    opacity 0.3s 0.3s ease-out,
    -webkit-transform 0.3s 0.3s cubic-bezier(0, 1, 0.3, 1);
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

/* .heading {
  -webkit-transform: translate(-50%, calc(-50% + 1em));
  transform: translate(-50%, calc(-50% + 1em));
}

.is-visible .heading {
  opacity: 1;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -60%);
} */

.xxheaderxxx-second-part .menu-section #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: var(--bar-bg-color);
}

.xxheaderxxx-second-part .menu-section #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
  background-color: var(--bar-bg-color);
}

.xxheaderxxx-second-part .menu-section #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  background-color: var(--bar-bg-color);
}

/* .heading {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out,
    -webkit-transform 0.1s cubic-bezier(0, 1, 0.3, 1);
  transition: opacity 0.5s ease-out,
    -webkit-transform 0.1s cubic-bezier(0, 1, 0.3, 1);
  transition: opacity 0.5s ease-out, transform 0.1s cubic-bezier(0, 1, 0.3, 1);
  transition: opacity 0.5s ease-out, transform 0.1s cubic-bezier(0, 1, 0.3, 1),
    -webkit-transform 0.1s cubic-bezier(0, 1, 0.3, 1);

  will-change: transform;
} */

/* Scroll animation ends here  */

/* Investment page starts here  */

.how-we-invest {
  margin: 0 auto;
}

.introduction-portfolio-page {
  padding: 8rem 1rem 1rem;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.introduction-investment-page {
  padding: 4rem 1rem 4rem;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

/* .introduction-investment-page h2 {
  text-align: center;
} */

/* .introduction-investment-page .p-tyuni-not {
  max-width: 726px;
  text-align: center;
  line-height: 20px;
  margin: 0 auto;
  padding-top: 20px;
} */

#Doughnut {
  height: 400px;
  width: 400px;
}

.portfolio-strategy-container {
  display: flex;
  flex-direction: row;
  padding: 1rem 1rem;
  margin: 7rem 2rem 2rem;
  justify-content: center;
  gap: 80px;
}

.seperator-portfolio-strat {
  border-left: 2px solid #d4dae6;
  height: 221px;
  margin-left: -3px;
}

.donut-container {
  width: 220px;
  height: 220px;
}

.part1-donut {
  display: flex;
  flex-direction: row;
}

.part2-donut {
  display: flex;
  flex-direction: row-reverse;
}

.legends-block {
  display: flex;
  border-radius: 5px;
  min-width: 150px;
  align-items: center;
  padding: 2px 10px;
  margin-bottom: 8px;
}

.colored-bullet-point {
  margin-left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: palegreen;
  border-color: transparent;
}

.legend-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  letter-spacing: -0.3px;
  color: #002832;
  padding-left: 8px;
}

.investment-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 379px;
}

.investment-value {
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  letter-spacing: -0.3px;
  padding-left: 5px;
  color: #7384a7;
}

.distribution1,
.distribution2 {
  display: flex;
  flex-direction: column;
}

.right-content-investment {
  margin-left: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.investment-intro {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  max-width: 440px;
  padding-top: 2rem;
}

.lexicon-external-link {
  color: #13d4d0 !important;
  font-weight: bold;
}

.inter-link-lexicon {
  color: #13d4d0 !important;
  font-weight: bold;
}

.inter-link-lexicon:hover {
  color: #13d4d0 !important;
}

.lexicon-external-link:hover {
  color: #13d4d0 !important;
}

.lexicon-intro {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  max-width: 440px;
  padding-top: 2rem;
}

.confort-section {
  align-items: center;
  padding: 0 11.5% 0 11.5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.confort-text {
  width: 42%;
}

.confort-text-paragraph {
  max-width: 450px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  padding: 1rem;
}

.portfolio-strategy {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding-bottom: 1rem;
  max-width: 290px;
  margin: 0 2rem;
}

.how-we-invest-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 720px;
  padding: 3rem 1rem 1rem;
  margin: 0 auto;
}

.diversification-text {
  max-width: 730px;
  padding-bottom: 3rem;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #002832;
  margin: 0 2rem 0rem;
}

.how-we-invest-text {
  max-width: 747px;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #002832;
  margin: 0 auto;
  padding: 1rem 2rem 3rem;
}

.calculator-dots {
  text-align: center;
  margin-bottom: 35px;
  padding-top: 5px;
}

.main-title-return-calculator {
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.3px;
}

.block-return-calculator-redirection {
  align-items: center;
  margin: 3rem 1rem 0rem;
  background: #f2f4f8;
  border-radius: 20px;
  padding: 2rem 1rem;
  display: flex;
  justify-content: space-around;
}

.idea-first-part img {
  max-height: 360px;
  align-self: end;
}

.button-redirection-return-calculator {
  background: #fff;
  border-radius: 10px;
  letter-spacing: 0.3px;
  color: #002832 !important;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  padding: 1rem 2rem;
  border: 1px solid #002832;
  text-decoration: none !important;
}

.button-redirection-return-calculator-2 {
  display: flex;
  align-items: center;
  width: 250px;
  height: 50px;
  background-color: #002832;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
  border-radius: 10px;
}

.button-redirection-return-calculator-2 div {
  padding-right: 5px;
}

.button-redirection-return-calculator a {
  color: #002832;
  text-decoration: none;
}

.return-calculator-sentence {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  letter-spacing: -0.3px;
  color: #002832;
  margin: 4rem auto 31px;
  text-align: center;
  padding: 0 1rem;
}

.redirect-button-container {
  width: 274px;
  height: 50px;
  margin: 0 auto;
}

a.redirect-button-to-calculator {
  text-decoration: none !important;
  color: #002832 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: bold !important;
}

a.redirect-button-to-calculator div {
  width: 274px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 2px solid #002832;
  border-radius: 10px;
}

.intern-invest-page {
  padding: 2rem 0 2rem;
}

.title-steps-block {
  text-align: center;
  padding: 80px 1rem 24px;
}

.block-text-steps-investment {
  text-align: center;
  padding: 0 1rem 30px;
  max-width: 726px;
  margin: 0 auto;
  line-height: 20px;
}

.your-portfolio {
  margin: 0 auto;
  width: 1440px;
  display: flex;
  justify-content: center;
}

.ESG-block {
  margin: 0 0 7rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.your-portfolio-title {
  color: #d8fee9;
  max-width: 326px;
  padding-bottom: 1rem;
}

.ESG-title {
  max-width: 445px;
  padding-bottom: 1rem;
}

.your-portfolio-container {
  display: flex;
  width: 1380px;
  justify-content: space-evenly;
  padding: 104px 1rem;
  align-items: center;
  background: #002832;
  border-radius: 60px;
}

.ESG-container {
  display: flex;
  width: 1380px;
  border-radius: 60px;
  justify-content: space-evenly;
  padding: 104px 1rem 30px;
  align-items: center;
}

.anleihen-portfolio.bonds-english {
  width: 120px;
  margin: 9px 0;
}

.your-portfolio-text {
  color: #d8fee9;
  max-width: 380px;
}

.ESG-text {
  max-width: 445px;
}

.ESG-block-text {
  padding: 1rem;
}

.score-text {
  width: 47%;
}

.payment-with-card-container {
  background: #f2f4f8;
  border-radius: 20px;
  padding: 2rem 1rem 3rem;
  margin: 2rem auto 0rem;
  max-width: 920px;
}

.payment-image-block {
  text-align: center;
  padding: 2.5rem 0rem;
}

.payment-text-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 1rem;
}

.title-payment-text {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  padding: 1rem;
}

.payment-image-block-mobile {
  visibility: hidden;
  position: absolute;
}

.image-cup-coffee-mobile {
  visibility: hidden;
  position: absolute;
}

.green-rectangle-2 {
  text-align: center;
}

.last-title-investment {
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 348px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Investment page ends here */

/* Pricing page starts here */

.main-fee-block {
  padding: 0 1rem;
}

.main-fee-container {
  max-width: 1110px;
  margin: 0 auto;
  background: linear-gradient(180deg, #7384a7 0%, #002832 100%);
  border-radius: 60px;
}

.top-main-fee {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #f2f4f8;
  border-radius: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  min-height: 350px;
  position: relative;
}

.sub-main-fee-text {
  padding: 33px 1rem 50px;
  line-height: 20px;
}

.main-sub-text {
  padding: 0 1rem;
}

.top-main-fee>img {
  max-height: 352px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 46%;
}

.what-we-offer-block {
  display: flex;
  justify-content: space-evenly;
  padding: 0 1rem;
}

.starten-button-main-fee {
  width: 255px;
  height: 50px;
  background: #002832;
  color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px auto 23px;
  font-weight: bold;
  cursor: pointer;
}

.icon-flexplus-cost-page {
  padding-right: 1.5rem;
}

.text-info-flex-cost-page {
  padding: 15px 0;
}

.text-info-flex-cost-page-bold {
  font-weight: bold;
}

.flexplus-kosten-page-info {
  border: 8px solid #f2f4f8;
  border-radius: 60px;
  background: #fff;
  display: flex;
  min-height: 98px;
  align-items: center;
  padding: 0 1rem;
}

.sub-offer-title {
  padding: 39px 0 23px;
  font-weight: bold;
  color: #fff;
}

.offer-block {
  background: #ffffff;
  border-radius: 30px;
  min-height: 67px;
  width: 494px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 0;
  font-weight: bold;
  line-height: 20px;
}

.offer-block .p-tyuni-not {
  padding-right: 20px;
}

.offer-block img {
  padding: 0 10px 0 16px;
}

/* .bottom-main-fee > h3 {
  text-align: center;
  padding: 44px 1rem 0px;
} */

input:focus {
  outline: none !important;
}

.about {
  color: #7384a7;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
}

.pricing-text-presentation {
  max-width: 610px;
  margin: 0 auto;
  padding: 1rem;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.3px;
}

.pricing-conditions-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 4rem 1rem 6rem;
}

.woman-orange-phone {
  align-self: center;
}

.conditions-block {
  border-radius: 40px;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.conditions-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-calculator-container {
  margin: 0 auto;
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 1rem 1rem 3rem 1rem;
}

.intro-pricing-calculator {
  text-align: center;
  padding: 13px;
  background: #f2f4f8;
  max-width: 688px;
  border-radius: 20px;
  margin: 0 auto 3rem;
  font-weight: bold;
}

.coffee-sentence {
  padding: 1rem 2rem;
  font-weight: bold;
}

.first-part-pricing-calculator {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
}

.second-part-pricing-calculator {
  text-align: center;
  margin: 0 auto;
  background: #f2f4f8;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  border-radius: 60px;
  margin-top: 13px;
  min-height: 221px;
}

.pop-up-info-pricing {
  font-size: 11px;
  line-height: 15px;
  padding-top: 21px;
  color: #7384a7;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  padding-bottom: 10px;
  padding-top: 21px;
  color: #7384a7;
  font-weight: bold;
  opacity: 0;
  animation: fadeOut 1s;
  -webkit-animation: fadeOut 1s;
  -moz-animation: fadeOut 1s;
  -o-animation: fadeOut 1s;
  -ms-animation: fadeOut 1s;
}

.pop-up-visible {
  opacity: 1 !important;
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

.button-pop-up-pricing {
  position: absolute;
  height: 33px;
  bottom: 7px;
  right: 41px;
  cursor: pointer;
}

.button-pop-up-pricing-2 {
  height: 33px;
  cursor: pointer;
  padding-right: 1.5rem;
}

.range-container {
  padding-left: 1rem;
}

.text-range-container {
  display: flex;
  gap: 25px;
  padding-bottom: 2rem;
}

.title-range {
  align-self: center;
}

.range-input-field {
  background: #f2f4f8;
  border-radius: 30px;
  padding: 12px 25px;
  font-weight: bold;
  min-width: 115px;
  max-width: 165px;
  margin: 0 auto;
}

.module-border-wrap {
  min-width: 250px;
  position: relative;
  background: linear-gradient(to right, #03aac7, #00c2ff);
  padding: 3px 3px 3px;
  border-radius: 10px;
}

.price-module {
  background: #fff;
  padding: 1rem 1rem 20px;
  border-radius: 10px;
  text-align: center;
}

.price-block-absolute {
  display: flex;
  margin: 0 1rem;
}

.info-sub-cap {
  padding: 21px 1rem 110px;
  max-width: 1108px;
  margin: 0 auto;
  color: #7384a7;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

.main-pricing-block {
  padding: 0 1rem;
}

.main-price-container {
  max-width: 1110px;
  margin: 0 auto;
  background: #f2f4f8;
  border-radius: 60px;
  display: grid;
  grid-template-columns: 255px auto;
  gap: 34px 0px;
  min-height: 340px;
}

.left-price-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 7px solid #f2f4f8;
  border-radius: 60px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}

.right-price-container {
  width: 100%;
  position: relative;
}

.bottom-left-main-pricing {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 14px;
}

.bottom-left-main-pricing .p-tyuni-not {
  line-height: 15px;
  font-size: 11px;
  letter-spacing: -0.3px;
  color: #7384a7;
  margin: 0 auto;
  padding: 0 0.5rem;
  padding: 0 0.5rem 0 2rem;
  text-align: center;
  opacity: 0;
  animation: fadeOut 1s;
  -webkit-animation: fadeOut 1s;
}

.info-pricing-container {
  height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.info-pricing-container .button-pop-up-pricing {
  height: 33px;
  cursor: pointer;
  position: inherit;
  padding-right: 44px;
}

.pricing-bar-container {
  display: flex;
  height: 330px;
  gap: 90px;
  padding-bottom: 2rem;
  justify-content: center;
  align-items: center;
}

.price-container {
  width: 1110px;
  margin: 0 auto;
  border-radius: 20px;
}

.title-range {
  align-self: center;
  font-weight: bold;
  color: #002832;
  line-height: 20px;
  text-align: center;
  padding-bottom: 40px;
}

.half-cappuccino,
.full-cappuccino,
.full-cappuccino-half,
.double-cappuccino {
  display: none;
}

.display-coffee {
  display: block;
  position: absolute;
  width: 112px;
  right: 43%;
  bottom: 77%;
  transition: background-color 200ms linear;
}

#coffee-cups {
  padding: 16px 2.5rem 0rem;
}

.sub-info-capuccinos {
  font-size: 11px;
  line-height: 15px;
  padding-top: 21px;
  color: #7384a7;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  padding-top: 21px;
  color: #7384a7;
  font-weight: bold;
  opacity: 0;
  animation: fadeOut 1s;
  -webkit-animation: fadeOut 1s;
}

.words-block {
  width: 340px;
  height: 40px;
  overflow: hidden;
}

.words-list {
  display: flex;
  flex-direction: column;
  width: 340px;
  transition: transform 1s cubic-bezier(0.68, -0.5, 0.32, 1.6);
  height: calc(5 * 40px);
}

.words {
  height: 100%;
  width: 100%;
  display: flex;
  padding-left: 13px;
  align-items: center;
  /* background: linear-gradient(90deg, #03aac7 42.35%, #00c2ff 89.8%);
  -webkit-background-clip: text;
  background-clip: text; */
  color: #03aac7;
}

.vertical-carousel-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 158px;
  background: #002832;
  border-radius: 30px;
  width: 795px;
  margin: 0 auto;
  color: white;
  position: relative;
}

.block-price {
  background-image: url("https://cdn.unitplus.eu/images/background-fee-exp.svg");
  width: 217px;
  height: 217px;
  border-radius: 20px;
}

.top-block-price {
  color: #fff;

  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: center;
  line-height: 20px;
  margin-top: 1rem;
}

.bottom-block-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 181px;
}

.sub-block-price {
  font-size: 11px !important;
  line-height: 15px;
  font-weight: 400;
}

.pricing-shema-container {
  display: flex;
  width: 600px;
  justify-content: space-between;
  text-align: center;
}

.intro-pircing-title {
  display: flex;
  text-align: center;
  padding: 1rem;
  background-color: #fff;
  border-radius: 30px;
  width: 600px;
  height: 150px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}

.second-part-pricing {
  position: relative;
  background: #f2f4f8;
  padding-top: 187px;
  padding-bottom: 177px;
}

.vertical-carousel-block {
  position: absolute;
  width: 100%;
  bottom: -80px;
  display: flex;
}

.introduction-pricing-page {
  padding: 1rem;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 165px;
}

.introduction-pricing-page-2 {
  padding: 4rem 1rem 0;
  text-align: center;
}

.what-you-appreciate-container {
  display: flex;
  justify-content: center;
  width: 1110px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.fachpresse-title {
  text-align: center;
  padding: 1rem;
}

.fachpresse-logo {
  max-height: 26px;
}

.fachpresse-block {
  max-width: 340px;
  text-align: center;
  padding: 0 2rem;
}

.fachpresse-text {
  line-height: 20px;
  padding: 32px 0rem;
  font-weight: bold;
}

.what-you-appreciate-container img {
  max-height: 40px;
  align-self: center;
  margin: 0 auto;
}

.fachpresse-container {
  display: flex;
  justify-content: center;
  padding-bottom: 7rem;
  padding-top: 2rem;
}

.appreciation-block {
  width: 274px;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.appreciation-number {
  font-size: 80px;
  line-height: 82px;
  font-weight: bold;
  text-align: center;
}

.appreciation-text {
  max-width: 211px;
  text-align: center;
  margin: 0 auto;
  font-size: 24px;
  line-height: 30px;
  padding-top: 14px;
  font-weight: bold;
}

.pricing-shema-block-abdsolute {
  position: absolute;
  top: -120px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.pricing-shema-container img {
  padding-top: 20px;
}

.title-pricing-container {
  text-align: center;
  padding: 100px 1rem 0;
  max-width: 648px;
  margin: 0 auto;
}

.sub-title-pricing-container {
  padding: 24px 1rem 67px;
  line-height: 20px;
  max-width: 918px;
  margin: 0 auto;
  text-align: center;
}

.container-main-cost-table {
  display: flex;
  padding: 0 1rem;
}

.container-cost-table {
  width: 1110px;
  margin: 0 auto;
}

.container-cost-legend {
  color: #fff;
  height: 52px;
  display: flex;
  margin-bottom: 16px;
}

.container-cost-legend-mobile {
  display: none;
}

.legend-one-cost {
  width: 289px;
  min-width: 289px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #002832;
  margin: 0 2px 0 0;
  font-weight: bold;
  border-radius: 30px 0 0 30px;
}

.legendtwo-cost {
  width: -webkit-fill-available;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #002832;
  font-weight: bold;
  border-radius: 0 30px 30px 0;
}

.pricing-container-series {
  display: flex;
  flex-direction: column;
}

.pricing-line {
  display: flex;
  margin-top: 3px;
}

.left-pricing {
  height: 85px;
  width: 289px;
  min-width: 289px;
  margin: 0 2px 0px 0;
  background: #d4dae6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.main-pricing-text-spe {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pricing-line.cashplus {
  border-radius: 30px 30px 0 0;
  overflow: hidden;
}

.pricing-line.bergserie {
  overflow: hidden;
  border-radius: 0px 0px 30px 30px;
}

.sub-legend-cost {
  color: #7384a7;
  padding-top: 15px;
  text-align: center;
}

.calculated-based {
  text-align: center;
  padding-top: 2rem;
  font-weight: bold;
}

.main-pricing-text {
  padding: 0 0.5rem;
  text-align: center;
}

.left-pricing img {
  padding-left: 3rem;
}

.sub-pricing-text {
  font-size: 13px;
  line-height: 15px;
  color: #7384a7;
  padding: 20px 1rem 12px;
}

.word-carousel-intro {
  padding-left: 82px;
}

.right-pricing {
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  background: #f2f4f8;
  padding-top: 1rem;
}

.vertical-carousel-container img {
  max-height: 201px;
  position: absolute;
  bottom: 0;
  left: 1%;
}

.bankautomaten-text {
  text-align: center;
  padding: 300px 1rem 0px;
  max-width: 790px;
  margin: 0 auto;
}

.bankautomaten-text img {
  padding-bottom: 30px;
}

.bankautomaten-text .p-tyuni-not {
  max-width: 445px;
  margin: 0 auto;
  padding-top: 1rem;
  line-height: 20px;
}

.slidecontainer-revenue input[type="range"] {
  width: 100%;
}

.pop-up-info-pricing-revenue {
  font-size: 10px;
  align-items: center;
  display: flex;
  opacity: 0;
}

.right-price-container .pop-up-info-pricing {
  position: absolute;
  right: 30%;
}

.pop-up-info-pricing-revenue .p-tyuni-not {
  width: 91%;
  margin: 0 auto;
  border-radius: 30px;
  height: fit-content;
  line-height: 12px;
}

.comparaison-revenue-container {
  margin-top: 42px;
  display: flex;
  justify-content: center;
}

.comparaison-revenue-block {
  width: 792px;
  height: 383px;
  display: flex;
  background: #f2f4f8;
  border-radius: 30px;
}

.intro-comparaison {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  max-width: 740px;
  padding: 1rem;
  text-align: center;
  margin: 105px auto 0;
  color: #002832;
}

.bankautomaten-info-block {
  position: relative;
  min-height: 60px;
  background-color: #002832;
  max-width: 795px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding-left: 4rem;
  line-height: 20px;
}

.third-part-fee {
  padding: 329px 0rem 0px;
  background: #7384a7;
}

.mention-starten-banner-fee {
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 1rem 1rem 80px;
}

.bankautomaten-info-block img {
  position: absolute;
  left: 30px;
}

.sub-banko-info {
  font-size: 11px;
  color: white;
  padding: 0 1rem;
  margin-top: 10px;
  text-align: center;
  line-height: 12px;
}

.comparaison-revenue-left-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 220px;
  background: #ffffff;
  box-shadow: 0px 0px 14px rgba(221, 227, 240, 0.9);
  border-radius: 30px;
}

.comparaison-depot-input {
  display: flex;
  justify-content: center;
  height: 47px;
  width: 160px;
  min-width: 100px;
  background: #f2f4f8;
  align-items: center;
  font-weight: bold;
  border-radius: 30px;
  margin: 0 auto;
  margin: 45px auto 60px;
}

.comparaison-revenue-title {
  max-width: 160px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
}

.comparaison-revenue-right-side {
  width: 572px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.fee-module-outer {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
}

.fee-module-inner {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  height: 247px;
}

.comparaison-info {
  height: 20%;
  width: 100%;
  justify-content: flex-end;
  display: flex;
}

.comparaison-info img {
  width: 33px;
  align-self: flex-end;
  margin: 1rem;
  cursor: pointer;
}

#unitplus-bar {
  width: 40px;
  background-color: turquoise;
}

.bar-revenue {
  width: 38px;
  background-color: #002832;
  border-radius: 10px;
  z-index: 2;
}

.bar-revenue#gebuehrenBar {
  width: 100%;
}

.bar-revenue#ertragBar {
  width: 100%;
  background: linear-gradient(180deg, #03aac7 27.69%, #00c2ff 100%);
}

.bar-revenue.unitplusbar-revenue {
  background: linear-gradient(180deg, #03aac7 27.69%, #00c2ff 100%);
}

.fees-amount-layout.unitplus-amount-display {
  border: 1.5px solid #03aac7;
}

.module-element-container {
  height: 204px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.module-element-container-pricing {
  height: 223px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 160px;
}

.pricing-left {
  margin-right: 8px;
}

.pricing-right {
  margin-left: 8px;
}

.fees-amount-layout-pricing.gebuehren-input {
  display: flex;
  position: absolute;
  z-index: 2;
  justify-content: center;
  height: 29px;
  width: 160px;
  font-weight: bold;
  background: white;
  align-items: center;
  border-radius: 30px;
  transform: translate(0px, -10px);
  border: 2.5px solid #002832;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fees-amount-layout-pricing.ertrag-input {
  display: flex;
  position: absolute;
  z-index: 2;
  justify-content: center;
  height: 29px;
  width: 160px;
  font-weight: bold;
  background: white;
  align-items: center;
  border-radius: 30px;
  transform: translate(0px, -10px);
  border: 2.5px solid #03aac7;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fees-amount-layout {
  display: flex;
  position: absolute;
  z-index: 2;
  justify-content: center;
  height: 29px;
  width: 82px;
  font-weight: bold;
  background: white;
  align-items: center;
  border-radius: 30px;
  transform: translate(-24px, -14px);
}

.bar-background {
  height: 204.039px;
  width: 38px;
  position: absolute;
  background-color: #d4dae6;
  border-radius: 10px;
  z-index: 0;
}

.bar-background-pricing {
  height: 223px;
  width: 160px;
  position: absolute;
  background-color: transparent;
  border-radius: 10px;
  z-index: 0;
}

.sub-comparaison {
  position: absolute;
  height: 18px;
  bottom: -45px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

.sub-comparaison-pricing {
  position: absolute;
  height: 18px;
  bottom: -45px;
  font-size: 16px;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
}

.sub-comparaison-mobile {
  display: none;
}

.cashback-home-container {
  max-width: 1380px;
  padding: 0 1rem;
  margin: 4rem auto 0;
}

.left-portfolio-news-home {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 1rem 1rem 1rem 2rem;
}

.ellie-with-portfolio {
  align-self: flex-end;
  padding-right: 2rem;
}

.ellie-with-portfolio-mobile {
  display: none;
}

.inner-title-flex-news {
  max-width: 499px;
}

.inner-text-flex-news {
  max-width: 586px;
}

.button-news {
  color: #fff !important;
  border-color: #fff !important;
}

.button-news:hover {
  color: #fff !important;
  border-color: #fff !important;
}

.erfharen-mehr-news {
  border: 2px solid #ffffff;
  border-radius: 10px;
  width: 166px;
  height: 50px;
}

.neu-portfolio {
  width: 200px;
  height: 30px;
  background: linear-gradient(90deg, #009aae 0%, #13d4d0 100%);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cashback-block {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 320px;
  border-radius: 60px;
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  color: #fff;
  margin: 0 auto;
  justify-content: space-evenly;
}

.flexplus-news-block {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 584px;
  border-radius: 60px;
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  color: #fff;
  margin: 0 auto;
  justify-content: space-evenly;
}

.cashback-subtext {
  max-width: 475px;
  line-height: 20px;
  padding-top: 16px;
}

/* Pricing Page ends here */

/* Partnership page starts here */

.partners-main-block {
  padding: 4rem 1rem 78px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 30px;
  max-width: 1172px;
  margin: 0 auto;
}

.partner-block-content img {
  max-width: 131px;
  padding: 1rem;
  width: 627px;
}

.partner-name-title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1rem;
}

.partner-text {
  line-height: 20px;
}

.partner-sub-block {
  max-width: 671px;
  min-height: 273px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  justify-content: center;
}

.partner-text-description {
  max-width: 424px;
  padding: 1rem;
}

.partner-block-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.become-partner-title {
  padding: 0 1rem 17px;
  text-align: center;
}

.partner-contact-content img {
  width: 77px;
  height: 77px;
  align-self: center;
}

.become-partner-text {
  max-width: 780px;
  text-align: center;
  margin: 0 auto;
  line-height: 20px;
  padding: 0 1rem 30px;
}

.partner-contact-content {
  display: flex;
}

.partner-contact-button {
  width: 240px;
  height: 50px;
  color: #fff;
  text-decoration: none !important;
  background: #002832;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: bold;
  margin: 1rem;
}

.partner-contact-description {
  padding: 1rem;
}

.contact-partner-name {
  padding-top: 4px;
}

.contact-partner-title {
  color: #7384a7;
  font-weight: bold;
}

.partner-contact-button:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.partner-contact-container {
  padding: 0 1rem 74px;
}

.partner-contact-block {
  width: 738px;
  min-height: 146px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
  align-items: center;
}

/* Partnership page ends here */

/* Card page with bullet points styles starts here  */

.title-block-app-steps {
  padding: 34px 1rem 28px;
}

.block-app-steps>div {
  position: relative;
  width: 1110px;
}

.intern-card-faq {
  margin-top: 5rem;
}

.block-app-steps {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.Card4steps {
  padding-top: 19rem;
}

.Card4stepsMention {
  padding-bottom: 1rem;
}

.position-absolute-block {
  margin: 0 auto;
  position: absolute;
  align-items: center;
  bottom: -10%;
  z-index: 0;
}

.steps-block {
  display: flex;
  width: 972px;
  justify-content: space-between;
  padding-top: 20px;
}

.ellie-steps-mobile {
  display: none;
}

.ellie-steps {
  position: absolute;
  bottom: -7px;
  right: 32px;
}

.steps {
  display: flex;
}

.steps img {
  height: 44px;
}

.top-block-app-steps {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 60px 60px 0 0;
  align-items: center;
  position: relative;
  min-height: 233px;
}

.bottom-block-app-steps {
  display: flex;
  border-radius: 0 0 60px 60px;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  position: relative;
}

.woman-app-steps-block {
  position: absolute;
  max-height: 291px;
  bottom: 0;
  left: 1%;
  z-index: 2;
}

.woman-app-steps-block-mobile {
  display: none;
}

.bottom-step-text {
  font-weight: bold;
  width: 460px;
  text-align: center;
  padding-bottom: 27px;
  color: #fff;
}

.steps-texts {
  padding-left: 11px;
  font-weight: bold;
}

.steps-app-button {
  background-color: #03aac7;
  width: 255px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #002832;
  font-weight: bold;
  border-radius: 10px;
  margin: 5px 0 17px;
  cursor: pointer;
  /* background-image: url("https://cdn.unitplus.eu/images/button-background-black.svg");
  background-size: 100%;
  background-position: center;
  transition: background-image 0.3s ease-in-out, color 0.3s ease-in-out; */
}

.how-it-works {
  margin: 0 auto;
  padding: 1rem;
}

.funktioniert-block {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 49px;
  padding: 0rem 1rem;
  margin-bottom: 4rem;
}

.block-funk .p-tyuni-not {
  max-width: 350px;
  text-align: center;
  line-height: 20px;
  margin: 1.5rem auto 0;
}

.xxheaderxxx-container-picture-card {
  align-self: center;
  height: 450px;
  width: 450px;
  position: relative;
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/background-xxheaderxxx-card-page%202.png");
  background-size: 450px 450px;
}

.bottom-card {
  position: absolute;
  z-index: 1;
  bottom: 0%;
  left: 10%;
  transition: transform 0.3s cubic-bezier(0.4, -0.6, 0.32, 1.6);
}

.top-card {
  position: absolute;
  z-index: 2;
  top: 0%;
  right: 10%;
  transition: transform 0.3s cubic-bezier(0.4, -0.6, 0.32, 1.6);
}

.xxheaderxxx-container-picture-card:hover .bottom-card {
  transform: translateY(-10px);
}

.xxheaderxxx-container-picture-card:hover .top-card {
  transform: translateY(10px);
}

.hand-wallet {
  height: 554px;
}

.mobile-hand-wallet {
  display: none;
}

.card-advantages-container {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 49px;
}

.card-advantages-block {
  width: 442px;
  height: 280px;
  line-height: 20px;
  display: flex;
  background: #002832;
  align-items: center;
  border-radius: 60px;
  margin: 0 0.5rem;
  text-align: left;
}

.card-advantages {
  padding: 0 27px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  width: 100%;
  color: #fff !important;
}

.card-advantages-text {
  max-width: 290px;
  text-align: center;
}

.apple-pay-block {
  min-height: 605px;
  width: 975px;
  background: linear-gradient(180deg, #002832 0%, #7384a7 100%);
  margin: 120px 1rem 80px;
  border-radius: 60px;
  padding: 84px 1rem 0;
  position: relative;
}

.apple-pay-title {
  color: #fff;
  text-align: center;
}

.apple-pay-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.apple-pay-text {
  max-width: 700px;
  margin: 0 auto;
  padding: 16px 0 34px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}

.apple-pay-picture-1 {
  height: 355px;
  width: auto;
  position: absolute;
  bottom: 0;
}

.apple-pay-picture {
  height: 355px;
  width: auto;
}

.card-advantages-icons {
  height: 82px;
}

.bonus-advantages-icons {
  height: 110px;
}

.intro-title-card {
  max-width: 750px;
  padding: 100px 1rem 75px;
  margin: 0 auto;
  text-align: center;
}

.smart-saver-title {
  padding: 70px 1rem 67px;
}

.smart-saver-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
}

.smart-saver-arguments-block {
  display: flex;
  gap: 73px;
  padding-bottom: 120px;
}

.right-argument-title,
.left-argument-title {
  padding-bottom: 24px;
}

.left-argument {
  max-width: 380px;
  text-align: right;
  line-height: 20px;
  margin-left: 1rem;
}

.right-argument {
  max-width: 380px;
  text-align: left;
  line-height: 20px;
  margin-right: 1rem;
}

.plus-punkte-container {
  padding: 28px 1rem 0px;
}

.plus-punkte-title {
  padding: 0px 1rem 35px;
  text-align: center;
}

.pluspunkte {
  width: 445px;
  height: 500px;
  background: #f2f4f8;
  border-radius: 20px;
  position: relative;
}

.pluspunkte-text {
  max-width: 340px;
  padding: 53px 1rem 0;
  margin: 0 auto;
  line-height: 20px;
}

.punkte-text {
  font-size: 16px;
  line-height: 20px;
}

.punkte-title {
  padding-bottom: 24px;
}

.icon-pluspunkte {
  position: absolute;
  top: -6%;
  left: 6%;
}

.icon-pluspunkte-hovered {
  display: none;
  position: absolute;
  top: -6%;
  left: 6%;
}

.steuern-container-mobile,
.kontaktlos-container-mobile,
.uberblick-container-mobile,
.nummer-container-mobile,
.zukunft-container-mobile {
  display: none;
}

.kontaktlos-container:hover .icon-pluspunkte-hovered {
  display: block;
}

.kontaktlos-container:hover .icon-pluspunkte {
  display: none;
}

.terminal {
  position: absolute;
  bottom: 10%;
  left: 28%;
}

.terminal-hovered {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 10%;
  left: 28%;
}

.steuern-container:hover {
  background: #f2f4f8;
}

.kontaktlos-container:hover {
  background: #f2f4f8;
}

.steuern-container:hover .icon-pluspunkte-hovered {
  display: block;
}

.steuern-container .icon-pluspunkte-hovered {
  display: none;
}

.kontaktlos-container:hover .terminal-hovered {
  display: block;
}

.kontaktlos-container:hover .terminal {
  display: none;
}

.kontaktlos-container .card-terminal {
  position: absolute;
  bottom: -11%;
  left: 19%;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}

.paper {
  position: absolute;
  bottom: -5%;
  right: 26%;
}

.paper-hovered {
  position: absolute;
  bottom: -5%;
  right: 26%;
}

.loupe-initial {
  right: 27%;
  position: absolute;
  bottom: -15%;
}

.loupe-checked {
  right: 27%;
  position: absolute;
  bottom: -15%;
}

.steuern-container:hover .paper {
  transition: all 0.2s ease-in-out;
  transform: rotate(-10deg);
}

.steuern-container:hover .paper {
  display: block;
  transition: all 0.2s ease-in-out;
}

.steuern-container .paper {
  display: block;
  transition: all 0.2s ease-in-out;
}

.steuern-container:hover .loupe-initial {
  display: none;
}

.steuern-container:hover .loupe-checked {
  display: block;
  transform: rotate(7deg);
}

.steuern-container .loupe-checked {
  display: none;
}

.steuern-container .loupe-initial {
  display: block;
}

.kontaktlos-container:hover .card-terminal {
  transform: rotate(10deg);
  transition: all 0.2s ease-in-out;
}

.uberblick-container:hover {
  background: #f2f4f8;
}

.payment-list {
  position: absolute;
  bottom: -17%;
  left: 6%;
}

.payment-list-hovered {
  display: none;
  position: absolute;
  bottom: -17%;
  left: 6%;
}

.uberblick-container:hover .payment-list {
  display: none;
}

.uberblick-container:hover .payment-list-hovered {
  display: block;
}

.uberblick-container:hover:hover .icon-pluspunkte-hovered {
  display: block;
}

.uberblick-container:hover .icon-pluspunkte {
  display: none;
}

.nummer-container:hover:hover .icon-pluspunkte-hovered {
  display: block;
}

.nummer-container:hover .icon-pluspunkte {
  display: none;
}

.nummer-container:hover {
  background: #f2f4f8;
}

.card-activation {
  position: absolute;
  bottom: -17%;
  left: 6%;
}

.card-activation-hovered {
  display: none;
  position: absolute;
  bottom: -17%;
  left: 6%;
}

.nummer-container:hover .card-activation {
  display: none;
}

.nummer-container:hover .card-activation-hovered {
  display: block;
}

.zukunft-container:hover {
  background: #f2f4f8;
}

.zukunft-container:hover .icon-pluspunkte-hovered {
  display: block;
}

.zukunft-container:hover .icon-pluspunkte {
  display: none;
}

.zukunft-container .card-sustainability {
  position: absolute;
  bottom: -14%;
  left: 8%;
}

.zukunft-container .card-sustainability-hovered {
  position: absolute;
  bottom: -14%;
  left: 8%;
  z-index: 2;
  visibility: hidden;
}

.zukunft-container:hover .card-sustainability {
  visibility: hidden;
}

.zukunft-container:hover .card-sustainability-hovered {
  visibility: visible;
  transform: rotate(10deg);
  transition: all 0.4s ease-in-out;
  animation-delay: 2s;
}

.uberblick-container .card-payment-list {
  position: absolute;
  bottom: 0%;
  left: 25%;
  transition: all 0.2s ease-in-out;
}

.uberblick-container:hover .card-payment-list {
  transform: rotate(-10deg);
  bottom: 8%;
  left: 13%;
  visibility: visible;
  transition: all 0.2s ease-in-out;
}

.banner-card-cont {
  display: block;
  padding-bottom: 1rem;
  width: 100%;
  height: 640px;
  padding-top: 2rem;
}

.banner-card-cont .banner-press-block .banner-press-content li {
  vertical-align: top;
  padding: 0 25px;
}

.banner-card-cont .banner-press-block .banner-press-content {
  animation-name: marquee;
  animation-duration: 77s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
}

.banner-card-cont .banner-press-block:hover .banner-press-content {
  animation-play-state: paused;
}

/* Card page with bullet points styles ends here  */

/* Press page starts here */

.trustpilot-press .trustpilot-widget {
  text-align: -webkit-center;
}

.press-button-xxheaderxxx {
  display: block;
  background-color: #002832;
  color: white;
  font-weight: 700;
  font-size: 18px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  padding: 0.9rem;
  width: 250px;
  margin: 2rem auto;
  cursor: pointer;
}

.mehr-erfahren-press-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 255px;
  margin: 0 auto 26rem;
  color: white;
  text-decoration: none;
  background: #002832;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
}

.press-containt-xxheaderxxx {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 10rem;
  padding-bottom: 3rem;
}

.xxheaderxxx-container-press img {
  max-height: 450px;
}

.xxheaderxxx-container-press {
  display: flex;
  gap: 60px;
  padding-bottom: 2rem;
}

.download-press-block {
  display: flex;
  justify-content: space-around;
  width: 980px;
  margin: 4rem auto 24rem;
  border-radius: 20px;
  padding: 2rem 0rem;
  align-items: center;
  background: #f2f4f8;
}

.download-block-1 {
  display: flex;
}

.download-press-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 28px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.3px;
  color: #002832;
  padding: 0 1rem 0 2rem;
}

.download-press-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #7384a7;
  max-width: 345px;
  padding: 0px 6rem 0 0;
}

.Color-logo-press {
  padding: 0 1rem;
}

.grunder-members {
  color: #002832;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 62px;
}

.grunder-member {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 2rem;
  align-items: center;
  color: white;
}

.last-block-grunder {
  margin-top: auto;
  padding-top: 1rem;
}

.introduction-title-press {
  color: white;
  text-align: center;
  padding-top: 54px;
}

.picture-founder {
  display: flex;
}

.picture-founder img {
  max-height: 150px;
}

.social-founders {
  display: flex;
  flex-direction: column;
}

.block-grunder-team {
  padding: 2rem 2rem 0;
  margin: 1rem 0 0rem;
  text-align: center;
}

.mehr-erfahren-button-press {
  padding-bottom: 2rem;
}

.founder-description {
  line-height: 20px;
  letter-spacing: 0.3px;
  max-width: 280px;
  text-align: left;
}

.founder-name {
  margin-top: 18px;
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: white;
  text-align: left;
  width: 100%;
}

.go-to-the-team {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 45px;
}

.go-to-the-team a {
  background: white;
  color: #002832;
  text-decoration: none;
  width: 285px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}

.button-redirection-press {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.3px;
  color: #002832;
  border: 1px solid #002832;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px 8px 13px 12px;
  width: 300px;
  margin: 0 auto;
}

.download-press-button {
  min-width: 220px;
  margin: 0rem 0.5rem;
}

.beirat {
  color: #002832;
  display: flex;
  flex-flow: wrap;
  gap: 70px;
  justify-content: center;
  max-width: 1110px;
  margin: 0 auto;
}

.beirat-main-block {
  padding-top: 26rem;
}

.beirat-title {
  margin: 0 auto;
}

.grey-background-press {
  background: #f2f4f8;
  position: relative;
}

.block-beirat {
  padding: 0rem 0 2rem;
}

.beirat-member {
  max-width: 300px;
  padding-bottom: 2rem;
}

.beirat-description {
  line-height: 20px;
}

.beirat-name {
  padding: 32px 0;
}

.press-link-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 920px;
  gap: 40px;
}

.press-posted-on {
  max-width: 73px;
  margin-top: 1rem;
}

.pressemitteilungen {
  max-width: 1100px;
  margin: 9rem auto 5rem;
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
  max-width: 1200px;
}

.site .content-area .site-main .entry-content .nooz-coverage-list-wrapper {
  max-width: 1200px;
}

.nooz-pagination {
  padding-left: 44px;
  text-decoration: underline;
  font-weight: bold;
  padding-bottom: 50px;
}

.nooz-list.nooz-coverage.nooz-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  gap: 70px 57px;
  padding-bottom: 4rem;
}

.nooz-datetime {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 6px 12px 6px 12px;
  margin-right: 10px;
}

.nooz-source {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding-left: 11px;
  padding-top: 18px;
}

.nooz-title {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  margin-top: 10px;
  padding-left: 11px;
}

.nooz-excerpt {
  line-height: 20px;
  letter-spacing: 0.3px;
  padding-left: 11px;
}

.nooz-more-link {
  display: none;
}

/* Press page ends here */

/* New Bonus Program page starts here */

.bonus-programm-title {
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 730px;
  margin: 0 auto;
  padding: 4rem 0 11rem 0;
}

.hero-container-with-coins {
  position: relative;
  padding: 0 0 2rem;
}

.picture-second-container {
  width: 100%;
  height: 120px;
}

.coin-picture-container {
  width: 320px;
  height: 100px;
  margin: 0 auto;
  position: relative;
}

.coin-picture {
  position: absolute;
  top: -137%;
  left: -2%;
}

.bonus-steps-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 1rem 0 0;
  max-width: 790px;
  margin: 0 auto;
}

.step-A-container,
.step-B-container {
  display: flex;
  max-width: 335px;
  margin: 2rem 0;
}

.picture-A-container,
.picture-B-container {
  align-self: center;
}

.step-A-text,
.step-B-text {
  align-self: center;
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  max-width: 290px;
  min-width: 290px;
}

.functioning-block {
  display: flex;
  flex-flow: row wrap;
  max-width: 936px;
  margin: 0 auto;
  justify-content: center;
  gap: 34px;
  padding: 4rem 0 3rem;
}

.functioning-container {
  position: relative;
  width: 285px;
  height: 353px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
  border-radius: 20px;
  text-align: center;
}

.icon-functioning {
  position: absolute;
  top: -10%;
  right: 38%;
}

.functioning-text {
  max-width: 220px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
}

.prize-block {
  max-width: 920px;
  margin: 0 auto;
  background: #f2f4f8;
  border-radius: 20px;
}

.prize-up-part {
  display: flex;
  justify-content: space-around;
}

.left-side-prize {
  display: flex;
  flex-direction: column;
  padding: 2rem 0 1rem;
}

.prize-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 475px;
  padding-bottom: 1.5rem;
}

.prize-paragraph {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  max-width: 475px;
}

.prize-text {
  padding-bottom: 1rem;
}

.right-side-prize {
  padding: 2rem 0 1rem;
  align-self: center;
}

.gift-container {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
}

.gift-block {
  min-width: 185px;
  border-radius: 30px;
  padding: 1rem 0;
}

.gift-block-2 {
  max-width: 271px;
  border-radius: 30px;
  padding: 1rem 0;
}

.gift-block-success {
  width: 278px;
  border-radius: 30px;
  padding: 1rem 0.5rem;
  margin: 0 auto;
}

.platz-block {
  text-align: center;
  background: #f3ce4a;
  border-radius: 30px 30px 0 0;
  padding: 10px 0;
  font-weight: bold;
}

.reward-block {
  text-align: center;
  background: white;
  border-radius: 0 0 30px 30px;
  padding: 10px 12px;
}

.prize-down-part {
  text-align: center;
  padding-bottom: 2rem;
}

.last-paragraph-prize {
  padding: 10px;
  background: #fff;
  max-width: 774px;
  margin: 0 auto;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
}

.bonus-explaination-title,
.bonus-explaination-title-2 {
  max-width: 715px;
  padding: 0 1rem;
  margin: 0 auto;
  text-align: center;
}

.bonus-explaination-title-2 {
  padding-top: 110px;
  padding-bottom: 40px;
}

.form-block-bonus {
  position: relative;
  max-width: 920px;
  margin: 6rem auto 0;
  background: #d7fffe;
  border-radius: 20px;
}

.double-coin {
  position: absolute;
  bottom: 86%;
  left: 43%;
}

.title-form-block {
  padding-top: 2rem;
}

.bonus-input-block {
  width: 170px;
  height: 50px;
  background: #ffffff !important;
  border: 1px solid #fff;
  box-sizing: border-box !important;
  border-radius: 15px !important;
  padding: 12px !important;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.bonus-input-block-2 {
  width: 240px;
  height: 50px;
  background: #ffffff !important;
  border: 1px solid #fff;
  box-sizing: border-box !important;
  border-radius: 15px !important;
  padding: 12px !important;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.bonus-form-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  padding-bottom: 5px;
}

.bonusprogramm-sub-text {
  max-width: 480px;
  padding-top: 1rem;
  line-height: 20px;
}

/* New Bonus Program page ends here */

/* Lexicon styles starts here */

.title-letter {
  display: flex;
  height: 100px;
  width: 346px;
  background: #f2f4f8;
  border-bottom: 2px solid #d4dae6;
  border-radius: 30px 30px 0px 0px;
}

.title-letter .p-tyuni-not {
  font-size: 45px;
  font-weight: bold;
  align-self: center;
  margin-left: 24px;
}

.lexicon-word-block {
  display: flex;
  flex-direction: column;
  padding: 24px 24px 0px 24px;
}

.lexicon-word {
  padding-bottom: 16px;
  line-height: 20px;
  color: #002832 !important;
  text-decoration: none !important;
  font-weight: bold;
}

.lexicon-word:hover {
  text-decoration: underline !important;
}

.letterBlock {
  display: inline-block;
  margin: 1rem;
}

.parentLexicon {
  columns: 3 346px;
  max-width: 1116px;
  margin: 0 auto 3rem;
}

.sticky-lexicon-menu {
  position: fixed;
  top: 110px;
  display: none;
  flex-direction: column;
  right: 20px;
  width: 32px;
  height: 424px;
  justify-content: space-evenly;
  background-color: #002832;
  color: #ffff;
  border-radius: 15px;
  align-items: center;
  z-index: 3;
}

.lexicon-menu-element {
  color: #ffff !important;
  font-weight: bold;
  text-decoration: none !important;
}

.lexicon-menu-element:hover {
  color: #03aac7 !important;
}

.active-lexicon-element {
  color: #03aac7 !important;
}

.lexicon-seperator {
  border-top: 1px solid #002832;
  padding-bottom: 18px;
}

.lexicon-seperator-2 {
  border-bottom: 1px solid #002832;
  padding-bottom: 50px;
  margin-bottom: 19px;
}

.word-title-lexicon {
  padding: 30px 0 30px;
}

.lexicon-word-container>a {
  position: absolute;
  left: -5%;
}

.share-buttons-lexicon {
  display: flex;
  justify-content: end;
}

.share-buttons-lexicon .a2a_kit {
  line-height: 15px !important;
  display: flex;
  justify-content: space-evenly;
  width: 220px;
  position: relative;
}

.text-copied {
  opacity: 0%;
  position: absolute;
  font-size: 11px;
  height: 25px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  width: 91px;
  justify-content: center;
  border-radius: 30px;
  bottom: 3px;
  right: 102%;
  transition: opacity 0.3s ease-in-out;
}

.text-copied-visible {
  opacity: 100%;
  transition: opacity 0.3s ease-in-out;
}

.thumbs-questions-lexicon {
  padding-bottom: 90px;
}

.insta-feed-title {
  max-width: 540px;
  margin: 0 auto;
  padding: 1rem 1rem 3rem;
  text-align: center;
}

#sb_instagram #sbi_load {
  display: none;
}

.insta-button-lexicon {
  text-align: center;
  height: 50px;
  width: 191px;
  background-color: black;
  display: flex;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none !important;
  margin: 2rem auto 3rem;
  margin-bottom: 3rem !important;
}

.insta-button-lexicon img {
  width: 20px;
}

.insta-button-lexicon:hover {
  color: #fff !important;
}

.insta-button-lexicon:hover div {
  color: #fff !important;
}

/* Lexicon styles ends here  */

/* New waiting list page starts here */

.waiting-list-success-container {
  max-width: 1020px;
  margin: 9rem auto 9rem;
  display: flex;
  flex-flow: row;
  gap: 30px;
}

.succes-text-block {
  padding: 0.5rem;
}

.success-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #002832;
}

.succes-paragraph {
  font-size: 16px;
  line-height: 20px;
  color: #002832;
  padding: 1.5rem 0;
}

.success-block-left {
  max-width: 570px;
  margin: 1rem;
}

.success-block-up {
  background: #d7fffe;
  border-radius: 20px 20px 0 0;
  position: relative;
}

.success-block-right {
  width: 380px;
  align-self: center;
}

.double-coin-success {
  position: absolute;
  bottom: 83%;
  left: 39%;
}

a:active {
  outline: none;
  border: none;
}

a:focus {
  outline: 0 !important;
}

.block-right-text {
  text-align: center;
  padding: 4rem 1rem 2rem;
}

.success-media-icons-block {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 1rem 1rem 0.5rem;
}

.success-block-down {
  background: #009aae;
  border-radius: 0 0 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 1rem;
}

.folgen-uns-block {
  display: flex;
  gap: 10px;
}

.referal-link-block {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  border: 1px dashed #009aae;
  border-radius: 10px;
  min-height: 50px;
  background: #fff;
  margin: 1.5rem 0;
}

.referral-url {
  color: #009aae;
}

.referral-input-block {
  font-family: Circular Std;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: -0.3px;
  color: #009aae;
  min-width: 289px;
  border: none;
  text-align: center;
  background: white;
}

.folgen-uns-auf {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #ffffff;
}

/* New waiting list page ends here */

/* Waiting list with form starts here  */

.registration-form-container {
  padding: 4rem 2rem;
  display: flex;
  justify-content: space-evenly;
  flex-flow: wrap;
}

.input-part1,
.input-part2,
.input-part3 {
  padding-top: 2rem;
  max-width: 320px;
}

.last-tip-container {
  max-width: 182px;
  padding-top: 6rem;
}

.last-tip-container-deutsch {
  max-width: 182px;
  padding-top: 6rem;
}

.part1-registration-form,
.part2-registration-form,
.part3-registration-form {
  width: 320px;
  margin: 1rem;
}

.part1-registration-form-deutsch,
.part2-registration-form-deutsch,
.part3-registration-form-deutsch {
  width: 341px;
  margin: 1rem;
}

.input-registration {
  width: 320px;
  height: 50px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0rem;
}

.input-registration-selected {
  border: 2px solid #03aac7;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.input-registration:hover {
  cursor: pointer;
}

.circle-blank {
  width: 20px;
  height: 20px;
  border: 1px solid #d4dae6;
  border-radius: 50%;
  margin-right: 1rem;
  position: relative;
}

.input-registration-selected .circle-blank {
  border: 1px solid #03aac7;
}

.inner-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  right: 22%;
  bottom: 22%;
}

.input-registration-selected .inner-circle {
  background: #03aac7;
}

.answer {
  margin-left: 1rem;
}

.last-tip-text {
  line-height: 20px;
  margin: 1rem 0 2rem;
}

.insta-button-registration {
  width: 183px;
  height: 44px;
  background-color: #1cc8c4;
  border-radius: 10px;
  border: none;
  display: flex;
  justify-content: start;
  align-items: center;
}

.registration-page {
  margin: 0 auto;
  max-width: 1253px;
}

.thank-you-registration {
  padding: 0 5.5rem;
}

.last-tip-container-mobile {
  display: none;
  padding-top: 1rem;
}

.last-tip-container-mobile-deutsch {
  display: none;
  padding-top: 1rem;
}

.question-padding {
  padding-bottom: 1.9rem;
}

.question-padding-deutsch {
  padding-bottom: 1.9rem;
}

/* Waiting list with form ends here  */

/* Dropdown menu starts here */

.menu-item-has-children .sub-menu .menu-item-object-page a {
  margin: 0 0 0 1rem;
}

.mobile-menu .sub-menu {
  display: inherit;
  transition: height 0.2s;
  opacity: 0;
  position: relative;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
}

.menu-item-has-children:hover .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.mobile-menu .menu-item-has-children.drop .sub-menu li {
  height: auto;
  padding: 1rem 0;
  transition: all 0.4s ease;
  visibility: visible;
}

.mobile-menu .menu-item-has-children .sub-menu li {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  visibility: hidden;
}

.mobile-menu li {
  padding: 1rem 5px 1rem;
  border-bottom: 1px solid #7384a7;
  list-style: none;
}

.mobile-menu .menu-item-has-children .sub-menu {
  visibility: hidden;
}

.mobile-menu .menu-item-has-children.drop .sub-menu {
  margin-top: 10px;
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.mobile-menu .sub-menu li:hover {
  background-color: transparent;
}

.mobile-menu .menu-item-has-children>a::after {
  content: "\276F";
  display: inline-block;
  transform: rotate(90deg);
  transition: all 0.4s ease;
}

.mobile-menu .menu-item-has-children.drop>a::after {
  content: "\276F";
  display: inline-block;
  transform: rotate(270deg);
  transition: all 0.4s ease;
}

.mobile-menu .menu-item-has-children a {
  display: flex;
  justify-content: space-between;
}

/* .mobile-menu .menu-menu-en-container {
  padding-top: 2rem;
}

.mobile-menu .menu-menu-deutsch-container {
  padding-top: 2rem;
} */

.menu-item-has-children {
  position: relative;
  display: inline-block;
}

.sub-menu {
  display: none;
  position: absolute;
  width: 240px;
  z-index: 1;
  padding: 17px 20px 20px 20px;
  background: #ffffff;
  box-shadow: 0px 10px 10px rgb(115 132 167 / 40%);
  border-radius: 0px 0px 20px 20px;
  transition: all 0.4s ease;
}

.sub-menu li {
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  padding: 15px 5px 15px;
  transition: all 0.4s ease;
}

.sub-menu li:hover {
  border-radius: 10px;
  background-color: #f2f4f8;
}

.xxheaderxxx-content .menu-section .link .menu .menu-item-has-children .sub-menu li:hover a {
  color: #009aae;
}

.xxheaderxxx-content .menu-section .link .menu .menu-item-has-children .sub-menu li a:hover {
  color: inherit;
}

/* Dropdown menu ends here */

/* Review carousel style here */

.review-container {
  height: 222px;
  width: 338px;
  background: #f2f4f8;
  border-radius: 30px;
}

.container-first-child {
  margin-left: 6rem;
}

.review-top-part {
  display: flex;
  justify-content: space-between;
  padding-bottom: 19px;
}

.review-content {
  padding: 22px 20px 20px 21px;
  text-align: left;
}

.review-title {
  padding-bottom: 8px;
  font-weight: bold;
  line-height: 20px;
}

.review-date-and-username {
  text-align: right;
  font-size: 11px;
  color: #7384a7;
  line-height: 15px;
  min-width: fit-content;
  margin-top: 4px;
}

.modal .modal-box .review-date-and-username {
  font-size: 16px;
  align-self: flex-start;
  line-height: 20px;
}

.modal .modal-box .review-date-and-username .review-username {
  font-weight: normal;
}

.modal .modal-box .review-title {
  line-height: 20px;
}

.modal .modal-box .review-content {
  padding: 55px 20px 20px 21px;
}

.review-date-and-username .close-button {
  position: absolute;
  font-size: 28px;
  top: 24px;
}

.review-username {
  font-weight: bold;
}

.review-text {
  line-height: 20px;
}

/* Newsletter form style here  */

#mc_embed_signup {
  padding-bottom: 1rem;
}

#mc_embed_signup div.mce_inline_error {
  display: block;
  position: absolute;
  top: 250%;
  left: 23%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 11px;
  background-color: #ffe8e0 !important;
  color: #f87b4d !important;
  border-radius: 20px;
}

.landing-page-mc-field-2 div.mce_inline_error {
  position: absolute;
  width: 280px;
  top: 120% !important;
  left: 0% !important;
  text-align: center;
  font-size: 11px;
  background-color: #ffe8e0 !important;
  color: #f87b4d !important;
  border-radius: 20px;
  transform: translate(0px, 0px) !important;
  -webkit-transform: translate(0%, 0%) !important;
}

#mce-responses.block-landing-news {}

#mce-responses.blog-newsletter {
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 90%;
  line-height: 20px;
}

.newsletter-container {
  display: flex;
  justify-content: center;
  margin: 4rem 0 !important;
  flex-direction: column;
  align-items: center;
}

.newsletter-block {
  width: 85%;
  background: #f2f4f8;
  height: 320px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #002832;
  padding: 1rem;
  position: relative;
}

.newsletter-title-sub {
  padding-bottom: 8px;
}

.newsletter-sub-title {
  max-width: 492px;
  line-height: 20px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.newsletter-form {
  display: flex;
  flex-direction: row;
  border: 1px solid grey;
  padding: 2px;
  width: 354px;
  margin: 0 auto 30px;
}

.newsletter-input {
  flex-grow: 2;
  border: none !important;
  border-radius: 10px !important;
  height: 50px;
  width: 279px;
  padding: 0 17px !important;
  font-family: "Circular Std";
  font-size: 16px;
  background: white !important;
}

.block-input-newsletter {
  display: flex;
  justify-content: center;
}

#mce-FNAME {
  border: none !important;
  border-radius: 10px !important;
  height: 50px;
  width: 142px;
  padding: 0 17px !important;
  font-family: "Circular Std";
  font-size: 16px;
  background: white !important;
  margin-right: 16px;
}

.mc-field-group {
  position: relative;
}

.newsletter-input:focus {
  outline: none;
}

.newsletter-button {
  border: none;
  background: white;
  display: flex;
  align-items: center;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  width: 46px;
}

.newsletter-button:hover {
  color: white !important;
  background-color: white !important;
}

.newsletter-agb {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.newsletter-agb-contain {
  display: flex;
  font-size: 11px;
  align-items: center;
  border: 1px solid #7384a7;
  padding: 5px 10px;
  border-radius: 50px;
}

.newsletter-agb-contain img {
  padding-right: 5px;
}

.newsletter-agb-contain a {
  color: #7384a7;
  text-decoration-line: underline;
}

.newsletter-agb-contain a:hover {
  color: #7384a7 !important;
}

.news-agb-text {
  line-height: 16px;
}

.coin-right,
.coin-left,
.paper-plane-newsletter {
  position: absolute;
}

.paper-plane-newsletter {
  top: 25px;
  right: 26px;
  z-index: 1;
}

.coin-right {
  right: 0;
  z-index: 0;
}

.coin-left {
  left: 15px;
  z-index: 0;
}

.newsletter-main-block {
  z-index: 3;
}

.subscribe-button {
  background-image: url("https://cdn.unitplus.eu/images/Icon-button-newsletter-v2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 15px !important;
  vertical-align: middle;
  border: none;
  height: 44px;
  width: 44px;
  background-color: transparent !important;
  cursor: pointer !important;
  position: absolute;
  right: 1%;
  top: 7%;
}

/* Newsletter style ends here */

/* Blog Page styles starts here  */

.ez-toc-title:before {
  content: url("https://cdn.unitplus.eu/images/table-content-icon.svg");
  padding-right: 14px;
}

#ez-toc-container p.ez-toc-title {
  padding-bottom: 10px;
}

.ez-toc-title-toggle {
  display: none;
}

.ez-toc-list {
  font-weight: bold;
  padding-left: 20px;
}

#ez-toc-container ul {
  padding-left: 20px;
}

div#ez-toc-container {
  background: transparent;
  border: none;
  margin-bottom: 4rem;
}

#ez-toc-container {
  background: none;
  border: none;
  box-shadow: none;
}

.post strong {
  font-weight: bold;
}

.image-blog-post .post-thumbnail>img {
  border-radius: 20px;
  width: 100%;
  max-width: 720px;
  height: auto;
  object-fit: cover;
}

.post-thumbnail {
  margin: 0;
}

.entry-xxheaderxxx {
  margin: 0 auto;
}

.entry-xxheaderxxx .m-auto .px {
  margin: 0px;
}

.post__title a {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: left;
  padding-top: 20px;
}

.post__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: left;
  padding-top: 20px;
}

.entry-title-post-page {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.3px;
  color: #002832;
  border-bottom: 1px solid;
  padding-bottom: 2rem;
  padding-top: 6rem;
  text-align: left;
}

.mytag>a {
  color: #7384a7;
}

/* .entry-content > h2 {
  display: none;
} */

/* .entry-content > h3 {
  font-size: 26px;
  color: #002832;
  font-weight: bold;
} */

.wp-block-quote {
  border-left: var(--quote--border-width) solid #03aac7;
}

.excerpt-wrapper {
  height: 100%;
}

.content-area.entry-content {
  height: 100%;
  position: relative;
  margin-bottom: 10px;
}

.content-area .entry-content>.p-tyuni-not {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #002832;
  margin-top: 10px;
  margin-bottom: 20px;
}

.type-post .entry-content>.addtoany_content_top {
  display: none;
}

.wp-block-post-date {
  display: none;
}

.wp-block-post-terms {
  display: none;
}

.a2a_svg {
  background-color: #7384a7;
}

.wp-block-latest-posts__post-date {
  margin-top: 4rem;
  color: #009aae !important;
}

.wp-block-latest-posts.is-grid.wp-block-latest-posts {
  padding-top: 0rem;
  padding-bottom: 5rem;
  max-width: 1100px;
  flex-flow: row wrap;
}

.wp-block-latest-posts__featured-image img {
  border-radius: 20px;
}

.wp-block-latest-posts>li>a {
  font-family: "circular-std-book";
  font-weight: bold;
  color: #002832;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
  font-family: "circular-std-book";
}

.columns-2 {
  max-width: 730px;
  margin-top: 3rem;
}

.blog-page-title {
  padding-top: 10rem;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: left;
  max-width: 1110px;
  margin: 0 auto;
}

.page-numbers {
  margin-right: 10px;
}

.blog-page-subtitle {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #002832;
  text-align: left;
  max-width: 1100px;
  margin: 2rem auto 0 auto;
  border-bottom: 1px solid;
  padding-bottom: 2rem;
}

.navigation .nav-links {
  display: flex;
  justify-content: center;
}

.pagination .nav-links>*:last-child {
  margin-right: 5px;
  margin-left: 5px;
}

.pagination .nav-links>* {
  margin-right: 10px;
  margin-left: 10px;
}

.pagination .nav-links>*.next {
  margin-left: 0;
}

.pagination .nav-links>*.prev {
  margin-right: 0;
}

.wp-post-image {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.authored-by {
  padding-left: 20px;
  color: #3c3d3e;
  line-height: 28px;
  font-size: 16px;
  letter-spacing: -0.3px;
  text-align: right;
}

.author {
  font-size: 12px;
  color: #009aae;
}

.posted-on {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 6px 12px 6px 12px;
  margin-right: 10px;
}

.entry-date {
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
}

.span-reading-time {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 6px 12px 6px 12px;
  margin-right: 10px;
}

.type-post>.authored-by {
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
}

.tag-container {
  padding-top: 5px;
}

.post-attribute {
  position: absolute;
  margin-top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
}

.excerpt-wrapper .entry-content>.p-tyuni-not {
  font-size: 16px;
}

.post-attribute-page {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 10px;
}

.mytag {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #7384a7;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 6px 12px 6px 12px;
  background: #f2f4f8;
  margin-right: 10px;
}

.button-redirection {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0.3px;
  color: #002832;
  border: 1px solid #002832;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px 8px 13px 12px;
  width: 200px;
  margin: 0 auto;
}

.more-info-img {
  vertical-align: bottom;
}

.vector {
  vertical-align: middle;
}

#waitingListCloseButton {
  cursor: pointer;
}

.app-dowwnload-modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  height: 328px;
  background: #fff;
  border-radius: 30px;
}

.app-qr-container-modal .app-qr-code {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  background: #f2f4f8;
  height: 328px;
  justify-content: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 8px solid #ffffff;
}

.jetzt-starten-modal-title {
  align-self: center;
  padding: 6px 17px;
  border: 1px solid #002832;
  box-sizing: border-box;
  border-radius: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.app-process-block-modal {
  background: white;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  width: 654px;
}

.app-qr-container-modal {
  width: 254px;
}

.app-process-block-modal .steps-block {
  width: 550px;
  margin: 0 auto;
  flex-flow: initial !important;
  gap: 0 !important;
}

.app-process-block-modal .steps-block .steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.app-process-block-modal .steps-block .polygon {
  display: block !important;
}

.app-process-block-modal .steps-block .steps .steps-texts {
  padding: 5px 0 0 0;
  text-align: center;
}

.android-message-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 90%;
  margin: auto;
  height: 509px;
  background: white;
  border-radius: 30px;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
}

.android-message-container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.closing-arrow-android {
  display: flex;
  justify-content: flex-end;
}

.closing-arrow-android img {
  padding: 5px;
}

.ellie-android {
  text-align: center;
  padding-bottom: 24px;
}

.android-text .p-tyuni-not {
  text-align: center;
  width: 223px;
  margin: 0 auto;
  line-height: 20px;
}

.android-text p:last-child {
  text-align: center;
  margin: 0 auto;
  line-height: 20px;
  font-weight: bold;
  padding-top: 20px;
}

.lower-block-android {
  font-size: 18px;
  display: flex;
  background: #002832;
  color: #fff;
  border-radius: 10px;
  height: 50px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 5px;
}

.app-process-block-modal .application-steps-container {
  display: flex;
  gap: 28px;
  justify-content: center;
  width: 420px;
  align-self: center;
  margin-top: 20px;
}

.app-modal-title {
  max-width: 375px;
  align-self: center;
  text-align: center;
}

.app-process-block-modal .app-modal-title {
  max-width: fit-content;
}

.app-qr-container-modal .app-qr-code .app-download-stores {
  border-radius: 30px;
}

.sub-qr-code-text {
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #7384a7;
  padding: 10px 1rem;
}

.waiting-list-modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 1.5rem 2rem 1.5rem;
  width: 790px;
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgb(221 227 240 / 70%);
}

.waiting-list-modal-xxheaderxxx {
  text-align: end;
}

.modal-form-title {
  max-width: 380px;
  text-align: left;
}

#nameInput7,
#emailInput7,
#nameInput8,
#emailInput8 {
  width: 100%;
  margin: 6px 0;
}

.modal-form-container {
  text-align: left;
  margin: auto 0;
}

.first-part-modal {
  display: flex;
  justify-content: space-between;
}

.form-modal {
  padding: 26px 0 0;
}

.bonusprogram-modal {
  max-width: 730px;
  padding: 1.5rem;
  text-align: left;
  background: #f2f4f8;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  letter-spacing: -0.3px;
  color: #009aae;
  margin-top: 1.5rem;
}

/* CSS for modals ends here */

/* Blog Page styles ends here  */

/*Why UnitPlus styles starts here  */

.whitepaper-block {
  max-width: 1045px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  background: #f2f4f8;
  border-radius: 20px;
  align-items: center;
  min-height: 70px;
  margin-top: 46px;
}

.whitepaper-block-investment {
  max-width: 952px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  background: #f2f4f8;
  border-radius: 20px;
  align-items: center;
  min-height: 70px;
  margin-top: 46px;
}

.whitepaper-content {
  display: flex;
  align-items: center;
  padding: 1rem 3rem;
  text-align: left;
}

.whitepaper-sentence {
  color: #009aae;
  padding-left: 16px;
}

.whitepaper-sentence>a {
  color: #009aae;
}

.map-container {
  margin: 0 auto;
  border-radius: 10px;
  padding: 1rem;
  max-width: 1100px;
}

.map-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  padding: 3rem 20px;
}

.map-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.3px;
  max-width: 710px;
  margin: 0 auto;
  padding: 0 1rem;
}

.introduction-title-warum {
  padding-top: 8rem;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 690px;
  margin: 0 auto;
}

.introduction-why-unit-text {
  max-width: 700px;
  margin: 2rem auto 0 auto;
  text-align: center;
}

.hero-image-why-unit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.idea-block {
  width: 1380px;
  margin: 0 auto;
  background: #002832;
  border-radius: 20px;
}

.idea-first-part {
  display: flex;
  justify-content: center;
  padding: 4rem 0 2rem;
  gap: 130px;
}

.idea-text {
  max-width: 540px;
  color: white;
  padding: 0 1rem;
}

.ask-ourselves {
  padding: 2rem 0;
}

.idea-second-part {
  font-size: 11px;
  text-align: center;
  padding-bottom: 4rem;
  display: flex;
  justify-content: center;
}

.block-flip-card-why-unitplus {
  max-width: 790px;
  background: #f2f4f8;
  border-radius: 20px;
  margin: 0 auto;
}

.block-flip-card-text {
  max-width: 650px;
  margin: 0rem auto 2rem;
  text-align: center;
}

.vs-img {
  margin: 0;
}

#modalYieldButton2 img {
  padding-bottom: 4px;
}

.why-unit-cards {
  display: flex;
  justify-content: space-around;
  padding-bottom: 3rem;
  margin: 4rem;
}

.why-flip-card {
  background-color: transparent;
  width: 255px;
  height: 255px;
  perspective: 1000px;
  border-radius: 20px;
}

.why-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.why-flip-card:hover .why-flip-card-inner {
  transform: rotateY(180deg);
}

.why-flip-card-front,
.why-flip-card-back-1,
.why-flip-card-back-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 20px;
}

.why-flip-card-front {
  background-color: #ffffff;
  color: #002832;
}

.why-text-flip-card {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.3px;
  max-width: 207px;
  margin: 2.5rem auto 1rem;
}

.title-content-with-image {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  padding-bottom: 1.5rem;
}

.mehr-erfahren {
  letter-spacing: -0.3px;
  color: #7384a7;
  border: 0.5px solid #d4dae6;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 10px 12px 10px 12px;
  width: 159px;
  margin: 0 auto;
}

.number-cards {
  margin: 2.5rem 2.5rem 1.5rem 2.5rem;
}

.inflation {
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #c14545;
}

.inflation-bis {
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  text-align: center;
  letter-spacing: 0.3px;
  background: -webkit-linear-gradient(#03aac7, #00c2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inflation-eur {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.3px;
  color: #c14545;
}

.inflation-eur-bis {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0.3px;
  background: -webkit-linear-gradient(#03aac7, #00c2ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.annahme-container {
  width: 230px;
  height: 90px;
  background: white;
  margin: 0 auto;
  border-radius: 20px;
}

.blabla {
  display: inline-block;
  padding-top: 35px;
}

.blabla2 {
  display: inline-block;
  padding-top: 10px;
}

.annahme {
  color: #002832;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  background: white;
  max-width: 152px;
}

.Durchschnittsrendite {
  color: #002832;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.3px;
  max-width: 152px;
}

.why-flip-card-back-1 {
  background-color: #ffd6d6;
  color: white;
  transform: rotateY(180deg);
}

.why-flip-card-back-2 {
  background-color: #d7fffe;
  color: white;
  transform: rotateY(180deg);
}

.world-map {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.sub-title-this-is-unitplus {
  text-align: center;
  padding: 0 1rem;
  max-width: 1110px;
  line-height: 36px;
  margin: 0 auto;
}

.sub-text-this-is-unitplus {
  line-height: 20px;
  text-align: center;
  padding: 16px 1rem 0;
  max-width: 980px;
  margin: 0 auto;
}

.block-ellie-this-is-unitplus img {
  max-height: 170px;
}

.block-ellie-this-is-unitplus .p-tyuni-not {
  text-align: center;
  padding: 0 1rem 2rem;
  line-height: 20px;
}

.block-ellie-this-is-unitplus {
  width: 350px;
  height: 328px;
  background: #f2f4f8;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.container-ellie-this-is-unitplus {
  padding: 70px 1rem 170px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 34px 30px;
  max-width: 1150px;
  margin: 0 auto;
}

.top-persona {
  display: flex;
  justify-content: space-between;
  padding: 52px 1.5rem 0;
}

.name-persona {
  font-size: 35px;
  line-height: 36px;
  font-weight: bold;
  color: #fff;
}

.picture-persona {
  max-width: 399px;
  margin: 0 auto;
  padding: 32px 0;
}

.picture-persona-mobile {
  display: none;
}

.persona-carousel-container .owlnott-carousel.persona-carousel {
  padding: 0 1rem;
  margin-bottom: 0;
}

.persona-carousel-container .owlnott-carousel.persona-carousel .owlnott-stage-outer {
  margin: 0 auto;
  width: fit-content;
}

.persona-carousel-container .owlnott-carousel.persona-carousel .owlnott-stage-outer .owlnott-stage {
  padding-top: 5rem;
}

.persona-carousel-container .owlnott-carousel.persona-carousel .owlnott-nav {
  display: none;
}

.persona-description {
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  padding: 0 1rem 0 1.5rem;
}

.persona-block {
  width: 439px;
  height: 809px;
  border-radius: 30px;
  background: #002832;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.world-map-mobile {
  display: none;
}

.content-why-unit-plus,
.content-why-unit-plus-2 {
  display: flex;
  justify-content: space-evenly;
  padding: 5rem 2rem;
}

.invest-methods-title {
  padding: 4rem 1rem 2rem;
  text-align: center;
}

.invest-methods-sub {
  text-align: center;
  padding: 0 1rem;
  line-height: 20px;
  max-width: 720px;
  margin: 0 auto;
}

.content-how-invest,
.content-how-invest-2 {
  display: flex;
  justify-content: center;
  padding: 3rem 2rem;
  max-width: 1040px;
  align-items: center;
  margin: 0 auto;
}

.content-coffee {
  justify-content: center;
  padding: 0rem 2rem 0rem;
  max-width: 800px;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.img-content-why-unit-plus {
  display: table-cell;
  vertical-align: middle;
}

.image-why-unit-plus {
  padding: 0 2rem;
  width: 442px;
  height: 311px;
}

.block-content-why-unit-plus {
  display: table;
}

.left-content-with-image-why {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.right-content-with-image-why {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.text-with-image {
  max-width: 400px;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  padding: 0 2rem;
}

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

.donut-container {
  text-align: center;
  padding: 1rem;
}

.this-is-unitplus-block-container {
  margin: 0 auto;
  width: auto;
  color: #002832 !important;
}

.this-is-unitplus-block-title {
  padding-bottom: 1rem;
}

.this-is-unitplus-block-text {
  line-height: 20px;
}

.title-4-block {
  text-align: center;
  padding: 5rem 1rem 2rem;
  margin-bottom: 4rem;
}

.this-is-unitplus-block-right-img {
  max-height: 380px;
}

.this-is-unitplus-block-left {
  max-width: 380px;
  align-self: center;
  padding: 1rem;
}

.this-is-unitplus-block,
.this-is-unitplus-block-2 {
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
  gap: 150px;
}

.whitepaper-invest-container {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.whitepaper-invest-launch {
  display: flex;
  width: 920px;
  justify-content: center;
  padding: 32px 1rem;
  align-items: center;
  background: #f2f4f8;
  border-radius: 20px;
  margin: 0 1rem 80px;
}

.whitepaper-invest-text {
  padding-left: 13px;
}

.whitepaper-invest-launch a {
  color: #002832;
  font-weight: bold;
}

.whitepaper-invest-launch a:hover {
  color: #002832 !important;
}

.chart-desktop {
  position: relative;
  text-align: center;
  max-width: 900px;
  height: auto;
}

.animation-wheel-block {
  padding: 4rem 0 6rem;
}

.chart-desktop-mobile {
  display: none;
}

.geld-aktiv {
  position: absolute;
  bottom: 34%;
  left: 47%;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.3px;
}

.sinnvolle {
  position: absolute;
  top: 48%;
  left: 22%;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.3px;
}

.zahlt {
  position: absolute;
  top: 48%;
  left: 67%;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.3px;
}

.block {
  margin: 20px 11.5% 0 11.5%;
  background: #d7fffe;
  display: flex;
  border-radius: 20px;
  justify-content: space-between;
}

.left-block {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-left-block {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #009aae;
  padding-left: 30px;
}

.left-block-form {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.bottom-block-wrapper {
  margin-left: 11.5%;
  margin-right: 11.5%;
}

.block {
  max-width: 983px;
  margin: 146px auto auto;
  display: block;
}

.block-content {
  display: flex;
  justify-content: space-between;
}

.right-block {
  position: relative;
  width: 25%;
}

.right-block img {
  position: absolute;
  top: calc(90% - 212px);
  right: 0;
  max-width: 222px;
  width: 100%;
}

.text-left-block {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #009aae;
  padding-left: 30px;
  padding-top: 34px;
  max-width: 560px;
  margin: auto;
}

.text-left-block a {
  color: #009aae;
  text-decoration: underline;
}

.left-block-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 18px;
  padding-bottom: 27px;
  padding-left: 30px;
}

.left-block-form input {
  width: auto;
}

#nameInput3 {
  max-width: 170px;
}

#anmeldenButton3 {
  color: white !important;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.3px;
  background-color: #002832 !important;
}

#anmeldenButton3:hover {
  background-color: #002832 !important;
  color: white !important;
  box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 25%);
}

.description-text-3 {
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #7384a7;
}

.description-text-3 a {
  font-weight: bold;
  color: #7384a7;
  text-decoration: underline;
}

.block-signature-app.why-unitplus-signature {
  height: auto;
  max-width: 983px;
  margin: 10px auto auto;
}

.why-unitplus-signature .signature-bottom {
  padding-bottom: 2rem;
  margin: 0 0 2rem;
}

.block .mobile-card {
  display: none;
}

/*Why UnitPlus styles ends here  */

/* CSS for mobile screens */

/* Media query for mobile ends here */

/* CSS for contact us page starts here */

.contact-us-content .content-with-two-section {
  justify-content: space-evenly !important;
}

.contact-us-content .content-with-two-section .left-content-with-text {
  width: 30%;
}

.contact-us-content .content-with-two-section .right-content-with-text {
  width: 40%;
}

.message-container {
  min-height: 40px;
  padding-top: 1rem;
}

.message-content {
  padding: 8px 8px 8px 16px;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
}

.message-content-success {
  background: #d7fffe;
  border: 1px solid #009aae;
  color: #009aae;
}

.message-content-error {
  background: #ffcdd2;
  border: 1px solid #d92f45;
  color: #d92f45;
}

.contact-form {
  padding-top: 5rem;
}

.contact-form .input-block {
  display: flex;
  flex-direction: column;
  height: 75px;
}

.contact-form .input-block .error {
  padding: 1px 0 0 6px;
}

/* The checkbox-container */
.checkbox-container {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  user-select: none;
  color: #7384a7;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d4dae6;
  box-sizing: border-box;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked~.checkmark {
  background-color: #03aac7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 6px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sendenButton {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  align-items: center;
  text-align: center;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-align: center;
}

/* CSS for contact us page ends here */

/* CSS for mobile screens ends here */

/* CSS for TEXT Based pages */
.text-pages-content {
  padding: 7rem 15% 0 15%;
}

/* .text-pages-content .content-text-section h3 {
  font-size: 24px;
  font-weight: bold;
  padding: 3rem 0 1rem 0;
} */

.text-pages-content .content-text-section a {
  color: #03aac7;
}

.text-pages-content .content-text-section ul {
  padding-left: 1.5rem;
}

.text-pages-content .content-text-section ul li {
  list-style: disc;
}

.xxheaderxxx-section .separator {
  margin: 1.5rem 0;
}

.page-xxheaderxxx {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.3px;
  color: #002832;
}

.sub-xxheaderxxx {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #002832;
  padding-bottom: 1rem;
}

.content-text-section {
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.3px;
}

.content-text-section .p-tyuni-not {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  color: #3c3d3e;
}

.content-text-section b {
  font-size: 18px;
  color: #002832;
}

.content-text-section .terms-list {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
}

.content-text-section .ordered-list li {
  list-style: decimal !important;
}

/* CSS for waiting list success page starts */
.share-button-none,
.sms-button-none {
  display: none;
}

.content-box {
  padding-top: 2rem;
  width: 540px;
}

.success-message {
  margin-top: 1rem;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.3px;
  color: #7d8fb0;
}

.success-message-waiting-list {
  margin-top: 5rem;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.3px;
  color: #002832;
  max-width: 920px;
}

.success-message b {
  color: #002832;
}

.referral-link {
  margin-top: 1.8rem;
  padding: 1rem;
  display: flex;
  width: fit-content;
  color: #009aae;
  background-color: #d7fffe;
  border: 1px dashed #009aae;
  box-sizing: border-box;
  border-radius: 10px;
}

.referral-link .copy-button {
  margin-left: 2rem;
  cursor: pointer;
}

.terms-link {
  margin-top: 1.8rem;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #03aac7;
  margin-bottom: 2rem;
}

.terms-link-unit {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  max-width: 644px;
  margin: 0 auto;
  padding-bottom: 19px;
}

.terms-link-waiting-list {
  margin-top: 1.8rem;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #7384a7;
}

.terms-link-redirection {
  color: #009aae;
  font-weight: bold;
  text-decoration: none;
}

.terms-link a {
  cursor: pointer;
  color: #03aac7;
}

.done-button-container {
  margin-top: 1rem;
  display: flex;
  flex-direction: row-reverse;
}

/* CSS for waiting list success page ends here */

.dropbtn .arrow-img-block>img {
  height: 9px;
  transform: rotate(180deg);
  transition: 0.4s;
  margin-right: 10px;
  margin-top: 2px;
}

.droppedButton .arrow-img-block>img {
  transform: rotate(0deg);
}

.dropbtn:after {
  content: "\276F";
  transform: rotate(90deg);
  color: #002832;
  transition: 0.4s;
  font-size: 17px;
  position: absolute;
  right: 27px;
}

.droppedButton:after {
  content: "\276F";
  transform: rotate(270deg);
}

.accordion {
  margin: 2rem auto;
}

.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 20px;
  border: 0.5px solid #d4dae6;
}

a.question-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 20px;
  border: 0.5px solid #d4dae6;
  display: flex;
}

a.question-item:hover {
  border: 0.5px solid #d4dae6 !important;
}

.question-item-xxheaderxxx {
  padding: 42px;
  width: 93%;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  /* justify-content: center; */
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
}

.question-item-xxheaderxxx::after {
  content: "";
  color: #03aac7;
  background-image: url("https://cdn.unitplus.eu/images/vector-faq.svg");
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.accordion-item-xxheaderxxx {
  padding: 42px;
  width: 93%;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  /* justify-content: center; */
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
}

.accordion-item-xxheaderxxx::after {
  content: "\002B";
  transform: rotate(90deg);
  color: #03aac7;
  transition: 0.4s;
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.accordion-item-xxheaderxxx.dropped::after {
  content: "\002B";
  transform: rotate(225deg);
}

.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
  padding: 0px 42px 24px;
  display: flex;
  line-height: 1.5rem;
}

.bubble-faq {
  align-self: flex-start;
  padding-top: 5px;
  padding-right: 22px;
}

.title-question {
  width: 91%;
  line-height: 35px;
}

.weiter-fragen {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1rem;
}

.contact-support-faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f4f8;
  border-radius: 30px;
  height: 90px;
  padding: 0 25px 0 25px;
  margin-bottom: 4rem;
}

.support-sentence {
  padding: 0px 64px 0 15px;
  line-height: 20px;
}

.separator-myth {
  width: 100%;
  border-top: 1px solid #d4dae6;
}

.dropped:after {
  content: url("https://cdn.unitplus.eu/images/cross-faq.svg");
  transform: rotate(270deg);
}

.faq-block {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem 15px;
}

.separator-faq {
  width: 100%;
}

.main-container-myth {
  padding: 4rem 1rem;
}

.myth-container {
  max-width: 920px;
  margin: 2rem auto;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
  border-radius: 20px;
}

.myth-title-block {
  background: #f2f4f8;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  padding: 2rem;
}

.page-xxheaderxxx-faq {
  line-height: 52px;
  letter-spacing: 0.3px;
  text-align: left;
  font-weight: bold;
  font-size: 48px;
  letter-spacing: 0.3px;
  padding-top: 1rem;
  padding-right: 10px;
  word-break: break-all;
  color: #002832;
  padding-bottom: 1rem;
}

/* #Rotation of the marker # */
details summary::-webkit-details-marker {
  display: none;
}

summary::before {
  position: absolute;
  left: 0.8rem;
  transform: rotate(0);
  transform-origin: center;
  transition: 0.2s transform ease;
}

details[open]>summary:before {
  transform: rotate(90deg);
  transition: 0.45s transform ease;
}

details.faq-style summary {
  padding-left: 0rem;
}

details.faq-style summary::before {
  content: "\276F";
  color: #002832;
  transform: rotate(90deg);
  left: unset;
  right: 0.6rem;
}

details[open].faq-style>summary:before {
  transform: rotate(270deg);
  transition: color ease 2s, transform ease 1s;
}

/* # Deployed text CSS # */

details {
  overflow: hidden;
}

details summary {
  position: relative;
  z-index: 10;
}

@keyframes details-show {
  from {
    margin-bottom: -80%;
    opacity: 0;
    /* transform: translateY(-100%); */
  }
}

details>*:not(summary) {
  /* animation: details-show 500ms ease-in-out; */
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  color: transparent;
  overflow: hidden;
}

details[open]>*:not(summary) {
  color: inherit;
}

summary {
  border-bottom: 1px solid #7384a7;
  outline: none;
  display: block;
  padding: 2rem 2rem 2rem 1rem;
  background-color: white;
  padding-left: 2.2rem;
  position: relative;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #002832;
  letter-spacing: 0.3px;
}

.answer-content {
  padding-top: 30px;
  padding-bottom: 20px;

  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
}

.answer-content faq-list ol,
ul {
  list-style: disc;
}

.faq-bullet {
  display: list-item;
}

/* CSS for FAQ Page ends here */

/* CSS for AGB page starts here */

.download-files-container {
  padding-bottom: 100px;
}

.download-file {
  height: 36px;
  width: 350px;
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  margin: 16px 1rem;
  background: white;
}

.download-left-part {
  display: flex;
  align-items: center;
  padding-left: 15px;
}

.download-left-part .p-tyuni-not {
  padding-left: 9px;
}

.dowlnottoand-right {
  padding-right: 13px;
  display: flex;
  height: 20px;
  align-self: center;
}

.agb-text {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
}

.agb-list-style-none {
  margin-bottom: 1rem;
}

.agb-ol {
  list-style-position: outside;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.agb-li {
  display: table;
  counter-increment: item;
  margin-top: 1.5em;
}

.agb-li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 1em;
}

.agb-li .agb-li {
  margin-top: 0.8em;
}

.agb-li .abg-li:before {
  content: counters(item, ".") " ";
}

/* CSS for TEXT Based pages ends here*/

/* CSS for modals starts here */

#waitingList,
#waitingListEn {
  color: #009aae;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #7384a7;
  opacity: 0;
  visibility: hidden;
  z-index: 999999999;
  max-width: 100% !important;
  margin: 0;
}

.modal-video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #7384a7;
  opacity: 0;
  visibility: hidden;
  z-index: 999999999;
  max-width: 100% !important;
  margin: 0;
}

.modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 1.5rem 2rem 3rem;
  width: 60%;
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(221, 227, 240, 0.7);
}

.modal-box-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 80%;
}

.close-button {
  width: 1rem;
  height: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  color: #7384a7;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  overflow-y: scroll;
  background-color: rgba(115, 132, 167, 0.9);
}

.show-modal-video {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  overflow-y: scroll;
  background-color: rgba(115, 132, 167, 0.9);
}

.modal-xxheaderxxx {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  font-size: 30px;
}

/* .modal-xxheaderxxx h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.3px;
  color: #002832;
} */

.modal-content {
  border-top: 1px solid #7e8fb0;
  padding-top: 1.5rem;
}

.modal-graph-exp {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  padding: 1rem 1rem 2rem 1rem;
}

.modal-graph-warn {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #002832;
  background: #f2f4f8;
  border-radius: 10px;
  padding: 1rem;
}

.modal-content .content-with-two-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 !important;
}

.modal-content .content-with-two-section .left-content-with-image {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content .content-with-two-section .right-content-with-text {
  width: 60%;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #002832;
}

.modal-content .content-with-two-section .p-tyuni-not {
  margin-bottom: 1rem;
}

.modal-content .content-with-two-section ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.modal-content .content-with-two-section ul li {
  list-style: disc;
}

/* CSS for modals ends here */

/* CSS for Team Page starts here */

.team-sub-xxheaderxxx-page-title {
  padding: 60px 1rem 16px;
  text-align: center;
}

.team-page-content {
  width: 920px;
  margin: auto;
  margin-top: 4rem;
}

.our-values-container {
  margin-bottom: 8rem;
}

.value-team {
  background: #ffffff;
  border-radius: 30px;
  display: flex;
  min-height: 179px;
  padding: 1rem 30px 1rem 48px;
  align-items: center;
  margin: 2rem 1rem;
  filter: drop-shadow(0px 0px 14px rgba(221, 227, 240, 0.9));
}

.value-team-icon {
  height: 80px;
  padding-right: 43px;
}

.value-core-title {
  padding-bottom: 12px;
}

.value-core {
  align-self: center;
  color: #002832;
  line-height: 20px;
}

.xxheaderxxx-team-page-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  padding: 1rem;
  margin-bottom: 8rem;
}

.right-side-team-page-xxheaderxxx {
  max-width: 445px;
}

.tean-sub-main-title {
  text-align: center;
  padding: 0 1rem;
}

.team-main-title {
  text-align: center;
  padding: 23px 1rem 51px;
}

.main-picutre-founders {
  max-height: 381px;
}

.team-page-xxheaderxxx {
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
}

.team-members {
  color: #002832;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 4rem;
  column-gap: 10px;
  row-gap: 15px;
}

.team-members .team-member:last-child {
  margin-bottom: 0;
}

.team-member {
  padding: 1rem;
}

.team-member-block {
  width: 255px;
  height: 255px;
}

.become-member {
  border-radius: 20px;
  box-shadow: 4px 4px 20px rgba(221, 227, 240, 0.7);
}

.become-member .icon {
  padding: 1rem;
  display: flex;
  flex-direction: row-reverse;
}

.become-member .icon img {
  width: 24px;
  height: 24px;
}

.become-member .become-member-slogan {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  padding: 1rem;
}

.become-member .open-positions {
  padding: 1rem;
}

.become-member a {
  display: block;
  background-color: #03aac7;
  color: white;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  padding: 1rem;
}

.team-member-name {
  font-weight: 700;
  line-height: 30px;
  font-size: 24pt;
  margin-top: 18px;
}

.unit-blue {
  color: #03aac7;
}

.values-title {
  line-height: 52px;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 64px;
}

.team-values {
  color: #002832;
  margin-top: 8rem;
}

.team-value {
  display: inline-block;
  width: 445px;
  margin-right: 30px;
  vertical-align: top;
  margin-bottom: 64px;
}

.team-member .separator {
  width: 255px;
  margin-top: 22px;
  margin-bottom: 16px;
}

.value-title {
  line-height: 30px;
  font-size: 24px;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 32px;
}

.value-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.flip-card {
  background-color: transparent;
  width: 255px;
  height: 255px;
  perspective: 1000px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateX(0deg) rotateY(-180deg);
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  border-radius: 20px;
}

.flip-card-front {
  opacity: 1;
  background: #f2f4f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.floating-linkedin {
  position: absolute;
  top: 13px;
  right: 16px;
}

.team-member-front-picture {
  height: 150px;
  padding-bottom: 8px;
}

.flip-card-back-image {
  position: absolute;
  opacity: 0.05;
  width: 255px;
  height: 255px;
  border-radius: 20px;
}

.flip-card-back-text {
  padding: 45px 24px 0px;
  font-size: 16px;
  line-height: 22px;
}

.flip-card-back {
  transform: rotateX(0deg) rotateY(-180deg);
  background-color: white;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  color: white;
  background: #002832;
}

.team-members a.team-member {
  color: #002832 !important;
}

.team-members a.team-member:hover {
  color: #002832 !important;
}

.flip-card-back .p-tyuni-not {
  padding: 24px;
}

.join-the-team-block {
  margin: 2rem 1rem 4rem;
  background: #f2f4f8;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.join-the-team-left {
  display: flex;
}

.CTA-join-the-team {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  background: #002832;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 50px;
  color: white;
  border-radius: 10px;
  margin: 30px 35px 30px 0;
}

.CTA-join-the-team:hover {
  color: white !important;
}

.join-the-team-text {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  align-self: center;
}

.join-the-team-left img {
  height: 24px;
  margin: 30px 14px 30px 30px;
}

/* CSS for Team Page ends here */

/* Homepage with bullet points styles  */

.banner-press-block ul.banner-press-content {
  padding-right: 5px;
  padding-left: 0px;
  padding-bottom: 0;
}

.banner-partner-block ul.banner-partner-content {
  padding-right: 5px;
  padding-left: 0px;
}

.top-banner-block ul.top-banner-content {
  padding-right: 5px;
  padding-left: 0px;
}

.review-banner-block ul.review-banner-content {
  padding-right: 5px;
  padding-left: 0px;
}

.bekannt-aus {
  color: #002832;
  font-weight: bold;
  text-align: center;
  margin: 2rem 0 16px;
  font-size: 16px;
}

.bekannt-aus-2 {
  text-align: center;
  padding: 3rem 1rem 2rem;
}

.bekannt-aus-1 {
  text-align: center;
  padding: 0 1rem;
}

.banner-press-cont,
.banner-partner-cont {
  width: 100%;
  overflow: hidden;
  display: none;
}

.top-banner-cont {
  max-width: 1110px;
  overflow: hidden;
  padding: 7px 0 5px;
}

.review-banner-cont {
  overflow: hidden;
  padding: 26px 0 26px;
  width: 100%;
  margin-top: 2rem;
}

.block-reviews {
  margin: 0;
}

.readmoreless {
  height: auto;
  transition: height 0.3s ease-in;
}

.more {
  display: none;
}

.partner-cont {
  display: none;
}

.banner-press-block,
.banner-partner-block {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  background: white;
  margin-bottom: 2rem;
}

.top-banner-block {
  position: relative;
  display: flex;
  max-width: 1110px;
  justify-content: space-between;
  margin: 0 auto;
  height: 32px;
  cursor: pointer;
  align-items: center;
  border-radius: 20px;
  background: #002832;
}

.review-banner-block {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  cursor: pointer;
  align-items: center;
}

.banner-press-content,
.banner-partner-content {
  animation-name: marquee;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
}

.top-banner-content {
  animation-name: marquee;
  animation-duration: 578s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
}

.review-banner-content {
  animation-name: marquee;
  animation-delay: 1s;
  animation-duration: 350s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
}

.review-banner-content-slide {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 270px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10rem;
  margin-bottom: 4rem;
  scroll-behavior: smooth;
}

.review-banner-content-slide .contain-review {
  padding: 0 1rem;
}

.top-banner-content:hover {
  animation-play-state: paused;
}

.review-banner-content:hover {
  animation-play-state: paused;
}

.banner-press-content li {
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding-right: 0px;
  font-size: 40px;
}

.banner-partner-content li {
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding: 0 1rem;
  font-size: 40px;
}

.top-banner-content li {
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding: 0 5rem;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.review-banner-content li {
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding: 0 1rem;
  vertical-align: top;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* Homepage with bullet points styles ends here  */

/* 
Test carousel  */

/**
 * owlnott Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/owlnottCarousel2/owlnottCarousel2/blob/master/LICENSE
 */
.owlnott-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  margin-bottom: 11rem;
}

.owlnott-carousel .owlnott-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  height: 616px;
  padding-top: 2rem;
  /* fix firefox animation glitch */
}

.owlnott-carousel .owlnott-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owlnott-carousel .owlnott-stage-outer {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-left: 8rem;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owlnott-carousel .owlnott-wrapper,
.owlnott-carousel .owlnott-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owlnott-carousel .owlnott-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owlnott-nav.disabled {
  display: flex;
  padding-top: 1rem;
  justify-content: center;
}

.owlnott-nav {
  display: flex;
  padding-top: 1rem;
  justify-content: center;
}

.owlnott-carousel,
.owlnott-carousel .owlnott-dots.disabled {
  display: none;
}

.owlnott-carousel .owlnott-nav .owlnott-prev,
.owlnott-carousel .owlnott-nav .owlnott-next,
.owlnott-carousel .owlnott-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  box-shadow: none;
}

.owlnott-carousel .owlnott-nav button.owlnott-prev,
.owlnott-carousel .owlnott-nav button.owlnott-next,
.owlnott-carousel button.owlnott-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  outline: none;
  box-shadow: none;
}

.owlnott-carousel.owlnott-loaded {
  display: block;
}

.owlnott-carousel.owlnott-loading {
  opacity: 0;
  display: block;
}

.owlnott-carousel.owlnott-hidden {
  opacity: 0;
}

.owlnott-carousel.owlnott-refresh .owlnott-item {
  visibility: hidden;
}

.owlnott-carousel.owlnott-drag .owlnott-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owlnott-carousel.owlnott-grab {
  cursor: move;
  cursor: grab;
}

.owlnott-carousel.owlnott-rtl {
  direction: rtl;
}

.owlnott-carousel.owlnott-rtl .owlnott-item {
  float: right;
}

/* No Js */
.no-js .owlnott-carousel {
  display: block;
}

/*
 *  owlnott Carousel - Animate Plugin
 */
.owlnott-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owlnott-carousel .owlnott-animated-in {
  z-index: 0;
}

.owlnott-carousel .owlnott-animated-out {
  z-index: 1;
}

.owlnott-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
 * 	owlnott Carousel - Auto Height Plugin
 */
.owlnott-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	owlnott Carousel - Lazy Load Plugin
 */

.owlnott-carousel .owlnott-item .owlnott-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owlnott-carousel .owlnott-item .owlnott-lazy[src^=""],
.owlnott-carousel .owlnott-item .owlnott-lazy:not([src]) {
  max-height: 0;
}

.owlnott-carousel .owlnott-item img.owlnott-lazy {
  transform-style: preserve-3d;
}

.owlnott-theme .owlnott-dots,
.owlnott-theme .owlnott-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owlnott-theme .owlnott-nav {
  margin-top: 10px;
}

.owlnott-theme .owlnott-nav [class*="owlnott-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owlnott-theme .owlnott-nav [class*="owlnott-"]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owlnott-theme .owlnott-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owlnott-theme .owlnott-nav.disabled+.owlnott-dots {
  margin-top: 10px;
}

.owlnott-theme .owlnott-dots .owlnott-dot {
  display: inline-block;
  zoom: 1;
}

.owlnott-theme .owlnott-dots .owlnott-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owlnott-theme .owlnott-dots .owlnott-dot.active span,
.owlnott-theme .owlnott-dots .owlnott-dot:hover span {
  background: #869791;
}

.faq-card {
  padding: 0 1rem;
  max-width: 920px;
  margin: 0 auto;
}

#carouselMobileCard {
  display: none;
}

/* .page-id-5101 .site,
.page-id-5313 .site,
.page-id-2227 .site,
.page-id-2225 .site {
  background-image: url("https://cdn.unitplus.eu/images/test-background-card-01.png");
  background-repeat: no-repeat;
  background-size: 100% 100rem;
} */

#emailInput12,
#nameInput12 {
  margin: 0 0.25rem;
}

.subscription-card-block {
  display: flex;
  max-width: 1010px;
  justify-content: space-around;
  background: #f2f4f8;
  margin: 0 auto;
  border-radius: 0 20px 0 20px;
  padding: 1rem 1rem 0;
}

.subscription-card-form-container {
  align-self: center;
}

/* Styling sticky contact form */

.sticky-contact {
  position: fixed;
  z-index: 99999;
  bottom: 15px;
  right: 20px;
  display: flex;
  height: 71px;
}

.main-sticky-menu-visible {
  width: auto;
  animation-delay: 0.3s;
}

.sticky-contact-mobile {
  display: none;
}

.sticky-form-container {
  width: 364px;
  height: 698px;
  overflow-y: scroll;
  background: #f2f4f8;
  margin-bottom: 16px;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 14px rgba(221, 227, 240, 0.9));
  position: relative;
  transition: transform 0.3s 0.3s;
  transform: translateX(130%);
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  bottom: 997%;
}

.sticky-form-container-mobile {
  overflow-y: auto;
  background: #f2f4f8;
  padding-bottom: 16px;
  border-radius: 10px;
  position: relative;
}

.sticky-form-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.form-active {
  transform: translateX(17%);
  transition: transform 0.3s 0.3s;
}

.sticky-form-container-active {
  display: block;
}

.sticky-form-title-block {
  position: fixed;
  width: 100%;
  z-index: 2;
  height: 66px;
  display: flex;
  border-radius: 10px;
  background: #002832;
  align-items: center;
  padding-left: 16px;
}

.sticky-form-title-block-mobile {
  position: fixed;
  width: 100%;
  z-index: 2;
  height: 66px;
  display: flex;
  background: #002832;
  align-items: center;
  padding-left: 16px;
  justify-content: space-between;
}

.message-content-sticky-form {
  padding: 8px 8px 8px 16px;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  position: absolute;
  z-index: 2;
  bottom: 91%;
  left: 4%;
  width: 328px;
  height: 40px;
  justify-content: space-between;
}

.display-contact-message {
  display: flex;
}

.message-content-sticky-form-mobile {
  padding: 8px 8px 8px 16px;
  box-sizing: border-box;
  border-radius: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.3px;
  position: absolute;
  z-index: 2;
  bottom: 95.2%;
  left: 4%;
  width: 93%;
  height: 40px;
  justify-content: space-between;
}

.privacy-policy-acceptation {
  color: #7384a7;
  text-align: center;
  padding: 15px 10px 10px;
  line-height: 20px;
}

.blue-dark-cross {
  align-self: center;
  padding: 9px;
  cursor: pointer;
}

.sticky-form-title {
  color: #13d4d0;
  padding-left: 18px;
  font-size: 16px;
  font-weight: bold;
}

.triangle-bubble {
  position: absolute;
  bottom: 89%;
  right: -1px;
}

.triangle-bubble-mobile {
  position: absolute;
  bottom: 93.2%;
  right: 0px;
}

.contact-form-global {
  padding: 90px 16px 0px;
}

.contact-button-container {
  display: flex;
  position: relative;
  width: 71px;
  margin: 0 0 0 auto;
  cursor: pointer;
}

.bubble-contact-icon-closed {
  display: block;
  align-self: center;
}

.bubble-contact-cross {
  position: absolute;
  transform: translateX(150%);

  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  /* transition-delay: 0.2s; */
}

.opening-visible {
  transform: translateX(150%) !important;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  /* transition-delay: 0.3s; */
}

.closing-visible {
  transform: translateX(0%);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition-delay: 0.2s;
}

.contact-button-open {
  border-radius: 0 50% 50% 0 !important;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  /* transition-delay: 0.2s; */
}

.contact-button {
  transform: translateX(0%);
  height: 71px;
  width: 71px;
  background: #002832;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition-delay: 0.2s;
}

.support-mail {
  color: #7384a7;
  font-weight: bold;
  text-align: center;
  padding: 30px 0 56px;
  line-height: 20px;
}

.go-to-faq-container {
  display: flex;
  justify-content: center;
  font-weight: bold;
}

.go-to-faq-container>a {
  color: #002832 !important;
  text-decoration: none !important;
  display: flex;
  border: 0.5px solid #7384a7;
  border-radius: 20px;
  padding: 9px 17px;
}

.go-to-faq {
  display: flex;
  cursor: pointer;
  padding: 9px 15px;
  border: 0.5px solid #7384a7;
  border-radius: 20px;
}

.go-to-faq-container>a:hover {
  border-bottom-color: #7384a7 !important;
}

.most-clicked-questions-title {
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  padding: 47px 0 24px;
  color: #002832 !important;
  background: none !important;
}

.most-clicked-questions-block {
  margin: 0 16px 16px;
  background: white;
  border-radius: 20px;
  justify-content: flex-start;
}

.most-clicked-questions-block>a {
  display: flex;
  align-items: center;
}

.most-clicked-text {
  width: 260px;
  height: 40px;
  margin: 19px 15px 19px 15px;
  line-height: 20px;
  text-align: left;
}

.question-popping {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 0%;
}

.showedQuestion {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  background: white;
  width: 210px;
  height: 71px;
  border: 2px solid #002832;
  box-sizing: border-box;
  border-radius: 10px;
  position: absolute;
  right: 85%;
  z-index: 999;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.question-popping-text {
  max-width: 180px;
  line-height: 20px;
}

.wrapper-test {
  background: #ddd;
  padding: 1%;
  display: inline;
  height: 20px;
}

.test-spanning {
  width: 1%;
}

.contents {
  background: #c3c;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 0%;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.wrapper-test:hover .contents {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;

  width: 90%;
}

/* Styling sticky contact form ends here */

/* sticky download app button mobile starts here */

.download-app-banner-mobile-container {
  width: 95%;
  background: white;
  border: 1px solid #f2f4f8;
  box-sizing: border-box;
  border-radius: 20px;
  box-shadow: 0px 0px 14px rgb(221 227 240 / 90%);
  align-self: center;
  margin: 0 auto;
  transform: translateY(0px);
  transition: transform 0.2s ease-in-out;
}

.download-app-banner-mobile-container.hidingDownloadBanner {
  transform: translateY(120px);
  transition: transform 0.2s ease-in-out;
}

.contact-button-nav-bar {
  display: none;
}

.download-banner-mobile-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 17px;
}

.app-icon-text-content {
  display: flex;
}

.app-text {
  padding-left: 8px;
  color: #7384a7;
  text-align: left;
}

.download-button-sticky-mobile {
  height: 42px;
  width: 147px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #002832;
  border-radius: 10px;
  cursor: pointer;
}

.download-button-sticky-mobile div {
  background: linear-gradient(90deg, #03aac7 42.35%, #00c2ff 89.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 18px;
  font-weight: 700;
}

/* STYLING FINAL COUNTDOWN */

.block-timer {
  width: 410px;
  height: 120px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  justify-content: space-evenly;
  text-align: center;
}

.timer-container {
  display: flex;
  width: 316px;
  margin: 0 auto;
  justify-content: space-between;
}

.timer-title {
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.223093px;
  color: #009aae;
}

.sub-timer {
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #7384a7;
  padding-top: 3px;
}

.timer-tens {
  background-color: #002832;
  width: 44px;
  height: 51px;
  border-radius: 11px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2.5px;
}

.timer-units {
  background-color: #002832;
  width: 44px;
  height: 51px;
  border-radius: 11px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 2.5px;
}

.timer-tens .p-tyuni-not {
  font-size: 37px;
  line-height: 39px;
}

.timer-units .p-tyuni-not {
  font-size: 37px;
  line-height: 39px;
  /* animation: fadeInTimer 0.2s; */
}

/* @keyframes fadeInTimer {
  0% {opacity:0;}
  100% {opacity:1;}
} */

.box-units {
  display: flex;
  flex-direction: column;
}

#days,
#hours,
#minutes {
  display: flex;
}

/* (A) WRAPPER */
.lidiWrap {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #c5c5c5;
  background: #eee;
  max-width: 150px;
  justify-content: space-around;
}

.lidiWrap.count {
  max-width: 250px;
}

/* (B) LIKE-DISLIKE BUTTONS */
.lidiUp,
.lidiDown {
  width: 24px;
  height: 24px;
  background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/lidi.png");
  cursor: pointer;
}

.lidiDown {
  background-position: -48px;
}

.lidiUp.set {
  background-position: -24px;
}

.lidiDown.set {
  background-position: -72px;
}

/* (C) LIKE-DISLIKE COUNT */
.lidiUpCount,
.lidiDownCount {
  font-size: 20px;
  color: #7c7c7c;
}

/* MEDIA QUERIES START HERE */

@media (max-width: 1440px) {
  .arguments-flexplus-container {
    grid-template-columns: repeat(2, 1fr);
    width: max-content;
  }

  .idea-block {
    width: 98%;
  }

  .carousel-block .block-app-steps>div {
    width: 100% !important;
  }

  .your-portfolio {
    width: 94% !important;
  }

  .container-margin {
    width: 94% !important;
  }

  .redirection-to-calculator-block {
    width: 94% !important;
  }

  .container-subscription {
    width: 94% !important;
    border-radius: 30px !important;
  }

  .ETF-content {
    width: 94% !important;
    border-radius: 30px !important;
  }
}

@media (max-width: 1400px) {
  .persona-carousel-container .owlnott-carousel.persona-carousel .owlnott-nav {
    display: flex;
    padding-top: 2rem;
  }
}

@media (max-width: 1388px) {
  .terms-link {
    padding-top: 1rem;
  }
}

@media (max-width: 1310px) {
  .steps-flexplus-container {
    grid-template-columns: repeat(2, 1fr);
    width: max-content;
  }
}

@media (max-width: 1200px) {
  .sub-button-webinar.conversion-page {
    display: none;
  }

  /* .navbar-content.conversion-page .nav-buttons {
    display: none;
  }
  .navbar-content.conversion-page .right-side-sumnmit-bg {
    display: flex;
  } */

  .container-affi-plus {
    width: 94% !important;
  }

  .fixed-banner-container {
    padding: 0;
  }

  .main-arguments-home {
    grid-template-columns: repeat(2, 1fr);
  }

  .container-3-in-1 {
    flex-direction: column;
    margin: 0 auto;
    padding-bottom: 5rem;
    align-items: center;
  }

  .home-main-argument-img {
    padding-bottom: 2rem;
  }

  .diversification-block {
    flex-direction: column;
    padding: 3rem 1rem 1rem;
  }

  .portfolio-strategy {
    max-width: max-content;
  }

  .question-padding-deutsch {
    padding-bottom: 0;
  }

  .last-tip-container-mobile-deutsch {
    display: block;
  }

  .last-tip-container-deutsch {
    display: none;
  }
}

@media (max-width: 1110px) {
  .banner-container {
    padding: 0rem 0 0.5rem !important;
  }

  .partners-main-block {
    justify-content: center;
  }

  .graph-desktop-portfolio {
    max-width: 562px;
  }

  .growth-block-left {
    padding-left: 2rem;
  }

  .security-point-container {
    width: 100%;
    justify-content: center;
    gap: 24px;
  }

  .apple-pay-block {
    width: 340px;
    height: 685px;
    border-radius: 30px;
    margin-top: 50px;
  }

  .carousel-apple-ETF .owlnott-stage-outer .owlnott-stage {
    margin: 0 auto;
  }

  .xxheaderxxx-Kosten-height {
    padding-left: 5rem;
  }

  .xxheaderxxx-investment-2-height {
    padding-left: 5rem;
  }

  .yield-investment-block {
    flex-direction: column;
    height: auto;
    width: 800px;
  }

  .button-into-calculator-container {
    flex-direction: column;
  }

  .inner-app-button-invest {
    width: 100% !important;
  }

  .inner-more-info-invest {
    width: 100% !important;
  }

  .yield-invest-left {
    width: 100%;
    border-radius: 30px;
  }

  .yield-investment-block {
    border-radius: 30px;
  }

  .entwicklung-block {
    border-radius: 30px;
  }

  .yield-invest-right {
    width: -webkit-fill-available;
  }

  .container-ellie-this-is-unitplus {
    grid-template-columns: 1fr 1fr;
    width: fit-content;
    padding-bottom: 100px;
  }

  .what-we-offer-block {
    flex-direction: column;
    align-items: center;
  }

  .sicher-container {
    gap: 20px;
  }

  .xxheaderxxx-content {
    padding: 0 1rem;
  }

  .what-you-appreciate-container {
    width: auto;
  }

  .Card4steps {
    padding-top: 10rem;
  }

  .starten-banner {
    width: 100%;
  }

  .block-app-steps>div {
    width: 100%;
  }

  .intern-card-faq {
    margin-top: 6rem;
  }

  .intern-invest-faq {
    padding-top: 6rem;
  }

  .bottom-block-app-steps {
    flex-direction: column;
    gap: 0;
    border-radius: 0 0 30px 30px;
  }

  .block-app-steps {
    width: 100%;
  }

  .position-absolute-block {
    position: relative;
  }

  .carousel-block .block-app-steps div .top-block-app-steps {
    border-radius: 30px 30px 0 0;
  }

  .main-title-carousel {
    padding-top: 80px;
  }

  .steps-block {
    width: 400px;
    flex-flow: wrap;
    justify-content: center;
    gap: 34px;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  .polygon {
    display: none;
  }

  .steps {
    width: 185px;
  }

  .bottom-step-text {
    padding-top: 2rem;
    text-align: center;
  }
}

@media (max-width: 1080px) {

  .home-title-1,
  .home-title-2,
  .home-title-3 {
    transform: none;
    width: max-content;
  }

  .home-text-centered {
    padding-top: 10rem;
  }

  .phone-application {
    right: 1%;
    left: unset;
  }

  .application-process-title {
    margin-left: 1rem;
  }
}

@media (max-width: 1070px) {
  .first-section-footer {
    grid-template-columns: 3fr 1fr;
  }

  .parentLexicon {
    max-width: 756px;
  }
}

@media screen and (min-width: 1025px) {

  /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
  .mobile-hide {
    display: none !important;
    height: 30px;
  }
}

@media (max-width: 1025px) {
  .download-press-block {
    margin-bottom: 4rem;
  }

  .your-portfolio {
    position: relative;
    border-radius: 0;
  }

  .ESG-block {
    position: relative;
    border-radius: 0;
    margin-bottom: 0;
  }

  .ESG-container {
    border-radius: 30px;
    width: 86%;
  }

  .your-portfolio-container {
    border-radius: 30px;
  }

  .redirection-to-calculator-container {
    border-radius: 30px;
  }

  .portfolio-growth-block {
    border-radius: 30px;
  }

  .growth-block-right {
    border-radius: 30px;
  }

  .intern-invest-page {
    padding: 4rem 0 4rem;
  }

  .map-container {
    margin: 2rem auto 18rem;
    padding: 1rem 0;
  }

  .container-why-unit-plus {
    padding: 0;
  }

  .content-why-unit-plus {
    flex-direction: column-reverse;
    padding: 2rem;
  }

  .content-how-invest {
    flex-direction: column-reverse;
    padding: 2rem;
  }

  .content-how-invest-2 {
    flex-direction: column;
    padding: 2rem;
  }

  .content-coffee {
    flex-direction: column;
    padding: 2rem 2rem 0rem;
  }

  .block-content-why-unit-plus {
    margin: 0 auto;
  }

  .image-why-unit-plus {
    padding: 0 1rem;
  }

  .text-with-image {
    max-width: none;
    padding: 1rem 1rem 2rem;
  }

  .content-why-unit-plus-2 {
    flex-direction: column;
    padding: 2rem;
  }

  .flowchart-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
  }

  .flowchart-text {
    padding: 2rem 0 2rem 0;
    max-width: none;
  }
}

@media (min-width: 420px) and (max-width: 1025px) {
  .email-form-xxheaderxxx {
    display: grid;
  }

  .content-1 {
    flex-direction: column;
  }

  .right-content-investment {
    margin: 0;
  }

  .content-with-two-section-2 {
    align-items: center;
    text-align: center;
  }

  .left-content-with-text,
  .left-content-with-image,
  .right-content-with-text,
  .right-content-with-image {
    width: 100% !important;
    margin: 2rem 0;
    align-items: center;
  }

  .hero-content-with-image {
    width: 100% !important;
    margin: 2rem 0;
    align-items: center;
  }

  .right-content-with-text-2,
  .section-description-text-2 {
    width: auto;
    text-align: center;
    max-width: none;
    margin-left: 0;
  }

  #anmeldenButton2,
  #folgenInstaButton,
  #folgenInstaButton2 {
    max-width: none;
    min-width: none;
  }
}

@media (max-width: 1024px) {
  .container-founders {
    position: inherit;
    border-radius: 0px;
  }

  .beirat-main-block {
    padding-top: 2rem;
  }

  .mehr-erfahren-press-button {
    margin-bottom: 5rem;
  }

  .third-part-xxheaderxxx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .language-button {
    width: 100px;
  }

  .lang-mobile-letter {
    padding: 0px 5px 0;
  }

  .lang-item {
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-section {
    margin-bottom: 20px;
  }
}

@media (min-width: 320px) and (max-width: 1024px) {
  .title-steps-block {
    padding-top: 20px;
  }

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

  .modal-box {
    padding: 0;
    position: unset;
    transform: unset;
    width: unset;
    border-radius: unset;
    min-height: 100%;
  }

  .modal-xxheaderxxx {
    padding: 1rem;
    height: auto;
  }

  .modal-content {
    padding: 0 2rem;
  }

  .modal-content .content-with-two-section {
    margin-top: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .modal-content .content-with-two-section .right-content-with-text {
    margin-top: 3rem;
    width: 90%;
  }

  .block-return-calculator-redirection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 3rem 1rem 0rem;
  }

  .return-calculator-sentence {
    padding-bottom: 1.5rem;
    text-align: center;
  }

  .banner {
    width: inherit;
    border-radius: 0;
    padding: 10px 5px 10px 5px;
  }

  .team-page-xxheaderxxx {
    font-size: 30px;
    line-height: 36px;
  }

  .xxheaderxxx-content .hamburger-menu {
    display: flex;
    justify-content: space-between;
    padding: 1rem 11.5% 0 11.5%;
  }

  .team-value {
    width: auto;
  }

  .become-member-container {
    width: 100%;
    min-height: 183px;
  }

  .team-member-block.become-member {
    width: 100%;
    min-height: 183px;
  }

  .become-member-slogan {
    text-align: center;
  }

  /* .flip-card:hover .flip-card-inner {
    transform: none;
  } */

  /* .modal-xxheaderxxx h1 {
    font-size: 30px;
    line-height: 36px;
  } */

  .modal-content {
    padding: 0 1rem;
  }

  .modal-content-text {
    margin-top: 32px;
    font-size: 16px;
    line-height: 20px;
  }

  #teamMemberMoreInfoModal {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .xxheaderxxx-content .link {
    margin-left: 0;
  }

  .unitplus-info-section {
    padding-top: 0rem;
    padding-bottom: 3rem;
  }

  .bottom-email-section .bottom-email-section-content .section-collect-email {
    width: 100%;
  }

  .section-collect-email .input-block {
    width: 100%;
  }

  .section-collect-email .submit-button {
    width: 100%;
  }

  .section-collect-email .terms-link {
    margin-top: 1.8rem !important;
  }

  .bottom-email-section .bottom-email-section-content .section-collect-email button {
    width: 100%;
    margin-top: 1rem;
  }

  .bottom-email-section .bottom-email-section-content .left-section {
    width: auto;
  }

  .bottom-email-section .bottom-email-section-content .right-section {
    width: 60%;
    margin-left: auto;
  }
}

@media (min-width: 480px) and (max-width: 1023px) {
  .bottom-email-section .bottom-email-section-content {
    flex-direction: column;
  }

  .bottom-email-section .bottom-email-section-content .left-section {
    width: auto;
  }

  #emailInput2 {
    width: 100%;
  }

  #nameInput2 {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  #regForm {
    margin-top: 6rem;
  }

  .home-pension-calculator-container {
    margin-top: 6rem;
  }

  .xxheaderxxx-main {
    margin: 6.3rem 1rem 0;
  }

  /* .nav-main {
    height: 64px;
    padding: 0 16px;
  }

  nav.nav {
    height: 95px;
  } */

  .container-jetzt-startent-nav-mobile {
    height: 140px;
    display: flex;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    align-items: center;
    justify-content: center;
    background: #f2f4f8;
  }

  .logo-unitplus-nav .logo-nav-desktop {
    max-width: 157px;
    display: none;
  }

  .logo-unitplus-nav .logo-nav-mobile {
    display: block;
  }

  /* .nav-mobile-element {
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 17px;
    box-sizing: border-box;
  } */
  .logo-unitplus-nav img {
    z-index: 10000;
    position: relative;
  }

  /* .nav-menu-content {
    padding: 108px 16px 0;
    height: 100%;
    overflow: auto;
  } */

  .language-swticher-1 {
    z-index: 1000;
  }

  /* .nav-menu-content .inner-nav-menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } */

  .jetzt-starten-nav-mobile {
    display: flex;
    width: 100%;
    margin: 0 1rem;
    justify-content: center;
    border-radius: 10px;
    height: 50px;
    align-items: center;
    color: #fff;
    background: #002832;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
  }

  .hamburgerNav img {
    z-index: 1000;
    position: relative;
    width: 32px;
    height: 32px;
  }

  .hold-app-xxheaderxxx-2 {
    display: none;
  }

  /* nav .main-block-nav {
    display: none;
  } */

  .hamburgerNav {
    display: block;
    background-color: transparent !important;
    border: none !important;
  }

  .hamburgerNav:hover {
    background-color: transparent !important;
    border: none !important;
  }

  .hamburgerNav:focus {
    outline: none !important;
  }

  .info-cta-inner {
    width: -webkit-fill-available;
  }

  .calculator-affi-top.cashplus {
    flex-direction: column;
    height: auto;
    padding: 2rem 0;
  }

  .portfolio-affi-value.cashplus {
    width: 290px;
  }

  .portfolio-affi-value-block.cashplus {
    padding: 1rem;
  }

  .cashplus-function-block {
    flex-direction: column;
    padding: 55px 1rem 30px;
  }

  .how-cashplus-works-2 {
    padding-bottom: 3rem;
  }

  .left-side-cashplus-works {
    padding: 0 1rem;
  }

  .max-width-100.footer-conversion-page .footer-content-launch .main-content-footer .right-side-main-content-footer {
    padding: 0;
  }

  .phone-landing {
    max-width: 400px;
  }

  #successAffiliation1 .app-download-affiliate-block img {
    width: 140px;
  }

  #successAffiliation1 {
    flex-direction: column;
  }

  .app-download-affiliate-block {
    justify-content: center;
  }

  .qr-code-affi-mobile {
    display: none;
  }

  #successAffiliation1 .success-message-block {
    flex-direction: column;
  }

  .flexplus-xxheaderxxx-picture {
    padding: 2rem 0;
  }

  .main-title-affiliate-en {
    padding-bottom: 2rem;
  }

  .end-left-block.hidden-starten-button {
    display: flex !important;
    margin: 0 auto;
  }

  .end-left-block.hidden-starten-button-2 {
    display: flex !important;
    margin: 0 auto;
    width: auto;
  }

  .end-left-block {
    display: none;
  }

  .container-subscription {
    padding-bottom: 2rem;
  }

  .tag-10-units {
    position: initial;
    width: 150px;
    padding-bottom: 2rem;
    align-self: center;
  }

  .subscription-title {
    padding-top: 33px;
  }

  .xxheaderxxx-main-right {
    width: 100%;
    padding-bottom: 2rem;
  }

  .xxheaderxxx-input-affi-mobile .input-email-affiliate-block {
    flex-direction: column;
    width: 480px;
    margin: 0 1rem;
  }

  .apple-store-mark {
    padding: 1rem 0;
  }

  .xxheaderxxx-main-home .bottom-xxheaderxxx-main {
    padding: 5rem 0rem 2rem;
  }

  .bottom-xxheaderxxx-main {
    flex-direction: column;
    gap: 0;
    padding: 5rem 0rem 2rem;
  }

  .xxheaderxxx-input-affi-mobile .mention-main-xxheaderxxx {
    max-width: 480px;
    padding: 1rem;
  }

  .xxheaderxxx-input-affi-mobile .input-email-affiliate-block .input-affiliate-xxheaderxxx {
    width: 100%;
  }

  .xxheaderxxx-input-affi-mobile .input-email-affiliate-block .button-affiliate {
    width: 100%;
  }

  .top-xxheaderxxx-main {
    flex-direction: column;
    text-align: center;
    padding-top: 2rem;
  }

  .xxheaderxxx-main-left {
    bottom: 0;
  }

  .xxheaderxxx-input-affi-desktop {
    display: none;
  }

  .xxheaderxxx-input-affi-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 480px;
    margin: 0 auto;
  }

  .sticker-10-euro-mobile {
    display: block;
    margin: 2rem 1rem 1rem;
  }

  .CTA-with-sticker-block {
    padding: 2rem;
  }

  .sticker-10-euro {
    display: none;
  }

  .security-container-desktop-horizontal {
    margin-top: 3rem;
    flex-flow: wrap;
  }

  .security-container-desktop-vertical {
    display: none;
  }

  .security-point-desktop-horizontal-hidden {
    display: block;
    width: 44%;
  }

  .security-point-desktop-horizontal {
    width: 44%;
  }

  .download-press-block {
    width: inherit;
  }

  .left-side-main-content-footer {
    max-width: 266px;
  }

  .unit-mention-mobile {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #7384a7;
    text-align: center;
    display: block;
    padding-top: 1rem;
  }

  .salutation {
    display: none;
  }

  .unit-mention {
    display: none;
  }

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

  .right-side-main-content-footer {
    justify-content: space-between;
    padding-top: 40px;
    flex-flow: wrap;
  }

  /* .sub-footer-section {
    padding-right: 1rem;
  } */

  .main-content-footer {
    flex-direction: column;
  }

  .carousel-start {
    margin: 1.5rem auto;
    width: auto;
  }

  .safety-text {
    flex-direction: column;
    align-items: center;
    gap: 0px;
  }

  .ETF-animation {
    position: relative;
    top: 12px;
    left: auto;
  }

  .ETF-title {
    display: none;
  }

  .ETF-title-mobile {
    display: block;
    padding: 68px 15px 36px;
    color: #002832;
  }

  .ETF-image-desktop {
    display: none;
  }

  .ETF-image-mobile {
    display: block;
  }

  .ETF-content {
    flex-direction: column;
    height: 661px;
    justify-content: unset;
    gap: 0;
  }

  .ETF-back-block {
    height: auto;
  }

  .partner-container {
    flex-direction: column;
  }

  .finance-container {
    flex-direction: column;
  }

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

  .waiting-list-success-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .confort-text-paragraph {
    padding: 0;
    max-width: none;
  }

  .confort-text {
    width: auto;
    padding: 2rem 0;
  }

  .score-text {
    width: auto;
    padding: 2rem 0;
  }

  .confort-section {
    flex-direction: column-reverse;
  }

  .payment-text-block {
    flex-direction: column;
    text-align: center;
  }

  .separator-footer {
    visibility: visible;
  }

  .second-section-band-mobile {
    display: flex;
    flex-direction: column;
    visibility: visible;
    position: inherit;
    padding-bottom: 1rem;
  }

  .second-section-element-mobile {
    color: #7e8fb0 !important;
    cursor: pointer;
    text-decoration: none !important;
    padding-bottom: 20px;
  }

  .mobile-title-carousel {
    visibility: visible;
    position: inherit;
    max-width: 505px;
    text-align: center;
    margin: auto;
    padding-bottom: 4rem;
  }

  .sub-xxheaderxxx-slide {
    padding-top: 0;
  }

  .left-flowchart-with-text {
    width: 100%;
    padding: 2rem;
  }

  .flowchart-two-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .flowchart-content {
    display: flex;
    flex-direction: column;
    padding-bottom: 4rem;
  }

  .title-flowchart {
    padding: 1rem 1rem;
    text-align: center;
  }

  .flowchart-block-section {
    width: 100%;
    padding: 0;
  }

  .carousel-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }

  .carousel {
    margin: auto;
  }

  .carousel-dots {
    margin-bottom: 0;
  }

  /* .slides-wrapper h2 {
    display: none;
  } */

  .slides-wrapper {
    position: relative;
    padding: 0 3% 0 3%;
    max-width: 600px;
    margin: 2rem auto 73px auto;
    text-align: center;
  }

  .mySlides {
    height: 190px;
    padding-top: 10px;
  }

  .carousel-arrows {
    position: relative;
    bottom: 0;
    width: 100%;
    padding-top: 7.5rem;
  }

  .range-field {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    gap: 0;
    max-width: 400px;
    margin: 0 auto;
  }

  .slidecontainer {
    padding-bottom: 2rem;
  }

  .labels-legend {
    flex-direction: column;
    gap: 0;
    align-items: center;
  }

  .chart-legend {
    padding-top: 0;
    max-width: 400px;
    margin: 0 auto;
  }

  .label1,
  .label2 {
    width: 100%;
  }

  .label1 {
    margin-bottom: 1rem;
  }

  .starten-banner {
    background-image: url("https://cdn.unitplus.eu/images/starten-banner-ipad.svg");
    background-position: center top;
    background-size: 100% auto;
  }

  .starten-banner-text {
    padding-left: 1rem;
  }
}

@media (max-width: 960px) {
  .right-side-sumnmit-bg {
    display: flex;
  }

  .right-side-sumnmit-bg a.sub-button-webinar {
    display: block;
    height: 50px;
    width: 190px;
    padding: 15px 10px;
  }

  /* #navbar-summit {
    height: 64px;
  }

  .nav-buttons {
    display: none;
  } */

  .hamburgerSummit {
    display: block;
    background-color: transparent !important;
    border: none !important;
  }

  .hamburgerSummit:hover {
    background-color: transparent !important;
    border: none !important;
  }

  .hamburgerSummit:focus {
    outline: none !important;
  }

  /* .navbar-content {
    padding: 0 0.7rem;
  }
  .navbar-content.conversion-page {
    padding: 0 1.5rem;
  } */

  .conversion-xxheaderxxx {
    margin-top: 4rem;
  }
}

@media (max-width: 950px) {
  .Portfolios-display {
    justify-content: center;
  }

  .home-pension-calculator-container {
    width: 100%;
  }

  .badge-excellence-flexplus {
    display: none;
  }

  .fixed-banner-text-2 {
    display: none;
  }

  .badge-excellence-flexplus-mobile {
    display: block;
    width: 170px;
    margin: 2rem auto;
  }

  .portfolio-growth-block {
    flex-direction: column;
  }

  .growth-block-right {
    width: 100%;
  }

  .graph-desktop-portfolio {
    padding: 3rem 1rem 0;
  }

  .growth-block-left {
    padding: 4rem 1rem 3rem;
  }

  .trustpilot1 {
    display: none;
  }

  .trustpilot2 {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 240px;
    bottom: 8px;
  }

  .steps-how-to-play-container {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: auto;
  }

  .play-step .p-tyuni-not {
    padding-top: 1rem;
  }

  .play-step {
    flex-direction: column;
    padding-bottom: 2rem;
  }

  .intro-comparaison {
    margin-top: 0px;
  }

  .xxheaderxxx-Kosten-height {
    flex-direction: row !important;
    height: 100vh !important;
    padding-left: 3rem;
    padding-top: 0;
    margin-top: 0;
  }

  .xxheaderxxx-investment-2-height {
    flex-direction: row !important;
    height: 100vh !important;
    padding-left: 3rem;
    padding-top: 0;
    margin-top: 0;
  }

  .hand-wallet {
    align-self: flex-end;
    margin-top: 3rem;
  }

  .xxheaderxxx-container-card {
    flex-direction: column;
    justify-content: center;
    padding: 7rem 0 1rem;
    height: auto;
  }

  .moodpic-desktop {
    display: none;
  }

  .moodpic-mobile {
    width: 100%;
    border-radius: 60px;
    display: block;
  }

  .emo-jetzt-starten-button {
    width: 100%;
  }

  .banner-xxheaderxxx-news {
    display: none;
  }

  .subscription-title {
    padding-top: 2rem;
  }

  .ellie-confeti {
    position: inherit;
    width: 300px;
    margin: 0 auto 1.5rem;
    right: 0;
  }

  .review-banner-content-slide {
    margin-top: 0;
  }

  .xxheaderxxx-container-video {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .xxheaderxxx-container-home .xxheaderxxx-container-picture {
    display: none;
  }

  .xxheaderxxx-container-home .xxheaderxxx-container-picture-mobile {
    display: flex;
    justify-content: center;
  }

  .contact-support-faq {
    flex-direction: column;
    height: auto;
    text-align: center;
  }

  .contact-support-faq a {
    margin: 1rem 0 !important;
  }

  .support-sentence {
    padding: 2rem 1rem 0;
  }

  .contact-support-faq>img {
    display: none;
  }

  .jetzt-starten-button {
    width: 100%;
  }

  .partner-container {
    display: none;
  }

  .partner-cont {
    display: none;
  }

  .banner-press-cont,
  .banner-partner-cont {
    display: block;
  }

  .homepage-xxheaderxxx-block {
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }

  .homepage-xxheaderxxx-block-flexplus {
    flex-direction: column;
    gap: 0px;
    width: 100%;
    justify-content: center;
  }

  .review-top {
    margin-bottom: 4rem;
  }

  .bekannt-aus {
    margin-top: 60px;
  }

  .homepage-press {
    display: none;
  }

  .homepage-press-container {
    display: none;
  }

  .block-finance-icons {
    justify-content: center;
  }

  .xxheaderxxx-container-home {
    height: auto !important;
    padding-top: 9rem;
  }
}

@media (max-width: 920px) {
  .download-press-text {
    padding-right: 1rem;
  }

  .team-page-content {
    width: auto;
    margin-top: 7rem;
  }

  .xxheaderxxx-team-page-container {
    flex-direction: column;
  }

  .right-side-team-page-xxheaderxxx {
    padding-top: 52px;
    text-align: center;
  }

  .value-team {
    flex-direction: column;
    text-align: center;
    padding: 50px 1rem;
  }

  .value-team-icon {
    padding: 0 1rem 10px;
  }

  .value-core-title {
    padding-bottom: 15px;
  }
}

@media (max-width: 900px) {
  .container-margin.margin-main-phone {
    border-radius: 30px;
  }

  .button-giveaway-subscribe {
    width: 459px;
  }

  .giveaway-form-inputs-block .mc-field-group {
    width: auto !important;
  }

  .giveaway-form-inputs-block {
    flex-direction: column;
  }

  .giveaway-form-inputs-block .mc-field-group #mce-FNAME {
    width: 420px !important;
    margin: 0 1rem 10px;
  }

  .giveaway-form-inputs-block .mc-field-group #mce-EMAIL {
    width: 420px !important;
    margin: 0 1rem 10px;
  }

  .cashback-block {
    flex-direction: column-reverse;
    min-height: 590px;
  }

  .cashback-text-home {
    padding: 2rem 1rem 2rem;
    text-align: center;
  }

  .lexicon-word-container>a {
    position: relative;
    left: 0;
  }

  .sticky-lexicon-menu {
    display: flex;
    right: 10px;
  }

  .parentLexicon {
    margin-top: 4rem;
  }

  .introduction-pricing-page-2 {
    padding-top: 4rem;
  }

  .what-you-appreciate-container {
    padding-bottom: 0;
  }

  .introduction-pricing-page {
    padding-top: 5rem;
  }

  .xxheaderxxx-mobile-colored {
    /* background-color: #fff; */
    height: auto;
  }

  .xxheaderxxx-mobile-colored-mood {
    background-color: transparent;
  }

  .xxheaderxxx-mobile-burger-mood {
    background-color: #fff;
  }

  .inner-slide-carousel {
    height: 293px !important;
  }

  .container-webinar-main {
    padding-bottom: 0;
  }

  .sub-webinar-container {
    border-radius: 0;
  }

  .top-banner-block {
    border-radius: 0 !important;
  }

  .top-banner-cont {
    padding: 0 !important;
  }

  .xxheaderxxx-second-part {
    padding: 1rem 2px 1rem 1rem;
  }

  .xxheaderxxx-content {
    padding: 0 !important;
  }

  .join-the-team-block {
    max-width: 562px;
    margin: 2rem auto 4rem !important;
    flex-direction: column;
  }

  .CTA-join-the-team {
    margin: 25px 1rem;
  }

  .join-the-team-left {
    align-items: center;
    margin: 36px 1rem 0;
  }

  .join-the-team-left img {
    margin: 0 14px 0 0 !important;
  }

  .team-members {
    justify-content: center !important;
    margin-top: 2rem;
  }

  .woman-phone-this-is-unitplus {
    display: none;
  }

  .application-process-title-2 {
    margin-left: 0;
    margin-top: 2rem;
  }

  .title-4-block {
    padding: 5rem 1rem 2rem;
  }

  .idea-first-part img {
    max-height: 360px;
    align-self: center;
  }

  .idea-first-part {
    flex-direction: column;
    align-items: center;
  }

  .map-container {
    margin: 2rem auto 0rem !important;
  }

  .xxheaderxxx-container {
    flex-direction: column;
    gap: 0px;
    margin: 2rem auto 0;
    height: auto;
    padding-top: 3rem;
  }

  .xxheaderxxx-container-picture-card {
    margin-bottom: 2rem;
  }

  .xxheaderxxx-container-bonus {
    flex-direction: column;
    gap: 0px;
    margin: 2rem auto 0;
    height: auto;
    padding-top: 3rem;
  }

  .introduction-investment-page {
    padding-top: 4rem;
  }

  .xxheaderxxx-container-picture {
    padding-bottom: 3rem;
    display: flex;
    justify-content: center;
  }

  .xxheaderxxx-container-picture img {
    width: 100%;
    height: auto;
  }

  .portfolio-strategy-container {
    flex-direction: column;
    margin: 0;
    gap: 0;
    padding-top: 4rem;
  }

  .donut-container {
    padding-bottom: 0;
  }

  .seperator-portfolio-strat {
    border-left: 0px solid #d4dae6;
    height: 0;
    margin-left: 0px;
    border-top: 2px solid #d4dae6;
    width: 90%;
    margin-top: -3px;
    margin: 27px auto;
  }

  .part1-donut {
    align-self: center;
  }

  .part2-donut {
    align-self: center;
  }

  #starten1,
  #starten2,
  #starten3,
  #starten4,
  #starten5,
  #starten6,
  #starten7 {
    display: none !important;
  }

  #appLink1,
  #appLink2,
  #appLink3,
  #appLink4,
  #appLink5,
  #appLink6,
  #appLink7 {
    display: flex !important;
  }

  .xxheaderxxx-content .menu-section {
    margin: 0 !important;
    padding: 0 !important;
  }

  xxheaderxxx {
    height: 110px;
    background-image: none;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-lang-item {
    display: block !important;
  }

  .partners-main-block {
    padding-top: 1rem;
  }

  .partner-sub-block {
    width: 480px;
  }

  .partner-text-description {
    padding-top: 0;
    padding-bottom: 52px;
  }

  .partner-block-content img {
    padding-top: 52px;
  }

  .partner-block-content {
    flex-direction: column;
    text-align: center;
  }

  .newsletter-block {
    width: 100%;
    height: 345px;
  }

  .fixed-banner-container {
    padding: 0;
  }

  .fixed-banner {
    border-radius: 0;
    margin: 0;
  }

  #mc_embed_signup div.mce_inline_error {
    left: 50%;
  }

  .block-input-newsletter {
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
  }

  .newsletter-input {
    width: 420px;
    margin: 0 auto;
  }

  .mc-field-group {
    width: 420px;
    margin: 0 auto;
  }

  #mce-FNAME {
    width: 420px;
    margin: 0 auto;
    margin-bottom: 11px;
  }

  .press-containt-xxheaderxxx {
    padding-top: 2rem;
  }

  .xxheaderxxx-container-press {
    flex-direction: column;
    margin-top: 4rem;
  }

  .xxheaderxxx-second-part {
    height: 72px !important;
  }

  .banner-container {
    padding: 0rem !important;
  }

  .block-finance-icons {
    margin-bottom: 60px;
  }

  .main-arguments-home {
    margin-bottom: 60px;
  }

  .banner-press-cont {
    background: none;
  }

  .smart-saver-title {
    padding: 0px 1rem 67px;
  }

  .bonus-explaination-title {
    padding: 0 1rem;
  }

  .intro-title-card {
    padding-top: 4.5rem;
  }

  .card-advantages-container {
    flex-direction: column;
    align-items: center;
    margin: 0 1rem;
    align-content: center;
  }

  .card-advantages-block {
    margin: 1rem;
    position: relative;
    height: auto;
    min-height: 295px;
    width: 100%;
    max-width: 500px;
  }

  .hold-app-container {
    display: none !important;
  }

  .language-swticher-third-part {
    display: none !important;
  }

  .contact-button-nav-bar {
    cursor: pointer;
  }

  .block-form-mobile-button {
    display: none;
  }

  .sticky-contact-mobile {
    display: block;
    position: fixed;
    z-index: 99999;
    bottom: 11px;
    width: 100%;
  }

  .sticky-contact {
    display: none;
  }

  .application-process-container,
  .application-process-container-2 {
    height: auto;
    border-radius: 0;
    position: inherit;
    top: 0;
    margin: 0;
  }

  .main-title-carousel {
    margin-top: 84px;
  }

  .application--process-block-1 {
    flex-direction: column;
    padding: 1rem;
    gap: 0;
  }

  .application-steps-container {
    flex-direction: column;
    gap: 0;
  }

  .application-process-title {
    height: auto;
    align-self: center;
    width: auto;
    margin: 0;
    padding: 1rem;
  }

  .application-steps-container {
    flex-direction: row;
    justify-content: space-evenly;
    padding: 1rem;
    width: 100%;
  }

  .application-process-block-2 {
    margin-bottom: 1rem;
  }

  .get-started-button {
    min-width: 160px !important;
  }

  .get-started-sentence {
    padding: 0px 26px 0 0px;
  }
}

@media (max-width: 850px) {
  .top-banner-xxheaderxxx-main {
    border-radius: 30px;
    width: 89%;
  }

  .apple-store-mark-mobile {
    display: block;
    padding-top: 10px;
  }

  .apple-store-mark.conversion-page {
    display: none;
  }

  .block-conversion-rates {
    flex-direction: column;
    right: 0;
    gap: 0;
  }

  .badge-affi.conversion-page {
    padding-top: 1.5rem;
  }

  .xxheaderxxx-main-pages-format.kosten-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/pricing-xxheaderxxx-picture-ipad.png);
  }

  .xxheaderxxx-main-pages-format.portfolio-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/portfolio-xxheaderxxx-picture-ipad.png);
  }

  .xxheaderxxx-main-pages-format.karte-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/card-xxheaderxxx-picture-ipad-1.png);
  }

  .xxheaderxxx-main-pages-format.unitplus-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/unitplus-xxheaderxxx-picture-ipad.png);
  }

  .xxheaderxxx-main-pages-format {
    min-height: 800px;
  }

  .inner-content-format {
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
  }

  .content-xxheaderxxx-format {
    width: 100%;
    max-width: 1000%;
    padding: 47px 1rem 2rem;
    min-height: 800px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .xxheaderxxx-main {
    border-radius: 30px;
  }

  #mc_embed_signup_scroll.giveaway-form .mc-field-group {
    width: 100%;
  }

  .giveaway-form {
    flex-direction: column;
  }

  #mc_embed_signup_scroll .mc-field-group #mce-FNAME.name-giveaway {
    width: 100%;
  }

  #mc_embed_signup_scroll .mc-field-group #mce-EMAIL.email-giveaway {
    width: 100%;
  }

  #mc_embed_signup #mc-embedded-subscribe-form.giveaway-form-block-2 div.mce_inline_error {
    top: 67px;
    left: 170px;
  }

  #mc_embed_signup .button.giveaway-subscribe-button {
    margin-top: 17px;
    width: 100%;
  }

  .redirection-to-calculator-container {
    flex-direction: column;
    padding: 2rem 1rem;
  }

  .redirection-calculator-text {
    text-align: center;
    padding: 26px 0 32px;
  }

  #randomImages {
    max-height: 284px;
    padding-bottom: 18px;
  }

  .title-xxheaderxxx-smart {
    padding-bottom: 18px;
  }

  .email-form-xxheaderxxx-home {
    flex-direction: column;
    max-width: 100%;
  }

  .submit-button-xxheaderxxx-home {
    max-width: 100%;
  }

  .username {
    width: 100%;
  }

  .username-bis {
    width: 100%;
  }

  .usermail {
    width: 100%;
  }

  .xxheaderxxx-container-home {
    padding-top: 5.5rem;
  }

  .hold-app-xxheaderxxx {
    display: none;
  }

  .title-block-app-steps {
    text-align: center;
  }

  .top-block-app-steps {
    padding: 1rem;
    align-items: unset;
  }

  .bottom-block-app-steps {
    padding: 1rem;
  }

  .woman-app-steps-block {
    display: none;
  }

  .woman-app-steps-block-mobile {
    display: block;
    position: absolute;
    bottom: 0;
    max-height: 290px;
    right: 0;
  }

  .starten-banner {
    background-image: url("https://cdn.unitplus.eu/images/starten-banner-mobile.svg");
    height: 360px;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center;
  }

  .starten-banner-text {
    text-align: center;
    padding: 1rem;
  }
}

@media (max-width: 845px) {
  /* .entry-content > h4 {
    padding: 0 1.5rem;
  } */

  .entry-xxheaderxxx.default-max-width {
    padding: 0 1.5rem;
  }

  .post-attribute-page {
    padding: 0 1.5rem;
  }

  .image-blog-post .post-thumbnail>img {
    padding: 0 1.5rem;
  }

  /* .entry-content > h3 {
    padding: 0 1.5rem;
  } */
  .content-area .entry-content>.p-tyuni-not {
    padding: 0 1.5rem;
  }

  .authored-by {
    padding: 0 1.5rem;
  }

  .aktiv-geld-container {
    display: none;
  }
}

@media (max-width: 840px) {
  .vertical-carousel-container {
    flex-direction: column;
    text-align: center;
    width: 100%;
    margin: 0 1rem;
  }

  .word-carousel-intro {
    padding: 0;
  }

  .words {
    padding: 0;
    justify-content: center;
  }
}

@media (max-width: 820px) {
  .flowchart-section {
    display: grid;
  }

  .ESG-container {
    flex-direction: column-reverse;
    padding: 70px 1rem;
  }

  .ESG-block-text {
    padding-bottom: 2rem;
  }
}

@media (max-width: 805px) {
  .download-press-text {
    padding: 1rem;
  }

  .download-block-text {
    margin: 0 auto;
  }

  .Color-logo-press {
    position: absolute;
  }

  .download-press-title {
    justify-content: center;
    text-align: center;
  }

  .download-press-block {
    margin: 3rem 1rem 1rem;
    flex-direction: column;
    text-align: center;
  }

  .download-press-button {
    margin: 1rem auto 0rem;
  }

  .chart-desktop {
    display: none;
  }

  .chart-desktop-mobile {
    display: block;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
  }

  .animation-wheel-block {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .block input {
    width: 222px;
  }

  .block a {
    width: 222px;
  }

  .left-block {
    width: 100%;
  }

  .right-block {
    display: none;
  }

  .block .mobile-card {
    display: block;
    position: relative;
    height: 100px;
    text-align: center;
    padding-right: 99px;
  }

  .block .mobile-card img {
    position: absolute;
    top: -160px;
  }

  .text-left-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  #nameInput3 {
    max-width: none;
  }
}

@media (max-width: 800px) {
  .cost-ab-content {
    border-radius: 30px;
    height: auto;
    padding: 32px 1rem;
  }

  .ab-content-inner {
    flex-direction: column;
  }

  .barre {
    padding: 3px;
    transform: rotate(90deg);
  }

  .kostenkultur {
    padding: 0 1rem 22px;
  }

  .calculator-affi-top {
    flex-direction: column;
    justify-content: space-evenly;
    padding: 3rem 1rem;
    height: auto;
  }

  .cost-affi-bottom-content {
    padding: 36px 25px;
  }

  .cost-calculator-affi-block {
    border-radius: 30px;
  }

  .cost-affi-bottom {
    border-radius: 30px;
    height: auto;
  }

  .calc-affi-top-right {
    padding-top: 2rem;
  }

  .portfolio-affi-value-block {
    width: 153px;
    text-align: center;
  }

  .portfolio-affi-value-block.cashplus {
    width: 290px;
    text-align: left;
  }

  .portfolio-affi-value,
  .cost-affi-value {
    line-height: 26px;
    font-size: 24px;
    width: 153px;
  }

  .portfolio-affi-value.cashplus {
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
    width: 290px;
  }

  .cost-affi-value.cashplus-value {
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
    width: 290px;
  }

  .calc-fee-block {
    width: 153px;
    text-align: center;
  }

  .container-advantages-affi {
    width: 94%;
  }

  .xxheaderxxx-picture-ipad {
    display: block;
  }

  .xxheaderxxx-picture-desktop {
    display: none;
  }

  .flexplus-news-block {
    flex-direction: column;
    border-radius: 30px;
  }

  .ellie-with-portfolio {
    display: none;
  }

  .ellie-with-portfolio-mobile {
    display: block;
    padding-top: 2rem;
    width: 100%;
    height: auto;
  }

  .left-portfolio-news-home {
    padding: 2rem 1rem 1rem;
  }

  .modal-container {
    width: inherit;
    /* height: 100%;
    position: initial;
    transform: inherit;
    padding-top: 2rem; */
  }

  .partner-contact-block {
    flex-direction: column;
    width: auto;
    max-width: 480px;
  }

  .partner-contact-content {
    flex-direction: column;
    text-align: center;
    padding-top: 34px;
  }

  .partner-contact-button {
    margin: 16px 1rem 25px;
    width: 255px;
  }

  .slidecontainer .slider2 {
    width: 80%;
  }

  .left-price-container {
    gap: 0px;
  }

  .right-price-container .pop-up-info-pricing {
    position: absolute;
    right: 30%;
    bottom: 40px;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .pricing-bar-container {
    gap: 0;
    height: 280px;
    margin-bottom: 50px;
    margin-top: 20px;
  }

  .info-pricing-container {
    position: absolute;
    height: 0px;
    width: 40px;
    right: 0;
    bottom: 2px;
  }

  .info-pricing-container .button-pop-up-pricing {
    padding: 0;
  }

  .main-price-container {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    gap: 0;
  }

  .range-input-field {
    margin: 0;
  }

  .title-range {
    padding-bottom: 0;
  }

  .left-top-price-content {
    display: flex;
    justify-content: space-evenly;
    margin: 2rem 0;
  }

  .starten-banner.banner-fee {
    margin-top: 3rem !important;
    border-radius: 0 !important;
  }

  .bankautomaten-info-block {
    width: 100%;
    max-width: inherit;
    min-height: 105px;
    border-radius: 0;
    padding: 1rem 1rem 0;
  }

  .bankautomaten-info-block img {
    top: -72px;
    left: auto;
  }

  .comparaison-revenue-container {
    padding: 0 1rem;
  }

  .pop-up-info-pricing-revenue .p-tyuni-not {
    /* margin: 0 auto 1rem; */
    margin: 0 0 1rem auto;
  }

  .comparaison-revenue-left-side {
    width: auto;
    height: 170px;
    justify-content: space-center;
  }

  .comparaison-revenue-block {
    flex-direction: column;
    height: auto;
  }

  .comparaison-revenue-title {
    text-align: left;
  }

  .fee-module-inner {
    flex-direction: column;
    align-items: center;
    height: 355px;
  }

  .bar-revenue {
    height: 20px;
    width: 0;
    align-self: self-start;
  }

  .bar-background {
    width: 302px;
    height: 20px;
  }

  .module-element-container {
    height: 60px;
    width: 302px;
  }

  .fees-amount-layout {
    right: -40px;
    top: 21px;
    background: none;
    border: none;
  }

  .fees-amount-layout.unitplus-amount-display {
    border: none;
  }

  .top-comparaison-left {
    display: flex;
    padding: 0rem 2rem 2rem;
    justify-content: space-between;
    align-items: center;
  }

  .comparaison-depot-input {
    margin: 0;
  }

  .comparaison-revenue-title {
    margin: 0;
  }

  .comparaison-revenue-right-side {
    display: flex;
    width: 100%;
  }

  .comparaison-info {
    padding-top: 1rem;
    height: 25%;
  }

  .sub-comparaison {
    top: 10px;
    bottom: inherit;
    left: 0;
  }

  .sub-comparaison {
    display: none;
  }

  .sub-comparaison-mobile {
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
  }

  .idea-second-part {
    flex-direction: column;
    gap: 0;
  }

  .idea-text {
    margin: 0 auto;
  }

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

  .subscription-form {
    flex-direction: column;
  }

  .waiting-list-modal-box {
    width: 400px;
  }

  .first-part-modal {
    flex-direction: column;
  }

  .modal-form-title {
    text-align: center;
    padding: 1.5rem 0 0 0;
  }

  .text-explications {
    padding-bottom: 0;
  }

  .main-left-phone.special-main div .phone-landing {
    padding-top: 2rem;
  }

  .main-left-phone.special-main div a {
    margin-top: 0;
  }

  .erfahre-mehr-button.main-phone-block {
    width: 100%;
    margin-top: 2rem;
    display: none;
  }

  .erfahre-mehr-button.main-phone-block-mobile {
    display: flex;
    width: 320px;
    margin: 2rem 0;
  }

  .main-left-phone {
    flex-direction: column-reverse;
  }

  .main-left-phone.special-main {
    flex-direction: column-reverse;
    padding: 3rem 0 0;
  }

  .main-left-phone.special-main .right-text-main .erfahre-mehr-button.main-phone-block {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .main-left-phone.special-main .right-text-main {
    padding: 0 1rem 1rem;
  }

  .right-text-main {
    padding: 4rem 1rem 0;
    text-align: center;
  }

  .left-text-main {
    padding: 4rem 1rem 0;
    text-align: center;
  }

  .phone-landing {
    align-self: center;
  }

  .main-right-phone {
    flex-direction: column;
  }

  .smart-saver-block {
    padding-bottom: 3rem;
  }

  .modal-box-video {
    width: 100%;
  }

  .this-is-unitplus-block-right-img {
    max-height: fit-content;
    max-width: 380px;
    padding-bottom: 2rem;
  }

  .this-is-unitplus-block-container {
    width: 100% !important;
  }

  .this-is-unitplus-block {
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 1rem;
    gap: 0;
  }

  .this-is-unitplus-block-2 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    gap: 0;
  }

  #emailInput12,
  #nameInput12 {
    margin: 0.2rem 0 !important;
    width: 100%;
  }

  .left-argument,
  .right-argument {
    text-align: center;
    margin: 0 1rem;
  }

  .smart-saver-arguments-block {
    flex-direction: column;
    padding-bottom: 0px;
  }

  .plus-argument {
    height: 75px;
  }

  .card-page-woman {
    width: 210px;
    height: 150px;
    position: relative;
    align-self: center;
  }

  .subscription-card-block {
    flex-direction: column;
    margin: 1rem !important;
  }

  .woman-card {
    position: absolute;
    bottom: 13%;
    left: 11%;
    height: 206px;
  }
}

@media (max-width: 780px) {
  .time-presentation-summit.time {
    left: 0;
    text-align: left;
    margin-left: 1rem;
  }

  .grey-arrow-summit.time {
    margin-left: 1rem;
  }

  .speaker-container-planning {
    padding-top: 1rem;
  }

  .right-speaker {
    padding-left: 2rem;
  }

  .catch-sentence-container {
    position: inherit;
    top: inherit;
  }

  .catch-sentence-block {
    border-radius: 0;
    width: 100%;
    padding: 2rem 1rem;
    height: auto;
  }

  .summit-introduction {
    padding-top: 75px;
  }

  .home-summit-container {
    flex-direction: column;
    gap: 0px;
    height: auto;
    padding-top: 64px;
  }

  .home-summit-title {
    padding-bottom: 60px;
  }

  .hours-speak-left.hidden-hours {
    display: flex !important;
  }

  .hours-speak-right.hidden-hours {
    display: flex;
  }

  .hours-speak-left {
    display: none;
  }

  .left-speaker {
    display: none;
  }

  .right-speaker.right-hidden {
    visibility: visible !important;
  }

  .planning-container {
    background-position-x: 28px;
  }

  .hours-speak-right {
    margin: 0 0 24px;
    transform: translateX(16px) !important;
    width: 208px;
    position: initial;
  }

  /* .home-summit {
        align-items: baseline;
    padding-top: 4rem;
}

.home-summit-title img {
        width: 240px;
    height: auto;
} */
}

@media (min-width: 481px) and (max-width: 767px) {
  .unitplus-info-section {
    padding-top: 0rem;
    padding-bottom: 3rem;
  }

  .anchor-button-xxheaderxxx {
    width: auto;
  }

  .pre-landing-content {
    padding: 10rem 10rem;
  }

  .section-collect-email .terms-link {
    margin-top: 1.8rem !important;
    text-align: center;
  }

  .content-1 {
    min-height: auto;
  }

  .bottom-email-section .bottom-email-section-content {
    flex-direction: column;
  }

  .bottom-email-section-content .submit-button-xxheaderxxx {
    min-width: 160px;
    width: 100%;
  }
}

@media (max-width: 756px) {
  .parentLexicon {
    max-width: 400px;
  }
}

@media (max-width: 750px) {
  .container-switcher-canvas {
    display: flex;
    width: 285px;
    height: 40px;
    background: #f2f4f8;
    border-radius: 30px;
    font-weight: bold;
    margin-bottom: 2rem;
  }

  .canvas-switcher {
    width: 50%;
    border-radius: 30px;
    display: flex;
    background: #f2f4f8;
    justify-content: center;
    align-items: center;
    border: 3px solid #f2f4f8;
    transition: background-color 0.3s ease;
    cursor: pointer;
  }

  .canvas-switcher.active {
    background: #002832;
    color: #fff;
  }

  .dots {
    display: flex;
    width: 32px;
    height: 16px;
    background: #f2f4f8;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
  }

  .chart-pension-container-1,
  .chart-pension-container-2 {
    width: 100%;
    height: 270px;
    padding-bottom: 3rem;
  }

  .dot.active {
    background: black;
    border-radius: 50%;
  }

  .dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

  .dot:hover {
    background: grey;
  }

  .hide {
    display: none;
  }

  .cashback-top {
    flex-direction: column;
    text-align: center;
    min-height: 400px;
  }

  .cashback-img {
    width: 300px;
  }

  .cashback-10percent-block {
    width: 100%;
  }

  .canvas-container {
    flex-direction: column;
    height: auto;
  }

  #regForm.bounced {
    max-height: none;
    height: auto;
  }

  .border-top-etf-calculator {
    border-radius: 30px 30px 0 0;
  }

  .moodblock-mockup.moodblock-mockup-B .moodblock-sticker {
    position: absolute;
    right: 28%;
    top: 4%;
  }

  .moodblock-mockup.moodblock-mockup-C .moodblock-sticker {
    position: absolute;
    left: 3%;
    top: 3%;
  }

  .badge-10-conversion img {
    width: 182px;
  }

  .text-moodblock.text-font-45 {
    font-size: 35px;
    line-height: 38px;
  }

  .conversion-xxheaderxxx {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/xxheaderxxx-conversion-ipad.png);
    border-radius: 30px;
  }

  .conversion-xxheaderxxx.conversion-xxheaderxxx-B {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20B%20ipad.png");
  }

  .conversion-xxheaderxxx.conversion-xxheaderxxx-C {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20C%20ipad.png");
  }

  .moodblock-mockup {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic-conversion-ipad.png);
    border-radius: 30px;
    align-items: flex-end;
  }

  .moodblock-mockup.moodblock-mockup-B {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20B%20ipad.png");
    border-radius: 30px;
    align-items: flex-end;
  }

  .moodblock-mockup.moodblock-mockup-C {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20C%20ipad1.png");
    border-radius: 30px;
    align-items: flex-end;
  }

  .moodblock-sticker {
    width: 156px;
  }

  .content-moodblock {
    max-width: 92%;
    padding: 2rem 1rem;
  }

  .press-button-xxheaderxxx.conversion-page {
    margin-top: 1rem;
  }

  .more-explainations-flexplus-container {
    flex-direction: column;
  }

  .left-side-exp-flexplus {
    margin: 0;
  }

  .block-exp-flexplus-grey {
    margin-bottom: 21px;
  }

  .right-side-exp-flexplus {
    max-width: inherit;
    padding: 2rem;
  }

  .steps-flexplus-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .inner-step-text-flexplus {
    margin: 0;
    padding: 0 1rem;
  }

  .inner-step-flexplus {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
  }

  .inner-step-flexplus img {
    width: 37px;
    margin: 12px;
  }

  .arguments-flexplus-container {
    width: auto;
    grid-template-columns: repeat(1, 1fr);
  }

  .argument-flexplus {
    width: 100%;
  }

  .container-ellie-this-is-unitplus {
    grid-template-columns: 1fr;
    padding-bottom: 70px;
  }

  .category-head .portfolio-button {
    background: #fff;
  }

  .strategy-container {
    border-radius: 30px;
    margin: 2rem 1rem 0rem;
  }

  .security-main-block-desktop {
    display: none;
  }

  .security-main-block-mobile {
    display: block;
  }

  .all .owlnott-carousel .owlnott-stage-outer .owlnott-stage {
    height: 544px;
  }

  .container-filter-secu-mobile .dropdown-content div {
    text-decoration: none;
    display: flex;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 50px;
    padding-left: 16px;
    justify-content: left;
    align-items: center;
  }

  .container-filter-secu-mobile .show {
    display: block !important;
  }

  .security-main-block-mobile .filter-container .container-filter-secu-mobile .dropbtn {
    padding: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    display: flex;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: #002832;
    text-align: left;
    position: relative;
    justify-content: space-between;
    align-items: center;
  }

  .security-main-block-mobile .filter-container .container-filter-secu-mobile .dropdown-content {
    display: none;
    overflow: auto;
    z-index: 1;
    height: 200px;
    overflow-x: hidden;
  }

  .container-filter-secu-mobile {
    background: #ffffff;
    border: 1px solid #d4dae6;
    border-radius: 5px;
    padding: 5px 0px 0px;
    margin: 0 17px;
  }

  .container-filter-portfolio-mobile .dropdown-content div .p-tyuni-not {
    color: #002832 !important;
  }

  .container-filter-portfolio-mobile .dropdown-content .portfolio-active.active-category .p-tyuni-not {
    color: #fff !important;
  }

  .container-filter-portfolio-mobile .dropdown-content {
    display: none;
    overflow: auto;
    z-index: 1;
    height: 351px;
    overflow-x: hidden;
  }

  .security-main-block-mobile .filter-container .container-filter-portfolio-mobile .dropdown-content {
    display: none;
    overflow: auto;
    z-index: 1;
    height: 200px;
    overflow-x: hidden;
  }

  .container-filter-portfolio-mobile {
    background: #ffffff;
    border-radius: 5px;
    padding: 5px 0px 0px;
    margin: 0 auto;
    width: 88%;
    filter: drop-shadow(0px 0px 14px rgba(221, 227, 240, 0.9));
    border: 1px solid #f2f4f8;
  }

  .unit-portfolio-selected {
    display: none !important;
  }

  .unit-portfolio-not-selected {
    display: none;
  }

  .accordion-item-xxheaderxxx {
    padding: 1rem;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    width: 97%;
    justify-content: flex-start;
  }

  .title-question {
    padding: 0 0.2rem 0 0;
    font-size: 16px;
    line-height: 20px;
  }

  .question-item-xxheaderxxx {
    padding: 20px;
  }

  .weiter-fragen {
    font-size: 16px;
  }

  .accordion-item-body-content {
    flex-direction: column;
    padding: 0rem 1rem 2rem;
  }

  .bubble-faq {
    padding-bottom: 13px;
  }
}

@media (max-width: 720px) {
  .cashback-home-container {
    margin-bottom: 4rem;
  }

  .top-main-fee>img {
    max-height: 256px;
    bottom: 170px;
  }

  .main-sub-text {
    font-size: 16px;
    line-height: 20px;
  }

  .top-main-fee {
    min-height: 280px;
  }

  .erfahre-mehr-button {
    margin: 0 auto;
  }

  .mobile-sicher-title-block {
    display: block;
    text-align: center;
    padding: 0 1rem;
  }

  .sicher-container {
    flex-direction: column;
  }

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

  .sicher-title-mobile {
    padding-bottom: 22px;
  }

  .sicher-container {
    flex-direction: column;
    padding-top: 20px;
  }

  .sicher-title,
  .sicher-sub-title {
    display: none;
  }

  .wl-logo {
    margin-left: 0px;
  }

  .zurstartseite-2 {
    margin-right: 0px;
  }

  .wl-nav {
    padding-top: 15px;
  }

  .wl-logo {
    height: 35px;
  }

  .advantages-elements {
    padding-bottom: 60px;
  }

  .wl-advantages {
    flex-direction: column;
    align-items: center;
    padding: 0 1rem 1rem;
  }

  .wl-form-container {
    margin-bottom: 1rem;
  }

  .wl-input-homepage {
    width: 100%;
    margin: 0;
  }

  .wl-anchor-button-xxheaderxxx {
    margin: 0;
  }

  .wl-form-container {
    flex-direction: column;
    padding: 0 1rem;
  }

  .bg-wl {
    background-image: url("https://cdn.unitplus.eu/images/home-wl-mobile.svg");
    background-position: 38% 106%;
    background-size: auto;
  }

  .wl-video-desktop {
    display: none;
  }

  .wl-video-mobile {
    display: block;
    width: 100%;
    height: auto;
  }

  .partner-cont {
    display: block;
  }

  .first-part-pricing-calculator {
    flex-direction: column;
  }

  .text-range-container {
    justify-content: center;
  }

  .about {
    padding-bottom: 1.5rem;
  }

  .last-paragraph-prize {
    margin: 1rem;
  }

  .gift-container {
    padding: 0 1rem;
  }

  .prize-block {
    margin: 1rem;
  }

  .prize-text {
    text-align: center;
    margin: 0 auto;
    padding: 0 1rem 2rem;
  }

  .prize-up-part {
    flex-direction: column-reverse;
  }

  .world-map {
    width: 80%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  #myChart {
    padding: 0;
  }

  .portfolio-selection {
    margin-top: 1rem;
  }

  .calculator-container {
    margin-bottom: 2rem;
  }

  .strategy-container {
    margin-bottom: 2rem;
  }

  .owlnott-carousel .owlnott-stage-outer {
    margin-left: 1rem;
  }

  .followed-main-blocks {
    padding-top: 120px;
  }

  .card-home-main {
    max-height: 366px;
  }
}

@media (max-width: 700px) {
  .input-changer-block {
    justify-content: center;
  }

  .info-cta-inner {
    flex-direction: column;
    text-align: center;
    height: auto;
  }

  .info-cta-inner .p-tyuni-not {
    padding: 1rem 0;
  }

  .pension-redirection-cta {
    margin-bottom: 1rem;
    width: 100%;
  }

  .left-pricing img {
    padding-left: 0;
  }

  .container-cost-legend {
    display: none;
  }

  .pricing-line {
    flex-direction: column;
  }

  .left-pricing {
    width: 100%;
    justify-content: center;
  }

  .container-cost-legend-mobile {
    display: flex;
    color: #fff;
    height: 52px;
    margin-bottom: 16px;
    background: #002832;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
  }

  .cashplus-remuneration-block {
    flex-direction: column;
    text-align: center;
    padding-bottom: 2rem;
  }

  .remuneration-text {
    padding-bottom: 1rem;
  }

  .process-bar-container {
    width: 100%;
  }

  .table-main-title {
    display: none;
  }

  .table-comparaison-home {
    display: none;
  }

  .logo-1-2-3 {
    display: none;
  }

  .logo-1-2-3-4 {
    display: block;
  }

  #successAffiliation2 .success-message-block {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  #successAffiliation3 .success-message-block {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  #successAffiliation2 .app-download-affiliate-block {
    padding-top: 0px;
  }

  #successAffiliation2 .app-download-affiliate-block .app-download-part img {
    width: 140px;
  }

  #successAffiliation2 .success-message-block .p-tyuni-not {
    padding-top: 7px;
  }

  #successAffiliation2 .app-download-affiliate-block .qr-code-affiliate {
    display: none;
  }

  #successAffiliation2 {
    flex-direction: column;
  }

  #successAffiliation3 .app-download-affiliate-block {
    padding-top: 0px;
  }

  #successAffiliation3 .app-download-affiliate-block .app-download-part img {
    width: 140px;
  }

  #successAffiliation3 .success-message-block .p-tyuni-not {
    padding-top: 7px;
  }

  #successAffiliation3 .app-download-affiliate-block .qr-code-affiliate {
    display: none;
  }

  #successAffiliation3 {
    flex-direction: column;
  }

  .video-clicker-home {
    width: 94%;
  }

  .affi-block-text {
    width: auto;
  }

  .affiliate-CTA-block .input-email-affiliate-block {
    flex-direction: column;
    width: 94%;
    align-items: center;
    margin: 0 auto;
  }

  .affiliate-CTA-block .input-email-affiliate-block .input-affiliate-xxheaderxxx {
    width: 100%;
  }

  .affiliate-CTA-block .input-email-affiliate-block .button-affiliate {
    width: 100%;
  }

  .affiliate-CTA-block {
    border-radius: 30px;
    padding: 2rem 1.5rem;
  }

  .text-content-affi {
    text-align: center;
    padding: 2rem;
  }

  .content-affi-plis-left img {
    width: 145px;
    align-self: center;
    padding: 1rem;
  }

  .content-affi-plus {
    flex-direction: column;
    gap: 0;
  }

  .content-affi-plis-left {
    flex-direction: column;
    text-align: center;
    gap: 0;
  }

  .left-flexplus-erfahren {
    flex-direction: column;
  }

  .mehr-erfahren-flexplus-container {
    height: auto;
    flex-direction: column;
    padding: 2rem;
  }

  .mehr-flexplus-title {
    padding: 1rem;
  }

  .mehr-flexplus-title {
    text-align: center;
  }

  .fachpresse-container {
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .fachpresse-logo {
    margin-bottom: 2rem;
  }

  .newsletter-sub-content {
    flex-direction: column;
  }

  .newsletter-sub-content .newsletter-sub-title {
    max-width: 420px;
    padding-bottom: 1rem;
    padding-right: 0;
    padding-left: 0;
  }

  .webinar-block {
    height: 400px;
  }

  .free-block {
    width: 93%;
  }

  .your-portfolio-container {
    flex-direction: column;
    align-items: center;
  }

  .your-portfolio-text {
    padding-bottom: 1rem;
    text-align: center;
  }

  .your-portfolio-title {
    margin: 0 auto;
  }

  .tutorial-img-block {
    display: none;
  }

  .tutorial-mobile {
    display: block;
    background: #002832;
    margin-bottom: 4rem;
    margin-top: 4rem;
  }

  .appreciation-block {
    height: 250px;
  }

  .what-you-appreciate-container {
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
  }

  .what-you-appreciate-container img {
    transform: rotate(90deg);
  }

  .info-point-block-calculator {
    margin: 0 1rem;
  }

  .info-point-block-calculator img {
    padding-left: 13px;
  }

  .application-process-block-2 {
    height: auto;
  }

  .get-started-application-process {
    flex-direction: column;
    text-align: center;
    padding: 1rem;
  }

  .get-started-sentence {
    padding: 0 0 1rem;
  }

  .get-started-button {
    width: 100%;
  }

  .phone-application {
    right: 6%;
    bottom: 21%;
  }

  .ellie-steps {
    bottom: 163px;
  }

  .steps-block {
    flex-flow: unset;
    flex-direction: column;
    padding-left: 14px;
    width: auto;
    margin: 1rem;
    align-items: center;
  }

  .bottom-step-text {
    max-width: 450px;
    text-align: center;
  }

  .title-block-app-steps {
    text-align: center;
    max-width: 450px;
    align-self: center;
  }

  .top-block-app-steps {
    border-radius: 0;
  }
}

@media (max-width: 670px) {
  .graph-desktop-portfolio {
    display: none;
  }

  .graph-mobile-portfolio {
    display: block;
    padding: 2rem 1rem 1rem;
  }

  .newsletter-agb-contain {
    margin-bottom: 20px;
  }

  .newsletter-title {
    padding-top: 165px;
    text-align: left;
  }

  .newsletter-form {
    width: 100%;
  }

  .coin-left {
    display: none;
  }

  .coin-right {
    top: 0;
  }

  .bonus-steps-container {
    padding: 1rem 1rem;
    display: flex;
    justify-content: center;
  }

  .bonus-title-mobile {
    font-size: 41px;
    line-height: 47px;
  }

  .bonus-input-block,
  .bonus-input-block-2 {
    width: 100%;
  }

  .bonus-form-container {
    flex-direction: column;
    padding: 1rem;
  }

  .form-block-bonus {
    margin: 6rem 1rem 0;
  }

  .pricing-conditions-container {
    flex-direction: column;
  }
}

@media only screen and (min-width: 652px) {
  :root {
    --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)),
        700px);
  }
}

@media (max-width: 636px) {
  .block-finance-icons {
    gap: 0px;
  }

  .icons-container {
    margin: 16px;
  }
}

@media (max-width: 600px) {
  .top-fee-presentation {
    flex-direction: column-reverse;
  }

  .top-fee-presentation .p-tyuni-not {
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    padding-top: 1rem;
  }

  .hero-home-landing {
    width: 94%;
    height: auto;
  }

  .xxheaderxxx-input-affi-mobile .input-email-affiliate-block {
    width: 92% !important;
    align-items: center;
  }

  .badge-excellence-kosten {
    position: absolute;
    right: 4%;
    bottom: 10%;
    width: 130px;
    z-index: 4;
  }

  .badge-excellence-kosten-2 {
    position: absolute;
    right: 4%;
    bottom: 40%;
    width: 130px;
    z-index: 4;
  }

  .trustpilot-kosten-mobile {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: 20px;
    left: 50%;
    width: 240px;
  }

  .trustpilot-kosten-desktop {
    display: none;
  }

  #mc_embed_signup.form-portfolio {
    padding-bottom: 3rem;
  }

  #mc_embed_signup #portfolio-field-group div.mce_inline_error {
    top: 51%;
    left: 64%;
  }

  .ellie-portfolio-picture {
    display: none;
  }

  .newsletter-input-portfolio {
    width: 100%;
  }

  .intro-form-portfolio {
    text-align: left;
    padding: 2.5rem 1rem 2rem;
  }

  #portfolio-field-group.mc-field-group {
    margin: 0;
  }

  #mc_embed_signup.form-portfolio {
    width: 100%;
    display: block;
  }

  #mc_embed_signup_scroll.portofolio-embed-signup {
    flex-direction: column;
    padding-bottom: 1rem;
    margin: 0 1rem;
  }

  #mce-FNAME.mce-FNAME-portfolio {
    width: -webkit-fill-available;
    margin-right: 0;
  }

  .newsletter-input-portfolio {
    width: -webkit-fill-available;
  }

  .container-button-starten {
    padding: 0 1rem 1rem;
  }

  .unitplus-card-main-text {
    margin: 1rem 2rem 0;
  }

  .what-we-offer-block {
    align-items: inherit;
  }

  .offer-block {
    width: 100%;
  }

  .intro-comparaison {
    font-size: 24px;
    line-height: 30px;
  }

  .title-pricing-container {
    font-size: 24px;
    line-height: 30px;
  }

  .short-text-fixed-banner {
    display: flex;
  }

  .long-text-fixed-banner {
    display: none;
  }

  .xxheaderxxx-container-video.mobile-hidden-video {
    display: flex !important;
    margin-top: 50px;
    margin-bottom: 40px;
    width: 100%;
  }

  .xxheaderxxx-container-video.mobile-hidden-video .card-hero {
    display: none;
  }

  .xxheaderxxx-container-video.mobile-hidden-video .free-hero {
    display: none;
  }

  .xxheaderxxx-container-video {
    display: none;
  }

  .pricing-shema-container {
    flex-direction: column;
    align-items: center;
  }

  .intro-pircing-title {
    margin: 20rem 1rem 36px;
    width: auto;
    min-height: 202px;
    height: auto;
    padding: 2rem 1rem;
  }

  .pricing-shema-container img {
    padding: 20px 0;
  }

  .vertical-carousel-block {
    bottom: -172px;
  }

  .second-part-pricing {
    padding-bottom: 187px;
  }

  .vertical-carousel-container img {
    position: relative;
    padding-top: 2rem;
  }

  .vertical-carousel-container {
    height: auto;
  }

  .word-carousel-intro {
    padding-top: 3rem;
  }

  #errorAffiliation1 {
    width: 94%;
  }

  #successAffiliation1 {
    width: 94%;
  }

  #buttonZuWeb1 {
    width: 94%;
  }

  #buttonZuWeb2,
  #buttonZuWeb3 {
    width: 100%;
  }

  .xxheaderxxx-input-affi-mobile {
    width: auto;
  }

  .join-the-team-block {
    max-width: 100% !important;
    margin: 2rem 1rem 4rem !important;
  }

  .finance-container {
    gap: 50px;
  }

  .functioning-container {
    margin-bottom: 2rem;
  }

  .flowchart-block-section {
    padding: 0;
  }

  .hero-img {
    max-width: 328px;
  }

  .why-unit-cards {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    padding-bottom: 2rem;
  }

  .hero-image-why-unit {
    width: 100%;
  }

  .advantage-affi-block {
    flex-direction: column;
    justify-content: center;
  }

  .left-advantage-affi {
    flex-direction: column;
    gap: 0;
  }

  .left-advantage-affi img {
    margin: 28px 10px 5px;
  }

  .right-advantage-affi {
    padding: 10px 5px 30px;
    text-align: center;
  }

  .main-arguments-home {
    grid-template-columns: repeat(1, 1fr);
  }

  .xxheaderxxx-Kosten-height {
    flex-direction: column !important;
    padding: 8rem 0 0 0 !important;
    height: auto !important;
    background-color: #060203;
  }

  .xxheaderxxx-Kosten-heigt-spe {
    background-color: #060203 !important;
  }

  .xxheaderxxx-investment-2-height {
    flex-direction: column !important;
    padding: 8rem 0 0 0 !important;
    height: auto !important;
  }

  .xxheaderxxx-Kosten-height .xxheaderxxx-container-text .jetzt-starten-button {
    display: none;
  }

  .xxheaderxxx-investment-2-height .xxheaderxxx-container-text .jetzt-starten-button {
    display: none;
  }

  .right-cost-page-img-mobile {
    width: 100%;
  }

  .right-cost-page-img {
    display: none;
  }

  .right-cost-mobile {
    display: block;
    position: relative;
  }

  .right-cost-mobile .jetzt-starten-button {
    position: absolute;
    bottom: 10%;
    width: 95% !important;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .hand-wallet {
    display: none;
  }

  .mobile-hand-wallet {
    display: block;
  }

  .newsletter-title-sub {
    text-align: left;
    padding: 0 1rem 1rem;
  }

  .newsletter-sub-title {
    margin: 0;
    text-align: left;
    padding: 0 1rem 2rem;
  }

  .newsletter-block {
    height: 468px;
    justify-content: end;
    padding-bottom: 3rem;
    border-radius: 0;
  }

  .block-input-newsletter {
    margin: 0;
  }

  #mc_embed_signup div.mce_inline_error {
    top: 317%;
  }

  #mce-responses.blog-newsletter {
    top: 90%;
  }
}

@media (max-width: 599px) {
  .post-attribute-page {
    flex-direction: column;
  }

  .share-buttons {
    padding-top: 15px;
  }

  .bottom-subscription-form {
    gap: 22px;
    flex-direction: column;
  }

  .blog-page-title {
    padding-left: 20px;
  }

  .blog-page-subtitle {
    padding-left: 20px;
  }

  .excerpt-wrapper {
    padding-bottom: 2rem;
    margin-left: 20px;
  }

  .post__title {
    padding: 1rem 1.5rem 0;
  }
}

@media (max-width: 550px) {
  .top-banner-xxheaderxxx-main {
    display: none;
  }

  .top-banner-xxheaderxxx-main-mobile {
    display: flex;
  }

  .flexplus-xxheaderxxx-picture {
    width: 100%;
  }

  .right-side-flexplus-home {
    padding: 1rem 1rem 4rem;
  }

  .button-into-calculator-container {
    flex-direction: column;
    gap: 0;
    padding-top: 1rem;
  }

  .inner-app-button-invest {
    margin-bottom: 1rem !important;
  }

  .yield-investment-container {
    width: 94%;
    margin: 2rem auto 2rem;
    padding: 3rem 0 0;
  }

  .yield-investment-block {
    width: 100%;
  }

  .entwicklung-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .giveaway-form-inputs-block .mc-field-group {
    width: 100% !important;
  }

  .giveaway-form-inputs-block .mc-field-group #mce-FNAME {
    width: 95% !important;
  }

  .giveaway-form-inputs-block .mc-field-group #mce-MAIL {
    width: 95% !important;
  }

  .first-section-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas:
      "block-app block-app"
      ". ."
      ". .";
  }

  .display {
    display: none;
  }

  .unit-mention {
    display: none;
  }

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

  .block-app {
    grid-area: block-app;
  }
}

@media (max-width: 540px) {
  .main-faq-container {
    padding: 3rem 1rem 0;
  }

  .container-filter-mobile {
    border: 2px solid #03aac7;
    border-radius: 10px;
    padding: 5px 0px 5px;
    background: white;
  }

  .dropbtn {
    padding: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    display: flex;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: #002832;
    text-align: left;
    position: relative;
    justify-content: space-between;
    align-items: center;
  }

  .dropbtn:hover,
  .dropbtn:focus {
    background-color: transparent;
  }

  .max-width-100 .main-faq-container .filter-container .container-filter-mobile>button {
    background-color: white;
    font-family: "Circular Std";
  }

  .max-width-100 .main-faq-container .filter-container .container-filter-mobile>button:hover {
    background-color: white;
    color: #002832;
  }

  .max-width-100 .main-faq-container .filter-container .container-filter-mobile>button:focus {
    background-color: white;
    color: #002832;
    outline: none;
    box-shadow: none;
  }

  .max-width-100 .main-faq-container .filter-container .container-filter-mobile>button:visited {
    background-color: white;
    color: #002832;
    outline: none;
    box-shadow: none;
  }

  .dropdown-content {
    display: none;
    overflow: auto;
    z-index: 1;
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .category-head.portfolio-head.dropdown-content {
    height: 229px;
    margin-bottom: 0px;
  }

  .dropdown-content div {
    text-decoration: none;
    display: flex;
    margin: 0;
    padding: 0;
    border-radius: 5px !important;
    height: 50px;
    padding-left: 16px;
    justify-content: left;
    align-items: center;
  }

  .show {
    display: block;
  }
}

@media (max-width: 502px) {
  .description-text-2 {
    font-size: 24px;
    line-height: 24px;
  }

  .app-button {
    width: 70%;
    padding-top: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .home-summit-title img {
    width: 100%;
    height: auto;
    max-width: 394px;
  }

  a.sub-button-webinar {
    width: 100% !important;
  }

  .home-summit-title {
    padding-bottom: 34px;
  }

  .separator-pension {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .xxheaderxxx-pension {
    height: 227px;
  }

  .main-container-pension {
    padding: 1rem 0 1rem;
  }

  .security-info-cashplus {
    flex-direction: column;
    text-align: center;
    margin-bottom: 2rem;
  }

  .security-info-cashplus img {
    padding-top: 2rem;
  }

  .security-info-text {
    padding: 0 2rem 2rem 2rem;
  }

  .main-fee-container {
    border-radius: 30px;
  }

  .main-container-absolute .container-filter-portfolio-mobile {
    max-width: 340px;
  }

  .strategy-container .container-filter-portfolio-mobile .dropbtn {
    width: 340px;
  }

  .function-cashplus {
    padding: 11px 0;
  }

  .cashplus-function-block {
    border-radius: 30px;
  }

  .arguments-cashplus-container {
    gap: 0px;
  }

  .argument-cashplus {
    width: 100%;
    margin: 15px 0;
  }

  .yield-presentation-block {
    display: block;
  }

  .left-side-yield-blocks,
  .right-side-yield-blocks {
    width: 100%;
    gap: 0;
  }

  .yield-block-modal {
    margin: 5px 0;
  }

  .container-button-map {
    width: 100%;
  }

  .calc-affi-top-right {
    padding-top: 3rem;
    gap: 0;
    justify-content: space-evenly;
    width: 100%;
  }

  .calc-affi-top-left {
    gap: 0;
    justify-content: space-evenly;
    width: 100%;
  }

  .calc-affi-top-left.cashplus {
    gap: 0;
    justify-content: center;
    width: 100%;
  }

  .partner-home-container {
    gap: 0;
  }

  .patner-home-block {
    margin: 18px 0;
    min-height: 305px;
    height: auto;
  }

  .security-point-container {
    gap: 0;
  }

  .security-point {
    margin: 1rem 0;
  }

  .phone-landing {
    width: 94%;
    height: auto;
  }

  .mobile-sub-button-webinar.conversion-page {
    width: 94%;
  }

  .reason-conversion-block {
    width: 100%;
  }

  .main-title-carousel-2 {
    padding-top: 6rem;
  }

  .carousel-block .block-app-steps>div {
    border-radius: 30px;
  }

  .xxheaderxxx-logo-affi-mobile {
    display: block;
  }

  .xxheaderxxx-logo-affi-desktop {
    display: none;
  }

  .video-youtube-affi-container .affi-video-mobile {
    display: block;
  }

  .inner-content-format {
    text-align: left;
  }

  .xxheaderxxx-main-left {
    text-align: left;
  }

  .video-clicker-home {
    width: 94%;
  }

  .start-video-button-home {
    max-width: 140px !important;
    top: 58%;
  }

  .img-xxheaderxxx-affi {
    display: none;
  }

  .img-xxheaderxxx-affi-mobile {
    display: flex;
    width: 94%;
    margin: 0 auto;
  }

  .xxheaderxxx-main {
    border-radius: 30px;
  }

  .main-picture-top-title {
    text-align: left;
    padding-top: 1rem;
  }

  .main-picture-top-text {
    text-align: left;
    padding-bottom: 1rem;
    padding-right: 3rem;
  }

  .xxheaderxxx-picture-ipad {
    display: none;
  }

  .xxheaderxxx-picture-mobile {
    display: block;
  }

  .interblock-webinar .speaker-block {
    flex-direction: column;
  }

  .picture-speaker {
    align-self: flex-start;
    padding-bottom: 1rem;
  }

  .speaker-block {
    flex-direction: column;
  }

  .interblock-webinar .speaker-block .picture-speaker {
    padding-bottom: 2rem;
  }

  .sub-page-xxheaderxxx {
    height: 280px;
    border-radius: 30px;
  }

  .illustration-sub-page {
    max-height: 180px;
  }

  .review-colored {
    border-radius: 30px;
    background: #fff;
    width: 320px;
    height: 310px;
  }

  .reviews-colored-container {
    display: none;
  }

  .reviews-colored-container-mobile.owlnott-carousel.owlnott-loaded.owlnott-drag {
    display: block;
  }

  .flexplus-kosten-page-info {
    padding: 2rem 1.5rem;
    flex-direction: column;
  }

  .text-info-flex-cost-page-bold {
    padding: 10px 0;
  }

  .button-news {
    width: 100%;
  }

  .arrow-left-blue {
    display: none;
  }

  .title-question {
    line-height: 20px;
  }

  .jar-app-button {
    width: 100%;
  }

  .map-europe-desktop {
    display: none;
  }

  .map-europe-mobile {
    display: block;
    width: 100%;
  }

  .badge-excellence-home {
    width: 130px;
  }

  .entwicklung-name {
    padding-left: 20px;
    width: 120px;
    line-height: 20px;
  }

  .entwicklung-result-block {
    padding-right: 5px;
  }

  .entwicklung {
    font-size: 16px;
  }

  .yield-invest-right {
    padding: 15px 8px 34px;
  }

  .yield-invest-left {
    border-radius: 30px;
  }

  .entwicklung-block {
    border-radius: 30px;
  }

  .portfolio-card {
    width: 100%;
  }

  .picture-persona {
    display: none;
  }

  .persona-carousel-container .owlnott-carousel.persona-carousel.owlnott-drag {
    height: auto !important;
  }

  .persona-block {
    width: 328px;
    height: 850px;
  }

  .picture-persona-mobile {
    display: block;
    margin: 0 auto;
    padding: 32px 0;
    max-width: 288px;
  }

  .cashback-home-container {
    margin-top: 4rem;
  }

  .this-is-unitplus-title-main {
    font-size: 35px;
    line-height: 40px;
  }

  .unitplus-card-main-text {
    margin: 1rem 1rem 0;
  }

  .video-clicker-home {
    display: none;
  }

  .video-clicker-home-mobile {
    display: block;
    max-width: fit-content;
    width: 94%;
    margin: 0 auto 2rem;
    cursor: pointer;
  }

  .xxheaderxxx-main-home .bottom-xxheaderxxx-main {
    padding: 2rem 0rem 2rem;
  }

  .home-main-argument-img {
    max-width: 100%;
  }

  .in-1-block-title {
    padding-top: 60px;
  }

  .lexicon-intro {
    padding-right: 3rem;
  }

  .embed-landing-page #mce-responses #mce-error-response {
    width: auto;
    padding: 0.5rem;
    margin-bottom: 0.7rem;
  }

  .embed-landing-page #mce-responses #mce-success-response {
    width: auto;
    padding: 0.5rem;
    margin-bottom: 0.7rem;
  }

  .container-subscription {
    min-height: 300px;
  }

  .text-font-60 {
    font-size: 45px !important;
    line-height: 50px !important;
  }

  /* .text-font-60 + .homepage-sub-text {
    padding: 0;
  } */

  .text-font-50 {
    font-size: 35px;
    line-height: 36px;
  }

  .text-font-48 {
    font-size: 35px;
    line-height: 36px;
  }

  .text-font-35 {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.3px;
  }

  .range-field {
    margin-top: 2rem;
  }

  .range-field .slidecontainer {
    min-width: auto;
  }

  .text-with-image {
    min-width: initial;
    padding-left: 0;
    padding-right: 0;
  }

  .portfolio-strategy {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 1rem;
  }

  .diversification-text {
    padding: 0;
    margin: 1rem;
  }

  .mention-starten-invest-1 {
    margin-bottom: 0;
  }

  .cost-representation-title {
    padding-top: 2rem;
  }

  .top-main-fee>img {
    bottom: 220px;
  }

  .top-main-fee {
    min-height: 400px;
  }

  .sub-main-fee-text {
    padding: 33px 1rem 30px;
  }

  .starten-banner.banner-fee {
    height: 295px;
  }

  .starten-banner.banner-fee .starten-banner-text {
    height: 199px;
    padding-top: 0 !important;
  }

  /* .intro-comparaison {
    margin-top: 47px;
    font-size: 16px;
    line-height: 20px;
  } */

  .arguments-home {
    width: 100%;
    height: 343px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .arguments-content {
    height: 356px;
  }

  .strategy-title {
    font-size: 40px !important;
  }

  .free-block {
    top: -31px;
  }

  .speaker-container-planning {
    justify-content: end;
  }

  .button-pop-up-pricing {
    bottom: 32%;
    right: 10px;
  }

  .range-container {
    padding-left: 0;
  }

  .range-input-field {
    min-width: 140px;
    padding: 12px 0px;
  }

  .mobile-partners {
    display: flex;
    margin: 2rem 1rem 1rem;
  }

  .desktop-partners {
    display: none;
  }

  .inner-slide-carousel {
    height: auto !important;
  }

  .starten-banner {
    border-radius: 0px;
    justify-content: flex-start;
    padding-top: 1rem;
  }

  .starten-banner-text {
    padding-top: 2.5rem !important;
    padding-bottom: 5rem !important;
  }

  .button-redirection-return-calculator-2 {
    width: 100%;
  }

  .xxheaderxxx-invest-picture {
    width: 98%;
    height: auto;
  }

  .top-banner-block ul.top-banner-content {
    padding: 0 !important;
  }

  .review-banner-block ul.review-banner-content {
    padding: 0 !important;
  }

  .CTA-join-the-team {
    width: 92% !important;
  }

  .team-main-title {
    font-size: 30px;
    line-height: 36px;
  }

  .main-picutre-founders {
    height: auto;
    width: 100%;
    max-height: inherit !important;
  }

  .this-is-unitplus-block-left {
    padding-bottom: 52px;
  }

  .this-is-unitplus-block-right-img {
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: auto;
  }

  .idea-first-part img {
    max-height: fit-content;
    width: 100%;
  }

  .world-map {
    display: none;
  }

  .block-return-calculator-redirection {
    margin: 1rem 1rem 0rem !important;
  }

  .world-map-mobile {
    display: block;
    width: 100%;
    height: auto;
    padding: 2rem 0;
  }

  .xxheaderxxx-this-is-unitplus-picture {
    width: 100%;
    height: auto;
    max-height: inherit;
  }

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

  .xxheaderxxx-container-press img {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }

  .homepage-xxheaderxxx-text-block {
    width: 100%;
    max-width: fit-content;
    padding: 0;
    text-align: left;
  }

  .top-xxheaderxxx-main.flexplus-top-xxheaderxxx-main .homepage-xxheaderxxx-text-block .main-title-home {
    padding: 0rem 1rem 20px;
  }

  .main-title-home {
    font-size: 30px;
    line-height: 36px;
    width: auto;
    padding: 3rem 1rem 20px;
  }

  .inner-title-Flexplus-xxheaderxxx {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }

  .inner-title-CashPlus-xxheaderxxx {
    font-size: 24px;
    line-height: 26px;
  }

  .homepage-sub-text {
    padding: 0 1rem;
  }

  .application-process-container,
  .application-process-container-2 {
    margin: 0;
  }

  .application-steps-container {
    justify-content: left !important;
  }

  .applications-steps-block {
    padding-right: 2rem !important;
  }

  .application-process-block-2 {
    margin: 0 0rem 2rem !important;
  }

  .application-process-title,
  .application-process-title-2 {
    padding: 50px 0 12px !important;
    width: 303px;
    text-align: left;
    align-self: flex-start;
  }

  .left-side-main-content-footer {
    max-width: 100%;
  }

  .app-badges {
    padding-right: 10px;
  }

  .qr-code-footer {
    display: none;
  }

  .download-button-footer {
    flex-direction: row;
  }

  .carousel-start {
    display: none;
  }

  .safety-text-1,
  .safety-text-2 {
    max-width: fit-content;
  }

  .ETF-text {
    max-width: fit-content;
  }

  .safety-sub-title {
    max-width: fit-content;
  }

  .safety-slider {
    width: 100%;
  }

  .safety-elements {
    margin: 15px 8px;
    width: 130px;
  }

  .contact-form {
    padding-top: 0rem !important;
  }

  .whitepaper-block {
    margin: 46px 1rem 0;
  }

  .light-bubble-block {
    align-self: start;
  }

  .bonus-explaination-title {
    padding-bottom: 4rem;
  }

  .myth-title {
    max-width: 275px;
  }

  .title-xxheaderxxx-smart {
    font-size: 34px;
    line-height: 42px;
    text-align: left;
  }

  .special-mobile-title {
    font-size: 37px;
    line-height: 41px;
  }

  .chart-desktop-mobile {
    max-width: 300px;
  }

  .thank-you-registration {
    padding: 0 1rem;
    text-align: center;
  }

  .button-redirection-return-calculator {
    padding: 1rem 1rem;
  }

  .svg-schema-mobile {
    width: 70%;
    margin: 0 auto;
  }

  .idea-second-part {
    padding-bottom: 2rem;
  }

  .idea-block {
    margin-top: 3rem;
  }

  .idea-text {
    padding-bottom: 2rem;
    text-align: center;
  }

  .idea-first-part {
    padding-top: 2rem;
  }

  .press-logo {
    padding: 10px 6px;
  }

  .card-usage {
    width: 43px;
  }

  .value-title-text {
    max-width: 150px;
  }

  .main-title-return-calculator {
    font-size: 42px;
    text-align: center;
  }

  .title-range {
    padding-right: 0px;
    line-height: 20px;
  }

  .calculator-intro {
    padding: 7rem 1rem 1rem;
  }

  .finance-block-text {
    padding-bottom: 2rem;
  }

  .finance-container {
    padding: 4rem 1rem 1rem;
  }

  .bottom-subscription-form {
    margin: 2rem 1rem 1rem;
  }

  .unit-program-info-container {
    margin: 0 1rem;
  }

  .xxheaderxxx-image-block {
    width: 100%;
  }

  .partner-logo-block {
    padding-top: 2rem;
  }

  .pressemitteilungen {
    text-align: center;
  }

  .nooz-list.nooz-coverage.nooz-posts {
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .name-address {
    display: flex;
  }

  #nameInput8 {
    max-width: 150px;
    margin-right: 10px;
  }

  #emailInput8 {
    max-width: 190px;
  }

  .waiting-list-modal-box {
    position: unset;
    transform: unset;
    width: unset;
    border-radius: unset;
    min-height: 100%;
  }

  .first-part-modal {
    flex-direction: column;
  }

  .main-image-modal {
    width: 85%;
    margin: 20px auto;
  }

  .modal-form-title {
    text-align: center;
    padding: 0.5rem 0 0;
  }

  .carousel-arrows {
    display: none;
  }

  .icon-functioning {
    position: absolute;
    top: -11%;
    right: 40%;
  }

  .functioning-container {
    width: 100%;
    margin: 1rem 1rem 3rem;
    height: 320px;
    padding: 3rem 1rem;
  }

  .functioning-text {
    max-width: 260px;
  }

  .bonus-programm-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.3px;
    color: #002832;
    padding: 2rem 1rem 7rem;
  }

  .hero-container-with-coins {
    padding: 0;
  }

  .coin-picture {
    height: 146px;
    position: absolute;
    top: -77%;
    left: 14%;
  }

  .intro-title-card {
    padding-bottom: 40px !important;
  }

  .bonus-explaination-title-2 {
    padding-top: 82px;
    padding-bottom: 0;
  }

  .gift-container {
    flex-direction: column;
  }

  .gift-block-2 {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .double-coin {
    left: 37%;
    bottom: 90%;
  }

  .block-grunder-team {
    text-align: center;
  }

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

  .beirat {
    margin-top: 2rem;
  }

  .beirat-member {
    max-width: 280px;
    padding-bottom: 2rem;
  }

  .right-content-investment {
    margin: 0 auto;
  }

  .portfolio-strategy-container {
    margin: 0;
  }

  .donut-container {
    padding: 0;
  }

  .donut-container {
    width: 120px;
    height: 120px;
  }

  .portfolio-strategy-container {
    gap: 0;
  }

  .seperator-portfolio-strat {
    margin: 27px auto;
  }

  .sub-title-portfolio-selection {
    padding: 40px 1rem 1rem;
    margin-top: 0;
  }

  .diversification-block {
    border-radius: 30px;
  }

  .table-block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    justify-content: flex-start;
    height: auto;
  }

  .product-table {
    min-width: 800px;
    height: 426px;
  }

  .payment-image-block {
    display: none;
  }

  .payment-image-block-mobile {
    visibility: visible;
    position: inherit;
    text-align: center;
  }

  .image-cup-coffee {
    display: none;
  }

  .image-cup-coffee {
    visibility: visible;
    position: inherit;
    text-align: center;
  }

  .confort-section {
    flex-direction: column-reverse;
  }

  .portfolio-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    justify-content: flex-start;
  }

  .next {
    right: 11%;
    top: 50%;
  }

  .prev {
    left: 11%;
    top: 50%;
  }

  .labels-legend {
    display: flex;
    justify-content: space-around;
  }

  .label-name {
    font-size: 10px;
    padding-left: 0px;
  }

  .chart-legend {
    padding: 0px 1rem 0rem;
  }

  .more-info-sentence {
    padding: 1rem;
  }

  .title-flowchart {
    padding-top: 2rem;
  }

  .left-flowchart-with-text {
    padding: 1rem 0 2rem;
    text-align: center;
  }

  .flowchart-two-section {
    padding: 1rem;
  }

  .prev {
    left: 5%;
    top: 56%;
  }

  .next {
    right: 5%;
    top: 56%;
  }

  .sub-label {
    font-size: 10px;
  }

  .chart-block {
    margin: 0 0 2rem;
    padding: 0;
  }

  .year-chart-0 {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #7384a7;
  }

  .year-chart-20 {
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #7384a7;
  }

  #myChart {
    padding: 0 10px;
    height: 375px;
  }

  .ham-icon {
    padding-top: 5px;
  }

  /* .is-visible .heading {
    opacity: 1;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -60%);
    padding-left: 2rem;
    padding-bottom: 5rem;
  } */

  .home-intro {
    display: none;
  }

  #home-intro {
    display: none;
  }

  .email-form-xxheaderxxx {
    display: grid;
  }

  .home-intro-mobile {
    visibility: visible;
    height: 77vh;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bottom-email-section-content .submit-button-xxheaderxxx {
    min-width: 160px;
    width: 100%;
  }

  .flowchart {
    width: 100%;
    height: auto;
  }

  .full-background-home {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/Hero-Image-Mobile.png");
    background-position: initial;
  }

  .home-text-centered {
    display: none;
  }

  .main-reasons {
    flex-direction: column;
  }

  .reason {
    margin: auto;
    padding-top: 4rem;
  }

  .card-video {
    width: 100%;
    height: 100%;
    margin: 0 auto 2rem auto;
  }

  .hidden-video {
    display: none;
  }

  .hidden-gif {
    visibility: visible;
    position: inherit;
  }

  .unitplus-info-section {
    padding-top: 0rem;
    padding-bottom: 3rem;
  }

  .unitplus-info-section .circular-logo-section .circle {
    width: 90px;
    height: 90px;
    border-radius: 136px;
  }

  .unitplus-info-section .circular-logo-section .square {
    width: 60px;
    height: 60px;
    border-radius: 12px;
  }

  .unitplus-info-section .circular-logo-section img {
    width: 36px;
  }

  .content-1 {
    min-height: auto;
  }

  .right-content-with-text-2 {
    width: auto;
    margin: auto;
  }

  .pre-landing-content {
    padding: 4rem 1.5rem 1rem 1.5rem;
  }

  .content-with-two-section {
    flex-direction: column;
  }

  .content-with-two-section-2 {
    flex-direction: column;
    padding: 0 6.5% 4rem 6.5%;
  }

  .content-1 {
    flex-direction: column;
  }

  .left-content-with-text,
  .left-content-with-image,
  .right-content-with-text,
  .right-content-with-image {
    width: 100% !important;
    margin: 2rem 0;
    align-items: center;
  }

  .section-main-text-2 {
    text-align: center;
  }

  .section-description-text-2 {
    text-align: center;
  }

  .hero-content-with-image {
    width: 100% !important;
    margin: 2rem 0;
    align-items: center;
    padding: 2rem 0 0;
  }

  .categories-section {
    flex-direction: column;
    margin: 2rem 0 0 0;
  }

  .categories-section .cards {
    margin: 0;
    margin-bottom: 4rem;
  }

  .back bullet-point ol,
  ul {
    list-style: disc;
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  .content-text {
    padding: 30px 10px 20px 20px;
  }

  .categories-section .box:last-of-type {
    margin: 0;
  }

  .box-xxheaderxxx .heading-text {
    font-size: 24px;
  }

  .charts-section {
    flex-direction: column-reverse;
  }

  .charts-section .description-text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.3px;
    text-align: center;
    padding: 0;
  }

  .invest-save-section {
    margin: 0;
  }

  .invest-save-section .invest-save-description .content-with-two-section {
    padding-top: 0;
  }

  .invest-save-section .invest-save-description .content-with-two-section:nth-child(2) {
    flex-direction: column-reverse;
  }

  .invest-save-section .invest-save-description .invest-save-content-box {
    padding: 1rem 1rem 3rem 1rem;
  }

  .invest-save-section .description-text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.3px;
    padding: 0;
  }

  .bottom-email-section .bottom-email-section-content .text {
    margin: 0;
  }

  .bottom-email-section .bottom-email-section-content .section-collect-email {
    width: 100%;
    margin-top: 2rem;
  }

  #nameInput2,
  #nameInput3,
  #nameInput5 {
    width: 100%;
    margin: 0;
  }

  #emailInput2,
  #emailInput3,
  #emailInput5 {
    width: 100%;
  }

  .bottom-email-section .bottom-email-section-content .section-collect-email button {
    width: 100%;
    margin-top: 1rem;
  }

  .bottom-email-section .bottom-email-section-content {
    flex-direction: column;
  }

  .bottom-email-section .bottom-email-section-content .left-section {
    width: auto;
    padding: 3rem 1rem 2rem;
  }

  .bottom-email-section .bottom-email-section-content .right-section {
    width: auto;
  }

  .section-collect-email .input-block {
    width: 100%;
  }

  .section-collect-email .submit-button {
    width: 100%;
  }

  .section-collect-email .terms-link {
    margin-top: 1.8rem !important;
    text-align: center;
  }

  .logo-block {
    margin-left: 28%;
  }

  .company-info {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .company-name {
    flex-direction: column;
    width: 100%;
  }

  .company-name .happy-note {
    display: block;
    margin-top: 1rem;
  }

  .footer-logo {
    margin-bottom: 0.5rem;
  }

  .footer-social-media-links {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 1rem;
  }

  .bottom-links .happy-note {
    display: none;
  }

  .web-links {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .web-links a {
    margin: 0.5rem 0;
    font-size: 14px;
  }

  .text-pages-content {
    padding: 5rem 11.5% 0 11.5% !important;
  }

  .xxheaderxxx-section .separator {
    margin: 1rem 0 !important;
  }

  .page-xxheaderxxx {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .sub-xxheaderxxx {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .home-box-text {
    font-weight: 700;
    size: 16px;
    line-height: 20px;
  }

  .message-container {
    padding: 0 11.5% !important;
  }

  /* CSS for waiting list success page starts here */
  .success-message {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  #verifyEmailSuccess,
  #verifyEmailError {
    display: none;
  }

  .success-message-waiting-list {
    font-size: 40px;
  }

  /* CSS for waiting list success page ends here*/

  /* CSS for blog post starts here */

  .post-attribute-page {
    padding: 0 25px;
    display: block;
  }

  .share-buttons {
    padding-top: 15px;
  }

  .post-thumbnail {
    margin: 0 auto;
  }

  .post-thumbnail .post-thumbnail-inner {
    height: 230px;
    width: 353px;
  }

  .entry-title-post-page {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.3px;
    padding-bottom: 1rem;
  }

  .post-attribute {
    padding-left: 1.5rem;
  }

  .image-blog-post .post-thumbnail>img {
    padding: 0 1.5rem;
    border-radius: 20px;
  }

  .blog-page-title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.3px;
    padding-top: 6rem;
  }

  /* CSS for unitinfo page starts here */
  .unit-info-content .left-content-with-text {
    margin: 0 !important;
  }

  .unit-info-content .right-content-with-text {
    margin: 0 !important;
  }

  /* CSS for unitinfo page ends here */

  .moodblock-mockup.moodblock-mockup-C .content-moodblock .text-moodblock {
    font-size: 30px;
    line-height: 32px;
  }

  .conversion-xxheaderxxx {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/xxheaderxxx-conversion-mobile.png);
  }

  .moodblock-mockup {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic-conversion-mobile.png);
  }

  .conversion-xxheaderxxx.conversion-xxheaderxxx-B {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20B%20mobile.png");
  }

  .conversion-xxheaderxxx.conversion-xxheaderxxx-C {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/hero%20C%20mobile.png");
  }

  .moodblock-mockup.moodblock-mockup-B {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20B%20mobile.png");
  }

  .moodblock-mockup.moodblock-mockup-C {
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/moodpic%20C%20mobile1.png");
  }

  .badge-10-conversion img {
    width: 125px;
  }

  .badge-10-conversion {
    padding: 1rem;
  }

  .xxheaderxxx-main-pages-format.kosten-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/pricing-xxheaderxxx-picture-mobile.png);
  }

  .xxheaderxxx-main-pages-format.portfolio-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/portfolio-xxheaderxxx-picture-mobile.png);
  }

  .xxheaderxxx-main-pages-format.karte-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/card-xxheaderxxx-picture-mobile.png);
  }

  .xxheaderxxx-main-pages-format.unitplus-format {
    background-image: url(https://stocksflare.com/assets/cdn.unitplus.eu/images/unitplus-xxheaderxxx-picture-mobile.png);
  }

  .xxheaderxxx-main-pages-format {
    border-radius: 30px;
  }

  .sub-xxheaderxxx-title {
    font-size: 35px;
    line-height: 36px;
  }

  .press-button-xxheaderxxx {
    width: 85%;
  }

  .bottom-review-colored {
    height: 63px;
  }

  .modal-container {
    width: inherit;
    height: 100%;
    position: initial;
    transform: inherit;
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
  }

  .graph-portfolio-modal {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 1rem 1rem 3rem;
  }

  .thrid-part-portfolio-modal {
    flex-direction: column;
    padding-bottom: 40px;
  }

  .tags-content-portfolio,
  .separator-modal {
    display: none;
  }

  .tags-content-portfolio-mobile,
  .separator-modal-mobile {
    display: flex;
  }

  .title-portfolio-modal {
    border-radius: 15px;
    padding: 0 15px;
  }

  .modal-portfolio.show-modal {
    background-color: #fff;
  }

  .block-ellie-this-is-unitplus {
    width: auto;
  }

  .main-arguments-home {
    width: auto !important;
  }

  .portfolio-selection-display {
    display: none;
  }

  .image-why-unit-plus {
    width: 100%;
    height: auto;
    padding: 0;
  }

  .sicher-partners {
    width: auto;
  }

  .block-content-why-unit-plus {
    width: 100%;
  }

  .content-waiting-list-confirmation {
    padding-left: 2rem;
  }

  .myth-number {
    align-self: center;
    padding-top: 0;
  }

  .display-coffee {
    right: 39%;
  }

  .main-container-myth {
    padding: 4rem 0rem 2rem;
  }

  .myth-title-block {
    padding: 2rem 1rem 2rem 1rem;
  }

  .main-title-carousel {
    padding-bottom: 3rem;
  }

  .sub-xxheaderxxx-slide {
    padding-top: 0rem;
  }

  .slides-wrapper {
    margin: 2rem auto 3rem auto;
  }

  .carousel-arrows {
    padding-top: 5rem;
  }

  .carousel-dots {
    padding-top: 20px;
  }

  .carousel {
    min-width: auto;
    width: 328px;
    overflow: hidden;
  }

  .carousel .band {
    height: 85%;
  }

  .carousel .phone {
    height: 100%;
    width: 100%;
    display: grid;
    place-content: center;
    padding-top: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713, SizingMethod='auto expand');
  }

  .left-block-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 27px;
    padding-left: 13px;
    padding-right: 0;
    padding-top: 20px;
  }

  .unit-reasons {
    padding-left: 0;
  }

  .flip-card {
    height: 255px !important;
    width: 255px !important;
  }

  .content-with-two-section-reverse {
    flex-direction: column-reverse;
  }

  /* .heading {
    padding: 0 10px;
    line-height: normal;
  }
  .heading-text-1,
  .heading-text-2,
  .heading-text-3 {
    font-size: 40px;
    padding-left: 1rem;
    text-align: left;
  } */

  /* .heading-text-3 {
    padding-top: 0;
  } */

  .flowchart-text {
    padding: 1rem 1rem 2rem 1rem;
  }

  .info-cta-inner {
    padding: 1rem;
  }

  .review-title-bottom {
    padding: 60px 1rem 20px;
  }

  /* .fixed-banner-text-1 {
    font-size: 12px;
  } */

  .intro-title-card {
    font-size: 24px;
    line-height: 30px;
  }

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

  .newsletter-block {
    height: 520px;
  }

  .steps-block {
    width: auto !important;
    padding: 0 !important;
  }

  .ellie-steps {
    display: none;
  }

  .ellie-steps-mobile {
    display: block;
    position: absolute;
    top: -158%;
    right: 30px;
  }

  .block-input-newsletter {
    width: 100%;
    margin: 0 auto;
  }

  #mce-FNAME {
    width: 100%;
  }

  .mc-field-group {
    width: 100%;
  }

  .newsletter-agb-contain {
    margin: 0px 0rem 34px;
  }

  .subscribe-button {
    right: 1%;
    top: 9%;
  }

  .newsletter-input {
    width: 100%;
  }

  .bottom-step-text {
    max-width: 98% !important;
    padding-top: 0 !important;
  }

  .funktioniert-block {
    gap: 0px !important;
  }

  .block-funk {
    padding-bottom: 30px;
  }

  .plus-punkte-container {
    padding: 64px 1rem 0px;
  }

  .woman-card {
    bottom: 13%;
    left: 0%;
    height: 231px;
  }

  .bottom-card,
  .top-card {
    max-height: 270px !important;
  }

  #carouselDesktopCard {
    display: none;
  }

  #carouselMobileCard {
    display: block;
  }

  .steuern-container-mobile,
  .kontaktlos-container-mobile,
  .uberblick-container-mobile,
  .nummer-container-mobile,
  .zukunft-container-mobile {
    display: block;
    width: 328px !important;
    height: 345px !important;
  }

  .zukunft-container-mobile .icon-pluspunkte-hovered {
    display: block;
  }

  .steuern-container-mobile .icon-pluspunkte-hovered {
    display: block;
  }

  .steuern-container-mobile .loupe-checked {
    right: 34%;
    height: 90px;
    position: absolute;
  }

  .carousel-apple-ETF.owlnott-carousel.owlnott-loaded.owlnott-drag {
    height: 907px !important;
    margin-bottom: 0 !important;
  }

  .owlnott-carousel.owlnott-loaded.owlnott-drag {
    height: 460px !important;
  }

  .reviews-colored-container-mobile.owlnott-carousel.owlnott-loaded.owlnott-drag {
    height: auto !important;
    margin: 0;
    padding-bottom: 1rem;
  }

  .carousel-apple-ETF.owlnott-carousel .owlnott-stage-outer {
    margin: 0 auto;
  }

  .kontaktlos-container,
  .uberblick-container,
  .nummer-container,
  .zukunft-container {
    display: none;
  }

  .punkte-title-mobile {
    padding-bottom: 16px;
  }

  .terminal-mobile {
    max-height: 115px;
    position: absolute;
    bottom: 20px;
    left: 32%;
  }

  .card-terminal-mobile {
    z-index: 1;
    position: absolute;
    max-height: 123px;
    bottom: -38px;
    left: 24%;
    transform: rotate(4deg);
  }

  .card-payment-list-mobile {
    position: absolute;
    height: 118px;
    transform: rotate(-7deg);
    bottom: 24px;
    left: 21%;
  }

  .payment-list-mobile {
    position: absolute;
    max-height: 188px;
    left: 17%;
    bottom: -42px;
  }

  .card-activation-mobile {
    position: absolute;
    max-height: 198px;
    bottom: -45px;
    left: 15%;
  }

  .card-sustainability-mobile {
    position: absolute;
    max-height: 209px;
    bottom: -39px;
    left: 15%;
  }

  .steuern-container-mobile {
    background: #f2f4f8;
  }

  .kontaktlos-container-mobile {
    background: #f2f4f8;
  }

  .uberblick-container-mobile {
    background: #f2f4f8;
  }

  .nummer-container-mobile {
    background: #f2f4f8;
  }

  .zukunft-container-mobile {
    background: #f2f4f8;
  }

  .owlnott-carousel .owlnott-stage-outer {
    margin-left: 0;
  }

  .pluspunkte {
    height: 450px;
    width: 328px;
  }

  .owlnott-nav.disabled {
    padding-top: 0;
  }

  .owlnott-nav {
    padding-top: 0;
  }

  .owlnott-carousel .owlnott-stage {
    height: 440px;
  }

  .reviews-colored-container-mobile.owlnott-carousel .owlnott-stage {
    height: 340px;
    margin-left: 15px;
  }

  .owlnott-item.active {
    margin-right: 25px !important;
  }

  .banner-card-cont {
    display: none;
  }

  .xxheaderxxx-container-picture-card {
    margin-bottom: 2rem;
    height: 320px;
    width: 320px;
    background-image: url("https://stocksflare.com/assets/cdn.unitplus.eu/images/background-xxheaderxxx-card-page%202.png");
    background-size: 320px 320px;
  }

  .sticky-form-mobile {
    display: flex;
    flex-direction: column;
  }

  #regForm {
    min-width: 0;
    padding: 40px 1.5rem;
  }

  .yield-info-button-pension {
    padding: 0 0 1rem;
  }

  .yield-info-button-pension .p-tyuni-not {
    font-size: 13px;
  }

  #nextBtn {
    width: 100%;
  }

  .slider-pension-container {
    width: 100%;
  }

  .slider-pension {
    width: 100%;
    margin: 0;
  }

  .mehr-flexplus-button {
    width: 100%;
  }

  .sicher-container {
    padding-bottom: 20px;
    padding-top: 52px;
  }

  .review-banner-cont {
    margin-top: 0;
  }

  .block-reviews {
    margin-top: 0;
  }

  .mySlides {
    height: 255px !important;
  }

  .end-left-block {
    width: 86% !important;
    margin: 1rem auto 4rem !important;
  }

  .top-xxheaderxxx-main.flexplus-top-xxheaderxxx-main .xxheaderxxx-main-right .end-left-block {
    margin-bottom: 0 !important;
  }

  .finance-block-text-redirection {
    padding-top: 0 !important;
  }

  .finance-block-title {
    padding-top: 14px;
  }

  .zurstartseite {
    width: auto;
    height: auto;
    padding: 12px 25px;
    margin-top: 7px;
  }

  .xxheaderxxx-container-home {
    justify-content: flex-start;
    padding-top: 5rem;
    margin: 0;
    height: auto !important;
    padding-bottom: 0;
  }

  .review-top {
    display: none;
  }

  .review-top-mobile {
    display: block;
  }

  .icons-container {
    width: 100%;
    height: 150px;
  }

  .icons-block-redirection {
    flex-direction: column !important;
  }

  .icons-text-redirection {
    margin-bottom: 0 !important;
    max-width: 100% !important;
  }

  .icons-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 18px 0px 21px 20px;
  }

  .icon-area {
    padding-right: 16px;
  }

  .icons-text {
    max-width: 220px;
  }

  .block-finance-icons {
    padding: 1rem 0;
  }

  .application--process-block-1 {
    padding: 0;
  }

  .phone-application {
    right: 1%;
    bottom: 21%;
  }

  .ETF-image-mobile {
    position: absolute;
    bottom: -92px;
  }

  .ETF-content {
    position: relative;
    margin-top: 2rem;
  }

  #mobileStickyButton {
    margin: 13px !important;
  }

  .woman-app-steps-block {
    bottom: 30%;
    left: 44%;
  }
}

@media (max-width: 410px) {

  .chart-pension-container-1,
  .chart-pension-container-2 {
    padding-bottom: 4rem;
  }

  .legends-pension-container {
    flex-direction: column;
  }
}

/* MEDIA QUERIES END HERE */