html {
  /*font-size: 0.5208vw; */
  font-size: 0.5208333333vw;
  overflow-x: hidden;
}

.banner {
  position: relative;
}

.circle-image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60rem;
}

.circle-image img {
  width: auto;
  opacity: 0;
}

.common-button {
  background: linear-gradient(90deg, #F1C40F 0%, #EEB525 100%);
}

.common-button svg {
  fill: transparent;
  width: 1.6rem;
  height: 1.6rem;
  transition: 0.5s;
}

.common-button:after {
  content: '';
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #EEB525 0%, #F1C40F 100%);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
  z-index: -1;
}

.common-button:hover:after {
  width: 100%;
}

.common-button .e-svg-base:first-child svg {
  position: relative;
  left: -5rem;
  transition: 0.5s;
}

.common-button:hover .e-svg-base svg {
  transform: translatex(5rem);
  position: relative;
  transition: 0.5s;
}

.common-button:hover .e-svg-base:first-child svg {
  position: relative;
  transform: translatex(6rem);
  transition: 0.5s;
}

.common-button:hover span {
  transition: 0.5s;
}

.common-button:hover span {
  position: relative;
  transform: translatex(1.5rem);
  transition: 0.5s;
}

.banner-icon-holder svg {
  fill: transparent;
  width: 100%;
  height: 100%;
}

.laptop-animation-holder {
  opacity: 1;
}

.counting-area,
.chart-area,
.review-area {
  opacity: 0;
}

.banner-icon-holder .e-svg-base {
  opacity: 0;
}

.banner-text-holder h1,
.banner-text-holder p,
.banner-text-holder .common-button {
  opacity: 0;
}

.laptopmain {
  position: relative;
}

.searchsection {
  position: relative;
}

.searchsec-ul-holder ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon {
  transition: 0.5s;
}

.searchsec-ul-holder ul.elementor-icon-list-items li.elementor-icon-list-item:hover span.elementor-icon-list-icon {
  transform: scale(1.2);
}

.bg-less-button {
  background: transparent;
}

.star-holder .elementor-icon svg {
  width: 2rem;
  height: 2rem;
}

.iframe-elemntor-holder {
  width: 100%;
  height: 100%;
}

.common-flx-blk .e-svg-base svg {
  transition: 0.5s;
}

.common-flx-blk:hover .e-svg-base svg {
  transform: scale(1.2);
}

.consultationsec {
  position: relative;
}

.faqsec h2 span {
  color: #14A846;
}

.faqsec .e-n-accordion-item {
  border-radius: 1.2rem;
  border: 0.1rem solid rgba(28, 43, 39, 0.12);
}

.faqsec {
  position: relative;
}

.warymsec {
  position: relative;
  overflow-x: clip;
}

/* green blur décor extends past viewport */
.warymsec h2 em {
  font-weight: 400;
}

.warymsec svg {
  fill: transparent;
}

.result-sec,
.resultsec,
.warumsec {
  position: relative;
}

.dasmuss {
  position: relative;
}

.dasmuss svg {
  fill: transparent;
}

.bringtsec {
  position: relative;
}

.bringtsec svg {
  fill: transparent;
}

.bringtsec .e-b71d001-loc {
  backdrop-filter: blur(1.2rem);
  -webkit-backdrop-filter: blur(1.2rem);
}

.bringtsec .e-b71c200-loc,
.bringtsec .e-b71c300-loc {
  border-left: 0.1rem solid rgba(255, 255, 255, 0.12);
}

.bringtsec .cards-sec {
  position: relative;
}

.cards-sec .card-icon svg {
  width: 4.8rem !important;
  height: 4.8rem !important;
}

.bringtsec .cards-sec .cardbx svg {
  width: 4rem !important;
  height: 4rem !important;
}

.cards-sec .cardbx {
  padding: 4rem 3rem;
  gap: 1.6rem;
  align-items: flex-start;
}

.cards-sec .e-c3a1400-loc {
  backdrop-filter: blur(1.2rem);
  -webkit-backdrop-filter: blur(1.2rem);
}

/* #main-arrow SVG is ~186rem wide — clip ONLY this section (not global page) */
.schrittsec {
  position: relative;
  overflow-x: clip;
}

.schrittsec .cards-deco svg {
  fill: transparent;
}

.bekommstsec {
  position: relative;
}

.bekommstsec svg {
  fill: transparent;
}

.diesection {
  position: relative;
}

.diesection .e-n-accordion-item {
  border: 0.1rem solid rgba(28, 43, 39, 0.16);
  border-radius: 1.2rem;
  backdrop-filter: blur(0.4rem);
  -webkit-backdrop-filter: blur(0.4rem);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72);
}

.diesection .e-n-accordion-item>.e-n-accordion-item-title {
  border: none !important;
  background: transparent !important;
}

.diesection .e-n-accordion-item>.e-con {
  border: none !important;
  background: transparent !important;
}

.die-flex {
  display: flex;
  flex-direction: column;
}

.diesection .e-paragraph-base {
  margin: 0;
}

.diesection .elementor-widget-n-accordion {
  width: 100%;
}

.uebersec {
  position: relative;
}

.uebersec .e-flexbox-base,
.uebersec .e-div-block-base {
  padding: 0 !important;
  min-width: 0 !important;
}

.uebersec .ue-standort-row {
  align-items: center;
}

.uebersec .ue-standort-map {
  flex: 1 1 0;
  min-width: 0;
}

.uebersec .ue-standort-map img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  border-radius: 1.2rem;
  display: block;
}

.uebersec .ue-standort-copy {
  flex: 1 1 0;
  min-width: 0;
}

.uebersec .ue-standort-heading .elementor-widget-container h2,

.uebersec .ue-standort-text .elementor-widget-container,

.uebersec .ue-standort-text p {
  margin: 0 0 1.6rem;
}

.uebersec .ue-standort-text p:last-child {
  margin-bottom: 0;
}

.rangsec {
  position: relative;
}

.rangsec h2 span {
  color: #14A846;
}

.rangsec .mind-container {
  width: 83.33%;
  max-width: 106.4rem;
  margin: 0 auto;
  padding: 0;
}

.rangsec .rang-video-row {
  width: 100%;
  align-items: stretch;
}

.rangsec .rang-video-box {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  flex: 1 1 0;
  min-width: 0;
}

.rangsec .rang-video-media {
  position: relative;
  width: 100%;
  line-height: 0;
  cursor: pointer;
  overflow: visible;
}

.rangsec .rang-video-img img {
  width: 100%;
  height: 20rem;
  object-fit: cover;
  display: block;
  border-radius: 1.2rem;
}

.rangsec .rang-play-btn {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.4rem !important;
  height: 6.4rem !important;
  min-width: 48px;
  min-height: 48px;
  aspect-ratio: 1 / 1;
  z-index: 5;
  cursor: pointer;
  pointer-events: auto;
  overflow: visible !important;
}

.rangsec .rang-play-btn svg {
   width: 100% !important;
  height: 100% !important;
  display: block;
  overflow: visible !important;
}







.rangsec .rang-video-box .elementor-widget-html {
  display: none !important;
  width: 100%;
}

.rangsec .rang-video-embed {
  width: 100%;
  height: 20rem;
  border-radius: 1.2rem;
  overflow: hidden;
  background: #000;
  line-height: 0;
}

.rangsec .rang-video-embed iframe {
  width: 100%;
  height: 20rem;
  border: 0;
  display: block;
}

.rangsec .rang-video-box.is-playing .rang-video-media {
  display: none !important;
}

.rangsec .rang-video-box.is-playing .elementor-widget-html {
  display: block !important;
}

.rangsec .rang-video-quote .elementor-widget-container,
.rangsec .rang-video-quote .elementor-text-editor {
  padding: 4rem;
  border: 0.1rem solid rgba(28, 43, 39, 0.08);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(0.8rem);
  -webkit-backdrop-filter: blur(0.8rem);
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8rem;
  line-height: 1.64;
  color: #1C2B27;
}

.rangsec .rang-video-quote p {
  margin: 0;
}

.rangsec .text-block {
  min-height: 14rem;
}

.imgplaybtnhldr svg {
  fill: #EEB525 !important;
}

.accordian-die .e-n-accordion-item-title {
  justify-content: space-between;
}


/* diesection chart — layout only (typography via Elementor widgets) */
.flex-line {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 4rem !important;
  padding: 1rem 0 !important;
  border-bottom: 0.1rem solid rgba(28, 43, 39, 0.16) !important;
  --flex-direction: row !important;
  --justify-content: space-between !important;
}

.flex-line p {
  margin-bottom: 0rem;
}

.diesection .flex-line>.elementor-widget-text-editor,
.diesection .flex-line>[class*="-v"] {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
  max-width: 31.7rem;
}

.diesection .flex-line>.elementor-element-die11v1 {
  max-width: 27.3rem !important;
}

/* dasmuss — magnifier glass (rang1.de) */
.dasmuss .img-magnifier-container {
  position: relative;
  display: inline-block;
  max-width: 39.2rem;
  width: 100%;
  cursor: none;
}

.dasmuss .img-magnifier-container>img {
  display: block;
  width: 100%;
  height: auto;
}

.dasmuss .img-magnifier-glass {
  position: absolute;
  width: 16.2rem;
  height: 16.2rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  isolation: isolate;
}

.dasmuss .img-magnifier-container.is-magnifying .img-magnifier-glass {
  opacity: 1;
  visibility: visible;
}

/* lens aligned to SVG inner hole center (94.2463, 95.4681) */
.dasmuss .img-magnifier-lens {
  --mg-frame-w: 23.8rem;
  --mg-frame-h: calc(23.8rem * 246 / 238);
  position: absolute;
  width: calc((160.148 / 238) * var(--mg-frame-w));
  height: calc((160.148 / 246) * var(--mg-frame-h));
  left: calc(-1.4rem + (94.2463 / 238) * var(--mg-frame-w));
  top: calc(-1.4rem + (95.4681 / 246) * var(--mg-frame-h));
  transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
  z-index: 0;
}

.dasmuss .img-magnifier-glass::after {
  content: url("https://rang1.staging-websites.com/wp-content/uploads/2026/09/magnifier_glass_small.svg");
  position: absolute;
  top: -1.4rem;
  left: -1.4rem;
  width: 23.8rem;
  height: auto;
  pointer-events: none;
  z-index: 2;
}



/* --- responsive header menu --- */
.rang1-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 2.4rem;
  right: 2.4rem;
  z-index: 10002;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
  border: 0.1rem solid rgba(255, 255, 255, 0.24);
  border-radius: 0.8rem;
  background: rgba(28, 43, 39, 0.35);
  backdrop-filter: blur(0.8rem);
  -webkit-backdrop-filter: blur(0.8rem);
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.rang1-menu-toggle:hover,
.rang1-menu-toggle:focus-visible {
  background: rgba(241, 196, 15, 0.2);
  border-color: #F1C40F;
  outline: none;
}

.rang1-menu-toggle img {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
}

.rang1-mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 10001;
  pointer-events: none;
  visibility: hidden;
}

.rang1-mobile-nav.is-open {
  pointer-events: auto;
  visibility: visible;
}

.rang1-mobile-nav__overlay {
  position: absolute;
  inset: 0;
  background: rgba(28, 43, 39, 0.55);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.rang1-mobile-nav.is-open .rang1-mobile-nav__overlay {
  opacity: 1;
}

.rang1-mobile-nav__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: linear-gradient(110deg, rgba(21, 168, 70, 0.64) 9%, rgba(28, 144, 187, 0.64) 85.89%), linear-gradient(0deg, #0C5221 0%, #0C5221 100%), #F5F5F5;
  transform: translateX(100%);
  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}

.rang1-mobile-nav.is-open .rang1-mobile-nav__panel {
  transform: translateX(0);
}

.rang1-mobile-nav__close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 0.8rem;
  background: transparent;
  color: #FFFFFF;
  cursor: pointer;
  z-index: 2;
  transition: background 0.25s ease, color 0.25s ease;
}

.rang1-mobile-nav__close:hover,
.rang1-mobile-nav__close:focus-visible {
  background: #F1C40F;
  color: #1C2B27;
  outline: none;
}

.rang1-mobile-nav__inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8rem 2.4rem 4rem;
}

.rang1-mobile-nav__menu {
  width: 100%;
  max-width: 48rem;
}

.rang1-mobile-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.rang1-mobile-nav__list li {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.rang1-mobile-nav__list a {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.25s ease, transform 0.25s ease;
}

.rang1-mobile-nav__list a:hover,
.rang1-mobile-nav__list a:focus-visible,
.rang1-mobile-nav__list .current-menu-item>a {
  color: #F1C40F;
  outline: none;
}

body.rang1-menu-open {
  overflow: hidden;
}

body.rang1-menu-open .rang1-menu-toggle {
  opacity: 0;
  pointer-events: none;
}

.schrittsec svg {
  fill: transparent;
}


.footer {
  position: relative;
}

.footer:after {
  content: '';
  width: 100%;
  height: 33.7rem;
  background: url('../images/upper-footer-image.webp') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -33rem;
  left: 0;
}

.contact-wrapper {
  position: relative;
}

/* Width-only: do NOT use (hover: none) — touch/trackpad browsers would
   rescale rem ~38% larger and distort the entire Elementor rem layout. */

.header ul.hfe-nav-menu li.menu-item-type-custom a {
  position: relative;
  z-index: 1;
}

.header ul.hfe-nav-menu li.menu-item-type-custom a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(to right, #EEB525, #F1C40F);
  transition: 0.5s;
  z-index: -1;
}

.header ul.hfe-nav-menu li.menu-item-type-custom a:hover:after {
  width: 100%;
}

/**404page**/

/* .no-contentpage{width:100%; height:100vh; background: linear-gradient(110deg, rgba(21, 168, 70, 0.64) 9%, rgba(28, 144, 187, 0.64) 85.89%), linear-gradient(0deg, #0C5221 0%, #0C5221 100%), #F5F5F5; z-index:1;}
 
  body.logged-in.error404{overflow:hidden; }
  .waterwave{width:100%; height:100%; position: absolute; left:0; top:0; }
  .waterwave img{width:100%; height: 100%; object-fit: cover;}
  .inner-nocontent{text-align: center;}
  .no-cont-logowrap a{display: inline-block; margin-bottom: 30px; position: relative;  z-index: 3;}
  .inner-nocontent h1{color: #fff;  text-shadow: 0px 10px 50px rgba(0, 0, 0, 0.20);   font-family: var(--headingfont);  font-size: 35.5rem;  font-style: normal;
    font-weight: 700;  line-height: 28.7rem;   text-transform: capitalize; margin-bottom: 3.5rem;}
  .inner-nocontent .text-cont{position: relative; z-index:3;}
  .inner-nocontent .nocontent-button{ z-index:3;} */
body.logged-in.error404 {
  overflow: hidden;
}

body.error404 {
  overflow-x: hidden;
}

.no-contentpage {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 2.4rem;
  box-sizing: border-box;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(21, 168, 70, 0.64) 9%, rgba(28, 144, 187, 0.64) 85.89%),
    linear-gradient(0deg, #0C5221 0%, #0C5221 100%),
    #F5F5F5;
}

/* optional wave layer (only if you add .waterwave in HTML) */
.no-contentpage .waterwave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.no-contentpage .waterwave img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.inner-nocontent {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  text-align: center;
}

.no-cont-logowrap a {
  position: relative;
  z-index: 3;
  display: inline-block;
  margin-bottom: 3rem;
}

.no-cont-logowrap img {
  display: block;
  max-width: 18rem;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.inner-nocontent h1 {
  margin: 0 0 3.5rem;
  color: #fff;
  text-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.2);
  font-family: var(--headingfont, "Open Sans", sans-serif);
  font-size: 28rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.04em;
  text-transform: capitalize;
}

.inner-nocontent .text-cont {
  position: relative;
  z-index: 3;
  max-width: 56rem;
  margin: 0 auto 4rem;
}

.inner-nocontent .text-cont p {
  margin: 0;
  color: #fff;
  font-family: var(--common-font, "Open Sans", sans-serif);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.64;
}

.nocont-btnwrap {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
}

.inner-nocontent .nocontent-button {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 5.2rem;
  padding: 1.4rem 2.8rem;
  border-radius: 0.8rem;
  text-decoration: none;
  color: #1C2B27;
  font-family: var(--common-font, "Open Sans", sans-serif);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.64;
  overflow: hidden;
}

/**responsive*/
@media (max-width: 1199px) {
  html {
    font-size: 0.7208333333vw;
  }

  /* Elementor "tablet" CSS only starts at 991px — between 992–1199
     desktop rules still apply. Hide wide blurs that create scroll.
     #main-arrow is shown in landscape (see below); portrait-only hide. */
  .elementor .e-9bf2362-767ae33,
  .elementor .e-bc88a52-f4c7a56,
  .elementor .e-c4f7db2-842d7f3,
  .elementor .e-d4b1flt-loc,
  .elementor .e-652b459-aa8d591,
  .elementor .e-8b9cd92-b2ca16f {
    display: none !important;
  }

  /* Portrait: arrow is too wide / cards stack — keep hidden.
     Landscape tablet/phone: show arrow; .schrittsec overflow-x:clip contains it. */
  @media (orientation: portrait) {

    .elementor .e-c3a1arw-loc,
    .elementor #main-arrow,
    .elementor .e-c3a1flt-loc {
      display: none !important;
    }
  }

  @media (orientation: landscape) {

    .elementor .e-c3a1arw-loc,
    .elementor #main-arrow {
      display: block !important;
      /* Slightly tighter than desktop 186rem so landscape viewports fit better */
      width: 150rem !important;
      height: auto !important;
      max-height: 42rem;
      inset-inline-start: -18rem !important;
      inset-block-start: 14rem !important;
    }

    .elementor .e-c3a1flt-loc {
      display: block !important;
    }
  }

  /* Laptop wrap: don't let overflow:visible paint past the viewport */
/*   .elementor .e-246db74-c3ceb45 {
    max-width: 100%;
    overflow-x: clip;
  } */

  /* Absolute décor uses negative % insets — clip both axes on portrait/tablet
     (overflow-x alone still lets Y overflow inflate page height). */
  .banner,
  .searchsection,
  .result-sec,
  .resultsec,
  .consultationsec,
  .warumsec,
  .warymsec,
  .dasmuss,
  .bringtsec,
  .bekommstsec,
  .schrittsec,
  .faqsec,
  .rangsec,
  .elementor-element-007111d {
    overflow: clip;
  }

  /* #dianimage / #bekoimg are unsized ~1800px abspos with -95%/-40% top —
     shrink so they cannot stretch document height in portrait. */
  .elementor #dianimage,
  .elementor .e-932462b-19d40a4,
  .elementor #bekoimg,
  .elementor .e-9f50190-1e2b3be {
    width: 28rem !important;
    max-width: 45% !important;
    height: auto !important;
    inset-block-start: -10% !important;
  }

  /* bekommstsec #durchmainimag — Elementor sets width:100% only ≤991;
     992–1199 portrait tablets still use desktop width:60rem → empty right gap.
     Do not touch other Elementor/theme rules. */
  .bekommstsec .e-d4b1010-loc,
  .bekommstsec #durchmainimag {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    align-self: stretch;
  }

  .bekommstsec .e-d4b1010-loc .elementor-widget-image,
  .bekommstsec #durchmainimag .elementor-widget-image,
  .bekommstsec .e-d4b1010-loc img,
  .bekommstsec #durchmainimag img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  .uebersec .ue-standort-row {
    flex-direction: column;
  }

  .uebersec .ue-standort-map img {
    height: 30rem;
  }

  .dasmuss .img-magnifier-glass {
    display: none;
  }

  .dasmuss .img-magnifier-container {
    cursor: default;
  }

  .footer:after {

    height: 23.7rem;

    top: -23rem;

  }

  .no-contentpage {
    padding: 3.2rem 2.4rem;
  }

  .inner-nocontent h1 {
    font-size: 20rem;
    margin-bottom: 2.8rem;
  }

  .no-cont-logowrap a {
    margin-bottom: 2.4rem;
  }

  .inner-nocontent .text-cont {
    margin-bottom: 3.2rem;
  }

  .inner-nocontent .text-cont p {
    font-size: 1.7rem;
  }
}

@media (max-width: 991px) {
  html {
    /*font-size: 0.5208vw; */
    font-size: 65.5%;
  }
	 .elementor .e-246db74-c3ceb45 {
    max-width: 100%;
    overflow-x: clip;
  }

  .rang1-menu-toggle {
    display: flex;
  }

  .elementor-element-6992ebd .hfe-nav-menu__layout-horizontal,
  .elementor-element-6992ebd .hfe-nav-menu__toggle {
    display: none !important;
  }

  .cards-sec .cardbx {

    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.12);
  }

  .cards-sec .cardbx:last-child {
    border: none;
  }

  .rangsec .rang-video-embed {

    height: 30rem;

  }

  .rangsec .rang-video-embed iframe {

    height: 30rem;
  }

  .line-flex-bx {
    position: relative;
  }

  .line-flex-bx .e-svg-base:after {
    content: '';
    width: 16rem;
    height: 0.1rem;
    background: rgba(0, 0, 0, 0.16);
    position: absolute;
    left: 5rem;
    top: 2rem;
  }

  .line-flex-bx:last-child .e-svg-base:after {
    display: none;
  }

  h2 br {
    display: none;
  }

  .elementor .flex-line {
    flex-direction: column !important;
    gap: 1rem !important;
  }

  .diesection .flex-line>.elementor-widget-text-editor,
  .diesection .flex-line>[class*="-v"] {
    flex: 0 0 auto !important;
    margin-left: inherit !important;
    text-align: left !important;
    max-width: 100%;
  }

  .footer:after {
    height: 14.7rem;
    top: -14rem;
  }

  .elementor .e-c3a1arw-loc,
  .elementor #main-arrow {
    display: none !important;
  }

  .no-contentpage {
    padding: 3rem 2rem;
  }

  .no-cont-logowrap img {
    max-width: 14rem;
  }

  .inner-nocontent h1 {
    font-size: 14rem;
    margin-bottom: 2.4rem;
  }

  .inner-nocontent .text-cont {
    max-width: 48rem;
    margin-bottom: 2.8rem;
  }

  .inner-nocontent .text-cont p {
    font-size: 1.6rem;
  }
   .rangsec .rang-play-btn {
    width: 5.6rem !important;
    height: 5.6rem !important;
    min-width: 52px;
    min-height: 52px;
  }
}

@media (max-width: 767px) {
  .cards-sec .cardbx {
    padding: 4rem 1rem;

  }

  .banner .e-paragraph-base br {
    display: none;
  }

  .line-flex-bx .e-svg-base:after {
    content: '';
    width: 0.1rem;
    height: 71%;
    background: rgba(0, 0, 0, 0.16);
    position: absolute;
    left: 1.5rem;
    top: 4rem;
  }

  .footer:after {
    height: 10.7rem;
    top: -9rem;
  }

  .faqsec h2 br {
    display: block;
  }

   body.logged-in.error404 {
    overflow: auto;
  }
  .no-contentpage {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 8rem 1.6rem 4rem;
  }
  .no-cont-logowrap a {
    margin-bottom: 2rem;
  }
  .no-cont-logowrap img {
    max-width: 12rem;
  }
  .inner-nocontent h1 {
    font-size: 9.6rem;
    line-height: 0.9;
    margin-bottom: 2rem;
    text-shadow: 0 0.6rem 2.4rem rgba(0, 0, 0, 0.2);
  }
  .inner-nocontent .text-cont {
    max-width: 100%;
    margin-bottom: 2.4rem;
    padding: 0 0.4rem;
  }
  .inner-nocontent .text-cont p {
    font-size: 1.5rem;
    line-height: 1.55;
  }
  .inner-nocontent .nocontent-button {
    width: 100%;
    max-width: 32rem;
    min-height: 4.8rem;
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
  }
	.footer-menu{width:100%; display:flex; justify-content:center;}
	.footer-menu .hfe-nav-menu__layout-horizontal{width:100%;}
}
@media (max-width: 480px) {
  .inner-nocontent h1 {
    font-size: 7.2rem;
    margin-bottom: 1.6rem;
  }
  .inner-nocontent .text-cont p {
    font-size: 1.4rem;
  }
}