.elementor-15 .elementor-element.elementor-element-61cba46{--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;}.elementor-15 .elementor-element.elementor-element-768b087{margin:-201px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-ad85eea{--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;--margin-top:-202px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-06aeac1{--display:flex;--min-height:426px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-06aeac1 > .elementor-shape-bottom svg, .elementor-15 .elementor-element.elementor-element-06aeac1 > .e-con-inner > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:118px;}.elementor-15 .elementor-element.elementor-element-64ccdda{--display:flex;}.elementor-15 .elementor-element.elementor-element-919004e{margin:12px 400px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );box-shadow:1px 1px 12px 2px rgba(0,0,0,0.5);}.elementor-15 .elementor-element.elementor-element-919004e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-15 .elementor-element.elementor-element-42203bd{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-fda0b3a{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-e56e411 .gallery-item .gallery-caption{text-align:center;font-family:"vazir", Sans-serif;font-weight:900;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-919004e{margin:30px 94px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-61cba46{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-44px;--padding-top:97px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-ad85eea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-919004e{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-06aeac1{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-768b087 */<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>3D Carousel</title>
  <style>
    /* ============================== 3D Carousel - ظاهر اولیه + هاور عالی + توقف فقط روی عکس + بدون فلش ============================== */
    /* Keyframes */
    @keyframes carousel-rotation-reverse {
      from { transform: translateZ(var(--_z)) rotateY(0deg); }
      to { transform: translateZ(var(--_z)) rotateY(360deg); }
    }
    @keyframes carousel-rotation-normal {
      from { transform: rotateY(0deg); }
      to { transform: rotateY(360deg); }
    }
    /* Vars */
    :root {
      --carousel-transition-duration: 320ms;
      --carousel-transition-ease: cubic-bezier(.25,.1,.25,1);
      --carousel-bg-color-rgb: 255,255,255;
      --carousel-shadow-color-rgb: 0,0,0;
      --carousel-item-width: 180px;
      --carousel-item-height: 280px;
      --carousel-item-hover-effect: 1.15;
      --carousel-item-reflection-blur: 0.25rem;
      --carousel-diameter: 800px;
      --carousel-3d-perspective: 1000px;
      --carousel-3d-perspective-origin: 50% 20%;
      --carousel-animation-duration: 30s;
    }
    /* Reset */
    body {
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, sans-serif;
      background: #f5f7fa;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
    .carousel-wrapper * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    /* Wrapper */
    .carousel-wrapper {
      --_diameter: var(--carousel-diameter);
      --_radius: calc(var(--_diameter) / 2);
      --_item-width: var(--carousel-item-width);
      --_item-height: var(--carousel-item-height);
      width: var(--_diameter);
      height: var(--_diameter);
      perspective: var(--carousel-3d-perspective);
      perspective-origin: var(--carousel-3d-perspective-origin);
      margin: 2rem auto !important;
      position: relative !important;
      overflow: visible !important;
      direction: ltr;
    }
    /* حذف فلش‌ها */
    .carousel-control-button { display: none !important; }
    /* Carousel base */
    .carousel {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      transform-style: preserve-3d;
    }
    /* Rotation layers */
    .carousel-rotation-direction {
      --_z: calc(var(--_radius) * -1);
      transform: translateZ(var(--_z));
      transform-style: preserve-3d;
      animation: carousel-rotation-reverse calc(var(--carousel-animation-duration) / 2) reverse linear infinite;
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
    }
    /* Item wrapper */
    .carousel-item-wrapper {
      transform-style: preserve-3d;
      width: 100%;
      height: 100%;
      list-style: none;
      position: absolute;
      inset: 0;
      animation: carousel-rotation-normal var(--carousel-animation-duration) linear infinite;
    }
    /* Items */
    .carousel-item {
      --_width: var(--_item-width);
      --_height: var(--_item-height);
      --_rotation: calc(360 / var(--_num-elements) * var(--_index) * 1deg);
      position: absolute;
      left: 50%;
      top: 50%;
      width: var(--_width);
      height: var(--_height);
      transform: translate(-50%, -50%) rotateY(var(--_rotation)) translateZ(var(--_radius));
      transform-style: preserve-3d;
      transition: all var(--carousel-transition-duration) var(--carousel-transition-ease);
      z-index: 1;
      will-change: transform;
    }
    /* Item content */
    .carousel-item a {
      display: block !important;
      width: 100%;
      height: 100%;
      background-image: var(--_image-url);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-radius: 12px;
      text-indent: -9999px;
      font-size: 0;
      filter: brightness(1) !important; /* حذف فیلتر سیاه و سفید */
      box-shadow: none !important; /* حذف سایه */
      transition: all var(--carousel-transition-duration) var(--carousel-transition-ease);
      overflow: hidden;
    }
    /* Reflection */
    .carousel-item::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: linear-gradient(to top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 75%), var(--_image-url);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      filter: blur(var(--carousel-item-reflection-blur)) brightness(1) !important; /* حذف grayscale */
      transform-origin: center bottom;
      transform: rotateX(90deg) rotateZ(180deg) rotateY(180deg);
      pointer-events: none;
      z-index: 0;
      transition: filter var(--carousel-transition-duration);
    }
    /* Ground */
    .carousel-ground {
      width: var(--_diameter);
      height: var(--_diameter);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--_item-height) / -2 - 30px));
      border-radius: 50%;
      background: radial-gradient(rgba(var(--carousel-shadow-color-rgb),0.25) 15%, rgba(var(--carousel-bg-color-rgb),0) 60%);
      opacity: 0.4;
      pointer-events: none;
      z-index: 0;
      transition: opacity var(--carousel-transition-duration);
    }
    /* ===== FIXED HOVER EFFECTS ===== */
    /* هاور فقط برای 3 عکس جلویی (آیتم‌های 5،6،7) */
    .carousel-item:nth-child(5), 
    .carousel-item:nth-child(6), 
    .carousel-item:nth-child(7) {
      z-index: 10;
    }
    .carousel-item:nth-child(5):hover, 
    .carousel-item:nth-child(6):hover, 
    .carousel-item:nth-child(7):hover {
      transform: translate(-50%, -50%) rotateY(var(--_rotation)) translateZ(calc(var(--_radius) * 1.3)) scale(1.15) !important;
      z-index: 999 !important;
      transition: transform 400ms var(--carousel-transition-ease) !important;
    }
    .carousel-item:nth-child(5):hover a, 
    .carousel-item:nth-child(6):hover a, 
    .carousel-item:nth-child(7):hover a {
      filter: brightness(1.05) !important;
      transform: scale(1.05) !important;
      box-shadow: none !important;
      transition: all 400ms var(--carousel-transition-ease) !important;
    }
    .carousel-item:nth-child(5):hover::before, 
    .carousel-item:nth-child(6):hover::before, 
    .carousel-item:nth-child(7):hover::before {
      filter: blur(var(--carousel-item-reflection-blur)) brightness(1.05) !important;
    }
    /* عکس‌های غیر جلویی هیچ واکنشی نشان ندهند */
    .carousel-item:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):hover {
      transform: translate(-50%, -50%) rotateY(var(--_rotation)) translateZ(var(--_radius)) !important;
      z-index: 1 !important;
    }
    .carousel-item:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):hover a {
      filter: brightness(1) !important;
      transform: none !important;
      box-shadow: none !important;
      cursor: default;
    }
    /* Enhanced ground effect on hover */
    .carousel:hover .carousel-ground {
      opacity: 0.6;
    }
    /* Responsive */
    @media only screen and (max-width: 900px) {
      .carousel-wrapper { --_diameter: 700px; }
    }
    @media only screen and (max-width: 700px) {
      .carousel-wrapper { --_diameter: 600px; }
    }
    @media only screen and (max-width: 480px) {
      .carousel-wrapper { --_diameter: 520px; --carousel-item-width: 160px; --carousel-item-height: 250px; }
    }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-919004e *//* در بخش Advanced > Custom CSS */

.my-custom-video {
    width: 500px !important;
    height: 270px !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-e56e411 *//* ==== ساختار پایه ==== */
body {
  position: relative;
  min-height: 100vh;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: transparent;
  transition: background-color 450ms cubic-bezier(.2, .8, .2, 1);
  z-index: -1;
  pointer-events: none;
}

/* ==== گالری ==== */
.my-pro-gallery {
  position: relative;
  z-index: 2;
}
.my-pro-gallery .elementor-gallery__container,
.my-pro-gallery .gallery {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px !important;
}

/* ==== آیتم‌ها ==== */
.my-pro-gallery .elementor-gallery-item,
.my-pro-gallery .gallery-item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08) !important;
  flex: 0 1 calc(25% - 30px) !important;
  margin: 0 !important;
  transition: all 0.4s ease !important;
  isolation: isolate !important;
}

/* ==== تصویر ==== */
.my-pro-gallery img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: opacity 420ms cubic-bezier(.2,.8,.2,1), transform 420ms cubic-bezier(.2,.8,.2,1) !important;
  z-index: 1;
}

/* ==== رنگ پس‌زمینه Hover ==== */
.my-pro-gallery .elementor-gallery-item::after,
.my-pro-gallery .gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  opacity: 0;
  transition: opacity 420ms ease, background 420ms ease;
  z-index: 2;
}

/* رنگ‌ها — دقیقاً یکی برای عکس و پس‌زمینه */
:root {
  --mpg-1: #0047ff;
  --mpg-2: #5a7bff;
  --mpg-3: #3b3b3b;
  --mpg-4: #6e6e6e;
  --mpg-5: #e0e0e0;
  --mpg-6: #f5f7ff;
  --mpg-7: #ff6b6b;
  --mpg-8: #4ecdc4;
  --mpg-9: #45b7d1;
  --mpg-10: #96ceb4;
  --mpg-11: #ffeaa7;
  --mpg-12: plum;
  --mpg-13: #98d8c8;
  --mpg-14: #f7dc6f;
  --mpg-15: #bb8fce;
  --mpg-16: #85c1e9;
  --mpg-17: #f8c471;
  --mpg-18: #82e0aa;
  --mpg-19: #f1948a;
  --mpg-20: #73c6b6;
}

/* ==== اتصال رنگ‌ها به nth-child ==== */
.my-pro-gallery .gallery-item:nth-child(1)::after { background: var(--mpg-1); }
.my-pro-gallery .gallery-item:nth-child(2)::after { background: var(--mpg-2); }
.my-pro-gallery .gallery-item:nth-child(3)::after { background: var(--mpg-3); }
.my-pro-gallery .gallery-item:nth-child(4)::after { background: var(--mpg-4); }
.my-pro-gallery .gallery-item:nth-child(5)::after { background: var(--mpg-5); }
.my-pro-gallery .gallery-item:nth-child(6)::after { background: var(--mpg-6); }
.my-pro-gallery .gallery-item:nth-child(7)::after { background: var(--mpg-7); }
.my-pro-gallery .gallery-item:nth-child(8)::after { background: var(--mpg-8); }
.my-pro-gallery .gallery-item:nth-child(9)::after { background: var(--mpg-9); }
.my-pro-gallery .gallery-item:nth-child(10)::after { background: var(--mpg-10); }
.my-pro-gallery .gallery-item:nth-child(11)::after { background: var(--mpg-11); }
.my-pro-gallery .gallery-item:nth-child(12)::after { background: var(--mpg-12); }
.my-pro-gallery .gallery-item:nth-child(13)::after { background: var(--mpg-13); }
.my-pro-gallery .gallery-item:nth-child(14)::after { background: var(--mpg-14); }
.my-pro-gallery .gallery-item:nth-child(15)::after { background: var(--mpg-15); }
.my-pro-gallery .gallery-item:nth-child(16)::after { background: var(--mpg-16); }
.my-pro-gallery .gallery-item:nth-child(17)::after { background: var(--mpg-17); }
.my-pro-gallery .gallery-item:nth-child(18)::after { background: var(--mpg-18); }
.my-pro-gallery .gallery-item:nth-child(19)::after { background: var(--mpg-19); }
.my-pro-gallery .gallery-item:nth-child(20)::after { background: var(--mpg-20); }

/* ==== هاور ==== */
.my-pro-gallery .gallery-item:hover img {
  opacity: 0;
  transform: scale(1.05);
}
.my-pro-gallery .gallery-item:hover::after {
  opacity: 1;
}
body:has(.my-pro-gallery .gallery-item:nth-child(1):hover)::before { background-color: var(--mpg-1) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(2):hover)::before { background-color: var(--mpg-2) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(3):hover)::before { background-color: var(--mpg-3) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(4):hover)::before { background-color: var(--mpg-4) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(5):hover)::before { background-color: var(--mpg-5) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(6):hover)::before { background-color: var(--mpg-6) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(7):hover)::before { background-color: var(--mpg-7) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(8):hover)::before { background-color: var(--mpg-8) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(9):hover)::before { background-color: var(--mpg-9) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(10):hover)::before { background-color: var(--mpg-10) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(11):hover)::before { background-color: var(--mpg-11) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(12):hover)::before { background-color: var(--mpg-12) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(13):hover)::before { background-color: var(--mpg-13) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(14):hover)::before { background-color: var(--mpg-14) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(15):hover)::before { background-color: var(--mpg-15) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(16):hover)::before { background-color: var(--mpg-16) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(17):hover)::before { background-color: var(--mpg-17) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(18):hover)::before { background-color: var(--mpg-18) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(19):hover)::before { background-color: var(--mpg-19) !important; }
body:has(.my-pro-gallery .gallery-item:nth-child(20):hover)::before { background-color: var(--mpg-20) !important; }

/* ==== رسپانسیو ==== */
@media (max-width: 1024px) {
  .my-pro-gallery .elementor-gallery__container,
  .my-pro-gallery .gallery {
    gap: 20px !important;
  }
  .my-pro-gallery .gallery-item {
    flex: 0 1 calc(33.333% - 20px) !important;
  }
}
@media (max-width: 767px) {
  .my-pro-gallery .elementor-gallery__container,
  .my-pro-gallery .gallery {
    gap: 10px !important;
  }
  .my-pro-gallery .gallery-item {
    flex: 0 1 calc(50% - 10px) !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'vazir';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Light.eot');
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Light.eot?#iefix') format('embedded-opentype'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Light.woff2') format('woff2'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Light.woff') format('woff'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'vazir';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Medium.eot');
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Medium.woff2') format('woff2'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Medium.woff') format('woff'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'vazir';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Bold.eot');
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Bold.woff2') format('woff2'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Bold.woff') format('woff'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'vazir';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Thin.eot');
	src: url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Thin.woff2') format('woff2'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Thin.woff') format('woff'),
		url('https://mahsamrd.com/wp-content/uploads/2025/09/Vazir-Thin.ttf') format('truetype');
}
/* End Custom Fonts CSS */