:root {
  --container-size: 1390px;
  --container-padding: 24px;
  --font-size-p: 18px;
  --line-height-p: 27px;
  --font-weight-p: 300;
  --margin-bottom-global: 15px;
}

header#masthead a#logo {
  width: 147px;
  height: 26px;
}

header#masthead .container {
  height: 80px;
}

header#masthead.stick .container {
  height: 58px;
}

header#masthead.stick a#logo img {
  transform: scale(1);
}

header#masthead #menu-toggle {
  position: relative;
}

header#masthead #menu-toggle span:last-of-type {
  transition: var(--transition-1);
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  /* width:50px; */
  display: inline-block;
  opacity: 1;
  transition: var(--transition-1);
  position: relative;
}

header#masthead #menu-toggle .icon-burger {
  transition: var(--transition-1);
  position: absolute;
  left: -20px;
}

header#masthead.stick #menu-toggle .icon-burger {
  position: absolute;
  transform: translateX(57px);
}

header#masthead.stick #menu-toggle span:last-of-type {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  visibility: hidden;
  opacity: 0;
}

header#masthead .main-navigation-wrapper {
  padding: 12% 8%;
}

header#masthead .main-navigation-wrapper {
  width: 100vw;
  background: linear-gradient(123.12deg,
      rgb(92 75 159) -42.74%,
      rgb(10 3 37) 60.49%);
}

header#masthead .main-navigation-wrapper .menu {
  margin: 60px 0 10vh 0;
}

header#masthead .main-navigation-wrapper .menu li a {
  font-size: 24px;
}

header#masthead .modular_component-social-icons {
  margin: 30px 0 0 0;
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  gap: inherit;
}

.modular__component-text-block .component-text-block-heading {
  font-size: 35px;
  text-align: left;
  margin: 25px 0 15px 0;
}

.modular__component-full-width-cards .full-width-cards-item .full-width-cards-item-heading {
  font-size: 20px;
  padding: 16px 16px 0 16px;
  display: block;
}

.modular__component-full-width-cards .full-width-cards-item {
  padding: 3px 3px 50px 3px;
  border-radius: 0 4px;
  background: linear-gradient(153.86deg,
      rgba(74, 74, 99, 0.57) 3.11%,
      rgba(73, 73, 98, 0) 98.25%);
  /* background: linear-gradient(155.33deg, #4A4A63 42.25%, rgba(73, 73, 98, 0) 95.02%); */
  box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset,
    1px 1px 1px 0px rgba(255, 255, 255, 0.25) inset;
}

.modular__component-full-width-cards .full-width-cards-item .row {
  flex-direction: column-reverse;
}

.modular__component-full-width-cards .full-width-cards-item figure {
  min-height: unset;
  height: 215px;
  border-radius: 0 4px;
}

.modular__component-full-width-cards .full-width-cards-item figure img {
  border-radius: 0 4px;
}

.modular__component-full-width-cards .full-width-cards-item p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 12px;
  padding: 0 16px;
}

.modular__component-full-width-cards .full-width-cards-item a {
  right: -1px;
  bottom: -1px;
  left: unset;
  border-right: unset;
  border-left: 1px solid rgb(255 255 255 / 26%);
  border-radius: 10px 0 0 0;
  font-size: 13px;
  width: 100px;
  height: 30px;
}

.modular__component-full-width-cards .full-width-cards-item a:after {
  border-radius: 0 0 8px 0;
  left: -12px;
  box-shadow: 7px 7px 0 var(--primary-color);
  border-right: 1px solid rgb(255 255 255 / 18%);
  border-left: unset;
}

.modular__component-full-width-cards .full-width-cards-item a i {
  width: 8px;
  height: 8px;
  border: 2px solid var(--text-color);
  margin: -1px 1px 0 1px;
}

.modular__component-full-width-cards .full-width-cards-item:hover figure {
  transform: scale(1);
}

.modular__component-full-width-cards .full-width-cards-item figure:before {
  display: none;
}

.modular__component-full-width-cards .full-width-cards-item:hover a {
  width: 120px;
  box-shadow: unset;
}

.modular__component-full-width-cards .full-width-cards-item:before {
  background: linear-gradient(155.33deg,
      #4a4a63 42.25%,
      rgba(73, 73, 98, 0) 95.02%);
  box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.5) inset,
    1px 1px 1px 0px rgba(255, 255, 255, 0.5) inset;
  border-radius: 0 4px;
  /* opacity:1; */
}

.modular__component-get-in-touch-curve {
  padding: 240px 0 50px 0;
}

.modular__component-get-in-touch-curve #get-in-touch-curve-elm:before {
  height: 67%;
  box-shadow: 0px -8px 100px #00e9dd, 0px -117px 69px rgb(161 7 192 / 98%);
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.modular__component-get-in-touch-curve>b {
  text-align: center;
  font-size: 38px;
  top: 80px;
  position: relative;
}

.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 80px;
}

footer#colophon {
  height: auto;
  padding-top: 100px;
}

.site-footer-wrapper {
  height: auto;
}

footer#colophon:before {
  background: linear-gradient(271.1deg,
      rgb(104 47 147 / 44%) 13.52%,
      rgba(144, 114, 229, 0.44) 35.64%,
      rgba(111, 106, 230, 0.44) 51.86%,
      rgba(88, 14, 94, 0.44) 80.38%);
  height: 100%;
  opacity: 0.6;
  filter: blur(86.5px);
}

.site-footer-nav ul {
  flex-wrap: wrap;
  height: auto;
  gap: 40px 10px;
  padding: 40px 0;
  justify-content: flex-start;
}

.site-footer-nav ul li {
  width: 42%;
}

.site-footer-nav ul #nav__footer-bottom-line {
  display: none;
}

footer#colophon .container {
  margin: 80px auto 0 auto;
}

.col-12.col-md-6.site-footer-social {
  justify-content: flex-start;
}

.col-12.col-md-6.site-footer-social .modular_component-social-icons {
  margin: 30px 0 0 0;
  /* gap: 18%; */
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  gap: inherit;
}

.site-footer-contact ul li {
  gap: 10px;
}

.site-footer-contact ul li span {
  font-size: 16px;
}

.site-footer-contact ul li a {
  font-size: 15px;
}

.site-footer-contact ul {
  margin-top: 10px;
}

.modular__component-option-navigation-items-wrapper h1 {
  font-size: 60px;
  margin-top: 120px;
}

.modular__component-option-navigation-items-wrapper {
  gap: 75px;
}

.modular__component-option-navigation-items-wrapper>nav {
  overflow: scroll;
  width: 100%;
}

.modular__component-option-navigation-items-wrapper nav ul {
  gap: 30px;
  padding: 0 10px;
}

.modular__component-option-navigation-items-wrapper nav ul li {
  display: flex;
}

.modular__component-option-navigation-items-wrapper nav ul li button {
  font-size: 20px;
  padding: 8px;
}

.modular__component-feature-works.archive-feature-works {
  margin-top: 40px;
}

main section.container:has(.archive-feature-works) {
  padding: 0 10px;
}

.archive-feature-works .feature-works-item.width-full {
  width: 100%;
}

.archive-feature-works .feature-works-item.width-half {
  width: 50%;
}

.modular__component-feature-works .feature-works-item a figure {
  height: 221px;
  border-radius: 0 5px;
}

.modular__component-feature-works .feature-works-item a figure img {
  border-radius: 0 5px;
  object-position: top;
}

.modular__component-feature-works .feature-works-item a {
  min-height: auto;
  border-radius: 0 5px;
}

.modular__component-feature-works .feature-works-item #feature-works-item-head {
  font-size: 22px;
  padding: 0 10px 5px 10px;
}

.modular__component-feature-works .feature-works-item #feature-works-item-cat {
  font-size: 10px;
  padding: 5px 10px 0 10px;
}

.modular__component-feature-works .feature-works-item a span#feature-works-item-detail {
  display: none;
}

.archive-feature-works .feature-works-item {
  padding: 3px;
}

.modular__component-option-also-like .component-option-also-like-item a {
  width: auto;
  height: auto;
  min-height: auto;
}

.option-also-like-heading {
  font-size: 42px;
  margin-bottom: 40px;
}

.modular__component-full-width-image-title {
  height: auto;
}

.modular__component-full-width-image-title figure img {
  position: relative;
  margin-top: 10px;
}

.modular__component-single-work-intro {
  padding: 20px;
  flex-direction: column;
}

.modular__component-single-work-intro .single-work-intro-main-title,
.modular__component-single-work-intro .single-work-intro-content {
  width: 100%;
}

body.single.single-work h1 {
  font-size: 9vw;
}

body.single.single-work h2 {
  font-size: 32px;
}

body.single.single-work h3 {
  font-size: 24px;
}

.modular__component-single-work-intro .single-work-intro-main-title .main-title {
  /* font-size: 45px; */
  font-size: 10vw;
}

.modular__component-single-work-intro .single-work-intro-content .title {
  font-size: 24px;
  margin-top: 30px;
}

.modular__component-single-work-heading .single-work-heading-title {
  font-size: 35px;
}

.modular__component-single-work-content .single-work-content-title {
  font-size: 24px;
}

.single-work-testimonial-heading,
.single-work-related-heading {
  font-size: 39px;
}

.contact-section-1-wrapper-context #lets-talk-contact-us span {
  font-size: 70px;
}

button#contact-section-1-wrapper-form-copy {
  max-width: 100%;
  font-size: 4.5vw;
  width: 100%;
}

.modular__component-about-us-hero {
  height: auto;
}

.modular__component-about-us-hero>figure {
  position: relative;
  height: 300px;
  margin-top: 10px;
}

.modular__component-about-us-hero>figure:after {
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 67.45%,
      rgba(10, 3, 37, 0) 67.46%,
      #0a0325 100%);
}

.modular__component-about-us-hero .about-us-hero-content {
  position: relative;
  top: -40px;
}

.modular__component-about-us-hero .about-us-hero-content .title {
  padding-top: 0;
}

.modular__component-about-us-hero .about-us-hero-content .title {
  gap: 0px;
}

.modular__component-about-us-hero .about-us-hero-content .title p:first-of-type {
  font-weight: 300;
  font-size: 30px;
}

.modular__component-about-us-hero .about-us-hero-content .title p:last-of-type {
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  line-height: 40px;
}

.modular__component-about-us-hero .about-us-hero-content .component_headings {
  margin: 70px auto 10px auto;
  font-size: 35px;
}

.modular__component-about-us-hero .about-us-hero-content>p {
  text-align: center;
  font-size: 18px;
}

.modular__component-about-us-vision .component_headings {
  font-size: 35px;
}

.modular__component-about-us-vision .about-us-vision-wrapper {
  padding: 23px;
}

.modular__component-about-us-vision .about-us-vision-wrapper .row {
  flex-direction: column-reverse;
}

.component_headings {
  font-size: 35px;
  margin-bottom: 40px;
}

.modular__component-testimonial-carousel .testimonial-carousel-item {
  height: auto;
}

.testimonial-carousel-item .testimonial-carousel-item-meta {
  flex-wrap: wrap;
  padding: 15px;
  gap: 10px;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context {
  width: calc(100% - 90px);
}

.testimonial-carousel-item .testimonial-carousel-item-content {
  padding: 0 15px 15px 15px;
}

.testimonial-carousel-item .testimonial-carousel-item-meta figure {
  width: 80px;
  height: 100%;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p .name {
  font-size: 19px;
  line-height: 27px;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:first-of-type span {
  font-size: 12px;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type {
  width: 100%;
  flex-wrap: wrap;
  padding: 2px;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type img {
  width: 40%;
  height: auto;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type span {
  font-size: 11px;
}

.modular__component-df_sutdio_section>figure {
  height: 463px !important;
}

.modular__component-df_sutdio_section .container {
  margin-top: -50%;
}

.modular__component-df_sutdio_section .df_sutdio_section-wrapper {
  padding: 24px;
}

.contact-info-map-details {
  margin-top: -100px;
  padding: 0 var(--container-padding);
}

.modular__component-contact-info-map .contact-info-map-globe picture {
  overflow: hidden;
}

.modular__component-contact-info-map .contact-info-map-globe picture img {
  width: 100%;
  min-width: 350px;
  max-width: 430px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.modular__component-contact-info-map .contact-info-map-globe ul {
  width: 100%;
  min-width: 350px;
  max-width: 430px;
  height: 100%;
  /* position:relative; */
  position: absolute;
  /* display:none; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

section.container:has(.modular__component-contact-info-map) {
  padding: 0;
  max-width: 100%;
  overflow: hidden;
}

.modular__component-contact-info-map .contact-info-map-globe ul li#warsaw {
  left: 63%;
  top: 23%;
  transform: scale(0.5);
}

.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam {
  left: 60%;
  top: 22%;
  transform: scale(0.5);
}

.modular__component-contact-info-map .contact-info-map-globe ul li#london {
  left: 53%;
  top: 9%;
  transform: scale(0.5);
}

.modular__component-contact-info-map .contact-info-map-globe ul li#toronto {
  left: 6%;
  top: 7%;
  transform: scale(0.5);
}

.modular__component-contact-info-map .contact-info-map-globe {
  height: 411px;
}

.contact-info-map-details .contact-info-map-details-item {
  padding-left: 0;
  padding: 15px 0;
  height: auto;
}

.contact-info-map-details .col-12:not(.col-12:first-of-type) {
  border-left: none;
}

.contact-info-map-details .col-12:not(.col-12:first-of-type) .contact-info-map-details-item {
  border-top: 1px solid #42386c;
}

.contact-section-1-wrapper-context .modular_component-social-icons {
  display: none;
}

body.page-id-213 section.modular__component-contact-section-1 {
  background: conic-gradient(from 270deg at 90.89% 32.93%,
      #261c4a 0deg,
      #201644 6.55deg,
      #1d153e 12.8deg,
      #0a0325 360deg),
    linear-gradient(180deg, rgb(96 23 23) 55.11%, #0a0325 100%);
}

.modular__component-multi-slider .multi-slider-content-wrapper .multi-slider-content-heading {
  font-size: 40px;
  text-align: left;
}

.modular__component-multi-slider .multi-slider-content-wrapper p {
  font-size: 4.32vw;
  text-align: left;
  text-wrap: wrap;
  display: inlnie-block;
  width: 90%;
  line-height: 30px;
}

.modular__component-multi-slider .multi-slider-content-wrapper {
  padding: 0 15px;
  width: 100%;
}

.roadmap_section-item {
  padding: 23px;
  flex-direction: column !important;
}

.roadmap_section-item .item-content .title {
  font-size: 26px;
  line-height: 31px;
}

.roadmap_section-item .item-content p {
  font-size: 18px;
  line-height: 27px;
}

.roadmap_section-item.even figure img {
  margin-left: auto;
  display: block;
}

.modular__component-partners .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modular__component-partners .swiper-slide img {
  width: 80%;
  height: 80px;
  object-fit: contain;
}

.modular__component-df_sutdio_section>figure img {
  max-width: 100%;
  height: auto;
}

.modular__component-feature-works .feature-works-cta {
  max-width: calc(100% - 30px);
  padding: 40px;
  min-height: 370px;
  --n: 20;
  --d: 5deg;
  --t: 2px;
  --c: linear-gradient(-45deg, var(--third-color) 10%, var(--secondary-color));
}

.modular__component-feature-works .feature-works-cta:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  border-radius: 0 10px 0 10px;
  top: 0;
  inset: 0;
  padding: var(--t);
  background: var(--c);
  mask: linear-gradient(#0000 0 0) content-box,
    repeating-conic-gradient(from calc(var(--d) / 2),
      #000 0 calc(360deg / var(--n) - var(--d)),
      #0000 0 calc(360deg / var(--n)));
  mask-composite: intersect;
  z-index: 2;
}

.modular__component-feature-works .feature-works-cta #feature-works-cta-context {
  margin: 30px 0;
}

.modular__component-feature-works .feature-works-cta #feature-works-cta-btn {
  font-size: 18px;
  z-index: 4;
}

@keyframes cta_btn_grad {
  from {
    background-position: -150px -40px;
  }

  to {
    background-position: 0;
  }
}

.modular__component-articles .component-articles-item>a:before {
  left: -18px;
  bottom: -4px;
  background: linear-gradient(317deg, #fff, transparent 20%) no-repeat;
}

.modular__component-comprehensive-roadmap {
  margin-bottom: 5px;
}

.modular__component-comprehensive-roadmap .component_headings {
  font-size: 32px;
}

object#comprehensive-roadmap-wave-mobile,
img#comprehensive-roadmap-wave-mobile {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.blog-archive-hero-heading {
  margin-top: 30px !important;
}

section.modular__theme_blog-archive-hero .blog-archive-hero-title {
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}

section.modular__theme_blog-archive-hero .blog-archive-hero-subtitle {
  font-size: 35px;
  text-align: center;
}

section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post {
  margin-top: 30px;
}

section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .component_headings {
  font-size: 30px;
}

section.modular__theme_blog-archive-hero {
  padding-bottom: 60px;
}

.blog-archive-hero-featured-post .modular__component-articles .component-articles-item>a i {
  width: 5px;
  height: 5px;
  margin: 0 1.5px 0px 1.5px;
}

section.modular__component-blog-archive-videos .row {
  width: 100%;
}

.blog-archive-ebooks-carousel .swiper {
  width: 100% !important;
}

section.modular__component-blog-archive-ebooks .swiper-button-prev,
section.modular__component-blog-archive-ebooks .swiper-button-next {
  bottom: 0 !important;
  top: unset;
}

section.modular__component-blog-archive-ebooks {
  padding: 50px 0;
}

.article-component-white.component-articles-item>a:before {
  left: -15px;
}

.modular__component-blog-archive-posts {
  margin-top: 20px;
}

div#blog-archive-posts-sidebar-mobile-filter {
  margin-bottom: 30px;
}

div#blog-archive-posts-sidebar-mobile-filter button {
  border: 1px solid rgba(217, 217, 217, 1);
  width: 100%;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
}

div#blog-archive-posts-sidebar-mobile-filter button span {
  color: rgba(41, 45, 50, 1);
  font-size: 20px;
}

div#blog-archive-posts-sidebar-mobile-filter button span.icon-filter {
  font-size: 12px;
}

.blog-archive-posts-sidebar {
  position: fixed;
  top: unset;
  bottom: 0;
  background: #fff;
  left: 0;
  z-index: 99;
  padding: 20px 25px;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 10px 20px 5px #35353542;
  transform: translateY(100%);
  /* opacity: 0; */
  transition: var(--transition-1);
  max-height: 90vh;
  overflow: scroll;
}

.blog-archive-posts-sidebar.active {
  transform: translateY(0);
  /* opacity: 1; */
}

.blog-archive-posts-sidebar form>b span {
  color: rgba(41, 45, 50, 1);
  font-size: 15px;
  background: rgba(249, 249, 249, 1);
  padding: 10px;
  border-radius: 50%;
}

.blog-archive-posts-sidebar form>b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.blog-archive-posts-sidebar form fieldset.search {
  margin-bottom: 5px;
}

.blog-archive-posts-sidebar form fieldset.category ul {
  gap: 7px;
}

.blog-archive-posts-sidebar form fieldset.category ul li label {
  padding: 7px;
}

.blog-archive-posts-sidebar form fieldset.submit {
  margin-top: 15px;
}

.blog-archive-posts-sidebar form fieldset.category ul li span,
.blog-archive-posts-sidebar form fieldset.sortby ul li span {
  font-size: 15px;
}

b#result-response {
  font-size: 25px;
  text-align: center;
  top: -5px;
}

section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item .carousle-item-title {
  padding: 30px 0 0 10px;
  max-width: 50%;
  font-size: 18px;
}

section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item figure {
  width: auto !important;
}

section.modular__component-blog-archive-videos .col-12:has(.blog-archive-videos-item) {
  padding: 0;
}

section.modular__component-blog-archive-videos .blog-archive-videos-item figure {
  height: 214px;
}

section.modular__component-blog-archive-videos .blog-archive-videos-item {
  height: 281px;
}

footer#colophon.footer_white {
  height: auto !important;
  margin-top: 105px;
  padding-top: 0;
}

footer.footer_white .site-footer-wrapper {
  padding: 30px 0;
}

footer.footer_white .site-footer-col-1 nav,
footer.footer_white .site-footer-col-2 nav {
  margin: 10px 0;
  background: #fff;
  padding: 15px;
  border: 1px solid rgba(236, 236, 237, 1);
  border-radius: 5px;
}

footer.footer_white .site-footer-col-1 nav ul,
footer.footer_white .site-footer-col-2 nav ul {
  margin-top: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-1);
  transform: scaleY(0);
}

footer.footer_white .site-footer-col-1 nav ul li:first-of-type,
footer.footer_white .site-footer-col-2 nav ul li:first-of-type {
  margin-top: 10px;
}

footer.footer_white nav button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

footer.footer_white nav button span:first-of-type {
  color: rgba(10, 3, 37, 1);
  font-family: var(--font-1);
  font-size: 20px;
  font-weight: 400;
}

footer.footer_white nav button span:last-of-type {
  color: rgba(10, 3, 37, 1);
  font-family: var(--font-1);
  font-size: 12px;
}

footer.footer_white .site-footer-col-1 nav button .icon-arrow-down,
footer.footer_white .site-footer-col-2 nav button .icon-arrow-down {
  transition: var(--transition-1);
}

footer.footer_white .site-footer-col-1 nav.active ul,
footer.footer_white .site-footer-col-2 nav.active ul {
  height: var(--h);
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

footer.footer_white .site-footer-col-1 nav.active button .icon-arrow-down,
footer.footer_white .site-footer-col-2 nav.active button .icon-arrow-down {
  transform: rotate(180deg);
}

.single-post-content-toc {
  position: fixed;
  top: 80px;
  height: 50px;
  overflow: hidden;
  transition: var(--transition-1);
  left: 0;
  width: 100% !important;
  /* display:none !important; */
  background: #fff;
  border-bottom: 1px solid rgba(236, 236, 237, 1);
  border-top: 1px solid rgba(236, 236, 237, 1);
  overflow: hidden;
  scroll-behavior: smooth;
  z-index: 9;
}

.single-post-content-toc.active {
  box-shadow: 0 2px 25px 2px #00000040;
  /* height: 50vh; */
  height: calc(50px + var(--h) + 5px);
  overflow: scroll;
  z-index: 9;
}

.single-post-content-toc-wrapper ul {
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-1);
  padding: 0 15px 10px 15px;
}

.single-post-content-toc.active .single-post-content-toc-wrapper ul {
  opacity: 1;
  visibility: visible;
}

.modular__component-single-post-content .single-post-content-toc-wrapper button {
  margin: 0;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  justify-content: space-between;
  width: 100%;
}

.modular__component-single-post-content .single-post-content-toc-wrapper button i {
  font-style: normal;
}

.modular__component-single-post-content .single-post-content-toc-wrapper button span {
  color: rgba(41, 45, 50, 1);
  font-size: 9px;
  transition: var(--transition-1);
}

.single-post-content-toc.active .single-post-content-toc-wrapper button span {
  transform: rotate(180deg);
}

body:has(header#masthead.stick) .single-post-content-toc {
  top: 58px;
}

body.single-post .modular__component-breadcrumb {
  margin-top: 65px;
}

body.single-post .modular__component-breadcrumb nav ol li:last-of-type a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.modular__component-single-post-title-meta h1 {
  font-size: 28px;
  line-height: 40px;
}

.modular__component-single-post-title-meta ul.post-meta * {
  font-size: 18px;
}

.modular__component-single-post-content>figure {
  margin-top: 15px;
}

.modular__component-single-post-content .single-post-content-body {
  width: 100%;
}

.modular__component-single-post-content .single-post-content-context h2 {
  font-size: 28px;
}

.modular__component-single-post-content .single-post-content-context h3 {
  font-size: 26px;
}

.modular__component-single-post-content .single-post-content-body iframe {
  max-width: 100%;
}

.modular__component-single-post-content .single-post-content-context img {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.single-post-content-tag-cta .row {
  flex-direction: column-reverse;
  gap: 20px;
}

.single-post-content-comment-header {
  flex-direction: column;
}

section.sinlge-post-related-articles .component-articles-item>a:before {
  left: -20px;
  top: 15px;
}

section.sinlge-post-related-articles .component-articles-item>a i {
  width: 6px;
  height: 6px;
  margin: 0 1.5px -2px 1.5px;
}

.modular__component-what-we-do-grid .what-we-do-grid-wrapper {
  grid-template-columns: repeat(1, 1fr);
  max-width: 100%;
}

.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item {
  width: 100%;
  padding: 50px 5% 30px 5%;
  height: auto;
}

.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item>p {
  line-height: 25px;
  font-size: 16px;
}

.modular__component-digital-marketing-lamps .lamps {
  display: none;
}

.what_we_do_grid_basics-col {
  max-width: 100%;
  flex-direction: column;
}

.what_we_do_grid_basics-wrapper {
  flex-direction: column;
}

.what_we_do_grid_basics-item {
  padding: 50px 30px 30px;
  min-height: 440px !important;
}

.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper .what_we_do_grid_basics-col {
  max-width: calc(100% - (2 * var(--container-padding)));
  margin: 0 auto;
}

.how_we_do_it-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.how_we_do_it-wrapper-item {
  width: 281px;
}

.how_we_do_it-wrapper-item img {
  transform: scale(0.95) translate(-50%, -50%);
}

.modular__component-hexagon_digital_marketing figure svg {
  height: 940px;
}

.modular__component-digital-marketing-lamps .content {
  max-width: calc(100% - (2 * var(--container-padding)));
}

.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper:before,
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper:after {
  display: none;
}

.modular__component-what_else_we_do {
  overflow: visible;
  position: relative;
  margin: 200px 0;
}

.modular__component-what_else_we_do .what_else_we_do-header>p {
  font-size: 28px;
}

.modular__component-what_else_we_do .what_else_we_do-header .component_headings {
  font-size: 28px;
}

.modular__component-what_else_we_do:before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  display: block;
  background: url("/wp-content/themes/dreamfarm/assets/media/what-else-m.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 180px;
}

.modular__component-what_else_we_do:after {
  content: "";
  position: absolute;
  bottom: -200px;
  left: 0;
  display: block;
  background: url("/wp-content/themes/dreamfarm/assets/media/what-else-m.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 180px;
  transform: scaleY(-1);
}

button.show_more_grids {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin-top: 20px;
}

button.show_more_grids * {
  color: var(--third-color);
}

button.show_more_grids span {
  font-size: 10px;
}

button.show_more_grids p {
  font-weight: 400;
}

.what_we_do_grid_basics-item>p {
  max-height: 90px;
}

.what_we_do_grid_basics-item:hover>p {
  max-height: 90px;
}

.what_we_do_grid_basics-item:hover>p:after {
  /* opacity: 1; */
}

.what_we_do_grid_basics-item>p.active {
  max-height: 500px;
}

.what_we_do_grid_basics-item>p.active:after {
  opacity: 0;
}

button.show_more_grids.active span {
  transform: rotate(180deg);
}

.modular__component-multi-slider {
  height: 70vh !important;
}

body.home .modular__component-multi-slider {
  height: 100vh !important;
}

.what-we-do-grid-wrapper .what-we-do-grid-item:last-of-type {
  grid-column: auto;
}

.iframe-text-iframe iframe {
  /* max-width: 100%;
    width: 100% !important;
    height: 170px !important;
    margin: 0 auto;
    display: block; */
  display: none;
}

.iframe-text-iframe {
  display: none;
}

.modular__component-iframe-text .iframe-text-context .component_headings {
  font-size: 18px;
}

.modular__component-apple-vision .apple-vision-context {
  min-height: 660px;
}

.modular__component-iframe-text .iframe-text-context,
.modular__component-apple-vision .apple-vision-context,
.modular__component-why-us .why-us-context {
  margin: 0 var(--container-padding);
}

section.container:has(.modular__component-apple-vision),
section.container:has(.modular__component-why-us) {
  padding: 0;
  overflow: hidden;
}

.modular__component-apple-vision .apple-vision-images {
  min-height: 425px;
}

.modular__component-single-ebook {
  margin: 20px auto;
}

.modular__component-single-ebook .single-ebook-form b {
  font-size: 35px;
  text-align: center;
  display: block;
}

.modular__component-single-work-banner>a {
  padding: 10px 20px;
  gap: 5px;
}

.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper>a {
  position: relative;
  right: unset;
  top: unset;
  margin: 0 auto 0 0;
}

.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper {
  padding: 0;
}

.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .title {
  font-size: 35px;
}

.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .title span {
  font-size: 30px;
}

.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .subtitle {
  font-size: 22px;
  font-weight: 400;
}

.modular__component-where-find-us {
  padding: 20px;
}

.modular__component-where-find-us .row {
  gap: 40px;
}

.modular__component-text-block.text-block-center *:not(p) {
  font-size: 35px;
  text-align: left;
}

.modular__component-text-block.text-block-center>p {
  text-align: left;
}

.modular__component-text-block.text-block-center h1.metaverse-page {
  text-align: center;
}

.modular__component-text-block.text-block-center h1.metaverse-page p {
  font-size: 20px;
}

.modular__component-text-block.text-block-center h1.metaverse-page span {
  font-size: 40px;
}

.modular__component-iframe-text:has(.metaverse-page) .iframe-text-context .metaverse-page {
  display: none;
}

.modular__component-metaverse_image_text img {
  width: 100%;
  height: auto;
}

.modular__component-metaverse_image_text .metaverse_image_text-context {
  padding: 0 var(--container-padding);
}

.modular__component-banner-hero-text .banner-hero-text-content h1 {
  font-size: 35px;
}

.modular__component-banner-hero-text .banner-hero-text-content p {
  font-size: 35px;
  line-height: 37px;
}

.modular__component-banner-hero-text {
  height: auto;
}

.modular__component-our-adventur .row {
  flex-direction: column-reverse;
}

.modular__component-our-adventur video {
  max-height: 418px;
}

.our-adventur-content {
  width: 100%;
  margin: 20px var(--container-padding);
}

.modular__component-cta-box-link {
  flex-direction: column;
  padding: 20px;
  gap: 25px;
  background: linear-gradient(121.19deg, rgba(64, 64, 89, 0.4) -14.68%, rgba(20, 12, 47, 0) 111.31%);
}

.modular__component-cta-box-link .cta-box-link-context p {
  font-size: 23px;
  line-height: 32px;
}

.modular__component-cta-box-link>a {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

.what-are-the-benefit-header>p {
  font-size: 24px;
}

.what-are-the-benefit-content {
  grid-template-columns: repeat(1, 1fr);
}

.modular__component-banner-icon-text figure,
.modular__component-banner-icon-text figure img {
  height: 562px;
  object-fit: cover;
  object-position: center;
}

.modular__component-banner-icon-text .banner-icon-text-context {
  max-width: 90%;
  width: 80%;
  flex-direction: column;
  display: flex;
}

.modular__component-banner-icon-text .banner-icon-text-context p {
  text-wrap: wrap;
}

.power-of-game-main .power-of-game-item {
  min-height: 440px;
}

.power-of-game-header>p {
  font-size: 20px;
}

.solve-puzzle-header .component_headings {
  font-size: 30px;
}

.solve-puzzle-header>p {
  font-size: 20px;
}

body.page-id-12597 .modular__component-banner-hero-text .banner-hero-text-content p {
  font-size: 20px;
}

.single-job-hero-main {
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
}

.single-job-hero-main h1 p {
  font-size: 35px;
  line-height: 35px;
}

.single-job-hero-main h1 span {
  font-size: 22px;
  font-weight: 200;
}

.single-job-hero-main button#single-job-form-open {
  width: 100%;
  justify-content: space-between;
}

section.container-fluid:has(.modular__component-single-job-hero) {
  padding: 30px 0;
}

.modular__component-single-job-content {
  margin-top: 20px;
}

dialog.modular__component-single-job-form {
  overflow: hidden;
}

dialog.modular__component-single-job-form .single-job-form-main {
  position: absolute;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  transform: translateY(100%);
  transition: var(--transition-1);
  transition-delay: 300ms;
}

dialog.modular__component-single-job-form[open] .single-job-form-main {
  transform: translateY(0);
}

.archive-job-hero-content {
  position: relative;
  top: -50px;
  left: unset;
  transform: unset;
  margin: 0 var(--container-padding);
}

.archive-job-hero-content h2 {
  font-size: 40px;
}

.archive-job-hero-content h2 span {
  font-size: 13vw;
}

.modular__component-archive-job-why .component_headings {
  font-size: 35px;
}

.archive-job-why-items {
  flex-wrap: wrap;
  gap: 30px 0;
}

.archive-job-why-items li {
  width: 50%;
}

.archive-job-why-items li:nth-child(3) {
  width: 100%;
}

.archive-job-why-items li span {
  font-size: 14px;
  max-width: 70%;
}

.archive-job-why-items li:not(.archive-job-why-items li:first-of-type):before {
  left: 0;
}

.archive-job-why-items li:nth-child(3):before,
.archive-job-why-items li:nth-child(4):before {
  display: none !important;
}

.modular__component-archive-job-roles>p {
  text-align: center;
}

.archive-job-roles-items li.first {
  display: flex;
  justify-content: center;
}

.archive-job-roles-items li a {
  flex-wrap: wrap;
  gap: 5px 13px;
}

.archive-job-roles-items li p:has(span) {
  width: 100%;
  font-size: 22px;
  color: var(--text-color);
  font-weight: 200;
}

.archive-job-roles-items li {
  padding: 18px;
}

.archive-job-roles-items li p {
  font-size: 18px;
  width: auto;
  color: #A39FB1;
}

.full-width-image-title-content-head .component_headings {
  font-size: 25px !important;
}

.full-width-image-title-content-main .container {
  position: relative !important;
  transform: unset !important;
  left: unset !important;
  top: unset !important;
}

.full-width-image-title-content-content-half p {
  text-align: center;
}

.full-width-image-title-content-content-half {
  width: 100% !important;
  padding: 0 var(--container-padding) !important;
}

.full-width-image-title-content-content-half .title-inside {
  text-align: center !important;
}

body.page.page-id-13091 .modular__component-text-block.text-block-center * {
  text-align: center !important;
}

.metaverse_image_text_title.title_1 {
  flex-direction: column !important;
  align-items: flex-start !important;
  left: 70% !important;
  width: 80% !important;
}

.metaverse_image_text_title.title_1 #number {
  font-size: 25px !important;
}

.metaverse_image_text_title.title_1 p span:first-of-type,
.metaverse_image_text_title.title_1 p span:last-of-type {
  font-size: 20px !important;
}

.modular__component-metaverse_image_text img {
  padding: 0 var(--container-padding) !important;
}

.metaverse_image_text_title.title_2 {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -15%) !important;
}

.metaverse_image_text_title.title_3 {
  flex-direction: column !important;
  transform: translate(0, 95%) !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  left: var(--container-padding) !important;
}

.metaverse_image_text_title.title_2 p {
  font-size: 22px !important;
  text-align: center !important;
}

.metaverse_image_text_title.title_3 p {
  font-size: 20px !important;
  position: relative !important;
  left: 10px !important;
}

.metaverse_image_text_title.title_2 #number {
  font-size: 50px !important;
}

.metaverse_image_text_title.title_3 #number {
  font-size: 50px !important;
}

.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type img {
  max-height: 30px;
  width: auto;
}

.game-studio-hero-wrapper .component_headings {
  font-size: 35px;
}

.game-studio-hero-wrapper p {
  font-size: 16px;
  max-width: 80%;
  line-height: 24px;
}

game-studio-hero-rows img . {
  height: 30px;
}

.game-studio-hero-row-item {
  height: 35px;
  background-size: cover !important;
  background-repeat: repeat !important;
}

.modular__component-game-studio-hero {
  height: 70vh;
}

.game-studio-hero-wrapper {
  margin-bottom: 50px;
}

.game-studio-hero-rows {
  gap: 15px;
}

.modular__component-text-block.text-block-center p {
  text-align: center;
}

article.our-games-item .our-games-item-row h3 {
  font-size: 22px;
}

article.our-games-item {
  min-height: auto;
}

article.our-games-item .our-games-item-row:last-of-type img {
  /* max-width:50%; */
  max-width: 100%;
}

.more-games-wrapper {
  flex-wrap: wrap;
  gap: 25px 30px;
  justify-content: space-evenly;
}

.more-games-wrapper .more-games-item {
  max-width: 42%;
  display: flex;
}

.more-games-wrapper .more-games-item img {
  width: 100%;
  height: auto;
}

.more-games-wrapper .more-games-item a h4 {
  font-size: 14px;
}

.single-post-content-bio {
  flex-wrap: wrap;
  gap: 15px;
}

.single-post-content-bio .content-bio-item {
  width: 100%;
}

.neorix_scroll_magic_1-image-set {
  position: relative !important;
  min-height: 450px !important;
  top: unset;
  left: unset;
  display: block;
}

.modular__component-neorix_scroll_magic_1 {
  flex-direction: column;
  padding: var(--container-padding);
}

.neorix_scroll_magic_1-content {
  background: unset;
  padding-top: 20px;
}

.neorix_scroll_magic_1-content h3 {
  font-size: 28px;
  text-align: center;
}

.neorix_scroll_magic_1-image-set:before {
  content: "";
  background: radial-gradient(45.7% 45.7% at 50% 49.93%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(45.7% 45.7% at 50% 49.93%, #00E9DD 0%, rgba(201, 52, 232, 0) 100%);
  filter: blur(12.13178px);
  display: block;
  width: 250px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-1 {
  width: 200px !important;
  height: 450px;
  object-fit: contain;
  z-index: 3;
  left: 50%;
  transform: translateX(-60%);
}

.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-2 {
  height: 300px;
  width: auto;
  z-index: 2;
  left: 0;
  bottom: 15px;
}

.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-4 {
  height: 300px;
  width: auto;
  z-index: 1;
  right: 0;
  bottom: 15px;
}

.neorix_scroll_magic_1-content p {
  font-size: 20px;
  line-height: normal;
}

.neorix-video-virtual-influencer-content {
  padding: 0 var(--container-padding);
}

.neorix-video-virtual-influencer-content h3,
.neorix-video-virtual-influencer-content p {
  text-align: center;
}

.modular__component-neorix-multiple-images-fadeup {
  height: auto;
}

.modular__component-neorix-multiple-images-fadeup #neorix-images-set-13,
.modular__component-neorix-multiple-images-fadeup #neorix-images-set-14 {
  width: 100%;
  height: auto;
}

.neorix-multiple-images-fadeup-content {
  padding: 15px var(--container-padding);
}

.neorix-multiple-images-fadeup-content h3 {
  font-size: 28px;

}



.modular__component-neorix-best-advantage {
  height: auto;
}

.neorix-best-advantage-media {
  position: relative;
  height: 380px;
}

.neorix-best-advantage-media img {
  left: 50% !important;
  bottom: 0 !important;
  top: unset !important;
  right: unset !important;
  transition: all 250ms ease !important;
}

.neorix-best-advantage-media img.hide {
  transform: rotate(0) translate(-50%) !important;
}

.neorix-best-advantage-media #best-advantage-media-2 {
  opacity: 1 !important;
}

.neorix-best-advantage-media #best-advantage-media-2 {
  z-index: 4;
  transform: rotateZ(8deg) translateX(-50%);
  transform-origin: bottom center;
}

.neorix-best-advantage-media #best-advantage-media-3 {
  transform: rotateZ(-18deg) translate(-50%, -20%) scale(.85);
  transform-origin: bottom center;
  z-index: 3;
}

.neorix-best-advantage-media #best-advantage-media-1 {
  transform: rotateZ(35deg) translateX(-50%);
  transform-origin: bottom center;
  z-index: 2;
}

.neorix-best-advantage-media #best-advantage-media-4 {
  transform: rotateZ(-40deg) translate(-50%, -30%);
  transform-origin: bottom center;
  z-index: 1;
}

.neorix-best-advantage-content {
  padding: 30px var(--container-padding);
}

.neorix-best-advantage-content h3 {
  font-size: 28px;
}

.modular__component-single-work-table ul li b:has(a) {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.modular__component-single-work-table ul li b:has(a) img {
  width: 100px;
}

body.page-id-13637 .power-of-game-main .swiper-wrapper {
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

body.page-id-13637 .power-of-game-main .swiper-wrapper .swiper-slide {
  margin-right: 0 !important;
}

.modular__component-virtual-influencer-hero video {
  height: auto !important;
  min-height: 425px;
}

.modular__component-virtual-influencer-hero .container:first-of-type {
  padding-top: 1vh !important;
}

.modular__component-virtual-influencer-hero {
  height: auto !important;
}

.modular__component-virtual-influencer-hero h1 {
  font-size: 40px !important;
  text-align: center;
}

.modular__component-virtual-influencer-hero .container:last-of-type {
  margin: 42vh 0 0 0 !important;
}

.modular__component-virtual-influencer-brand #vi-brand-img-2 {
  position: relative !important;
  height: auto !important;
  top: unset !important;
  transform: unset !important;
  width: 100% !important;
  left: unset !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item {
  flex-direction: column;
}

.modular__component-virtual-influencer-possibilities .possibilities-item figure,
.modular__component-virtual-influencer-possibilities .possibilities-item .possibilities-item-content {
  width: 100% !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item .possibilities-item-content h3 {
  font-size: 27px !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item .possibilities-item-content {
  gap: 10px !important;
}

.virtual-influencer-works-wrapper {
  grid-template-columns: repeat(1, 1fr) !important;
}

span#virtual-influencer-approach {
  animation: animatedBackground_vi 10000s linear infinite alternate !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item {
  position: relative !important;
  top: unset !important;
  opacity: 1 !important;
  transform: unset !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item-wrapper {
  height: auto !important;
  gap: 50px !important;
  padding-bottom: 50px !important;
}

.modular__component-virtual-influencer-possibilities .possibilities-item-wrapper:after {
  display: none !important;
}

.modular__component-single-work-iframe:has(#ludokingifram) {
  height: calc(100vw / 0.6);
}

dialog.modular__component-popup.popup-tpl-1 {
  right: 5%;
  bottom: 80px;
  max-width: 90%;
}

dialog.modular__component-popup.popup-tpl-1>p {
  font-size: 12px;
}

.modular__component-full-width-hero-btn:before {
  display: none;
}

.modular__component-full-width-hero-btn {
  height: 100vh !important;
}

.modular__component-full-width-hero-btn figure {
  height: 80%;

}

.modular__component-full-width-hero-btn figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modular__component-full-width-hero-btn .container:has(.modular__component-breadcrumb) {
  display: none;
}

.modular__component-full-width-hero-btn a {
  position: absolute;
  bottom: 124px;
  left: 25px;
  width: 60px;
  height: 60px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(93, 83, 129, 0.45) 100%);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.42), inset 0px -1px 4px rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(20px);
  border-radius: 150px;
}

.modular__component-full-width-hero-btn a span {
  font-size: 22px;
}

.modular__component-full-width-hero-btn video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.modular__component-full-width-hero-btn:after {
  content: "";
  background: rgb(0 0 0 / 58%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}

.modular__component-full-width-hero-btn h1 {
  z-index: 2;
  position: absolute;
  top: 50%;
  font-size: 35px;
  text-align: center;
}

.modular__component-3d-configurator-how-we-do-it {
  margin-top: 20px !important;
}

.roadmap-wrapper {
  flex-direction: column !important;
  align-items: center;
  height: 1800px;
}

.how-we-do-it-roadmap .roadmap-item {
  width: unset !important;
  height: calc(100% / 6);
}

.how-we-do-it-roadmap .roadmap-line {
  top: 0 !important;
  left: 50% !important;
  width: 2px !important;
  height: 1500px !important;
  transform: translate(-50%, 8%) !important;
  flex-direction: column !important;
  align-items: flex-end !important;
}

/* body *{
  background:red;
} */
.how-we-do-it-roadmap .roadmap-item span {
  /* display:none; */
  max-width: 100% !important;
  height: 60px !important;
  bottom: 20px !important;
  top: unset !important
}

.how-we-do-it-roadmap .roadmap-item span:before {
  display: none !important;
}

.how-we-do-it-roadmap .roadmap-line span {
  width: 5px;
  transform: rotate(0) translate(-4px, 20px) !important;
}

.how-we-do-it-roadmap .roadmap-line-animate:before {
  content: "";
  background: linear-gradient(360deg, #ffffff63 0%, #00e9ddb8 50%, #ffffff00 100%) !important;
  position: absolute !important;
  display: block !important;
  left: 0 !important;
  width: 2px !important;
  height: 25% !important;
  animation: line_move_mobile 2000ms linear infinite !important;
}

@keyframes line_move_mobile {
  from {
    top: -50%;
  }

  to {
    top: 150%;
  }
}

.how-we-do-it-roadmap .roadmap-item img {
  box-shadow: inset 0px -4.42105px 7.40526px rgba(255, 255, 255, 0.25), inset 0px -19.8947px 16.1368px rgba(255, 255, 255, 0.18) !important;
}

.how-we-do-it-roadmap .roadmap-item img:hover {
  box-shadow: inset 0px -4.92631px 8.25157px #00E9DD, inset 0px -22.1684px 17.981px rgba(0, 233, 221, 0.18) !important;

}

.modular__component-3d-configurator-use-cases {
  padding-right: var(--container-padding) !important;
  padding-left: var(--container-padding) !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item video {
  position: relative !important;
  height: auto !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item {
  flex-direction: column !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item .use-cases-item-heading {
  font-size: 24px !important;
  display: block !important;
  margin: 10px 0 !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item .container {
  padding: 0 !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item .container .row {
  max-width: 100% !important;
}

.modular__component-3d-configurator-use-cases .swiper-control {
  bottom: 0 !important;
}

.modular__component-3d-configurator-use-cases .use-cases-item:before {
  display: none !important;
}

.modular__component-faq details summary {
  width: calc(100% - 20px) !important;
}

div#model-viewer-controller #variant-container {
  min-width: 100% !important;
}

div#model-viewer-controller {
  max-width: 100% !important;
}

div#model-viewer-controller #variant-container button.active span {
  display: none !important;
}

div#model-viewer-controller #variant-container {
  gap: 5px !important;
}

body.page-id-14092 .modular__component-text-block.text-block-center *:not(p) {
  font-size: 30px !important;
}

.modular__component-single-post-title-meta ul.post-meta {
  flex-direction: column;
  gap: 10px;
  margin-top: 5px;
}

.modular__component-single-post-title-meta ul.post-meta li:not(li:first-of-type):before {
  display: none;
}

.single-work-banner-content {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  margin: 0 auto;
  padding: 25px 15px;
}

.single-work-banner-content>a {
  width: 100%;
  /* padding:20px; */
  justify-content: space-between;
}

body.body_light .modular__component-single-work-intro .single-work-intro-main-title {
  text-align: left;
  justify-content: flex-start;
}

body.body_light .modular__component-single-work-intro .single-work-intro-main-title .main-title {
  font-size: 34px;
}

section.container-fluid .row.no-gutters.row_reverse_mobile {
  flex-direction: column-reverse;
}

section.container-fluid .row.no-gutters:has(.modular__component-single-work-content) .modular__component-single-work-content,
section.container-fluid .row.no-gutters:has(.modular__component-single-work-table) .modular__component-single-work-table {
  padding: 15px;
}

.single_work_main_title {
  font-size: 32px !important;
}

.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-1 {
  width: 100% !important;
  height: 40vh;
  display: flex !important;
  grid-template-columns: unset;
}

.modular__component-grid-slider .grid-slider-slide-wrapper {
  flex-direction: column;
}

.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-2 {
  width: 100% !important;
  flex-direction: row;
  display: flex !important;
  height: 30vh;
}

.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-2 img {
  width: calc(50% - 10px);
}

.modular__component-grid-slider .grid-slider-wrapper {
  height: 85vh;
}

.grid-narrow-images-wrapper {
  flex-direction: column;
}

.grid-narrow-images-wrapper .grid-narrow-images-item {
  width: 100%;
  min-height: 300px;
}

.grid-narrow-images-wrapper .grid-narrow-images-item:hover {
  width: 100%;
}



.modular__component-multi-slider .multi-slider-content-wrapper.type_2 {
  position: relative;
  width: 90%;
  text-align: left;
  margin-bottom: 30px;
}

.modular__component-multi-slider:has(.type_2) {
  height: unset !important;
}

.modular__component-multi-slider:has(.type_2) video {
  height: 70vh;
}

.modular__component-multi-slider .multi-slider-content-wrapper.type_2 .multi-slider-content-heading-alt {
  color: var(--secondary-color);
  font-size: 36px;
  text-align: left;
}

.modular__component-multi-slider .multi-slider-content-wrapper.type_2>p {
  color: #000;
  font-weight: 300;
  font-size: 17px;
  line-height: normal;
}



section.modular__component-book ul {
  flex-wrap: wrap;
  gap: 5px !important;
  justify-content: space-between;
}

section.modular__component-book ul li:nth-child(2) {
  order: 1;
  width: 100%;
}

section.modular__component-book ul li:nth-child(1) {
  order: 2;
  width: calc(50% - 5px);
}

section.modular__component-book ul li:nth-child(3) {
  order: 2;
  width: calc(50% - 5px);
}

section.modular__component-book ul li a {
  padding: 15px 0 !important;
  gap: 5px !important;
}

section.modular__component-book ul li a span {
  font-size: 13px !important;
}

section.modular__component-book ul li a img {
  width: 17px;
}




.modular__component-food-brands-competing {
  margin: 0 !important;
  max-width: 100% !important;
  gap: 5px !important;
}

.modular__component-food-brands-competing #title {
  text-align: left !important;
  font-size: 35px !important;
}

.modular__component-food-brands-competing>p {
  text-align: left !important;
}




.modular__component-food-brands-competing #title {
  text-align: left !important;
  margin-right: auto !important;
}



section.modular__component-food-why-us .food-why-us-numbers {
  flex-direction: column !important;
}

section.modular__component-food-why-us .food-why-us-list {
  grid-template-columns: repeat(1, 1fr) !important;
}

section.modular__component-food-why-us .food-why-us-list .item {
  flex-direction: column !important;
  padding: 20px 20px !important;
}

section.modular__component-food-why-us .food-why-us-list .item:before {
  width: 20px !important;
  height: 20px !important;
}

section.modular__component-food-why-us .food-why-us-list .item p {
  text-align: center !important;
}


body.body_light section:has(.modular__component-partners) b {
  font-size: 36px !important;
  text-align: left !important;
  margin-left: 15px !important;
}

section.modular__component-food-next-embassador .row {
  flex-direction: column-reverse;
  gap: 30px;
}

section.modular__component-food-next-embassador img {
  width: 100%;
  height: auto;
}

section.modular__component-food-next-embassador .row .col-12:nth-child(2):before {
  content: "";
  background: linear-gradient(to top, #F7F7F7, transparent);
  width: 100%;
  height: 100px;
  display: block;
  position: absolute;
  bottom: 0;
}

section.modular__component-food-next-embassador .content {
  padding-bottom: 40px;
}

section.modular__component-food-next-embassador .content ul {
  gap: 5px !important;
  justify-content: space-between;
}

section.modular__component-food-next-embassador .content ul li:nth-child(3) {
  order: 1;
  width: 100% !important;
}

section.modular__component-food-next-embassador .content ul li:nth-child(2) {
  order: 3;
  width: calc(50% - 5px) !important;
}

section.modular__component-food-next-embassador .content ul li:nth-child(1) {
  order: 2;
  width: calc(50% - 5px) !important;
}

section.modular__component-food-next-embassador .content ul li a {
  padding: 15px 0 !important;
  gap: 5px !important;
}

section.modular__component-food-next-embassador .content ul li a span {
  font-size: 13px !important;
}

section.modular__component-food-next-embassador .content ul li a img {
  width: 15px !important;
}