.header-logo img {
    -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 50%) right / 300% 100%;
    mask: linear-gradient(-60deg,#000 30%,#0005,#000 50%) right / 300% 100%;
    animation: shimmer 4s infinite;
}
.header {
    width: auto !important;
    inset-inline: 0 !important;
}
.home .menu-header i:before{
    color: #FFF;
    transition: all 0.3s ease !important;
}
.header.elementor-sticky--effects .menu-header i:before{
    color: #3a3a3a;
}
@media screen and (max-width: 767px) {
.home .header-logo img{
	filter: none !important;
}
}
.home .menu-header span.e-n-menu-title-text {
    color: #FBF8F5 !important;
}
.home .header {
    position: absolute;
}
.header.elementor-sticky--effects {
    backdrop-filter: blur(10px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    background: rgb(255 255 255 / 11%);
}
.header-logo {
    max-width: 100% !important; /* سایز اصلی لوگو */
    transition: all 0.2s cubic-bezier(.5,.5,.66,.66) !important;
}
.header{
     transition: all 0.3s cubic-bezier(.5,.5,.66,.66) ;
}
.header.elementor-sticky--effects .header-logo {
    max-width: 80% !important;
}
.header.elementor-sticky--effects span.e-n-menu-title-text {
    color: #3a3a3a !important;
}
/* .home .header-logo{ */
        /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(244%) hue-rotate(327deg) brightness(111%) contrast(96%); */
/* } */
@keyframes shimmer{
    
0% {
    -webkit-mask-position: 140% 140%;
    mask-position: 140% 140%;
}
100% {
    -webkit-mask-position: -20% -20%;
    mask-position: -20% -20%;
}
}
/*/ ========= footer logo=============/*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;1,300&display=swap');

.animated-name-widget {
  --color-text-primary: #FBF8F5;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-border-secondary: #dddddd;
  direction: ltr !important;
  text-align: center;
  min-height: 280px;
}

.animated-name-widget, 
.animated-name-widget *,
.animated-name-widget *::before, 
.animated-name-widget *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.stage {
  width: 100%;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 0;
}

canvas#bg-animated {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.name-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 2;
  direction: ltr !important;
  unicode-bidi: isolate;
}

.dr-label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  font-size: clamp(13px, 2vw, 16px);
  letter-spacing: 0.55em;
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 1.4s cubic-bezier(0.16,1,0.3,1), transform 1.4s cubic-bezier(0.16,1,0.3,1);
  direction: ltr !important;
  unicode-bidi: isolate;
}

.dr-label.visible { 
  opacity: 1; 
  transform: translateY(0); 
}

.letters-row {
  display: flex;
  align-items: baseline;
  gap: 0;
  direction: ltr !important;
  unicode-bidi: isolate;
}

.letter {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: clamp(52px, 10vw, 100px);
  color: var(--color-text-primary);
  line-height: 1;
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  filter: blur(6px);
  transition:
    opacity 1s cubic-bezier(0.16,1,0.3,1),
    transform 1s cubic-bezier(0.16,1,0.3,1),
    filter 1s cubic-bezier(0.16,1,0.3,1);
  will-change: transform, opacity, filter;
  unicode-bidi: isolate;
}

.letter.visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}

.letter.space { 
  width: 0.25em; 
}

.ornament-line {
  display: flex;
  align-items: center;
  gap: 14px;
  opacity: 0;
  transform: scaleX(0.3);
  transition: opacity 1.6s cubic-bezier(0.16,1,0.3,1), transform 1.6s cubic-bezier(0.16,1,0.3,1);
  transform-origin: center;
  direction: ltr !important;
  margin-top: 10px;
}

.ornament-line.visible { 
  opacity: 1; 
  transform: scaleX(1); 
}

.footer-subtitle {
  display: block;
  width: 100%;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  direction: rtl !important;
  font-family: inherit;
  font-size: clamp(14px, 2.5vw, 18px);
  color: white;
  margin-top: 5px;
}

.footer-subtitle.visible { 
  opacity: 1; 
  transform: translateY(0);
}

.line-seg {
  height: 0.5px;
  width: 90px;
  background: var(--color-border-secondary);
}

.ornament-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--color-text-tertiary);
}

/* 👈 انیمیشن پالس برای لوزی */
@keyframes diamondPulse {
  0% {
    transform: rotate(45deg) scale(1);
    opacity: 1;
  }
  50% {
    transform: rotate(45deg) scale(1.4);
    opacity: 0.6;
  }
  100% {
    transform: rotate(45deg) scale(1);
    opacity: 1;
  }
}

.ornament-diamond {
  width: 5px;
  height: 5px;
  background: #a88442;
  transform: rotate(45deg);
  transform-origin: center center;
  animation: diamondPulse 2s ease-in-out infinite; /* 👈 انیمیشن پالس */
}

/* استایل برای حالت نهایی (بعد از انیمیشن) */
.letter.final {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0px);
}

.dr-label.final {
  opacity: 1;
  transform: translateY(0);
}

.ornament-line.final {
  opacity: 1;
  transform: scaleX(1);
}
.mobile-offcanvas-icon {
    line-height: 0;
}
.elementor-widget-off-canvas .e-off-canvas__overlay {
    height: 100vh;

}
.footer-subtitle.final {
  opacity: 1;
  transform: translateY(0);
}
/*/ ========= end of footer logo=============/*/

.separator-footer {
    mask: linear-gradient(to right,transparent,white 10% 90%,transparent);
}
.menu-header .e-n-menu-content > div::before {
    content: "";
    background: url("../../assets/img/curve-menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 16px;
    border-radius: 0;
    top: -11.25px;
    right: 50%;
    transform: translateX(50%) translateY(-1.5px) scaleX(1.3);
}
/* ================================
   مگامنو المنتور - افکت باز/بسته حرفه‌ای (نسخه اصلاح‌شده)
   ================================ */

.e-n-menu-content,
.e-n-menu-item-content {
  /* نکته کلیدی: display رو ثابت نگه می‌داریم تا انیمیشن بستن هم کار کنه */
  display: flex !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(0.98);
  transform-origin: top center;
  transition:
    opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0.4s; /* تأخیر در visibility فقط موقع بسته شدن */
  will-change: opacity, transform;
}

/* اگر سایت شما از اتریبیوت hidden به‌جای display استفاده می‌کنه، این خط هم لازمه */
.e-n-menu-content[hidden],
.e-n-menu-item-content[hidden] {
  display: flex !important;
}

/* حالت باز */
.e-n-menu-item.e-active > .e-n-menu-content,
.e-n-menu-item.e-active > .e-n-menu-item-content,
.e-n-menu-content.e-active,
.e-n-menu-item-content.e-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition:
    opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0s; /* بدون تأخیر موقع باز شدن */
}




/* انیمیشن پلکانی آیتم‌های داخلی هنگام باز شدن */
.e-n-menu-item.e-active > .e-n-menu-content > * {
  animation: menuItemFadeUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.e-n-menu-item.e-active > .e-n-menu-content > *:nth-child(1) { animation-delay: 0.05s; }
.e-n-menu-item.e-active > .e-n-menu-content > *:nth-child(2) { animation-delay: 0.1s; }
.e-n-menu-item.e-active > .e-n-menu-content > *:nth-child(3) { animation-delay: 0.15s; }
.e-n-menu-item.e-active > .e-n-menu-content > *:nth-child(4) { animation-delay: 0.2s; }
.e-n-menu-item.e-active > .e-n-menu-content > *:nth-child(5) { animation-delay: 0.25s; }

@keyframes menuItemFadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}



@media (prefers-reduced-motion: reduce) {
  .e-n-menu-content,
  .e-n-menu-item-content,
  .e-n-menu-item.e-active > .e-n-menu-content > * {
    transition: none !important;
    animation: none !important;
  }
}
.menu-header a.e-n-menu-title-container.e-focus.e-link:after {
    content: "";
    width: 50%;
    height: 3px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: -5px;
    border-radius: 10px;
    margin: 0 auto;
    inset-inline: 0;
    opacity: 0;
    transition: all  0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-header a.e-n-menu-title-container.e-focus.e-link:hover:after {
    opacity: 1;
    bottom: -3px;
}
.megamenu-tab.elementor-widget-n-tabs .e-n-tab-title::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top center;
    width: 20px;
    height: 14px;
    background: #a88442;
     clip-path: polygon(50% 60%, 0% 0%, 100% 0%);
    border-radius: 0 0 80px 80px; 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: -1 !important;
}

.megamenu-tab.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::after {
    transform: translateX(-50%) scaleY(1);
}
.megamenu-tab {
    height: 200px;
}
.megamenu .elementor-icon-list-items .elementor-icon-list-item, .megamenu-tab .elementor-icon-list-items .elementor-icon-list-item {
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.megamenu .elementor-icon-list-items:hover .elementor-icon-list-item:not(:hover), .megamenu-tab .elementor-icon-list-items:hover .elementor-icon-list-item:not(:hover) {
  opacity: 0.3;
}
.megamenu .elementor-icon-list-items .elementor-icon-list-item:hover, .megamenu-tab .elementor-icon-list-items .elementor-icon-list-item:hover {
  opacity: 1;
}
div#navigation-bar {
    bottom: 1rem;
    background-color: #C6A769;
    z-index: 9;
    box-shadow: 0 0 15px 5px rgb(51 51 51 / 15%);
}
div#navigation-bar i:before{
    color: #FFF;
}
div#navigation-bar::before {
    content: "";
    position: absolute;
    padding: var(--border-size);
    border-radius: inherit;;
    pointer-events: none;
    z-index: -1;
    opacity: 0.75;
    transition: opacity 250ms ease;
    background: conic-gradient(from var(--border-angle), transparent 0deg, transparent 275deg, rgb(168 132 66 / 20%) 300deg, rgb(168 132 66) 325deg, rgb(168 132 66 / 79%) 340deg, transparent 360deg);
    animation: border-orbit var(--border-speed) linear infinite;
    /* Show only the border area */
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
@keyframes border-orbit {
    to {
        --border-angle: 360deg;
    }
}
@property --border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
div#navigation-bar {
    --blob-size: 250px;
    --border-size: 1.5px;
    --border-speed: 3s;
    --border-angle: 0deg;
    padding: 5px;
}
  #navgitaion-bar {

  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#navgitaion-bar.hidden {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.image-column-wrapper {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        /* ------------------------- */
        /* استایل‌های اصلی ستون عکس */
        /* ------------------------- */


        .orbital-wrapper {
            position: relative;
            width: 300px;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* حلقه‌های گردان (Orbit Rings) */
        .orbit-ring {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            border: 1px solid rgba(212, 175, 55, 0.15);
            pointer-events: none;
        }
        .ring-1 { width: 100%; height: 100%; border: 1px dashed #8b6532; }
        .ring-2 { width: 120%; height: 120%; border: 1px solid #8b653291; }

        /* المان‌های گردان اطراف دایره */
        .orbiting-icon {
            position: absolute;
            background: rgba(10, 14, 23, 0.8);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #d4af37;
            font-size: 20px;
            width: 50px;
            height: 50px;
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
            transform-origin: center;
            will-change: transform;
        }

        /* موقعیت‌های دقیق برای گردش */
        .icon-1 { top: -25px; left: 50%; transform: translateX(-50%); } /* بالا */
        .icon-2 { bottom: -25px; left: 50%; transform: translateX(-50%); } /* پایین */
        .icon-3 { top: 50%; right: -25px; transform: translateY(-50%); } /* راست */
        .icon-4 { top: 50%; left: -25px; transform: translateY(-50%); } /* چپ */
        .icon-5 { top: 15%; right: 10%; } /* بالا-راست */
        .icon-6 { bottom: 15%; left: 10%; } /* پایین-چپ */

        /* کانتینر اصلی دایره عکس (با سایه عمیق Before/After) */
        .circle-image-container {
            position: relative;
            width: 80%;
            height: 80%;
            border-radius: 50%;
            z-index: 2;
    background: #c6a769;
    box-shadow: 0 0 0 10px rgba(212, 175, 55, 0.6), 0 0 0 20px rgba(212, 175, 55, 0.2);
            overflow: hidden;
        }

        /* سایه عمیق سه‌بعدی (The Deep 3D Shadow) - همان افکت Before/After جذاب */
        .circle-image-container::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            transform: translate(10px, 15px) scale(0.98);
            z-index: -1;
            pointer-events: none;
            background: transparent;
        }

        /* سایه دینامیک متمرکز روی صورت (Vignette) */
        .circle-image-container::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background: radial-gradient(circle at 50% 30%, transparent 40%, rgba(0,0,0,0.4) 90%);
            z-index: 1;
            pointer-events: none;
        }

        .doctor-img {
    margin: 0 auto;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    width: 60%;
    height: 100%;
    object-fit: contain !important;
    object-position: top 20% center;
    z-index: 0;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1.1);
    opacity: 0;
}

        .circle-image-container:hover .doctor-img {
            transform: scale(1.15);
        }

        /* واکنش‌گرایی (موبایل) برای این کامپوننت */
        @media (max-width: 1024px) {
            .image-column { justify-content: center; }
            .orbital-wrapper { width: 320px; height: 320px; }
        }