.elementor-3354 .elementor-element.elementor-element-637d305{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;--z-index:1;}.elementor-3354 .elementor-element.elementor-element-4558ebb{z-index:1;}.elementor-3354 .elementor-element.elementor-element-a6367da{--display:flex;--position:absolute;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-3354 .elementor-element.elementor-element-a6367da{left:0px;}body.rtl .elementor-3354 .elementor-element.elementor-element-a6367da{right:0px;}.elementor-3354 .elementor-element.elementor-element-5a741b8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3354 .elementor-element.elementor-element-caa1f27 > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3354 .elementor-element.elementor-element-caa1f27{text-align:center;}.elementor-3354 .elementor-element.elementor-element-caa1f27 img{width:50%;}.elementor-3354 .elementor-element.elementor-element-cf32357 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3354 .elementor-element.elementor-element-cf32357 .first-title{color:#8F2C24;font-family:"YekanBakhFaNum", Sans-serif;font-size:30px;text-align:center;}.elementor-3354 .elementor-element.elementor-element-cf32357 .first-subtext{color:#8F2C24;font-family:"YekanBakhFaNum", Sans-serif;font-size:15px;text-align:center;}.elementor-3354 .elementor-element.elementor-element-cf32357 .floating-input-field>input,.elementor-3354 .elementor-element.elementor-element-cf32357 .otp-input{background-color:#FFFFFF;}.elementor-3354 .elementor-element.elementor-element-cf32357 .floating-input-field>svg.input-icon path{stroke:#8F2C24;}.elementor-3354 .elementor-element.elementor-element-cf32357 button.submit-btn{font-family:"YekanBakhFaNum", Sans-serif;background-color:#8F2C24;}.elementor-3354 .elementor-element.elementor-element-cf32357 button.submit-btn:hover{background-color:#CF4D42 !important;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3354 .elementor-element.elementor-element-97e184c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3354 .elementor-element.elementor-element-97e184c .elementor-icon-list-icon i{color:#8F2C24;transition:color 0.3s;}.elementor-3354 .elementor-element.elementor-element-97e184c .elementor-icon-list-icon svg{fill:#8F2C24;transition:fill 0.3s;}.elementor-3354 .elementor-element.elementor-element-97e184c{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-3354 .elementor-element.elementor-element-97e184c .elementor-icon-list-text{color:#54595F;transition:color 0.3s;}@media(max-width:1024px){.elementor-3354 .elementor-element.elementor-element-caa1f27 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-3354 .elementor-element.elementor-element-caa1f27 img{width:60%;}.elementor-3354 .elementor-element.elementor-element-cf32357 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3354 .elementor-element.elementor-element-637d305:not(.elementor-motion-effects-element-type-background), .elementor-3354 .elementor-element.elementor-element-637d305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jalabibhejab.com/wp-content/uploads/2025/10/bg.jpg");background-position:center center;background-size:cover;}.elementor-3354 .elementor-element.elementor-element-637d305{--content-width:1600px;}.elementor-3354 .elementor-element.elementor-element-caa1f27 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3354 .elementor-element.elementor-element-caa1f27 img{width:70%;}.elementor-3354 .elementor-element.elementor-element-cf32357 > .elementor-widget-container{margin:-30px 0px 0px 0px;}}@media(min-width:768px){.elementor-3354 .elementor-element.elementor-element-637d305{--content-width:2000px;}.elementor-3354 .elementor-element.elementor-element-5a741b8{--content-width:500px;}}/* Start custom CSS for image, class: .elementor-element-caa1f27 */.login-logo {
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a741b8 */.woodmart-login-glass
 {
	z-index: 9999;
	padding: 60px 40px;
	width: 500px;
	max-width: 80%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: 0 25px 50px rgba(0,0,0,0.1);
 }/* End custom CSS */
/* Start custom CSS *//* --------- پایه (reset & فونت) --------- */

/* --------- کانتینر صحنه --------- */
.animated-login-section .scene {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/* پس زمینه */
.animated-login-section .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  background-size: cover;
  background-position: center center;

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

/* درختان جلو */
.animated-login-section .trees {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  background-size: cover;
  background-position: center center;
  pointer-events: none;
  z-index: 300;
}

/* دختر متحرک */
.animated-login-section .girl {
  position: absolute;
  bottom: 160px;
  left: 0;
  scale: 0.65;
  pointer-events: none;
  animation: animateGirl 12s linear infinite;
  z-index: 200;
}


/* انیمیشن دختر */
@keyframes animateGirl {
  0% { transform: translateX(calc(100vh + 100vw)); }
  50% { transform: translateX(calc(-100vh - 100vw)); }
  50.01% { transform: translateX(calc(-100vh - 100vw)) rotateY(180deg); }
  100% { transform: translateX(calc(100vh + 100vw)) rotateY(180deg); }
}

/* برگ ها */
.animated-login-section .leaves {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 150;
  pointer-events: none;
}

.animated-login-section .leaves .set {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
}

.animated-login-section .leaves .set div {
  position: absolute;
  display: block;
}

.animated-login-section .leaves .set div:nth-child(1){ left:20%; animation: animate 20s linear infinite; }
.animated-login-section .leaves .set div:nth-child(2){ left:50%; animation: animate 14s linear infinite; }
.animated-login-section .leaves .set div:nth-child(3){ left:70%; animation: animate 12s linear infinite; }
.animated-login-section .leaves .set div:nth-child(4){ left:5%;  animation: animate 15s linear infinite; }
.animated-login-section .leaves .set div:nth-child(5){ left:85%; animation: animate 18s linear infinite; }
.animated-login-section .leaves .set div:nth-child(6){ left:90%; animation: animate 12s linear infinite; }
.animated-login-section .leaves .set div:nth-child(7){ left:15%; animation: animate 14s linear infinite; }
.animated-login-section .leaves .set div:nth-child(8){ left:60%; animation: animate 15s linear infinite; }

@keyframes animate {
  0% { opacity: 0; top: -10%; transform: translateX(20px) rotate(0deg); }
  10% { opacity: 1; }
  20% { transform: translateX(-20px) rotate(45deg); }
  40% { transform: translateX(-20px) rotate(90deg); }
  60% { transform: translateX(20px) rotate(180deg); }
  80% { transform: translateX(-20px) rotate(45deg); }
  100% { top: 110%; transform: translateX(20px) rotate(225deg); }
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .woodmart-login-glass {
    width: 90%;
    padding: 30px;
  }
}
@media (max-width: 480px) {
  .woodmart-login-glass {
    width: 95%;
    padding: 20px;
  }
}/* End custom CSS */