.elementor-975 .elementor-element.elementor-element-6772261{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-975 .elementor-element.elementor-element-95b76a8{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-975 .elementor-element.elementor-element-95b76a8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-975 .elementor-element.elementor-element-5404f94{margin:17px 7px calc(var(--kit-widget-spacing, 0px) + 42px) 0px;}.elementor-975 .elementor-element.elementor-element-5404f94 .elementor-heading-title{font-family:"IranYekan", Sans-serif;font-size:23px;font-weight:700;color:#000000;}.elementor-975 .elementor-element.elementor-element-514e0e9{margin:-21px 3px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-975 .elementor-element.elementor-element-dfffe84{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-975 .elementor-element.elementor-element-dfffe84 .elementor-icon-list-icon{width:14px;}.elementor-975 .elementor-element.elementor-element-dfffe84 .elementor-icon-list-icon i{font-size:14px;}.elementor-975 .elementor-element.elementor-element-dfffe84 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-975 .elementor-element.elementor-element-dfffe84 .elementor-icon-list-item{font-family:"IranYekan", Sans-serif;font-weight:400;}.elementor-widget-theme-post-featured-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-975 .elementor-element.elementor-element-8c267ba{width:var( --container-widget-width, 106.606% );max-width:106.606%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:106.606%;--container-widget-flex-grow:0;text-align:center;}.elementor-975 .elementor-element.elementor-element-8c267ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-975 .elementor-element.elementor-element-8c267ba img{width:529px;max-width:56%;border-radius:28px 28px 28px 28px;}.elementor-widget-theme-post-content{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-975 .elementor-element.elementor-element-c6f7386{--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:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-975 .elementor-element.elementor-element-c6f7386.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-975 .elementor-element.elementor-element-10a1439{width:var( --container-widget-width, 105.348% );max-width:105.348%;--container-widget-width:105.348%;--container-widget-flex-grow:0;}.elementor-975 .elementor-element.elementor-element-10a1439.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-975 .elementor-element.elementor-element-f7505da{--display:flex;--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:37px;--margin-bottom:-49px;--margin-left:0px;--margin-right:30px;}.elementor-975 .elementor-element.elementor-element-44eda77{width:var( --container-widget-width, 12.409% );max-width:12.409%;--container-widget-width:12.409%;--container-widget-flex-grow:0;}.elementor-975 .elementor-element.elementor-element-44eda77.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-975 .elementor-element.elementor-element-d1e64e4{--display:flex;--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:30px;--margin-bottom:100px;--margin-left:0px;--margin-right:22px;}.elementor-975 .elementor-element.elementor-element-8b65d9d{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:195px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:1080px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:195px;--arrow-normal-color:#0184A0;}.elementor-975 .elementor-element.elementor-element-8b65d9d .swiper-slide > .elementor-element{height:100%;}body.elementor-page-975:not(.elementor-motion-effects-element-type-background), body.elementor-page-975 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(266deg, #FFFFFF 0%, #0184A047 100%);}@media(min-width:768px){.elementor-975 .elementor-element.elementor-element-95b76a8{--width:72%;}.elementor-975 .elementor-element.elementor-element-c6f7386{--width:34%;}}@media(max-width:1024px){.elementor-975 .elementor-element.elementor-element-8b65d9d{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-975 .elementor-element.elementor-element-8b65d9d{--swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-514e0e9 */.myline021 {
  width: 100%;
  height: 3px;
  background: linear-gradient(to left, #0184A0, rgba(1,132,160,0));
  border-radius: 3px;
  margin-top: 6px;      /* فاصله از پایین عنوان */
}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-dfffe84 *//* جزئیات پست - نسخه آبی هماهنگ با سایت */
.mydetail12{
  --brand:#0184A0;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:10px;
  padding:12px 16px;
  background: linear-gradient(135deg, rgba(1,132,160,.12), rgba(1,132,160,.06));
  border:1px solid rgba(1,132,160,.25);
  border-radius:12px;
  font-size:14px;
  color:#0f3b45;
  box-shadow:0 3px 10px rgba(1,132,160,.10);
  transition: all .3s ease;
  position:relative; overflow:hidden;
  backdrop-filter: blur(4px);
}

/* هاور نرم */
.mydetail12:hover{
  background: linear-gradient(135deg, rgba(1,132,160,.18), rgba(1,132,160,.08));
  border-color: rgba(1,132,160,.45);
  box-shadow:0 6px 16px rgba(1,132,160,.18);
  transform: translateY(-2px);
}

/* خطوط تزئینی خیلی لطیف آبی */
.mydetail12::before,
.mydetail12::after{
  content:"";
  position:absolute; top:0; height:100%; width:5px;
  background: linear-gradient(to bottom, rgba(1,132,160,.22), rgba(1,132,160,.05));
  transition: opacity .3s ease;
  opacity:.6; pointer-events:none;
}
.mydetail12::before{ right:0; border-radius:0 12px 12px 0; }
.mydetail12::after { left:0;  border-radius:12px 0 0 12px; }
.mydetail12:hover::before,
.mydetail12:hover::after{ opacity:1; }

/* آیکن‌ها */
.mydetail12 i{
  color: var(--brand);
  margin-inline-end:6px;
  font-size:1rem;
  transition: color .25s ease;
}
.mydetail12:hover i{ color:#016f87; }

/* لینک‌ها */
.mydetail1 a{
  color: var(--brand);
  text-decoration:none;
  font-weight:700;
  transition: color .25s ease, text-shadow .25s ease;
}
.mydetail12 a:hover{
  color:#015f75;
  text-shadow:0 0 6px rgba(1,132,160,.25);
}

/* تاریخ و متن‌های ثانویه */
.mydetail12 .date{ color:#2b5b66; font-weight:600; font-size:13px; }
.mydetail12 .comments{ display:flex; align-items:center; gap:6px; color:#2b5b66; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b76a8 */.mycon122 {
  --border: rgba(1, 132, 160, 0.25);
  --shadow: 0 10px 30px rgba(1, 132, 160, 0.15);
  --highlight: rgba(65, 182, 196, 0.25);

  position: relative;
  display: block;
  border-radius: 24px;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.55) 0%,
      rgba(255, 255, 255, 0.35) 100%
    ),
    radial-gradient(
      800px circle at 80% 0%,
      rgba(1, 132, 160, 0.18),
      transparent 70%
    ),
    radial-gradient(
      1000px circle at -10% 100%,
      rgba(65, 182, 196, 0.22),
      transparent 70%
    );
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.35s ease;
  overflow: hidden;
  z-index: 1;
}

/* افکت نوری ملایم */
.mycon122::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 70% 30%,
    var(--highlight),
    rgba(255, 255, 255, 0) 70%
  );
  opacity: 0.25;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.mycon122:hover {
  box-shadow: 0 12px 36px rgba(1, 132, 160, 0.22);
  border-color: rgba(1, 132, 160, 0.35);
}
.mycon122:hover::before {
  opacity: 0.45;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10a1439 *//* ====== Theme tokens ====== */
.blog-sidebar{
  --brand:#0184A0;
  --ink:#0f2d36;
  --ink-2:#3f5660;
  --ring: rgba(1,132,160,.25);
  --soft: rgba(1,132,160,.08);
  --soft-2: rgba(1,132,160,.12);
  --bd: rgba(1,132,160,.22);
  --bd-soft: rgba(1,132,160,.16);
  --shadow: 0 10px 24px rgba(1,132,160,.10);
  --shadow-hover: 0 14px 32px rgba(1,132,160,.16);
  font-family: "IranYekan","IRANYekan",sans-serif;
}

/* باکس کلی سایدبار */
.blog-sidebar{
  background:#fff;                 /* طبق خواسته: سفید */
  border-radius:18px;
  padding:26px 22px;
  border:1px solid var(--bd);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter: blur(6px);
}

/* عنوان */
.sidebar-title{
  font-size:1.45rem; font-weight:900; color:var(--ink);
  text-align:center; margin:0 0 22px; position:relative;
}
.sidebar-title::after{
  content:"";
  display:block; width:96px; height:3px; margin:10px auto 0;
  border-radius:3px;
  background: linear-gradient(90deg, rgba(1,132,160,.0), rgba(1,132,160,.75), rgba(1,132,160,.0));
}

/* لیست کارت‌ها */
.suggested-posts{ display:flex; flex-direction:column; gap:16px; }

/* کارت */
.suggest-card{
  display:flex; align-items:center; gap:14px;
  background:#fff;
  border:1px solid var(--bd-soft);
  border-radius:14px;
  padding:12px 12px 12px 14px;
  box-shadow:0 6px 14px rgba(1,132,160,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.suggest-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
  border-color: var(--bd);
}

/* تصویر */
.suggest-card img{
  width:112px; height:92px; object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(1,132,160,.18);
}

/* متن کارت */
.suggest-info h4{
  font-size:1rem; font-weight:800; color:var(--ink); margin:0 0 6px;
}
.suggest-info p{
  font-size:.92rem; color:var(--ink-2); line-height:1.75; margin:0 0 10px;
  max-width:30ch;
}

/* دکمه: آبی برند با فلش */
.btn-more{
  display:inline-flex; align-items:center; gap:10px;
  padding:7px 14px; border-radius:10px;
  background: linear-gradient(135deg, #0493ad, var(--brand));
  color:#fff; text-decoration:none; font-weight:800; font-size:.88rem;
  border:1px solid rgba(1,132,160,.55);
  box-shadow:0 8px 18px rgba(1,132,160,.22);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
  position:relative;
}
.btn-more::after{
  content:"";
  inline-size:18px; block-size:18px;
  /* آیکن فلش سایت: رنگ‌پذیر با mask */
  -webkit-mask: url("/wp-content/icons/arrow3.svg") center/contain no-repeat;
          mask: url("/wp-content/icons/arrow3.svg") center/contain no-repeat;
  background:#fff;
}
.btn-more:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, #37b7cc, #0590aa);
  border-color: rgba(1,132,160,.8);
  box-shadow:0 12px 26px rgba(1,132,160,.28);
}
.btn-more:focus-visible{
  outline:2px solid var(--ring);
  outline-offset:3px;
  box-shadow:0 0 0 4px var(--soft-2);
}

/* واکنش‌گرا */
@media (max-width:768px){
  .suggest-card{ flex-direction:column; align-items:flex-start; padding:12px; }
  .suggest-card img{ width:100%; height:180px; margin:0; }
  .suggest-info p{ max-width:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44eda77 *//* اگه IranYekan رو هنوز لود نکردی از CDN گوگل‌فونت ایرانی استفاده کن */
@font-face {
  font-family: "IranYekan";
  src: url("https://cdn.fontcdn.ir/Font/Persian/IranYekan/IranYekanWebRegular.woff2") format("woff2"),
       url("https://cdn.fontcdn.ir/Font/Persian/IranYekan/IranYekanWebRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.recent-posts-header {
  text-align: right;          /* راست‌چین برای فارسی */
  margin-bottom: 25px;        /* فاصله از پایین، بالای کاروسل */
  font-family: "IranYekan", sans-serif;
}

.recent-title {
  font-size: 22px;
  font-weight: 700;
  color: #01353f;             /* رنگ تیره و خوانا */
  margin: 0;
  display: inline-block;      /* تا خط زیرش بیاد چسبیده */
  font-family: "IranYekan", sans-serif;
}

.myline01 {
  width: 110px;
  height: 3px;
  margin-top: 6px;
  border-radius: 50px;
  background: linear-gradient(to left, #0184A0 0%, rgba(1,132,160,0) 100%);
  animation: fadeLine 1.4s ease-in-out;
}

/* افکت ظاهر شدن ملایم خط */
@keyframes fadeLine {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 110px;
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-8b65d9d */.myc121{
  --brand:#0184A0;
  --dot-idle-bg: rgba(1,132,160,.18);
  --dot-idle-br: rgba(1,132,160,.55);
  --dot-active-bg: linear-gradient(90deg, #0192af, #0184A0);
  --dot-size: 10px;
  --dot-gap: 8px;
  --dot-active-w: 22px;
}

/* container (برای Swiper یا Slick یا Splide) */
.myc121 .swiper-pagination,
.myc121 .splide__pagination,
.myc121 .slick-dots{
  display:flex!important;
  justify-content:center;
  align-items:center;
  gap: var(--dot-gap);
  padding: 8px 6px;
  position: relative;
  z-index: 2;
  margin-top: 18px;  /* ← فاصله از بالا بیشتر شد */
}

/* نقطه‌ها */
.myc121 .swiper-pagination-bullet,
.myc121 .splide__pagination__page,
.myc121 .slick-dots li button{
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 999px;
  background: var(--dot-idle-bg);
  border: 1.5px solid var(--dot-idle-br);
  box-shadow: 0 2px 6px rgba(1,132,160,.10);
  transition: all .25s ease;
  cursor: pointer;
  opacity: 1 !important;
}

/* حذف نقطه پیش‌فرض Slick */
.myc121 .slick-dots li button:before{ content:none; }

/* هاور */
.myc121 .swiper-pagination-bullet:hover,
.myc121 .splide__pagination__page:hover,
.myc121 .slick-dots li button:hover{
  transform: translateY(-1px);
  border-color:#0184A0;
}

/* نقطه فعال */
.myc121 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.myc121 .splide__pagination__page.is-active,
.myc121 .slick-dots li.slick-active button{
  width: var(--dot-active-w);
  background: var(--dot-active-bg);
  border-color: #0184A0;
  box-shadow: 0 6px 14px rgba(1,132,160,.22);
}/* End custom CSS */