lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    width: 68px;
    height: 48px;
    position: absolute;
    cursor: pointer;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: transparent;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: none;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

@charset "UTF-8";
@tailwind base;
@tailwind components;
@tailwind utilities;
.bg-new {
  background: linear-gradient(315deg, #5e50ac, #7f0a70, #7d2b73);
  background-size: 600% 600%;
  -webkit-animation: AnimationName 30s ease infinite;
  animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 11%;
  }
  50% {
    background-position: 100% 90%;
  }
  100% {
    background-position: 0% 11%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 11%;
  }
  50% {
    background-position: 100% 90%;
  }
  100% {
    background-position: 0% 11%;
  }
}
.bg-light {
  background-color: #dedcee;
}

.bg-dark-gr {
  background: #5e50ac;
  background: linear-gradient(122deg, #5e50ac 0%, #83237d 100%, #00d4ff 100%);
}

.color-violet {
  color: #5e50ac;
}

.bg-violet {
  background-color: #5e50ac;
}

.color-red {
  color: #7f0a70;
}

.bg-red {
  background-color: #7f0a70;
}

.Vue-Toastification__container {
  z-index: 99999999999 !important;
}

input[type=radio]:checked + label span {
  background-color: white;
  content: "✓";
  color: #5e50ac;
  box-shadow: 0px 0px 0px 2px white inset;
}

card-flip-front {
  transform: rotateY(180deg);
}
card-flip-back {
  transform: rotateY(-180deg);
}

/* styles */
#flippable-carousel-flip-card {
  perspective: 1000px;
  @apply opacity-100;
}
#flippable-carousel-flip-card-front-image {
  @apply w-card-mobile lg:w-card-web h-card-mobile lg:h-card-web;
}
#flippable-carousel-flip-card-back-index {
  font-family: "Vibur", cursive;
}
#flippable-carousel-flip-card-front, #flippable-carousel-flip-card-back {
  @apply w-card-mobile h-card-mobile lg:w-card-web lg:h-card-web;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-style: preserve-3d;
}

.text-indigo-600 {
  color: #5E50AC !important;
}

.description-item ul {
  list-style: circle;
  padding-left: 18px;
}

.accordion-button {
  padding-top: 20px;
  font-size: 20px;
  color: #5E50AC;
}

.blog-item-category {
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.15em;
  color: #5E50AC;
}

.blog-item-title {
  font-style: normal !important;
  font-weight: normal !important;
}

.main-header nav a:focus-visible, .main-header nav button:focus-visible {
  outline: none;
  box-shadow: none;
}
.main-header nav a:focus, .main-header nav button:focus {
  outline: none;
  box-shadow: none;
}

.news-categories-wrap a {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.news-categories-wrap a:not(:last-of-type) {
  border-right: 2px solid #fff;
}

.blog-with-dots {
  position: relative;
}
.blog-with-dots:before {
  content: "";
  background-image: url(/images/dotsRepeat.svg);
  background-size: 120px;
  width: 100%;
  height: 100%;
  top: -25%;
  right: -45%;
  z-index: 0;
  position: absolute;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
             supported by Chrome, Edge, Opera and Firefox */
}

.round-icon-note-wrapper {
  transition: transform 0.3s;
}
.round-icon-note-wrapper .rin-icon {
  padding: 30px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.round-icon-note-wrapper .rin-name {
  font-size: 20px;
}
.round-icon-note-wrapper.vertical {
  display: flex;
}
.round-icon-note-wrapper.vertical .rin-icon {
  margin: 20px;
}
.round-icon-note-wrapper.vertical .rin-name {
  width: 100%;
  text-align: left;
}
.round-icon-note-wrapper:hover {
  transform: scale(1.05);
}

.btn-color-bg {
  transition: transform 0.3s;
}
.btn-color-bg:hover {
  transform: scale(1.05);
}

.description-item > p {
  max-height: 3.6em;
  line-height: 1.8em;
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}

.pulsing {
  position: relative;
}
.pulsing:after, .pulsing:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #dfdcef;
  border-radius: 50%;
  -webkit-animation: pulse 3s linear infinite;
          animation: pulse 3s linear infinite;
}
.pulsing:before {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.pulsing:hover:after, .pulsing:hover:before {
  border: 1px solid #5e50ac;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
  }
  to {
    transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  80% {
    opacity: 0.5;
  }
  to {
    transform: scale(1.4);
    opacity: 0;
  }
}
.tutorial-image {
  border-radius: 20px;
}

.br-30 {
  border-radius: 30px;
}

.blog-header {
  background-image: url("/images/maybebg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .blog-header {
    background-size: 200% 80%;
    background-position: top;
  }
}
@media screen and (max-width: 420px) {
  .blog-header {
    background-position: 42% 0;
    background-size: 200% 130%;
  }
}

.big-education-studio-section {
  background-image: url("/images/glutek.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .big-education-studio-section {
    background-size: 200% 80%;
    background-position: top;
  }
}
@media screen and (max-width: 420px) {
  .big-education-studio-section {
    background-position: 42% 0;
    background-size: 200% 130%;
  }
}

.blog-section {
  background-image: url("/images/news_bg.svg");
  background-size: 100% 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .blog-section {
    background-size: 480% 100%;
    background-position: 93%;
  }
}

.news-image {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer-wrapper {
  background-image: url("/images/footer_bg.svg");
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .footer-wrapper {
    background-size: 500% 100%;
    background-position: left;
  }
}

.screen-top-video {
  z-index: 3;
  width: 65%;
  margin-left: 12%;
  margin-top: 12%;
}
@media screen and (max-width: 768px) {
  .screen-top-video {
    z-index: 3;
    width: 50%;
    margin-left: 12%;
    margin-top: 20%;
  }
}

@media screen and (max-width: 768px) {
  .footer-header {
    text-align: center;
  }
}

.home-top-flex {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1220px) {
  .home-top-flex {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1220px) {
  .home-top-flex .xl-mt-48 {
    margin-top: 12rem;
  }
}

.footer-list li a {
  transition: padding-left 0.3s;
}
.footer-list li a:hover {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .footer-list {
    text-align: center;
  }
}

.cta-box {
  border-radius: 20px;
  background-image: url(/images/contact_cta_blob.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1024px) {
  .cta-box {
    background-image: url(/images/contact_cta_blob_horizontal.svg);
  }
}
.cta-box img {
  width: 100%;
}

.color-violet {
  color: #5E50AC;
}

.color-tutorial {
  color: #8E156E;
}

.color-demo {
  color: #5E50AC;
}

.color-contact {
  color: #703A95;
}

.zero-one-bg {
  background-image: url(/images/01.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}

.subpage-header {
  background-color: #fff;
}

.subpage-header nav a, .subpage-header nav button {
  color: #000 !important;
}

.subpage {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .subpage .top-banner {
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.subpage .subpage-head {
  text-align: center;
  position: relative;
}
.subpage .subpage-head:after {
  content: "";
  background-image: url(/images/dotsRepeat.svg);
  position: absolute;
  right: 0;
  bottom: 20px;
  background-size: 120px;
  width: 240px;
  height: 120px;
}
.subpage .subpage-head:before {
  content: "";
  background-image: url(/images/dotsRepeat.svg);
  position: absolute;
  left: 0;
  top: 0px;
  background-size: 120px;
  width: 120px;
  height: 120px;
}
.subpage .subpage-head.overlay-gradient-header {
  background-position: center;
  background-size: 100% auto;
  position: relative;
}
.subpage .subpage-head.overlay-gradient-header:before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: linear-gradient(94.59deg, #5E50AC 23.26%, #802780 97.68%);
  opacity: 0.8;
}
.subpage .site-header {
  font-size: 50px;
  color: #fff;
  text-align: center;
  position: relative;
  font-weight: bold;
  line-height: 68px;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .subpage .site-header {
    font-size: 28px;
    line-height: 34px;
  }
}
.subpage .site-subheader {
  font-size: 15px;
  color: #fff;
  max-width: 720px;
  margin: 0 auto;
  line-height: 30px;
  font-weight: normal;
}

.hardware-supply {
  background-image: url(/images/hardwaresuppliers.png);
  background-image: url(/images/hardwaresuppliers.avif);
}

.dots-bg {
  background-image: url(/images/dotsRepeat.svg);
  background-size: 120px;
}

.knowledge {
  background-image: url(/images/knowledge_left_bg.svg);
  background-position: left;
  background-repeat: no-repeat;
}

.knowledge-ul-container {
  background-image: url(/images/knowledge_ul_bg.svg);
  background-size: 100% 100%;
}

.square-ul {
  list-style-type: none;
}
.square-ul li {
  line-height: 24px;
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.square-ul li:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #5e50ac;
  position: absolute;
  left: 0;
  top: 7px;
}

.cite-sj {
  position: relative;
  font-size: 20px;
}
.cite-sj svg.svg-blob-bg {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-30%) scale(1.5);
  width: 80%;
  height: 100%;
  filter: drop-shadow(0 0 5px rgba(94, 80, 172, 0.25));
  z-index: -1;
}

.cite-sj cite {
  font-size: 0.6em;
  font-weight: 700;
  float: right;
}

.cite-sj cite:before {
  content: "―" " ";
}

.cite-sj:after {
  content: "”";
  position: absolute;
  top: 0.18em;
  right: -40px;
  font-size: 6em;
  font-style: italic;
  color: #bdbec0;
  z-index: -1;
}

svg#freepik_stories-mobile-marketing:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-mobile-marketing.animated #freepik--Icons--inject-11 {
  -webkit-animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn;
          animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) zoomIn;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

svg#freepik_stories-mobile-marketing.animated #freepik--Device--inject-11 {
  -webkit-animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
          animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

svg#freepik_stories-mobile-marketing.animated #freepik--Character--inject-11 {
  -webkit-animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
          animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.dbr-white-ul {
  color: #fff;
}
.dbr-white-ul li {
  margin-top: 20px;
  margin-bottom: 20px;
  list-style-type: initial;
}

.grayscale-mine {
  filter: grayscale(100%);
}

.grayscale-mine:hover {
  filter: grayscale(0%);
}

.modal-enter-active,
.modal-leave-active {
  transition: opacity 0.5s ease;
}

.blog-ps ul {
  list-style: circle;
  padding-left: 20px;
}

.modal-enter-from,
.modal-leave-to {
  opacity: 0;
}

.header-color.text-white {
  color: #fff;
}

.subheader-large.text-white {
  color: #fff;
}

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

.basic-paragraph.text-white {
  color: #fff;
}

.cta-blob-box {
  position: relative;
  overflow: visible;
}
.cta-blob-box.text-center {
  text-align: center;
}
.cta-blob-box.text-center p {
  text-align: center;
}
.cta-blob-box svg.svg-blob-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  filter: drop-shadow(0 0 5px rgba(94, 80, 172, 0.25));
  z-index: -1;
  transform: translate(-30%, -20%);
}
.cta-blob-box svg.svg-blob-bg.to-right {
  transform: translate(0%, -20%);
}

ul.dbr-ul-check li {
  position: relative;
  padding-left: 20px;
}
ul.dbr-ul-check li:before {
  content: "✓";
  color: #5E50AC;
  display: inline-block;
  position: absolute;
  left: 0;
}

.media-header {
  background-image: url(/images/media_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.cooperation-header {
  background-image: url(/images/cooperation_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.values-header {
  background-image: url(/images/values_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.topintegrator-header {
  background-image: url(/images/topintegrator_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.hsv-header {
  background-image: url(/images/hsv_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.tutorials-header {
  background-image: url(/images/tutoriale_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.team-header {
  background-image: url(/images/team_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.payments-header {
  background-image: url(/images/payments_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.faq-header {
  background-image: url(/images/faq_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.solutions-header {
  background-image: url(/images/rozwiazania_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.news-header {
  background-image: url(/images/news_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.blog-ps a {
  color: #5e50ac;
}

#blog-post p strong {
  line-height: 30px !important;
}

.gradient-header {
  background: linear-gradient(94.59deg, #5E50AC 23.26%, #802780 97.68%);
}

.contact-form-wrapper {
  border-radius: 30px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 40px -28px #333;
  position: relative;
}
.contact-form-wrapper .blob-left {
  position: absolute;
  width: 100%;
  height: 320px;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 1;
  transition: transform 0.8s ease-in-out;
  transform: translate(-63%, -20%);
}
.contact-form-wrapper .blob-right {
  position: absolute;
  width: 100%;
  height: 200px;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 1;
  transition: transform 0.8s ease-in-out;
  transform: translate(53%, 10%);
}
.contact-form-wrapper form.dbr-form input.dbr-input {
  font-size: 14px;
  border-radius: 15px;
  border-color: rgba(94, 80, 172, 0.5);
  padding: 0 5px;
}
.contact-form-wrapper form.dbr-form .dbr-input-wrapper textarea {
  font-size: 14px;
  min-height: 100px;
  height: 100px;
  border-color: rgba(94, 80, 172, 0.5);
  border-radius: 15px;
  padding: 10px 20px;
}
.contact-form-wrapper form.dbr-form label {
  font-size: 14px;
  letter-spacing: 0;
}
.contact-form-wrapper:hover .blob-left {
  transform: translate(-68%, -25%) scale(1.02);
}
.contact-form-wrapper:hover .blob-right {
  transform: translate(60%, 15%) scale(1.02);
}

#webinars ul {
  list-style: circle;
  padding-left: 20px;
}

#piotr_list strong {
  color: #5e50ac;
}

.about-header {
  background-image: url(/images/about-header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.webinars-header {
  background-image: url(/images/webinars_bg.jpg);
  background-position: center;
  background-size: 100% auto;
}

.contact-header {
  background-image: url(/images/contact_header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.podcasts-header {
  background-image: url(/images/podcasts_top.jpg);
  background-position: center;
  background-size: 100% auto;
}

.academy-header {
  background-image: url(/images/academy_top.jpg);
  background-position: center;
  background-size: 100% auto;
}

.studio-header {
  background-image: url(/images/studio3d.jpg);
  background-position: center;
  background-size: 100% auto;
}

.marketplace-header {
  background-image: url(/images/marketplace-header.jpg);
  background-position: center;
  background-size: 100% auto;
}

.platform-users {
  background-image: url(/images/users_bg.svg);
  background-size: 100% 100%;
  position: relative;
}
.platform-users:before, .platform-users:after {
  content: "";
  background-image: url(/images/dotsRepeat.svg);
  background-size: 120px;
  background-repeat: repeat;
  position: absolute;
}
.platform-users:before {
  width: 350px;
  height: 250px;
  bottom: 0;
  left: 0;
}
.platform-users:after {
  width: 220px;
  height: 550px;
  bottom: 0;
  right: 0;
}

.light-purple-wave-bg {
  background-image: url(/images/more_info_bg.svg);
  background-position: center;
  background-size: 100% 100%;
}

.dbr-sp-btn {
  line-height: 50px;
  border-radius: 25px;
  color: #fff;
  border: 1px solid #fff;
  background-color: rgba(19, 19, 19, 0.5);
  padding: 0 50px;
  font-weight: bold;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .dbr-sp-btn {
    line-height: 34px;
    border-radius: 17px;
    padding: 0 34px;
  }
}

.search-container {
  width: 600px;
  max-width: 100%;
}
.search-container .sort-button .dropdown-sort {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 10px;
}
.search-container .sort-button .dropdown-sort a {
  display: block;
}
.search-container .search-box {
  position: relative;
}
.search-container .search-box .search-icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-container .search-box .search-icon img {
  max-width: 50px;
}
.search-container .search-box .border-input {
  width: 100%;
  border: 1px solid #5E50AC;
  box-sizing: border-box;
  line-height: 50px;
  border-radius: 25px;
  padding-left: 50px;
}

.grid-items {
  background-image: url(/images/dotsRepeat.svg);
  background-repeat: repeat;
  background-size: 120px;
}
.grid-items .single-item {
  box-shadow: 0px 2px 60px -5px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-color: #fff;
  border-radius: 30px;
}
.grid-items .single-item img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.grid-items.blob-bg {
  background-image: url(/images/seealso.svg);
  background-position: center;
  background-size: 100% 100%;
}

.dbr-input {
  width: 100%;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 25px;
  border: 1px solid #5E50AC;
}

.dbr-btn {
  line-height: 50px;
  color: #fff;
  padding: 0 30px;
  background-color: #5E50AC;
  box-shadow: 0px 5px 30px -5px rgba(94, 80, 172, 0.5);
  border-radius: 25px;
  transition: transform 0.3s;
  font-weight: 600;
}
.dbr-btn.btn-white {
  background-color: #fff;
  color: #5e50ac;
  border: 1px solid #5E50AC;
  box-shadow: 0 5px 30px -5px rgba(94, 80, 172, 0.25);
}
.dbr-btn.btn-sm {
  line-height: 40px;
  padding: 0 25px;
  font-size: 16px;
  border-radius: 20px;
}
.dbr-btn:hover {
  transform: scale(1.05);
}

.t-member {
  transition: transform 0.3s;
}
.t-member:hover {
  transform: scale(1.05);
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bold-h-title {
  font-size: 35px;
  text-transform: uppercase;
}

.newsletter-form {
  max-width: 600px;
  width: 100%;
}

.arrow-scheme {
  position: relative;
}
.arrow-scheme .as-box-container {
  box-shadow: 0px 5px 15px rgba(94, 80, 172, 0.2);
  border-radius: 30px;
  padding: 10px 32px;
  text-align: center;
  min-height: 110px;
  background-color: #fff;
  position: relative;
}
.arrow-scheme .as-box-container.left-arrow:before {
  content: "";
  position: absolute;
  left: -50px;
  height: 100%;
  width: 50px;
  background-image: url(/images/arrowdownleft.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  transform: translateY(50%);
}
.arrow-scheme .as-box-container.right-arrow:before {
  content: "";
  position: absolute;
  right: -50px;
  height: 100%;
  width: 50px;
  background-image: url(/images/arrowdownright.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  transform: translateY(50%);
}
.arrow-scheme:after {
  content: "";
  position: absolute;
  top: 50px;
  left: -100px;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-image: url(/images/dotsRepeat.svg);
  background-repeat: repeat;
  background-size: 120px;
}

svg#freepik_stories-messenger:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-messenger.animated #freepik--background-complete--inject-77 {
  -webkit-animation: 1s 1 forwards linear fadeIn, 3s Infinite linear floating;
          animation: 1s 1 forwards linear fadeIn, 3s Infinite linear floating;
  -webkit-animation-delay: 0s, 1s;
          animation-delay: 0s, 1s;
}

svg#freepik_stories-messenger.animated #freepik--Character--inject-77 {
  -webkit-animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) lightSpeedRight;
          animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) lightSpeedRight;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animator-hidden {
  display: none;
}

.modal-mask {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.modal-container {
  max-width: 1280px;
  margin: 0px auto;
  background-color: #fff;
  border-radius: 37px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  position: relative;
  z-index: 10;
}

.modal-close {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

.video-modal .modal-container {
  max-width: 720px;
}

.login-bg {
  background-image: url(/images/login_bg.svg);
  background-size: 100% 100%;
}

.login-form ::-moz-placeholder {
  color: #fff;
  font-weight: lighter;
}

.login-form :-ms-input-placeholder {
  color: #fff;
  font-weight: lighter;
}

.login-form ::placeholder {
  color: #fff;
  font-weight: lighter;
}

.input-border-white {
  width: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  line-height: 50px;
  border-radius: 25px;
  padding-left: 50px;
  background-color: transparent;
  color: #fff;
}

.white-btn {
  background-color: #fff;
  color: #5E50AC;
  line-height: 50px;
  border-radius: 25px;
}

.violet-btn {
  background-color: #5E50AC;
  color: #fff;
  line-height: 50px;
  border-radius: 25px;
}

.text-w-lines {
  display: block;
  text-align: center;
  position: relative;
  color: #fff;
}
.text-w-lines:before {
  width: 40%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #fff;
}
.text-w-lines:after {
  width: 40%;
  height: 1px;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  background-color: #fff;
}

input:focus {
  outline: none;
}
input:focus-visible {
  outline: none;
}

.sm-log-icon {
  width: 40px;
  margin: 0 auto;
}
.sm-log-icon.whitened {
  filter: brightness(100);
}

.svghomebg {
  width: 100%;
}
.svghomebg path {
  d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 176.027 0.0956108 217.849 0.0956108C232.5 0.0956108 286.512 37 286.512 66C286.512 114.768 217.849 109.502 217.849 136.31C217.849 167.466 248.5 161.5 267.5 190C279.339 207.758 281.86 230.1 273.5 241.5C265.14 252.9 253.651 264.5 229.5 264.5C207.5 264.5 184.963 236.733 155 235.863C131.281 234.56 125.817 281 70.5 281C46 281 15.2308 257.005 5.5075e-05 241.5Z");
  -webkit-animation: morph 9s infinite;
          animation: morph 9s infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes morph {
  0%, 100% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 176.027 0.0956108 217.849 0.0956108C232.5 0.0956108 286.512 37 286.512 66C286.512 114.768 217.849 109.502 217.849 136.31C217.849 167.466 248.5 161.5 267.5 190C279.339 207.758 281.86 230.1 273.5 241.5C265.14 252.9 253.651 264.5 229.5 264.5C207.5 264.5 184.963 236.733 155 235.863C131.281 234.56 125.817 281 70.5 281C46 281 15.2308 257.005 5.5075e-05 241.5Z");
  }
  33% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 176.027 0.0956108 217.849 0.0956108C232.5 0.0956108 273.5 6.5 273.5 34.5C273.5 85 232 72.6915 232 99.5C232 141 282.5 141 285.5 173.5C289.958 221.795 242.5 207 223.5 229.5C214.379 240.301 197.953 279.237 174.5 285C154.151 290 127 269.5 105 262.5C79.5 253 64.5923 274.464 37.5 285C28.5 288.5 3.5 288 5.5075e-05 241.5Z");
  }
  66% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 209.178 0.0956108 251 0.0956108C265.651 0.0956108 282.5 7 282.5 35C282.5 63 207.5 98.6915 207.5 125.5C207.5 167 272.293 137.34 245 169C207.5 212.5 239 210.5 229.5 241.5C215.494 287.204 165.773 235.737 142.32 241.5C121.971 246.5 105 286 78.5 286.5C60.5 286.5 62.5923 242.964 35.5 253.5C26.5 257 3.5 288 5.5075e-05 241.5Z");
  }
}

@keyframes morph {
  0%, 100% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 176.027 0.0956108 217.849 0.0956108C232.5 0.0956108 286.512 37 286.512 66C286.512 114.768 217.849 109.502 217.849 136.31C217.849 167.466 248.5 161.5 267.5 190C279.339 207.758 281.86 230.1 273.5 241.5C265.14 252.9 253.651 264.5 229.5 264.5C207.5 264.5 184.963 236.733 155 235.863C131.281 234.56 125.817 281 70.5 281C46 281 15.2308 257.005 5.5075e-05 241.5Z");
  }
  33% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 176.027 0.0956108 217.849 0.0956108C232.5 0.0956108 273.5 6.5 273.5 34.5C273.5 85 232 72.6915 232 99.5C232 141 282.5 141 285.5 173.5C289.958 221.795 242.5 207 223.5 229.5C214.379 240.301 197.953 279.237 174.5 285C154.151 290 127 269.5 105 262.5C79.5 253 64.5923 274.464 37.5 285C28.5 288.5 3.5 288 5.5075e-05 241.5Z");
  }
  66% {
    d: path("M5.5075e-05 241.5C-0.000297784 225.5 0.00138609 158.047 5.5075e-05 136.31C2.85845e-05 87.7657 -3.77654e-05 76.173 2.86106e-05 23.282C2.86106e-05 -2.80198 13.1084 0.0960019 47.4399 0.0956108C96.7524 0.0956108 113.606 0.0956108 142.32 0.0956108C171.033 0.0961602 209.178 0.0956108 251 0.0956108C265.651 0.0956108 282.5 7 282.5 35C282.5 63 207.5 98.6915 207.5 125.5C207.5 167 272.293 137.34 245 169C207.5 212.5 239 210.5 229.5 241.5C215.494 287.204 165.773 235.737 142.32 241.5C121.971 246.5 105 286 78.5 286.5C60.5 286.5 62.5923 242.964 35.5 253.5C26.5 257 3.5 288 5.5075e-05 241.5Z");
  }
}
.big-nr {
  font-size: 70px;
  color: #5E50AC;
  font-weight: bold;
  position: relative;
  line-height: 1;
  font-family: Nunito, sans-serif;
}
.big-nr:after {
  content: "";
  background-color: #F2F2F2;
  position: absolute;
  top: 30%;
  left: 15%;
  width: 100%;
  height: 60%;
  z-index: -1;
}
.big-nr span {
  position: relative;
  z-index: 5;
}
.big-nr.not-so-big {
  font-size: 30px;
}
.blob-right-bg-contests {
  background-image: url(/images/blobContestsRight.svg);
  background-size: 50% 100%;
  background-position: right center;
  background-repeat: no-repeat;
}

.contest-cards {
  display: flex;
  font-family: Nunito, sans-serif;
}
.contest-cards .card {
  padding: 3em;
  box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  transition: transform 0.3s;
}
.contest-cards .card.zoomed {
  transform: scale(1.05);
  z-index: 2;
}
.contest-cards .card:hover {
  z-index: 9;
  transform: scale(1.1);
}
.contest-cards .card .card-image {
  text-align: center;
}
.contest-cards .card .card-image img {
  margin: 0 auto;
}
.contest-cards .card .card-name {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #5e50ac;
}
.contest-cards .card .card-text p.basic-paragraph {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.team-member-image {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.new-studio-item .nsi-category {
  font-size: 15px;
  text-transform: uppercase;
}

.single-item.webinars-more-item {
  background-color: transparent;
  box-shadow: unset;
  color: #fff;
}
.single-item.webinars-more-item .item-date {
  font-weight: 400;
  font-size: 15px;
}
.single-item.webinars-more-item .item-image img {
  border-radius: 30px;
}
.single-item.webinars-more-item .item-name {
  font-size: 20px;
  font-weight: 500;
}
.single-item.webinars-more-item .description-item {
  font-size: 15px;
  font-weight: lighter;
}

.grid-with-gradient-background {
  position: relative;
}
.grid-with-gradient-background:before {
  width: 220px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.white-bg-btn {
  background-color: #fff;
  border: 1px solid #5E50AC;
  line-height: 50px;
  padding-left: 50px;
  padding-right: 50px;
  color: #5E50AC;
  border-radius: 25px;
}

.db-pagination .carousel__pagination .carousel__pagination-item .carousel__pagination-button {
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #5E50AC;
  box-sizing: border-box;
  box-shadow: 0px 0px 30px -5px #5E50AC;
}
.db-pagination .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active {
  background: #5E50AC;
}

.carousel__slide.ppc-slide .ppc-slide-content {
  background: #FFFFFF;
  overflow: hidden;
  box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  margin: 30px 15px;
}
.carousel__slide.ppc-slide .ppc-slide-content .slide-text-content {
  padding: 30px;
}
.carousel__slide.ppc-slide .ppc-slide-content .big-nr {
  display: inline-block;
}
.carousel__slide.ppc-slide .ppc-slide-content .big-nr span {
  position: relative;
  z-index: 2;
}
.carousel__slide.ppc-slide .ppc-slide-content .big-nr:after {
  z-index: 1;
}
.carousel__slide.ppc-slide .ppc-slide-content .title {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 30px;
  color: #000000;
}
.carousel__slide.ppc-slide .ppc-slide-content .desc {
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 30px;
}

.survey-carousel-slide {
  font-family: Nunito, sans-serif;
}
.survey-carousel-slide .scs-slide-content {
  background: #FFFFFF;
  overflow: hidden;
  box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  margin: 30px 15px;
}
.survey-carousel-slide .scs-slide-content .title {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 48px;
}
.survey-carousel-slide .scs-slide-content .counter {
  color: #5e50ac;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 30px;
}
.survey-carousel-slide .dbrlogo img {
  margin: 0 auto;
  max-width: 200px;
}
.survey-carousel-slide .answers .answer {
  align-items: center;
  display: flex;
}
.survey-carousel-slide .answers .answer input {
  margin-right: 10px;
  width: 25px;
  height: 20px;
}
.survey-carousel-slide .answers .answer input + label {
  font-weight: 300;
  font-size: 15px;
  line-height: 30px;
}
.survey-carousel-slide .answers .answer input + label:hover {
  font-weight: bolder;
}
.survey-carousel-slide .answers .answer input:checked + label {
  font-weight: bolder;
}

.p-15-300 {
  font-size: 15px;
  line-height: 30px;
  font-weight: 300;
}

.studio-3d-showroom {
  background-image: url("/images/showroom-right-blob.svg");
  background-size: 50% 100%;
  background-position: right center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .studio-3d-showroom {
    background-size: 50% 50%;
    background-position: right bottom;
  }
}

.showroom-video-home .toanim {
  transition: fill 0.3s;
}
.showroom-video-home .toanim:hover circle.play-circle {
  fill: #5e50ac;
}
.showroom-video-home .toanim:hover path.play-triangle {
  fill: #fff;
}

.db-ul-vbullet {
  list-style: none;
}
.db-ul-vbullet li {
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
}
.db-ul-vbullet li::before {
  content: "•";
  color: #5E50AC;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 34px;
  vertical-align: bottom;
}

.card-w-nrs {
  box-shadow: 0 0 20px -10px #5e50ac;
  position: relative;
  text-align: center;
  font-size: 16px;
}
.card-w-nrs .content .basic-paragraph {
  font-size: 16px;
}
.card-w-nrs .number {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 30px;
  line-height: 30px;
  padding: 25px 35px;
  background-image: url("/images/blobs/blob-card-nr.svg");
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.dots-on-left:before {
  content: "";
  width: 300px;
  height: 240px;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/images/dotsRepeat.svg);
  background-size: 120px;
}
.dots-on-left.dots-thinner:before {
  width: 120px;
  height: 300px;
}

.header-w-tile-bg {
  position: relative;
  display: inline-block;
}
.header-w-tile-bg:before {
  content: "";
  width: 47px;
  height: 49px;
  background: rgba(94, 80, 172, 0.1);
  position: absolute;
  top: 0;
  left: -20px;
}

.tiles-section .tile-item {
  border-radius: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.25);
}
.tiles-section .tile-item .item-name {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.15em;
  color: #5E50AC;
  text-transform: uppercase;
}

.finansowanie-bg {
  background-image: url(/images/finansowanie-bg.svg);
  background-size: 100% 100%;
}

.dbr-form .dbr-input-wrapper {
  position: relative;
}
.dbr-form .dbr-input-wrapper label {
  position: absolute;
  left: 15px;
  top: 25px;
  transform: translateY(-50%);
  letter-spacing: 2px;
  z-index: -1;
  transition: 0.3s;
  background: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.dbr-form .dbr-input-wrapper .dbr-input {
  background-color: transparent;
}
.dbr-form .dbr-input-wrapper .dbr-input:focus + label {
  top: 0;
  z-index: 1;
  color: #5E50AC;
}
.dbr-form .dbr-input-wrapper .dbr-input:not(:-moz-placeholder-shown) + label {
  top: 0;
  z-index: 1;
  color: #5E50AC;
}
.dbr-form .dbr-input-wrapper .dbr-input:not(:-ms-input-placeholder) + label {
  top: 0;
  z-index: 1;
  color: #5E50AC;
}
.dbr-form .dbr-input-wrapper .dbr-input:not(:placeholder-shown) + label {
  top: 0;
  z-index: 1;
  color: #5E50AC;
}
.dbr-form .dbr-input-wrapper .dbr-textarea {
  background-color: transparent;
  width: 100%;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 25px;
  border: 1px solid #5E50AC;
  min-height: 180px;
}
.dbr-form .dbr-input-wrapper .dbr-textarea:focus, .dbr-form .dbr-input-wrapper .dbr-textarea:focus-visible {
  outline: none;
  box-shadow: none;
  color: #5E50AC;
}
.dbr-form .dbr-input-wrapper .dbr-textarea:not(:-moz-placeholder-shown) + label {
  z-index: 1;
  top: 0;
}
.dbr-form .dbr-input-wrapper .dbr-textarea:not(:-ms-input-placeholder) + label {
  z-index: 1;
  top: 0;
}
.dbr-form .dbr-input-wrapper .dbr-textarea:not(:placeholder-shown) + label, .dbr-form .dbr-input-wrapper .dbr-textarea:focus + label {
  z-index: 1;
  top: 0;
}

.news-single-image {
  float: left;
  padding-right: 35px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .news-single-image {
    float: none;
    width: 100%;
    padding: 20px 0;
  }
}

.faqs-wrapper .faq-single:nth-of-type(odd) .fs-question {
  background: #FFFFFF;
  box-shadow: 31px 6px 50px -15px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
.faqs-wrapper .faq-single:nth-of-type(even) .fs-question {
  background: #FFFFFF;
  box-shadow: inset 20px 15px 60px -35px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
}
.faqs-wrapper .faq-single .fs-question {
  font-family: Nunito;
  padding: 30px 50px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.faqs-wrapper .faq-single .fs-answer {
  background-color: #5E50AC;
  border-radius: 30px;
  padding: 60px 50px 30px 50px;
  margin-top: -30px;
}

.v-container-playbtn {
  position: relative;
}
.v-container-playbtn .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 5px 40px -5px #8E156E;
  transition: box-shadow 0.3s;
  cursor: pointer;
}
.v-container-playbtn .play-btn svg {
  width: 40px;
  height: 40px;
  transition: width 0.3s, height 0.3s;
}
.v-container-playbtn .play-btn:hover {
  box-shadow: 0px 5px 50px -5px #8E156E;
}
.v-container-playbtn .play-btn:hover svg {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .v-container-playbtn .play-btn {
    padding: 30px;
  }
  .v-container-playbtn .play-btn svg {
    width: 30px;
    height: 30px;
  }
  .v-container-playbtn .play-btn:hover svg {
    width: 40px;
    height: 40px;
  }
}

.left-column-hero {
  max-width: 65%;
}

@media screen and (max-width: 1366px) {
  .left-column-hero {
    max-width: 840px;
    width: 100%;
  }
}
[tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.9em;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}

[tooltip]::after {
  content: attr(tooltip);
  text-align: center;
  min-width: 12em;
  width: 100%;
  max-width: 31em;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 4px;
  box-shadow: 0px 5px 30px -5px rgba(94, 80, 172, 0.5);
  background: #fff;
  /*border: 1px solid #000;*/
  color: #000;
  z-index: 1000;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  /*border-top-color: $pink;*/
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}

.stepnr {
  color: #000;
  font-size: 28px;
  font-weight: bold;
}
.stepnr:before {
  content: "";
  width: 50px;
  height: 5px;
  background-color: #5E50AC;
  display: block;
  margin-bottom: 10px;
}

.step-text {
  font-size: 20px;
}