.elementor-10085 .elementor-element.elementor-element-9e7f339{--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-10085 .elementor-element.elementor-element-e450529{--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 30px;--row-gap:0px;--column-gap:30px;}.elementor-10085 .elementor-element.elementor-element-7dee729{--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-10085 .elementor-element.elementor-element-ffb88a3{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-10085 .elementor-element.elementor-element-ffb88a3:after{content:"0.66";}.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-post__thumbnail__link{width:32%;}.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-post__meta-data span + span:before{content:"///";}.elementor-10085 .elementor-element.elementor-element-ffb88a3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-10085 .elementor-element.elementor-element-ffb88a3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-10085 .elementor-element.elementor-element-ffb88a3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-post__title, .elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-post__title a{color:#0C1515;}.elementor-10085 .elementor-element.elementor-element-15227b0{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10085 .elementor-element.elementor-element-e260df3{text-align:center;}.elementor-10085 .elementor-element.elementor-element-e260df3 .elementor-heading-title{font-size:20px;font-weight:600;}.elementor-10085 .elementor-element.elementor-element-ff24a36{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10085 .elementor-element.elementor-element-037b978{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-10085 .elementor-element.elementor-element-037b978 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10085 .elementor-element.elementor-element-037b978.elementor-element{--align-self:center;}.elementor-10085 .elementor-element.elementor-element-8bd30d2{--display:flex;}.elementor-10085 .elementor-element.elementor-element-48c764a{text-align:center;}.elementor-10085 .elementor-element.elementor-element-48c764a .elementor-heading-title{font-size:18px;font-weight:600;}.elementor-10085 .elementor-element.elementor-element-ff6cc46.elementor-element{--align-self:center;}.elementor-10085 .elementor-element.elementor-element-ff6cc46 .elementor-icon-list-icon i{color:#7B61FF;transition:color 0.3s;}.elementor-10085 .elementor-element.elementor-element-ff6cc46 .elementor-icon-list-icon svg{fill:#7B61FF;transition:fill 0.3s;}.elementor-10085 .elementor-element.elementor-element-ff6cc46{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10085 .elementor-element.elementor-element-ff6cc46 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10085 .elementor-element.elementor-element-ff6cc46 .elementor-icon-list-item > a{font-size:16px;font-weight:600;}.elementor-10085 .elementor-element.elementor-element-ff6cc46 .elementor-icon-list-text{transition:color 0.3s;}@media(max-width:1024px){.elementor-10085 .elementor-element.elementor-element-037b978{--grid-columns:2;}}@media(min-width:768px){.elementor-10085 .elementor-element.elementor-element-7dee729{--width:70%;}.elementor-10085 .elementor-element.elementor-element-15227b0{--width:30%;}}@media(max-width:767px){.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10085 .elementor-element.elementor-element-ffb88a3:after{content:"0.5";}.elementor-10085 .elementor-element.elementor-element-ffb88a3 .elementor-post__thumbnail__link{width:100%;}.elementor-10085 .elementor-element.elementor-element-037b978{--grid-columns:1;--grid-column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-b7e1325 *//* =====================================
   BLOG HERO - FINAL PREMIUM VERSION
===================================== */

.mot-blog-hero{
  position:relative !important;
  overflow:hidden !important;

  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  padding:36px 0 34px !important;
  min-height:auto !important;

  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #faf9ff 50%,
      #f1edff 100%
    ) !important;
}

.mot-blog-hero-inner{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  padding-left:7vw !important;
  padding-right:4vw !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:44px !important;

  min-height:500px !important;
}

/* Left content */
.mot-blog-hero-content{
  flex:0 0 46% !important;
  position:relative !important;
  z-index:5 !important;
}

.mot-blog-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;

  padding:12px 18px !important;
  border-radius:999px !important;

  background:linear-gradient(90deg,#f5f1ff,#ffffff) !important;
  color:#7b4dff !important;

  font-family:Inter, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;

  margin-bottom:20px !important;

  box-shadow:0 14px 35px rgba(123,77,255,.10) !important;
}

.mot-blog-badge::before{
  content:"📘" !important;
  font-size:15px !important;
}

/* Title */
.mot-blog-title{
  font-size:58px !important;
  line-height:1.12 !important;
  font-weight:650 !important;
  letter-spacing:-2.3px !important;

  color:#090b34 !important;

  margin:0 0 24px !important;
}

.mot-blog-title span{
  color:#6c4cff !important;
  font-weight:650 !important;
}

/* Description */
.mot-blog-desc{
  max-width:670px !important;

  font-size:20px !important;
  line-height:1.72 !important;
  font-weight:400 !important;
  letter-spacing:-.2px !important;

  color:#666b7a !important;

  margin:0 !important;
}

/* Search */
.mot-blog-search{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;

  margin-top:34px !important;
}

.mot-blog-search input{
  width:100% !important;
  max-width:460px !important;
  height:62px !important;

  border:none !important;
  outline:none !important;
  border-radius:999px !important;

  background:#ffffff !important;

  padding:0 30px !important;

  font-size:17px !important;
  font-weight:400 !important;

  box-shadow:
    0 14px 38px rgba(30,30,70,.06) !important;
}

.mot-blog-search button{
  height:62px !important;
  padding:0 42px !important;

  border:none !important;
  border-radius:999px !important;

  background:
    linear-gradient(
      135deg,
      #7a5cff,
      #5b42ff
    ) !important;

  color:#ffffff !important;

  font-size:18px !important;
  font-weight:600 !important;

  cursor:pointer !important;

  box-shadow:
    0 14px 34px rgba(92,67,255,.24) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

.mot-blog-search button:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 18px 42px rgba(92,67,255,.32) !important;
}

/* Tags */

/* ========================================
   Blog Hero Tags - Slim 3D like Home Trust Strip
======================================== */

.mot-blog-tags{
  margin-top:22px !important;
  max-width:680px !important;
  padding:9px 12px !important;

  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:8px !important;

  background:rgba(255,255,255,.56) !important;
  border:1px solid rgba(122,92,255,.16) !important;
  border-radius:18px !important;

  box-shadow:
    0 12px 32px rgba(55,45,140,.07),
    inset 0 1px 0 rgba(255,255,255,.72) !important;

  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.mot-blog-tag{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  padding:6px 9px !important;
  border-radius:13px !important;

  transition:
    transform .28s ease,
    background .28s ease,
    box-shadow .28s ease !important;
}

.mot-blog-tag:not(:last-child){
  border-right:1px solid rgba(122,92,255,.12) !important;
}

.mot-blog-tag:hover{
  transform:translateY(-3px) scale(1.015) !important;
  background:rgba(255,255,255,.58) !important;
  box-shadow:0 10px 24px rgba(92,67,255,.10) !important;
}

.mot-blog-tag-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:10px !important;

  background:
    radial-gradient(
      circle at 30% 20%,
      #ffffff 0%,
      #f5f1ff 42%,
      #e7ddff 100%
    ) !important;

  box-shadow:
    0 7px 14px rgba(92,67,255,.14),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(92,67,255,.10) !important;

  font-size:14px !important;
  line-height:1 !important;

  transform-style:preserve-3d !important;

  animation:motBlogTagFloat 4.5s ease-in-out infinite !important;

  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease,
    filter .35s ease !important;
}

.mot-blog-tag:nth-child(2) .mot-blog-tag-icon{
  animation-delay:.5s !important;
}

.mot-blog-tag:nth-child(3) .mot-blog-tag-icon{
  animation-delay:1s !important;
}

.mot-blog-tag:hover .mot-blog-tag-icon{
  transform:translateY(-2px) rotateX(14deg) rotateY(-16deg) scale(1.08) !important;

  box-shadow:
    0 12px 22px rgba(92,67,255,.22),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -2px 0 rgba(92,67,255,.12) !important;

  filter:saturate(1.16) !important;
}

.mot-blog-tag span:last-child{
  display:block !important;

  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:750 !important;

  color:#07123f !important;
  white-space:nowrap !important;
}

@keyframes motBlogTagFloat{
  0%,100%{
    transform:translateY(0) rotateZ(0deg);
  }

  50%{
    transform:translateY(-2px) rotateZ(2deg);
  }
}

/* Mobile */
@media(max-width:767px){

  .mot-blog-tags{
    grid-template-columns:1fr !important;
    max-width:100% !important;
    padding:10px !important;
    gap:8px !important;
  }

  .mot-blog-tag{
    border-right:none !important;
    padding:8px 10px !important;
  }

  .mot-blog-tag span:last-child{
    font-size:13px !important;
  }
}



  

/* Right image */
.mot-blog-hero-image{
  flex:0 0 50% !important;
  position:relative !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  border-radius:38px !important;
  overflow:hidden !important;
}

.mot-blog-hero-image::after{
  content:"" !important;
  position:absolute !important;
  inset:-3px !important;

  pointer-events:none !important;
  z-index:2 !important;

  background:
    linear-gradient(
      to right,
      #faf9ff 0%,
      rgba(250,249,255,0) 18%,
      rgba(250,249,255,0) 82%,
      #f1edff 100%
    ),
    linear-gradient(
      to bottom,
      #faf9ff 0%,
      rgba(250,249,255,0) 16%,
      rgba(250,249,255,0) 78%,
      #f1edff 100%
    ) !important;
}

.mot-blog-hero-image img{
  width:100% !important;
  max-width:780px !important;
  height:470px !important;

  object-fit:cover !important;
  object-position:center center !important;

  border-radius:38px !important;
  display:block !important;
}

/* =====================================
   TABLET
===================================== */

@media(max-width:1200px){

  .mot-blog-title{
    font-size:52px !important;
  }

  .mot-blog-hero-inner{
    padding-left:5vw !important;
    padding-right:4vw !important;
    gap:32px !important;
  }

  .mot-blog-tags{
    gap:14px !important;
  }

  .mot-blog-tag{
    padding:11px 14px !important;
    font-size:14px !important;
  }
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:991px){

  .mot-blog-hero{
    padding:48px 0 42px !important;
  }

  .mot-blog-hero-inner{
    flex-direction:column !important;
    min-height:auto !important;

    padding-left:6vw !important;
    padding-right:6vw !important;

    gap:32px !important;
  }

  .mot-blog-hero-content{
    flex:100% !important;
    text-align:center !important;
  }

  .mot-blog-title{
    font-size:44px !important;
    line-height:1.14 !important;
    letter-spacing:-1.6px !important;
  }

  .mot-blog-desc{
    font-size:18px !important;
    line-height:1.65 !important;
    margin:auto !important;
  }

  .mot-blog-search{
    flex-direction:column !important;
    gap:14px !important;
  }

  .mot-blog-search input,
  .mot-blog-search button{
    width:100% !important;
    max-width:100% !important;
  }

  .mot-blog-tags{
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:14px !important;
  }

  .mot-blog-hero-image{
    flex:100% !important;
    width:100% !important;
  }

  .mot-blog-hero-image img{
    height:360px !important;
    max-width:100% !important;
  }
}
@media (max-width: 991px){

  .mot-blog-hero-image{
    display:none !important;
  }

}
@media (max-width: 767px){

  .mot-blog-hero-image{
    display:none !important;
  }

  .mot-blog-search{
    display:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-ffb88a3 *//* BLOG IMAGE HOVER FIX */

.elementor-post__thumbnail{
  transition:
    transform .45s ease,
    box-shadow .45s ease !important;

  transform-style: preserve-3d !important;
  will-change: transform !important;

  border-radius: 12px !important;

  overflow: visible !important;
}

/* فقط hover */
.elementor-post__thumbnail:hover{
  transform:
    perspective(1000px)
    rotateY(-4deg)
    rotateX(2deg)
    translateY(-4px)
    scale(1.03);

  box-shadow:
    0 18px 40px rgba(0,0,0,0.14);
}

/* خود عکس */
.elementor-post__thumbnail img{
  border-radius: 12px !important;
  display:block !important;
}

.mot-blog-posts .elementor-button,
.mot-blog-posts .elementor-pagination a {
  background: rgba(255,255,255,0.6) !important;
  color: #6c4df6 !important;
  border: 1px solid rgba(108,77,246,0.2) !important;
  border-radius: 999px !important;
  padding: 13px 34px !important;
  box-shadow: 0 14px 35px rgba(108,77,246,0.12) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.mot-blog-posts .elementor-button,
.mot-blog-posts .elementor-pagination a{
  padding: 10px 26px !important;
  min-height: 44px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;

  border-radius: 999px !important;

  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(140,120,255,0.22) !important;

  color: #6b57ff !important;

  box-shadow:
    0 8px 24px rgba(108,77,246,0.08),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  transition: all 0.25s ease !important;
}

@media(max-width:767px){

  .single-post .elementor-widget-theme-post-content,
  .single-post .elementor-widget-theme-post-content .elementor-widget-container,
  .single-post .elementor-widget-theme-post-content p,
  .single-post .elementor-widget-theme-post-content h2,
  .single-post .elementor-widget-theme-post-content h3,
  .single-post .elementor-widget-theme-post-content li{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    color:#1f2937 !important;
  }

}

@media (max-width: 767px){

  .mot-blog-posts .elementor-post{
    display:block !important;
    width:100% !important;
    overflow:visible !important;
  }

  .mot-blog-posts .elementor-post__thumbnail__link{
    display:block !important;
    width:100% !important;
    margin:0 0 16px 0 !important;
  }

  .mot-blog-posts .elementor-post__thumbnail{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .mot-blog-posts .elementor-post__thumbnail img{
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
  }

  .mot-blog-posts .elementor-post__text{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .mot-blog-posts .elementor-post__title,
  .mot-blog-posts .elementor-post__excerpt,
  .mot-blog-posts .elementor-post__meta-data,
  .mot-blog-posts .elementor-post__read-more{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-037b978 */@media (max-width: 767px){

  .elementor-loop-container,
  .elementor-loop-container .e-loop-item{
    justify-items:center !important;
    align-items:center !important;
    text-align:center !important;
  }

  .elementor-loop-container .e-loop-item .elementor-widget-image,
  .elementor-loop-container .e-loop-item img{
    margin-left:auto !important;
    margin-right:auto !important;
    display:block !important;
  }

  .elementor-loop-container .e-loop-item .elementor-heading-title,
  .elementor-loop-container .e-loop-item .elementor-widget-heading{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-ff6cc46 */.mot-modern-categories .elementor-icon-list-items{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.mot-modern-categories .elementor-icon-list-item{
  transition:all .28s ease;
}

.mot-modern-categories .elementor-icon-list-item a{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:14px 18px;

  background:#ffffff;
  border:1px solid #ececf3;

  border-radius:18px;

  color:#1f2937 !important;

  font-size:16px;
  font-weight:600;

  text-decoration:none !important;

  transition:all .28s ease;

  box-shadow:
    0 4px 14px rgba(20,20,43,.03);
}

/* hover */
.mot-modern-categories .elementor-icon-list-item a:hover{
  transform:translateY(-3px);

  border-color:#7b61ff;

  background:linear-gradient(
    135deg,
    rgba(123,97,255,.08),
    rgba(56,182,255,.06)
  );

  color:#7b61ff !important;

  box-shadow:
    0 14px 30px rgba(123,97,255,.12);
}
.elementor-10085 .elementor-element.elementor-element-ff6cc46{
  background:#fff;
  border:1px solid #ececf3;
  border-radius:30px;
  padding:32px;

  box-shadow:
    0 10px 35px rgba(20,20,43,.04);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e450529 */.mot-blog-card{
  position:relative;
  overflow:hidden;

  background:rgba(255,255,255,0.88);
  
  border:1px solid rgba(120,120,180,0.10);

  border-radius:28px;

  box-shadow:
    0 10px 35px rgba(31,41,55,0.05),
    0 2px 10px rgba(99,102,241,0.04);

  backdrop-filter:blur(10px);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

/* soft glow */
.mot-blog-card::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.55),
      rgba(255,255,255,0.02)
    );

  pointer-events:none;
}

/* hover */
.mot-blog-card:hover{
  transform:translateY(-4px);

  border-color:rgba(124,58,237,0.16);

  box-shadow:
    0 18px 45px rgba(99,102,241,0.10),
    0 8px 18px rgba(0,0,0,0.06);
}/* End custom CSS */