.elementor-6289 .elementor-element.elementor-element-668d84a{margin-top:-18px;margin-bottom:0px;padding:0px 0px -5px 0px;}.elementor-bc-flex-widget .elementor-6289 .elementor-element.elementor-element-1b36df7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6289 .elementor-element.elementor-element-1b36df7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6289 .elementor-element.elementor-element-1b36df7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6289 .elementor-element.elementor-element-1b36df7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6289 .elementor-element.elementor-element-5d93d04{width:100%;max-width:100%;margin:-42px -27px calc(var(--kit-widget-spacing, 0px) + -25px) -27px;}.elementor-6289 .elementor-element.elementor-element-5d93d04.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-6289 .elementor-element.elementor-element-fbb68b4{--display:flex;--min-height:111px;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--overlay-opacity:0;--border-radius:-4px 0px 0px 0px;--margin-top:-119px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-6289 .elementor-element.elementor-element-fbb68b4::before, .elementor-6289 .elementor-element.elementor-element-fbb68b4 > .elementor-background-video-container::before, .elementor-6289 .elementor-element.elementor-element-fbb68b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-6289 .elementor-element.elementor-element-fbb68b4 > .elementor-background-slideshow::before, .elementor-6289 .elementor-element.elementor-element-fbb68b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6289 .elementor-element.elementor-element-fbb68b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6289 .elementor-element.elementor-element-7637cba .e-search-input{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF0D 0%, #f2295b 100%);border-style:none;}.elementor-6289 .elementor-element.elementor-element-7637cba{margin:-6px 100px calc(var(--kit-widget-spacing, 0px) + -1px) 100px;}.elementor-6289 .elementor-element.elementor-element-7637cba.elementor-element{--align-self:stretch;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6289 .elementor-element.elementor-element-fbb68b4{--content-width:921px;}}@media(max-width:767px){.elementor-6289 .elementor-element.elementor-element-5d93d04{margin:43px 0px calc(var(--kit-widget-spacing, 0px) + -2px) 0px;}.elementor-6289 .elementor-element.elementor-element-fbb68b4{--min-height:300px;--overlay-opacity:0.99;--margin-top:3px;--margin-bottom:3px;--margin-left:3px;--margin-right:3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6289 .elementor-element.elementor-element-7637cba{margin:55px 18px calc(var(--kit-widget-spacing, 0px) + 3px) 16px;padding:11px 4px 10px 4px;z-index:300;}}/* Start custom CSS for html, class: .elementor-element-5d93d04 *//* =========================================
   Hero Section - Dark Navy Theme 
   Primary: #013850 | Secondary: #012C3D 
========================================= */

.km-hero {
  position: relative;
  width: 100%;
  padding: 160px 40px;
  background: linear-gradient(145deg, #012C3D, #013850, #012C3D);
  background-size: 200% 200%;
  animation: gradFlow 15s ease infinite;
  overflow: hidden;
  direction: rtl;
  font-family: 'Estedad', 'Vazir', sans-serif;
}

@keyframes gradFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ساختار دو ستونه */
.km-hero-inner {
  position: relative;
  z-index: 5;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.km-right {
  flex: 1;
  text-align: center;
  padding-right: 140px;
  margin-top: -50px;
}

.km-left {
  flex: 1;
  display: flex;
  justify-content: center;
}

/* =========================================
   افکت‌های نوری و ستاره‌ها
========================================= */

.km-glow {
  position: absolute;
  width: 460px;
  height: 460px;
  background: radial-gradient(circle,
    rgba(56, 189, 248, 0.35),
    rgba(2, 132, 199, 0.20),
    rgba(1, 56, 80, 0.15),
    transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  filter: blur(70px);
  animation: glowPulse 6s ease-in-out infinite;
}

@keyframes glowPulse {
  0% { opacity: .5; transform: translate(-50%, -55%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -55%) scale(1.25); }
  100% { opacity: .5; transform: translate(-50%, -55%) scale(1); }
}

/* ستاره‌ها */
.km-stars {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 380px;
  height: 380px;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.km-stars span {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #bae6fd;
  border-radius: 50%;
  box-shadow: 0 0 10px #38bdf8, 0 0 20px #38bdf8;
  opacity: 0.6;
  animation: starMove 4s linear infinite;
}

.km-stars span:nth-child(1) { top: 10%; left: 10%; animation-duration: 12s; }
.km-stars span:nth-child(2) { top: 30%; left: 80%; animation-duration: 10s; }
.km-stars span:nth-child(3) { top: 70%; left: 10%; animation-duration: 14s; }
.km-stars span:nth-child(4) { top: 50%; left: 60%; animation-duration: 11s; }
.km-stars span:nth-child(5) { top: 20%; left: 10%; animation-duration: 9s; }
.km-stars span:nth-child(6) { top: 80%; left: 75%; animation-duration: 13s; }

@keyframes starMove {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

/* دایره‌ها */
.km-circles span {
  position: absolute;
  border-radius: 50%;
  animation: floatDeep linear infinite;
}

.km-solid { background: rgba(56, 189, 248, .08); backdrop-filter: blur(3px); }
.km-border { border: 1px solid rgba(56, 189, 248, .3); }
.km-blur { background: rgba(56, 189, 248, .15); filter: blur(25px); opacity: .35; }
.km-small {
  background: rgba(56, 189, 248, .6);
  box-shadow: 0 0 12px #38bdf8, 0 0 25px #38bdf8;
  width: 6px;
  height: 6px;
}

@keyframes floatDeep {
  0% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-60px) translateX(35px); }
  100% { transform: translateY(0) translateX(0); }
}

/* =========================================
   لوگو و هاله‌های اطراف آن
========================================= */
.km-book {
  position: relative;
  width: 500px;
  max-width: 100%;
  animation: logoFloat 4s ease-in-out infinite;
  z-index: 10;
}

.km-book img {
  width: 100%;
  filter: drop-shadow(0 25px 60px rgba(0, 0, 0, .6));
}

@keyframes logoFloat {
  0% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
  100% { transform: translateY(0); }
}

.km-book::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  width: 420px;
  height: 200px;
  background: radial-gradient(circle,
    rgba(56, 189, 248, 0.5),
    rgba(2, 132, 199, 0.3),
    transparent 70%);
  filter: blur(45px);
  opacity: .9;
  animation: logoGlow 5s ease-in-out infinite;
  z-index: -1;
}

@keyframes logoGlow {
  0% { opacity: .6; transform: translateX(-50%) scale(.9); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.2); }
  100% { opacity: .6; transform: translateX(-50%) scale(.9); }
}

.km-book::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  border: 1px solid rgba(56, 189, 248, .25);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotateAura 18s linear infinite;
  pointer-events: none;
}

@keyframes rotateAura {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.km-logo-sparkles span {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #bae6fd;
  border-radius: 50%;
  box-shadow: 0 0 8px #38bdf8, 0 0 18px #38bdf8, 0 0 30px #38bdf8;
  animation: sparkleLogo 6s infinite ease-in-out;
}

@keyframes sparkleLogo {
  0%, 100% { opacity: .2; transform: scale(.6); }
  50% { opacity: 1; transform: scale(1.8); }
}

/* =========================================
   تایپوگرافی و دکمه‌ها
========================================= */

.km-title {
  color: #f0f9ff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.4;
}

.km-subtitle {
  color: #bae6fd;
  font-size: 18px;
  max-width: 460px;
  line-height: 1.8;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.km-btn {
  display: inline-block;
  /* 🔥 تغییر جدید: حرکت جزئی دکمه به پایین در دسکتاپ */
  margin-top: 20px; 
  padding: 14px 40px;
  font-size: 18px;
  background: rgba(56, 189, 248, .15);
  border: 1px solid rgba(56, 189, 248, .50);
  border-radius: 14px;
  color: #fff;
  text-decoration: none;
  transition: .4s ease;
  box-shadow:
    0 0 6px rgba(56, 189, 248, .3),
    0 0 14px rgba(56, 189, 248, .2);
}

.km-btn:hover {
  background: rgba(56, 189, 248, .30);
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(56, 189, 248, .4);
}

.km-wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  display: none; 
}

/* =========================================
   📱 ریسپانسیو موبایل (طراحی مجدد، تمیز و اپلیکیشنی)
========================================= */
@media (max-width: 768px) {
  .km-wave {
    display: none !important; /* 🔥 تغییر: پایین باکس تو موبایل کاملاً صاف شد */
  }

  .km-hero {
    padding: 80px 20px 80px; /* 🔥 تغییر: کم کردن فاصله پایین چون موج رو حذف کردیم */
  }

  .km-hero-inner {
    flex-direction: column-reverse;
    text-align: center;
    gap: 40px;
  }

  .km-right {
    padding-right: 0 !important;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; 
  }

  .km-title {
    font-size: 28px !important; 
    margin-bottom: 12px;
    color: #f0f9ff !important;
    text-align: center;
  }

  .km-subtitle {
    font-size: 15px;
    max-width: 90%;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #bae6fd !important;
    text-align: center;
  }

  .km-btn {
    /* 🔥 تغییر جدید: خنثی کردن فاصله دسکتاپ تا توی موبایل همون‌جای قبلیش بمونه */
    margin-top: 0 !important; 
    font-size: 16px;
    padding: 14px 20px;
    width: 85%;
    max-width: 280px;
    text-align: center;
  }

  .km-glow {
    width: 300px;
    height: 300px;
  }

  .km-left {
    width: 100%;
  }

  .km-book {
    width: 220px !important; 
    height: 220px !important;
    margin: 0 auto;
  }

  .km-book img {
    width: 220px !important;
    height: 220px !important;
  }

  .km-book::before {
    width: 180px !important;
    height: 60px !important;
    bottom: -15px !important;
    opacity: 0.8 !important;
    filter: blur(25px) !important;
  }

  .km-book::after {
    width: 250px !important;
    height: 250px !important;
  }

  .km-stars {
    animation: none; 
    width: 100%;
    height: 100%;
  }
  
  .km-stars span {
    animation: starMove 4s linear infinite;
  }
  
  .km-stars span:nth-child(1) { top: 10%; left: 20%; }
  .km-stars span:nth-child(2) { top: 25%; right: 15%; }
  .km-stars span:nth-child(3) { top: 60%; right: 10%; }
  .km-stars span:nth-child(4) { bottom: 20%; right: 25%; }
  .km-stars span:nth-child(5) { bottom: 10%; left: 30%; }
  .km-stars span:nth-child(6) { top: 40%; left: 10%; }
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-7637cba *//* کادر اصلی جستجو: افکت شیشه‌ای مدرن با ابعاد ارگونومیک و لوکس */
.elementor-6289 .elementor-element.elementor-element-7637cba form,
.elementor-6289 .elementor-element.elementor-element-7637cba .elementor-search-form {
    display: flex !important;
    flex-direction: row-reverse !important; /* دکمه در سمت راست */
    align-items: center !important;
    background: linear-gradient(135deg, rgba(6, 30, 49, 0.85) 0%, rgba(3, 18, 30, 0.7) 100%) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    
    /* کادر با های‌لایت ظریف بالایی برای ایجاد عمق سه‌بعدی */
    border: 1.5px solid rgba(56, 182, 255, 0.35) !important;
    border-radius: 50px !important;
    
    padding: 5px 7px 5px 16px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    
    /* سایه و نئون چندلایه شیک */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35),
                0 0 18px rgba(0, 196, 200, 0.18),
                inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 100% !important;
}

/* افکت فوق‌العاده هنگام هاور و فوکوس */
.elementor-6289 .elementor-element.elementor-element-7637cba form:hover,
.elementor-6289 .elementor-element.elementor-element-7637cba form:focus-within {
    border-color: rgba(56, 182, 255, 0.8) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45),
                0 0 24px rgba(0, 196, 200, 0.4),
                inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
    transform: translateY(-2px);
}

/* متن ورودی جستجو */
.elementor-6289 .elementor-element.elementor-element-7637cba input[type="search"],
.elementor-6289 .elementor-element.elementor-element-7637cba input[type="text"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #f0f9ff !important;
    font-family: 'Estedad', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    height: 100% !important;
    width: 100% !important;
}

.elementor-6289 .elementor-element.elementor-element-7637cba input::placeholder {
    color: rgba(186, 230, 253, 0.6) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: -0.2px;
}

/* دکمه جستجو: کپسولی، درخشان و باوقار */
.elementor-6289 .elementor-element.elementor-element-7637cba button,
.elementor-6289 .elementor-element.elementor-element-7637cba input[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #00c4c8 0%, #008e91 100%) !important;
    border: none !important;
    border-radius: 40px !important;
    color: #ffffff !important;
    font-family: 'Estedad', sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    padding: 0 22px !important;
    height: 44px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 142, 145, 0.45) !important;
    transition: all 0.3s ease !important;
}

.elementor-6289 .elementor-element.elementor-element-7637cba button:hover,
.elementor-6289 .elementor-element.elementor-element-7637cba input[type="submit"]:hover {
    background: linear-gradient(135deg, #2bf0f5 0%, #00a4a8 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 196, 200, 0.65), 0 0 10px rgba(43, 240, 245, 0.5) !important;
    transform: scale(1.03);
    color: #ffffff !important;
}

/* --- تنظیمات بهینه برای نسخه موبایل --- */
@media (max-width: 768px) {
    .elementor-6289 .elementor-element.elementor-element-7637cba form,
    .elementor-6289 .elementor-element.elementor-element-7637cba .elementor-search-form {
        height: 52px !important;
        padding: 4px 6px 4px 12px !important;
    }

    .elementor-6289 .elementor-element.elementor-element-7637cba button,
    .elementor-6289 .elementor-element.elementor-element-7637cba input[type="submit"] {
        height: 42px !important;
        padding: 0 18px !important;
        font-size: 13.5px !important;
    }

    .elementor-6289 .elementor-element.elementor-element-7637cba input[type="search"],
    .elementor-6289 .elementor-element.elementor-element-7637cba input[type="text"] {
        font-size: 14px !important;
        padding: 0 10px !important;
    }
}/* End custom CSS */