.elementor-35309 .elementor-element.elementor-element-6eee4897{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:16px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-35309 .elementor-element.elementor-element-6eee4897:not(.elementor-motion-effects-element-type-background), .elementor-35309 .elementor-element.elementor-element-6eee4897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#271E1E00;background-image:url("https://promax.seniksiclet.ir/wp-content/uploads/2025/08/banner512-.gif");}.elementor-35309 .elementor-element.elementor-element-769fdcc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--border-radius:15px 15px 15px 15px;--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-35309 .elementor-element.elementor-element-769fdcc4:not(.elementor-motion-effects-element-type-background), .elementor-35309 .elementor-element.elementor-element-769fdcc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-35309 .elementor-element.elementor-element-6ba20f74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-35309 .elementor-element.elementor-element-7771bc44 .elementor-heading-title{font-size:22px;font-weight:bold;line-height:32px;color:#0F0A0A;}.elementor-35309 .elementor-element.elementor-element-44559b2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-35309 .elementor-element.elementor-element-3cc1aca1 .elementor-button{background-color:#FE4242;font-weight:500;}.elementor-35309 .elementor-element.elementor-element-3cc1aca1 .elementor-button-content-wrapper{flex-direction:row;}#elementor-popup-modal-35309{background-color:#FFFFFF;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-35309 .dialog-message{width:512px;height:100vh;align-items:flex-start;}@media(min-width:768px){.elementor-35309 .elementor-element.elementor-element-769fdcc4{--width:100%;}.elementor-35309 .elementor-element.elementor-element-6ba20f74{--width:100%;}}@media(max-width:767px){.elementor-35309 .elementor-element.elementor-element-6eee4897:not(.elementor-motion-effects-element-type-background), .elementor-35309 .elementor-element.elementor-element-6eee4897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://promax.seniksiclet.ir/wp-content/uploads/2025/08/banner512-.gif");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-35309 .elementor-element.elementor-element-6eee4897{--min-height:100vh;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35309 .elementor-element.elementor-element-769fdcc4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-35309 .elementor-element.elementor-element-6ba20f74{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--align-content:flex-start;}.elementor-35309 .elementor-element.elementor-element-7771bc44.elementor-element{--align-self:flex-start;}.elementor-35309 .elementor-element.elementor-element-7771bc44 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for html, class: .elementor-element-2267f438 */.elementor-35309 .elementor-element.elementor-element-2267f438 {
    text-align: justify;
}
.elementor-35309 .elementor-element.elementor-element-2267f438 strong {
    text-align: center !important;
    display: block;
    line-height: 2em;
    margin-top: -.4em
}
.elementor-35309 .elementor-element.elementor-element-2267f438 {
    color: #000;
    padding: 1px 4px;
    margin: 0 4px;
    border-radius: 5px
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-44559b2 *//*===============================================
  1) Root Variables
===============================================*/
:root {
  --primary-color:    #6C5CE7;
  --secondary-color:  #A29BFE;
  --success-color:    #00B894;
  --error-color:      #D63031;
  --bg-color:         #F5F6FA;
  --text-color:       #2D3436;
  --input-bg:         #FFFFFF;
  --input-border:     #DADADA;
  --transition-speed: 0.3s;
}

/*===============================================
  2) Base Styles & Layout
===============================================*/
#reward-code-form {
  background: var(--bg-color);
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  max-width: 400px;
  margin: 1rem auto;
  font-family: 'Segoe UI', sans-serif;
  color: var(--text-color);
  overflow: hidden;
  direction:ltr;
  position: relative;
}

/* Input Field */
#reward-code-input {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 2px solid var(--input-border);
  border-radius: 8px;
  background: var(--input-bg);
  transition: border-color var(--transition-speed), box-shadow var(--transition-speed);
  outline: none;
}

/* On focus: glow effect */
#reward-code-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 8px rgba(108,92,231,0.4);
}

/* Submit Button */
#reward-code-form button {
  display: block;
  width: 100%;
  margin-top: 1rem;
  padding: 0.75rem;
  font-size: 1.1rem;
  color: #fff;
  background: var(--primary-color);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background var(--transition-speed), transform var(--transition-speed);
}

/* Button hover: lighten + pop */
#reward-code-form button:hover {
  background: var(--secondary-color);
  transform: translateY(-2px);
}

/* Button active: press-down */
#reward-code-form button:active {
  transform: translateY(1px);
}

/* Ripple effect */
#reward-code-form button::after {
  content: '';
  position: absolute;
  width: 120%;
  height: 120%;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}
#reward-code-form button:focus::after {
  top: -10%;
  left: -10%;
  transform: scale(1);
  opacity: 1;
}

/* Message Container */
#reward-code-message {
  margin-top: 0.75rem;
  font-weight: 500;
  min-height: 1.2rem;
  transition: opacity var(--transition-speed);
}

/*===============================================
  3) Animations
===============================================*/
/* Shake (error) */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

/* Pulse (success) */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* Floating labels effect on input container (optional) */
@keyframes float-label {
  0%   { transform: translateY(0); opacity: 0; }
  100% { transform: translateY(-16px); opacity: 1; }
}

/*===============================================
  4) State Classes
  (در JS: روی #reward-code-message کلاس های
   .error یا .success رو اضافه کنید)
===============================================*/
#reward-code-message.error {
  color: var(--error-color);
  animation: shake 0.5s ease-in-out;
}

#reward-code-message.success {
  color: var(--success-color);
  animation: pulse 0.6s ease-in-out;
}

/*===============================================
  5) Responsive (Mobile-first)
===============================================*/
@media (max-width: 480px) {
  #reward-code-form {
    margin: 0.5rem;
    padding: 1rem;
  }
  #reward-code-input, #reward-code-form button {
    font-size: 1rem;
    padding: 0.65rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ba20f74 */.elementor-35309 .elementor-element.elementor-element-6ba20f74 {
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6eee4897 */::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
} 
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: transparent;
}/* End custom CSS */
/* Start custom CSS */header, footer {
    display: none
}/* End custom CSS */