/*
 * InjazatHR Saudi SaaS Blog — v1.10.3
 * Dedicated presentation layer for the captured Elementor blog page.
 * Stored WordPress/portable content is left untouched; this file only reshapes
 * the rendered blog into the same premium SaaS language as the rebuilt site.
 */
body.ij-blog-page{
  --ij-blog-navy:#06182b;
  --ij-blog-navy-2:#0a2949;
  --ij-blog-blue:#0077df;
  --ij-blog-cyan:#2cc0dd;
  --ij-blog-emerald:#0c9f75;
  --ij-blog-gold:#c7a55a;
  --ij-blog-ink:#102b45;
  --ij-blog-muted:#60778d;
  --ij-blog-line:#dbe8f1;
  --ij-blog-soft:#f3f8fc;
  --ij-blog-card:#ffffff;
  --ij-blog-shadow:0 20px 58px rgba(7,31,55,.09);
  background:#fff;
}

/* Premium Saudi-tech hero: brand blue stays primary, emerald/gold are accents. */
body.ij-blog-page .ref-page-hero.is-blog{
  min-height:360px;
  padding:clamp(82px,8vw,122px) 0 clamp(84px,8vw,118px)!important;
  background:
    radial-gradient(circle at 83% 23%,rgba(44,192,221,.22),transparent 23%),
    radial-gradient(circle at 68% 120%,rgba(12,159,117,.16),transparent 32%),
    linear-gradient(124deg,#06182b 0%,#082540 48%,#0b365d 100%)!important;
}
body.ij-blog-page .ref-page-hero.is-blog:before{
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,255,255,.055) 1px,transparent 1.5px)!important;
  background-size:56px 56px,56px 56px,28px 28px!important;
}
body.ij-blog-page .ref-page-hero.is-blog:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(50vw,640px);
  aspect-ratio:1;
  inset-inline-end:-10vw;
  top:-34%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  box-shadow:
    0 0 0 76px rgba(255,255,255,.025),
    0 0 0 152px rgba(44,192,221,.025),
    0 0 0 228px rgba(255,255,255,.018);
  pointer-events:none;
}
body.ij-blog-page .ref-page-hero.is-blog .ref-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(330px,.82fr) minmax(540px,1.38fr);
  align-items:center;
  gap:clamp(30px,4vw,68px);
  width:min(1480px,calc(100% - 56px));
  max-width:1480px;
}
body.ij-blog-page .ref-page-hero.is-blog .ref-page-title{
  max-width:600px;
  position:relative;
  z-index:7;
}
body.ij-blog-page .ref-page-hero.is-blog .ref-page-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:auto;
  margin:0 0 25px;
  padding:8px 12px;
  border:1px solid rgba(146,220,238,.18);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#c7d9e8;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(10px);
}
body.ij-blog-page .ref-page-hero.is-blog .ref-page-breadcrumb a{color:#86dceb!important;text-decoration:none}
body.ij-blog-page .ref-page-hero.is-blog .ref-page-breadcrumb-sep{
  width:5px;height:5px;border-radius:50%;background:var(--ij-blog-gold);box-shadow:0 0 0 4px rgba(199,165,90,.09)
}
body.ij-blog-page #main .ref-page-hero.is-blog h1{
  max-width:590px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(44px,4.6vw,72px)!important;
  font-weight:800!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-shadow:0 18px 42px rgba(0,8,18,.24);
}
html[dir=rtl] body.ij-blog-page #main .ref-page-hero.is-blog h1{letter-spacing:0!important}


/* Featured-article carousel — screenshot-inspired center card with dimmed previews. */
body.ij-blog-page .ij-blog-showcase{
  position:relative;
  z-index:6;
  width:100%;
  min-width:0;
  color:#fff;
  isolation:isolate;
}
body.ij-blog-page .ij-blog-showcase-viewport{
  position:relative;
  height:390px;
  overflow:hidden;
  border-radius:34px;
  outline:none;
}
body.ij-blog-page .ij-blog-showcase-track{
  position:absolute;
  inset:0;
}
body.ij-blog-page .ij-blog-showcase-slide{
  position:absolute;
  top:16px;
  left:50%;
  width:66%;
  height:348px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-50%) scale(.82);
  transform-origin:center;
  transition:transform .58s cubic-bezier(.22,.74,.16,1),opacity .42s ease,filter .42s ease;
  will-change:transform,opacity;
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="0"]{
  z-index:5;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) scale(1);
  filter:none;
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="-1"]{
  z-index:3;
  opacity:.46;
  visibility:visible;
  transform:translateX(-115%) scale(.91);
  filter:saturate(.56) brightness(.58);
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="1"]{
  z-index:3;
  opacity:.46;
  visibility:visible;
  transform:translateX(15%) scale(.91);
  filter:saturate(.56) brightness(.58);
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="-2"]{
  z-index:2;
  opacity:.14;
  visibility:visible;
  transform:translateX(-166%) scale(.82);
  filter:saturate(.4) brightness(.45);
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="2"]{
  z-index:2;
  opacity:.14;
  visibility:visible;
  transform:translateX(66%) scale(.82);
  filter:saturate(.4) brightness(.45);
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="hidden"]{
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%) scale(.75);
}
body.ij-blog-page .ij-blog-showcase-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(220,181,59,.62);
  border-radius:26px;
  background:#031e19;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 30px 68px rgba(0,8,18,.38);
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="0"] .ij-blog-showcase-card{
  box-shadow:0 35px 84px rgba(0,8,18,.5),0 0 0 1px rgba(216,176,53,.08);
}
body.ij-blog-page .ij-blog-showcase-media{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  background:#041813;
}
body.ij-blog-page .ij-blog-showcase-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.005);
  transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .42s ease;
}
body.ij-blog-page .ij-blog-showcase-slide[data-position="0"] .ij-blog-showcase-card:hover .ij-blog-showcase-image{transform:scale(1.045)}
body.ij-blog-page .ij-blog-showcase-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(1,12,11,.08) 38%,rgba(1,14,12,.42) 100%);
  pointer-events:none;
}
body.ij-blog-page .ij-blog-showcase-badge{
  position:absolute;
  z-index:2;
  top:16px;
  inset-inline-start:16px;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 15px;
  border-radius:999px;
  background:#ddb43b;
  color:#102013;
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
body.ij-blog-page .ij-blog-showcase-number{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:15px;
  color:rgba(255,255,255,.94);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
body.ij-blog-page .ij-blog-showcase-caption{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:92px;
  padding:17px 18px 17px 21px;
  border-top:1px solid rgba(218,181,60,.22);
  background:linear-gradient(135deg,#03251e 0%,#042c23 100%);
  text-align:start;
}
body.ij-blog-page .ij-blog-showcase-copy{
  min-width:0;
  flex:1 1 auto;
}
body.ij-blog-page .ij-blog-showcase-caption h2{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(15px,1.25vw,19px)!important;
  font-weight:800!important;
  line-height:1.34!important;
  letter-spacing:-.012em!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  text-wrap:balance;
}
html[dir=rtl] body.ij-blog-page .ij-blog-showcase-caption h2{letter-spacing:0!important}
body.ij-blog-page .ij-blog-showcase-caption p{
  overflow:hidden;
  margin:0!important;
  color:#9db3aa!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.ij-blog-page .ij-blog-showcase-open{
  display:grid;
  flex:0 0 44px;
  width:44px;
  height:44px;
  place-items:center;
  border:1px solid rgba(218,181,60,.48);
  border-radius:50%;
  background:rgba(218,181,60,.08);
  color:#e1b83e;
  font-size:20px;
  font-weight:800;
  transition:transform .22s ease,background .22s ease;
}
body.ij-blog-page .ij-blog-showcase-card:hover .ij-blog-showcase-open{transform:translateX(3px);background:rgba(218,181,60,.15)}
body.ij-blog-page .ij-blog-showcase-control{
  position:absolute;
  z-index:9;
  top:50%;
  display:grid;
  width:48px;
  height:48px;
  margin-top:-33px;
  padding:0;
  place-items:center;
  border:1px solid rgba(218,181,60,.64);
  border-radius:50%;
  background:rgba(2,21,18,.86);
  color:#fff;
  font:700 33px/1 system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 15px 32px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
body.ij-blog-page .ij-blog-showcase-control:hover,
body.ij-blog-page .ij-blog-showcase-control:focus-visible{
  transform:scale(1.07);
  border-color:#e2b83c;
  background:#092c24;
}
body.ij-blog-page .ij-blog-showcase-control.is-prev{left:8px}
body.ij-blog-page .ij-blog-showcase-control.is-next{right:8px}
body.ij-blog-page .ij-blog-showcase-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:18px;
  margin-top:0;
}
body.ij-blog-page .ij-blog-showcase-dots button{
  width:20px;
  height:5px;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(183,206,199,.3);
  cursor:pointer;
  transition:width .25s ease,background .25s ease,transform .2s ease;
}
body.ij-blog-page .ij-blog-showcase-dots button[aria-selected="true"]{
  width:40px;
  background:#e0b63a;
}
body.ij-blog-page .ij-blog-showcase-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Remove the old oversized single white content card and give the grid room. */
body.ij-blog-page .ij-blog-content-section{
  position:relative;
  padding:clamp(66px,6.5vw,104px) 0 clamp(88px,8vw,128px)!important;
  background:
    radial-gradient(circle at 7% 10%,rgba(44,192,221,.08),transparent 20%),
    radial-gradient(circle at 91% 38%,rgba(12,159,117,.055),transparent 22%),
    linear-gradient(180deg,#f7fbfe 0%,#f2f7fb 48%,#f7fbfe 100%)!important;
}
body.ij-blog-page .ij-blog-content-section>.container{
  width:min(1240px,calc(100% - 48px))!important;
  max-width:1240px!important;
}
body.ij-blog-page .ref-page-prose.ij-blog-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Elementor snapshot shell: retain semantic structure, discard legacy visual skin. */
body.ij-blog-page .ij-blog-content>.elementor{margin:0!important}
body.ij-blog-page .ij-blog-content .elementor-section,
body.ij-blog-page .ij-blog-content .elementor-section.elementor-top-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.ij-blog-page .ij-blog-content .elementor-section:before,
body.ij-blog-page .ij-blog-content .elementor-section:after{display:none!important}
body.ij-blog-page .ij-blog-content .elementor-container{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.ij-blog-page .ij-blog-content .elementor-column,
body.ij-blog-page .ij-blog-content .elementor-widget-wrap,
body.ij-blog-page .ij-blog-content .elementor-widget,
body.ij-blog-page .ij-blog-content .elementor-widget-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Card grid. The !important declarations intentionally beat the captured Elementor inline CSS. */
body.ij-blog-page .ij-blog-content .elementor-posts-container{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:26px!important;
  width:100%!important;
  margin:0!important;
}
body.ij-blog-page .ij-blog-content .elementor-post{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:460px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(205,222,234,.9)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--ij-blog-shadow)!important;
  transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s ease,border-color .24s ease!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__card:after{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  z-index:4;
  height:3px;
  background:linear-gradient(90deg,var(--ij-blog-emerald),var(--ij-blog-cyan),var(--ij-blog-blue));
  opacity:.9;
  pointer-events:none;
}
body.ij-blog-page .ij-blog-content .elementor-post__card:hover{
  transform:translateY(-7px)!important;
  border-color:#bdd8e9!important;
  box-shadow:0 30px 72px rgba(7,31,55,.145)!important;
}

/* Thumbnails: restore the source images at a stable SaaS-card ratio. */
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail__link{
  position:relative!important;
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(0,119,223,.08),rgba(44,192,221,.05)),
    #eaf4fa!important;
  text-decoration:none!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:228px!important;
  min-height:228px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#e4f1f8,#f8fcff)!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:none!important;
  transform:none!important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__card:hover .elementor-post__thumbnail img{transform:scale(1.045)!important}
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail.ij-image-missing img{display:none!important}
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail.ij-image-missing:before,
body.ij-blog-page .ij-blog-content .elementor-post__card:not(:has(.elementor-post__thumbnail)):before{
  content:"";
  display:block;
  width:100%;
  height:228px;
  background:
    radial-gradient(circle at 75% 26%,rgba(255,255,255,.23),transparent 18%),
    linear-gradient(135deg,rgba(44,192,221,.20),transparent 52%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 38px),
    linear-gradient(135deg,#0a2845,#0b3d64);
}
body.ij-blog-page .ij-blog-content .elementor-post__thumbnail.ij-image-missing:after,
body.ij-blog-page .ij-blog-content .elementor-post__card:not(:has(.elementor-post__thumbnail)):after{
  content:"HR • KSA";
  position:absolute;
  z-index:3;
  inset-inline-start:24px;
  top:92px;
  color:#fff;
  font-size:22px;
  font-weight:800;
  letter-spacing:.08em;
}

body.ij-blog-page .ij-blog-content .elementor-post__badge{
  position:absolute!important;
  z-index:6!important;
  top:18px!important;
  inset-inline-start:18px!important;
  inset-inline-end:auto!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:rgba(4,25,43,.84)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.2!important;
  backdrop-filter:blur(12px) saturate(130%);
  box-shadow:0 8px 24px rgba(0,12,25,.16)!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__text{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:230px!important;
  margin:0!important;
  padding:27px 26px 25px!important;
  text-align:start!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__title{
  margin:0 0 24px!important;
  color:var(--ij-blog-ink)!important;
  font-size:clamp(20px,1.55vw,24px)!important;
  font-weight:780!important;
  line-height:1.48!important;
  letter-spacing:-.012em!important;
  text-align:start!important;
  unicode-bidi:plaintext;
}
html[dir=rtl] body.ij-blog-page .ij-blog-content .elementor-post__title{letter-spacing:0!important}
body.ij-blog-page .ij-blog-content .elementor-post__title a{
  color:var(--ij-blog-ink)!important;
  text-decoration:none!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__title a:hover{color:var(--ij-blog-blue)!important}
body.ij-blog-page .ij-blog-content .elementor-post__meta-data,
body.ij-blog-page .ij-blog-content .elementor-post__excerpt{
  color:var(--ij-blog-muted)!important;
  font-size:13px!important;
  line-height:1.8!important;
  text-align:start!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__read-more-wrapper{
  margin-top:auto!important;
  text-align:start!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__read-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 15px!important;
  border:1px solid #c9deeb!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#f2f8fc)!important;
  color:var(--ij-blog-blue)!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(7,31,55,.045)!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important;
}
body.ij-blog-page .ij-blog-content .elementor-post__read-more:hover{
  border-color:var(--ij-blog-blue)!important;
  background:var(--ij-blog-blue)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

/* Pagination now reads like part of the product UI rather than legacy text links. */
body.ij-blog-page .ij-blog-content .elementor-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:44px 0 0!important;
  padding:0!important;
  text-align:center!important;
}
body.ij-blog-page .ij-blog-content .elementor-pagination .page-numbers{
  display:inline-grid!important;
  place-items:center!important;
  min-width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #d1e1ec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#34546f!important;
  font-size:12px!important;
  font-weight:760!important;
  text-decoration:none!important;
  box-shadow:0 9px 24px rgba(7,31,55,.045)!important;
}
body.ij-blog-page .ij-blog-content .elementor-pagination .page-numbers.current,
body.ij-blog-page .ij-blog-content .elementor-pagination a.page-numbers:hover{
  border-color:var(--ij-blog-blue)!important;
  background:linear-gradient(135deg,var(--ij-blog-blue),#0096df)!important;
  color:#fff!important;
}
body.ij-blog-page .ij-blog-content .elementor-screen-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
body.ij-blog-page .ij-blog-content .e-load-more-anchor{display:none!important}

/* Header/footer refinements on this editorial surface. */
body.ij-blog-page .ref-header-modern{border-bottom-color:rgba(211,226,237,.82)}
body.ij-blog-page .ref-footer-modern{border-top:1px solid rgba(44,192,221,.2)}

@media(max-width:1180px){
  body.ij-blog-page .ref-page-hero.is-blog .ref-page-hero-grid{grid-template-columns:minmax(290px,.72fr) minmax(480px,1.28fr);gap:28px;width:min(1120px,calc(100% - 40px))}
  body.ij-blog-page .ij-blog-showcase-viewport{height:356px}
  body.ij-blog-page .ij-blog-showcase-slide{height:316px}
  body.ij-blog-page .ij-blog-showcase-caption{min-height:86px}
}
@media(max-width:1080px){
  body.ij-blog-page .ij-blog-content .elementor-posts-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ij-blog-page .ref-page-hero.is-blog{min-height:320px}
}
@media(max-width:900px){
  body.ij-blog-page .ref-page-hero.is-blog{padding:68px 0 62px!important}
  body.ij-blog-page .ref-page-hero.is-blog .ref-page-hero-grid{grid-template-columns:1fr;gap:34px;width:min(760px,calc(100% - 34px))}
  body.ij-blog-page .ref-page-hero.is-blog .ref-page-title{max-width:720px}
  body.ij-blog-page #main .ref-page-hero.is-blog h1{max-width:720px;font-size:clamp(44px,8vw,68px)!important}
  body.ij-blog-page .ij-blog-showcase{max-width:720px;margin-inline:auto}
  body.ij-blog-page .ij-blog-showcase-viewport{height:390px}
  body.ij-blog-page .ij-blog-showcase-slide{height:348px}
}
@media(max-width:720px){
  body.ij-blog-page .ref-page-hero.is-blog{min-height:280px;padding:56px 0 58px!important}
  body.ij-blog-page #main .ref-page-hero.is-blog h1{font-size:clamp(40px,12vw,56px)!important;line-height:1.08!important}
  body.ij-blog-page .ij-blog-showcase-viewport{height:330px;border-radius:24px}
  body.ij-blog-page .ij-blog-showcase-slide{top:12px;width:82%;height:294px}
  body.ij-blog-page .ij-blog-showcase-slide[data-position="-1"]{transform:translateX(-101%) scale(.9)}
  body.ij-blog-page .ij-blog-showcase-slide[data-position="1"]{transform:translateX(1%) scale(.9)}
  body.ij-blog-page .ij-blog-showcase-slide[data-position="-2"],body.ij-blog-page .ij-blog-showcase-slide[data-position="2"]{opacity:0;visibility:hidden}
  body.ij-blog-page .ij-blog-showcase-card{border-radius:21px}
  body.ij-blog-page .ij-blog-showcase-caption{min-height:82px;padding:14px 14px 14px 17px}
  body.ij-blog-page .ij-blog-showcase-caption h2{font-size:15px!important}
  body.ij-blog-page .ij-blog-showcase-open{flex-basis:38px;width:38px;height:38px}
  body.ij-blog-page .ij-blog-showcase-control{width:42px;height:42px;margin-top:-29px;font-size:28px}
  body.ij-blog-page .ij-blog-showcase-control.is-prev{left:1px}
  body.ij-blog-page .ij-blog-showcase-control.is-next{right:1px}
  body.ij-blog-page .ij-blog-content-section>.container{width:calc(100% - 30px)!important}
  body.ij-blog-page .ij-blog-content .elementor-posts-container{grid-template-columns:1fr!important;gap:18px!important}
  body.ij-blog-page .ij-blog-content .elementor-post__card{min-height:0!important;border-radius:22px!important}
  body.ij-blog-page .ij-blog-content .elementor-post__thumbnail{height:210px!important;min-height:210px!important}
  body.ij-blog-page .ij-blog-content .elementor-post__thumbnail.ij-image-missing:before,
  body.ij-blog-page .ij-blog-content .elementor-post__card:not(:has(.elementor-post__thumbnail)):before{height:210px}
  body.ij-blog-page .ij-blog-content .elementor-post__text{min-height:205px!important;padding:23px 21px 22px!important}
  body.ij-blog-page .ij-blog-content .elementor-post__title{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ij-blog-page .ij-blog-content .elementor-post__card,
  body.ij-blog-page .ij-blog-content .elementor-post__thumbnail img,
  body.ij-blog-page .ij-blog-content .elementor-post__read-more,
  body.ij-blog-page .ij-blog-showcase-slide,
  body.ij-blog-page .ij-blog-showcase-image,
  body.ij-blog-page .ij-blog-showcase-control,
  body.ij-blog-page .ij-blog-showcase-dots button{transition:none!important}
}