@use '@styles/main.scss';
@use '@styles/abstracts/_variables.scss' as var;


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

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

body {
  line-height: 1
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

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

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

main {
  display: block
}

[hidden] {
  display: none!important
}

button,input,select,svg,textarea {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: baseline
}

button,input,select,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  outline: none
}

textarea {
  overflow: auto
}

button {
  cursor: pointer
}

button::-moz-focus-inner {
  border: 0
}

input::-ms-clear,select::-ms-expand {
  display: none
}

template {
  display: none!important
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}

a {
  color: inherit
}

:focus,a,a:focus,a:hover {
  outline: 0;
  text-decoration: none
}

em {
  font-style: italic
}

strong {
  font-weight: 700
}

img {
  border: 0
}

[v-cloak] {
  display: none!important
}

.icon-arrow-right:before {
  content: "\e917"!important
}

.icon-arrow-left:before,.icon-arrow-right:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-arrow-left:before {
  content: "\e918"!important
}

.icon-arrow-up:before {
  content: "\e911"!important
}

.icon-arrow-down:before,.icon-arrow-up:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-arrow-down:before {
  content: "\e912"!important
}

.icon-mute:before {
  content: "\e913"!important
}

.icon-mute:before,.icon-unmute:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-unmute:before {
  content: "\e914"!important
}

.icon-play:before {
  content: "\e900"!important
}

.icon-ico-search:before,.icon-play:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-search:before {
  content: "\e910"!important
}

.icon-ico-pdf:before {
  content: "\e90f"!important
}

.icon-ico-pdf:before,.icon-pacifier:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-pacifier:before {
  content: "\e901"!important
}

.icon-drop:before {
  content: "\e902"!important
}

.icon-drop:before,.icon-tennis-ball:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-tennis-ball:before {
  content: "\e903"!important
}

.icon-teddy-bear:before {
  content: "\e904"!important
}

.icon-ico-facebook:before,.icon-teddy-bear:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-facebook:before {
  content: "\e905"!important
}

.icon-ico-instagram:before {
  content: "\e906"!important
}

.icon-ico-instagram:before,.icon-ico-lokalizacja-autobus:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-lokalizacja-autobus:before {
  content: "\e907"!important
}

.icon-ico-lokalizacja-bank:before {
  content: "\e908"!important
}

.icon-ico-lokalizacja-bank:before,.icon-ico-lokalizacja-lotnisko:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-lokalizacja-lotnisko:before {
  content: "\e909"!important
}

.icon-ico-lokalizacja-poznan:before {
  content: "\e90a"!important
}

.icon-ico-lokalizacja-poznan:before,.icon-ico-lokalizacja-sklep:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-lokalizacja-sklep:before {
  content: "\e90b"!important
}

.icon-ico-lokalizacja-szkola:before {
  content: "\e90c"!important
}

.icon-ico-lokalizacja-szkola:before,.icon-ico-lokalizacja-szpital:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

.icon-ico-lokalizacja-szpital:before {
  content: "\e90d"!important
}

.icon-ico-youtube:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e"!important;
  font-family: icomoon!important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-transform: none
}

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

html {
  font-size: 10px;
  line-height: 1
}

body {
  color: #2c2a33;
  font-family: Gilroy,sans-serif;
  font-weight: 400;
  position: relative
}

main {
  background: #f3f3f4;
  overflow: hidden
}

h1,h2 {
  font-size: 3rem
}

h1,h2,h3 {
  font-weight: 700;
  line-height: 4.05rem
}

h3 {
  font-size: 2.5rem
}

h4 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.85rem
}

h5,h6 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.5rem
}

p {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.9rem
}

::-webkit-input-placeholder {
  color: #959499;
  opacity: 1
}

:-ms-input-placeholder {
  opacity: 1
}

::-ms-input-placeholder {
  opacity: 1
}

::placeholder {
  color: #959499;
  opacity: 1
}

:-ms-input-placeholder {
  color: #959499
}

::-ms-input-placeholder {
  color: #959499
}

.styled-scrollbars::-webkit-scrollbar {
  height: 10px;
  width: 10px
}

.styled-scrollbars::-webkit-scrollbar-thumb {
  background: #ffe606;
  border-radius: 5px
}

.styled-scrollbars::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 5px
}

em {
  font-style: unset
}

html {
  scroll-behavior: smooth
}

:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0
}

.svg__heart {
  display: none
}

table {
  width: 100%
}

.glightbox {
  position: relative
}

.glightbox:hover .glightbox__zoom {
  background: #c869f5
}

.glightbox__zoom {
  align-items: center;
  aspect-ratio: 1/1;
  background: #ff6072;
  border-radius: 50%;
  bottom: 3rem;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 3rem;
  transition: .5s;
  width: 6rem;
  z-index: 15
}

.glightbox__zoom img,.glightbox__zoom svg {
  height: 2rem;
  object-fit: contain;
  width: 2rem
}

.glightbox-container {
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 999999!important
}

.glightbox-container.inactive {
  display: none
}

.glightbox-container .gcontainer {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 9999
}

.glightbox-container .gslider {
  align-items: center;
  display: flex!important;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  transform: translateZ(0);
  transition: transform .4s ease;
  width: 100%
}

.glightbox-container .gslide {
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 1;
  opacity: 0;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.glightbox-container .gslide.current {
  opacity: 1;
  position: relative;
  z-index: 99999
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999
}

.glightbox-container .gslide-inner-content {
  width: 100%
}

.glightbox-container .ginner-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  margin: auto;
  max-width: 100%;
  position: relative;
  width: 100%
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%
}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top {
  flex-direction: column
}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right {
  max-width: 100%!important
}

.gslide iframe,.gslide video {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  border: none;
  min-height: 165px;
  outline: 0!important;
  touch-action: auto
}

.gslide-image {
  align-items: center
}

.gslide-image img {
  border: none;
  display: block;
  float: none;
  height: auto;
  margin: auto;
  max-height: 100vh;
  max-width: 100%;
  max-width: 100vw;
  min-width: 200px;
  object-fit: cover;
  outline: 0;
  padding: 0;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto
}

.desc-bottom .gslide-image img,.desc-top .gslide-image img {
  width: auto
}

.desc-left .gslide-image img,.desc-right .gslide-image img {
  max-width: 100%;
  width: auto
}

.gslide-image img.zoomable {
  position: relative
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing!important;
  cursor: grabbing!important;
  transition: none
}

.gslide-video {
  max-width: 100%;
  max-width: 100vh;
  position: relative;
  width: 100%;
  width: 100vh;
  width: 100%!important
}

.gslide-video .gvideo-wrapper {
  margin: auto;
  width: 100%
}

.gslide-video:before {
  background: rgba(255,0,0,.34);
  content: "";
  display: block;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%
}

.gslide-video.playing:before {
  display: none
}

.gslide-video.fullscreen {
  max-width: 100%!important;
  min-width: 100%
}

.gslide-video.fullscreen video {
  max-width: 100%!important;
  width: 100%!important
}

.gslide-inline {
  background: #fff;
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 20px;
  text-align: left
}

.ginlined-content {
  display: block!important;
  opacity: 1;
  overflow: auto
}

.gslide-external {
  background: #fff;
  display: flex;
  max-height: 62vh;
  min-width: 100%;
  overflow: auto;
  padding: 0;
  width: 100%
}

.gslide-media {
  display: block;
  display: inline-flex;
  display: flex;
  width: auto
}

.zoomed .gslide-media {
  box-shadow: none!important
}

.desc-bottom .gslide-media,.desc-top .gslide-media {
  flex-direction: column;
  margin: 0 auto
}

.gslide-description {
  position: relative
}

.gslide-description.description-left,.gslide-description.description-right {
  max-width: 100%
}

.gslide-description.description-bottom,.gslide-description.description-top {
  margin: 0 auto;
  width: 100%
}

.gslide-description p {
  margin-bottom: 12px
}

.gslide-description p::last-child {
  margin-bottom: 0
}

.zoomed .gslide-description {
  display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
  background: 0 0;
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.75));
  bottom: 15px;
  height: auto!important;
  max-height: 78vh;
  max-width: 100vw!important;
  order: 2!important;
  overflow: auto!important;
  padding: 19px 11px 50px;
  position: absolute;
  transition: opacity .3s linear;
  width: 100%
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4
}

.gdesc-open .gslide-media {
  opacity: .4;
  transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px
}

.gdesc-closed .gslide-media {
  opacity: 1;
  transition: opacity .5s ease
}

.greset {
  transition: all .3s ease
}

.gabsolute {
  position: absolute
}

.grelative {
  position: relative
}

.glightbox-desc {
  display: none!important
}

.glightbox-open {
  overflow: hidden
}

.gloader {
  animation: lightboxLoader .8s linear infinite;
  border: 2px solid #fff;
  border-radius: 50%;
  border-right-color: transparent;
  display: block;
  height: 25px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 47%;
  width: 25px;
  z-index: 9999
}

.goverlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  will-change: opacity
}

.glightbox-mobile .goverlay,.goverlay {
  background: #000
}

.gclose,.gnext,.gprev {
  background-position: 0 0;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  height: 44px;
  width: 26px;
  z-index: 99999
}

.gclose svg,.gnext svg,.gprev svg {
  display: block;
  height: auto;
  width: 100%
}

.gclose.disabled,.gnext.disabled,.gprev.disabled {
  opacity: .1
}

.gclose .garrow,.gnext .garrow,.gprev .garrow {
  stroke: #fff
}

iframe.wait-autoplay {
  opacity: 0
}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev {
  opacity: 0!important
}

.glightbox-clean .gslide-description,.glightbox-modern .gslide-description {
  background: #fff
}

.glightbox-clean .gdesc-inner,.glightbox-modern .gdesc-inner {
  padding: 22px 20px
}

.glightbox-clean .gslide-title,.glightbox-modern .gslide-title {
  color: #000;
  font-family: arial;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 19px
}

.glightbox-clean .gslide-desc,.glightbox-modern .gslide-desc {
  font-family: arial;
  font-size: .86em;
  line-height: 1.4em;
  margin-bottom: 0
}

.glightbox-clean .gslide-video,.glightbox-modern .gslide-video {
  background: #000
}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev,.glightbox-modern .gclose,.glightbox-modern .gnext,.glightbox-modern .gprev {
  background-color: rgba(0,0,0,.12)
}

.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover,.glightbox-modern .gclose:hover,.glightbox-modern .gnext:hover,.glightbox-modern .gprev:hover {
  background-color: rgba(0,0,0,.2)
}

.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path,.glightbox-modern .gclose path,.glightbox-modern .gnext path,.glightbox-modern .gprev path {
  fill: #fff
}

.glightbox-clean button:focus:not(.focused):not(.disabled),.glightbox-modern button:focus:not(.focused):not(.disabled) {
  outline: 0
}

.glightbox-clean .gprev,.glightbox-modern .gprev {
  height: 56px;
  left: 30px;
  position: absolute;
  top: -100%;
  width: 40px
}

.glightbox-clean .gnext,.glightbox-modern .gnext {
  height: 56px;
  position: absolute;
  right: 30px;
  top: -100%;
  width: 40px
}

.glightbox-clean .gclose,.glightbox-modern .gclose {
  background-position: -59px 2px;
  height: 35px;
  opacity: .7;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 35px
}

.glightbox-clean .gclose svg,.glightbox-modern .gclose svg {
  width: 20px
}

.glightbox-clean .gclose:hover,.glightbox-modern .gclose:hover {
  opacity: 1
}

.gfadeIn {
  animation: gfadeIn .5s ease
}

.gfadeOut {
  animation: gfadeOut .5s ease
}

.gslideOutLeft {
  animation: gslideOutLeft .3s ease
}

.gslideInLeft {
  animation: gslideInLeft .3s ease
}

.gslideOutRight {
  animation: gslideOutRight .3s ease
}

.gslideInRight {
  animation: gslideInRight .3s ease
}

.gzoomIn {
  animation: gzoomIn .5s ease
}

.gzoomOut {
  animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
  0% {
      transform: rotate(0)
  }

  to {
      transform: rotate(1turn)
  }
}

@keyframes gfadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes gfadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes gslideInLeft {
  0% {
      opacity: 0;
      transform: translate3d(-60%,0,0)
  }

  to {
      opacity: 1;
      transform: translateZ(0);
      visibility: visible
  }
}

@keyframes gslideOutLeft {
  0% {
      opacity: 1;
      transform: translateZ(0);
      visibility: visible
  }

  to {
      opacity: 0;
      transform: translate3d(-60%,0,0);
      visibility: hidden
  }
}

@keyframes gslideInRight {
  0% {
      opacity: 0;
      transform: translate3d(60%,0,0);
      visibility: visible
  }

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

@keyframes gslideOutRight {
  0% {
      opacity: 1;
      transform: translateZ(0);
      visibility: visible
  }

  to {
      opacity: 0;
      transform: translate3d(60%,0,0)
  }
}

@keyframes gzoomIn {
  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 1
  }
}

@keyframes gzoomOut {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  to {
      opacity: 0
  }
}

.tns-outer {
  padding: 0!important
}

.tns-outer [hidden] {
  display: none!important
}

.tns-outer [aria-controls],.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  transition: all 0s
}

.tns-slider>.tns-item {
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  clear: both;
  content: "";
  display: table
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-gallery,.tns-no-calc {
  left: 0;
  position: relative
}

.tns-gallery {
  min-height: 1px
}

.tns-gallery>.tns-item {
  left: -100%;
  position: absolute;
  transition: transform 0s,opacity 0s
}

.tns-gallery>.tns-slide-active {
  left: auto!important;
  position: relative
}

.tns-gallery>.tns-moving {
  transition: all .25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  opacity: .6;
  transition: opacity .6s
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  left: -10000em;
  position: absolute
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 0
}

.tns-fadeOut,.tns-normal {
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  height: 10px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 310px
}

.tns-t-ct {
  position: absolute;
  right: 0;
  width: 2333.3333333%;
  width: 2333.33333%;
  width: 2333.3333333333%
}

.tns-t-ct:after {
  clear: both;
  content: "";
  display: table
}

.tns-t-ct>div {
  float: left;
  height: 10px;
  width: 1.4285714%;
  width: 1.42857%;
  width: 1.4285714286%
}

.cookies {
  align-items: center;
  background: #fff;
  border: 1px solid #959499;
  border-radius: 1rem;
  bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 50%;
  max-width: 100rem;
  padding: 2rem;
  position: fixed;
  transform: translate(-50%,100rem);
  transition: 1s ease-in-out;
  width: 90%;
  z-index: 9991
}

.cookies--show {
  transform: translate(-50%)
}

.cookies__icon {
  width: 5rem
}

.cookies__iconItem {
  width: 65%
}

.cookies__content {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  width: calc(88% - 5rem)
}

.cookies__content a {
  color: #ff6072
}

.cookies__content a:hover {
  color: #764ced
}

.cookies__btn {
  width: 12%
}

.cookies__btnItem {
  align-content: center;
  align-items: center;
  background: #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: 2rem;
  max-width: 90%;
  padding: 0 3rem;
  text-align: center;
  transition: .5s;
  width: 100%
}

.cookies__btnItem:hover {
  background: #764ced
}

.container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1420px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%
}

.container:after,.container:before {
  clear: both;
  content: "";
  display: block
}

.container--small {
  max-width: 1080px
}

.container--fluid,.container--small {
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

.container--fluid {
  max-width: 100%
}

.container .row {
  margin-left: -15px;
  margin-right: -15px
}

.container .row:after,.container .row:before {
  clear: both;
  content: "";
  display: block
}

.container .row--fluid {
  margin-left: 0;
  margin-right: 0
}

.container .row--fluid .col-1,.container .row--fluid .col-10,.container .row--fluid .col-11,.container .row--fluid .col-12,.container .row--fluid .col-2,.container .row--fluid .col-3,.container .row--fluid .col-4,.container .row--fluid .col-5,.container .row--fluid .col-6,.container .row--fluid .col-7,.container .row--fluid .col-8,.container .row--fluid .col-9 {
  padding-left: 0;
  padding-right: 0
}

.container .row--flex {
  display: flex;
  flex-wrap: wrap
}

.container .row--flex .col-1,.container .row--flex .col-10,.container .row--flex .col-11,.container .row--flex .col-12,.container .row--flex .col-2,.container .row--flex .col-3,.container .row--flex .col-4,.container .row--flex .col-5,.container .row--flex .col-6,.container .row--flex .col-7,.container .row--flex .col-8,.container .row--flex .col-9,html[dir=rtl] html[dir=rtl] .container .row--flex .col-1,html[dir=rtl] html[dir=rtl] .container .row--flex .col-10,html[dir=rtl] html[dir=rtl] .container .row--flex .col-11,html[dir=rtl] html[dir=rtl] .container .row--flex .col-12,html[dir=rtl] html[dir=rtl] .container .row--flex .col-2,html[dir=rtl] html[dir=rtl] .container .row--flex .col-3,html[dir=rtl] html[dir=rtl] .container .row--flex .col-4,html[dir=rtl] html[dir=rtl] .container .row--flex .col-5,html[dir=rtl] html[dir=rtl] .container .row--flex .col-6,html[dir=rtl] html[dir=rtl] .container .row--flex .col-7,html[dir=rtl] html[dir=rtl] .container .row--flex .col-8,html[dir=rtl] html[dir=rtl] .container .row--flex .col-9 {
  float: none
}

.container .row .col-1,.container .row .col-10,.container .row .col-11,.container .row .col-12,.container .row .col-2,.container .row .col-3,.container .row .col-4,.container .row .col-5,.container .row .col-6,.container .row .col-7,.container .row .col-8,.container .row .col-9 {
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

html[dir=rtl] html[dir=rtl] .container .row .col-1,html[dir=rtl] html[dir=rtl] .container .row .col-10,html[dir=rtl] html[dir=rtl] .container .row .col-11,html[dir=rtl] html[dir=rtl] .container .row .col-12,html[dir=rtl] html[dir=rtl] .container .row .col-2,html[dir=rtl] html[dir=rtl] .container .row .col-3,html[dir=rtl] html[dir=rtl] .container .row .col-4,html[dir=rtl] html[dir=rtl] .container .row .col-5,html[dir=rtl] html[dir=rtl] .container .row .col-6,html[dir=rtl] html[dir=rtl] .container .row .col-7,html[dir=rtl] html[dir=rtl] .container .row .col-8,html[dir=rtl] html[dir=rtl] .container .row .col-9 {
  float: right
}

.container .row .col-1 {
  width: 8.3333333333%
}

.container .row .col-2 {
  width: 16.6666666667%
}

.container .row .col-3 {
  width: 25%
}

.container .row .col-4 {
  width: 33.3333333333%
}

.container .row .col-5 {
  width: 41.6666666667%
}

.container .row .col-6 {
  width: 50%
}

.container .row .col-7 {
  width: 58.3333333333%
}

.container .row .col-8 {
  width: 66.6666666667%
}

.container .row .col-9 {
  width: 75%
}

.container .row .col-10 {
  width: 83.3333333333%
}

.container .row .col-11 {
  width: 91.6666666667%
}

.container .row .col-12 {
  width: 100%
}

.container .row .offset-col-1 {
  margin-left: 8.3333333333%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-1 {
  margin-left: 0;
  margin-right: 8.3333333333%
}

.container .row .offset-col-2 {
  margin-left: 16.6666666667%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-2 {
  margin-left: 0;
  margin-right: 16.6666666667%
}

.container .row .offset-col-3 {
  margin-left: 25%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-3 {
  margin-left: 0;
  margin-right: 25%
}

.container .row .offset-col-4 {
  margin-left: 33.3333333333%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-4 {
  margin-left: 0;
  margin-right: 33.3333333333%
}

.container .row .offset-col-5 {
  margin-left: 41.6666666667%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-5 {
  margin-left: 0;
  margin-right: 41.6666666667%
}

.container .row .offset-col-6 {
  margin-left: 50%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-6 {
  margin-left: 0;
  margin-right: 50%
}

.container .row .offset-col-7 {
  margin-left: 58.3333333333%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-7 {
  margin-left: 0;
  margin-right: 58.3333333333%
}

.container .row .offset-col-8 {
  margin-left: 66.6666666667%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-8 {
  margin-left: 0;
  margin-right: 66.6666666667%
}

.container .row .offset-col-9 {
  margin-left: 75%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-9 {
  margin-left: 0;
  margin-right: 75%
}

.container .row .offset-col-10 {
  margin-left: 83.3333333333%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-10 {
  margin-left: 0;
  margin-right: 83.3333333333%
}

.container .row .offset-col-11 {
  margin-left: 91.6666666667%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-11 {
  margin-left: 0;
  margin-right: 91.6666666667%
}

.container .row .offset-col-12 {
  margin-left: 100%
}

html[dir=rtl] html[dir=rtl] .container .row .offset-col-12 {
  margin-left: 0;
  margin-right: 100%
}

main.askMoreBanner .askMore {
  display: flex;
  justify-content: center
}

main.askMoreBanner .askMore__container {
  align-items: center;
  background-color: #79fd7f;
  background-image: url(@images/askMore-bg.svg);
  background-size: cover;
  border-radius: 2.6rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 5rem;
  padding: 32px 16px 30px;
  width: 100%
}

main.askMoreBanner .askMore__subheader {
  align-items: center;
  color: #4221b8;
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 700;
  gap: 8px;
  line-height: 32px;
  text-align: center
}

main.askMoreBanner .askMore__subheader:before {
  background-image: url(@images/askMore-hat.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 90px;
  position: relative;
  width: 112px
}

main.askMoreBanner .askMore__header {
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  padding-inline:10px;position: relative;
  text-align: center
}

main.askMoreBanner .askMore__link {
  background: #4221b8;
  border-radius: 5.7rem;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1rem;
  max-width: 80%;
  padding: 18px 23px;
  text-align: center;
  transition: .5s;
  width: auto;
  width: 256px
}

main.askMoreBanner .askMore__link:hover {
  background: #ff6072
}

main.askMoreBanner .post__extraCtaProp--lt,main.askMoreBanner .post__extraCtaProp--rt {
  z-index: -10
}

main.askMoreBanner .post__extraCtaProp--lb {
  bottom: unset;
  top: 215px;
  z-index: -10
}

main.askMoreBanner .page__postSidebar .askMore__container {
  display: none
}

.breadcrumbs {
  align-content: center;
  color: #111;
  flex-wrap: wrap;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.9rem;
  padding: 12rem 0 2rem
}

.breadcrumbs img,.breadcrumbs svg {
  display: inline-block;
  margin: 0 1rem;
  position: relative;
  top: .2rem
}

html[dir=rtl] .breadcrumbs img,html[dir=rtl] .breadcrumbs svg {
  transform: rotate(180deg)
}

.breadcrumbs span {
  display: inline
}

.page__categoryTitle {
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4rem;
  padding-bottom: 4rem
}

.page__categoryTitle--smallSpace {
  padding-bottom: 2rem
}

.page__categorySubNav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: flex-start;
  padding-bottom: 4rem
}

.page__categorySubItem {
  border: .2rem solid #ff6072;
  border-radius: 5.7rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 1.2rem 2rem;
  transition: .5s
}

.page__categorySubItem:hover {
  background: #ff6072;
  color: #fff
}

.star__cover {
  border-radius: 7rem;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.liked__heading {
  padding-bottom: 3rem
}

.liked__title {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem
}

.liked__container {
  display: flex;
  flex-wrap: wrap
}

.liked__noResults {
  color: #ff6072;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4.2rem
}

.liked__noResults img {
  border: 8px solid #fff;
  border-radius: 5rem;
  margin-bottom: 8rem;
  margin-top: 5.3rem;
  max-width: 100%
}

.starred__heading {
  padding-bottom: 3rem
}

.starred__title {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem
}

.starred__container {
  display: flex;
  flex-wrap: wrap
}

.starred__noResults {
  color: #ff6072;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4.2rem
}

.starred__noResults img {
  border: 8px solid #fff;
  border-radius: 5rem;
  margin-bottom: 8rem;
  margin-top: 5.3rem;
  max-width: 100%
}

.comments-banner {
  --bg: #9694ff;
  --text: #fff;
  --radius: 20px;
  --font-size: 16px;
  background-color: var(--bg);
  border-radius: var(--radius);
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative
}

.comments-banner__pics {
  height: 180px;
  position: relative
}

.comments-banner__curve {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0
}

.comments-banner__tablet {
  left: 5%;
  position: absolute;
  top: 16px;
  width: 90px;
  z-index: 2
}

.comments-banner__notebook {
  position: absolute;
  right: 5%;
  top: 16px;
  width: 80px;
  z-index: 2
}

.comments-banner__hat {
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  width: 180px
}

.comments-banner__hat,.comments-banner__star {
  position: absolute;
  z-index: 2
}

.comments-banner__star.star1 {
  left: 45%;
  top: 16px;
  width: 34px
}

.comments-banner__star.star2 {
  left: 32px;
  top: 123px;
  width: 34px
}

.comments-banner__star.star3 {
  right: 32px;
  top: 140px;
  width: 27px
}

.comments-banner__text {
  margin: 0 10% 60px 15%
}

.comments-banner__text p {
  color: var(--text);
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1.375em;
  margin-bottom: var(--font-size)
}

.comments-banner__arrow {
  bottom: 3.8%;
  left: 6%;
  position: absolute;
  width: 30px
}

.comments-banner .tablet {
  display: none
}

.comments {
  max-height: 80rem;
  overflow-y: scroll;
  padding: 1rem
}

.comments li {
  background: #fff;
  border-radius: 2.4rem;
  margin-bottom: 4rem;
  padding: 2rem
}

.comments li:last-child {
  margin-bottom: 0
}

.comments__author {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  padding-bottom: .4rem
}

.comments__date {
  color: #2c2a33;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1rem;
  opacity: 22%
}

.comments__content {
  margin-bottom: 1rem
}

.comments__content,.comments__content p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem
}

.comments__reply {
  display: flex
}

.comments__reply a {
  background: #fff;
  border: 1.5px solid #c86bf5;
  border-radius: 2.35rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1.4rem 7rem;
  transition: .5s;
  width: auto
}

.comments__reply a:hover {
  background: #ffb804;
  color: #fff
}

.comments__form {
  background: #fff;
  display: flex;
  flex-wrap: wrap
}

.comments__form .form-submit {
  display: flex
}

.comments__form .form-submit .submit {
  background: #ff6072;
  border-radius: 2.35rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1.4rem 7rem;
  transition: .5s;
  width: auto
}

.comments__form .form-submit .submit:hover {
  background: #764ced
}

.comment-reply-title {
  color: #ff6072;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 2rem
}

.comment-form-author,.comment-form-email {
  width: 50%
}

.comment-form-comment,.comment-form-cookies-consent,.form-submit {
  width: 100%
}

.comment-form-author,.comment-form-comment,.comment-form-email {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2.5rem
}

.comment-form-author label,.comment-form-comment label,.comment-form-email label {
  color: #959499;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  width: 100%
}

.comment-form-author input,.comment-form-author textarea,.comment-form-comment input,.comment-form-comment textarea,.comment-form-email input,.comment-form-email textarea {
  background: #fff;
  border-bottom: 2px solid #eee;
  padding: 1.5rem 0
}

.comment-form-author input:focus,.comment-form-author textarea:focus,.comment-form-comment input:focus,.comment-form-comment textarea:focus,.comment-form-email input:focus,.comment-form-email textarea:focus {
  border-bottom-color: #c86bf5
}

.comment-form-author input:not(:-ms-input-placeholder),.comment-form-author textarea:not(:-ms-input-placeholder),.comment-form-comment input:not(:-ms-input-placeholder),.comment-form-comment textarea:not(:-ms-input-placeholder),.comment-form-email input:not(:-ms-input-placeholder),.comment-form-email textarea:not(:-ms-input-placeholder) {
  border-bottom-color: #ff6072
}

.comment-form-author input:not(:placeholder-shown),.comment-form-author textarea:not(:placeholder-shown),.comment-form-comment input:not(:placeholder-shown),.comment-form-comment textarea:not(:placeholder-shown),.comment-form-email input:not(:placeholder-shown),.comment-form-email textarea:not(:placeholder-shown) {
  border-bottom-color: #ff6072
}

.comment-form-author input,.comment-form-comment input,.comment-form-email input {
  width: 90%
}

.comment-form-author textarea,.comment-form-comment textarea,.comment-form-email textarea {
  width: 100%
}

.comment-form-email label {
  padding-left: 10%
}

.comment-form-email input {
  margin-left: 10%
}

.comment-form-cookies-consent {
  align-content: center;
  align-items: center;
  background: orange;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 2.5rem
}

.comment-form-cookies-consent input {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  margin-right: .5rem;
  margin-top: -.15rem
}

.comment-notes {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  padding-bottom: 2rem;
  width: 100%
}

.comment-reply-title {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-right: 5rem;
  padding-top: 1rem
}

html[dir=rtl] .comment-reply-title {
  padding-left: 5rem;
  padding-right: 0
}

.comment-reply-title small a {
  background: #fff;
  border: 1.5px solid #c86bf5;
  border-radius: 2.35rem;
  font-size: 14px;
  font-weight: 400;
  padding: 1rem 3rem;
  transition: .5s
}

.comment-reply-title small a:hover {
  background: #ffb804;
  color: #fff
}

.comment-list {
  margin-bottom: 3rem
}

.commentsForm__wrapper {
  background: #fff;
  border-radius: 2.4rem;
  margin-bottom: 0;
  min-height: 10rem;
  padding: 3rem;
  position: relative
}

.commentsForm__wrapper .comments__form {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0,1,0,1)
}

.commentsForm__wrapper:has(#wp-temp-form-div) {
  display: none
}

.commentsForm__openForm {
  max-height: 999rem!important;
  transition: max-height .5s cubic-bezier(1,0,1,0)!important
}

.commentsForm__btn {
  cursor: pointer;
  height: 4.3rem;
  position: absolute;
  right: 3rem;
  text-align: right;
  top: 4rem;
  width: 50%
}

html[dir=rtl] .commentsForm__btn {
  left: 3rem;
  right: unset;
  text-align: left
}

.commentsForm__btn--open .commentsForm__btnIcon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.commentsForm__btnIcon {
  aspect-ratio: 1;
  transition: transform .8s ease-in-out;
  width: 4.3rem
}

.recaptcha-policies {
  padding-bottom: 0;
  padding-top: 2rem
}

.single .grecaptcha-badge {
  display: none
}

.post__extraCta--app .post__extraCtaContent {
  background-color: #dc2266;
  background-image: url(@images/cta-app-bg-d-1.png?v=1);
  background-position: 50% 0;
  padding: 4rem 2rem
}

.post__extraCta--app .post__extraCtaLink:hover {
  background-color: #ffe606;
  color: #000
}

.v3 .post__extraCtaLink {
  display: flex!important
}

.errorPage {
  position: relative
}

.errorPage__wrapper {
  left: calc(50% - 680px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35%
}

.errorPage__preHeading {
  color: #ff6072;
  font-size: 8rem;
  font-weight: 700;
  line-height: 9rem
}

.errorPage__heading {
  color: #ff6072;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 6rem;
  padding-bottom: 2rem
}

.errorPage__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.15rem;
  padding-bottom: 1.5rem
}

.errorPage__buttons {
  display: flex;
  padding-top: .5rem
}

.errorPage__buttonsItem {
  background: #ff6072;
  border-radius: 5.7rem;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-right: 1.5rem;
  padding: 1.6rem 3.6rem;
  text-align: center;
  transition: .5s
}

.errorPage__buttonsItem:hover {
  background: #764ced
}

.errorPage__buttonsItem--cta {
  background: transparent;
  border: 2px solid #c869f5;
  color: #000
}

.errorPage__buttonsItem--cta:hover {
  background: #c869f5;
  color: #fff
}

.errorPage__imageItem {
  width: 100%
}

.errorPage__imageItem--desktop {
  display: block
}

.errorPage__imageItem--mobile {
  display: none
}

.postFaq {
  overflow: visible;
  padding-bottom: 4rem;
  position: relative
}

.postFaq h3 {
  align-content: center;
  align-items: center;
  color: #ff6072;
  display: flex;
  display: block;
  font-size: 2.9rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 4rem;
  margin-bottom: 32px;
  width: 100%
}

.postFaq__wrapper {
  margin: 100px auto;
  max-width: 840px;
  position: relative;
  z-index: 2
}

.postFaq__bg {
  display: none;
  position: relative
}

.postFaq__bg:before {
  background-image: url(@images/blogFaq__plane.svg);
  background-position: -43px 90px;
  background-size: 297px 114px
}

.postFaq__bg:after,.postFaq__bg:before {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.postFaq__bg:after {
  background-image: url(@images/blogFaq__headphones.svg);
  background-position: -43px calc(100% - 65px);
  background-size: 255px 178px
}

.postFaq__rocket {
  background-image: url(@images/blogFaq__rocket.svg);
  background-position: 97% calc(100% - 150px);
  background-repeat: no-repeat;
  background-size: 140px 335px;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.faqItem {
  border: 1px solid #210a74;
  border-radius: 2.6rem;
  color: #210a74;
  margin-bottom: 1rem;
  transition: all .2s ease-in-out
}

.faqItem__question {
  text-wrap: balance;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  line-height: 1.5em;
  padding: 2rem 5rem 2rem 2rem;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none
}

.faqItem__question:before {
  background-image: url(@images/roundBtn.svg);
  background-size: contain;
  display: block
}

.faqItem__question:after,.faqItem__question:before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  height: 32px;
  position: absolute;
  right: 2rem;
  top: 1.8rem;
  width: 32px
}

.faqItem__question:after {
  align-items: center;
  background-image: url(@images/close.svg);
  background-size: 10px 10px;
  display: flex;
  justify-content: center;
  transform-origin: 50% 50%;
  transition: all .2s ease-in-out
}

html[dir=rtl] .faqItem__question {
  padding: 2rem 2rem 2rem 5rem
}

html[dir=rtl] .faqItem__question:after,html[dir=rtl] .faqItem__question:before {
  left: 2rem;
  right: unset
}

.faqItem__answer {
  font-size: 1.6rem;
  height: 0;
  line-height: 1.5em;
  opacity: 0;
  overflow: hidden;
  padding: 0 2rem;
  transition: all .2s ease-in-out
}

.postFaq input[type=radio]:checked+.faqItem .faqItem__question:after {
  transform: rotate(135deg)
}

.postFaq input[type=radio]:checked+.faqItem .faqItem__answer {
  height: auto;
  opacity: 1;
  overflow: hidden;
  padding: 0 2rem 2rem
}

.fifaLpSlider {
  background: #f3f3f4;
  padding-top: 4rem!important;
  position: relative;
  z-index: 10
}

.fifaLpSlider__wrapper iframe {
  border-radius: 2.6rem
}

.fifaLpSlider__header {
  padding-bottom: 5rem;
  padding-top: 2rem;
  text-align: center
}

.fifaLpSlider__heading {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 7rem;
  margin-bottom: 1rem
}

.fifaLpSlider__subheading {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 2.9rem
}

.fifaLpSlider__controls {
  align-content: center;
  padding-top: 4rem
}

.fifaLpSlider__controls,.fifaLpSlider__videosNav {
  align-items: center;
  display: flex;
  justify-content: center
}

.fifaLpSlider__videosNav {
  background: #8b6bff;
  border-radius: 50%;
  cursor: pointer;
  height: 5.5rem;
  transition: .5s;
  width: 5.5rem
}

.fifaLpSlider__videosNav--left {
  margin-right: 25px
}

.fifaLpSlider__videosNav--left svg {
  transform: rotate(180deg)
}

html[dir=rtl] .fifaLpSlider__videosNav--left svg {
  transform: rotate(0deg)
}

.fifaLpSlider__videosNav--right {
  margin-left: 25px
}

html[dir=rtl] .fifaLpSlider__videosNav--right svg {
  transform: rotate(180deg)
}

.fifaLpSlider__videosNav--rtlLeft {
  margin-left: 25px;
  margin-right: unset
}

.fifaLpSlider__videosNav--rtlRight {
  margin-left: unset;
  margin-right: 25px
}

.fifaLpSlider__videosNav:hover {
  background-color: #764ced
}

.mobile__langMenu {
  background: #fff;
  bottom: 0;
  left: 20%;
  max-height: 0;
  overflow: hidden;
  position: fixed;
  width: 60%;
  z-index: 2110
}

.mobile__langMenu,.mobile__langMenu--open {
  transition: max-height .5s cubic-bezier(0,1,0,1)
}

.mobile__langMenu--open {
  max-height: 1000rem
}

.mobile__langMenuTitle {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 3rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
  width: 50%
}

.mobile__langMenuClose,html[dir=rtl] .mobile__langMenuTitle {
  padding: 1.5rem 0 1.5rem 1.5rem
}

.mobile__langMenuClose {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 3rem;
  text-align: right;
  width: 50%
}

html[dir=rtl] .mobile__langMenuClose {
  text-align: left
}

.mobile__langMenuWrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  overflow-y: scroll;
  padding: 3rem 5rem
}

.mobile__langMenuItem {
  align-content: center;
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 2rem;
  margin-bottom: .2rem;
  padding: .9rem 0;
  width: 40%
}

.mobile__langMenuItem:nth-child(odd) {
  margin-right: 20%
}

.mobile__langMenuItem img {
  margin-right: 1.5rem
}

html[dir=rtl] .mobile__langMenuItem img {
  margin-left: 1.5rem;
  margin-right: unset
}

.mobile__langMenuItem:hover {
  color: #ffb804
}

html[dir=rtl] .mobile__langMenuItem:nth-child(odd) {
  margin-left: 20%;
  margin-right: 0
}

.progressBar {
  background-color: #8b6bff;
  display: none;
  height: 1rem;
  position: relative;
  width: 100%
}

.progressBar__bar {
  background-color: #ffe606;
  border-radius: 0 1rem 1rem 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0
}

html[dir=rtl] .progressBar__bar {
  border-radius: 1rem 0 0 1rem;
  left: unset;
  right: 0
}

.progressBar--active {
  display: block;
  z-index: 880
}

.scrollTop {
  bottom: 2rem;
  cursor: pointer;
  position: fixed;
  right: 2rem;
  z-index: 1099
}

html[dir=rtl] .scrollTop {
  left: 2rem;
  right: unset
}

.scrollTop svg {
  width: 6rem
}

.scrollTop:hover svg path:first-child {
  fill: #ffb804
}

.mainCta {
  padding-bottom: 6rem;
  padding-top: 3rem
}

.mainCta__wrapper {
  position: relative
}

.mainCta__image {
  bottom: 0;
  left: 3rem;
  max-width: 32rem;
  position: absolute;
  width: 100%;
  z-index: 23
}

html[dir=rtl] .mainCta__image {
  left: unset;
  right: 3rem
}

.mainCta__imageMobile {
  display: none
}

.mainCta__box {
  background: #ff6072;
  border-radius: 2.5rem;
  display: flex;
  overflow: hidden;
  padding: 4rem;
  position: relative;
  z-index: 20
}

.mainCta__boxEmpty {
  width: 30%
}

.mainCta__boxContent {
  width: 40%;
  z-index: 20
}

.mainCta__boxLogo {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30%;
  z-index: 20
}

.mainCta__boxLogoItem {
  width: 60%
}

.mainCta__heading {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  padding-bottom: 1.5rem
}

.mainCta__heading mark {
  background: unset;
  color: #ffe606
}

.mainCta__subheading {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 4rem
}

.mainCta__button {
  padding-top: 1.5rem
}

.mainCta__buttonItem {
  align-content: center;
  align-items: center;
  background: #c86bf5;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: 2.1rem;
  max-width: 21rem;
  padding: 0 3rem;
  text-align: center;
  transition: .5s
}

.mainCta__buttonItem:hover {
  background: #ffb804
}

.mainCta__boxPropLeft {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 19
}

html[dir=rtl] .mainCta__boxPropLeft {
  left: unset;
  right: 0;
  transform: scaleX(-1);
  width: 30%
}

.mainCta__boxPropRight {
  bottom: 0;
  position: absolute;
  right: 3rem;
  z-index: 19
}

html[dir=rtl] .mainCta__boxPropRight {
  left: 3rem;
  right: unset
}

.mainCta__triangle {
  left: 23%;
  position: absolute;
  top: -3.5rem;
  z-index: 22
}

html[dir=rtl] .mainCta__triangle {
  left: unset;
  right: 23%
}

.navbar {
  background: #ff6072;
  max-height: 1000px;
  transition: max-height 1s ease-in-out
}

.navbar--close {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0,1,0,1)
}

.navbar--close .navbar__wrapper {
  transform: translateY(-10000px)
}

.navbar__wrapper {
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
  transform: translateY(0);
  transition: .2s ease-in-out
}

.navbar__categories,.navbar__wrapper {
  align-content: center;
  display: flex;
  flex-direction: row
}

.navbar__categories {
  align-items: center;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 10rem;
  position: relative;
  width: calc(100% - 10rem)
}

.navbar__categories .tns-outer {
  width: calc(100% - 160px)
}

.navbar__categoriesSlider {
  display: flex;
  max-height: 60px;
  overflow: unset;
  overflow: hidden;
  width: calc(100% - 20rem)
}

.navbar__categoriesSlider--hide,.navbar__fullMenuWrapper {
  max-height: 0;
  overflow: hidden
}

.navbar__fullMenuWrapper {
  background: #8b6bff;
  border-radius: 0 0 3rem 3rem;
  left: 0;
  max-width: 18rem;
  position: absolute;
  top: 6.5rem
}

html[dir=rtl] .navbar__fullMenuWrapper {
  left: unset;
  right: 0
}

.navbar__fullMenuWrapper--open {
  max-height: 10000px;
  overflow: unset;
  z-index: 885
}

.navbar__categoriesListFull {
  align-content: center;
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1.5rem 1.5rem .5rem
}

.navbar__categoriesListFullItem {
  margin-bottom: 2rem;
  width: 100%
}

.navbar__categoriesNav {
  align-items: center;
  background: #8b6bff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 5.5rem;
  justify-content: center;
  transition: .5s;
  width: 5.5rem
}

.navbar__categoriesNav--left {
  margin-right: 25px
}

.navbar__categoriesNav--left img,.navbar__categoriesNav--left svg {
  transform: rotate(180deg)
}

html[dir=rtl] .navbar__categoriesNav--left img,html[dir=rtl] .navbar__categoriesNav--left svg {
  transform: rotate(0deg)
}

.navbar__categoriesNav--right {
  margin-left: 25px
}

html[dir=rtl] .navbar__categoriesNav--right svg {
  transform: rotate(180deg)
}

.navbar__categoriesNav--rtlLeft {
  margin-left: 25px;
  margin-right: unset
}

.navbar__categoriesNav--rtlRight {
  margin-left: unset;
  margin-right: 25px
}

.navbar__categoriesNav:hover {
  background-color: #764ced
}

.navbar__categoriesLink {
  align-content: center;
  align-items: center;
  border: .15rem solid #fff;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: normal;
  padding: 0 2.7rem;
  text-align: center;
  transition: .5s
}

.navbar__categoriesLink.active,.navbar__categoriesLink:hover {
  border-color: #ffe606;
  font-weight: 700
}

.navbar__categoriesLink.active {
  background: hsla(0,0%,100%,.2)
}

.navbar__categoriesLinkMenu {
  align-content: center;
  align-items: center;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  min-height: 2rem;
  padding: .2rem 1rem;
  text-align: center;
  transition: .5s
}

.navbar__categoriesLinkMenu:hover {
  background: #764ced;
  border-color: #764ced
}

.navbar__categoriesLinkMenu.active {
  background: hsla(0,0%,100%,.2)
}

.navbar__actions {
  flex-direction: row;
  flex-wrap: nowrap;
  height: 10rem;
  justify-content: flex-end;
  width: 10rem
}

.navbar__actions,.navbar__menu {
  align-content: center;
  align-items: center;
  display: flex
}

.navbar__menu {
  background: #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: normal;
  margin-right: 2rem;
  padding: 0 3rem;
  text-align: center;
  transition: .5s;
  width: 18rem
}

html[dir=rtl] .navbar__menu {
  margin-left: 2rem;
  margin-right: unset
}

.navbar__menu:hover {
  background: #764ced
}

.navbar__menu svg {
  transition-duration: .8s;
  transition-property: transform
}

.navbar__menu--open {
  border-radius: 3rem 3rem 0 0;
  transition: .5s
}

.navbar__menu--open:hover {
  background: #8b6bff
}

.navbar__menu--open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.navbar__menuArrow {
  margin-left: .5rem
}

html[dir=rtl] .navbar__menuArrow {
  margin-left: unset;
  margin-right: .5rem
}

.navbar__menuArrow svg path {
  stroke: #fff
}

.navbar__actionButton {
  align-content: center;
  align-items: center;
  background: #ff6072;
  border: 1px solid #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: normal;
  margin-left: 2.5rem;
  padding: 0 3rem;
  position: relative;
  transition: .5s
}

html[dir=rtl] .navbar__actionButton {
  margin-left: unset;
  margin-right: 2.5rem
}

.navbar__actionButton:hover {
  border-color: #fff
}

.navbar__actionButton a,.navbar__actionButton em {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.navbar__actionButton em {
  border-radius: 50%;
  bottom: -1rem;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2.5rem;
  line-height: normal;
  position: absolute;
  right: 0;
  width: 2.5rem
}

.navbar__actionButton svg {
  height: 2rem;
  width: 2rem
}

.navbar__actionButton--starred em {
  background: #ffe606;
  color: #ff6072
}

.navbar__actionButton--starred svg path {
  fill: #ffe606
}

.navbar__actionButton--liked em {
  background: #c86bf5;
  color: #ffe606
}

.navbar__search {
  align-content: center;
  align-items: center;
  background: #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: normal;
  margin-left: 2.5rem;
  padding: 0 3rem;
  transition: .5s
}

html[dir=rtl] .navbar__search {
  margin-left: unset;
  margin-right: 2.5rem
}

.navbar__search:hover {
  background: #764ced
}

.newCategories {
  background: #ff6072;
  position: relative;
  width: calc(100% - 10rem);
  z-index: 1020
}

.newCategories__wrapper {
  justify-content: flex-start;
  width: 100%
}

.newCategories__menuList,.newCategories__wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.newCategories__menuList {
  justify-content: flex-end
}

.newCategories__menuItem {
  display: flex;
  position: relative
}

.newCategories__menuLink {
  align-items: center;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  color: #fff;
  display: flex;
  font-size: 1.7rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.29rem;
  min-height: 10rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.newCategories__menuLink svg {
  transition: .5s
}

.newCategories__menuLink svg path {
  stroke: #fff;
  transition: .5s
}

.newCategories__menuLink:hover {
  background: #fff;
  color: #000
}

.newCategories__menuLink:hover svg path {
  stroke: #000
}

.newCategories__menuLink--open {
  background: #fff;
  border-left: .2rem solid #ffe606;
  border-right: .2rem solid #ffe606;
  color: #000
}

.newCategories__menuLink--open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.newCategories__menuLink--open svg path {
  stroke: #000
}

.newCategories__menuLinkHolder {
  align-items: center;
  display: flex;
  gap: .8rem;
  justify-content: center;
  min-height: 7rem;
  min-width: 17rem;
  padding: .5rem 1.6rem;
  text-align: center;
  width: 100%
}

.newCategories__menuArrow {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  transition: .5s
}

.newCategories__subMenu {
  align-content: flex-start;
  align-items: flex-start;
  background: #fff;
  border-left: .2rem solid #ffe606;
  border-radius: 0 0 1.6rem 1.6rem;
  border-right: .2rem solid #ffe606;
  box-shadow: 2px 10px 10px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 10rem;
  transition: all .1s ease-out;
  width: 150%;
  z-index: 999
}

html[dir=rtl] .newCategories__subMenu {
  left: unset;
  right: 0
}

.newCategories__subMenu--open {
  border-bottom: .2rem solid #ffe606;
  max-height: 999rem;
  transition: all .3s ease-in
}

.newCategories__subMenuItem {
  border-top: .2rem solid #f5f5f6;
  max-width: 100%;
  min-width: 100%
}

.newCategories__subMenuItem:first-child {
  border-top: unset
}

.newCategories__subMenuLink {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 1.5rem 2.2rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.newCategories__subMenuLink:hover {
  color: #764ced
}

.newCategories__menuMobileTrigger {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 1.7rem;
  font-weight: 400;
  gap: .8rem;
  justify-content: center;
  line-height: 2.29rem;
  min-height: 8.4rem;
  padding: .5rem 1.5rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.newCategories__menuMobileTrigger svg {
  transition: .5s
}

.newCategories__menuMobileTrigger svg path {
  stroke: #fff;
  transition: .5s
}

.newCategories__menuMobileTrigger:hover {
  background: #fff;
  color: #000
}

.newCategories__menuMobileTrigger:hover svg path {
  stroke: #000
}

.newCategories__menuMobileArrow {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  transition: .5s
}

.newCategories__menuMobileBox {
  background: #ff6072;
  display: none;
  height: 100vh;
  left: 0;
  max-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4050
}

.newCategories__menuMobileBox[data-categories-new-mobile-box=true] {
  max-height: 100vh;
  max-width: 100%;
  overflow-y: auto
}

.newCategories__menuMobileHeader {
  align-items: center;
  display: flex;
  padding: 2rem
}

.newCategories__menuMobileBack {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1);
  width: calc(100% - 20rem)
}

.newCategories__menuMobileBack[data-categories-new-mobile-back-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories__menuMobileBackItem {
  cursor: pointer
}

.newCategories__menuMobileBackArrow svg {
  transform: rotate(180deg)
}

.newCategories__menuMobileClose {
  text-align: right;
  width: 100%
}

html[dir=rtl] .newCategories__menuMobileClose {
  text-align: left
}

.newCategories__menuMobileCloseIcon {
  cursor: pointer
}

.newCategories__menuMobileMain {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1)
}

.newCategories__menuMobileMain[data-categories-new-mobile-main-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories__menuMobileSub {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1)
}

.newCategories__menuMobileSub[data-categories-new-mobile-sub-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories__menuMobileTitle {
  color: #ffe606;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  padding: 1.3rem 3rem
}

.newCategories__menuMobileList {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding-top: 1rem
}

.newCategories__menuMobileItem {
  border-bottom: .2rem solid hsla(0,0%,100%,.4)
}

.newCategories__menuMobileItem:last-child {
  border-bottom: unset
}

.newCategories__menuMobileParent {
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding: 1.3rem 6rem 1.3rem 3rem;
  position: relative;
  width: 100%
}

html[dir=rtl] .newCategories__menuMobileParent {
  padding: 1.3rem 3rem 1.3rem 6rem
}

.newCategories__menuMobileLink {
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding: 1.3rem 3rem
}

.newCategories__menuMobileParentArrow {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%)
}

html[dir=rtl] .newCategories__menuMobileParentArrow {
  left: 3rem;
  right: unset;
  rotate: 180deg;
  transform: translateY(50%)
}

.navbar2 {
  --arrow-right: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMTJoMTZtMCAwLTYgNm02LTYtNi02IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
  background: #ff6072;
  max-height: 1000px;
  transition: max-height 1s ease-in-out
}

.navbar2--close {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0,1,0,1)
}

.navbar2--close .navbar2__wrapper {
  transform: translateY(-10000px)
}

.navbar2__wrapper {
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
  transform: translateY(0);
  transition: .2s ease-in-out
}

.navbar2__categories,.navbar2__wrapper {
  align-content: center;
  display: flex;
  flex-direction: row
}

.navbar2__categories {
  align-items: center;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 9rem;
  position: relative;
  width: calc(100% - 9rem)
}

.navbar2__categoriesSlider {
  display: flex;
  max-height: 60px;
  overflow: unset;
  overflow: hidden;
  width: 100%
}

.navbar2__categoriesSlider--hide {
  max-height: 0;
  overflow: hidden
}

.navbar2__categoriesSlider .tns-outer {
  width: calc(100% - 160px)
}

.navbar2__categoriesListFull {
  align-content: center;
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 2rem 1.5rem .5rem
}

.navbar2__categoriesListFullItem {
  margin-bottom: 2rem;
  width: 100%
}

.navbar2__categoriesNav {
  align-items: center;
  background: #8b6bff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 4.5rem;
  justify-content: center;
  transition: .5s;
  width: 4.5rem
}

.navbar2__categoriesNav--left {
  margin-right: 10px
}

.navbar2__categoriesNav--left img,.navbar2__categoriesNav--left svg {
  transform: rotate(180deg)
}

html[dir=rtl] .navbar2__categoriesNav--left img,html[dir=rtl] .navbar2__categoriesNav--left svg {
  transform: rotate(0deg)
}

.navbar2__categoriesNav--right {
  margin-left: 10px
}

html[dir=rtl] .navbar2__categoriesNav--right svg {
  transform: rotate(180deg)
}

.navbar2__categoriesNav--rtlLeft {
  margin-left: 10px;
  margin-right: unset
}

.navbar2__categoriesNav--rtlRight {
  margin-left: unset;
  margin-right: 10px
}

.navbar2__categoriesNav:hover {
  background-color: #764ced
}

.navbar2__categoriesLink {
  align-content: center;
  align-items: center;
  border: .15rem solid #fff;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.5rem;
  justify-content: center;
  line-height: normal;
  line-height: 1.1;
  padding: 0 2.7rem;
  text-align: center;
  transition: .5s
}

.navbar2__categoriesLink.active,.navbar2__categoriesLink:hover {
  border-color: #ffe606;
  font-weight: 700
}

.navbar2__categoriesLink.active {
  background: hsla(0,0%,100%,.2)
}

.navbar2__categoriesLinkMenu {
  text-wrap: balance;
  align-content: center;
  align-items: center;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  line-height: normal;
  min-height: 2rem;
  padding: .2rem 1rem;
  text-align: center;
  transition: .5s
}

.navbar2__categoriesLinkMenu:hover {
  background: #764ced;
  border-color: #764ced
}

.navbar2__categoriesLinkMenu.active {
  background: hsla(0,0%,100%,.2)
}

.navbar2__actions {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 9rem;
  justify-content: flex-end;
  width: 9rem
}

.navbar2__menuArrow {
  margin-left: .5rem
}

html[dir=rtl] .navbar2__menuArrow {
  margin-left: unset;
  margin-right: .5rem
}

.navbar2__menuArrow svg path {
  stroke: #fff
}

.navbar2__actionButton {
  align-content: center;
  align-items: center;
  background: #ff6072;
  border: 1px solid #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 5.5rem;
  justify-content: center;
  line-height: normal;
  margin-left: 2.5rem;
  padding: 0 3rem;
  position: relative;
  transition: .5s
}

html[dir=rtl] .navbar2__actionButton {
  margin-left: unset;
  margin-right: 2.5rem
}

.navbar2__actionButton:hover {
  border-color: #fff
}

.navbar2__actionButton a,.navbar2__actionButton em {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.navbar2__actionButton em {
  border-radius: 50%;
  bottom: -1rem;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2.5rem;
  line-height: normal;
  position: absolute;
  right: 0;
  width: 2.5rem
}

.navbar2__actionButton svg {
  height: 2rem;
  width: 2rem
}

.navbar2__actionButton--starred em {
  background: #ffe606;
  color: #ff6072
}

.navbar2__actionButton--starred svg path {
  fill: #ffe606
}

.navbar2__actionButton--liked em {
  background: #c86bf5;
  color: #ffe606
}

.navbar2__search {
  align-content: center;
  align-items: center;
  background: #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.5rem;
  justify-content: center;
  line-height: normal;
  margin-left: 2.5rem;
  padding: 0 3rem;
  transition: .5s
}

html[dir=rtl] .navbar2__search {
  margin-left: unset;
  margin-right: 2.5rem
}

.navbar2__search:hover {
  background: #764ced
}

.newCategories2 {
  background: #ff6072;
  position: relative;
  width: calc(100% - 10rem);
  z-index: 1020
}

.newCategories2__wrapper {
  justify-content: space-between;
  width: 100%
}

.newCategories2__menuList,.newCategories2__wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.newCategories2__menuList {
  justify-content: flex-end
}

.newCategories2__menuItem {
  display: flex;
  position: relative
}

.newCategories2__menuLink {
  align-items: center;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  color: #fff;
  display: flex;
  font-size: 1.7rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.29rem;
  min-height: 9rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.newCategories2__menuLink svg {
  transition: .5s
}

.newCategories2__menuLink svg path {
  stroke: #fff;
  transition: .5s
}

.newCategories2__menuLink:hover {
  background: #fff;
  color: #000
}

.newCategories2__menuLink:hover svg path {
  stroke: #000
}

.newCategories2__menuLink--open {
  background: #fff;
  border-left: .2rem solid #ffe606;
  border-right: .2rem solid #ffe606;
  color: #000
}

.newCategories2__menuLink--open svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.newCategories2__menuLink--open svg path {
  stroke: #000
}

.newCategories2__menuLinkHolder {
  align-items: center;
  display: flex;
  gap: .8rem;
  justify-content: center;
  min-height: 7rem;
  min-width: 12rem;
  padding: .5rem 1.6rem;
  text-align: center;
  width: 100%
}

.newCategories2__menuArrow {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  transition: .5s
}

.newCategories2__subMenu {
  align-content: flex-start;
  align-items: flex-start;
  background: #fff;
  border-left: .2rem solid #ffe606;
  border-radius: 0 0 1.6rem 1.6rem;
  border-right: .2rem solid #ffe606;
  box-shadow: 2px 10px 10px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 9rem;
  transition: all .1s ease-out;
  width: 150%;
  z-index: 999
}

html[dir=rtl] .newCategories2__subMenu {
  left: unset;
  right: 0
}

.newCategories2__subMenu--open {
  border-bottom: .2rem solid #ffe606;
  max-height: 999rem;
  transition: all .3s ease-in
}

.newCategories2__subMenuItem {
  border-top: .2rem solid #f5f5f6;
  max-width: 100%;
  min-width: 100%
}

.newCategories2__subMenuItem:first-child {
  border-top: unset
}

.newCategories2__subMenuLink {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 1.5rem 2.2rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.newCategories2__subMenuLink:hover {
  color: #764ced
}

.newCategories2__menuMobileTrigger {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 1.7rem;
  font-weight: 400;
  gap: .8rem;
  justify-content: center;
  line-height: 2.29rem;
  min-height: 8.4rem;
  padding: .5rem 1.5rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.newCategories2__menuMobileTrigger svg {
  transition: .5s
}

.newCategories2__menuMobileTrigger svg path {
  stroke: #fff;
  transition: .5s
}

.newCategories2__menuMobileTrigger:hover {
  background: #fff;
  color: #000
}

.newCategories2__menuMobileTrigger:hover svg path {
  stroke: #000
}

.newCategories2__menuMobileArrow {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  transition: .5s
}

.newCategories2__menuMobileHeader {
  align-items: center;
  display: flex;
  padding: 2rem
}

.newCategories2__menuMobileBack {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1);
  width: calc(100% - 20rem)
}

.newCategories2__menuMobileBack[data-categories-new-mobile-back-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories2__menuMobileBackItem {
  cursor: pointer
}

.newCategories2__menuMobileBackArrow svg {
  transform: rotate(180deg)
}

.newCategories2__menuMobileClose {
  text-align: right;
  width: 100%
}

html[dir=rtl] .newCategories2__menuMobileClose {
  text-align: left
}

.newCategories2__menuMobileCloseIcon {
  cursor: pointer
}

.newCategories2__menuMobileMain {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1)
}

.newCategories2__menuMobileMain[data-categories-new-mobile-main-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories2__menuMobileSub {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1)
}

.newCategories2__menuMobileSub[data-categories-new-mobile-sub-active=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.newCategories2__menuMobileTitle {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  gap: 2rem;
  line-height: 3rem;
  padding: 1.3rem 3rem
}

.newCategories2__back {
  background-image: var(--arrow-right);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  padding-left: 2rem;
  position: relative;
  rotate: 180deg;
  width: 30px
}

html[dir=rtl] .newCategories2__back {
  padding-left: unset;
  padding-right: 2rem;
  rotate: 0deg
}

.newCategories2__menuMobileList {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding: 1rem 2rem 0
}

.newCategories2__menuMobileList:has(.newCategories2__menuMobileItem .newCategories2__menuMobileParent) .newCategories2__menuMobileLink {
  font-size: 2rem;
  font-weight: 400;
  font-weight: 700;
  line-height: 2.6rem
}

.newCategories2__menuMobileItem {
  align-items: center;
  border-bottom: 1px solid #9694ff;
  display: flex;
  min-height: 55px
}

.newCategories2__menuMobileItem>div {
  padding: 0 1rem
}

.newCategories2__menuMobileItem:last-child {
  border-bottom: unset
}

.newCategories2__menuMobileParent {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  font-weight: 400;
  font-weight: 700;
  justify-content: space-between;
  line-height: 2.6rem;
  position: relative;
  width: 100%
}

.newCategories2__menuMobileParent:after {
  background-image: var(--arrow-right);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 24px;
  position: relative;
  width: 24px
}

html[dir=rtl] .newCategories2__menuMobileParent:after {
  rotate: 180deg
}

.newCategories2__menuMobileLink {
  align-items: center;
  color: #fff;
  display: block;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: space-between;
  line-height: 2.6rem;
  padding: 1.3rem 1rem;
  width: 100%
}

.newCategories2__menuMobileLink:after {
  background-image: var(--arrow-right);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 24px;
  position: relative;
  width: 24px
}

html[dir=rtl] .newCategories2__menuMobileLink:after {
  rotate: 180deg
}

.newCategories2__menuMobileParentArrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%)
}

html[dir=rtl] .newCategories2__menuMobileParentArrow {
  left: 1rem;
  right: unset;
  rotate: 180deg;
  transform: translateY(50%)
}

.navbar2__logo {
  align-items: center;
  display: flex;
  height: 9rem;
  width: 12rem
}

.navbar2 #hamburger {
  display: none
}

.navbar2__mobile {
  display: block;
  flex: 1;
  gap: 2rem;
  position: relative
}

.navbar2__space {
  align-items: center;
  display: flex;
  flex: 1;
  height: 9rem;
  max-width: calc(100% - 400px);
  position: relative
}

.navbar2__hamburger {
  display: none
}

.navbar2__srch {
  display: block;
  overflow: hidden;
  transition: height .1s ease-out
}

html[dir=rtl] .navbar2__srch {
  left: 125px;
  right: unset
}

.navbar2__act {
  align-items: center;
  display: flex;
  font-size: larger;
  order: -5;
  width: 100%
}

.navbar2__chooseLang {
  color: #000
}

.navbar2__chooseLang>div {
  background: #fff;
  border-radius: 5.7rem;
  gap: .5rem;
  width: 94px
}

.navbar2__chooseLang picture {
  align-items: center;
  background: #ff6072;
  border-radius: 4rem;
  display: flex;
  padding: .5rem 1rem
}

.navbar2__chooseLang picture img {
  margin-left: 0
}

.navbar2__searchbox {
  display: flex;
  flex-direction: column;
  order: -10;
  width: 100%
}

.navbar2__searchbox label {
  align-items: center;
  display: flex;
  height: 9rem;
  justify-content: flex-end
}

.navbar2__allCats {
  display: block;
  position: relative;
  width: 100%
}

.navbar2__fullMenuWrapper {
  display: flex;
  flex-direction: column;
  max-height: unset;
  max-width: 100%;
  opacity: 1;
  pointer-events: all
}

.navbar2__categoriesListOpen {
  align-content: center;
  align-items: center;
  background: #8b6bff;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.5rem;
  justify-content: center;
  line-height: normal;
  padding: 0 3rem;
  text-align: center;
  transition: .5s;
  white-space: nowrap;
  width: 18rem
}

html[dir=rtl] .navbar2__categoriesListOpen {
  margin-left: 2rem;
  margin-right: unset
}

.navbar2__categoriesListOpen:hover {
  background: #764ced
}

.navbar2__categoriesListOpen svg {
  transition-duration: .5s;
  transition-property: transform
}

.navbar2__categoriesListFullItem:last-child a {
  border-bottom: none
}

.navbar2 #allCat {
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 10
}

.navbar2 #allCat:checked~.navbar2__categoriesListOpen {
  border-radius: 3rem 3rem 0 0!important
}

.navbar2 #allCat:checked~.navbar2__categoriesListOpen svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg)
}

.navbar2 #allCat:checked~.navbar2__categoriesListOpen:hover {
  background: #8b6bff
}

.navbar2 #search {
  cursor: pointer;
  display: block;
  position: relative;
  z-index: 10
}

.navbar2 #search:checked~.navbar2__srch {
  height: 7rem
}

.navbar2__actions,.navbar2__categories {
  display: none
}

.navbar2__srch {
  align-items: center;
  display: flex
}

.navbar2__srch input[type=text] {
  background: #fff;
  flex: 1;
  min-width: 20rem
}

.navbar2__srch input[type=submit],.navbar2__srch input[type=text] {
  border-radius: 5.7rem;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.5rem;
  line-height: normal;
  padding: 1.2rem 2rem
}

.navbar2__srch input[type=submit] {
  background: #79fd7f;
  color: #000;
  cursor: pointer;
  min-width: 9rem;
  transition: .5s
}

.navbar2__srch form {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  width: 100%
}

.newsletterForm {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.newsletterForm__row {
  margin-bottom: 1rem;
  width: 100%
}

.newsletterForm__row:last-child {
  margin-bottom: unset
}

.newsletterForm__row--captcha,.newsletterForm__row--rodo {
  margin-bottom: 1.5rem
}

.newsletterForm__checkbox .wpcf7-list-item {
  margin-left: 0
}

.newsletterForm__checkbox .wpcf7-list-item label {
  display: flex
}

.newsletterForm input[type=submit] {
  background: #ffe606;
  border-radius: 2.3rem;
  color: #ff6072;
  max-width: 25rem;
  padding: 1.2rem;
  width: 100%
}

.newsletterForm input,.newsletterForm textarea {
  color: #fff
}

.newsletterForm input[type=email],.newsletterForm input[type=password],.newsletterForm input[type=text],.newsletterForm textarea {
  border-bottom: 1px solid hsla(0,0%,100%,.35);
  margin-bottom: .5rem;
  padding: 1rem 0;
  width: 100%
}

.newsletterForm input[type=email]::-webkit-input-placeholder,.newsletterForm input[type=password]::-webkit-input-placeholder,.newsletterForm input[type=text]::-webkit-input-placeholder,.newsletterForm textarea::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.newsletterForm input[type=email]:-ms-input-placeholder,.newsletterForm input[type=password]:-ms-input-placeholder,.newsletterForm input[type=text]:-ms-input-placeholder,.newsletterForm textarea:-ms-input-placeholder {
  opacity: 1
}

.newsletterForm input[type=email]::-ms-input-placeholder,.newsletterForm input[type=password]::-ms-input-placeholder,.newsletterForm input[type=text]::-ms-input-placeholder,.newsletterForm textarea::-ms-input-placeholder {
  opacity: 1
}

.newsletterForm input[type=email]::placeholder,.newsletterForm input[type=password]::placeholder,.newsletterForm input[type=text]::placeholder,.newsletterForm textarea::placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.newsletterForm input[type=email]:-ms-input-placeholder,.newsletterForm input[type=password]:-ms-input-placeholder,.newsletterForm input[type=text]:-ms-input-placeholder,.newsletterForm textarea:-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.newsletterForm input[type=email]::-ms-input-placeholder,.newsletterForm input[type=password]::-ms-input-placeholder,.newsletterForm input[type=text]::-ms-input-placeholder,.newsletterForm textarea::-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.newsletterForm input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 2rem
}

.newsletterForm input[type=checkbox]:focus:before {
  border: 1px solid #fff
}

.newsletterForm input[type=checkbox]:before {
  background: #8b6bff;
  border: 1.5px solid #fff;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 1.5rem
}

.newsletterForm input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #fff
}

.newsletterForm input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.newsletterForm input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.newsletterForm input[type=checkbox]:checked:after {
  background: #8b6bff;
  box-shadow: 2px 0 0 #8b6bff,4px 0 0 #8b6bff,4px -2px 0 #8b6bff,4px -4px 0 #8b6bff,4px -6px 0 #8b6bff,4px -8px 0 #8b6bff;
  content: "";
  height: 3px;
  left: 2px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  width: 3px
}

.wpcf7-response-output {
  border-radius: 2rem!important;
  padding: 2rem!important
}

.postPagination {
  font-size: 2rem;
  font-weight: 400;
  line-height: 3rem;
  text-align: center;
  width: 100%
}

.postPagination,.postPagination .page-numbers {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.postPagination .page-numbers {
  background: #fff;
  height: 4rem;
  margin: 0 .5rem;
  transition: .5s;
  width: 4rem
}

.postPagination .page-numbers:hover {
  background: #ff6072;
  color: #fff
}

.postPagination .page-numbers img,.postPagination .page-numbers svg {
  height: 100%;
  width: 100%
}

.postPagination .page-numbers.dots {
  background: none;
  color: unset
}

.postPagination .page-numbers.current {
  background: #ff6072;
  color: #fff;
  font-weight: 700
}

.postPagination .page-numbers.next,.postPagination .page-numbers.prev {
  background: transparent;
  transition: .5s
}

.postPagination .page-numbers.next:hover svg path,.postPagination .page-numbers.prev:hover svg path {
  stroke: #ffb804
}

html[dir=rtl] .postPagination .page-numbers.next,html[dir=rtl] .postPagination .page-numbers.prev {
  transform: rotate(180deg)
}

.postPagination--youtube {
  padding-bottom: 3rem
}

.popup {
  align-content: center;
  align-items: center;
  background: rgba(0,0,0,.5);
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 8888
}

.popup--active {
  display: flex
}

.popup__wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100rem;
  width: 80%
}

.popupOne {
  display: block;
  width: 100%
}

.popupOne__wrapper {
  background: #ff6072;
  border-radius: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  width: 100%
}

.popupOne__content {
  padding: 11rem 0 11rem 5rem;
  position: relative;
  width: 60%;
  z-index: 45
}

.popupOne__heading {
  color: #fff;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 5.5rem
}

.popupOne__text {
  color: #ffe606;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 5.5rem;
  margin-bottom: 2rem;
  position: relative
}

.popupOne__textProp {
  bottom: -6rem;
  position: absolute;
  right: 9rem
}

.popupOne__cta {
  width: 75%
}

.popupOne__ctaBtn {
  background: #c86bf5;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.popupOne__ctaBtn:hover {
  background: #ffb804
}

.popupOne__image {
  align-items: flex-end;
  display: flex;
  position: relative;
  width: 40%;
  z-index: 40
}

.popupOne__imageItem {
  display: block;
  height: 98%;
  object-fit: contain;
  object-position: bottom;
  width: 90%
}

.popupOne__close {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 4rem;
  transition: .5s;
  z-index: 80
}

.popupOne__close:hover svg path {
  stroke: #ffe606
}

.popupOne__propLeft {
  bottom: 0;
  left: 10rem;
  position: absolute;
  z-index: 10
}

.popupOne__propRight {
  bottom: 0;
  position: absolute;
  right: -3rem;
  z-index: 10
}

.popupOne__propTop {
  position: absolute;
  right: -4rem;
  top: -4rem;
  z-index: 10
}

.popupTwo {
  display: block;
  width: 100%
}

.popupTwo__wrapper {
  background: #ff6072;
  border-radius: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  width: 100%
}

.popupTwo__content {
  padding: 11rem 0 11rem 5rem;
  position: relative;
  width: 60%;
  z-index: 45
}

.popupTwo__heading {
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  line-height: 6.5rem
}

.popupTwo__text {
  color: #ffe606;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 5.5rem;
  margin-bottom: 2rem
}

.popupTwo__text,.popupTwo__textProp {
  position: relative
}

.popupTwo__textPropItem {
  bottom: -.7rem;
  left: .5rem;
  position: absolute
}

.popupTwo__cta {
  width: 75%
}

.popupTwo__ctaBtn {
  background: #c86bf5;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.popupTwo__ctaBtn:hover {
  background: #ffb804
}

.popupTwo__image {
  align-items: flex-end;
  display: flex;
  position: relative;
  width: 40%;
  z-index: 40
}

.popupTwo__imageItem {
  display: block;
  height: 98%;
  object-fit: contain;
  object-position: bottom;
  width: 90%
}

.popupTwo__close {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 4rem;
  transition: .5s;
  z-index: 80
}

.popupTwo__close:hover svg path {
  stroke: #ffe606
}

.popupTwo__propLeft {
  bottom: -1rem;
  left: 5rem;
  position: absolute;
  z-index: 10
}

.popupTwo__propRight {
  bottom: -4rem;
  position: absolute;
  right: -3rem;
  z-index: 10
}

.popupTwo__propTop {
  position: absolute;
  right: 4rem;
  top: 0;
  z-index: 10
}

.popupThree {
  display: block;
  padding: 2rem 0 3rem;
  position: relative
}

.popupThree__wrapper {
  background: #fff;
  border: .2rem solid #e8e8e8;
  border-radius: 2.8rem;
  overflow: hidden;
  padding: 3rem 2rem;
  position: relative
}

.popupThree__content {
  margin-left: auto;
  margin-right: 0;
  position: relative;
  width: 60%;
  z-index: 50
}

.popupThree__heading {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1rem;
  padding-right: 8rem
}

.popupThree__heading mark {
  background-color: unset;
  color: #ff6072
}

.popupThree__close {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 4rem;
  z-index: 80
}

.popupThree__close svg circle {
  fill: #fff;
  transition: .5s
}

.popupThree__close svg path {
  transition: .5s
}

.popupThree__close:hover svg circle {
  fill: #c869f5
}

.popupThree__close:hover svg path {
  stroke: #fff
}

.popupThree__propTop {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10
}

.popupThree__propTopMobile {
  display: none
}

.popupThree__propBottom {
  bottom: -1rem;
  left: 2rem;
  position: absolute;
  z-index: 10
}

.popupThree__image {
  bottom: 0;
  height: 100%;
  left: 7rem;
  max-height: 38.2rem;
  position: absolute;
  z-index: 20
}

.popupThree__mobileImage {
  display: none;
  max-width: 30%;
  position: relative;
  width: 100%;
  z-index: 40
}

.popupForm {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: flex-start;
  width: 100%
}

.popupForm__field {
  width: 100%
}

.popupForm__field--half {
  width: calc(50% - .75rem)
}

.popupForm__field:first-child {
  order: 1
}

.popupForm__field:nth-child(2) {
  order: 2
}

.popupForm__field:nth-child(3) {
  order: 3
}

.popupForm__field:nth-child(4) {
  order: 5
}

.popupForm__field:nth-child(5) {
  order: 4
}

.popupForm__label {
  color: #959499;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.popupForm__input {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem
}

.popupForm__input input {
  border-bottom: .1rem solid #e1e1e1;
  padding: 1rem 0;
  width: 100%
}

.popupForm__input input::-webkit-input-placeholder {
  color: #e1e1e1;
  opacity: 1
}

.popupForm__input input:-ms-input-placeholder {
  opacity: 1
}

.popupForm__input input::-ms-input-placeholder {
  opacity: 1
}

.popupForm__input input::placeholder {
  color: #e1e1e1;
  opacity: 1
}

.popupForm__input input:-ms-input-placeholder {
  color: #e1e1e1
}

.popupForm__input input::-ms-input-placeholder {
  color: #e1e1e1
}

.popupForm__captcha div,.popupForm__captcha iframe {
  width: 100%!important
}

.popupForm__captcha .rc-anchor-normal {
  border-radius: .7rem!important;
  width: 99%!important
}

.popupForm__rodo {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem
}

.popupForm__rodo .wpcf7-list-item {
  margin-left: 0
}

.popupForm__rodo .wpcf7-list-item label {
  display: flex
}

.popupForm__rodo input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 2rem
}

.popupForm__rodo input[type=checkbox]:focus:before {
  border: 1px solid #e8e8e8
}

.popupForm__rodo input[type=checkbox]:before {
  background: #fff;
  border: 1.5px solid #e8e8e8;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 1.5rem
}

.popupForm__rodo input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #e8e8e8
}

.popupForm__rodo input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.popupForm__rodo input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.popupForm__rodo input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 2px 0 0 #ff6072,4px 0 0 #ff6072,4px -2px 0 #ff6072,4px -4px 0 #ff6072,4px -6px 0 #ff6072,4px -8px 0 #ff6072;
  content: "";
  height: 3px;
  left: 2px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  width: 3px
}

.popupForm__submit input[type=submit] {
  background: #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.popupForm__submit input[type=submit]:hover {
  background: #ff6072;
  color: #fff;
  cursor: pointer
}

.popupForm__submit input[type=submit]:disabled {
  background: #e8e8e8;
  color: #000
}

.popupForm__submit .wpcf7-spinner {
  bottom: -1rem;
  position: absolute;
  right: -1rem
}

.popup__hide {
  display: none
}

.popExtra__wrapper {
  position: relative;
  width: 100%
}

.popExtra__link {
  display: block
}

.popExtra__img,.popExtra__imgMob {
  border-radius: 2.6rem;
  width: 100%
}

.popExtra__imgMob {
  display: none
}

.popExtra__close {
  cursor: pointer;
  position: absolute;
  right: -4rem;
  top: -4rem;
  transition: .5s;
  z-index: 80
}

.popExtra__close:hover svg path {
  stroke: #ffe606
}

.popupBanner {
  margin-top: 4rem
}

.popupBanner__wrapper {
  background: #ff6072;
  border-radius: 2.6rem;
  color: #fff;
  display: flex;
  min-height: 20rem;
  overflow: hidden;
  position: relative;
  width: 100%
}

.popupBanner__propLeft {
  left: 0;
  position: absolute;
  top: 0
}

.popupBanner__propRight {
  position: absolute;
  right: 0;
  top: 0
}

.popupBanner__box {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  width: 40%;
  z-index: 109
}

.popupBanner__leftImage {
  align-items: flex-end;
  display: flex;
  justify-content: flex-start;
  width: 30%;
  z-index: 109
}

html[dir=rtl] .popupBanner__leftImage {
  transform: scaleX(-1)
}

.popupBanner__leftImageItem {
  width: 100%
}

.popupBanner__rightImage {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  width: 30%;
  z-index: 109
}

html[dir=rtl] .popupBanner__rightImage {
  transform: scaleX(-1)
}

.popupBanner__rightImageItem {
  width: 100%
}

.popupBanner__item {
  text-align: center
}

.popupBanner__item:nth-child(n+2) {
  border-top: 1px solid hsla(0,0%,100%,.2);
  margin-top: 2rem;
  padding-top: 2rem
}

.popupBanner__itemTitle {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1.5rem
}

.popupBanner__itemSubTitle {
  color: #ffe606;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2rem
}

.popupBanner__itemLink {
  background: #c86bf5;
  border-radius: 5.7rem;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.popupBanner__itemLink:hover {
  background: #ffb804
}

.page__post {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem
}

.page__postContent {
  padding-bottom: 2rem;
  padding-right: 2rem;
  width: 70%
}

html[dir=rtl] .page__postContent {
  padding-left: 2rem;
  padding-right: unset
}

.page__postContent a {
  word-wrap: break-word
}

.page__postContent p:empty {
  display: none
}

.page__postSidebar {
  padding-left: 2rem;
  position: relative;
  width: 30%
}

html[dir=rtl] .page__postSidebar {
  padding-left: unset;
  padding-right: 2rem
}

.page__postSharing {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  justify-content: center
}

.page__postSharingText {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem;
  padding-right: 1rem
}

html[dir=rtl] .page__postSharingText {
  padding-left: 1rem;
  padding-right: unset
}

.page__postSharingIcon {
  padding: 0 1rem;
  transition: .5s
}

.page__postSharingIcon--facebook:hover svg path {
  fill: #764ced;
  transition: .5s
}

.page__postSharingIcon--x {
  transition: .5s
}

.page__postSharingIcon--x:hover svg path {
  fill: #764ced;
  transition: .5s
}

.page__postSharingIcon--linkedin {
  transition: .5s
}

.page__postSharingIcon--linkedin:hover svg circle {
  fill: #764ced;
  transition: .5s
}

.page__postSharingBtn {
  background: #ff6072;
  border-radius: 4.5rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  margin-left: 1rem;
  padding: .5rem 2.2rem;
  transition: .5s
}

html[dir=rtl] .page__postSharingBtn {
  margin-left: unset;
  margin-right: 1rem
}

.page__postSharingBtn:hover {
  background: #764ced
}

.page__postLike {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 4rem
}

.page__postLikeBtn {
  align-items: center;
  background: #ff6072;
  border-radius: 4.5rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding: 1rem 2.7rem;
  transition: .5s
}

.page__postLikeBtn:hover {
  background: #764ced
}

.page__postLikeBtn svg {
  margin-left: 1rem
}

html[dir=rtl] .page__postLikeBtn svg {
  margin-left: unset;
  margin-right: 1rem
}

.page__postLikeBtn--active svg path {
  fill: #c86bf5;
  stroke: #c86bf5
}

.page__postTags {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem
}

.page__postTagsItem {
  border: 1px solid #c86bf5;
  border-radius: 4.7rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.3rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: .5rem 2rem;
  transition: .5s
}

.page__postTagsItem:hover {
  background-color: #764ced;
  border-color: #764ced;
  color: #fff
}

.page__starRatings {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 2rem
}

.post__authorTitle {
  color: #ff6072;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem;
  padding-bottom: 1.5rem;
  padding-top: 5rem
}

.post__authorContent {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 2.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4rem;
  padding: 1.8rem 2rem
}

.post__authorAvatar {
  border-radius: 50%;
  height: 4rem;
  margin-right: 1rem;
  max-width: 4rem;
  object-fit: cover;
  width: 4rem
}

html[dir=rtl] .post__authorAvatar {
  margin-left: 1rem;
  margin-right: unset
}

.post__authorName {
  font-size: 1.6rem;
  font-weight: 700
}

.post__authorName,.post__authorPosition {
  line-height: 2.5rem;
  width: calc(100% - 5rem)
}

.post__authorPosition {
  font-size: 1.3rem;
  font-weight: 400
}

.post__authorWrapper {
  padding-left: 5rem;
  padding-top: 1rem;
  width: 100%
}

html[dir=rtl] .post__authorWrapper {
  padding-left: unset;
  padding-right: 5rem
}

.post__extraContent {
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding: 4rem 3rem
}

.post__extraContent,.post__extraCta {
  border-radius: 2.6rem;
  margin-bottom: 4rem
}

.post__extraCta {
  padding: 1.8rem 0;
  position: relative
}

.post__extraCta--fixed {
  max-width: 38.8rem;
  position: fixed;
  top: 18rem;
  width: calc(30% - 4rem)
}

.post__extraCta--bottom {
  bottom: 50px;
  position: absolute;
  width: 100%
}

.post__extraCta--mobile,.post__extraCta--mobile .post__maylike {
  display: none
}

.post__extraCta--desktop {
  display: block
}

.post__extraCta--desktop:has(.post__maylike) .post__extraCtaProp--rt {
  top: 40px
}

.post__extraCta--desktop:has(.post__maylike) .post__extraCtaContent {
  margin-top: 0
}

.post__extraCtaBackground {
  min-height: 320px;
  text-align: center
}

.post__extraCtaBackground img {
  display: none;
  max-width: 90%
}

.post__extraCtaProp {
  position: absolute
}

.post__extraCtaProp--lt {
  left: 0;
  top: -5px
}

.post__extraCtaProp--lb {
  bottom: -20px;
  left: 0
}

.post__extraCtaProp--rt {
  right: -20px;
  top: -10px
}

.post__extraCtaContent {
  align-content: center;
  align-items: center;
  background-color: #ff5a56;
  border-radius: 2.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  padding: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

html[dir=rtl] .post__extraCtaContent {
  left: unset;
  right: 0
}

.post__extraCtaTitle {
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2.6rem;
  padding-bottom: 1.5rem;
  text-align: center
}

.post__extraCtaLink {
  background: #FFF;
  border-radius: 5.7rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.1rem;
  padding: 1.6rem 3.6rem;
  text-align: center;
  transition: .5s;
  width: auto
}

.post__extraCtaLink:hover {
  background: #ffbf00;
  color: #111
}

.post__maylike {
  display: block;
  padding: 1rem 3rem 2rem;
  position: relative;
  text-align: center;
  z-index: 10
}

.post__maylike a {
  color: #ff5a56;
  font-size: 2rem;
  line-height: 2.5rem
}

.post__maylike a:hover {
  color: #f84f4f
}

a.authorLink {
  border: 4px solid #8b6bff;
  transition: .5s
}

a.authorLink .post__authorAvatar {
  border: 2px solid transparent;
  transition: .5s
}

a.authorLink:hover {
  background-color: #ff6072;
  border: 4px solid #ff6072;
  color: #fff
}

a.authorLink:hover .post__authorAvatar {
  border: 2px solid #fff
}

.taxonomy-post_tag {
  display: none
}

.nonTop .post__extraCta--mobile .post__extraCtaContent {
  animation: cta-bottom .5s ease forwards;
  border-radius: 20px 20px 0 0;
  bottom: -100px;
  display: flex!important;
  flex-direction: row;
  gap: 16px;
  left: 0;
  min-height: 96px;
  padding: 16px 20px;
  position: fixed;
  top: unset;
  transition: none;
  z-index: 900
}

.nonTop .post__extraCta--mobile .post__extraCtaContent .post__extraCtaTitle {
  text-wrap: balance;
  font-size: 14px;
  line-height: 20px;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
  text-align: unset;
  text-align: auto
}

.nonTop .post__extraCta--mobile .post__extraCtaContent .post__extraCtaLink {
  border-radius: 40px;
  flex: 1;
  font-size: 16px;
  justify-content: center;
  line-height: 22px;
  max-height: 80px;
  max-width: 50%;
  min-width: 150px;
  padding: 8px 16px;
  transition: none;
  white-space: wrap
}

.nonTop .post__extraCta--mobile .post__extraCtaContent .cta-orig-link,.nonTop .post__extraCta--mobile .post__extraCtaContent .cta-orig-text {
  display: none
}

.nonTop .post__extraCta--mobile .post__extraCtaContent .cta-alt-link,.nonTop .post__extraCta--mobile .post__extraCtaContent .cta-alt-text {
  display: block
}

.scrollTop,.scrollTop img,.scrollTop svg {
  transition: all .5s ease-out
}

@keyframes cta-bottom {
  0% {
      bottom: -100px
  }

  to {
      bottom: 0
  }
}

.cta-alt-link,.cta-alt-text {
  display: none
}

.advq_correct_count,.advq_feedback_description,.advq_minimal ul li label {
  font-size: 1.6rem!important
}

.advq_question,.advq_results_title {
  font-size: 1.7rem!important
}

.advq_question_image img {
  border-radius: 2.6rem!important;
  width: 100%!important
}

.advq_profile_description {
  font-family: inherit!important;
  font-size: medium!important;
  line-height: 25px!important;
  padding: 5px 0!important
}

.advq_profile_description p {
  margin-bottom: 1rem!important;
  margin-top: 1rem!important
}

.advq-share-buttons {
  flex-wrap: wrap!important;
  font-size: 2em!important;
  font-weight: 700!important;
  line-height: 2em!important
}

.advq-fb-link a,.advq-linkedin-link a,.advq-restart,.advq-restart a,.advq-twitter-link a {
  border-radius: 2.6rem!important
}

.advq-restart a {
  background: #c869f5!important;
  color: #fff!important;
  font-size: 1.6rem!important;
  font-weight: 700!important;
  transition: .5s
}

.advq-restart a:hover {
  background: #ff6072!important
}

.advq_button {
  background: #c869f5!important;
  border-radius: 2.6rem!important;
  color: #fff!important;
  font-size: 1.6rem!important;
  font-weight: 700!important;
  transition: .5s
}

.advq_button:hover {
  background: #ff6072!important
}

.advq_results_wrapper {
  border-radius: 2.6rem!important
}

.advq_next_button,.advq_start_quiz_button {
  border-radius: 2.6rem!important;
  font-size: 1.6rem!important;
  font-weight: 700!important
}

.advq_back_button {
  font-size: 1.6rem!important;
  font-weight: 700!important;
  padding-bottom: 2rem!important
}

.advq_progress {
  font-size: 1.5rem!important;
  height: 2rem!important
}

.advq_question_wrap {
  display: flex;
  flex-wrap: wrap
}

.advq_question_container {
  background: #fff!important;
  border-radius: 1.6rem!important;
  padding: 2rem!important
}

.advq_question {
  background: #fff!important;
  order: 2
}

.advq_question_image {
  order: 1
}

.advq_question_list {
  order: 3;
  width: 100%
}

.advq_back_button,.advq_before_results,.advq_next_button {
  order: 4
}

.advq_review_answers {
  display: none!important
}

.advq_feedback_description {
  line-height: 2rem!important
}

.quiz_unselected_answer {
  background: #fff!important;
  border-radius: 2.6rem!important
}

.quiz_unselected_answer:hover {
  background: #ffe606!important
}

.quiz_selected_answer {
  border-radius: 2.6rem!important
}

.searchPage {
  padding-bottom: 10rem
}

.searchPage__title {
  padding-bottom: 1.5rem
}

.searchPage__key,.searchPage__title {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem
}

.searchPage__key {
  color: #ff6072;
  padding-bottom: 4rem
}

.searchPage__results {
  display: flex;
  flex-wrap: wrap
}

.searchPage__noResults {
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 3rem
}

.searchPage__form {
  padding-bottom: 2rem
}

.searchPage__form input[type=text] {
  background: #fff;
  border-radius: 5.7rem;
  min-width: 23rem
}

.searchPage__form input[type=submit],.searchPage__form input[type=text] {
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.5rem;
  line-height: normal;
  padding: 1.2rem 2rem
}

.searchPage__form input[type=submit] {
  border: 1px solid #8b6bff;
  border-radius: 5.7rem;
  color: #8b6bff;
  margin-left: 1rem;
  min-width: 9rem;
  transition: .5s
}

html[dir=rtl] .searchPage__form input[type=submit] {
  margin-left: unset;
  margin-right: 1rem
}

.searchPage__form input[type=submit]:hover {
  font-weight: 700
}

.searchPage__form>form>div {
  display: flex;
  gap: 1rem
}

.sidebarAbout {
  border-radius: 2.8rem;
  margin-bottom: 4rem;
  overflow: hidden
}

.sidebarAbout__title {
  background: #ff6072;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  padding: 2.5rem 3rem 1rem;
  width: 100%
}

.sidebarAbout__titleLogo {
  max-width: 10rem;
  width: 100%
}

.sidebarAbout__wrapper {
  background: #fff;
  padding: 3rem
}

.sidebarAbout__heading {
  color: #ff6072;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 1rem
}

.sidebarAbout__text {
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 2.5rem
}

.sidebarNewsletterDefault {
  border-radius: 2.8rem;
  overflow: hidden
}

.sidebarNewsletterDefault__wrapper {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 3rem;
  position: relative;
  z-index: 10
}

.sidebarNewsletterDefault__title {
  background: #ff6072;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  padding: 2.5rem 3rem;
  width: 100%
}

.sidebarNewsletterDefault__heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1.2rem;
  width: 100%
}

.sidebarNewsletterDefault__heading mark {
  background: unset;
  color: #ff6072
}

.sidebarNewsletterDefault__formWrapper {
  width: 100%
}

.sidebarNewsletterDefault__formWrapper .wpcf7-response-output {
  font-size: 1.2rem!important;
  text-align: center
}

.sidebarNewsletterDefault__form {
  display: flex;
  flex-direction: column
}

.sidebarNewsletterDefault__formBox {
  background: #fff;
  border-radius: 1.4rem;
  order: 1;
  padding: 1rem 0;
  width: 100%
}

.sidebarNewsletterDefault__formLabel {
  color: #959499;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.sidebarNewsletterDefault__formInput {
  margin-bottom: 1rem
}

.sidebarNewsletterDefault__formInput .wpcf7-not-valid-tip {
  color: #ff6072!important;
  margin-top: .5rem
}

.sidebarNewsletterDefault__formInput input,.sidebarNewsletterDefault__formInput textarea {
  border-bottom: .2rem solid #e1e1e1;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1rem 0;
  width: 100%
}

.sidebarNewsletterDefault__formInput input::-webkit-input-placeholder,.sidebarNewsletterDefault__formInput textarea::-webkit-input-placeholder {
  color: #e1e1e1;
  opacity: 1
}

.sidebarNewsletterDefault__formInput input:-ms-input-placeholder,.sidebarNewsletterDefault__formInput textarea:-ms-input-placeholder {
  opacity: 1
}

.sidebarNewsletterDefault__formInput input::-ms-input-placeholder,.sidebarNewsletterDefault__formInput textarea::-ms-input-placeholder {
  opacity: 1
}

.sidebarNewsletterDefault__formInput input::placeholder,.sidebarNewsletterDefault__formInput textarea::placeholder {
  color: #e1e1e1;
  opacity: 1
}

.sidebarNewsletterDefault__formInput input:-ms-input-placeholder,.sidebarNewsletterDefault__formInput textarea:-ms-input-placeholder {
  color: #e1e1e1
}

.sidebarNewsletterDefault__formInput input::-ms-input-placeholder,.sidebarNewsletterDefault__formInput textarea::-ms-input-placeholder {
  color: #e1e1e1
}

.sidebarNewsletterDefault__formInput .recaptcha div,.sidebarNewsletterDefault__formInput .recaptcha iframe {
  width: 100%!important
}

.sidebarNewsletterDefault__formAcceptance {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7rem;
  order: 3;
  width: 100%
}

.sidebarNewsletterDefault__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.sidebarNewsletterDefault__formAcceptance .wpcf7-list-item label {
  display: flex
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 2rem
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e8e8e8
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:before {
  background: #fff;
  border: 1.5px solid #e8e8e8;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 1.5rem
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #e8e8e8
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.sidebarNewsletterDefault__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 2px 0 0 #ff6072,4px 0 0 #ff6072,4px -2px 0 #ff6072,4px -4px 0 #ff6072,4px -6px 0 #ff6072,4px -8px 0 #ff6072;
  content: "";
  height: 3px;
  left: 2px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  width: 3px
}

.sidebarNewsletterDefault__formSubmit {
  margin-bottom: 1.5rem;
  order: 2;
  position: relative;
  width: 100%
}

.sidebarNewsletterDefault__formSubmit input[type=submit] {
  background: #c86bf5;
  border: .2rem solid #c86bf5;
  border-radius: 5.7rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.sidebarNewsletterDefault__formSubmit input[type=submit]:hover {
  background: #ffb804;
  border: .2rem solid #ffb804;
  color: #fff
}

.sidebarNewsletterDefault__formSubmit .wpcf7-spinner {
  left: 50%;
  margin: 0!important;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.sidebarNewsletterFile {
  position: relative;
  transition: all .2s ease
}

.sidebarNewsletterFile--fixed {
  max-width: 38.8rem;
  position: fixed;
  top: 18rem;
  width: calc(30% - 4rem)
}

.sidebarNewsletterFile--bottom {
  bottom: 5rem;
  position: absolute
}

.sidebarNewsletterFile--mobile {
  display: none
}

.sidebarNewsletterFile--desktop {
  display: block
}

.sidebarNewsletterFile__prop {
  bottom: -10rem;
  position: absolute;
  right: -6rem;
  z-index: 5
}

html[dir=rtl] .sidebarNewsletterFile__prop {
  left: -6rem;
  right: unset
}

.sidebarNewsletterFile__wrapper {
  align-items: center;
  background: #ff6072;
  border-radius: 2.8rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 1.7rem 3rem 3rem;
  position: relative;
  z-index: 10
}

.sidebarNewsletterFile__icon {
  align-items: center;
  aspect-ratio: 1;
  background: hsla(0,0%,100%,.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem;
  width: 9.3rem
}

.sidebarNewsletterFile__iconItem {
  max-width: 6.2rem
}

.sidebarNewsletterFile__heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1.2rem;
  text-align: center
}

.sidebarNewsletterFile__heading mark {
  background: unset;
  color: #ffe606
}

.sidebarNewsletterFile__text {
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 2.3rem;
  text-align: center
}

.sidebarNewsletterFile__trigger {
  width: 100%
}

.sidebarNewsletterFile__triggerItem {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: none;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.sidebarNewsletterFile__triggerItem--active {
  display: flex
}

.sidebarNewsletterFile__triggerItem:hover {
  background: #ff6072;
  border: .2rem solid #ffe606;
  color: #ffe606
}

.sidebarNewsletterFile__formWrapper {
  max-height: 0;
  overflow: hidden;
  width: 100%
}

.sidebarNewsletterFile__formWrapper--active {
  max-height: 999rem
}

.sidebarNewsletterFile__formWrapper .wpcf7-response-output {
  font-size: 1.2rem!important;
  text-align: center
}

.sidebarNewsletterFile__form {
  display: flex;
  flex-direction: column
}

.sidebarNewsletterFile__formBox {
  background: hsla(0,0%,100%,.2);
  border-radius: 1.4rem;
  margin-bottom: 1.5rem;
  order: 1;
  padding: 2rem;
  width: 100%
}

.sidebarNewsletterFile__formLabel {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.sidebarNewsletterFile__formInput {
  margin-bottom: 1rem
}

.sidebarNewsletterFile__formInput .wpcf7-not-valid-tip {
  margin-top: .5rem
}

.sidebarNewsletterFile__formInput input,.sidebarNewsletterFile__formInput textarea {
  border-bottom: .2rem solid hsla(0,0%,100%,.35);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 1rem 0;
  width: 100%
}

.sidebarNewsletterFile__formInput input::-webkit-input-placeholder,.sidebarNewsletterFile__formInput textarea::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.sidebarNewsletterFile__formInput input:-ms-input-placeholder,.sidebarNewsletterFile__formInput textarea:-ms-input-placeholder {
  opacity: 1
}

.sidebarNewsletterFile__formInput input::-ms-input-placeholder,.sidebarNewsletterFile__formInput textarea::-ms-input-placeholder {
  opacity: 1
}

.sidebarNewsletterFile__formInput input::placeholder,.sidebarNewsletterFile__formInput textarea::placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.sidebarNewsletterFile__formInput input:-ms-input-placeholder,.sidebarNewsletterFile__formInput textarea:-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.sidebarNewsletterFile__formInput input::-ms-input-placeholder,.sidebarNewsletterFile__formInput textarea::-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.sidebarNewsletterFile__formInput .recaptcha div,.sidebarNewsletterFile__formInput .recaptcha iframe {
  width: 100%!important
}

.sidebarNewsletterFile__formAcceptance {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7rem;
  order: 3;
  width: 100%
}

.sidebarNewsletterFile__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.sidebarNewsletterFile__formAcceptance .wpcf7-list-item label {
  display: flex
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 2rem
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e8e8e8
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:before {
  background: #fff;
  border: 1.5px solid #e8e8e8;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 1.5rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 1.5rem
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #e8e8e8
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.sidebarNewsletterFile__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 2px 0 0 #ff6072,4px 0 0 #ff6072,4px -2px 0 #ff6072,4px -4px 0 #ff6072,4px -6px 0 #ff6072,4px -8px 0 #ff6072;
  content: "";
  height: 3px;
  left: 2px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
  width: 3px
}

.sidebarNewsletterFile__formSubmit {
  margin-bottom: 1.5rem;
  order: 2;
  position: relative;
  width: 100%
}

.sidebarNewsletterFile__formSubmit input[type=submit] {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.sidebarNewsletterFile__formSubmit input[type=submit]:hover {
  background: #ff6072;
  border: .2rem solid #ffe606;
  color: #ffe606
}

.sidebarNewsletterFile__formSubmit .wpcf7-spinner {
  left: 50%;
  margin: 0!important;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.videoCategory {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4rem;
  padding-bottom: 10rem
}

.videoCategory,.videoCategory__title {
  align-content: center;
  display: flex;
  justify-content: flex-start
}

.videoCategory__title {
  align-items: center;
  color: #ff6072;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem;
  padding-top: 1rem;
  width: calc(80% - 4rem)
}

.videoCategory__btn {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 20%
}

.videoCategory__btnItem {
  border: 2px solid #c86bf5;
  border-radius: 5.7rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 1.6rem 4.8rem;
  transition: .5s;
  width: auto
}

.videoCategory__btnItem:hover {
  background: #ffb804;
  border-color: #ffb804;
  color: #fff
}

.recentlyViewed {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4rem;
  justify-content: flex-start;
  padding-bottom: 2rem
}

.recentlyViewed--quiz {
  background: #f3f3f4;
  position: relative;
  z-index: 800
}

.recentlyViewed__title {
  align-items: center;
  color: #ff6072;
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem;
  padding-top: 1rem
}

.recentlyViewed__title,.redactorsChoice,.ymal {
  align-content: center;
  display: flex;
  justify-content: flex-start;
  width: 100%
}

.redactorsChoice,.ymal {
  align-items: flex-start;
  background: #f3f3f4;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: 800
}

.redactorsChoice__title,.ymal__title {
  align-content: center;
  align-items: center;
  color: #ff6072;
  display: flex;
  font-size: 2.9rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 4rem;
  padding-top: 1rem;
  width: 100%
}

.page--mom .redactorsChoice,.page--mom .ymal,.page--ny .redactorsChoice,.page--ny .ymal {
  background: #f1e7dc
}

.widgetPost {
  display: block;
  padding-bottom: 7rem;
  pointer-events: none;
  transition: .5s;
  width: calc(33.33333% - 2.66667rem)
}

.widgetPost:hover .widgetPost__title {
  color: #764ced
}

.widgetPost:hover .widgetPost__imageLink img {
  transform: scale(1.05)
}

.widgetPost .widgetPost__badgesWrapper,.widgetPost .widgetPost__imageLink,.widgetPost .widgetPost__textLink {
  pointer-events: auto
}

.widgetPost__image {
  position: relative;
  width: 100%
}

.widgetPost__image img {
  aspect-ratio: 1/.7;
  height: unset;
  object-fit: cover;
  transition: .5s;
  width: 100%
}

.widgetPost__imageLink {
  aspect-ratio: 1/.7;
  border-radius: 3.8rem;
  display: block;
  overflow: hidden;
  width: 100%
}

.widgetPost__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7rem;
  bottom: 2rem;
  color: #ff6072;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  left: 2rem;
  line-height: 2.3rem;
  padding: 1rem 2rem;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

html[dir=rtl] .widgetPost__imageBadge {
  left: unset;
  right: 2rem
}

.widgetPost__actions {
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding: 1.6rem 0 1rem
}

.widgetPost__column {
  display: flex;
  width: 50%
}

.widgetPost__column:nth-child(2) {
  justify-content: flex-end
}

.widgetPost__date {
  padding-right: 3rem
}

html[dir=rtl] .widgetPost__date {
  padding-left: 3rem;
  padding-right: unset
}

.widgetPost__readingTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.widgetPost__readingTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .widgetPost__readingTime svg {
  margin-left: 5px;
  margin-right: unset
}

.widgetPost__title {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.8rem;
  padding-bottom: 1.2rem
}

.post__prevNext {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 4rem;
  width: 100%
}

.post__prevNext--hide {
  display: none
}

.post__prevNextColumn {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 1rem)
}

.post__prevNextColumn--left {
  justify-content: flex-start;
  margin-right: 2rem
}

.post__prevNextColumn--right {
  justify-content: flex-end
}

.post__prevNextIndicator {
  padding-bottom: 4rem;
  width: 100%
}

.post__prevNextIndicator a {
  align-content: center;
  align-items: center;
  color: #ff6072;
  display: flex;
  font-size: 2.9rem;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 4rem;
  transition: .5s
}

.post__prevNextIndicator a img,.post__prevNextIndicator a svg {
  width: 4.3rem
}

.post__prevNextIndicator a:hover {
  color: #764ced
}

.post__prevNextIndicator a:hover svg path {
  stroke: #ffb804
}

.post__prevNextIndicator--left a img,.post__prevNextIndicator--left a svg {
  margin-right: 1.5rem
}

html[dir=rtl] .post__prevNextIndicator--left a img,html[dir=rtl] .post__prevNextIndicator--left a svg {
  margin-left: 1.5rem;
  margin-right: unset;
  transform: rotate(180deg)
}

.post__prevNextIndicator--right a {
  justify-content: right
}

.post__prevNextIndicator--right a img,.post__prevNextIndicator--right a svg {
  margin-left: 1.5rem
}

html[dir=rtl] .post__prevNextIndicator--right a img,html[dir=rtl] .post__prevNextIndicator--right a svg {
  margin-left: unset;
  margin-right: 1.5rem;
  transform: rotate(180deg)
}

.post__prevNextContent {
  max-width: 55rem;
  width: 100%
}

.prevNextPost {
  display: block;
  transition: .5s;
  width: 100%
}

.prevNextPost:hover .prevNextPost__title {
  color: #764ced
}

.prevNextPost__image {
  position: relative
}

.prevNextPost__image img {
  border-radius: 3.8rem;
  height: 300px;
  object-fit: cover;
  width: 100%
}

.prevNextPost__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7rem;
  bottom: 2rem;
  color: #ff6072;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  left: 2rem;
  line-height: 2.3rem;
  padding: 1rem 2rem;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

html[dir=rtl] .prevNextPost__imageBadge {
  left: unset;
  right: 2rem
}

.prevNextPost__actions {
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding: 1.6rem 0 1rem
}

.prevNextPost__column {
  display: flex;
  width: 50%
}

.prevNextPost__column:nth-child(2) {
  justify-content: flex-end
}

.prevNextPost__date {
  padding-right: 3rem
}

html[dir=rtl] .prevNextPost__date {
  padding-left: 3rem;
  padding-right: unset
}

.prevNextPost__readingTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.prevNextPost__readingTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .prevNextPost__readingTime svg {
  margin-left: 5px;
  margin-right: unset
}

.prevNextPost__title {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.8rem;
  padding-bottom: 1.2rem
}

.youtubePage__heading {
  padding-bottom: 3rem
}

.youtubePage__title {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem
}

.youtubePage__container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem
}

.youtubePage__item {
  margin-bottom: 4rem;
  margin-right: 4rem;
  width: calc(50% - 2rem)
}

html[dir=rtl] .youtubePage__item {
  margin-left: 4rem;
  margin-right: unset
}

.youtubePage__item:nth-child(2n) {
  margin-right: 0
}

html[dir=rtl] .youtubePage__item:nth-child(2n) {
  margin-left: 0
}

.youtubePage__item iframe {
  border-radius: 1.5rem;
  height: 40rem;
  width: 100%
}

.youtubePage__btn {
  margin: 0 auto;
  max-width: 30rem;
  padding-bottom: 4rem;
  width: 90%
}

.youtubePage__btnItem {
  border: 2px solid #c86bf5;
  border-radius: 5.7rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 1.6rem 4.8rem;
  text-align: center;
  transition: .5s;
  width: auto
}

.youtubePage__btnItem:hover {
  background: #ffb804;
  border-color: #ffb804;
  color: #fff
}




.mainHeading {
  padding-bottom: 4rem;
  padding-top: 1.5rem
}

.mainHeading__item {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.mainHeading__item mark {
  background: unset;
  color: #ff6072;
  display: block;
  font-size: 7rem;
  font-weight: 700;
  line-height: 7rem;
  padding-bottom: 1rem
}

.latestPosts {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10rem
}

.latestPosts--hide {
  display: none
}

.latestPosts__left {
  padding-right: 3rem;
  width: 60%
}

html[dir=rtl] .latestPosts__left {
  padding-left: 3rem;
  padding-right: unset
}

.latestPosts__right {
  width: 40%
}

.latestPostsAll {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10rem
}

.bigPost {
  display: block;
  pointer-events: none;
  transition: .5s
}

.bigPost:hover .bigPost__title {
  color: #764ced
}

.bigPost:hover .bigPost__imageLink img {
  transform: scale(1.05)
}

.bigPost .bigPost__badgesWrapper,.bigPost .bigPost__imageLink,.bigPost .bigPost__textLink {
  pointer-events: auto
}

.bigPost__image {
  position: relative
}

.bigPost__image img {
  aspect-ratio: 1/.7;
  height: unset;
  object-fit: cover;
  transition: .5s;
  width: 100%
}

.bigPost__imageLink {
  aspect-ratio: 1/.7;
  border-radius: 3.8rem;
  display: block;
  overflow: hidden;
  width: 100%
}

.bigPost__badgesWrapper {
  bottom: 2rem;
  display: flex;
  left: 2rem;
  position: absolute
}

html[dir=rtl] .bigPost__badgesWrapper {
  left: unset;
  right: 2rem
}

.bigPost__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7rem;
  color: #ff6072;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.3rem;
  padding: 1rem 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.bigPost__imageBadge--star {
  background: #8b6bff;
  border-radius: 5rem;
  color: #ffe606;
  margin-left: 1.5rem;
  padding: 1rem 2.5rem;
  position: relative
}

.bigPost__imageBadge--star img {
  max-height: 20px;
  max-width: 20px
}

html[dir=rtl] .bigPost__imageBadge--star {
  margin-left: unset;
  margin-right: 1.5rem
}

.bigPost__imageBadge--starActive svg path {
  fill: #ffe606
}

.bigPost__actions {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.9rem;
  padding: 3rem 0 2rem
}

.bigPost__column {
  display: flex;
  width: 50%
}

.bigPost__column:nth-child(2) {
  justify-content: flex-end
}

.bigPost__date {
  padding-right: 3rem
}

html[dir=rtl] .bigPost__date {
  padding-left: 3rem;
  padding-right: unset
}

.bigPost__readingTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.bigPost__readingTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .bigPost__readingTime svg {
  margin-left: 5px;
  margin-right: unset
}

.bigPost__comments {
  padding-right: 2rem
}

html[dir=rtl] .bigPost__comments {
  padding-left: 2rem;
  padding-right: unset
}

.bigPost__comments svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .bigPost__comments svg {
  margin-left: 10px;
  margin-right: unset
}

.bigPost__likes {
  display: flex
}

.bigPost__likes svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .bigPost__likes svg {
  margin-left: 10px;
  margin-right: unset
}

.bigPost__title {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem;
  padding-bottom: 1.2rem;
  transition: .5s
}

.bigPost__excerptWrapper {
  align-items: center;
  display: flex
}

.bigPost__excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.7rem;
  overflow: hidden
}

.bigPost__excerptArrow {
  display: none;
  margin-bottom: -2rem;
  width: 2rem
}

html[dir=rtl] .bigPost__excerptArrow {
  transform: rotate(180deg)
}

.smallPost {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem;
  pointer-events: none
}

.smallPost:hover .smallPost__title {
  color: #764ced
}

.smallPost:hover .smallPost__imageLink img {
  transform: scale(1.05)
}

.smallPost .smallPost__imageLink,.smallPost .smallPost__textLink {
  pointer-events: auto
}

.smallPost__image {
  position: relative;
  width: 40%
}

.smallPost__image img {
  aspect-ratio: 1/.7;
  height: unset;
  object-fit: cover;
  transition: .5s;
  width: 100%
}

.smallPost__imageLink {
  aspect-ratio: 1/.7;
  border-radius: 3rem;
  display: block;
  overflow: hidden;
  width: 100%
}

.smallPost__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 4.5rem;
  bottom: 2rem;
  color: #ff6072;
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  justify-content: center;
  left: 2rem;
  line-height: 1.6rem;
  max-width: 60%;
  padding: .5rem 1rem;
  position: absolute;
  text-align: center
}

html[dir=rtl] .smallPost__imageBadge {
  left: unset;
  right: 2rem
}

.smallPost__content {
  padding-left: 2.5rem;
  width: 60%
}

html[dir=rtl] .smallPost__content {
  padding-left: unset;
  padding-right: 2.5rem
}

.smallPost__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem;
  padding-bottom: 1.2rem;
  transition: .5s
}

.smallPost__excerptWrapper {
  align-items: center;
  display: flex
}

.smallPost__excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.6rem;
  overflow: hidden
}

.smallPost__excerptArrow {
  display: none;
  margin-bottom: -2rem;
  width: 2rem
}

html[dir=rtl] .smallPost__excerptArrow {
  transform: rotate(180deg)
}

.smallPost__actions {
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding-top: 1.2rem
}

.smallPost__date {
  width: 50%
}

.smallPost__readingTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  text-align: right;
  width: 50%
}

html[dir=rtl] .smallPost__readingTime {
  text-align: left
}

.smallPost__readingTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .smallPost__readingTime svg {
  margin-left: 5px;
  margin-right: unset
}

.midPost {
  display: block;
  padding-bottom: 7rem;
  pointer-events: none;
  width: 50%
}

.midPost:nth-child(odd) {
  padding-right: 2rem
}

html[dir=rtl] .midPost:nth-child(odd) {
  padding-left: 2rem;
  padding-right: unset
}

.midPost:nth-child(2n) {
  padding-left: 2rem
}

html[dir=rtl] .midPost:nth-child(2n) {
  padding-left: unset;
  padding-right: 2rem
}

.midPost:hover .midPost__title {
  color: #764ced
}

.midPost:hover .midPost__imageLink img {
  transform: scale(1.05)
}

.midPost .midPost__badgesWrapper,.midPost .midPost__imageLink,.midPost .midPost__textLink {
  pointer-events: auto
}

.midPost__image {
  position: relative
}

.midPost__image img {
  aspect-ratio: 1/.7;
  height: unset;
  object-fit: cover;
  transition: .5s;
  width: 100%
}

.midPost__imageLink {
  aspect-ratio: 1/.7;
  border-radius: 3.8rem;
  display: block;
  overflow: hidden;
  width: 100%
}

.midPost__badgesWrapper {
  bottom: 2rem;
  display: flex;
  left: 2rem;
  position: absolute
}

html[dir=rtl] .midPost__badgesWrapper {
  left: unset;
  right: 2rem
}

.midPost__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7rem;
  color: #ff6072;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2rem;
  padding: .5rem 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.midPost__imageBadge--star {
  background: #8b6bff;
  border-radius: 5rem;
  color: #ffe606;
  margin-left: 1.5rem;
  padding: 1rem 2.5rem;
  position: relative
}

.midPost__imageBadge--star img {
  max-height: 20px;
  max-width: 20px
}

html[dir=rtl] .midPost__imageBadge--star {
  margin-left: unset;
  margin-right: 1.5rem
}

.midPost__imageBadge--starActive svg path {
  fill: #ffe606
}

.midPost__actions {
  display: flex;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.9rem;
  padding: 3rem 0 2rem
}

.midPost__column {
  display: flex;
  width: 50%
}

.midPost__column:nth-child(2) {
  justify-content: flex-end
}

.midPost__date {
  padding-right: 3rem
}

html[dir=rtl] .midPost__date {
  padding-left: 3rem;
  padding-right: unset
}

.midPost__readingTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.midPost__readingTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .midPost__readingTime svg {
  margin-left: 5px;
  margin-right: unset
}

.midPost__comments {
  padding-right: 2rem
}

html[dir=rtl] .midPost__comments {
  padding-left: 2rem;
  padding-right: unset
}

.midPost__comments svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .midPost__comments svg {
  margin-left: 10px;
  margin-right: unset
}

.midPost__likes {
  display: flex
}

.midPost__likes svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .midPost__likes svg {
  margin-left: 10px;
  margin-right: unset
}

.midPost__title {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem;
  padding-bottom: 1.2rem;
  transition: .5s
}

.midPost__excerptWrapper {
  align-items: center;
  display: flex
}

.midPost__excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.7rem;
  overflow: hidden
}

.midPost__excerptArrow {
  display: none;
  margin-bottom: -2rem;
  width: 2rem
}

html[dir=rtl] .midPost__excerptArrow {
  transform: rotate(180deg)
}

.blogImgText {
  padding-bottom: 2rem
}

.blogImgText__image {
  padding-bottom: 4rem;
  padding-top: 2rem
}

.blogImgText__imageItem {
  border-radius: 50px;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.blogImgText__imageItem--noCrop {
  max-height: unset;
  object-fit: unset;
  object-position: unset
}

.blogImgText__info {
  color: #5a5a5a;
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 1rem;
  padding-left: 3rem
}

.blogImgText__heading {
  padding-bottom: 2.5rem
}

.blogImgText__headingItem {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogImgText__content p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogImgText__content a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogImgText__content a:hover {
  color: #764ced
}

.blogImgText__content ol,.blogImgText__content ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogImgText__content ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogImgText__content ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogImgText__content h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogImgText__content tr {
  border-bottom: 1px solid #ff6072
}

.blogImgText__content td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogImgText__content blockquote {
  background: #fff;
  font-style: italic
}

.blogImgText__content blockquote p {
  padding: 2rem
}

.blogImgText__content em {
  font-style: italic
}

.blogImgText__content b,.blogImgText__content strong {
  font-weight: 700
}

.blogHeadingText {
  padding-bottom: 2rem;
  scroll-margin-top: 120px
}

.blogHeadingText h3 {
  scroll-margin-top: 25px
}

.blogHeadingText__heading {
  padding-bottom: 2.5rem
}

.blogHeadingText__headingItem {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogHeadingText__content p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogHeadingText__content a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogHeadingText__content a:hover {
  color: #764ced
}

.blogHeadingText__content ol,.blogHeadingText__content ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogHeadingText__content ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogHeadingText__content ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogHeadingText__content h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogHeadingText__content tr {
  border-bottom: 1px solid #ff6072
}

.blogHeadingText__content td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogHeadingText__content blockquote {
  background: #fff;
  font-style: italic
}

.blogHeadingText__content blockquote p {
  padding: 2rem
}

.blogHeadingText__content em {
  font-style: italic
}

.blogHeadingText__content b,.blogHeadingText__content strong {
  font-weight: 700
}

.blogHeader__image {
  position: relative
}

.blogHeader__imageItem {
  border-radius: 50px;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.blogHeader__badgesWrapper {
  bottom: 2rem;
  display: flex;
  left: 2rem;
  position: absolute
}

html[dir=rtl] .blogHeader__badgesWrapper {
  left: unset;
  right: 2rem
}

.blogHeader__imageBadge {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 7rem;
  color: #ff6072;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.3rem;
  padding: 1rem 2rem
}

.blogHeader__catLink {
  transition: .5s
}

.blogHeader__catLink:hover {
  background-color: #8b6bff;
  color: #fff
}

.blogHeader__actions {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding: 3rem 0 2rem
}

.blogHeader__actions,.blogHeader__actionsColumn {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.blogHeader__actionsColumn {
  width: 50%
}

.blogHeader__actionsColumn--right {
  justify-content: flex-end
}

.blogHeader__actionsDate {
  padding-right: 3rem
}

html[dir=rtl] .blogHeader__actionsDate {
  padding-left: 3rem;
  padding-right: unset
}

.blogHeader__actionsTime {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}

.blogHeader__actionsTime svg {
  margin-bottom: -2px;
  margin-right: 5px
}

html[dir=rtl] .blogHeader__actionsTime svg {
  margin-left: 5px;
  margin-right: unset
}

.blogHeader__actionsComments {
  padding-right: 2rem
}

html[dir=rtl] .blogHeader__actionsComments {
  padding-left: 2rem;
  padding-right: unset
}

.blogHeader__actionsComments svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .blogHeader__actionsComments svg {
  margin-left: 10px;
  margin-right: unset
}

.blogHeader__actionsLikes {
  display: flex
}

.blogHeader__actionsLikes svg {
  margin-bottom: -8px;
  margin-right: 10px
}

html[dir=rtl] .blogHeader__actionsLikes svg {
  margin-left: 10px;
  margin-right: unset
}

.blogHeader__actionsLikes span {
  margin-left: .5rem
}

.blogHeader__heading {
  padding-bottom: 4rem
}

.blogHeader__headingItem {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 4rem
}

.blogContentTable--hide {
  display: none
}

.blogContentTable__wrapper {
  background-color: #fff;
  border-radius: 2rem;
  margin-bottom: 4rem;
  padding: 3rem
}

.blogContentTable__heading {
  color: #ff6072;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem;
  padding-bottom: 2rem
}

.blogContentTable__list {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.7rem;
  padding-left: 2rem
}

html[dir=rtl] .blogContentTable__list {
  padding-left: unset;
  padding-right: 2rem
}

.blogContentTable__list li {
  list-style-type: decimal;
  padding-bottom: 2rem
}

.blogContentTable__list li ul {
  padding-left: 5rem
}

html[dir=rtl] .blogContentTable__list li ul {
  padding-left: unset;
  padding-right: 5rem
}

.blogContentTable__list li ul li {
  list-style-type: disc
}

.blogContentTable__list li ul li:first-child {
  padding-top: 1rem
}

.blogContentTable__list li a {
  transition: .5s
}

.blogContentTable__list li a:hover {
  color: #8b6bff
}

.blogText {
  padding-bottom: 4rem
}

.blogText__content p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogText__content a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogText__content a:hover {
  color: #764ced
}

.blogText__content ol,.blogText__content ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogText__content ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogText__content ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogText__content h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogText__content tr {
  border-bottom: 1px solid #ff6072
}

.blogText__content td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogText__content blockquote {
  background: #fff;
  font-style: italic
}

.blogText__content blockquote p {
  padding: 2rem
}

.blogText__content em {
  font-style: italic
}

.blogText__content b,.blogText__content strong {
  font-weight: 700
}

.blogYoutube {
  padding-bottom: 2rem
}

.blogYoutube__content iframe {
  aspect-ratio: 2/1.125!important;
  border-radius: 1.6rem;
  height: unset;
  width: 100%
}

.blogButton {
  padding-bottom: 4rem
}

.blogButton__content a {
  align-content: center;
  align-items: center;
  border: 2px solid #ff6072;
  border-radius: 7rem;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: center;
  line-height: 2.4rem;
  padding: 2rem 1rem;
  transition: .5s;
  width: 100%
}

.blogButton__content a:hover {
  background: #764ced;
  color: #fff
}

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

.blogImage__imageItem {
  border-radius: 50px;
  height: auto;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
  width: 100%
}

.blogImage__imageItem--noCrop {
  max-height: unset;
  object-fit: unset;
  object-position: unset
}

.blogImage__info {
  color: #5a5a5a;
  font-size: 1.2rem;
  font-style: italic;
  padding-left: 3rem
}

.blogTable {
  padding-bottom: 2rem
}

.blogTable__heading {
  padding-bottom: 2.5rem
}

.blogTable__headingItem {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogTable__content {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem
}

.blogTable__content table {
  max-width: 100%;
  min-width: 50%
}

.blogTable__content table tr {
  border-bottom: 1px solid #d3d3d3
}

.blogTable__content table tr td {
  padding: 1.5rem 2rem
}

.blogTable__content em {
  font-style: italic
}

.blogTable__content b,.blogTable__content strong {
  font-weight: 700
}

.blogTable__content ol,.blogTable__content ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogTable__content ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogTable__content ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogTable__content a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogTable__content a:hover {
  color: #764ced
}

.blogRating__wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0
}

.blogRating__item {
  display: flex;
  margin-bottom: 5rem;
  width: 50%
}

.blogRating__image {
  position: relative;
  width: 30%
}

.blogRating__imageItem {
  left: 10%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80%
}

.blogRating__imageBackground {
  width: 100%
}

.blogRating__imageBackground img,.blogRating__imageBackground svg {
  height: unset;
  width: 100%
}

.blogRating__content {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem;
  width: 70%
}

.blogRating__title {
  color: #ff6072;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem;
  padding-bottom: 1rem
}

.blogRating__level {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  padding-bottom: 2rem
}

.blogRating__level span {
  font-weight: 700
}

.blogRating__rating {
  position: relative;
  width: 100%
}

.blogRating__progressWrapper {
  background-color: #fff;
  border: 5px solid #e2daff;
  border-radius: 5rem;
  height: 3rem;
  width: 100%
}

.blogRating__progressBar {
  background-color: #ff6072;
  border-radius: 5rem;
  height: 3rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 20%
}

html[dir=rtl] .blogRating__progressBar {
  left: unset;
  right: 0
}

.blogRating__progressBar--beginner {
  width: 30%
}

.blogRating__progressBar--intermediate {
  width: 60%
}

.blogRating__progressBar--advanced {
  width: 100%
}

.blogRating__progressIcon {
  height: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem
}

.blogRating__progressIcon--beginner {
  left: 20%
}

html[dir=rtl] .blogRating__progressIcon--beginner {
  left: unset;
  right: 20%
}

.blogRating__progressIcon--intermediate {
  left: 50%
}

html[dir=rtl] .blogRating__progressIcon--intermediate {
  left: unset;
  right: 50%
}

.blogRating__progressIcon--advanced {
  left: 88%
}

html[dir=rtl] .blogRating__progressIcon--advanced {
  left: unset;
  right: 88%
}

.blogEmbed {
  padding-bottom: 2rem
}

.blogEmbed__content iframe {
  width: 100%
}

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

.blogQa__item {
  align-items: center;
  background: #fff;
  border-radius: 1.6rem;
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  margin-bottom: 4rem;
  padding: 3rem 2rem 2rem
}

.blogQa__button,.blogQa__question {
  margin-bottom: 2rem
}

.blogQa__button {
  width: 100%
}

.blogQa__buttonItem {
  background: #fff;
  border: .2rem solid #ff6072;
  border-radius: 2.6rem;
  color: #ff6072;
  display: block;
  font-weight: 700;
  margin: 0 auto;
  padding: 1rem 3rem;
  transition: .5s
}

.blogQa__buttonItem:hover {
  background: #ff6072;
  color: #fff
}

.blogQa__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(0,1,0,1)
}

.blogQa__answer[data-qa-answer=true] {
  max-height: 999rem;
  transition: max-height .4s cubic-bezier(1,0,1,0)
}

.blogQa__answerText {
  color: #c869f5;
  font-weight: 700
}

.blogQa__answerImage {
  margin-top: 2rem;
  text-align: center
}

.blogQa__answerImageItem {
  max-width: 40rem;
  width: 90%
}

.blogAccordionRep {
  padding-bottom: 4rem;
  padding-top: 4rem
}

.blogAccordionRep__item {
  background: #fff;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  padding: 1.7rem 5rem
}

.blogAccordionRep__item>summary::-webkit-details-marker {
  display: none
}

.blogAccordionRep__item>summary {
  list-style: none
}

.blogAccordionRep__item[open] .faq__itemTitle {
  color: #ff6072;
  font-weight: 700
}

.blogAccordionRep__item[open] svg {
  transform: rotate(90deg);
  transition: transform .5s ease-in-out
}

.blogAccordionRep__item[open] svg circle {
  fill: #c869f5
}

.blogAccordionRep__item[open] svg .cls-3 {
  fill: #fff
}

.blogAccordionRep__itemTitle {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  font-weight: 400;
  justify-content: space-between;
  line-height: 3rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.blogAccordionRep__itemTitle img {
  width: 4.6rem
}

.blogAccordionRep__itemTitle svg {
  transition: transform .5s ease-in-out;
  width: 4.6rem
}

.blogAccordionRep__itemTitle svg .cls-3,.blogAccordionRep__itemTitle svg circle {
  transition: .5s
}

.blogAccordionRep__itemTitle:hover svg circle {
  fill: #c869f5
}

.blogAccordionRep__itemTitle:hover svg .cls-3 {
  fill: #fff
}

.blogAccordionRep__itemText {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  padding-top: 2rem;
  row-gap: 2.5rem
}

.blogAccordionRep__itemText ul {
  font-size: 1.6rem;
  list-style-type: disc;
  padding-left: 2rem;
  width: calc(20% - 2.4rem)
}

.blogAccordionRep__itemText ul li {
  margin-bottom: .5rem
}

.blogAccordionQA {
  padding-bottom: 4rem;
  padding-top: 4rem
}

.blogAccordionQA__item {
  background: #fff;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  padding: 1.7rem 5rem
}

.blogAccordionQA__item>summary::-webkit-details-marker {
  display: none
}

.blogAccordionQA__item>summary {
  list-style: none
}

.blogAccordionQA__item[open] .faq__itemTitle {
  color: #ff6072;
  font-weight: 700
}

.blogAccordionQA__item[open] svg {
  transform: rotate(90deg);
  transition: transform .5s ease-in-out
}

.blogAccordionQA__item[open] svg circle {
  fill: #c869f5
}

.blogAccordionQA__item[open] svg .cls-3 {
  fill: #fff
}

.blogAccordionQA__itemTitle {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  font-weight: 400;
  justify-content: space-between;
  line-height: 3rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.blogAccordionQA__itemTitle img {
  width: 4.6rem
}

.blogAccordionQA__itemTitle svg {
  transition: transform .5s ease-in-out;
  width: 4.6rem
}

.blogAccordionQA__itemTitle svg .cls-3,.blogAccordionQA__itemTitle svg circle {
  transition: .5s
}

.blogAccordionQA__itemTitle:hover svg circle {
  fill: #c869f5
}

.blogAccordionQA__itemTitle:hover svg .cls-3 {
  fill: #fff
}

.blogAccordionQA__itemAnswer {
  padding-top: 2rem
}

.blogAccordionQA__itemAnswer p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogAccordionQA__itemAnswer a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogAccordionQA__itemAnswer a:hover {
  color: #764ced
}

.blogAccordionQA__itemAnswer ol,.blogAccordionQA__itemAnswer ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogAccordionQA__itemAnswer ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogAccordionQA__itemAnswer ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogAccordionQA__itemAnswer h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogAccordionQA__itemAnswer tr {
  border-bottom: 1px solid #ff6072
}

.blogAccordionQA__itemAnswer td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogAccordionQA__itemAnswer blockquote {
  background: #fff;
  font-style: italic
}

.blogAccordionQA__itemAnswer blockquote p {
  padding: 2rem
}

.blogAccordionQA__itemAnswer em {
  font-style: italic
}

.blogAccordionQA__itemAnswer b,.blogAccordionQA__itemAnswer strong {
  font-weight: 700
}

.blogAccordionQA__itemAnswer p:last-child {
  padding-bottom: 0
}

.blogRiddles__heading {
  margin-bottom: 2rem
}

.blogRiddles__headingItem {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 4rem
}

.blogRiddles__items {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  row-gap: 2rem
}

.blogRiddles__item {
  border-radius: 1.5rem;
  overflow: hidden;
  padding-top: 5.5rem;
  position: relative;
  width: calc(50% - 2rem)
}

.blogRiddles__item--purple {
  background: #ff6072
}

.blogRiddles__item--magenta {
  background: #c869f5
}

.blogRiddles__item--yellow {
  background: #ffe606
}

.blogRiddles__prop {
  position: absolute
}

.blogRiddles__prop--left {
  left: 0;
  top: 2rem
}

.blogRiddles__prop--right {
  right: 0;
  top: 0
}

.blogRiddles__box {
  background: #fff;
  border-radius: 1.5rem;
  padding: 6rem 3rem 2rem;
  position: relative
}

.blogRiddles__icon {
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%,-4.35rem);
  width: 8.7rem
}

.blogRiddles__icon--purple {
  background: #ffe606
}

.blogRiddles__icon--magenta {
  background: #ff6072
}

.blogRiddles__icon--yellow {
  background: #c869f5
}

.blogRiddles__iconItem {
  max-width: 5.6rem;
  width: 100%
}

.blogRiddles__question {
  text-align: center
}

.blogRiddles__question p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogRiddles__question a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogRiddles__question a:hover {
  color: #764ced
}

.blogRiddles__question ol,.blogRiddles__question ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogRiddles__question ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogRiddles__question ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogRiddles__question h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogRiddles__question tr {
  border-bottom: 1px solid #ff6072
}

.blogRiddles__question td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogRiddles__question blockquote {
  background: #fff;
  font-style: italic
}

.blogRiddles__question blockquote p {
  padding: 2rem
}

.blogRiddles__question em {
  font-style: italic
}

.blogRiddles__question b,.blogRiddles__question strong {
  font-weight: 700
}

.blogRiddles__question p:last-child {
  padding-bottom: 0
}

.blogRiddles__actions {
  margin-top: 1.5rem
}

.blogRiddles__button {
  align-items: center;
  background: #ff6072;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.1rem;
  padding: 1.6rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogRiddles__button:hover {
  background: #c869f5
}

.blogRiddles__eyes {
  margin-left: 1rem
}

.blogRiddles__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0,1,0,1)
}

.blogRiddles__answer[data-riddles-answer=true] {
  max-height: 999rem;
  transition: max-height .5s cubic-bezier(1,0,1,0)
}

.blogRiddles__answerHelper {
  margin-top: 2rem
}

.blogRiddles__answerHolder {
  background: #f5f5f6;
  border: .2rem solid #ff6072;
  border-radius: 1.5rem;
  padding: 1rem;
  text-align: center
}

.blogRiddles__answerHolder p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogRiddles__answerHolder a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogRiddles__answerHolder a:hover {
  color: #764ced
}

.blogRiddles__answerHolder ol,.blogRiddles__answerHolder ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogRiddles__answerHolder ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogRiddles__answerHolder ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogRiddles__answerHolder h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogRiddles__answerHolder tr {
  border-bottom: 1px solid #ff6072
}

.blogRiddles__answerHolder td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogRiddles__answerHolder blockquote {
  background: #fff;
  font-style: italic
}

.blogRiddles__answerHolder blockquote p {
  padding: 2rem
}

.blogRiddles__answerHolder em {
  font-style: italic
}

.blogRiddles__answerHolder b,.blogRiddles__answerHolder strong {
  font-weight: 700
}

.blogRiddles__answerHolder p:last-child {
  padding-bottom: 0
}

.blogMapQuiz__startBtn {
  align-items: center;
  background: #ff6072;
  border-radius: 6.8rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogMapQuiz__startBtn:hover {
  background: #764ced
}

.blogMapQuiz__nextBtn {
  align-items: center;
  background: #ff6072;
  border-radius: 6.8rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogMapQuiz__nextBtn:hover {
  background: #764ced
}

.blogMapQuiz__bar {
  align-items: center;
  background: #fff;
  border-radius: 3rem;
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 2.5rem
}

.blogMapQuiz__barQuestions {
  width: calc(100% - 33rem)
}

.blogMapQuiz__barQuestion {
  display: none;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem
}

.blogMapQuiz__barQuestion[data-map-quiz-question-active=true] {
  display: block
}

.blogMapQuiz__barInfo {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  gap: 2rem;
  justify-content: flex-end;
  line-height: 2.5rem;
  width: 32rem
}

.blogMapQuiz__barScoreItem,.blogMapQuiz__barTime span {
  color: #ff6072;
  font-weight: 700
}

.blogMapQuiz__barTime span {
  display: inline-flex;
  width: 4rem
}

.blogMapQuiz__map {
  position: relative
}

.blogMapQuiz__mapWrapper {
  align-items: center;
  background: #c5e0f5;
  border-radius: 3rem;
  display: flex;
  position: relative;
  z-index: 50
}

.blogMapQuiz__figure {
  cursor: pointer;
  padding: 2rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.blogMapQuiz__figure[data-map-quiz-figure-state=normal] .st0 {
  fill: #fff;
  transition: .5s
}

.blogMapQuiz__figure[data-map-quiz-figure-state=normal]:hover .st0 {
  fill: #ff6072
}

.blogMapQuiz__figure[data-map-quiz-figure-state=bad] .st0 {
  fill: #f84f4f;
  transition: .5s
}

.blogMapQuiz__figure[data-map-quiz-figure-state=bad]:hover .st0 {
  fill: #f84f4f
}

.blogMapQuiz__figure[data-map-quiz-figure-state=good] .st0 {
  fill: #8ec543;
  transition: .5s
}

.blogMapQuiz__figure[data-map-quiz-figure-state=good]:hover .st0 {
  fill: #8ec543
}

.blogMapQuiz__mapModal {
  align-items: center;
  background: transparent;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

.blogMapQuiz__mapModal[data-map-quiz-modal=true] {
  display: flex
}

.blogMapQuiz__mapModalWrapper {
  background: #fff;
  border-radius: 3rem;
  padding: 4rem;
  width: 80%
}

.blogMapQuiz__mapModalIcon {
  display: block;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 13rem;
  width: 100%
}

.blogMapQuiz__mapModalInfo {
  display: none
}

.blogMapQuiz__mapModalInfo[data-map-quiz-modal-info-active=true] {
  display: block
}

.blogMapQuiz__mapModalInfoHeading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 2rem;
  text-align: center
}

.blogMapQuiz__mapModalInfoText {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  text-align: center
}

.blogMapQuiz__mapModalActions {
  text-align: center
}

.blogMapQuiz__mapModalFinal {
  align-items: center;
  background: transparent;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

.blogMapQuiz__mapModalFinal[data-map-quiz-final-modal=true] {
  display: flex
}

.blogMapQuiz__mapModalFinalWrapper {
  background: #fff;
  border-radius: 3rem;
  padding: 4rem;
  text-align: center;
  width: 80%
}

.blogMapQuiz__mapModalFinalTitle {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 2rem
}

.blogMapQuiz__mapModalFinalScores {
  border-bottom: .2rem solid #f3f3f4;
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem
}

.blogMapQuiz__mapModalFinalScore {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  width: calc(33.33333% - 1.33333rem)
}

.blogMapQuiz__mapModalFinalScore span {
  color: #ff6072;
  display: block;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.blogMapQuiz__mapModalFinalText {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 2rem
}

.blogMapQuiz__mapModalStart {
  align-items: center;
  background: transparent;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100
}

.blogMapQuiz__mapModalStart[data-map-quiz-start-modal=true] {
  display: flex
}

.blogMapQuiz__mapModalStartWrapper {
  background: #fff;
  border-radius: 3rem;
  padding: 4rem;
  width: 80%
}

.blogMemoryQuiz__startBtn {
  align-items: center;
  background: #ff6072;
  border-radius: 6.8rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogMemoryQuiz__startBtn:hover {
  background: #764ced
}

.blogMemoryQuiz__nextBtn {
  align-items: center;
  background: #ff6072;
  border-radius: 6.8rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogMemoryQuiz__nextBtn:hover {
  background: #764ced
}

.blogMemoryQuiz__bar {
  align-items: center;
  background: #fff;
  border-radius: 3rem;
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 2.5rem
}

.blogMemoryQuiz__barQuestions {
  width: calc(100% - 33rem)
}

.blogMemoryQuiz__barQuestion {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem
}

.blogMemoryQuiz__barQuestion mark {
  background: unset;
  color: #ff6072
}

.blogMemoryQuiz__barInfo {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  gap: 2rem;
  justify-content: flex-end;
  line-height: 2.5rem;
  width: 32rem
}

.blogMemoryQuiz__barScoreItem {
  color: #ff6072;
  font-weight: 700
}

.blogMemoryQuiz__barTime span {
  color: #ff6072;
  display: inline-flex;
  font-weight: 700;
  width: 4rem
}

.blogMemoryQuiz__gameHelper {
  position: relative
}

.blogMemoryQuiz__game {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  position: relative;
  z-index: 100
}

.blogMemoryQuiz__card {
  border-radius: 1.8rem;
  overflow: hidden;
  position: relative;
  width: calc(25% - 1.5rem)
}

.blogMemoryQuiz__card[data-memory-quiz-card-active=true] .blogMemoryQuiz__cardOverlay {
  opacity: 0
}

.blogMemoryQuiz__card[data-memory-quiz-card-active=true] .blogMemoryQuiz__cardContent {
  opacity: 1;
  transition: opacity .8s ease-in-out
}

.blogMemoryQuiz__card[data-memory-quiz-card-finished=true] .blogMemoryQuiz__cardOverlay {
  opacity: 0
}

.blogMemoryQuiz__cardOverlay,.blogMemoryQuiz__card[data-memory-quiz-card-finished=true] .blogMemoryQuiz__cardContent {
  opacity: 1;
  transition: opacity .8s ease-in-out
}

.blogMemoryQuiz__cardOverlay {
  align-items: center;
  background: #ff6072;
  display: flex;
  height: 102%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 20
}

.blogMemoryQuiz__cardOverlayImage {
  background-image: url(@images/overlay.png);
  background-size: cover;
  display: block;
  height: 102%;
  left: -1%;
  position: absolute;
  top: -1%;
  width: 102%;
  z-index: 15
}

.blogMemoryQuiz__cardOverlayNumber {
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  left: 50%;
  line-height: 6rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 30
}

.blogMemoryQuiz__cardContent {
  background: #fff;
  opacity: 0;
  position: relative;
  transition: opacity .8s ease-in-out;
  z-index: 10
}

.blogMemoryQuiz__cardImage {
  aspect-ratio: 1.3/1;
  display: flex;
  object-fit: cover;
  width: 100%
}

.blogMemoryQuiz__cardTitleOverlay {
  background: #000;
  background: linear-gradient(0deg,rgba(0,0,0,.76) 20%,transparent 50%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.blogMemoryQuiz__cardTitle {
  bottom: 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  left: 0;
  line-height: 2rem;
  padding: 1rem 1.5rem;
  position: absolute
}

.blogMemoryQuiz__controls {
  align-items: center;
  background: rgba(0,0,0,.6);
  border-radius: 1.8rem;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 300
}

.blogMemoryQuiz__controls[data-memory-quiz-controls=true] {
  display: flex
}

.blogMemoryQuiz__controlsStart {
  align-items: center;
  background: #ff6072;
  border-radius: 6.8rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  max-width: 30rem;
  padding: 1.5rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.blogMemoryQuiz__controlsStart:hover {
  background: #764ced
}

.blogMemoryQuiz__finalModal {
  align-items: center;
  background: #fff;
  border-radius: 1.8rem;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 300
}

.blogMemoryQuiz__finalModal[data-memory-quiz-final=true] {
  display: flex
}

.blogMemoryQuiz__finalHelper {
  width: 60%
}

.blogMemoryQuiz__finalHeading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 2rem
}

.blogMemoryQuiz__finalTitle {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem
}

.blogMemoryQuiz__finalTitle--big {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem
}

.blogMemoryQuiz__finalValue {
  color: #ff6072;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem
}

.blogMemoryQuiz__finalValue--big {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.5rem
}

.blogMemoryQuiz__finalRow {
  border-bottom: .2rem solid #f5f5f6;
  border-top: .2rem solid #f5f5f6;
  display: flex;
  gap: 2rem;
  margin: 1rem 0;
  padding: 1rem;
  width: 100%
}

.blogMemoryQuiz__finalRowItem {
  width: calc(33.33333% - 1.33333rem)
}

.blogHeader__heading--lp {
  padding-top: 4rem
}

.blogLpImgTxt {
  padding-bottom: 2rem
}

.blogLpImgTxt__wrapper {
  align-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.blogLpImgTxt__image {
  padding-right: 4rem;
  width: 40%
}

.blogLpImgTxt__image--right,html[dir=rtl] .blogLpImgTxt__image {
  padding-left: 4rem;
  padding-right: unset
}

.blogLpImgTxt__image--right {
  order: 2
}

html[dir=rtl] .blogLpImgTxt__image--right {
  padding-left: unset;
  padding-right: 4rem
}

.blogLpImgTxt__imageItem {
  width: 100%
}

.blogLpImgTxt__content {
  width: 60%
}

.blogLpImgTxt__content--left {
  order: 1
}

.blogLpImgTxt__content p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogLpImgTxt__content a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogLpImgTxt__content a:hover {
  color: #764ced
}

.blogLpImgTxt__content ol,.blogLpImgTxt__content ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogLpImgTxt__content ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogLpImgTxt__content ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogLpImgTxt__content h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogLpImgTxt__content tr {
  border-bottom: 1px solid #ff6072
}

.blogLpImgTxt__content td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogLpImgTxt__content blockquote {
  background: #fff;
  font-style: italic
}

.blogLpImgTxt__content blockquote p {
  padding: 2rem
}

.blogLpImgTxt__content em {
  font-style: italic
}

.blogLpImgTxt__content b,.blogLpImgTxt__content strong {
  font-weight: 700
}

.blogLpImgTxt__content p {
  padding-bottom: 1rem;
  padding-top: 1rem
}

.blogLpImgHTxt__wrapper {
  background: #fff;
  border-radius: 2.6rem;
  display: flex;
  flex-wrap: wrap
}

.blogLpImgHTxt__image {
  position: relative;
  width: 40%
}

.blogLpImgHTxt__imageItem {
  border-bottom-left-radius: 2.6rem;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

html[dir=rtl] .blogLpImgHTxt__imageItem {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: 2.6rem;
  left: unset;
  right: 0
}

.blogLpImgHTxt__content {
  min-height: 30rem;
  padding: 3rem 5rem 7rem;
  width: 60%
}

.blogLpImgHTxt__contentHeading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 2rem
}

.blogLpImgHTxt__contentText p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogLpImgHTxt__contentText a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogLpImgHTxt__contentText a:hover {
  color: #764ced
}

.blogLpImgHTxt__contentText ol,.blogLpImgHTxt__contentText ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogLpImgHTxt__contentText ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogLpImgHTxt__contentText ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogLpImgHTxt__contentText h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogLpImgHTxt__contentText tr {
  border-bottom: 1px solid #ff6072
}

.blogLpImgHTxt__contentText td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogLpImgHTxt__contentText blockquote {
  background: #fff;
  font-style: italic
}

.blogLpImgHTxt__contentText blockquote p {
  padding: 2rem
}

.blogLpImgHTxt__contentText em {
  font-style: italic
}

.blogLpImgHTxt__contentText b,.blogLpImgHTxt__contentText strong {
  font-weight: 700
}

.blogForm__wrapper {
  background-color: #ff6072;
  border-radius: 2.6rem;
  color: #fff;
  overflow: hidden;
  padding: 5rem 15rem 20rem;
  position: relative
}

.blogForm__prop {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.blogForm__heading {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 4rem;
  text-align: center
}

.blogForm__formRow {
  padding: 1.5rem 0
}

.blogForm__formRow--file {
  border: 1px dashed #fff;
  padding: 0
}

.blogForm__formFile input[type=file] {
  width: 100%
}

.blogForm__formInput,.blogForm__formTitle {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogForm__formInput input[type=email],.blogForm__formInput input[type=text],.blogForm__formInput textarea {
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 1rem;
  width: 100%
}

.blogForm__formAcceptance {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogForm__formAcceptance label {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.blogForm__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.blogForm__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.blogForm__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #fff
}

.blogForm__formAcceptance input[type=checkbox]:before {
  background: #ff6072;
  border: 1px solid #aaa;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 3rem
}

.blogForm__formAcceptance input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #fff
}

.blogForm__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.blogForm__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.blogForm__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 4px 0 0 #ff6072,8px 0 0 #ff6072,8px -4px 0 #ff6072,8px -8px 0 #ff6072,8px -12px 0 #ff6072,8px -16px 0 #ff6072;
  content: "";
  height: 4px;
  left: 5px;
  position: absolute;
  top: 1.4rem;
  transform: rotate(45deg);
  width: 4px
}

.blogForm__formSubmit {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0
}

.blogForm__formSubmit input {
  background-color: #ffe606;
  border-radius: 9rem;
  color: #ff6072;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: .5rem;
  padding: 1.8rem 6.3rem
}

.codedropz-upload-handler {
  border: unset!important
}

.codedropz-upload-inner {
  padding: 2rem 0
}

.codedropz-upload-inner div:first-of-type {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem
}

.codedropz-upload-inner div:first-of-type:before {
  background-image: url(@images/form-upload.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 3.5rem;
  margin: 0 auto 1rem;
  width: 3.5rem
}

.cd-upload-btn {
  border: 1px solid #fff;
  border-radius: 1rem;
  display: block;
  margin: 1rem auto;
  padding: 1rem;
  width: 20rem
}

.cd-upload-btn:hover {
  background-color: #fff;
  color: #ff6072
}

.dnd-upload-details em,.dnd-upload-details span {
  color: #fff!important
}

.dnd-upload-status {
  padding: .5rem 4rem 2rem
}

.dnd-upload-status .dnd-upload-details .remove-file {
  right: 2rem
}

.dnd-upload-counter {
  display: none
}

.dnd-upload-status .dnd-upload-image span.file {
  filter: invert(1)
}

.wpcf7-not-valid-tip {
  color: #ffe606!important
}

.blogHeader__heading--ny {
  align-items: center;
  display: flex;
  padding-top: 4rem
}

.blogHeader__headingItem--ny {
  width: calc(100% - 12rem)
}

.blogNySnow {
  padding-bottom: 5rem
}

.blogNySnow__wrapper {
  background: #ff6072;
  border-radius: 5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

.blogNySnow__propLeft {
  left: -2rem;
  position: absolute;
  top: -2.3rem
}

html[dir=rtl] .blogNySnow__propLeft {
  left: unset;
  right: -2rem;
  transform: scaleX(-1)
}

.blogNySnow__propRight {
  position: absolute;
  right: -1.5rem;
  top: -1.5rem
}

html[dir=rtl] .blogNySnow__propRight {
  left: -1.5rem;
  right: unset;
  transform: scaleX(-1)
}

.blogNySnow__propMailbox {
  bottom: 0;
  left: -1rem;
  position: absolute
}

html[dir=rtl] .blogNySnow__propMailbox {
  left: unset;
  right: -1rem;
  transform: scaleX(-1)
}

.blogNySnow__content {
  padding: 5.5rem 0 3rem 13rem;
  text-align: center;
  width: 60%
}

html[dir=rtl] .blogNySnow__content {
  padding: 5.5rem 13rem 3rem 0
}

.blogNySnow__heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 1.8rem
}

.blogNySnow__subheading {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.7rem;
  margin-bottom: 1.1rem
}

.blogNySnow__text p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogNySnow__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogNySnow__text a:hover {
  color: #764ced
}

.blogNySnow__text ol,.blogNySnow__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogNySnow__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogNySnow__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogNySnow__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogNySnow__text tr {
  border-bottom: 1px solid #ff6072
}

.blogNySnow__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogNySnow__text blockquote {
  background: #fff;
  font-style: italic
}

.blogNySnow__text blockquote p {
  padding: 2rem
}

.blogNySnow__text em {
  font-style: italic
}

.blogNySnow__text b,.blogNySnow__text strong {
  font-weight: 700
}

.blogNySnow__image {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  width: 40%
}

.blogNySnow__imageItem {
  border-bottom-right-radius: 5rem;
  width: 100%
}

html[dir=rtl] .blogNySnow__imageItem {
  border-bottom-left-radius: 5rem;
  border-bottom-right-radius: unset
}

.blogNyParImg__wrapper {
  align-items: center;
  display: flex;
  padding-top: 5rem;
  position: relative
}

.blogNyParImg__paragraphs {
  position: relative;
  width: 60%;
  z-index: 5
}

.blogNyParImg__item {
  align-items: center;
  display: flex;
  margin-bottom: 2rem
}

.blogNyParImg__item:nth-child(2n) .blogNyParImg__icon {
  order: 2;
  padding-left: 3rem;
  padding-right: 0
}

html[dir=rtl] .blogNyParImg__item:nth-child(2n) .blogNyParImg__icon {
  padding-left: 0;
  padding-right: 3rem
}

.blogNyParImg__icon {
  padding-right: 3rem
}

html[dir=rtl] .blogNyParImg__icon {
  padding-left: 3rem;
  padding-right: unset
}

.blogNyParImg__iconItem {
  width: 10rem
}

.blogNyParImg__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  width: calc(100% - 13rem)
}

.blogNyParImg__text span {
  color: #ff6072
}

.blogNyParImg__image {
  padding-left: 2rem;
  position: relative;
  width: 40%;
  z-index: 5
}

html[dir=rtl] .blogNyParImg__image {
  padding-left: unset;
  padding-right: 2rem
}

.blogNyParImg__imageItem {
  width: 85%
}

.blogNyParImg__imageProp {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4
}

html[dir=rtl] .blogNyParImg__imageProp {
  left: 0;
  right: unset
}

.blogNyParImg__download {
  align-items: center;
  background: #ff6072;
  border-radius: 2.6rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 2rem 3rem;
  position: relative
}

.blogNyParImg__downloadPropRight {
  position: absolute;
  right: 0;
  top: -20rem;
  z-index: 2
}

html[dir=rtl] .blogNyParImg__downloadPropRight {
  left: 0;
  right: unset
}

.blogNyParImg__downloadPropRight svg {
  transform: rotate(180deg);
  width: 20rem
}

html[dir=rtl] .blogNyParImg__downloadPropRight svg {
  transform: unset
}

.blogNyParImg__downloadPropLeft {
  bottom: -15rem;
  left: 0;
  position: absolute;
  z-index: 2
}

html[dir=rtl] .blogNyParImg__downloadPropLeft {
  left: unset;
  right: 0
}

.blogNyParImg__downloadPropLeft svg {
  opacity: .5;
  transform: rotate(180deg);
  width: 15rem
}

html[dir=rtl] .blogNyParImg__downloadPropLeft svg {
  transform: unset
}

.blogNyParImg__downloadText {
  font-weight: 700
}

.blogNyParImg__downloadBtn,.blogNyParImg__downloadText {
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  position: relative;
  z-index: 10
}

.blogNyParImg__downloadBtn {
  align-items: center;
  background: #c869f5;
  border-radius: 2.6rem;
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 1rem 2.5rem
}

.blogNyParImg__downloadBtn:hover {
  background: #ffb804
}

.blogNyGiftTiles {
  padding-bottom: 5rem
}

.blogNyGiftTiles__heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 4.6rem
}

.blogNyGiftTiles__tiles {
  display: flex;
  flex-wrap: wrap
}

.blogNyGiftTiles__item {
  align-items: center;
  background: #fff;
  border: 3px solid #ff6072;
  border-radius: 3rem;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.5rem;
  margin-bottom: 4rem;
  margin-right: 4rem;
  padding: 5rem 2rem 3rem;
  position: relative;
  text-align: center;
  width: calc(33.33333% - 2.66667rem)
}

.blogNyGiftTiles__item:nth-child(3n) {
  margin-right: unset
}

html[dir=rtl] .blogNyGiftTiles__item {
  margin-left: 4rem;
  margin-right: unset
}

html[dir=rtl] .blogNyGiftTiles__item:nth-child(3n) {
  margin-left: unset
}

.blogNyGiftTiles__propItem {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%,-50%)
}

.blogNyReward {
  padding-bottom: 5rem
}

.blogNyReward__wrapper {
  padding-top: 16rem;
  position: relative
}

.blogNyReward__propTop {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(calc(-50% - -4rem));
  z-index: 4
}

.blogNyReward__propLeft {
  bottom: -6rem;
  left: 0;
  position: absolute;
  z-index: 4
}

.blogNyReward__content {
  background: #ff6072;
  border-radius: 3rem;
  margin-left: 5rem;
  padding: 8rem 19rem 3rem;
  position: relative;
  text-align: center;
  width: calc(100% - 5rem);
  z-index: 5
}

.blogNyReward__propLeftInt {
  bottom: -.2rem;
  left: 0;
  position: absolute
}

.blogNyReward__propLeftInt img {
  border-bottom-left-radius: 3rem
}

.blogNyReward__propRightInt {
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%)
}

.blogNyReward__propTopInt {
  left: 50%;
  position: absolute;
  top: -23rem;
  transform: translateX(-50%)
}

.blogNyReward__text {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem
}

.blogNyReward__text p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogNyReward__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogNyReward__text a:hover {
  color: #764ced
}

.blogNyReward__text ol,.blogNyReward__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogNyReward__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogNyReward__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogNyReward__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogNyReward__text tr {
  border-bottom: 1px solid #ff6072
}

.blogNyReward__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogNyReward__text blockquote {
  background: #fff;
  font-style: italic
}

.blogNyReward__text blockquote p {
  padding: 2rem
}

.blogNyReward__text em {
  font-style: italic
}

.blogNyReward__text b,.blogNyReward__text strong {
  font-weight: 700
}

.blogNyReward__text span {
  color: #ffe606;
  font-weight: 700
}

.blogNyForm {
  padding-top: 5rem
}

.blogNyForm__wrapper {
  background-color: #fff;
  border-radius: 2.6rem;
  color: #000;
  padding: 15rem 5rem 1rem;
  position: relative
}

.blogNyForm__leaf {
  left: 50%;
  position: absolute;
  top: -5rem;
  transform: translateX(-50%)
}

.blogNyForm__heading {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 4rem;
  text-align: center
}

.blogNyForm__formRow {
  padding: 1.5rem 0
}

.blogNyForm__formRow--file {
  border: 1px dashed #000;
  padding: 0
}

.blogNyForm__formFile input[type=file] {
  width: 100%
}

.blogNyForm__formInput,.blogNyForm__formTitle {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogNyForm__formInput input[type=email],.blogNyForm__formInput input[type=text],.blogNyForm__formInput textarea {
  border-bottom: 1px solid #000;
  color: #000;
  padding: 1rem;
  width: 100%
}

.blogNyForm__formAcceptance {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogNyForm__formAcceptance label {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.blogNyForm__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.blogNyForm__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.blogNyForm__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #ff6072
}

.blogNyForm__formAcceptance input[type=checkbox]:before {
  background: #fff;
  border: 1px solid #ff6072;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 3rem
}

.blogNyForm__formAcceptance input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #ff6072
}

.blogNyForm__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.blogNyForm__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.blogNyForm__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 4px 0 0 #ff6072,8px 0 0 #ff6072,8px -4px 0 #ff6072,8px -8px 0 #ff6072,8px -12px 0 #ff6072,8px -16px 0 #ff6072;
  content: "";
  height: 4px;
  left: 5px;
  position: absolute;
  top: 1.4rem;
  transform: rotate(45deg);
  width: 4px
}

.blogNyForm__formSubmit {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0
}

.blogNyForm__formSubmit input {
  background-color: #ff6072;
  border-radius: 9rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: .5rem;
  padding: 1.8rem 6.3rem
}

.blogNyForm__formSubmit input:hover {
  background: #764ced
}

.blogNyForm .codedropz-upload-inner div:first-of-type:before {
  background-image: url(@images/form-upload-black.png)
}

.blogNyForm .cd-upload-btn {
  border: 1px solid #000
}

.blogNyForm .cd-upload-btn:hover {
  background-color: #ff6072;
  color: #fff
}

.blogNyForm .dnd-upload-details em,.blogNyForm .dnd-upload-details span {
  color: #000!important
}

.blogNyForm .wpcf7-not-valid-tip {
  color: #c869f5!important
}

.header__separate--ny,.page--ny {
  background: #f1e7dc
}

.post__extraCtaContent--ny:before {
  background-image: url(@images/leaf.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 10rem;
  left: 50%;
  position: absolute;
  top: -2.5rem;
  transform: translateX(-50%);
  width: 10rem
}

.blogNewsletter__wrapper {
  padding: 5rem 0;
  position: relative
}

.blogNewsletter__propLeft {
  bottom: 0;
  left: 0;
  position: absolute
}

.blogNewsletter__propRight {
  position: absolute;
  right: 0;
  top: 0
}

.blogNewsletter__content {
  background: #ff6072;
  border-radius: 2.6rem;
  margin: 0 auto;
  padding: 4rem;
  position: relative;
  width: calc(100% - 18rem);
  z-index: 10
}

.blogNewsletter__title {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.9rem;
  margin-bottom: 2rem
}

.blogNewsletter__title mark {
  background: unset;
  color: #ffe606
}

.blogNewsletter__form {
  background: #8b6bff;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 3rem
}

.blogNewsletterNew {
  padding: 2rem 0 3rem;
  position: relative
}

.blogNewsletterNew__wrapper {
  background: #fff;
  border: .2rem solid #e8e8e8;
  border-radius: 2.8rem;
  overflow: hidden;
  padding: 3rem 2rem;
  position: relative
}

.blogNewsletterNew__content {
  margin-left: auto;
  margin-right: 0;
  position: relative;
  width: 60%;
  z-index: 50
}

.blogNewsletterNew__heading {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1rem
}

.blogNewsletterNew__heading mark {
  background-color: unset;
  color: #ff6072
}

.blogNewsletterNew__propTop {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10
}

.blogNewsletterNew__propTopMobile {
  display: none
}

.blogNewsletterNew__propBottom {
  bottom: -1rem;
  left: 2rem;
  position: absolute;
  z-index: 10
}

.blogNewsletterNew__image {
  bottom: 0;
  height: 100%;
  left: 7rem;
  max-height: 38.2rem;
  position: absolute;
  z-index: 20
}

.blogNewsletterNew__mobileImage {
  display: none;
  max-width: 30%;
  position: relative;
  width: 100%;
  z-index: 40
}

.blogHeader__heading--mom {
  align-items: center;
  display: flex;
  padding-top: 4rem
}

.blogHeader__headingImage {
  width: 12rem
}

.blogHeader__headingItem--mom {
  color: #ff6072;
  width: calc(100% - 12rem)
}

.blogMomForm {
  padding-top: 5rem
}

.blogMomForm__wrapper {
  background-color: #fff;
  border-radius: 2.6rem;
  color: #000;
  padding: 15rem 5rem 1rem;
  position: relative
}

.blogMomForm__flower {
  left: 50%;
  position: absolute;
  top: -5rem;
  transform: translateX(-50%)
}

.blogMomForm__heading {
  color: #ff6072;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 4rem;
  text-align: center
}

.blogMomForm__formRow {
  padding: 1.5rem 0
}

.blogMomForm__formRow--file {
  border: 1px dashed #000;
  padding: 0
}

.blogMomForm__formFile input[type=file] {
  width: 100%
}

.blogMomForm__formInput,.blogMomForm__formTitle {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogMomForm__formInput input[type=email],.blogMomForm__formInput input[type=tel],.blogMomForm__formInput input[type=text],.blogMomForm__formInput input[type=url],.blogMomForm__formInput textarea {
  border-bottom: 1px solid #000;
  color: #000;
  padding: 1rem;
  width: 100%
}

.blogMomForm__formAcceptance {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem
}

.blogMomForm__formAcceptance a {
  text-decoration: underline;
  transition: .5s
}

.blogMomForm__formAcceptance a:hover {
  color: #c869f5
}

.blogMomForm__formAcceptance label {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.blogMomForm__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.blogMomForm__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.blogMomForm__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #ff6072
}

.blogMomForm__formAcceptance input[type=checkbox]:before {
  background: #fff;
  border: 1px solid #ff6072;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 3rem
}

.blogMomForm__formAcceptance input[type=checkbox]:checked:before {
  background: #fff;
  border-color: #ff6072
}

.blogMomForm__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.blogMomForm__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.blogMomForm__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 4px 0 0 #ff6072,8px 0 0 #ff6072,8px -4px 0 #ff6072,8px -8px 0 #ff6072,8px -12px 0 #ff6072,8px -16px 0 #ff6072;
  content: "";
  height: 4px;
  left: 5px;
  position: absolute;
  top: 1.4rem;
  transform: rotate(45deg);
  width: 4px
}

.blogMomForm__formSubmit {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0
}

.blogMomForm__formSubmit input {
  background-color: #ff6072;
  border-radius: 9rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: .5rem;
  padding: 1.8rem 6.3rem
}

.blogMomForm__formSubmit input:hover {
  background: #764ced
}

.blogMomForm .codedropz-upload-inner div:first-of-type:before {
  background-image: url(@images/form-upload-black.png)
}

.blogMomForm .cd-upload-btn {
  border: 1px solid #000
}

.blogMomForm .cd-upload-btn:hover {
  background-color: #ff6072;
  color: #fff
}

.blogMomForm .dnd-upload-details em,.blogMomForm .dnd-upload-details span {
  color: #000!important
}

.blogMomForm .wpcf7-not-valid-tip {
  color: #c869f5!important
}

.blogMomForm .codedropz-upload-inner {
  position: relative
}

.blogMomForm .codedropz-upload-inner:after {
  align-content: center;
  color: #2c2a32;
  content: "Formats: MP4, WMV, AVI, MOV; Max file size: 19MB; Max 1 file";
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  height: 3rem;
  justify-content: center;
  line-height: 1.8rem;
  width: 100%
}

.header__separate--mom,.page--mom {
  background: #f1e7dc
}

.post__extraCtaContent--mom:before {
  background-image: url(@images/flower.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 7rem;
  left: 50%;
  position: absolute;
  top: -3.5rem;
  transform: translateX(-50%);
  width: 7rem
}

.blogMomHeading__wrapper--left {
  text-align: left
}

html[dir=rtl] .blogMomHeading__wrapper--left {
  text-align: right
}

.blogMomHeading__wrapper--center {
  padding-left: 15%;
  padding-right: 15%;
  text-align: center
}

.blogMomHeading__wrapper--right {
  text-align: right
}

html[dir=rtl] .blogMomHeading__wrapper--right {
  text-align: left
}

.blogMomHeading__heading {
  color: #ff6072;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4.7rem
}

.blogMomTextImage__wrapper {
  align-items: center;
  display: flex;
  gap: 1rem
}

.blogMomTextImage__content {
  width: calc(50% - 1rem)
}

.blogMomTextImage__heading {
  color: #ff6072;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4.7rem;
  margin-bottom: 1.2rem
}

.blogMomTextImage__text p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogMomTextImage__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogMomTextImage__text a:hover {
  color: #764ced
}

.blogMomTextImage__text ol,.blogMomTextImage__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogMomTextImage__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogMomTextImage__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogMomTextImage__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogMomTextImage__text tr {
  border-bottom: 1px solid #ff6072
}

.blogMomTextImage__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogMomTextImage__text blockquote {
  background: #fff;
  font-style: italic
}

.blogMomTextImage__text blockquote p {
  padding: 2rem
}

.blogMomTextImage__text em {
  font-style: italic
}

.blogMomTextImage__text b,.blogMomTextImage__text strong {
  font-weight: 700
}

.blogMomTextImage__text mark {
  background: unset;
  color: #ff6072
}

.blogMomTextImage__image {
  width: 50%
}

.blogMomTextImage__imageItem {
  width: 100%
}

.blogMomTiles__wrapper {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem
}

.blogMomTiles__item {
  position: relative;
  width: calc(33.33333% - 2rem);
  z-index: 25
}

.blogMomTiles__infoBox {
  background: #2c2a32;
  border-radius: 1.6rem;
  color: #fff;
  display: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  max-width: 20rem;
  padding: 1rem;
  position: absolute;
  right: -1rem;
  top: 5rem;
  width: 100%;
  z-index: 35
}

.blogMomTiles__infoBox--active {
  display: block
}

.blogMomTiles__infoBox:before {
  border-bottom: .8rem solid #2c2a32;
  border-left: .8rem solid transparent;
  border-right: .8rem solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 2.9rem;
  top: -.8rem;
  width: 0
}

.blogMomTiles__tile {
  background: #fff;
  border: .1rem solid #ff6072;
  border-radius: 1.6rem;
  height: 100%;
  overflow: hidden;
  padding: 9rem 3rem 2rem;
  position: relative;
  z-index: 28
}

.blogMomTiles__prop {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: 29
}

.blogMomTiles__content {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.7rem;
  text-align: center
}

.blogMomTiles__info {
  align-items: center;
  aspect-ratio: 1;
  background: #ff6072;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 3rem
}

.blogMomTiles__info:hover {
  background: #764ced
}

.blogMomTiles__icon {
  left: 50%;
  position: absolute;
  top: -2.5rem;
  transform: translateX(-50%);
  z-index: 30
}

.blogMomBanner {
  padding-bottom: 5rem;
  padding-top: 8rem
}

.blogMomBanner__wrapper {
  position: relative
}

.blogMomBanner__box {
  align-items: center;
  background: #ff6072;
  border-radius: 2.6rem;
  color: #fff;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 30
}

.blogMomBanner__propLeft {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 5
}

html[dir=rtl] .blogMomBanner__propLeft {
  left: unset;
  right: 0;
  transform: scaleX(-1)
}

.blogMomBanner__propRight1 {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 10
}

html[dir=rtl] .blogMomBanner__propRight1 {
  left: 0;
  right: unset;
  transform: scaleX(-1)
}

.blogMomBanner__propRight2 {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 5
}

html[dir=rtl] .blogMomBanner__propRight2 {
  left: 0;
  right: unset;
  transform: scaleX(-1)
}

.blogMomBanner__imageWrapper {
  width: 40%
}

.blogMomBanner__content {
  padding: 4rem 10rem 3rem 0;
  position: relative;
  width: 60%;
  z-index: 30
}

html[dir=rtl] .blogMomBanner__content {
  padding: 4rem 0 3rem 10rem
}

.blogMomBanner__heading {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.9rem;
  margin-bottom: 1.8rem
}

.blogMomBanner__heading mark {
  background: unset;
  color: #ffe606
}

.blogMomBanner__text p {
  padding-bottom: 2.5rem
}

.blogMomBanner__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogMomBanner__text a:hover {
  color: #764ced
}

.blogMomBanner__text ol,.blogMomBanner__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogMomBanner__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogMomBanner__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogMomBanner__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogMomBanner__text tr {
  border-bottom: 1px solid #ff6072
}

.blogMomBanner__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogMomBanner__text blockquote {
  background: #fff;
  font-style: italic
}

.blogMomBanner__text blockquote p {
  padding: 2rem
}

.blogMomBanner__text em {
  font-style: italic
}

.blogMomBanner__text b,.blogMomBanner__text strong {
  font-weight: 700
}

.blogMomBanner__text p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.1rem
}

.blogMomBanner__text mark {
  background: unset;
  color: #ffe606
}

.blogMomBanner__image {
  bottom: 0;
  display: block;
  left: 1rem;
  overflow: hidden;
  position: absolute;
  width: calc(40% - 2rem);
  z-index: 40
}

html[dir=rtl] .blogMomBanner__image {
  left: unset;
  right: 1rem;
  transform: scaleX(-1)
}

.blogMomBanner__imageItem {
  margin-bottom: -.2rem;
  width: 100%
}

.blogMomBanner__imageItemMobile {
  display: none
}

.blogMomBanner__stars {
  position: absolute;
  right: -5rem;
  top: -6.5rem;
  z-index: 35
}

html[dir=rtl] .blogMomBanner__stars {
  left: -5rem;
  right: unset;
  transform: scaleX(-1)
}

.blogMomMain__firstRow {
  align-content: center;
  display: flex;
  gap: 2rem;
  margin-bottom: 8rem
}

.blogMomMain__secondRow {
  align-content: center;
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem
}

.blogMomMain__thirdRow {
  position: relative
}

.blogMomMain__image {
  width: 40%
}

.blogMomMain__imageItem {
  width: 100%
}

.blogMomMain__content {
  width: calc(60% - 2rem)
}

.blogMomMain__badge {
  background: #ff6072;
  border-radius: 1.4rem;
  color: #ffe606;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 2rem;
  padding: .75rem 1.4rem
}

.blogMomMain__text p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogMomMain__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogMomMain__text a:hover {
  color: #764ced
}

.blogMomMain__text ol,.blogMomMain__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogMomMain__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogMomMain__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogMomMain__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogMomMain__text tr {
  border-bottom: 1px solid #ff6072
}

.blogMomMain__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogMomMain__text blockquote {
  background: #fff;
  font-style: italic
}

.blogMomMain__text blockquote p {
  padding: 2rem
}

.blogMomMain__text em {
  font-style: italic
}

.blogMomMain__text b,.blogMomMain__text strong {
  font-weight: 700
}

.blogMomMain__text mark {
  background: unset;
  color: #ff6072
}

.blogMomMain__heading {
  color: #ff6072;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4.7rem;
  margin-bottom: 2rem
}

.blogMomMain__empty {
  width: 40%
}

.blogMomMain__boxPropTop {
  position: absolute;
  right: -3rem;
  top: -10rem
}

html[dir=rtl] .blogMomMain__boxPropTop {
  left: -3rem;
  right: unset;
  transform: scaleX(-1)
}

.blogMomMain__boxPropMiddle {
  position: absolute;
  right: -1.5rem;
  top: 2rem
}

html[dir=rtl] .blogMomMain__boxPropMiddle {
  left: -1.5rem;
  right: unset;
  transform: scaleX(-1)
}

.blogMomMain__box {
  background: #c869f5;
  border-radius: 6rem;
  color: #fff;
  display: flex;
  overflow: hidden;
  padding: 4rem;
  position: relative
}

.blogMomMain__boxArrow {
  left: 1rem;
  position: absolute;
  top: 5rem
}

html[dir=rtl] .blogMomMain__boxArrow {
  left: unset;
  right: 1rem;
  transform: scaleX(-1)
}

.blogMomMain__boxContent {
  width: 60%
}

.blogMomMain__boxHeading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2rem
}

.blogMomMain__boxText p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.blogMomMain__boxText a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.blogMomMain__boxText a:hover {
  color: #764ced
}

.blogMomMain__boxText ol,.blogMomMain__boxText ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.blogMomMain__boxText ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.blogMomMain__boxText ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.blogMomMain__boxText h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.blogMomMain__boxText tr {
  border-bottom: 1px solid #ff6072
}

.blogMomMain__boxText td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.blogMomMain__boxText blockquote {
  background: #fff;
  font-style: italic
}

.blogMomMain__boxText blockquote p {
  padding: 2rem
}

.blogMomMain__boxText em {
  font-style: italic
}

.blogMomMain__boxText b,.blogMomMain__boxText strong {
  font-weight: 700
}

.blogMomMain__boxText p {
  padding-bottom: 1rem
}

.blogMomMain__boxText mark {
  background: unset;
  color: #ff6072
}

.blogMomMain__boxImage {
  position: relative;
  width: 40%
}

.blogMomMain__boxImageItem {
  bottom: 0;
  position: absolute;
  right: 2rem;
  z-index: 30
}

html[dir=rtl] .blogMomMain__boxImageItem {
  left: 2rem;
  right: unset;
  transform: scaleX(-1)
}

.blogMomMain__boxPropInside {
  bottom: 0;
  position: absolute;
  right: 0
}

html[dir=rtl] .blogMomMain__boxPropInside {
  left: 0;
  right: unset;
  transform: scaleX(-1)
}

.blogMomMain__boxStars {
  bottom: 10rem;
  left: 0;
  position: absolute
}

html[dir=rtl] .blogMomMain__boxStars {
  left: unset;
  right: 0;
  transform: scaleX(-1)
}

.pageParentForm__wrapper {
  background: #9694ff;
  border-radius: 30px;
  overflow: hidden;
  position: relative
}

.pageParentForm__prop {
  position: absolute;
  z-index: 100
}

.pageParentForm__prop--left {
  bottom: 0;
  left: 0
}

.pageParentForm__prop--right {
  right: 0;
  top: 0
}

.pageParentForm__prop--doodleLeft {
  bottom: 20px;
  left: 20px
}

.pageParentForm__prop--doodleMiddle {
  right: calc(30% - 100px);
  top: 30%
}

.pageParentForm__prop--doodleRight {
  right: 0;
  top: 30px
}

.pageParentForm__helper {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
  z-index: 200
}

.pageParentForm__content {
  padding: 40px;
  width: calc(65% - 40px)
}

.pageParentForm__heading {
  margin: 0 auto 20px;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 80%
}

.pageParentForm__heading:before {
  background: #fff;
  transform: perspective(80em) rotateX(-30deg);
  z-index: 20
}

.pageParentForm__heading:after,.pageParentForm__heading:before {
  bottom: -11%;
  content: "";
  left: -3%;
  position: absolute;
  right: -3%;
  top: -4%
}

.pageParentForm__heading:after {
  background: #210a74;
  transform: perspective(80em) rotateX(-30deg) translate(10px,10px);
  z-index: 10
}

.pageParentForm__headingItem {
  color: #210a74;
  position: relative;
  z-index: 50
}

.pageParentForm__text {
  color: #210a74;
  text-align: center
}

.pageParentForm__text p {
  font-size: 1.6rem;
  padding-bottom: 2.5rem
}

.pageParentForm__text a {
  color: #ff6072;
  font-weight: 700;
  text-decoration: underline;
  transition: .5s
}

.pageParentForm__text a:hover {
  color: #764ced
}

.pageParentForm__text ol,.pageParentForm__text ul {
  font-size: 1.6rem;
  line-height: 2.9rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem
}

.pageParentForm__text ul li {
  line-height: 2.9rem;
  list-style-type: disc;
  padding-bottom: 1rem
}

.pageParentForm__text ol li {
  line-height: 2.9rem;
  list-style-type: decimal;
  padding-bottom: 1rem
}

.pageParentForm__text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.1rem
}

.pageParentForm__text tr {
  border-bottom: 1px solid #ff6072
}

.pageParentForm__text td {
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 1.2rem .5rem
}

.pageParentForm__text blockquote {
  background: #fff;
  font-style: italic
}

.pageParentForm__text blockquote p {
  padding: 2rem
}

.pageParentForm__text em {
  font-style: italic
}

.pageParentForm__text b,.pageParentForm__text strong {
  font-weight: 700
}

.pageParentForm__form .wpcf7-response-output {
  background: #fff!important;
  font-size: 1.4rem
}

.pageParentForm__formBox {
  background: #fff;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  position: relative
}

.pageParentForm__formBox:before {
  background: #210a74;
  border-radius: 16px;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: -1
}

.pageParentForm__formRow {
  width: 100%
}

.pageParentForm__formField label {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: 700;
  gap: 10px;
  line-height: 2.1rem;
  width: 100%
}

.pageParentForm__formField .wpcf7-not-valid-tip {
  color: red!important
}

.pageParentForm__formField .wpcf7-form-control-wrap {
  width: 100%
}

.pageParentForm__formField input,.pageParentForm__formField textarea {
  background: #fff;
  border: 1px solid #210a74;
  border-radius: 10px;
  color: #210a74;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding: 10px;
  width: 100%
}

.pageParentForm__formField textarea {
  resize: none
}

.pageParentForm__formRodo label {
  display: flex;
  font-size: 1.3rem;
  font-weight: 400;
  gap: 10px;
  line-height: 2rem
}

.pageParentForm__formRodo input[type=checkbox] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox
}

.pageParentForm__formActions,.pageParentForm__formCaptcha {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.pageParentForm__formActions {
  flex-direction: column
}

.pageParentForm__formActions input[type=submit] {
  align-items: center;
  background: #ffe606;
  border-radius: 90px;
  color: #210a74;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: center;
  line-height: 2.1rem;
  max-width: 320px;
  padding: 15px 50px;
  text-align: center;
  transition: .5s;
  width: 100%
}

.pageParentForm__formActions input[type=submit]:hover {
  background: #ff6072;
  color: #fff
}

.pageParentForm__formActions input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: .5
}

.pageParentForm__formActions input[type=submit]:disabled:hover {
  background: #ffe606;
  color: #210a74
}

.pageParentForm__image {
  position: relative;
  width: 35%;
  z-index: 200
}

.pageParentForm__imageItem {
  display: block;
  width: 100%
}

.flexPopup {
  align-items: center;
  background: rgba(0,0,0,.5);
  display: none;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.flexPopup[data-flex-popup-active=true] {
  display: flex
}

.flexPopup--primary {
  z-index: 9991
}

.flexPopup--ab-1,.flexPopup--ab-2,.flexPopup--ab-3,.flexPopup--ab-4,.flexPopup--ab-5 {
  z-index: -100
}

.flexPopup__wrapper {
  width: 100%
}

.flexPopupCW {
  max-width: 100rem;
  position: relative;
  width: 80%
}

.flexPopupCW--hide {
  display: none
}

.flexPopupCW--noImage {
  max-width: 60rem
}

.flexPopupCW--noImage .flexPopupCW__content {
  margin-top: 8rem;
  padding: 2rem 1rem 9rem;
  text-align: center;
  width: 100%
}

.flexPopupCW--noImage .flexPopupCW__prop--leftTop {
  left: -14rem;
  top: -30rem
}

html[dir=rtl] .flexPopupCW--noImage .flexPopupCW__prop--leftTop {
  left: unset;
  right: -14rem
}

.flexPopupCW--noImage .flexPopupCW__prop--middleTop {
  bottom: 10rem;
  left: -1.5rem;
  right: unset;
  top: unset
}

html[dir=rtl] .flexPopupCW--noImage .flexPopupCW__prop--middleTop {
  left: unset;
  right: -1.5rem
}

.flexPopupCW--noImage .flexPopupCW__prop--rightOne {
  bottom: -2rem;
  right: -5rem
}

html[dir=rtl] .flexPopupCW--noImage .flexPopupCW__prop--rightOne {
  left: -5rem;
  right: unset
}

.flexPopupCW--noImage .flexPopupCW__prop--rightTwo {
  bottom: -15rem;
  right: -28rem
}

html[dir=rtl] .flexPopupCW--noImage .flexPopupCW__prop--rightTwo {
  left: -28rem;
  right: unset
}

.flexPopupCW__close {
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 400
}

html[dir=rtl] .flexPopupCW__close {
  left: 2rem;
  right: unset
}

.flexPopupCW__close svg circle {
  fill: transparent;
  transition: .5s
}

.flexPopupCW__close:hover svg circle {
  fill: #ffe606
}

.flexPopupCW__wrapper {
  align-items: center;
  background: #ff6072;
  border-radius: 3.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
  padding: 0 5rem;
  position: relative
}

.flexPopupCW__wrapper--magenta {
  background: #c869f5
}

.flexPopupCW__prop {
  position: absolute
}

.flexPopupCW__prop--leftTop {
  left: -12rem;
  top: -30rem;
  z-index: 24
}

html[dir=rtl] .flexPopupCW__prop--leftTop {
  left: unset;
  right: -12rem
}

.flexPopupCW__prop--middleTop {
  right: 30%;
  top: 3rem;
  transform: rotate(60deg);
  z-index: 25
}

html[dir=rtl] .flexPopupCW__prop--middleTop {
  left: 30%;
  right: unset
}

.flexPopupCW__prop--rightOne {
  bottom: 10rem;
  right: -1rem;
  z-index: 22
}

html[dir=rtl] .flexPopupCW__prop--rightOne {
  left: -1rem;
  right: unset
}

.flexPopupCW__prop--rightTwo {
  bottom: -5rem;
  height: 40rem;
  right: -10rem;
  width: 40rem;
  z-index: 20
}

html[dir=rtl] .flexPopupCW__prop--rightTwo {
  left: -10rem;
  right: unset
}

.flexPopupCW__content {
  padding-bottom: 4rem;
  padding-top: 8rem;
  position: relative;
  width: calc(60% - 2rem);
  z-index: 50
}

.flexPopupCW__title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.flexPopupCW__title mark {
  background: unset;
  color: #ffe606
}

.flexPopupCW__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexPopupCW__cta,.flexPopupCW__form {
  margin-top: 1.2rem
}

.flexPopupCW__ctaBtn {
  background: #fff;
  border: .2rem solid #fff;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexPopupCW__ctaBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexPopupCW__ctaBtn--magenta {
  background: #fff;
  border: .2rem solid #fff;
  border-radius: 5.7rem;
  color: #c869f5;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexPopupCW__ctaBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexPopupCW__image {
  align-self: flex-end;
  position: relative;
  width: 40%;
  z-index: 50
}

.flexPopupCW__imageItem {
  display: block;
  height: 95%;
  object-fit: contain;
  object-position: bottom;
  width: 100%
}

.flexPopupCN {
  max-width: 45rem;
  position: relative;
  width: 80%
}

.flexPopupCN--hide {
  display: none
}

.flexPopupCN--noImage .flexPopupCN__content {
  padding: 6rem 4rem 4rem
}

.flexPopupCN--noImage .flexPopupCN__prop--leftBottom {
  bottom: -17rem;
  height: 20rem;
  left: unset;
  right: -5rem;
  width: 20rem
}

.flexPopupCN--noImage .flexPopupCN__prop--middleBottom {
  display: none
}

.flexPopupCN--noImage .flexPopupCN__prop--rightBottom {
  bottom: unset;
  height: 20rem;
  left: -2rem;
  right: unset;
  top: -15rem;
  width: 20rem
}

.flexPopupCN__close {
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 400
}

html[dir=rtl] .flexPopupCN__close {
  left: 2rem;
  right: unset
}

.flexPopupCN__close svg circle {
  fill: transparent;
  stroke: #ffe606;
  transition: .5s
}

.flexPopupCN__close svg path {
  stroke: #fff;
  transition: .5s
}

.flexPopupCN__close:hover svg circle {
  fill: #ffe606
}

.flexPopupCN__close:hover svg path {
  stroke: #fff
}

.flexPopupCN__wrapper {
  align-items: center;
  background: #ff6072;
  border-radius: 3.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.flexPopupCN__wrapper--magenta {
  background: #c869f5
}

.flexPopupCN__prop {
  position: absolute
}

.flexPopupCN__prop--leftBottom {
  bottom: -5rem;
  left: -15rem;
  z-index: 24
}

.flexPopupCN__prop--middleBottom {
  bottom: 28rem;
  height: 7rem;
  left: 7rem;
  transform: rotate(65deg);
  width: 7rem;
  z-index: 25
}

.flexPopupCN__prop--rightBottom {
  bottom: 7rem;
  height: 30rem;
  right: -10rem;
  width: 30rem;
  z-index: 20
}

.flexPopupCN__content {
  padding: 6rem 4rem 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 50
}

.flexPopupCN__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem;
  margin-top: 2rem
}

.flexPopupCN__title mark {
  background: unset;
  color: #ffe606
}

.flexPopupCN__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexPopupCN__cta,.flexPopupCN__form {
  margin-top: 1.2rem
}

.flexPopupCN__ctaBtn {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexPopupCN__ctaBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexPopupCN__ctaBtn--magenta {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexPopupCN__ctaBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexPopupCN__image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem
}

.flexPopupCN__imageItem {
  display: block;
  max-height: 32rem;
  object-fit: contain;
  object-position: center;
  width: 80%
}

.flexPopupWW {
  max-width: 100rem;
  position: relative;
  width: 80%
}

.flexPopupWW--hide {
  display: none
}

.flexPopupWW--noImage {
  max-width: 60rem
}

.flexPopupWW--noImage .flexPopupWW__content {
  margin-top: 8rem;
  padding: 2rem 1rem 9rem;
  text-align: center;
  width: 100%
}

.flexPopupWW--noImage .flexPopupWW__prop--leftTop {
  left: -14rem;
  top: -30rem
}

.flexPopupWW--noImage .flexPopupWW__prop--leftBottom {
  bottom: -40rem;
  left: 2.5rem
}

.flexPopupWW__close {
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 400
}

html[dir=rtl] .flexPopupWW__close {
  left: 2rem;
  right: unset
}

.flexPopupWW__close svg circle {
  fill: transparent;
  stroke: #c869f5;
  transition: .5s
}

.flexPopupWW__close svg path {
  stroke: #ff6072
}

.flexPopupWW__close:hover svg circle {
  fill: #c869f5
}

.flexPopupWW__close:hover svg path {
  stroke: #fff
}

.flexPopupWW__wrapper {
  align-items: center;
  background: #fff;
  border: .2rem solid #e8e8e8;
  border-radius: 3.5rem;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
  padding: 0 5rem;
  position: relative
}

.flexPopupWW__wrapper .flexPopup__form {
  background: #fff
}

.flexPopupWW__wrapper .flexPopup__formLabel {
  color: #959499
}

.flexPopupWW__wrapper .flexPopup__formInput ::-webkit-input-placeholder {
  color: #e1e1e1;
  opacity: 1
}

.flexPopupWW__wrapper .flexPopup__formInput :-ms-input-placeholder {
  opacity: 1
}

.flexPopupWW__wrapper .flexPopup__formInput ::-ms-input-placeholder {
  opacity: 1
}

.flexPopupWW__wrapper .flexPopup__formInput ::placeholder {
  color: #e1e1e1;
  opacity: 1
}

.flexPopupWW__wrapper .flexPopup__formInput :-ms-input-placeholder {
  color: #e1e1e1
}

.flexPopupWW__wrapper .flexPopup__formInput ::-ms-input-placeholder {
  color: #e1e1e1
}

.flexPopupWW__wrapper .flexPopup__formInput input,.flexPopupWW__wrapper .flexPopup__formInput textarea {
  color: #000
}

.flexPopupWW__wrapper .flexPopup__formInput input[type=email],.flexPopupWW__wrapper .flexPopup__formInput input[type=text],.flexPopupWW__wrapper .flexPopup__formInput textarea {
  border-bottom: .15rem solid #e1e1e1
}

.flexPopupWW__wrapper .wpcf7-not-valid-tip {
  color: red!important
}

.flexPopupWW__wrapper .flexPopup__formAcceptance label {
  color: #000
}

.flexPopupWW__wrapper .flexPopup__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e1e1e1
}

.flexPopupWW__wrapper .flexPopup__formAcceptance input[type=checkbox]:before {
  background: hsla(0,0%,100%,.35);
  border: 1px solid #e1e1e1
}

.flexPopupWW__wrapper .flexPopup__formAcceptance input[type=checkbox]:checked:before {
  background: hsla(0,0%,100%,.35);
  border-color: #e1e1e1
}

.flexPopupWW__wrapper .flexPopup__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 3px 0 0 #ff6072,6px 0 0 #ff6072,6px -3px 0 #ff6072,6px -6px 0 #ff6072,6px -9px 0 #ff6072,6px -12px 0 #ff6072
}

.flexPopupWW__wrapper .flexPopup__formSubmit input[type=submit] {
  background: #ff6072;
  color: #fff
}

.flexPopupWW__wrapper .flexPopup__formSubmit input[type=submit]:hover {
  background: #c869f5;
  color: #fff
}

.flexPopupWW__prop {
  position: absolute
}

.flexPopupWW__prop--leftTop {
  left: -12rem;
  top: -15rem;
  z-index: 24
}

html[dir=rtl] .flexPopupWW__prop--leftTop {
  left: unset;
  right: -12rem
}

.flexPopupWW__prop--leftBottom {
  bottom: -20rem;
  height: 45rem;
  left: 2.5rem;
  width: 45rem;
  z-index: 20
}

html[dir=rtl] .flexPopupWW__prop--leftBottom {
  left: unset;
  right: 2.5rem
}

.flexPopupWW__content {
  padding-bottom: 2rem;
  padding-top: 4rem;
  position: relative;
  width: calc(55% - 2rem);
  z-index: 50
}

.flexPopupWW__title {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.flexPopupWW__title mark {
  background: unset;
  color: #ff6072
}

.flexPopupWW__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexPopupWW__cta,.flexPopupWW__form {
  margin-top: 1.2rem
}

.flexPopupWW__ctaBtn {
  background: #ff6072;
  border: .2rem solid #ff6072;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexPopupWW__ctaBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexPopupWW__image {
  align-self: flex-end;
  position: relative;
  width: 45%;
  z-index: 50
}

.flexPopupWW__imageItem {
  display: block;
  height: 95%;
  object-fit: contain;
  object-position: bottom;
  width: 100%
}

.flexPopupIN {
  max-width: 50rem;
  position: relative;
  width: 80%
}

.flexPopupIN--hide {
  display: none
}

.flexPopupIN__close {
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 400
}

html[dir=rtl] .flexPopupIN__close {
  left: 2rem;
  right: unset
}

.flexPopupIN__close svg circle {
  fill: transparent;
  stroke: #ffe606;
  transition: .5s
}

.flexPopupIN__close svg path {
  stroke: #fff;
  transition: .5s
}

.flexPopupIN__close:hover svg circle {
  fill: #ffe606
}

.flexPopupIN__close:hover svg path {
  stroke: #fff
}

.flexPopupIN__wrapper {
  align-items: center;
  background: #ff6072;
  border-radius: 3.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.flexPopupIN__wrapper--magenta {
  background: #c869f5
}

.flexPopupIN__prop {
  position: absolute
}

.flexPopupIN__prop--leftTop {
  left: -12rem;
  top: -28rem;
  z-index: 24
}

html[dir=rtl] .flexPopupIN__prop--leftTop {
  left: unset;
  right: -12rem
}

.flexPopupIN__prop--rightBottom {
  bottom: -7rem;
  right: 7rem;
  z-index: 20
}

html[dir=rtl] .flexPopupIN__prop--rightBottom {
  left: 7rem;
  right: unset
}

.flexPopupIN__content {
  padding: 4rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 50
}

.flexPopupIN__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem;
  margin-top: 2rem
}

.flexPopupIN__title mark {
  background: unset;
  color: #ffe606
}

.flexPopupIN__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexPopupIN__cta,.flexPopupIN__form {
  margin-top: 1.2rem
}

.flexPopupIN__ctaBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexPopupIN__ctaBtn--magenta,.flexPopupIN__ctaBtn:hover {
  background: #ffe606;
  border: .2rem solid #ffe606;
  color: #ff6072
}

.flexPopupIN__ctaBtn--magenta {
  border-radius: 5.7rem;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexPopupIN__ctaBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

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

.flexPopupIN__imageItem {
  display: block;
  object-fit: contain;
  object-position: center;
  width: 50%
}

.flexPopupIS {
  max-width: 63rem;
  position: relative;
  width: 80%
}

.flexPopupIS--hide {
  display: none
}

.flexPopupIS__close {
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 400
}

html[dir=rtl] .flexPopupIS__close {
  left: 2rem;
  right: unset
}

.flexPopupIS__close svg circle {
  fill: transparent;
  stroke: #ff6072;
  transition: .5s
}

.flexPopupIS__close svg path {
  stroke: #ff6072;
  transition: .5s
}

.flexPopupIS__close:hover svg circle {
  fill: #ff6072
}

.flexPopupIS__close:hover svg path {
  stroke: #fff
}

.flexPopupIS__wrapper {
  align-items: center;
  background: #ff6072;
  border-radius: 3.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  position: relative
}

.flexPopupIS__wrapper--white {
  background: #fff;
  color: #ff6072
}

.flexPopupIS__wrapper--white .flexPopupIS__image {
  background: #ff6072
}

.flexPopupIS__wrapper--white .flexPopupIS__holder {
  background: rgba(110,70,255,.2)
}

.flexPopupIS__wrapper--white .flexPopupIS__title mark {
  color: #c869f5
}

.flexPopupIS__wrapper--white .flexPopup__form {
  background: #fff
}

.flexPopupIS__wrapper--white .flexPopup__formLabel {
  color: #959499
}

.flexPopupIS__wrapper--white .flexPopup__formInput ::-webkit-input-placeholder {
  color: #e1e1e1;
  opacity: 1
}

.flexPopupIS__wrapper--white .flexPopup__formInput :-ms-input-placeholder {
  opacity: 1
}

.flexPopupIS__wrapper--white .flexPopup__formInput ::-ms-input-placeholder {
  opacity: 1
}

.flexPopupIS__wrapper--white .flexPopup__formInput ::placeholder {
  color: #e1e1e1;
  opacity: 1
}

.flexPopupIS__wrapper--white .flexPopup__formInput :-ms-input-placeholder {
  color: #e1e1e1
}

.flexPopupIS__wrapper--white .flexPopup__formInput ::-ms-input-placeholder {
  color: #e1e1e1
}

.flexPopupIS__wrapper--white .flexPopup__formInput input,.flexPopupIS__wrapper--white .flexPopup__formInput textarea {
  color: #000
}

.flexPopupIS__wrapper--white .flexPopup__formInput input[type=email],.flexPopupIS__wrapper--white .flexPopup__formInput input[type=text],.flexPopupIS__wrapper--white .flexPopup__formInput textarea {
  border-bottom: .15rem solid #e1e1e1
}

.flexPopupIS__wrapper--white .wpcf7-not-valid-tip {
  color: red!important
}

.flexPopupIS__wrapper--white .flexPopup__formAcceptance label {
  color: #000
}

.flexPopupIS__wrapper--white .flexPopup__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e1e1e1
}

.flexPopupIS__wrapper--white .flexPopup__formAcceptance input[type=checkbox]:before {
  background: hsla(0,0%,100%,.35);
  border: 1px solid #e1e1e1
}

.flexPopupIS__wrapper--white .flexPopup__formAcceptance input[type=checkbox]:checked:before {
  background: hsla(0,0%,100%,.35);
  border-color: #e1e1e1
}

.flexPopupIS__wrapper--white .flexPopup__formAcceptance input[type=checkbox]:checked:after {
  background: #ff6072;
  box-shadow: 3px 0 0 #ff6072,6px 0 0 #ff6072,6px -3px 0 #ff6072,6px -6px 0 #ff6072,6px -9px 0 #ff6072,6px -12px 0 #ff6072
}

.flexPopupIS__wrapper--white .flexPopup__formSubmit input[type=submit] {
  background: #c869f5;
  color: #fff
}

.flexPopupIS__wrapper--white .flexPopup__formSubmit input[type=submit]:hover {
  background: #ff6072;
  color: #fff
}

.flexPopupIS__content {
  padding: 6rem 5rem 5rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 50
}

.flexPopupIS__holder {
  background: hsla(0,0%,100%,.2);
  border-radius: 3.5rem;
  padding: 2rem
}

.flexPopupIS__title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.5rem;
  padding: 2rem
}

.flexPopupIS__title mark {
  background: unset;
  color: #ffe606
}

.flexPopupIS__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.5rem
}

.flexPopupIS__cta {
  margin-top: 1.2rem
}

.flexPopupIS__ctaBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexPopupIS__ctaBtn:hover {
  background: #ffe606;
  border: .2rem solid #ffe606;
  color: #ff6072
}

.flexPopupIS__ctaBtn--white {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexPopupIS__ctaBtn--white:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexPopupIS__image {
  align-items: center;
  aspect-ratio: 1/1;
  background: #ffe606;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: -11rem;
  transform: translateX(-50%);
  width: 17rem;
  z-index: 50
}

.flexPopupIS__imageItem {
  display: block;
  height: 70%;
  object-fit: contain;
  object-position: center;
  width: 70%
}

.flexPopup__form {
  background: hsla(0,0%,100%,.2);
  border-radius: 1.4rem;
  padding: 2rem
}

.flexPopup__formBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 1.5rem
}

.flexPopup__formField {
  width: 100%
}

.flexPopup__formField--half {
  width: calc(50% - 1rem)
}

.flexPopup__formLabel {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: left
}

.flexPopup__formInput {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem
}

.flexPopup__formInput ::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.flexPopup__formInput :-ms-input-placeholder {
  opacity: 1
}

.flexPopup__formInput ::-ms-input-placeholder {
  opacity: 1
}

.flexPopup__formInput ::placeholder {
  color: hsla(0,0%,100%,.35);
  opacity: 1
}

.flexPopup__formInput :-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.flexPopup__formInput ::-ms-input-placeholder {
  color: hsla(0,0%,100%,.35)
}

.flexPopup__formInput input,.flexPopup__formInput textarea {
  color: #fff
}

.flexPopup__formInput input[type=email],.flexPopup__formInput input[type=text],.flexPopup__formInput textarea {
  border-bottom: .15rem solid hsla(0,0%,100%,.35);
  padding: 1rem 0;
  width: 100%
}

.flexPopup__formInput .wpcf7-not-valid-tip {
  font-size: 1.2rem;
  margin-top: .5rem
}

.flexPopup__formInput--captcha {
  display: flex;
  justify-content: center
}

.flexPopup__formAcceptance {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.flexPopup__formAcceptance a {
  text-decoration: underline;
  transition: .5s
}

.flexPopup__formAcceptance a:hover {
  color: #c869f5
}

.flexPopup__formAcceptance label {
  align-content: flex-start;
  display: flex;
  justify-content: center;
  text-align: left
}

.flexPopup__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.flexPopup__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.flexPopup__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #fff
}

.flexPopup__formAcceptance input[type=checkbox]:before {
  background: hsla(0,0%,100%,.35);
  border: 1px solid #fff;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 2.3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 2.3rem
}

.flexPopup__formAcceptance input[type=checkbox]:checked:before {
  background: hsla(0,0%,100%,.35);
  border-color: #fff
}

.flexPopup__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.flexPopup__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.flexPopup__formAcceptance input[type=checkbox]:checked:after {
  background: #fff;
  box-shadow: 3px 0 0 #fff,6px 0 0 #fff,6px -3px 0 #fff,6px -6px 0 #fff,6px -9px 0 #fff,6px -12px 0 #fff;
  content: "";
  height: 3px;
  left: 4px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  width: 3px
}

.flexPopup__formSubmit {
  position: relative
}

.flexPopup__formSubmit input[type=submit] {
  background: #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.flexPopup__formSubmit input[type=submit]:hover {
  background: #ff6072;
  color: #fff
}

.flexPopup__formSubmit input[type=submit]:disabled {
  cursor: not-allowed
}

.flexPopup__formSubmit input[type=submit]:disabled:hover {
  background: #f8f8f8;
  color: #000
}

.flexPopup__formSubmit .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.flexPopupPrimary {
  display: block
}

.flexPopupSecondary {
  display: none
}

.flexTopbar {
  position: relative;
  z-index: 4000
}

.flexTopbar--primary {
  display: block
}

.flexTopbar--secondary {
  display: none
}

.flexTopbarStandard {
  background: #c869f5;
  color: #fff
}

.flexTopbarStandard--green {
  background: #73ff78;
  color: #000
}

.flexTopbarStandard--green .flexTopbarStandard__counterItem {
  background: #ff6072;
  color: #fff
}

.flexTopbarStandard--green .flexTopbarStandard__ctaBtn:hover {
  background: #c869f5;
  color: #fff
}

.flexTopbarStandard--yellow {
  background: #ffe606;
  color: #000
}

.flexTopbarStandard--yellow .flexTopbarStandard__counterItem {
  background: #ff6072;
  color: #fff
}

.flexTopbarStandard--yellow .flexTopbarStandard__ctaBtn:hover {
  background: #c869f5;
  color: #fff
}

.flexTopbarStandard__wrapper {
  align-items: center;
  display: flex;
  gap: 2.5rem;
  height: 6rem;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.flexTopbarStandard__prop {
  position: absolute;
  z-index: 20
}

.flexTopbarStandard__prop--left {
  height: 20rem;
  left: 5rem;
  top: -16rem;
  width: 20rem
}

.flexTopbarStandard__prop--right {
  bottom: -3.6rem;
  height: 8rem;
  right: 5rem;
  width: 8rem
}

.flexTopbarStandard__counter {
  display: flex;
  gap: .8rem;
  position: relative;
  width: 16.6rem;
  z-index: 20
}

.flexTopbarStandard__counterItem {
  align-items: center;
  background: #da8dff;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  height: 4.5rem;
  justify-content: center;
  padding: .8rem;
  width: 5rem
}

.flexTopbarStandard__counterNumber {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.2rem
}

.flexTopbarStandard__counterLabel {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem
}

.flexTopbarStandard__content {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
  max-width: 50rem;
  position: relative;
  text-align: center;
  z-index: 20
}

.flexTopbarStandard__cta {
  position: relative;
  z-index: 20
}

.flexTopbarStandard__ctaBtn {
  background: #ff6072;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.05rem;
  text-align: center;
  transition: .5s
}

.flexTopbarStandard__ctaBtn:hover {
  background: #ffe606;
  color: #c869f5
}

.flexBreadcrumbs {
  padding-top: 2rem
}

.flexBreadcrumbs__holder--primary {
  display: block
}

.flexBreadcrumbs__holder--ab-1,.flexBreadcrumbs__holder--ab-2,.flexBreadcrumbs__holder--ab-3,.flexBreadcrumbs__holder--ab-4,.flexBreadcrumbs__holder--ab-5 {
  display: none
}

.flexBreadcrumbsStandard {
  background-color: #dfabf7;
  background-image: url(@images/flexBB__d--magenta.png);
  background-position: 90% 0;
  background-repeat: no-repeat;
  border: 1px solid #c869f5;
  border-radius: 1.6rem;
  color: #210a74
}

html[dir=rtl] .flexBreadcrumbsStandard {
  background-position: 10% 0
}

.flexBreadcrumbsStandard .flexBreadcrumbsStandard__ctaBtn {
  background: #4221b8;
  color: #fff
}

.flexBreadcrumbsStandard .flexBreadcrumbsStandard__ctaBtn:hover {
  background: #c869f5
}

.flexBreadcrumbsStandard .flexBreadcrumbsStandard__counterItem {
  background: #fff;
  border: 1px solid #8b6bff;
  color: #210a74
}

.flexBreadcrumbsStandard--magenta .flexBreadcrumbsStandard__counterItem {
  border: 1px solid #c869f5
}

.flexBreadcrumbsStandard--green {
  background: #79fd7f;
  background-image: url(@images/flexBB__d--green.png);
  background-position: 90% 0;
  background-repeat: no-repeat;
  border: none
}

html[dir=rtl] .flexBreadcrumbsStandard--green {
  background-position: 10% 0
}

.flexBreadcrumbsStandard--yellow {
  background: #ffe606;
  background-image: url(@images/flexBB__d--yellow.png);
  background-position: 90% 0;
  background-repeat: no-repeat;
  border: none
}

html[dir=rtl] .flexBreadcrumbsStandard--yellow {
  background-position: 10% 0
}

.flexBreadcrumbsStandard--blue {
  background: #c2c1ff;
  background-image: url(@images/flexBB__d--blue.png);
  background-position: 90% 0;
  background-repeat: no-repeat;
  border: 1px solid #8b6bff
}

html[dir=rtl] .flexBreadcrumbsStandard--blue {
  background-position: 10% 0
}

.flexBreadcrumbsStandard__wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 4rem;
  justify-content: space-between;
  padding: 1.5rem 2rem
}

.flexBreadcrumbsStandard__counter {
  display: flex;
  gap: .8rem;
  justify-content: center;
  position: relative;
  width: 220px;
  z-index: 20
}

.flexBreadcrumbsStandard__counterItem {
  align-items: center;
  background: #da8dff;
  border-radius: 1rem;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 55px;
  justify-content: center;
  max-width: 100px;
  padding: .8rem
}

.flexBreadcrumbsStandard__counterNumber {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.2rem
}

.flexBreadcrumbsStandard__counterLabel {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem
}

.flexBreadcrumbsStandard__icon {
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  height: 5.5rem;
  justify-content: center;
  overflow: hidden;
  scale: 1.5;
  translate: 25% 0;
  width: 6.5rem
}

html[dir=rtl] .flexBreadcrumbsStandard__icon {
  translate: -25% 0
}

.flexBreadcrumbsStandard__icon picture {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.flexBreadcrumbsStandard__iconMobile {
  align-items: center;
  aspect-ratio: 1/1;
  background: hsla(0,0%,100%,.2);
  border-radius: 50%;
  display: none;
  justify-content: center;
  width: 6.5rem
}

.flexBreadcrumbsStandard__iconMobile picture {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.flexBreadcrumbsStandard__iconItem {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 150%
}

.flexBreadcrumbsStandard__content {
  flex: 1
}

.flexBreadcrumbsStandard__heading {
  display: inline;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 2.5rem
}

.flexBreadcrumbsStandard__text {
  display: inline;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.2rem
}

.flexBreadcrumbsStandard__cta {
  position: relative;
  z-index: 20
}

.flexBreadcrumbsStandard__ctaBtn {
  background: #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  max-width: 20rem;
  padding: 1.05rem;
  padding-inline:20px;text-align: center;
  transition: .5s;
  white-space: nowrap;
  width: 100%
}

.flexBreadcrumbsStandard__ctaBtn:hover {
  background: #ff6072;
  color: #fff
}

.flexBreadcrumbsWhiteImage {
  background: #fff;
  border-radius: 1.6rem;
  margin-top: 4.5rem;
  position: relative
}

.flexBreadcrumbsWhiteImage__wrapper {
  overflow: hidden;
  padding: 4rem 2rem;
  position: relative
}

.flexBreadcrumbsWhiteImage__prop {
  position: absolute;
  z-index: 10
}

.flexBreadcrumbsWhiteImage__prop--left {
  bottom: -32rem;
  left: 50%;
  transform: translateX(-50%)
}

.flexBreadcrumbsWhiteImage__prop--center {
  left: 70%;
  top: 3rem;
  transform: rotate(185deg);
  width: 7rem
}

.flexBreadcrumbsWhiteImage__prop--right {
  bottom: -12rem;
  right: 1rem;
  width: 25rem
}

.flexBreadcrumbsWhiteImage__content {
  position: relative;
  width: 75%;
  z-index: 20
}

.flexBreadcrumbsWhiteImage__heading {
  color: #ff6072;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem
}

.flexBreadcrumbsWhiteImage__text {
  color: #000;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.2rem;
  margin-top: 1rem
}

.flexBreadcrumbsWhiteImage__cta {
  margin-top: 1.5rem
}

.flexBreadcrumbsWhiteImage__ctaBtn {
  background: #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.05rem;
  text-align: center;
  transition: .5s;
  width: 20rem
}

.flexBreadcrumbsWhiteImage__ctaBtn:hover {
  background: #ff6072;
  color: #fff
}

.flexBreadcrumbsWhiteImage__image {
  bottom: 0;
  height: calc(100% + 4rem);
  position: absolute;
  right: 7rem;
  z-index: 50
}

.flexBreadcrumbsWhiteImage__imageItem {
  height: 100%
}

.flexBanner__holder--primary {
  display: block
}

.flexBanner__holder--ab-1,.flexBanner__holder--ab-2,.flexBanner__holder--ab-3,.flexBanner__holder--ab-4,.flexBanner__holder--ab-5 {
  display: none
}

.flexBannerCW {
  position: relative
}

.flexBannerCW__image {
  width: 35%
}

.flexBannerCW__image--desktop {
  bottom: 0;
  display: block;
  position: absolute;
  right: 6rem;
  z-index: 30
}

html[dir=rtl] .flexBannerCW__image--desktop {
  left: 6rem;
  right: unset
}

.flexBannerCW__image--mobile {
  display: none
}

.flexBannerCW__wrapper {
  position: relative
}

.flexBannerCW__propIcon {
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  width: 8rem
}

.flexBannerCW__propIcon--top {
  left: 60%;
  top: -4rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCW__propIcon--top {
  left: unset;
  right: 60%
}

.flexBannerCW__propIcon--top.flexBannerCW__propIcon--noImage {
  bottom: unset;
  left: 15%;
  top: -4rem
}

html[dir=rtl] .flexBannerCW__propIcon--top.flexBannerCW__propIcon--noImage {
  left: unset;
  right: 15%
}

.flexBannerCW__propIcon--bottom {
  bottom: -3rem;
  right: -3rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCW__propIcon--bottom {
  left: -3rem;
  right: unset
}

.flexBannerCW__propIcon--bottom.flexBannerCW__propIcon--noImage {
  right: 3rem
}

html[dir=rtl] .flexBannerCW__propIcon--bottom.flexBannerCW__propIcon--noImage {
  left: 3rem;
  right: unset
}

.flexBannerCW__holder {
  align-items: center;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.flexBannerCW__holder--purple {
  background: #ff6072
}

.flexBannerCW__holder--magenta {
  background: #c869f5
}

.flexBannerCW__prop {
  position: absolute;
  z-index: 10
}

.flexBannerCW__prop--left {
  bottom: -27rem;
  height: 40rem;
  left: -28rem;
  width: 40rem
}

html[dir=rtl] .flexBannerCW__prop--left {
  left: unset;
  right: -28rem
}

.flexBannerCW__prop--middle {
  left: calc(55% + 4rem);
  top: 10rem;
  transform: rotate(140deg);
  width: 7rem
}

html[dir=rtl] .flexBannerCW__prop--middle {
  left: unset;
  right: calc(55% + 4rem)
}

.flexBannerCW__prop--middle.flexBannerCW__prop--noImage {
  bottom: unset;
  top: -1rem
}

.flexBannerCW__prop--right {
  right: 2rem;
  top: 3rem
}

html[dir=rtl] .flexBannerCW__prop--right {
  left: 2rem;
  right: unset
}

.flexBannerCW__prop--right.flexBannerCW__prop--noImage {
  bottom: unset;
  right: -5rem;
  top: -3rem;
  width: 12rem
}

html[dir=rtl] .flexBannerCW__prop--right.flexBannerCW__prop--noImage {
  left: -5rem;
  right: unset
}

.flexBannerCW__content {
  padding: 4rem 3rem;
  position: relative;
  width: 60%;
  z-index: 20
}

.flexBannerCW__content--noImage {
  text-align: center;
  width: 100%
}

.flexBannerCW__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.flexBannerCW__heading mark {
  background: unset;
  color: #ffe606
}

.flexBannerCW__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexBannerCW__actions,.flexBannerCW__form {
  margin-top: 1.2rem
}

.flexBannerCW__actionsBtn--purple {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCW__actionsBtn--purple:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexBannerCW__actionsBtn--magenta {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCW__actionsBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexBannerWW,.flexBannerWW__wrapper {
  position: relative
}

.flexBannerWW__holder {
  align-items: center;
  background: #fff;
  border-radius: 2.5rem;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.flexBannerWW__content {
  padding: 4rem 3rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.flexBannerWW__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%
}

.flexBannerWW__icon {
  align-items: center;
  aspect-ratio: 1/1;
  background: #ff6072;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 10rem
}

.flexBannerWW__iconItem {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 60%
}

.flexBannerWW__heading {
  color: #ff6072;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  text-align: left;
  width: calc(100% - 12rem)
}

html[dir=rtl] .flexBannerWW__heading {
  text-align: right
}

.flexBannerWW__heading mark {
  background: unset
}

.flexBannerWW__heading--noIcon {
  text-align: center;
  width: 100%
}

.flexBannerWW__formWrapper {
  margin-top: 1.2rem
}

.flexBannerWW__actions {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%,50%);
  z-index: 35
}

.flexBannerWW__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  max-width: 80%;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerWW__actionsBtn:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexBannerCWNI,.flexBannerCWNI__wrapper {
  position: relative
}

.flexBannerCWNI__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.flexBannerCWNI__prop {
  position: absolute;
  z-index: 10
}

.flexBannerCWNI__prop--left {
  height: 40rem;
  left: -28rem;
  top: -27rem;
  width: 40rem
}

html[dir=rtl] .flexBannerCWNI__prop--left {
  left: unset;
  right: -28rem
}

.flexBannerCWNI__prop--middle {
  right: 2rem;
  top: 3rem;
  transform: rotate(140deg);
  width: 7rem
}

html[dir=rtl] .flexBannerCWNI__prop--middle {
  left: 2rem;
  right: unset
}

.flexBannerCWNI__prop--right {
  bottom: -8rem;
  right: 6rem;
  width: 15rem
}

html[dir=rtl] .flexBannerCWNI__prop--right {
  left: 6rem;
  right: unset
}

.flexBannerCWNI__content {
  padding: 4rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.flexBannerCWNI__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  padding-left: 5rem;
  padding-right: 5rem
}

.flexBannerCWNI__heading mark {
  background: unset;
  color: #ffe606
}

.flexBannerCWNI__actions,.flexBannerCWNI__form {
  margin-top: 1.2rem
}

.flexBannerCWNI__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCWNI__actionsBtn:hover {
  background: #ffb804;
  border: .2rem solid #ffb804;
  color: #fff
}

.flexBannerCSP,.flexBannerCSP__wrapper {
  position: relative
}

.flexBannerCSP__propIcon {
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  width: 8rem
}

.flexBannerCSP__propIcon--topLeft {
  left: 4rem;
  top: -4rem;
  width: 9rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCSP__propIcon--topLeft {
  left: unset;
  right: 4rem
}

.flexBannerCSP__propIcon--topRight {
  right: 6rem;
  top: -2rem;
  width: 7.5rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCSP__propIcon--topRight {
  left: 6rem;
  right: unset
}

.flexBannerCSP__propIcon--bottomLeft {
  bottom: -2rem;
  left: 4rem;
  width: 7.5rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCSP__propIcon--bottomLeft {
  left: unset;
  right: 4rem
}

.flexBannerCSP__propIcon--bottomRight {
  bottom: 3rem;
  right: -3rem;
  z-index: 25
}

html[dir=rtl] .flexBannerCSP__propIcon--bottomRight {
  left: -3rem;
  right: unset
}

.flexBannerCSP__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.flexBannerCSP__prop {
  position: absolute;
  z-index: 10
}

.flexBannerCSP__prop--left {
  bottom: 4rem;
  left: -2.5rem;
  transform: rotate(80deg);
  width: 14rem
}

html[dir=rtl] .flexBannerCSP__prop--left {
  left: unset;
  right: -2.5rem
}

.flexBannerCSP__prop--right {
  bottom: -15rem;
  right: -25rem
}

html[dir=rtl] .flexBannerCSP__prop--right {
  left: -25rem;
  right: unset
}

.flexBannerCSP__content {
  padding: 4rem 3rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.flexBannerCSP__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  padding-left: 5rem;
  padding-right: 5rem
}

.flexBannerCSP__heading mark {
  background: unset;
  color: #ffe606
}

.flexBannerCSP__form {
  margin-top: 1.2rem
}

.flexBannerCSP__actions {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%,50%);
  z-index: 35
}

.flexBannerCSP__actionsBtn {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  max-width: 80%;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCSP__actionsBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexBannerCS {
  padding-bottom: 6rem;
  padding-top: 6rem;
  position: relative
}

.flexBannerCS__image {
  bottom: 6rem;
  display: block;
  left: 1rem;
  position: absolute;
  width: 40%;
  z-index: 30
}

html[dir=rtl] .flexBannerCS__image {
  left: unset;
  right: 1rem
}

.flexBannerCS__wrapper {
  position: relative
}

.flexBannerCS__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  z-index: 10
}

.flexBannerCS__prop {
  position: absolute;
  z-index: 10
}

.flexBannerCS__prop--left {
  bottom: -22rem;
  height: 40rem;
  left: -15rem;
  width: 40rem
}

html[dir=rtl] .flexBannerCS__prop--left {
  left: unset;
  right: -15rem
}

.flexBannerCS__prop--left.flexBannerCS__prop--noImage {
  bottom: unset;
  left: -25rem;
  top: -30rem
}

html[dir=rtl] .flexBannerCS__prop--left.flexBannerCS__prop--noImage {
  left: unset;
  right: -25rem
}

.flexBannerCS__prop--middle {
  left: 15rem;
  top: -10rem;
  transform: rotate(100deg);
  width: 25rem
}

html[dir=rtl] .flexBannerCS__prop--middle {
  left: unset;
  right: 10rem
}

.flexBannerCS__prop--middle.flexBannerCS__prop--noImage {
  display: none
}

.flexBannerCS__prop--right {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  right: 6rem;
  top: 0
}

html[dir=rtl] .flexBannerCS__prop--right {
  left: 6rem;
  right: unset
}

.flexBannerCS__prop--right.flexBannerCS__prop--noImage {
  left: 50%;
  transform: translateX(-50%)
}

html[dir=rtl] .flexBannerCS__prop--right.flexBannerCS__prop--noImage {
  left: unset;
  right: 50%;
  transform: translateX(50%)
}

.flexBannerCS__content {
  padding: 4rem 3rem;
  position: relative;
  width: 60%;
  z-index: 20
}

.flexBannerCS__content--noImage {
  text-align: center;
  width: 100%
}

.flexBannerCS__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.flexBannerCS__heading mark {
  background: unset;
  color: #ffe606
}

.flexBannerCS__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexBannerCS__actions,.flexBannerCS__form {
  margin-top: 1.2rem
}

.flexBannerCS__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCS__actionsBtn:hover {
  background: #ffe606;
  border: .2rem solid #ffe606;
  color: #ff6072
}

.flexBannerCFW {
  position: relative
}

.flexBannerCFW__image {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  width: 98%
}

.flexBannerCFW__imageWrapper {
  align-items: flex-end;
  display: flex;
  position: relative;
  width: 45%;
  z-index: 20
}

.flexBannerCFW__wrapper {
  position: relative
}

.flexBannerCFW__holder {
  align-items: stretch;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #2c2a32;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  z-index: 10
}

.flexBannerCFW__prop {
  position: absolute;
  z-index: 10
}

.flexBannerCFW__prop--left {
  right: 25rem;
  top: -2rem
}

html[dir=rtl] .flexBannerCFW__prop--left {
  left: 25rem;
  right: unset
}

.flexBannerCFW__prop--middle {
  bottom: -10rem;
  right: -1rem;
  width: 45rem
}

html[dir=rtl] .flexBannerCFW__prop--middle {
  left: -1rem;
  right: unset
}

.flexBannerCFW__prop--right {
  right: -28rem;
  top: -28rem;
  width: 50rem
}

html[dir=rtl] .flexBannerCFW__prop--right {
  left: -28rem;
  right: unset
}

.flexBannerCFW__content {
  padding: 2rem 0 2rem 2rem;
  position: relative;
  width: 55%;
  z-index: 20
}

html[dir=rtl] .flexBannerCFW__content {
  padding: 2rem 2rem 2rem 0
}

.flexBannerCFW__content--noImage {
  padding: 2rem;
  text-align: center;
  width: 100%
}

html[dir=rtl] .flexBannerCFW__content--noImage {
  padding: 2rem
}

.flexBannerCFW__contentWrapper {
  background: #fff;
  border-radius: 1.4rem;
  padding: 2rem
}

.flexBannerCFW__heading {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem
}

.flexBannerCFW__heading mark {
  background: unset;
  color: #ff6072
}

.flexBannerCFW__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.flexBannerCFW__actions,.flexBannerCFW__form {
  margin-top: 1.2rem
}

.flexBannerCFW__actionsBtn--purple {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCFW__actionsBtn--purple:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexBannerCFW__actionsBtn--magenta {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.flexBannerCFW__actionsBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.flexBannerWW__form {
  background: #fff;
  border-radius: 1.4rem;
  padding: 2rem
}

.flexBannerWW__formBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 1.5rem
}

.flexBannerWW__formField {
  width: 100%
}

.flexBannerWW__formField--half {
  width: calc(50% - 1rem)
}

.flexBannerWW__formLabel {
  color: #959499;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: left
}

.flexBannerWW__formInput {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem
}

.flexBannerWW__formInput ::-webkit-input-placeholder {
  color: #e8e8e8;
  opacity: 1
}

.flexBannerWW__formInput :-ms-input-placeholder {
  opacity: 1
}

.flexBannerWW__formInput ::-ms-input-placeholder {
  opacity: 1
}

.flexBannerWW__formInput ::placeholder {
  color: #e8e8e8;
  opacity: 1
}

.flexBannerWW__formInput :-ms-input-placeholder {
  color: #e8e8e8
}

.flexBannerWW__formInput ::-ms-input-placeholder {
  color: #e8e8e8
}

.flexBannerWW__formInput input,.flexBannerWW__formInput textarea {
  color: #000
}

.flexBannerWW__formInput input[type=email],.flexBannerWW__formInput input[type=text],.flexBannerWW__formInput textarea {
  border-bottom: .15rem solid #e8e8e8;
  padding: 1rem 0;
  width: 100%
}

.flexBannerWW__formInput .wpcf7-not-valid-tip {
  color: red!important;
  font-size: 1.2rem;
  margin-top: .5rem
}

.flexBannerWW__formInput--captcha {
  display: flex;
  justify-content: center
}

.flexBannerWW__formAcceptance {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.flexBannerWW__formAcceptance a {
  text-decoration: underline;
  transition: .5s
}

.flexBannerWW__formAcceptance a:hover {
  color: #c869f5
}

.flexBannerWW__formAcceptance label {
  align-content: flex-start;
  display: flex;
  justify-content: center;
  text-align: left
}

.flexBannerWW__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.flexBannerWW__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.flexBannerWW__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e8e8e8
}

.flexBannerWW__formAcceptance input[type=checkbox]:before {
  background: hsla(0,0%,100%,.35);
  border: 1px solid #959499;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 2.3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 2.3rem
}

.flexBannerWW__formAcceptance input[type=checkbox]:checked:before {
  background: hsla(0,0%,100%,.35);
  border-color: #959499
}

.flexBannerWW__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.flexBannerWW__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.flexBannerWW__formAcceptance input[type=checkbox]:checked:after {
  background: #959499;
  box-shadow: 3px 0 0 #959499,6px 0 0 #959499,6px -3px 0 #959499,6px -6px 0 #959499,6px -9px 0 #959499,6px -12px 0 #959499;
  content: "";
  height: 3px;
  left: 4px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  width: 3px
}

.flexBannerWW__formSubmit {
  position: relative
}

.flexBannerWW__formSubmit input[type=submit] {
  background: #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.flexBannerWW__formSubmit input[type=submit]:hover {
  background: #ff6072;
  color: #fff
}

.flexBannerWW__formSubmit input[type=submit]:disabled {
  cursor: not-allowed
}

.flexBannerWW__formSubmit input[type=submit]:disabled:hover {
  background: #f8f8f8;
  color: #000
}

.flexBannerWW__formSubmit .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.flexBannerCFW .flexBannerWW__form {
  border-radius: 0;
  padding: 0
}

.flexWidget--fixed {
  max-width: 38.8rem;
  position: fixed;
  top: 18rem;
  width: calc(30% - 4rem)
}

.flexWidget--bottom {
  bottom: 5rem;
  position: absolute
}

.flexWidget__holder--primary {
  display: block
}

.flexWidget__holder--ab-1,.flexWidget__holder--ab-2,.flexWidget__holder--ab-3,.flexWidget__holder--ab-4,.flexWidget__holder--ab-5 {
  display: none
}

.flexWidget .wpcf7 .wpcf7-recaptcha>div {
  width: 100%!important
}

.flexWidget .wpcf7 .wpcf7-recaptcha iframe {
  width: 100%
}

.flexWidgetCI {
  position: relative
}

.flexWidgetCI__prop {
  position: absolute
}

.flexWidgetCI__prop--right {
  bottom: -8rem;
  right: -8rem;
  width: 30rem;
  z-index: 20
}

.flexWidgetCI__wrapper {
  background: #ff6072;
  border-radius: 2.8rem;
  color: #fff;
  padding: 3rem;
  position: relative;
  text-align: center;
  z-index: 50
}

.flexWidgetCI__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%
}

.flexWidgetCI__imageHolder {
  background: #8b6bff;
  border-radius: 50%;
  margin-bottom: 2rem;
  padding: 1.9rem;
  width: auto
}

.flexWidgetCI__image {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 6rem
}

.flexWidgetCI__heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem
}

.flexWidgetCI__heading mark {
  background: unset;
  color: #ffe606
}

.flexWidgetCI__text {
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 2rem
}

.flexWidgetCI__actions,.flexWidgetCI__form {
  margin-top: 2rem;
  width: 100%
}

.flexWidgetCI__actionsBtn {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexWidgetCI__actionsBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexWidgetWP {
  position: relative
}

.flexWidgetWP__prop {
  position: absolute
}

.flexWidgetWP__prop--right {
  right: -8rem;
  top: -23rem;
  width: 30rem;
  z-index: 20
}

.flexWidgetWP__wrapper {
  background: #fff;
  border-radius: 2.8rem;
  color: #2c2a33;
  margin-top: 3rem;
  overflow: hidden;
  padding: 8rem 3rem 3rem;
  position: relative;
  text-align: center;
  z-index: 50
}

.flexWidgetWP__wrapper--noImage {
  padding: 3rem
}

.flexWidgetWP__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  z-index: 50
}

.flexWidgetWP__image {
  aspect-ratio: 1/1;
  left: 1rem;
  object-fit: contain;
  position: absolute;
  top: -3rem;
  width: 10rem;
  z-index: 60
}

.flexWidgetWP__heading {
  color: #ff6072;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem
}

.flexWidgetWP__heading mark {
  background: unset;
  color: #8b6bff
}

.flexWidgetWP__text {
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 2rem
}

.flexWidgetWP__form {
  margin-top: 2rem;
  width: 100%
}

.flexWidgetWP__form .flexBannerWW__form,.flexWidgetWP__form form {
  padding: 0
}

.flexWidgetWP__form .flexBannerWW__formSubmit input[type=submit] {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexWidgetWP__form .flexBannerWW__formSubmit input[type=submit]:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.flexWidgetWP__actions {
  margin-top: 2rem;
  width: 100%
}

.flexWidgetWP__actionsBtn {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.flexWidgetWP__actionsBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.mpBanner__holder--primary {
  display: block
}

.mpBanner__holder--ab-1,.mpBanner__holder--ab-2,.mpBanner__holder--ab-3,.mpBanner__holder--ab-4,.mpBanner__holder--ab-5 {
  display: none
}

.mpBannerCW {
  position: relative
}

.mpBannerCW__image {
  width: 35%
}

.mpBannerCW__image--desktop {
  bottom: 0;
  display: block;
  position: absolute;
  right: 6rem;
  z-index: 30
}

html[dir=rtl] .mpBannerCW__image--desktop {
  left: 6rem;
  right: unset
}

.mpBannerCW__image--mobile {
  display: none
}

.mpBannerCW__wrapper {
  position: relative
}

.mpBannerCW__propIcon {
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  width: 8rem
}

.mpBannerCW__propIcon--top {
  left: 60%;
  top: -4rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCW__propIcon--top {
  left: unset;
  right: 60%
}

.mpBannerCW__propIcon--top.mpBannerCW__propIcon--noImage {
  bottom: unset;
  left: 15%;
  top: -4rem
}

html[dir=rtl] .mpBannerCW__propIcon--top.mpBannerCW__propIcon--noImage {
  left: unset;
  right: 15%
}

.mpBannerCW__propIcon--bottom {
  bottom: -3rem;
  right: -3rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCW__propIcon--bottom {
  left: -3rem;
  right: unset
}

.mpBannerCW__propIcon--bottom.mpBannerCW__propIcon--noImage {
  right: 3rem
}

html[dir=rtl] .mpBannerCW__propIcon--bottom.mpBannerCW__propIcon--noImage {
  left: 3rem;
  right: unset
}

.mpBannerCW__holder {
  align-items: center;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.mpBannerCW__holder--purple {
  background: #ff6072
}

.mpBannerCW__holder--magenta {
  background: #c869f5
}

.mpBannerCW__prop {
  position: absolute;
  z-index: 10
}

.mpBannerCW__prop--left {
  bottom: -27rem;
  height: 40rem;
  left: -28rem;
  width: 40rem
}

html[dir=rtl] .mpBannerCW__prop--left {
  left: unset;
  right: -28rem
}

.mpBannerCW__prop--middle {
  left: calc(55% + 4rem);
  top: 10rem;
  transform: rotate(140deg);
  width: 7rem
}

html[dir=rtl] .mpBannerCW__prop--middle {
  left: unset;
  right: calc(55% + 4rem)
}

.mpBannerCW__prop--middle.mpBannerCW__prop--noImage {
  bottom: unset;
  top: -1rem
}

.mpBannerCW__prop--right {
  right: 2rem;
  top: 3rem
}

html[dir=rtl] .mpBannerCW__prop--right {
  left: 2rem;
  right: unset
}

.mpBannerCW__prop--right.mpBannerCW__prop--noImage {
  bottom: unset;
  right: -5rem;
  top: -3rem;
  width: 12rem
}

html[dir=rtl] .mpBannerCW__prop--right.mpBannerCW__prop--noImage {
  left: -5rem;
  right: unset
}

.mpBannerCW__content {
  padding: 4rem 3rem;
  position: relative;
  width: 60%;
  z-index: 20
}

.mpBannerCW__content--noImage {
  text-align: center;
  width: 100%
}

.mpBannerCW__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.mpBannerCW__heading mark {
  background: unset;
  color: #ffe606
}

.mpBannerCW__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.mpBannerCW__actions,.mpBannerCW__form {
  margin-top: 1.2rem
}

.mpBannerCW__actionsBtn--purple {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCW__actionsBtn--purple:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.mpBannerCW__actionsBtn--magenta {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCW__actionsBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.mpBannerWW,.mpBannerWW__wrapper {
  position: relative
}

.mpBannerWW__holder {
  align-items: center;
  background: #fff;
  border-radius: 2.5rem;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.mpBannerWW__content {
  padding: 4rem 3rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.mpBannerWW__header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%
}

.mpBannerWW__icon {
  align-items: center;
  aspect-ratio: 1/1;
  background: #ff6072;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  width: 10rem
}

.mpBannerWW__iconItem {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 60%
}

.mpBannerWW__heading {
  color: #ff6072;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  text-align: left;
  width: calc(100% - 12rem)
}

html[dir=rtl] .mpBannerWW__heading {
  text-align: right
}

.mpBannerWW__heading mark {
  background: unset
}

.mpBannerWW__heading--noIcon {
  text-align: center;
  width: 100%
}

.mpBannerWW__formWrapper {
  margin-top: 1.2rem
}

.mpBannerWW__actions {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%,50%);
  z-index: 35
}

.mpBannerWW__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  max-width: 80%;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerWW__actionsBtn:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.mpBannerCWNI,.mpBannerCWNI__wrapper {
  position: relative
}

.mpBannerCWNI__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.mpBannerCWNI__prop {
  position: absolute;
  z-index: 10
}

.mpBannerCWNI__prop--left {
  height: 40rem;
  left: -28rem;
  top: -27rem;
  width: 40rem
}

html[dir=rtl] .mpBannerCWNI__prop--left {
  left: unset;
  right: -28rem
}

.mpBannerCWNI__prop--middle {
  right: 2rem;
  top: 3rem;
  transform: rotate(140deg);
  width: 7rem
}

html[dir=rtl] .mpBannerCWNI__prop--middle {
  left: 2rem;
  right: unset
}

.mpBannerCWNI__prop--right {
  bottom: -8rem;
  right: 6rem;
  width: 15rem
}

html[dir=rtl] .mpBannerCWNI__prop--right {
  left: 6rem;
  right: unset
}

.mpBannerCWNI__content {
  padding: 4rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.mpBannerCWNI__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  padding-left: 5rem;
  padding-right: 5rem
}

.mpBannerCWNI__heading mark {
  background: unset;
  color: #ffe606
}

.mpBannerCWNI__actions,.mpBannerCWNI__form {
  margin-top: 1.2rem
}

.mpBannerCWNI__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCWNI__actionsBtn:hover {
  background: #ffb804;
  border: .2rem solid #ffb804;
  color: #fff
}

.mpBannerCSP,.mpBannerCSP__wrapper {
  position: relative
}

.mpBannerCSP__propIcon {
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  width: 8rem
}

.mpBannerCSP__propIcon--topLeft {
  left: 4rem;
  top: -4rem;
  width: 9rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCSP__propIcon--topLeft {
  left: unset;
  right: 4rem
}

.mpBannerCSP__propIcon--topRight {
  right: 6rem;
  top: -2rem;
  width: 7.5rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCSP__propIcon--topRight {
  left: 6rem;
  right: unset
}

.mpBannerCSP__propIcon--bottomLeft {
  bottom: -2rem;
  left: 4rem;
  width: 7.5rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCSP__propIcon--bottomLeft {
  left: unset;
  right: 4rem
}

.mpBannerCSP__propIcon--bottomRight {
  bottom: 3rem;
  right: -3rem;
  z-index: 25
}

html[dir=rtl] .mpBannerCSP__propIcon--bottomRight {
  left: -3rem;
  right: unset
}

.mpBannerCSP__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 1rem;
  position: relative;
  z-index: 10
}

.mpBannerCSP__prop {
  position: absolute;
  z-index: 10
}

.mpBannerCSP__prop--left {
  bottom: 4rem;
  left: -2.5rem;
  transform: rotate(80deg);
  width: 14rem
}

html[dir=rtl] .mpBannerCSP__prop--left {
  left: unset;
  right: -2.5rem
}

.mpBannerCSP__prop--right {
  bottom: -15rem;
  right: -25rem
}

html[dir=rtl] .mpBannerCSP__prop--right {
  left: -25rem;
  right: unset
}

.mpBannerCSP__content {
  padding: 4rem 3rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 20
}

.mpBannerCSP__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  padding-left: 5rem;
  padding-right: 5rem
}

.mpBannerCSP__heading mark {
  background: unset;
  color: #ffe606
}

.mpBannerCSP__form {
  margin-top: 1.2rem
}

.mpBannerCSP__actions {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%,50%);
  z-index: 35
}

.mpBannerCSP__actionsBtn {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  max-width: 80%;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCSP__actionsBtn:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.mpBannerCS {
  padding-bottom: 6rem;
  padding-top: 6rem;
  position: relative
}

.mpBannerCS__image {
  bottom: 6rem;
  display: block;
  left: 1rem;
  position: absolute;
  width: 40%;
  z-index: 30
}

html[dir=rtl] .mpBannerCS__image {
  left: unset;
  right: 1rem
}

.mpBannerCS__wrapper {
  position: relative
}

.mpBannerCS__holder {
  align-items: center;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  z-index: 10
}

.mpBannerCS__prop {
  position: absolute;
  z-index: 10
}

.mpBannerCS__prop--left {
  bottom: -22rem;
  height: 40rem;
  left: -15rem;
  width: 40rem
}

html[dir=rtl] .mpBannerCS__prop--left {
  left: unset;
  right: -15rem
}

.mpBannerCS__prop--left.mpBannerCS__prop--noImage {
  bottom: unset;
  left: -25rem;
  top: -30rem
}

html[dir=rtl] .mpBannerCS__prop--left.mpBannerCS__prop--noImage {
  left: unset;
  right: -25rem
}

.mpBannerCS__prop--middle {
  left: 15rem;
  top: -10rem;
  transform: rotate(100deg);
  width: 25rem
}

html[dir=rtl] .mpBannerCS__prop--middle {
  left: unset;
  right: 10rem
}

.mpBannerCS__prop--middle.mpBannerCS__prop--noImage {
  display: none
}

.mpBannerCS__prop--right {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  right: 6rem;
  top: 0
}

html[dir=rtl] .mpBannerCS__prop--right {
  left: 6rem;
  right: unset
}

.mpBannerCS__prop--right.mpBannerCS__prop--noImage {
  left: 50%;
  transform: translateX(-50%)
}

html[dir=rtl] .mpBannerCS__prop--right.mpBannerCS__prop--noImage {
  left: unset;
  right: 50%;
  transform: translateX(50%)
}

.mpBannerCS__content {
  padding: 4rem 3rem;
  position: relative;
  width: 60%;
  z-index: 20
}

.mpBannerCS__content--noImage {
  text-align: center;
  width: 100%
}

.mpBannerCS__heading {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem
}

.mpBannerCS__heading mark {
  background: unset;
  color: #ffe606
}

.mpBannerCS__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.mpBannerCS__actions,.mpBannerCS__form {
  margin-top: 1.2rem
}

.mpBannerCS__actionsBtn {
  background: #c869f5;
  border: .2rem solid #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCS__actionsBtn:hover {
  background: #ffe606;
  border: .2rem solid #ffe606;
  color: #ff6072
}

.mpBannerCFW {
  position: relative
}

.mpBannerCFW__image {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  width: 98%
}

.mpBannerCFW__imageWrapper {
  align-items: flex-end;
  display: flex;
  position: relative;
  width: 45%;
  z-index: 20
}

.mpBannerCFW__wrapper {
  position: relative
}

.mpBannerCFW__holder {
  align-items: stretch;
  background: #ff6072;
  border-radius: 2.5rem;
  color: #2c2a32;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  z-index: 10
}

.mpBannerCFW__prop {
  position: absolute;
  z-index: 10
}

.mpBannerCFW__prop--left {
  right: 25rem;
  top: -2rem
}

html[dir=rtl] .mpBannerCFW__prop--left {
  left: 25rem;
  right: unset
}

.mpBannerCFW__prop--middle {
  bottom: -10rem;
  right: -1rem;
  width: 45rem
}

html[dir=rtl] .mpBannerCFW__prop--middle {
  left: -1rem;
  right: unset
}

.mpBannerCFW__prop--right {
  right: -28rem;
  top: -28rem;
  width: 50rem
}

html[dir=rtl] .mpBannerCFW__prop--right {
  left: -28rem;
  right: unset
}

.mpBannerCFW__content {
  padding: 2rem 0 2rem 2rem;
  position: relative;
  width: 55%;
  z-index: 20
}

html[dir=rtl] .mpBannerCFW__content {
  padding: 2rem 2rem 2rem 0
}

.mpBannerCFW__content--noImage {
  padding: 2rem;
  text-align: center;
  width: 100%
}

html[dir=rtl] .mpBannerCFW__content--noImage {
  padding: 2rem
}

.mpBannerCFW__contentWrapper {
  background: #fff;
  border-radius: 1.4rem;
  padding: 2rem
}

.mpBannerCFW__heading {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3.5rem
}

.mpBannerCFW__heading mark {
  background: unset;
  color: #ff6072
}

.mpBannerCFW__text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 1.2rem
}

.mpBannerCFW__actions,.mpBannerCFW__form {
  margin-top: 1.2rem
}

.mpBannerCFW__actionsBtn--purple {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCFW__actionsBtn--purple:hover {
  background: #c869f5;
  border: .2rem solid #c869f5;
  color: #fff
}

.mpBannerCFW__actionsBtn--magenta {
  background: #ffe606;
  border: .2rem solid #ffe606;
  border-radius: 5.7rem;
  color: #ff6072;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2.4rem;
  padding: 1.5rem 8rem;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.mpBannerCFW__actionsBtn--magenta:hover {
  background: #ff6072;
  border: .2rem solid #ff6072;
  color: #fff
}

.mpBannerWW__form {
  background: #fff;
  border-radius: 1.4rem;
  padding: 2rem
}

.mpBannerWW__formBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 1.5rem
}

.mpBannerWW__formField {
  width: 100%
}

.mpBannerWW__formField--half {
  width: calc(50% - 1rem)
}

.mpBannerWW__formLabel {
  color: #959499;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: left
}

.mpBannerWW__formInput {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem
}

.mpBannerWW__formInput ::-webkit-input-placeholder {
  color: #e8e8e8;
  opacity: 1
}

.mpBannerWW__formInput :-ms-input-placeholder {
  opacity: 1
}

.mpBannerWW__formInput ::-ms-input-placeholder {
  opacity: 1
}

.mpBannerWW__formInput ::placeholder {
  color: #e8e8e8;
  opacity: 1
}

.mpBannerWW__formInput :-ms-input-placeholder {
  color: #e8e8e8
}

.mpBannerWW__formInput ::-ms-input-placeholder {
  color: #e8e8e8
}

.mpBannerWW__formInput input,.mpBannerWW__formInput textarea {
  color: #000
}

.mpBannerWW__formInput input[type=email],.mpBannerWW__formInput input[type=text],.mpBannerWW__formInput textarea {
  border-bottom: .15rem solid #e8e8e8;
  padding: 1rem 0;
  width: 100%
}

.mpBannerWW__formInput .wpcf7-not-valid-tip {
  color: red!important;
  font-size: 1.2rem;
  margin-top: .5rem
}

.mpBannerWW__formInput--captcha {
  display: flex;
  justify-content: center
}

.mpBannerWW__formAcceptance {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.mpBannerWW__formAcceptance a {
  text-decoration: underline;
  transition: .5s
}

.mpBannerWW__formAcceptance a:hover {
  color: #c869f5
}

.mpBannerWW__formAcceptance label {
  align-content: flex-start;
  display: flex;
  justify-content: center;
  text-align: left
}

.mpBannerWW__formAcceptance .wpcf7-list-item {
  margin-left: 0
}

.mpBannerWW__formAcceptance input[type=checkbox] {
  border: none;
  cursor: pointer;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  width: 4rem
}

.mpBannerWW__formAcceptance input[type=checkbox]:focus:before {
  border: 1px solid #e8e8e8
}

.mpBannerWW__formAcceptance input[type=checkbox]:before {
  background: hsla(0,0%,100%,.35);
  border: 1px solid #959499;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 2.3rem;
  margin-right: 1rem;
  margin-top: 2px;
  width: 2.3rem
}

.mpBannerWW__formAcceptance input[type=checkbox]:checked:before {
  background: hsla(0,0%,100%,.35);
  border-color: #959499
}

.mpBannerWW__formAcceptance input[type=checkbox]:disabled {
  color: #b8b8b8;
  cursor: auto
}

.mpBannerWW__formAcceptance input[type=checkbox]:disabled:before {
  background: #ddd;
  box-shadow: none
}

.mpBannerWW__formAcceptance input[type=checkbox]:checked:after {
  background: #959499;
  box-shadow: 3px 0 0 #959499,6px 0 0 #959499,6px -3px 0 #959499,6px -6px 0 #959499,6px -9px 0 #959499,6px -12px 0 #959499;
  content: "";
  height: 3px;
  left: 4px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  width: 3px
}

.mpBannerWW__formSubmit {
  position: relative
}

.mpBannerWW__formSubmit input[type=submit] {
  background: #c869f5;
  border-radius: 5.7rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  justify-content: center;
  line-height: 2rem;
  padding: 1.6rem;
  transition: .5s;
  width: 100%
}

.mpBannerWW__formSubmit input[type=submit]:hover {
  background: #ff6072;
  color: #fff
}

.mpBannerWW__formSubmit input[type=submit]:disabled {
  cursor: not-allowed
}

.mpBannerWW__formSubmit input[type=submit]:disabled:hover {
  background: #f8f8f8;
  color: #000
}

.mpBannerWW__formSubmit .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.mpBannerCFW .mpBannerWW__form {
  border-radius: 0;
  padding: 0
}

.mpBannerPF__wrapper {
  background: #9694ff;
  border-radius: 30px;
  overflow: hidden;
  position: relative
}

.mpBannerPF__prop {
  position: absolute;
  z-index: 100
}

.mpBannerPF__prop--left {
  bottom: 0;
  height: 100%;
  left: -120px
}

.mpBannerPF__prop--right {
  right: 0;
  top: 0
}

.mpBannerPF__prop--doodleLeft {
  bottom: 20px;
  left: 20px
}

.mpBannerPF__prop--doodleMiddle {
  right: calc(30% - 100px);
  top: 30%
}

.mpBannerPF__prop--doodleRight {
  right: 0;
  top: 30px
}

.mpBannerPF__helper {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative;
  z-index: 200
}

.mpBannerPF__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  width: calc(65% - 40px)
}

.mpBannerPF__heading {
  margin: 0 auto 20px;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 80%
}

.mpBannerPF__heading:before {
  background: #fff;
  transform: perspective(80em) rotateX(-30deg);
  z-index: 20
}

.mpBannerPF__heading:after,.mpBannerPF__heading:before {
  bottom: -11%;
  content: "";
  left: -3%;
  position: absolute;
  right: -3%;
  top: -4%
}

.mpBannerPF__heading:after {
  background: #210a74;
  transform: perspective(80em) rotateX(-30deg) translate(10px,10px);
  z-index: 10
}

.mpBannerPF__headingItem {
  color: #210a74;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.05rem;
  position: relative;
  z-index: 50
}

.mpBannerPF__text {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  margin-top: 10px;
  text-align: center
}

.mpBannerPF__actions {
  margin-top: 20px
}

.mpBannerPF__button {
  align-items: center;
  background: #ffe606;
  border-radius: 90px;
  color: #210a74;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: center;
  line-height: 2.1rem;
  max-width: 320px;
  padding: 15px 50px;
  text-align: center;
  transition: .5s;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.mpBannerPF__button:hover {
  background: #ff6072;
  color: #fff
}

.mpBannerPF__image {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 35%;
  z-index: 200
}

.mpBannerPF__imageItem {
  display: block;
  margin-top: 40px;
  width: 100%
}

@media (max-height: 100rem) {
  .sidebarNewsletterFile__icon {
      width:6rem
  }

  .sidebarNewsletterFile__iconItem {
      max-width: 3.5rem
  }

  .sidebarNewsletterFile__heading {
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 2rem
  }

  .sidebarNewsletterFile__text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.6rem
  }

  .sidebarNewsletterFile__formAcceptance {
      font-size: 1.1rem;
      font-weight: 400;
      line-height: 1.4rem
  }

  .sidebarNewsletterFile__formSubmit input[type=submit] {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.6rem;
      padding: 1rem
  }
}

@media (max-width: 1366px) {
  h1,h2 {
      font-size:2.9rem;
      line-height: 4.05rem
  }

  h1,h2,h3 {
      font-weight: 700
  }

  h3 {
      font-size: 2rem;
      line-height: 3.5rem
  }

  h4,h5,h6 {
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 3.15rem
  }

  p {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.8rem
  }

  .container .row.row-lgl-block {
      display: block
  }

  .container .row .col-lgl-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-1 {
      margin-right: 0
  }

  .container .row .col-lgl-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-2 {
      margin-right: 0
  }

  .container .row .col-lgl-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-3 {
      margin-right: 0
  }

  .container .row .col-lgl-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-4 {
      margin-right: 0
  }

  .container .row .col-lgl-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-5 {
      margin-right: 0
  }

  .container .row .col-lgl-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-6 {
      margin-right: 0
  }

  .container .row .col-lgl-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-7 {
      margin-right: 0
  }

  .container .row .col-lgl-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-8 {
      margin-right: 0
  }

  .container .row .col-lgl-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-9 {
      margin-right: 0
  }

  .container .row .col-lgl-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-10 {
      margin-right: 0
  }

  .container .row .col-lgl-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-11 {
      margin-right: 0
  }

  .container .row .col-lgl-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lgl-12 {
      margin-right: 0
  }

  .container .row .offset-col-lgl-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-lgl-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-lgl-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-lgl-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-lgl-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-lgl-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-lgl-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-lgl-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-lgl-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-lgl-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-lgl-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-lgl-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lgl-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .errorPage__wrapper {
      left: 0;
      padding-left: 3rem;
      width: 40%
  }

  .navbar__categories {
      min-height: 8.4rem
  }

  .navbar__actions {
      height: 8.4rem
  }

  .newCategories__menuLink {
      min-height: 8.4rem
  }

  .newCategories__subMenu {
      top: 8.4rem
  }

  .navbar2__categories {
      min-height: 8.4rem
  }

  .navbar2__actions {
      height: 8.4rem
  }

  .flexBreadcrumbs {
      padding-top: 1rem
  }

  .mpBannerPF__headingItem {
      font-size: 2.9rem;
      font-weight: 700;
      line-height: 4.05rem
  }
}

@media (max-width: 1280px) {
  .container--small {
      padding-left:20px;
      padding-right: 20px
  }

  .container .row.row-lg-block {
      display: block
  }

  .container .row .col-lg-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-1 {
      margin-right: 0
  }

  .container .row .col-lg-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-2 {
      margin-right: 0
  }

  .container .row .col-lg-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-3 {
      margin-right: 0
  }

  .container .row .col-lg-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-4 {
      margin-right: 0
  }

  .container .row .col-lg-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-5 {
      margin-right: 0
  }

  .container .row .col-lg-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-6 {
      margin-right: 0
  }

  .container .row .col-lg-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-7 {
      margin-right: 0
  }

  .container .row .col-lg-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-8 {
      margin-right: 0
  }

  .container .row .col-lg-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-9 {
      margin-right: 0
  }

  .container .row .col-lg-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-10 {
      margin-right: 0
  }

  .container .row .col-lg-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-11 {
      margin-right: 0
  }

  .container .row .col-lg-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-lg-12 {
      margin-right: 0
  }

  .container .row .offset-col-lg-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-lg-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-lg-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-lg-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-lg-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-lg-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-lg-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-lg-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-lg-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-lg-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-lg-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-lg-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-lg-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .footer.v2 .footer__wrapper {
      padding: 0 20px
  }

  .mainCta__image {
      max-width: 28rem
  }

  .navbar__categories {
      width: calc(100% - 10rem)
  }

  .navbar__actions {
      width: 30%
  }

  .newCategories {
      width: 70%
  }

  .navbar2__categories {
      width: calc(100% - 9rem)
  }

  .navbar2__actions {
      width: 30%
  }

  .newCategories2 {
      width: 70%
  }

  .popupBanner__propLeft {
      left: -8rem
  }

  .popupBanner__propRight {
      right: -8rem
  }

  .sidebarNewsletterFile__wrapper {
      padding: 1.7rem 2rem 2rem
  }

  .youtubePage__item iframe {
      height: 30rem
  }

  .midPost__actions {
      flex-wrap: wrap
  }

  .midPost__column {
      justify-content: space-between;
      width: 100%
  }

  .midPost__column:nth-child(2) {
      justify-content: space-between;
      margin-top: 1rem
  }

  .blogRating__item {
      width: 100%
  }

  .blogAccordionRep__itemText ul {
      width: calc(25% - 2.25rem)
  }

  .blogMapQuiz__mapModalWrapper {
      min-height: 100%;
      padding: 3rem;
      width: 100%
  }

  .blogMemoryQuiz__card {
      width: calc(33.33333% - 1.33333rem)
  }

  .blogForm__wrapper {
      padding: 5rem 5rem 15rem
  }

  .flexBreadcrumbsWhiteImage__prop--center {
      left: 75%
  }

  .flexBreadcrumbsWhiteImage__image {
      right: 4rem
  }

  .flexBannerCS__prop--middle {
      left: 5rem
  }

  html[dir=rtl] .flexBannerCS__prop--middle {
      left: unset;
      right: 5rem
  }

  .flexWidgetCI__wrapper {
      padding: 1rem
  }

  .flexWidgetCI__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexWidgetCI__actionsBtn {
      padding: 1.5rem
  }

  .flexWidgetWP__wrapper {
      padding: 8rem 1rem 1rem
  }

  .flexWidgetWP__wrapper--noImage {
      padding: 1rem
  }

  .mpBannerCS__prop--middle {
      left: 5rem
  }

  html[dir=rtl] .mpBannerCS__prop--middle {
      left: unset;
      right: 5rem
  }
}

@media (max-width: 1100px) {
  .blogMapQuiz__mapModalInfoHeading {
      font-size:2.2rem;
      font-weight: 700;
      line-height: 2.8rem
  }

  .blogMapQuiz__mapModalInfoText {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.1rem
  }

  .blogMapQuiz__mapModalFinalTitle {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .blogMapQuiz__mapModalFinalScore {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 2.1rem
  }

  .blogMapQuiz__mapModalFinalScore span {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .blogMapQuiz__mapModalFinalText {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 2.1rem
  }

  .blogMemoryQuiz__finalHeading {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .blogMomTiles__infoBox {
      top: 8rem
  }

  .blogMomTiles__info {
      top: 4rem
  }

  .flexBreadcrumbsWhiteImage__image {
      right: 1rem
  }

  .flexBannerCW__image--desktop {
      display: none
  }

  .flexBannerCW__image--mobile {
      display: block;
      position: relative;
      z-index: 30
  }

  .flexBannerCW__propIcon--top {
      bottom: 25rem;
      left: -2.5rem;
      top: unset
  }

  html[dir=rtl] .flexBannerCW__propIcon--top {
      left: unset;
      right: -2.5rem
  }

  .flexBannerCW__holder {
      justify-content: center;
      padding: 1rem 1rem 0
  }

  .flexBannerCW__prop--left {
      bottom: -20rem;
      left: -20rem
  }

  html[dir=rtl] .flexBannerCW__prop--left {
      left: unset;
      right: -20rem
  }

  .flexBannerCW__prop--middle {
      bottom: 20rem;
      left: 30%;
      top: unset;
      width: 5rem
  }

  html[dir=rtl] .flexBannerCW__prop--middle {
      left: unset;
      right: 30%
  }

  .flexBannerCW__prop--middle.flexBannerCW__prop--noImage {
      left: unset;
      right: 10rem
  }

  html[dir=rtl] .flexBannerCW__prop--middle.flexBannerCW__prop--noImage {
      left: 10rem;
      right: unset
  }

  .flexBannerCW__prop--right {
      bottom: 15rem;
      right: 2rem;
      top: unset
  }

  html[dir=rtl] .flexBannerCW__prop--right {
      left: 2rem;
      right: unset
  }

  .flexBannerCW__content {
      text-align: center;
      width: 100%
  }

  .flexBannerCSP__holder,.flexBannerCWNI__holder,.flexBannerWW__holder {
      justify-content: center;
      padding: 1rem 1rem 0
  }

  .flexBannerCS__image {
      display: none
  }

  .flexBannerCS__holder {
      justify-content: center
  }

  .flexBannerCS__prop--left {
      bottom: -28rem;
      left: -25rem
  }

  html[dir=rtl] .flexBannerCS__prop--left {
      left: unset;
      right: -25rem
  }

  .flexBannerCS__prop--middle {
      display: none
  }

  .flexBannerCS__prop--right {
      left: 50%;
      transform: translateX(-50%)
  }

  html[dir=rtl] .flexBannerCS__prop--right {
      left: unset;
      right: 50%;
      transform: translateX(50%)
  }

  .flexBannerCS__content {
      text-align: center;
      width: 100%
  }

  .flexBannerCFW__imageWrapper {
      display: none
  }

  .flexBannerCFW__holder {
      justify-content: center
  }

  .flexBannerCFW__content {
      padding: 2rem;
      text-align: center;
      width: 100%
  }

  html[dir=rtl] .flexBannerCFW__content {
      padding: 2rem
  }

  .mpBannerCW__image--desktop {
      display: none
  }

  .mpBannerCW__image--mobile {
      display: block;
      position: relative;
      z-index: 30
  }

  .mpBannerCW__propIcon--top {
      bottom: 25rem;
      left: -2.5rem;
      top: unset
  }

  html[dir=rtl] .mpBannerCW__propIcon--top {
      left: unset;
      right: -2.5rem
  }

  .mpBannerCW__holder {
      justify-content: center;
      padding: 1rem 1rem 0
  }

  .mpBannerCW__prop--left {
      bottom: -20rem;
      left: -20rem
  }

  html[dir=rtl] .mpBannerCW__prop--left {
      left: unset;
      right: -20rem
  }

  .mpBannerCW__prop--middle {
      bottom: 20rem;
      left: 30%;
      top: unset;
      width: 5rem
  }

  html[dir=rtl] .mpBannerCW__prop--middle {
      left: unset;
      right: 30%
  }

  .mpBannerCW__prop--middle.mpBannerCW__prop--noImage {
      left: unset;
      right: 10rem
  }

  html[dir=rtl] .mpBannerCW__prop--middle.mpBannerCW__prop--noImage {
      left: 10rem;
      right: unset
  }

  .mpBannerCW__prop--right {
      bottom: 15rem;
      right: 2rem;
      top: unset
  }

  html[dir=rtl] .mpBannerCW__prop--right {
      left: 2rem;
      right: unset
  }

  .mpBannerCW__content {
      text-align: center;
      width: 100%
  }

  .mpBannerCSP__holder,.mpBannerCWNI__holder,.mpBannerWW__holder {
      justify-content: center;
      padding: 1rem 1rem 0
  }

  .mpBannerCS__image {
      display: none
  }

  .mpBannerCS__holder {
      justify-content: center
  }

  .mpBannerCS__prop--left {
      bottom: -28rem;
      left: -25rem
  }

  html[dir=rtl] .mpBannerCS__prop--left {
      left: unset;
      right: -25rem
  }

  .mpBannerCS__prop--middle {
      display: none
  }

  .mpBannerCS__prop--right {
      left: 50%;
      transform: translateX(-50%)
  }

  html[dir=rtl] .mpBannerCS__prop--right {
      left: unset;
      right: 50%;
      transform: translateX(50%)
  }

  .mpBannerCS__content {
      text-align: center;
      width: 100%
  }

  .mpBannerCFW__imageWrapper {
      display: none
  }

  .mpBannerCFW__holder {
      justify-content: center
  }

  .mpBannerCFW__content {
      padding: 2rem;
      text-align: center;
      width: 100%
  }

  html[dir=rtl] .mpBannerCFW__content {
      padding: 2rem
  }
}

@media (max-height: 68rem) {
  .sidebarNewsletterFile__icon {
      display:none
  }
}

@media (max-width: 1080px) {
  .post__extraCta--app .post__extraCtaLink {
      display:none
  }
}

@media (max-width: 1024px) {
  h1,h2 {
      font-size:2.4rem;
      line-height: 3.4rem
  }

  h1,h2,h3 {
      font-weight: 700
  }

  h3 {
      font-size: 1.8rem;
      line-height: 3.15rem
  }

  h4,h5,h6 {
      font-size: 1.5rem;
      font-weight: 700;
      line-height: 2.6rem
  }

  p {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.4rem
  }

  .container {
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%
  }

  .container .row.row-mdl-block {
      display: block
  }

  .container .row .col-mdl-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-1 {
      margin-right: 0
  }

  .container .row .col-mdl-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-2 {
      margin-right: 0
  }

  .container .row .col-mdl-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-3 {
      margin-right: 0
  }

  .container .row .col-mdl-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-4 {
      margin-right: 0
  }

  .container .row .col-mdl-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-5 {
      margin-right: 0
  }

  .container .row .col-mdl-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-6 {
      margin-right: 0
  }

  .container .row .col-mdl-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-7 {
      margin-right: 0
  }

  .container .row .col-mdl-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-8 {
      margin-right: 0
  }

  .container .row .col-mdl-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-9 {
      margin-right: 0
  }

  .container .row .col-mdl-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-10 {
      margin-right: 0
  }

  .container .row .col-mdl-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-11 {
      margin-right: 0
  }

  .container .row .col-mdl-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mdl-12 {
      margin-right: 0
  }

  .container .row .offset-col-mdl-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-mdl-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-mdl-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-mdl-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-mdl-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-mdl-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-mdl-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-mdl-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-mdl-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-mdl-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-mdl-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-mdl-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mdl-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .errorPage__preHeading {
      font-size: 6rem;
      font-weight: 700;
      line-height: 7rem
  }

  .errorPage__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 4rem
  }

  html[dir=rtl] .headerMain2__hamburger {
      margin-left: 0!important
  }

  .mainCta__image {
      max-width: 24rem
  }

  .mainCta__triangle,.navbar__categoriesSlider {
      display: none
  }

  .navbar__categoriesListFull {
      padding: 0 1.5rem .5rem
  }

  .navbar__categoriesListFullItem {
      margin-bottom: .8rem
  }

  .newCategories__menuLinkHolder {
      min-width: 15rem;
      padding: .5rem 1.2rem
  }

  .navbar2__categoriesSlider {
      display: none
  }

  .navbar2__categoriesListFullItem {
      margin-bottom: .8rem
  }

  .newCategories2__menuLink {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2rem
  }

  .newCategories2__menuLinkHolder {
      min-width: 12rem;
      padding: .5rem 1rem
  }

  .popup__wrapper {
      max-width: 90%;
      width: 100%
  }

  .popupOne__textProp {
      display: none
  }

  .popupThree__propBottom {
      left: -4rem
  }

  .popupThree__image {
      left: 2rem
  }

  .popupForm__field:nth-child(3),.popupForm__field:nth-child(5) {
      width: 100%!important
  }

  .popExtra__close {
      right: 0;
      top: -6rem
  }

  .popupBanner__propLeft {
      left: -12rem
  }

  .popupBanner__propRight,.sidebarNewsletterFile__prop {
      right: -12rem
  }

  html[dir=rtl] .sidebarNewsletterFile__prop {
      left: -12rem;
      right: unset
  }

  .sidebarNewsletterFile__wrapper {
      padding: 1.5rem
  }

  .widgetPost {
      width: calc(50% - 2rem)
  }

  .widgetPost--noMobile {
      display: none
  }

  .mainHeading__item {
      font-size: 3rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .mainHeading__item mark {
      font-size: 5.5rem;
      font-weight: 700;
      line-height: 5.5rem
  }

  .latestPosts__left {
      padding-bottom: 4rem;
      padding-right: 0;
      width: 100%
  }

  html[dir=rtl] .latestPosts__left {
      padding-left: 0
  }

  .latestPosts__right {
      width: 100%
  }

  .bigPost__title,.midPost__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .blogMapQuiz__mapModalWrapper,.blogRiddles__item {
      width: 100%
  }

  .blogMapQuiz__mapModalIcon {
      max-width: 10rem
  }

  .blogMapQuiz__mapModalFinalWrapper {
      width: 100%
  }

  .blogNyParImg__paragraphs {
      width: 70%
  }

  .blogNyParImg__image {
      width: 30%
  }

  .blogNyParImg__imageItem {
      width: 100%
  }

  .blogNyParImg__imageProp {
      display: none
  }

  .blogNewsletterNew__propBottom {
      left: -4rem
  }

  .blogNewsletterNew__image {
      left: 2rem
  }

  .blogMomMain__boxImageItem {
      max-width: 20rem
  }

  .flexPopupCW__prop--leftTop {
      bottom: -15rem;
      top: unset
  }

  .flexPopupCW__prop--middleTop {
      bottom: 20rem;
      left: 2rem;
      right: unset;
      top: unset
  }

  html[dir=rtl] .flexPopupCW__prop--middleTop {
      left: unset;
      right: 2rem
  }

  .flexPopupCW__content {
      order: 1;
      padding-bottom: 1rem;
      padding-top: 8rem;
      width: 100%
  }

  .flexPopupCW__image {
      order: 2;
      width: 100%
  }

  .flexPopupCW__imageItem {
      margin-left: auto;
      margin-right: auto;
      max-height: 30rem;
      width: 40%
  }

  .flexPopupCN__prop--leftBottom {
      height: 30rem;
      width: 30rem
  }

  .flexPopupCN__prop--middleBottom {
      display: none
  }

  .flexPopupCN__prop--rightBottom {
      bottom: -5rem
  }

  .flexPopupCN__content {
      order: 1;
      width: 100%
  }

  .flexPopupCN__image {
      order: 2;
      width: 100%
  }

  .flexPopupCN__imageItem {
      margin-left: auto;
      margin-right: auto;
      width: 50%
  }

  .flexPopupWW__prop--leftTop {
      bottom: -15rem;
      height: 50rem;
      top: unset;
      width: 50rem
  }

  .flexPopupWW__prop--leftBottom {
      left: unset;
      right: -2rem
  }

  html[dir=rtl] .flexPopupWW__prop--leftBottom {
      left: -2rem;
      right: unset
  }

  .flexPopupWW__content {
      order: 1;
      width: 100%
  }

  .flexPopupWW__image {
      order: 2;
      width: 100%
  }

  .flexPopupWW__imageItem {
      margin-left: auto;
      margin-right: auto;
      width: 50%
  }

  .flexBreadcrumbsWhiteImage__wrapper {
      padding: 4rem 2rem
  }

  .flexBreadcrumbsWhiteImage__content {
      width: 70%
  }

  .flexBreadcrumbsWhiteImage__image {
      height: calc(100% + 2rem)
  }

  .flexBannerCWNI__prop--middle {
      right: -4rem;
      top: -1rem;
      width: 10rem
  }

  html[dir=rtl] .flexBannerCWNI__prop--middle {
      left: -4rem;
      right: unset
  }

  .flexBannerCWNI__prop--right {
      right: -1rem
  }

  html[dir=rtl] .flexBannerCWNI__prop--right {
      left: -1rem;
      right: unset
  }

  .mpBannerCWNI__prop--middle {
      right: -4rem;
      top: -1rem;
      width: 10rem
  }

  html[dir=rtl] .mpBannerCWNI__prop--middle {
      left: -4rem;
      right: unset
  }

  .mpBannerCWNI__prop--right {
      right: -1rem
  }

  html[dir=rtl] .mpBannerCWNI__prop--right {
      left: -1rem;
      right: unset
  }

  .mpBannerPF__headingItem {
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 3.4rem
  }
}

@media (max-width: 880px) {
  .post__extraCta--app .post__extraCtaContent {
      background-image:url(@images/cta-app-bg-m-1.png?v=1);
      background-size: cover
  }

  .errorPage__wrapper {
      width: 50%
  }

  .header__separate--topbar {
      min-height: 15.4rem
  }

  .header2__separate--topbar {
      min-height: 10rem
  }

  .mainCta__image {
      display: none
  }

  .mainCta__imageMobile {
      display: block;
      margin: 0 auto;
      max-width: 32rem;
      width: 100%
  }

  .mainCta__box {
      flex-direction: column;
      padding-bottom: 0
  }

  .mainCta__boxEmpty {
      order: 3;
      padding-top: 4rem;
      width: 100%;
      z-index: 20
  }

  .mainCta__boxContent {
      order: 1;
      text-align: center;
      width: 100%
  }

  .mainCta__boxLogo {
      order: 2;
      padding: 2rem 0;
      width: 100%
  }

  .mainCta__boxLogoItem {
      max-width: 25rem
  }

  .mainCta__button {
      padding-bottom: 2rem
  }

  .mainCta__buttonItem {
      margin: 0 auto;
      max-width: 90%
  }

  .mainCta__boxPropLeft {
      bottom: -8rem;
      width: 100%
  }

  html[dir=rtl] .mainCta__boxPropLeft {
      left: 0;
      right: unset;
      transform: scaleX(1);
      width: 100%
  }

  .mainCta__boxPropRight {
      bottom: 40%;
      left: -25%;
      transform: rotate(90deg);
      width: 60%
  }

  html[dir=rtl] .mainCta__boxPropRight {
      left: unset;
      right: -25%;
      transform: rotate(-90deg)
  }

  .newCategories__menuList {
      display: none
  }

  .newCategories__menuMobileTrigger {
      display: flex
  }

  .newCategories__menuMobileBox {
      display: block
  }

  .navbar2__actionButton--noMobile,.newCategories2__menuList {
      display: none
  }

  .newCategories2__menuMobileTrigger {
      display: flex
  }

  .navbar2__srch {
      padding: 0 2rem
  }

  .navbar2__act {
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      justify-content: space-between;
      padding: 2rem
  }

  .navbar2__chooseLang .headerMain__langSwitcher--mobile {
      height: 4rem
  }

  .navbar2__searchbox label {
      display: none
  }

  .navbar2__categoriesListFullItem {
      margin-bottom: 0
  }

  .navbar2__categoriesLinkMenu {
      border-bottom: 1px solid #9694ff;
      border-radius: 0;
      justify-content: space-between;
      min-height: 58px
  }

  .navbar2__categoriesLinkMenu br {
      display: none
  }

  .navbar2__categoriesLinkMenu:after {
      background-image: var(--arrow-right);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      content: "";
      display: block;
      height: 24px;
      position: relative;
      width: 24px
  }

  .navbar2__wrapper.container {
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between
  }

  .navbar2__wrapper.container:after,.navbar2__wrapper.container:before {
      width: 100%
  }

  .navbar2 #hamburger {
      position: absolute
  }

  .navbar2__hamburger {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjMzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9IiNmZmYiLz48cmVjdCB5PSIxMCIgd2lkdGg9IjMzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9IiNmZmYiLz48cmVjdCB5PSIxOSIgd2lkdGg9IjMzIiBoZWlnaHQ9IjMiIHJ4PSIxLjUiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      cursor: pointer;
      display: block;
      height: 33px;
      width: 33px;
      z-index: 10
  }

  .navbar2__mobile {
      background: #ff6072;
      box-sizing: border-box;
      display: block;
      flex-direction: column;
      flex-wrap: wrap;
      height: 0;
      left: 0;
      overflow: hidden;
      overflow-y: scroll;
      position: absolute;
      top: 9rem;
      transition: height .3s ease-in-out;
      width: 100%;
      z-index: 5
  }

  .navbar2 #hamburger:checked~.navbar2__mobile {
      height: calc(100vh - 9rem);
      overflow-y: scroll
  }

  .navbar2 #hamburger:checked~label.navbar2__hamburger {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE4IDE4IDE4IDE4TTM2IDE4IDE4IDM2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
  }

  .popupOne__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 4.5rem
  }

  .popupTwo__heading {
      font-size: 4.5rem;
      font-weight: 700;
      line-height: 5.5rem
  }

  .popupBanner__propLeft {
      left: -10rem;
      rotate: 90deg;
      top: -30rem
  }

  .popupBanner__propRight {
      bottom: -25rem;
      right: -8rem;
      rotate: 90deg;
      top: unset
  }

  .popupBanner__box {
      padding: 8rem 2rem;
      width: 100%
  }

  .popupBanner__leftImage,.popupBanner__rightImage {
      display: none
  }

  .page__postContent {
      padding-right: 0;
      width: 100%
  }

  html[dir=rtl] .page__postContent {
      padding-left: 0
  }

  .page__postSidebar {
      padding-left: 0;
      width: 100%
  }

  html[dir=rtl] .page__postSidebar {
      padding-right: 0
  }

  .post__extraCta--bottom,.post__extraCta--fixed {
      position: relative;
      top: unset
  }

  .post__extraCta--mobile {
      display: block;
      margin-bottom: 0;
      margin-top: 3rem;
      padding: .5rem 0
  }

  .post__extraCta--mobile .post__extraCtaBackground {
      display: none
  }

  .post__extraCta--mobile .post__extraCtaContent {
      position: relative;
      transform: translateY(0)
  }

  .post__extraCta--desktop,.post__extraCtaProp {
      display: none
  }

  .page:has(.flexBreadcrumbs+.mobileFixed) .post__extraCtaContent {
      display: none
  }

  .nonTop .scrollTop {
      bottom: 108px
  }

  .nonTop .scrollTop img,.nonTop .scrollTop svg {
      width: 36px
  }

  .sidebarNewsletterFile--bottom,.sidebarNewsletterFile--fixed {
      position: relative;
      top: unset
  }

  .sidebarNewsletterFile--mobile {
      display: block;
      margin-bottom: 4rem
  }

  .sidebarNewsletterFile--desktop {
      display: none
  }

  .videoCategory__btn {
      justify-content: center;
      order: 5;
      width: 100%
  }

  .widgetPost {
      padding-bottom: 2rem
  }

  .youtubePage__item {
      margin-right: 0;
      width: 100%
  }

  html[dir=rtl] .youtubePage__item {
      margin-left: 0
  }

  .youtubePage__item iframe {
      height: 40rem
  }

  .blogAccordionRep__itemText ul {
      width: calc(33.33333% - 2rem)
  }

  .blogMapQuiz__mapModalWrapper {
      min-height: unset;
      width: 80%
  }

  .blogMapQuiz__mapModalIcon {
      max-width: 5rem
  }

  .blogMapQuiz__mapModalFinalWrapper {
      width: 80%
  }

  .blogMemoryQuiz__card {
      width: calc(25% - 1.5rem)
  }

  .blogMomTiles__infoBox {
      top: 5rem
  }

  .blogMomTiles__info {
      top: 1rem
  }

  .flexTopbarStandard {
      display: none
  }

  .flexBreadcrumbsStandard {
      background-image: url(@images/flexBB__m--magenta.png);
      background-position: 100% 0!important
  }

  .flexBreadcrumbsStandard--green {
      background-image: url(@images/flexBB__m--green.png);
      background-position: 100% 0
  }

  .flexBreadcrumbsStandard--yellow {
      background-image: url(@images/flexBB__m--yellow.png);
      background-position: 100% 0
  }

  .flexBreadcrumbsStandard--blue {
      background-image: url(@images/flexBB__m--blue.png);
      background-position: 100% 0
  }

  .flexBreadcrumbsStandard__counter {
      width: 100%
  }

  .flexBreadcrumbsStandard__iconMobile {
      display: flex
  }

  .flexBreadcrumbsStandard__content {
      width: 100%
  }

  .flexBreadcrumbsStandard__cta {
      text-align: center;
      width: 100%
  }

  .flexBreadcrumbsStandard__cta a {
      max-width: unset
  }

  .flexBreadcrumbsStandard__ctaBtn {
      padding: 1rem 2rem;
      width: auto
  }

  .flexBreadcrumbsWhiteImage {
      margin-top: 0
  }

  .flexBreadcrumbsWhiteImage__prop {
      display: none
  }

  .flexBreadcrumbsWhiteImage__content {
      width: 100%
  }

  .flexBreadcrumbsWhiteImage__image {
      display: none
  }

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

  .flexWidget--bottom,.flexWidget--fixed {
      max-width: 100%;
      position: relative;
      top: unset;
      width: 100%
  }

  .flexWidget--bottom {
      bottom: unset
  }

  .flexWidgetCI__prop {
      display: none
  }

  .flexWidgetCI__wrapper {
      padding: 3rem
  }

  .flexWidgetWP__wrapper {
      padding: 8rem 3rem 3rem
  }

  .flexWidgetWP__wrapper--noImage {
      padding: 3rem
  }
}

@media (max-width: 768px) {
  .cookies__content {
      width:calc(100% - 5rem)
  }

  .cookies__btn {
      padding-top: 2rem;
      width: 100%
  }

  .cookies__btnItem {
      margin: 0 auto
  }

  .container .row.row-md-block {
      display: block
  }

  .container .row .col-md-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-1 {
      margin-right: 0
  }

  .container .row .col-md-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-2 {
      margin-right: 0
  }

  .container .row .col-md-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-3 {
      margin-right: 0
  }

  .container .row .col-md-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-4 {
      margin-right: 0
  }

  .container .row .col-md-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-5 {
      margin-right: 0
  }

  .container .row .col-md-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-6 {
      margin-right: 0
  }

  .container .row .col-md-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-7 {
      margin-right: 0
  }

  .container .row .col-md-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-8 {
      margin-right: 0
  }

  .container .row .col-md-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-9 {
      margin-right: 0
  }

  .container .row .col-md-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-10 {
      margin-right: 0
  }

  .container .row .col-md-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-11 {
      margin-right: 0
  }

  .container .row .col-md-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-md-12 {
      margin-right: 0
  }

  .container .row .offset-col-md-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-md-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-md-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-md-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-md-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-md-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-md-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-md-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-md-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-md-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-md-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-md-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-md-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .liked__container .midPost,.starred__container .midPost {
      width: 100%!important
  }

  .errorPage__wrapper {
      left: unset;
      max-width: 100%;
      padding-bottom: 2rem;
      position: relative;
      top: unset;
      transform: translateY(0);
      width: 100%
  }

  .errorPage__imageItem--desktop {
      display: none
  }

  .errorPage__imageItem--mobile {
      display: block
  }


  .popupOne__content {
      align-items: center;
      display: flex;
      flex-direction: column;
      padding: 8rem 5rem 5rem;
      width: 100%
  }

  .popupOne__heading,.popupOne__text {
      text-align: center
  }

  .popupOne__image {
      justify-content: center;
      width: 100%
  }

  .popupOne__imageItem {
      max-width: 45rem;
      width: 100%
  }

  .popupOne__close {
      right: 2rem;
      top: 2rem
  }

  .popupOne__propLeft {
      bottom: unset;
      left: -8rem;
      top: 45%;
      transform: rotate(90deg)
  }

  .popupOne__propRight {
      right: 0
  }

  .popupOne__propTop {
      right: -15rem;
      top: 50%;
      transform: rotate(55deg)
  }

  .popupTwo__content {
      align-items: center;
      display: flex;
      flex-direction: column;
      padding: 8rem 5rem 5rem;
      width: 100%
  }

  .popupTwo__heading {
      text-align: center
  }

  .popupTwo__image {
      justify-content: center;
      width: 100%
  }

  .popupTwo__imageItem {
      max-width: 45rem;
      width: 100%
  }

  .popupTwo__close {
      right: 2rem;
      top: 2rem
  }

  .popupTwo__propTop {
      bottom: 20rem;
      left: -22rem;
      right: unset;
      top: unset;
      transform: rotate(-90deg)
  }

  .popupThree {
      padding: 3rem 0
  }

  .popupThree__wrapper {
      padding-top: 23rem
  }

  .popupThree__content {
      width: 100%
  }

  .popupThree__propTop {
      display: none
  }

  .popupThree__propTopMobile {
      display: block;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      z-index: 12
  }

  .popupThree__propBottom {
      left: -8rem;
      top: -2rem;
      transform: rotate(180deg)
  }

  .popupThree__image {
      display: none
  }

  .popupThree__mobileImage {
      display: block;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-45%)
  }

  .popupForm__field--half {
      width: 100%
  }

  .youtubePage__item iframe {
      height: 35rem
  }

  .section--big {
      padding: 25px 0
  }

  .mainHeading__item {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .mainHeading__item mark {
      font-size: 4rem;
      font-weight: 700;
      line-height: 4rem
  }

  .bigPost__title,.midPost__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .blogHeadingText {
      scroll-margin-top: 100px
  }

  .blogHeadingText h3 {
      scroll-margin-top: 20px
  }

  .blogHeader__actionsComments span,.blogHeader__actionsLikes span {
      display: none
  }

  .blogMemoryQuiz__card {
      width: calc(33.33333% - 1.33333rem)
  }

  .blogLpImgTxt__image {
      width: 60%
  }

  .blogLpImgTxt__image,.blogLpImgTxt__image--right {
      order: 1;
      padding-left: unset;
      padding-right: unset
  }

  .blogLpImgTxt__content {
      order: 1;
      padding-top: 2rem;
      width: 100%
  }

  .blogLpImgTxt__content--left {
      order: 1
  }

  .blogLpImgHTxt__image {
      width: 80%
  }

  .blogLpImgHTxt__imageItem {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset;
      border-top-left-radius: 2.6rem;
      left: unset;
      position: unset;
      right: unset
  }

  .blogLpImgHTxt__content {
      width: 100%
  }

  .blogNySnow__propMailbox {
      display: none
  }

  .blogNySnow__content {
      padding: 7rem 5rem 1rem;
      width: 100%
  }

  .blogNySnow__image {
      justify-content: center;
      width: 100%
  }

  .blogNySnow__imageItem {
      width: 70%
  }

  .blogNyParImg__paragraphs {
      width: 100%
  }

  .blogNyParImg__item:nth-child(2n) .blogNyParImg__icon {
      order: unset;
      padding-left: 0;
      padding-right: 3rem
  }

  html[dir=rtl] .blogNyParImg__item:nth-child(2n) .blogNyParImg__icon {
      padding-left: 3rem;
      padding-right: 0
  }

  .blogNyParImg__image {
      display: none
  }

  .blogNyGiftTiles__item {
      margin-right: unset;
      width: 100%
  }

  html[dir=rtl] .blogNyGiftTiles__item {
      margin-left: unset;
      width: 100%
  }

  .blogNyReward__propTop {
      transform: translateX(calc(-50% - -1rem))
  }

  .blogNyReward__propLeft {
      display: none
  }

  .blogNyReward__content {
      margin-left: unset;
      padding: 8rem 15rem 3rem;
      width: 100%
  }

  .blogNewsletter__content {
      width: 90%
  }

  .blogNewsletterNew {
      padding: 3rem 0
  }

  .blogNewsletterNew__wrapper {
      padding-top: 23rem
  }

  .blogNewsletterNew__content {
      width: 100%
  }

  .blogNewsletterNew__propTop {
      display: none
  }

  .blogNewsletterNew__propTopMobile {
      display: block;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      z-index: 12
  }

  .blogNewsletterNew__propBottom {
      left: -8rem;
      top: -2rem;
      transform: rotate(180deg)
  }

  .blogNewsletterNew__image {
      display: none
  }

  .blogNewsletterNew__mobileImage {
      display: block;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-45%)
  }

  .blogMomTextImage__wrapper {
      flex-wrap: wrap
  }

  .blogMomTextImage__content {
      order: 2;
      width: 100%
  }

  .blogMomTextImage__image {
      order: 1;
      width: 100%
  }

  .blogMomTiles__item {
      width: 100%
  }

  .blogMomBanner__box {
      flex-wrap: wrap
  }

  .blogMomBanner__imageWrapper {
      order: 2;
      position: relative;
      width: 100%;
      z-index: 30
  }

  .blogMomBanner__content {
      order: 1;
      padding: 10rem 3rem 2rem;
      width: 100%
  }

  .blogMomBanner__image {
      display: none
  }

  .blogMomBanner__imageItemMobile {
      display: block;
      margin-bottom: -.2rem;
      margin-left: auto;
      margin-right: auto;
      width: 80%
  }

  .blogMomMain__firstRow,.blogMomMain__secondRow {
      flex-wrap: wrap
  }

  .blogMomMain__content,.blogMomMain__image {
      width: 100%
  }

  .blogMomMain__boxContent {
      width: 80%
  }

  .blogMomMain__boxImage {
      width: 20%
  }

  .blogMomMain__boxImageItem {
      max-width: 10rem
  }

  .blogMomMain__boxPropInside {
      display: none
  }

  .blogMomMain__boxStars {
      bottom: unset;
      top: 0
  }

  .pageParentForm__content {
      padding: 20px;
      width: 100%
  }

  .pageParentForm__image {
      align-items: flex-end;
      display: flex;
      justify-content: flex-end;
      width: 100%
  }

  .pageParentForm__imageItem {
      width: 50%
  }

  .flexPopupCW--noImage .flexPopupCW__content {
      padding: 2rem 1rem
  }

  .flexPopupCW__prop--leftTop,.flexPopupCW__prop--middleTop,.flexPopupCW__prop--rightOne,.flexPopupCW__prop--rightTwo {
      display: none
  }

  .flexPopupCW__content {
      padding-bottom: 4rem
  }

  .flexPopupCW__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexPopupCN__prop--leftBottom,.flexPopupCN__prop--rightBottom,.flexPopupCW__image {
      display: none
  }

  .flexPopupCN__content {
      padding-bottom: 4rem
  }

  .flexPopupCN__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexPopupCN__image {
      display: none
  }

  .flexPopupWW__prop--leftTop {
      height: 30rem;
      width: 30rem
  }

  .flexPopupWW__content {
      padding-bottom: 4rem
  }

  .flexPopupWW__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexPopupWW__image {
      display: none
  }

  .flexPopupIN__content {
      padding: 2rem
  }

  .flexPopupIN__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexPopupIN__imageItem {
      width: 30%
  }

  .flexPopupIS__title {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexPopupIS__image {
      top: -5rem;
      width: 10rem
  }

  .flexBannerCW__image--mobile {
      width: 45%
  }

  .flexBannerCW__heading {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .flexBannerCWNI__heading,.flexBannerWW__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .flexBannerCSP__propIcon--topLeft {
      top: -5rem
  }

  .flexBannerCSP__propIcon--topRight {
      top: -4rem
  }

  .flexBannerCSP__propIcon--bottomLeft,.flexBannerCSP__propIcon--bottomRight {
      display: none
  }

  .flexBannerCSP__prop--left {
      left: -4rem;
      width: 12rem
  }

  html[dir=rtl] .flexBannerCSP__prop--left {
      left: unset;
      right: -4rem
  }

  .flexBannerCSP__prop--right {
      right: -30rem
  }

  html[dir=rtl] .flexBannerCSP__prop--right {
      left: -30rem;
      right: unset
  }

  .flexBannerCSP__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .flexBannerCFW__heading,.flexBannerCS__heading {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .mpBannerCW__image--mobile {
      width: 45%
  }

  .mpBannerCW__heading {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }

  .mpBannerCWNI__heading,.mpBannerWW__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .mpBannerCSP__propIcon--topLeft {
      top: -5rem
  }

  .mpBannerCSP__propIcon--topRight {
      top: -4rem
  }

  .mpBannerCSP__propIcon--bottomLeft,.mpBannerCSP__propIcon--bottomRight {
      display: none
  }

  .mpBannerCSP__prop--left {
      left: -4rem;
      width: 12rem
  }

  html[dir=rtl] .mpBannerCSP__prop--left {
      left: unset;
      right: -4rem
  }

  .mpBannerCSP__prop--right {
      right: -30rem
  }

  html[dir=rtl] .mpBannerCSP__prop--right {
      left: -30rem;
      right: unset
  }

  .mpBannerCSP__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .mpBannerCFW__heading,.mpBannerCS__heading {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3rem
  }
}

@media (max-width: 680px) {
  .footer__categoryNavHolder {
      order:2;
      width: calc(50% - 1rem)
  }

  .footer__categoryNavHolder--breakable {
      order: 1;
      width: 100%
  }

  .navbar__actionButton--noMobile {
      display: none
  }

  .blogMapQuiz__bar {
      flex-wrap: wrap;
      gap: 2rem
  }

  .blogMapQuiz__barQuestions {
      text-align: center;
      width: 100%
  }

  .blogMapQuiz__barInfo,.blogMapQuiz__mapModalWrapper {
      justify-content: center;
      width: 100%
  }

  .blogMapQuiz__mapModalWrapper {
      box-shadow: 0 0 20px rgba(0,0,0,.09);
      display: flex;
      flex-direction: column;
      min-height: 100%;
      padding: 2rem
  }

  .blogMapQuiz__mapModalIcon {
      display: none
  }

  .blogMapQuiz__mapModalFinalWrapper {
      box-shadow: 0 0 20px rgba(0,0,0,.09);
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 100%;
      padding: 2rem;
      width: 100%
  }

  .blogMemoryQuiz__bar {
      flex-wrap: wrap;
      gap: 2rem
  }

  .blogMemoryQuiz__barQuestions {
      text-align: center;
      width: 100%
  }

  .blogMemoryQuiz__barInfo {
      justify-content: center;
      width: 100%
  }

  .blogMemoryQuiz__finalHelper {
      width: 80%
  }

  .blogMemoryQuiz__finalRow {
      flex-wrap: wrap
  }

  .blogMemoryQuiz__finalRowItem {
      width: 100%
  }

  .flexBreadcrumbsWhiteImage__heading {
      font-size: 2.2rem;
      font-weight: 700;
      line-height: 2.8rem
  }

  .mpBannerPF__content,.mpBannerPF__image {
      width: 100%
  }

  .mpBannerPF__imageItem {
      display: none
  }
}

@media (max-width: 600px) {
  h1,h2 {
      font-size:2.3rem;
      font-weight: 700;
      line-height: 3.3rem
  }

  h3,h4,h5,h6 {
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 2.8rem
  }

  p {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.4rem
  }

  .container .row.row-mds-block {
      display: block
  }

  .container .row .col-mds-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-1 {
      margin-right: 0
  }

  .container .row .col-mds-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-2 {
      margin-right: 0
  }

  .container .row .col-mds-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-3 {
      margin-right: 0
  }

  .container .row .col-mds-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-4 {
      margin-right: 0
  }

  .container .row .col-mds-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-5 {
      margin-right: 0
  }

  .container .row .col-mds-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-6 {
      margin-right: 0
  }

  .container .row .col-mds-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-7 {
      margin-right: 0
  }

  .container .row .col-mds-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-8 {
      margin-right: 0
  }

  .container .row .col-mds-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-9 {
      margin-right: 0
  }

  .container .row .col-mds-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-10 {
      margin-right: 0
  }

  .container .row .col-mds-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-11 {
      margin-right: 0
  }

  .container .row .col-mds-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-mds-12 {
      margin-right: 0
  }

  .container .row .offset-col-mds-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-mds-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-mds-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-mds-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-mds-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-mds-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-mds-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-mds-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-mds-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-mds-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-mds-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-mds-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-mds-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .footer__column--medium {
      margin-top: 2rem;
      width: 100%
  }

  .mobile__langMenu {
      left: 0;
      width: 100%
  }

  .headerMain2__ctaBtn,.headerMain__ctaBtn {
      display: none
  }

  .mainCta__boxPropLeft {
      bottom: -8rem;
      width: 140%
  }

  html[dir=rtl] .mainCta__boxPropLeft {
      left: 0;
      right: unset;
      transform: scaleX(1);
      width: 140%
  }

  .mainCta__boxPropRight {
      bottom: 40%;
      left: -45%;
      transform: rotate(90deg);
      width: 100%
  }

  html[dir=rtl] .mainCta__boxPropRight {
      left: unset;
      right: -45%;
      transform: rotate(-90deg)
  }

  .popupOne__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .popupOne__text {
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .popupOne__imageItem {
      width: 70%
  }

  .popupOne__propRight {
      bottom: -2rem;
      right: 2rem
  }

  .popupOne__propTop {
      right: -20rem
  }

  .popupTwo__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 3.5rem
  }

  .popupTwo__text {
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .popupTwo__textProp {
      display: none
  }

  .popupTwo__imageItem {
      width: 70%
  }

  .popupTwo__propLeft {
      display: none
  }

  .popupTwo__propRight {
      right: -8rem
  }

  .popupTwo__propTop {
      left: -25rem
  }

  .popupThree__wrapper {
      padding-top: 5rem
  }

  .popupThree__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 3.5rem;
      padding-right: 0;
      text-align: center
  }

  .popupThree__close {
      right: 1rem;
      top: 1rem
  }

  .popupThree__propTopMobile {
      top: -4rem
  }

  .popupThree__propBottom {
      bottom: -5rem;
      left: unset;
      right: -10rem;
      top: unset;
      transform: unset
  }

  .popupThree__mobileImage {
      display: none;
      max-width: 45%
  }

  .popExtra__img {
      display: none
  }

  .popExtra__imgMob {
      display: block
  }

  .videoCategory__btn {
      justify-content: center;
      order: 5;
      width: 100%
  }

  .widgetPost {
      padding-bottom: 1rem;
      width: 100%
  }

  .post__prevNextColumn {
      padding-bottom: 4rem;
      width: 100%
  }

  .youtubePage__item iframe {
      height: 30rem
  }

  .latestPosts__left {
      padding-bottom: 4rem;
      padding-right: 0;
      width: 100%
  }

  html[dir=rtl] .latestPosts__left {
      padding-left: 0
  }

  .latestPosts__right {
      width: 100%
  }

  .bigPost__column {
      justify-content: space-between;
      width: 100%
  }

  .bigPost__column:nth-child(2) {
      display: none;
      justify-content: space-between;
      margin-top: 1rem
  }

  .midPost {
      width: 100%
  }

  .midPost:nth-child(odd) {
      padding-right: 0
  }

  .midPost:nth-child(2n),html[dir=rtl] .midPost:nth-child(odd) {
      padding-left: 0
  }

  html[dir=rtl] .midPost:nth-child(2n) {
      padding-right: 0
  }

  .midPost__actions {
      flex-wrap: wrap
  }

  .midPost__column {
      justify-content: space-between;
      width: 100%
  }

  .midPost__column:nth-child(2) {
      display: none;
      justify-content: space-between;
      margin-top: 1rem
  }

  .blogAccordionRep__itemText ul {
      width: calc(50% - 1.5rem)
  }

  .blogMapQuiz__nextBtn,.blogMapQuiz__startBtn {
      padding: 1rem
  }

  .blogMapQuiz__mapModalInfoHeading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .blogMapQuiz__mapModalInfoText {
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2rem
  }

  .blogMapQuiz__mapModalFinalScore span,.blogMapQuiz__mapModalFinalTitle {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .blogMapQuiz__mapModalFinalText {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2rem
  }

  .blogMemoryQuiz__nextBtn,.blogMemoryQuiz__startBtn {
      padding: 1rem
  }

  .blogMemoryQuiz__card {
      width: calc(50% - 1rem)
  }

  .blogMemoryQuiz__controlsStart {
      padding: 1rem
  }

  .blogMemoryQuiz__finalHeading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .blogHeader__headingItem--ny {
      width: 100%
  }

  .blogNyReward__content {
      padding: 8rem 8rem 3rem
  }

  .blogNyReward__propLeftInt,.blogNyReward__propRightInt {
      display: none
  }

  .blogNewsletter__content {
      padding: 3rem;
      width: 95%
  }

  .blogNewsletter__form {
      padding: 2rem
  }

  .blogNewsletterNew__wrapper {
      padding-top: 28rem
  }

  .blogNewsletterNew__mobileImage {
      max-width: 45%
  }

  .blogHeader__headingImage {
      display: none
  }

  .blogHeader__headingItem--mom {
      width: 100%
  }

  .flexPopupCW__wrapper {
      padding: 0 1rem
  }

  .flexPopupCW__content {
      padding-bottom: 1rem;
      padding-top: 7rem
  }

  .flexPopupCW__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexPopupCN {
      width: 95%
  }

  .flexPopupCN__content {
      padding-bottom: 1rem;
      padding-top: 7rem
  }

  .flexPopupCN__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexPopupWW {
      width: 95%
  }

  .flexPopupWW__wrapper {
      padding: 0 1rem
  }

  .flexPopupWW__content {
      padding-bottom: 1rem;
      padding-top: 7rem
  }

  .flexPopupWW__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexPopupIN {
      width: 95%
  }

  .flexPopupIN__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexPopupIS__content {
      padding: 5rem 2rem 2rem
  }

  .flexPopupIS__holder {
      padding: 0
  }

  .flexPopupIS__title {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexPopupIS__image {
      top: -4rem;
      width: 8rem
  }

  .flexPopup__formBox {
      row-gap: 1rem
  }

  .flexPopup__formField--half {
      width: 100%
  }

  .flexPopup__formInput--captcha div,.flexPopup__formInput--captcha iframe {
      width: 100%!important
  }

  .flexPopup__formAcceptance {
      font-size: 1rem
  }

  .flexBreadcrumbsStandard__wrapper {
      align-items: flex-start;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      padding: 1.7rem 2rem
  }

  .flexBreadcrumbsStandard__ctaBtn {
      width: 100%
  }

  .flexBreadcrumbsWhiteImage__wrapper {
      padding: 2rem
  }

  .flexBreadcrumbsWhiteImage__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.4rem
  }

  .flexBreadcrumbsWhiteImage__ctaBtn {
      width: 100%
  }

  .flexBannerCW__image--mobile {
      width: 60%
  }

  .flexBannerCW__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexBannerWW__header {
      justify-content: center
  }

  .flexBannerWW__heading {
      text-align: center;
      width: 100%
  }

  .flexBannerCS__prop--left {
      bottom: unset;
      left: -25rem;
      top: -30rem
  }

  html[dir=rtl] .flexBannerCS__prop--left {
      left: unset;
      right: -25rem
  }

  .flexBannerCFW__heading,.flexBannerCS__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .flexBannerWW__formBox {
      row-gap: 1rem
  }

  .flexBannerWW__formField--half {
      width: 100%
  }

  .flexBannerWW__formInput--captcha div,.flexBannerWW__formInput--captcha iframe {
      width: 100%!important
  }

  .flexBannerWW__formAcceptance {
      font-size: 1rem
  }

  .mpBannerCW__image--mobile {
      width: 60%
  }

  .mpBannerCW__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .mpBannerWW__header {
      justify-content: center
  }

  .mpBannerWW__heading {
      text-align: center;
      width: 100%
  }

  .mpBannerCS__prop--left {
      bottom: unset;
      left: -25rem;
      top: -30rem
  }

  html[dir=rtl] .mpBannerCS__prop--left {
      left: unset;
      right: -25rem
  }

  .mpBannerCFW__heading,.mpBannerCS__heading {
      font-size: 2rem;
      font-weight: 700;
      line-height: 2.5rem
  }

  .mpBannerWW__formBox {
      row-gap: 1rem
  }

  .mpBannerWW__formField--half {
      width: 100%
  }

  .mpBannerWW__formInput--captcha div,.mpBannerWW__formInput--captcha iframe {
      width: 100%!important
  }

  .mpBannerWW__formAcceptance {
      font-size: 1rem
  }

  .mpBannerPF__headingItem {
      font-size: 2.3rem;
      font-weight: 700;
      line-height: 3.3rem
  }
}

@media (max-width: 520px) {
  .flexBannerCWNI__prop--left {
      bottom:-20rem;
      height: 30rem;
      left: -20rem;
      top: unset;
      width: 30rem
  }

  html[dir=rtl] .flexBannerCWNI__prop--left {
      left: unset;
      right: -20rem
  }

  .flexBannerCWNI__prop--middle {
      display: none
  }

  .flexBannerCSP__heading,.flexBannerCWNI__heading {
      padding-left: 0;
      padding-right: 0
  }

  .mpBannerCWNI__prop--left {
      bottom: -20rem;
      height: 30rem;
      left: -20rem;
      top: unset;
      width: 30rem
  }

  html[dir=rtl] .mpBannerCWNI__prop--left {
      left: unset;
      right: -20rem
  }

  .mpBannerCWNI__prop--middle {
      display: none
  }

  .mpBannerCSP__heading,.mpBannerCWNI__heading {
      padding-left: 0;
      padding-right: 0
  }
}

@media (max-width: 480px) {
  .container .row.row-sml-block {
      display:block
  }

  .container .row .col-sml-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-1 {
      margin-right: 0
  }

  .container .row .col-sml-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-2 {
      margin-right: 0
  }

  .container .row .col-sml-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-3 {
      margin-right: 0
  }

  .container .row .col-sml-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-4 {
      margin-right: 0
  }

  .container .row .col-sml-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-5 {
      margin-right: 0
  }

  .container .row .col-sml-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-6 {
      margin-right: 0
  }

  .container .row .col-sml-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-7 {
      margin-right: 0
  }

  .container .row .col-sml-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-8 {
      margin-right: 0
  }

  .container .row .col-sml-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-9 {
      margin-right: 0
  }

  .container .row .col-sml-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-10 {
      margin-right: 0
  }

  .container .row .col-sml-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-11 {
      margin-right: 0
  }

  .container .row .col-sml-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sml-12 {
      margin-right: 0
  }

  .container .row .offset-col-sml-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-sml-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-sml-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-sml-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-sml-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-sml-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-sml-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-sml-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-sml-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-sml-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-sml-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-sml-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sml-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .footer__column--small {
      width: 100%
  }

  .footer__addLinks,.footer__menuLinks,.footer__social {
      justify-content: flex-start
  }

  .newsletterForm__row--captcha div,.newsletterForm__row--captcha iframe {
      width: 100%!important
  }

  .popupThree__mobileImage {
      max-width: 19.5rem
  }

  .youtubePage__item iframe {
      height: 25rem
  }

  .blogNySnow__propRight {
      display: none
  }

  .blogNewsletter__content {
      padding: 2rem;
      width: 95%
  }

  .blogNewsletter__form {
      padding: 1.5rem
  }

  .blogNewsletterNew__wrapper {
      padding-top: 22rem
  }

  .blogNewsletterNew__mobileImage {
      max-width: 19.5rem
  }

  .blogMomForm__heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 4rem
  }

  .blogMomMain__boxPropTop {
      top: -5rem
  }

  .blogMomMain__boxContent {
      width: 100%
  }

  .blogMomMain__boxImage,.blogMomMain__boxImageItem,.blogMomMain__boxStars,.flexBannerCW__propIcon {
      display: none
  }

  .flexBannerCW__prop--right {
      bottom: 10rem
  }

  .flexBannerCW__prop--right.flexBannerCW__prop--noImage {
      bottom: unset;
      right: -6rem;
      top: -6rem
  }

  html[dir=rtl] .flexBannerCW__prop--right.flexBannerCW__prop--noImage {
      left: -6rem;
      right: unset
  }

  .flexBannerCW__actionsBtn {
      text-align: center;
      width: 100%
  }

  .flexBannerWW__actionsBtn {
      text-align: center;
      width: 80%
  }

  .flexBannerCWNI__actionsBtn {
      text-align: center;
      width: 100%
  }

  .flexBannerCSP__propIcon--topRight {
      right: 3rem
  }

  html[dir=rtl] .flexBannerCSP__propIcon--topRight {
      left: 3rem;
      right: unset
  }

  .flexBannerCSP__actionsBtn {
      text-align: center;
      width: 80%
  }

  .flexBannerCFW__actionsBtn,.flexBannerCS__actionsBtn {
      text-align: center;
      width: 100%
  }

  .flexWidgetCI__wrapper {
      padding: 1rem
  }

  .flexWidgetWP__wrapper {
      padding: 8rem 1rem 1rem
  }

  .flexWidgetWP__wrapper--noImage {
      padding: 1rem
  }

  .mpBannerCW__propIcon {
      display: none
  }

  .mpBannerCW__prop--right {
      bottom: 10rem
  }

  .mpBannerCW__prop--right.mpBannerCW__prop--noImage {
      bottom: unset;
      right: -6rem;
      top: -6rem
  }

  html[dir=rtl] .mpBannerCW__prop--right.mpBannerCW__prop--noImage {
      left: -6rem;
      right: unset
  }

  .mpBannerCW__actionsBtn {
      text-align: center;
      width: 100%
  }

  .mpBannerWW__actionsBtn {
      text-align: center;
      width: 80%
  }

  .mpBannerCWNI__actionsBtn {
      text-align: center;
      width: 100%
  }

  .mpBannerCSP__propIcon--topRight {
      right: 3rem
  }

  html[dir=rtl] .mpBannerCSP__propIcon--topRight {
      left: 3rem;
      right: unset
  }

  .mpBannerCSP__actionsBtn {
      text-align: center;
      width: 80%
  }

  .mpBannerCFW__actionsBtn,.mpBannerCS__actionsBtn {
      text-align: center;
      width: 100%
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
      background:#000
  }
}

@media (max-width: 400px) {
  .post__extraCta--app .post__extraCtaContent {
      background-image:url(@images/cta-app-bg-xs-1.png?v=1);
      background-size: cover
  }

  .headerMain2__searchBar input[type=text],.headerMain__searchBar input[type=text] {
      min-width: unset
  }
}

@media (max-width: 360px) {
  h1,h2,h3,h4,h5,h6 {
      font-size:2rem;
      font-weight: 700;
      line-height: 3rem
  }

  p {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.4rem
  }

  .container .row.row-sm-block {
      display: block
  }

  .container .row .col-sm-1 {
      margin-left: 0;
      width: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-1 {
      margin-right: 0
  }

  .container .row .col-sm-2 {
      margin-left: 0;
      width: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-2 {
      margin-right: 0
  }

  .container .row .col-sm-3 {
      margin-left: 0;
      width: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-3 {
      margin-right: 0
  }

  .container .row .col-sm-4 {
      margin-left: 0;
      width: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-4 {
      margin-right: 0
  }

  .container .row .col-sm-5 {
      margin-left: 0;
      width: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-5 {
      margin-right: 0
  }

  .container .row .col-sm-6 {
      margin-left: 0;
      width: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-6 {
      margin-right: 0
  }

  .container .row .col-sm-7 {
      margin-left: 0;
      width: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-7 {
      margin-right: 0
  }

  .container .row .col-sm-8 {
      margin-left: 0;
      width: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-8 {
      margin-right: 0
  }

  .container .row .col-sm-9 {
      margin-left: 0;
      width: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-9 {
      margin-right: 0
  }

  .container .row .col-sm-10 {
      margin-left: 0;
      width: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-10 {
      margin-right: 0
  }

  .container .row .col-sm-11 {
      margin-left: 0;
      width: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-11 {
      margin-right: 0
  }

  .container .row .col-sm-12 {
      margin-left: 0;
      width: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .col-sm-12 {
      margin-right: 0
  }

  .container .row .offset-col-sm-1 {
      margin-left: 8.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-1 {
      margin-left: 0;
      margin-right: 8.3333333333%
  }

  .container .row .offset-col-sm-2 {
      margin-left: 16.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-2 {
      margin-left: 0;
      margin-right: 16.6666666667%
  }

  .container .row .offset-col-sm-3 {
      margin-left: 25%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-3 {
      margin-left: 0;
      margin-right: 25%
  }

  .container .row .offset-col-sm-4 {
      margin-left: 33.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-4 {
      margin-left: 0;
      margin-right: 33.3333333333%
  }

  .container .row .offset-col-sm-5 {
      margin-left: 41.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-5 {
      margin-left: 0;
      margin-right: 41.6666666667%
  }

  .container .row .offset-col-sm-6 {
      margin-left: 50%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-6 {
      margin-left: 0;
      margin-right: 50%
  }

  .container .row .offset-col-sm-7 {
      margin-left: 58.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-7 {
      margin-left: 0;
      margin-right: 58.3333333333%
  }

  .container .row .offset-col-sm-8 {
      margin-left: 66.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-8 {
      margin-left: 0;
      margin-right: 66.6666666667%
  }

  .container .row .offset-col-sm-9 {
      margin-left: 75%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-9 {
      margin-left: 0;
      margin-right: 75%
  }

  .container .row .offset-col-sm-10 {
      margin-left: 83.3333333333%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-10 {
      margin-left: 0;
      margin-right: 83.3333333333%
  }

  .container .row .offset-col-sm-11 {
      margin-left: 91.6666666667%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-11 {
      margin-left: 0;
      margin-right: 91.6666666667%
  }

  .container .row .offset-col-sm-12 {
      margin-left: 100%
  }

  html[dir=rtl] html[dir=rtl] .container .row .offset-col-sm-12 {
      margin-left: 0;
      margin-right: 100%
  }

  .breadcrumbs img,.breadcrumbs svg {
      height: 1.5rem;
      top: .2rem
  }

  .blogNewsletterNew__wrapper {
      padding-top: 22rem
  }

  .mpBannerPF__headingItem {
      font-size: 2rem;
      font-weight: 700;
      line-height: 3rem
  }
}

@media ((min-width: 640px) and (max-width:880px)) or (min-width:1024px) {
  .comments-banner {
      min-height:376px
  }

  .comments-banner__pics {
      height: 100%;
      min-width: 300px;
      position: absolute;
      right: 0;
      top: 0;
      width: 30%
  }

  .comments-banner__text {
      margin: 75px 350px 90px 8%
  }

  .comments-banner__text p {
      color: var(--text);
      font-size: var(--font-size);
      font-weight: 700;
      line-height: 1.2em
  }

  .comments-banner__arrow {
      bottom: 40px;
      left: 3%;
      position: absolute;
      width: 40px
  }

  .comments-banner__curve {
      height: 100%;
      left: unset;
      right: 0;
      top: 0
  }

  .comments-banner__curve svg {
      height: 100%;
      position: relative
  }

  .comments-banner__tablet {
      left: -40px;
      top: 30px;
      width: 166px
  }

  .comments-banner__notebook {
      top: 90px;
      width: 140px
  }

  .comments-banner__hat {
      bottom: 0;
      left: 20%;
      top: unset;
      width: 280px
  }

  .comments-banner .star1 {
      left: 50%;
      top: 35px;
      width: 44px
  }

  .comments-banner .star2 {
      bottom: 30px;
      left: -140px;
      top: unset;
      width: 44px
  }

  .comments-banner .star3 {
      bottom: 30px;
      left: unset;
      right: 50px;
      top: unset;
      width: 67px
  }

  .comments-banner .mobile {
      display: none
  }

  .comments-banner .tablet {
      display: block
  }
}

@media (min-width: 640px) {
  .comments-banner {
      --font-size:25px
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
      flex-direction:row;
      height: auto;
      width: auto
  }

  .glightbox-container .ginner-container.desc-top .gslide-description {
      order: 0
  }

  .glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img {
      order: 1
  }

  .glightbox-container .ginner-container.desc-left .gslide-description {
      order: 0
  }

  .glightbox-container .ginner-container.desc-left .gslide-image {
      order: 1
  }

  .gslide-image img {
      max-height: 97vh;
      max-width: calc(100% - 20px);
      max-width: 100%
  }

  .gslide-image img.zoomable {
      cursor: zoom-in
  }

  .zoomed .gslide-image img.zoomable {
      cursor: -webkit-grab;
      cursor: grab
  }

  .gslide-external,.gslide-inline {
      max-height: 95vh
  }

  .gslide-description.description-left,.gslide-description.description-right {
      max-width: 275px
  }

  .glightbox-open {
      height: auto
  }

  .goverlay {
      background: rgba(0,0,0,.92)
  }

  .glightbox-clean .gslide-media,.glightbox-modern .gslide-media {
      box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65)
  }

  .glightbox-clean .gnext,.glightbox-clean .gprev,.glightbox-modern .gnext,.glightbox-modern .gprev {
      top: 45%
  }

  .postFaq h3 {
      color: #210a74;
      font-size: 48px;
      line-height: 64px;
      margin-bottom: 60px;
      text-align: center
  }

  .faqItem {
      border-radius: 36px
  }
}

@media (min-width: 866px) {
  main {
      overflow:unset
  }

  main .post__extraCta,main .post__extraCta--bottom {
      position: -webkit-sticky!important;
      position: sticky!important;
      top: 14rem!important;
      width: 100%!important;
      transition: .5s !important;
  }

  main .post__extraCta--fixed {
    position: fixed!important;
  }

  main .post__extraCtaBackground {
      position: absolute
  }

  main .post__extraCtaContent {
      margin-bottom: 32px;
      margin-top: 50px;
      position: relative!important;
      top: 0!important;
      transform: none!important
  }

  main .page__postSidebar .post__extraCta {
      align-items: center;
      display: flex!important;
      flex-direction: column;
      padding-inline:0!important;transition: none!important
  }

  main .askMore__subheader:before {
      display: none
  }

  main.askMoreBanner .page__postSidebar .askMore__container {
      display: flex;
      gap: 10px
  }

  main.askMoreBanner .page__postSidebar .askMore__header {
      margin-bottom: 6px
  }

  main.askMoreBanner .page__content .askMore {
      display: none
  }
}

@media (min-width: 880px) {
  .comments-banner {
      --font-size:20px
  }

  .page__postSharing {
      justify-content: flex-end
  }
}

@media (min-width: 881px) {
  .newCategories2__menuMobileBox {
      display:none
  }

  .navbar2__mobile {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      max-width: calc(100% - 13.5rem);
      overflow: visible!important
  }

  .navbar2__srch {
      height: 0;
      position: relative;
      right: 130px;
      width: 320px
  }

  .navbar2__act {
      height: 9rem;
      order: 2;
      width: unset
  }

  .navbar2__chooseCat {
      display: none
  }

  .navbar2__searchbox {
      max-width: 80px;
      order: 1;
      width: unset
  }

  .navbar2__allCats {
      align-items: center;
      display: flex;
      height: 9rem;
      width: 18rem
  }

  .navbar2__fullMenuWrapper {
      background: #8b6bff;
      border-radius: 0 0 3rem 3rem;
      display: grid;
      grid-template-rows: 0fr;
      left: 0;
      max-height: 9999px;
      opacity: 0;
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      top: 5.5rem;
      transition: all .5s ease-in-out
  }

  .navbar2__fullMenuWrapper ul {
      overflow: hidden
  }

  .navbar2__categoriesListOpen {
      display: flex
  }

  .navbar2 #allCat:checked~.navbar2__fullMenuWrapper {
      grid-template-rows: 1fr!important;
      opacity: 1;
      pointer-events: all
  }

  .navbar2 {
      background: linear-gradient(180deg,#ff6072 50%,#ff6072 9rem,#8b6bff 0,#8b6bff);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100% 18rem
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose,.glightbox-modern .gclose {
      right:20px
  }
}

@media (min-width: 1280px) {
  .comments-banner {
      --font-size:30px
  }
}

@media (min-width: 1281px) {
  .post__extraCta--app .post__extraCtaTitle {
      padding-inline:4rem
  }

  .post__extraCta--app .post__extraCtaContent:before {
      background-image: url(@images/cta-app-stars.png?v=1);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 90% auto;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%
  }

  .postFaq__bg {
      display: block;
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 100%;
      z-index: 1
  }
}

@media (min-width: 1599px) {
  .postFaq {
      margin-inline:-50px;
      min-height: 500px
  }
}