/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*general*/

html,
body {
  direction: ltr;
  text-align: left;
      overflow-x: hidden;
}

/*general*/

/*Header-site*/

header {
  direction: rtl !important;
}

.header-menu {
  direction: ltr !important;
}

.header-menu .elementor-icon-list-item .elementor-icon-list-icon {
  position: relative;
  display: inline-flex;
  overflow: visible;
  color: var(--e-global-color-text);
  transition: color 0.22s ease;
}

.header-menu .elementor-icon-list-item .elementor-icon-list-icon svg path {
  fill: currentColor !important;
  transition:
    fill 0.22s ease,
    fill-opacity 0.22s ease;
}

.header-menu
  .elementor-icon-list-item
  .elementor-icon-list-icon
  svg
  path[opacity] {
  fill-opacity: 0.6 !important;
}

.header-menu .elementor-icon-list-item:hover .elementor-icon-list-icon {
  color: var(--e-global-color-accent);
}

.header-menu .elementor-icon-list-item::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -25px;
  width: 20px;
  height: 20px;
  background-color: var(--e-global-color-accent);
  -webkit-mask: url("https://app.remazone.com/wp-content/uploads/2026/02/hover-icon-menu-header.svg")
    no-repeat center/contain;
  mask: url("https://app.remazone.com/wp-content/uploads/2026/02/hover-icon-menu-header.svg")
    no-repeat center/contain;
  transform: translateX(-50%) translateY(6px);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
  will-change: opacity, transform;
  z-index: 2;
  pointer-events: none;
}

.header-menu .elementor-icon-list-item:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.header-menu .elementor-icon-list-item .elementor-icon-list-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 13px;
  height: 13px;
  background-color: var(--e-global-color-accent);
  transform: translateX(-50%) translateY(10px);
  opacity: 0;
  visibility: hidden;
  filter: blur(21px);
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
  will-change: opacity, transform;
  z-index: 1;
  pointer-events: none;
}

.header-menu .elementor-icon-list-item:hover .elementor-icon-list-icon::after {
  opacity: 0.55;
  visibility: visible;
  transform: translateX(-50%) translateY(6px);
}

.header-menu,
.header-menu .elementor-icon-list-items,
.header-menu .elementor-icon-list-item {
  overflow: visible !important;
}

.button-header svg {
  font-size: 20px;
}

.header-main::before {
  content: "";
  position: absolute;
  top: calc(50% - -25px);
  left: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
  height: 40px;
  background: url(https://app.remazone.com/wp-content/uploads/2026/02/line-header.svg)
    no-repeat center / contain;
  pointer-events: none;
}

.button-header svg path {
  fill: currentColor !important;
  transition:
    fill 0.22s ease,
    fill-opacity 0.22s ease;
}

.button-header svg path[opacity] {
  fill-opacity: 0.6 !important;
}

/*Header-site*/

/*body*/

.bg-txt-hero {
  position: relative;
  z-index: 1;
}

.bg-txt-hero::before {
  content: "";
  background: var(--e-global-color-c698bd3);
  height: 54px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(3px) rotate(-2deg);
  z-index: -1;
  border-radius: 10px;
}

span.bg-txt-hero {
  margin-left: 10px;
}

.icon-hero-box svg path {
  fill: currentColor !important;
  transition:
    fill 0.22s ease,
    fill-opacity 0.22s ease;
}

.icon-hero-box.center::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1px;
  height: 10px;
  background-color: #0e0f431f;
}
.icon-hero-box.center::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 10px;
  background-color: #0e0f431f;
}

.icon-hero-box.center::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 10px;
  background-color: #0e0f431f;
}

.hero-button svg {
  font-size: 20px;
}
.hero-button svg path {
  fill: currentColor !important;
  transition:
    fill 0.22s ease,
    fill-opacity 0.22s ease;
}

.hero-button.right-yellow .elementor-button {
  box-shadow:
    0px 1.46px 3.15px 0px #fdb91308,
    0px 6.44px 6.52px 0px #fdb9130d,
    0px 15.8px 13px 0px #fdb91311,
    0px 30.43px 25.48px 0px #fdb91314,
    0px 51.2px 46.85px 0px #fdb91319,
    0px 79px 80px 0px #fdb91321 !important ;
}

.bg-mobile-section::before {
  z-index: 1;
  position: absolute;
  top: calc(50% - 6px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg-mobile-section::after {
  width: 172px;
  height: 102px;
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  background-color: var(--e-global-color-c698bd3);
  -webkit-mask: url(https://app.remazone.com/wp-content/uploads/2026/02/hero-section-pattern-right.svg)
    no-repeat center / contain;
  mask: url(https://app.remazone.com/wp-content/uploads/2026/02/hero-section-pattern-right.svg)
    no-repeat center / contain;
  transform: translateX(-50%) translateY(6px);
  z-index: 2;
  pointer-events: none;
  animation: arrowFloat 2.8s ease-in-out infinite;
  will-change: transform;
}

.aroow-right-hero {
  position: relative;
}

.aroow-right-hero::before {
  content: "";
  position: absolute;
  left: calc(50% - -309px);
  top: 20%;
  width: 150px;
  height: 150px;
  background-color: var(--e-global-color-accent);
  -webkit-mask: url("https://app.remazone.com/wp-content/uploads/2026/02/Arrow_11-1.svg")
    no-repeat center / contain;
  mask: url("https://app.remazone.com/wp-content/uploads/2026/02/Arrow_11-1.svg")
    no-repeat center / contain;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}

@keyframes arrowFloat {
  0%,
  100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aroow-right-hero::before {
    animation: none;
  }
}

.aroow-right-hero::after {
  content: "";
  position: absolute;
  left: calc(50% - -319px);
  top: 23%;
  width: 150px;
  height: 150px;
  background: url(https://app.remazone.com/wp-content/uploads/2026/02/Arrow_11-1.svg);
  transform: translate(-50%, -50%);
  filter: blur(4px);
  z-index: 1;
}

.box-hero-info::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-50% - 225px);
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 22px;
  filter: blur(150px);
  z-index: -1;
}

#shadow-bg-right-hero {
  box-shadow:
    0px 1.85px 3.15px 0px #1bbfdb07,
    0px 8.15px 6.52px 0px #1bbfdb0b,
    0px 20px 13px 0px #1bbfdb0e,
    0px 38.52px 25.48px 0px #1bbfdb11,
    0px 64.81px 46.85px 0px #1bbfdb15;
}

.bg-blur-back::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

/*download section*/

/* hover lift - container itself */
.hov-top-dl {
  transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: translateZ(0);
  will-change: transform;
  isolation: isolate; /* helps with blur/pseudo layers */
}

.hov-top-dl:hover {
  transform: translate3d(0, -8px, 0);
}

@media (hover: none) {
  .hov-top-dl:hover {
    transform: none;
  }
}

.pwa-filter::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.google-play-dl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.ios-dl::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40%;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(180px);
  z-index: -1;
}

.dl-pattern::after {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/pattern-download.svg);
  position: absolute;
  top: 50%;
  left: -30%;
  z-index: 9;
  transform: translate(-50%, -50%);
}

.dl-pattern::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/pattern-download.svg);
  width: 273px;
  position: absolute;
  top: 50%;
  left: calc(50% - -450px);
  transform: translate(50%, -50%);
  z-index: 10;
}

/*download section*/

/*video section*/

.grid-video {
  position: relative;
}

.grid-video::before {
  content: "";
  position: absolute;
  top: calc(50% - -40px);
  left: 50%;
  width: 520px;
  height: 520px;
  transform: translate(-50%, -50%);
  background: url("https://app.remazone.com/wp-content/uploads/2026/02/grid-pattern-video.svg")
    center/contain no-repeat;
  pointer-events: none;
  z-index: 0;
}

.box-icon {
  filter: drop-shadow(0 2px 4px rgba(27, 191, 219, 0.05))
    drop-shadow(0 8px 12px rgba(27, 191, 219, 0.08))
    drop-shadow(0 20px 28px rgba(27, 191, 219, 0.12));
}
.icons-wrap .e-con-inner > .box-icon:nth-child(1) {
  transform: translate(-170px, -370px) rotate(-8.03deg);
}

.icons-wrap .e-con-inner > .box-icon:nth-child(4) {
  transform: translate(170px, -370px) rotate(8.03deg);
}

.icons-wrap .e-con-inner > .box-icon:nth-child(2) {
  transform: translate(-30px, -70%) rotate(8.03deg);
}

.icons-wrap .e-con-inner > .box-icon:nth-child(3) {
  transform: translate(10px, -70%) rotate(-8.03deg);
}

/*responsive*/
@media (max-width: 768px) {
  .header-menu .elementor-icon-list-item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-20px) !important;
  }

  .logo-footer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 60px;
    background-color: white;
    z-index: -1;
    border-radius: 15px 15px 15px 26px;
  }

  .header-mobile {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  .bg-txt-hero::before {
    content: "";
    background: var(--e-global-color-c698bd3);
    height: 40px !important;
    width: 130px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(3px) rotate(-2deg);
    z-index: -1;
    border-radius: 10px;
  }

  .hero-section-mobile .e-con-inner {
    flex-direction: column-reverse !important;
  }

  .bg-mobile-section::after {
    animation: none;
    transform: translate(-50%, -50%) scale(0.7);
    top: 20%;
    left: 80%;
  }
  .hov-top-dl:hover {
    transform: none !important;
  }

  .contatc-us-page::before {
    content: url(https://app.remazone.com/wp-content/uploads/2026/02/phone-contact-us.png);
    top: 151px;
    left: 50%;
    transform: translate(-44%, -50%);
    width: 516px;
    height: 304px;
    z-index: 1;
  }
  .contact-us-info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 445px);
    transform: translate(-50%, -50%);
    background-color: var(--e-global-color-accent);
    width: 638px;
    height: 82px;
    filter: blur(100px);
    z-index: -1;
  }
}
.icons-wrap .e-con-inner {
  position: relative;
}

.icons-wrap .e-con-inner > .box-icon {
  position: relative;
  top: 0;
}

.icons-wrap .e-con-inner > .box-icon:nth-child(1) {
  animation-duration: 2s;
}
.icons-wrap .e-con-inner > .box-icon:nth-child(2) {
  animation-duration: 2s;
}
.icons-wrap .e-con-inner > .box-icon:nth-child(3) {
  animation-duration: 2s;
}
.icons-wrap .e-con-inner > .box-icon:nth-child(4) {
  animation-duration: 2s;
}

@keyframes floatTop {
  0%,
  100% {
    top: 0;
  }
  50% {
    top: -12px;
  }
}

.frame-video {
  position: relative;
  z-index:30;
}

.frame-video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://app.remazone.com/wp-content/uploads/2026/02/video-frame-border.svg")
    center / contain no-repeat;
  pointer-events: none;

  filter: drop-shadow(0px 1.78px 3.15px #1bbfdb07)
    drop-shadow(0px 7.82px 6.52px #1bbfdb0c)
    drop-shadow(0px 19.2px 13px #1bbfdb0f)
    drop-shadow(0px 36.98px 25.48px #1bbfdb13)
    drop-shadow(0px 62.22px 46.85px #1bbfdb17)
    drop-shadow(0px 96px 80px #1bbfdb1f);
}

.video-section-poupup {
  -webkit-mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/Group-1597880454.svg");
  mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/Group-1597880454.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: cover;

  /* مهم: اگه چیزی بیرون زد */
  overflow: hidden;
}
.mobile-box-icon {
  filter: drop-shadow(0 2px 4px rgba(27, 191, 219, 0.05))
    drop-shadow(0 8px 12px rgba(27, 191, 219, 0.08))
    drop-shadow(0 20px 28px rgba(27, 191, 219, 0.12));
}
.icons-wrap .e-con-inner > .box-icon:nth-child(4)::after {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/right-arrow-video-section.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-70%, 25%);
  z-index: -20;
}

.icons-wrap .e-con-inner > .box-icon:nth-child(1)::after {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/left-after-video.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(30%, 25%);
  z-index: -20;
}

.icons-wrap .e-con-inner > .box-icon:nth-child(2)::after {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/center-arrow-center-left-video.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(70%, 32%) rotateY(180deg);
  z-index: -20;
}

.icons-wrap .e-con-inner > .box-icon:nth-child(3)::after {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/center-arrow-center-left-video.svg);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-25%, 32%);
  z-index: -20;
}

.frame-mask-icon {
  -webkit-mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/frame-mask-box-icon.svg");
  mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/frame-mask-box-icon.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: cover;
  mask-size: cover;
}

.border-container::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/test-border-before.svg);
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.04);
}

.video-txt {
    width: 166px;
    height: 62px;
    position: absolute !important;
    padding: 22px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    left: 10%;
    top: 0;
    z-index: 1;
    rotate: -8deg;
}

.video-txt::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/three-line-title.svg);
  position: absolute;
  top: 30%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.shadow-video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.shadow-video::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(180px);
  z-index: -1;
}

.video-bg-sec::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/bg-line-section.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*video section*/

/*why section*/

.reason-column {
  filter: drop-shadow(0px 1.85px 3.15px rgba(0, 0, 0, 0.01))
    drop-shadow(0px 8.15px 6.52px rgba(0, 0, 0, 0.02))
    drop-shadow(0px 20px 13px rgba(0, 0, 0, 0.03))
    drop-shadow(0px 38.52px 25.48px rgba(0, 0, 0, 0.03))
    drop-shadow(0px 64.81px 46.85px rgba(0, 0, 0, 0.04))
    drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.05));
}

.shadow-mobile {
  position: relative; /* مرجع ::after */
  overflow: visible;
}

.shadow-mobile::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* پایین کانتینر */
  width: 100%;
  height: 200px; /* ارتفاع زیاد برای محو شدن */

  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );

  pointer-events: none;
  z-index: 10;
}

.icon-mobile-aout {
  position: absolute;
  width: 77px;
  height: 77px;
  top: 138px;
  left: 279px;
  transform: rotate(-3.98deg);
  opacity: 1;
  border-radius: 8px;
  display: flex;
  gap: 5px;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
  justify-content: center;
  align-items: center;
  align-content: center;
}

.health-icons {
  position: absolute;
  width: 77px;
  height: 77px;
  top: 50%;
  left: -5%;
  transform: rotate(345deg);
  opacity: 1;
  border-radius: 7px;
  display: flex;
  gap: 5px;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(23px);
  -webkit-backdrop-filter: blur(23px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
  justify-content: center;
  align-items: center;
  align-content: center;
}

html,
body {
  overflow-x: hidden;
}

.reason-column.center::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; /* 👈 چسبیده به پایین */
  height: 400px;

  background: url("https://app.remazone.com/wp-content/uploads/2026/02/bg-pattern-mobil.svg")
    center / cover no-repeat;

  z-index: -1;
}

.reason-column.center .shadow-mobile::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(
    180.47deg,
    rgba(27, 191, 219, 0) 60.74%,
    #f59c00 96.47%
  );
  pointer-events: none;
  z-index: 10;
}

.why-remazon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.why-remazon::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.reason-column.center {
  filter: none;
}
/*why section*/

/*body*/

/*footer*/
.footer-name-site {
  background: linear-gradient(
    89.83deg,
    rgba(255, 255, 255, 0) -42.85%,
    #ffffff 40.04%,
    rgba(255, 255, 255, 0) 126.18%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1;
}

.footer-pannel {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15.4px);
  -webkit-backdrop-filter: blur(15.4px);
  border: 1px solid rgba(255, 255, 255, 0.46);
}

.footer-shadow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(180px);
  z-index: -1;
}

.footer-shadow::after {
  content: "";
  position: absolute;
  left: 70%;
  top: calc(50% + 150px);
  transform: translate(-50%, 50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(180px);
  z-index: -1;
}



.brand-name-sife::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, 50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(180px);
  z-index: -1;
}
/*footer*/

/*about us page*/

.about-us-container {
  -webkit-mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/about-us-section.svg");
  mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/about-us-section.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: cover;

  /* مهم: اگه چیزی بیرون زد */
  overflow: hidden;
}

.about-us-container::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.014);
  background: url(https://app.remazone.com/wp-content/uploads/2026/02/border-container.svg)
    center / contain no-repeat;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.video-txt.about::before {
  display: none;
  left: 0 !important;
}
.about-us-section-mobile::before {
  content: "";
  position: absolute;
  width: 778px;
  height: 469px;
  top: 75px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: url(https://app.remazone.com/wp-content/uploads/2026/02/mobile-app-about.png)
    center / contain no-repeat;
  pointer-events: none;
}

.about-us-container {
  filter: drop-shadow(0px 1.85px 3.15px #1bbfdb07)
    drop-shadow(0px 8.15px 6.52px #1bbfdb0b)
    drop-shadow(0px 20px 13px #1bbfdb0e)
    drop-shadow(0px 38.52px 25.48px #1bbfdb11)
    drop-shadow(0px 64.81px 46.85px #1bbfdb15);
}

.bg-shadow-box-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 140px);
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.bg-shadow-box-icon::after {
  content: "";
  position: absolute;
  right: -50%;
  top: calc(50% + 140px);
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.why-about-us::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(150px);
  z-index: -1;
}

.reason-why-icon .elementor-icon {
  filter: drop-shadow(0px 1.78px 3.15px #1bbfdb0c)
    drop-shadow(0px 7.82px 6.52px #1bbfdb14)
    drop-shadow(0px 19.2px 13px #1bbfdb1a)
    drop-shadow(0px 36.98px 25.48px #1bbfdb1f)
    drop-shadow(0px 62.22px 46.85px #1bbfdb27)
    drop-shadow(0px 96px 80px #1bbfdb33);
}

.roadmap-head::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -15%;
  width: 20px;
  height: 20px;
  background-color: var(--e-global-color-accent);
  -webkit-mask: url(https://app.remazone.com/wp-content/uploads/2026/02/hover-icon-menu-header.svg)
    no-repeat center / contain;
  mask: url(https://app.remazone.com/wp-content/uploads/2026/02/hover-icon-menu-header.svg)
    no-repeat center / contain;
  transform: translateX(-50%) translateY(6px);
  z-index: 2;
  pointer-events: none;
}

.roadmap-mask {
  -webkit-mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/box-roadmap-sec.svg");
  mask-image: url("https://app.remazone.com/wp-content/uploads/2026/02/box-roadmap-sec.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

.year-bg {
  position: relative;
}

.year-bg::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 124.43px;
  height: 67.71px;
  padding: 18.86px;
  background: #ffffff;
  border-top-left-radius: 18.86px;
  border-top-right-radius: 18.86px;
  border-bottom-right-radius: 18.86px;
  border-bottom-left-radius: 35.36px;
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: none;
  box-shadow:
    -0.07px -0.47px 18.41px #00000005,
    -0.32px -2.09px 38.12px #00000008,
    -0.78px -5.13px 76.03px #0000000a,
    -1.51px -9.87px 149.03px #0000000c,
    -2.54px -16.61px 274.01px #0000000f,
    -3.92px -25.63px 294.63px #00000014;
  z-index: -1;
}

.road-mapbox {
  filter: drop-shadow(0 2px 4px rgba(27, 191, 219, 0.05))
    drop-shadow(0 8px 12px rgba(27, 191, 219, 0.08))
    drop-shadow(0 20px 28px rgba(27, 191, 219, 0.12));
  transform: rotate(-3deg);
  transform-origin: center center;
}

.year-bg {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 30%;
  transform: translate(-50%, -50%);
}

.year-bg.blue span.elementor-icon svg path {
  fill: var(--e-global-color-primary) !important;
}

.box-date-step::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/dott-date.svg);
  position: absolute;
  top: calc(-50% + 80px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  width: 20px;
  height: 20px;
  z-index:1;
}

.map-head-red {
  color: #de2525;
}

.map-loc-box {
  background-color: var(--e-global-color-primary);
  border-radius: 26px 26px 26px 12px;
  border: 3px solid #fff;
  width: 160px;
  padding: 3px;
  display: flex;
  justify-content: center;
  justify-items: center;
  box-shadow:
    0px 0.48px 3.15px 0px #00000004,
    0px 2.12px 6.52px 0px #00000007,
    0px 5.2px 13px 0px #00000009,
    0px 10.01px 25.48px 0px #0000000b,
    0px 16.85px 46.85px 0px #0000000e,
    0px 26px 80px 0px #00000012;
}

/*roadmap*/

.road-map-grid .map-loc-box:nth-child(1) {
  position: absolute;
  top: -193px;
  left: 15%;
  transform: translate(-50%, -50%) rotate(-3deg);
  background-color: var(--e-global-color-c698bd3);
}

.road-map-grid .map-loc-box:nth-child(2) {
  position: absolute;
  left: 15%;
  bottom: -120px;
  transform: translate(-50%, -50%) rotate(-3deg);
}
.road-map-grid .map-loc-box:nth-child(3) {
  position: absolute;
  top: -96px;
  left: 35%;
  transform: translate(-50%, -50%) rotate(-3deg);
}

.road-map-grid .map-loc-box:nth-child(4) {
  position: absolute;
  background-color: var(--e-global-color-c698bd3);
  top: calc(50% + 65px);
  left: 39%;
  transform: translate(-50%, -50%) rotate(3deg);
}

.road-map-grid .map-loc-box:nth-child(5) {
  position: absolute;
  top: -75px;
  left: 65%;
  transform: translate(-50%, -50%) rotate(-3deg);
}

.road-map-grid .map-loc-box:nth-child(6) {
  position: absolute;
  top: 105px;
  right: 20%;
  transform: translate(-50%, -50%) rotate(3deg);
  background-color: var(--e-global-color-c698bd3);
}

.road-map-grid .map-loc-box:nth-child(7) {
  position: absolute;
  top: -165px;
  right: 0;
  transform: translate(-50%, -50%) rotate(3deg);
}

.road-map-grid .map-loc-box:nth-child(8) {
  position: absolute;
  top: 28px;
  right: 0;
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-c698bd3);
}

.video-txt.about {
  left: 0 !important;
}

.bg-title-video::before {
  content: "";
  position: absolute;
  width: 217px;
  height: 50px;
  background-color: var(--e-global-color-c698bd3);
  border-radius: 12px 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:-1;
 
}
/*roadmap*/
/*about us page*/

/*contact us*/

.contact-us-info::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(50% + 70px);
  transform: translate(-50%, -50%);
  background-color: var(--e-global-color-accent);
  width: 638px;
  height: 82px;
  filter: blur(160px);
  z-index: -1;
}

.contatc-us-page::before {
  content: url(https://app.remazone.com/wp-content/uploads/2026/02/phone-contact-us.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 516px;
  height: 304px;
  z-index: 1;
}

.form-contact button {
  box-shadow:
    0px 1.46px 3.15px 0px #fdb91308,
    0px 6.44px 6.52px 0px #fdb9130d,
    0px 15.8px 13px 0px #fdb91311,
    0px 30.43px 25.48px 0px #fdb91314,
    0px 51.2px 46.85px 0px #fdb91319,
    0px 79px 80px 0px #fdb91321;
}

.video-bg-sec.support::before {
  opacity: 0.5;
}

.contact-icon svg {
  filter: drop-shadow(0px 1.69px 3.15px #1bbfdb1c)
    drop-shadow(0px 7.41px 6.52px #1bbfdb2d)
    drop-shadow(0px 18.2px 13px #1bbfdb39);
}
/*contact us*/

/*responsive*/
@media (max-width: 768px) {
.header-menu .elementor-icon-list-item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-20px) !important;
  }

  .logo-footer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 60px;
    background-color: white;
    z-index: -1;
    border-radius: 15px 15px 15px 26px;
  }

  .header-mobile {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  .bg-txt-hero::before {
    content: "";
    background: var(--e-global-color-c698bd3);
    height: 40px !important;
    width: 130px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(3px) rotate(-2deg);
    z-index: -1;
    border-radius: 10px;
  }

  .hero-section-mobile .e-con-inner {
    flex-direction: column-reverse !important;
  }

  .bg-mobile-section::after {
    animation: none;
    transform: translate(-50%, -50%) scale(0.7);
    top: 20%;
    left: 80%;
  }
  .hov-top-dl:hover {
    transform: none !important;
  }

  
  .contatc-us-page::before {
    content: url(https://app.remazone.com/wp-content/uploads/2026/02/phone-contact-us.png);
    top: 151px;
    left: 50%;
    transform: translate(-44%, -50%);
    width: 516px;
    height: 304px;
    z-index: 1;
  }
  .contact-us-info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 445px);
    transform: translate(-50%, -50%);
    background-color: var(--e-global-color-accent);
    width: 638px;
    height: 82px;
    filter: blur(100px);
    z-index: -1;
  }
  .about-us-section-mobile::before {
    top: 20px !important;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5) !important;
  }

  .bg-txt-hero::before {
    height: 45px;
    width: 170px;
  }

  .about-us-section-mobile::before {
    left: 60% !important;
  }

  .video-txt.about.about {
    width: 123px !important;
    height: 40px !important;
  }
  .header-menu .elementor-icon-list-item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-20px) !important;
  }

  .logo-footer::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 60px;
    background-color: white;
    z-index: -1;
    border-radius: 15px 15px 15px 26px;
  }

  .header-mobile {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  .bg-txt-hero::before {
    content: "";
    background: var(--e-global-color-c698bd3);
    height: 40px !important;
    width: 130px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(3px) rotate(-2deg);
    z-index: -1;
    border-radius: 10px;
  }

  .hero-section-mobile .e-con-inner {
    flex-direction: column-reverse !important;
  }

  .bg-mobile-section::after {
    animation: none;
    transform: translate(-50%, -50%) scale(0.7);
    top: 20%;
    left: 80%;
  }
  .hov-top-dl:hover {
    transform: none !important;
  }

  .contatc-us-page::before {
    content: url(https://app.remazone.com/wp-content/uploads/2026/02/phone-contact-us.png);
    top: 151px;
    left: 50%;
    transform: translate(-44%, -50%);
    width: 516px;
    height: 304px;
    z-index: 1;
  }
  .contact-us-info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 445px);
    transform: translate(-50%, -50%);
    background-color: var(--e-global-color-accent);
    width: 638px;
    height: 82px;
    filter: blur(100px);
    z-index: -1;
  }
       .icons-wrap .e-con-inner > .box-icon:nth-child(1) {
        transform: translate(-35px, 65px) rotate(-8.03deg) scale(0.6);
        z-index:16;
        
    }
       .icons-wrap .e-con-inner > .box-icon:nth-child(2) {
        transform: translate(40px, 148px) rotate(8.03deg) scale(0.6);
        z-index:15;
     
    }
        .icons-wrap .e-con-inner > .box-icon:nth-child(3) {
        transform: translate(-25px, 224px) rotate(-8.03deg) scale(0.6);
        z-index:13;
      
    }
       .icons-wrap .e-con-inner > .box-icon:nth-child(4) {
        transform: translate(40px, 301px) rotate(8.03deg) scale(0.6);
     
    }

  .icons-wrap .e-con-inner > .box-icon:nth-child(1)::after {
    transform: translate(10%, -15%) scale(0.8) rotate(27deg);
  }

  .icons-wrap .e-con-inner > .box-icon:nth-child(2)::after {
    transform: translate(-2%, 25%) rotateY(180deg) scale(-1, 1);
  }

     .icons-wrap .e-con-inner > .box-icon:nth-child(3)::after {
        transform: translate(69%, 30%) scale(-1, 1) rotate(-43deg);
    }

     .icons-wrap .e-con-inner > .box-icon:nth-child(4)::after {
        transform: translate(0%, -10%) scale(-0.5, -0.8);
        z-index: -20;
    }
    
    .frame-video::before {
    width: 362px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-section-poupup{
    mask-size: contain;
}
.box-icon {
    z-index: 12;
}
  .header-menu .elementor-icon-list-item:hover::before {
    opacity: 1;
    visibility: visible;
      transform: translateX(-50%) translateY(-20px)!important;
}

.logo-footer::before{
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width:200px;
    height: 60px;
    background-color: white
    ;
    z-index: -1;
    border-radius: 15px 15px 15px 26px;
}

.header-mobile{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bg-txt-hero::before {
    content: "";
    background: var(--e-global-color-c698bd3);
    height: 40px!important;
    width: 130px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(3px) rotate(-2deg);
    z-index: -1;
    border-radius: 10px;
}

.hero-section-mobile .e-con-inner {
  flex-direction: column-reverse!important; 
}

.bg-mobile-section::after {
    animation: none;
    transform: translate(-50%, -50%) scale(.7);
    top: 20%;
    left: 80%;
}
.hov-top-dl:hover {
    transform: none!important
}

.contatc-us-page::before {
    content: url(https://app.remazone.com/wp-content/uploads/2026/02/phone-contact-us.png);
    top: 151px;
    left: 50%;
    transform: translate(-44%, -50%);
    width: 516px;
    height: 304px;
    z-index: 1;
}
.contact-us-info::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 445px);
    transform: translate(-50%, -50%);
    background-color: var(--e-global-color-accent);
    width: 638px;
    height: 82px;
    filter: blur(100px);
    z-index: -1;
}
.about-us-section-mobile::before {
    top:20px!important;
    left: 50%;
    transform: translate(-50%, -50%) scale(.5)!important;

}

.bg-txt-hero::before{
        height: 45px;
    width: 170px;
}

.about-us-section-mobile::before {
    left: 60%!important;
}

    .video-txt.about.about {
        width: 123px !important;
        height: 40px !important;
        z-index: 1 !important;
    }
.line-dash::before {
    content: url(https://app.remazone.com/wp-content/uploads/2026/02/Line-54.svg);
    position: absolute;
    top: 49%;
    left: 8%;
    transform: translate(-50%, -50%) rotate(90deg) scale(2.6);
    z-index: 99;
    height: 1px;
}

.box-date-step::before {
    
    top: 60%!important;
    left: 0!important;

}

.map-loc-box{
    scale: .5;
}
.road-map-grid .map-loc-box:nth-child(1) {

    top: -32px!important;
    left: 0%!important;
    
}
    .road-map-grid .map-loc-box:nth-child(2) {

    left: 8%!important;
    bottom: -57px!important;
    }
    
    .road-map-grid .map-loc-box:nth-child(3) {

    top: -45px!important;
    left: 35%!important;

}
    .road-map-grid .map-loc-box:nth-child(4) {
        top: calc(50% + -22px) !important;
        left: 27% !important;
    }

.road-map-grid .map-loc-box:nth-child(5) {
    top: -41px!important;
    left: 65%!important;

}
.road-map-grid .map-loc-box:nth-child(7) {
    top: 39px!important;
    right: 32px!important;

}

.road-map-grid .map-loc-box:nth-child(8) {
    position: absolute;
    top: -4px!important;
    right: -60px!important;
}

.road-map-grid .map-loc-box:nth-child(6) {
    position: absolute;
    top: 35px!important;
    right: -27%!important;
    
}
.bg-title-video::before {

    width: 150px!important;
    height: 50px!important;
  
  
}

.footer-shadow::after{
    display:none;
}

.video-txt {
    width: 120px;
    height: 50px;
    position: absolute !important;
    padding: 17px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    left: -4%;
    top: 0;
    z-index: 1;
    rotate: -8deg;
}
}

/*responsive*/