.elementor-84 .elementor-element.elementor-element-7a5c199{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-824cce0{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:56px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-b777c26{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-939faa0{padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-939faa0.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-84 .elementor-element.elementor-element-939faa0 .elementor-heading-title{color:#121212;}.elementor-84 .elementor-element.elementor-element-4c69d97 .elementor-button{background-color:#02010100;font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;line-height:27px;fill:#121212;color:#121212;border-style:solid;border-width:1px 1px 1px 1px;border-color:#12121252;padding:016px 032px 016px 032px;}.elementor-84 .elementor-element.elementor-element-4c69d97.elementor-element{--order:99999 /* order end hack */;}.elementor-84 .elementor-element.elementor-element-3fc86f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-dc3c6f6 .elementor-button{background-color:#02010100;font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;line-height:27px;fill:#121212;color:#121212;border-style:solid;border-width:1px 1px 1px 1px;border-color:#12121252;padding:016px 032px 016px 032px;}.elementor-84 .elementor-element.elementor-element-dc3c6f6.elementor-element{--order:99999 /* order end hack */;}.elementor-84 .elementor-element.elementor-element-6e14158{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-6e7bdcf{width:100%;max-width:100%;}.elementor-84 .elementor-element.elementor-element-629c419{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:56px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-11690cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-935453c{padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-935453c.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-84 .elementor-element.elementor-element-935453c .elementor-heading-title{color:#121212;}.elementor-84 .elementor-element.elementor-element-ba9838f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-5d715f7{--display:flex;--padding-top:0px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-f34f9f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:8px 8px 8px 8px;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-f34f9f4:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-f34f9f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-f54072b{width:var( --container-widget-width, 36% );max-width:36%;padding:0px 0px 0px 0px;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-f54072b.elementor-element{--align-self:center;}.elementor-84 .elementor-element.elementor-element-f54072b .elementor-heading-title{color:#121212;}.elementor-84 .elementor-element.elementor-element-2b4ea65{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-e88b3a6 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-e88b3a6.elementor-widget-inavii-grid .inavii-grid{grid-template-columns:repeat(4, 1fr);}.elementor-84 .elementor-element.elementor-element-e88b3a6 .inavii-grid__type-masonry-vertical .grid-item{margin-bottom:16px;}.elementor-84 .elementor-element.elementor-element-e88b3a6.elementor-widget-inavii-grid .inavii-grid:not(.inavii-grid.inavii-grid__type-cards):not(.inavii-grid.inavii-grid__type-shape-matrix){gap:16px!important;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .inavii-grid__type-masonry-horizontal .grid-item{--gap:16px;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .inavii-grid__description{-webkit-line-clamp:3;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .inavii__header-container{gap:30px;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .inavii-button__box{justify-content:center;align-items:center;flex-direction:row;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-next, .elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-prev{color:#ffffff;background-color:rgba(122,60,255, .5);}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-next svg *, .elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-prev svg *{fill:#ffffff;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-next:hover, .elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-prev:hover{color:#ffffff;background-color:rgba(122,60,255, 1);}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-next:hover svg *, .elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-button-prev:hover svg *{fill:#ffffff;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-pagination .swiper-pagination-bullet:hover{background:#7A3CFF;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-pagination-fraction:hover{color:#7A3CFF;}.elementor-84 .elementor-element.elementor-element-e88b3a6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#7A3CFF;}.elementor-84 .elementor-element.elementor-element-f09c286{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-84 .elementor-element.elementor-element-f09c286 .elementor-button-content-wrapper{flex-direction:row;}.elementor-84 .elementor-element.elementor-element-f09c286 .elementor-button{font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;line-height:27px;border-radius:16px 16px 16px 16px;padding:016px 032px 016px 032px;}.elementor-84 .elementor-element.elementor-element-fa6b941{--display:flex;--padding-top:0px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-fa6b941.e-con{--align-self:center;}.elementor-84 .elementor-element.elementor-element-ec8f23c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:8px 8px 8px 8px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-84 .elementor-element.elementor-element-ec8f23c:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-ec8f23c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-968e7bb );}.elementor-84 .elementor-element.elementor-element-0b35623.elementor-element{--order:-99999 /* order start hack */;}.elementor-84 .elementor-element.elementor-element-0b35623{text-align:start;}.elementor-84 .elementor-element.elementor-element-0b35623 .elementor-heading-title{color:var( --e-global-color-32ed548 );}.elementor-84 .elementor-element.elementor-element-dbba407.elementor-element{--order:99999 /* order end hack */;}.elementor-84 .elementor-element.elementor-element-dbba407 .elementor-button{font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;line-height:27px;border-radius:16px 16px 16px 16px;padding:016px 032px 016px 032px;}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-7a5c199{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-824cce0{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-6e14158{--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-629c419{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-f34f9f4{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-f54072b{--container-widget-width:590px;--container-widget-flex-grow:0;width:var( --container-widget-width, 590px );max-width:590px;}.elementor-84 .elementor-element.elementor-element-2b4ea65{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-84 .elementor-element.elementor-element-e88b3a6 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-e88b3a6.elementor-widget-inavii-grid .inavii-grid{grid-template-columns:repeat(2, 1fr);}.elementor-84 .elementor-element.elementor-element-f09c286{margin:24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-84 .elementor-element.elementor-element-ec8f23c{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-84 .elementor-element.elementor-element-0b35623{text-align:center;}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-7a5c199{--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-824cce0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-939faa0{text-align:center;}.elementor-84 .elementor-element.elementor-element-6e14158{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-629c419{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-935453c{text-align:center;}.elementor-84 .elementor-element.elementor-element-f34f9f4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-84 .elementor-element.elementor-element-f54072b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-84 .elementor-element.elementor-element-2b4ea65{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}.elementor-84 .elementor-element.elementor-element-fa6b941{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-84 .elementor-element.elementor-element-ec8f23c{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-84 .elementor-element.elementor-element-0b35623{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-584a4b5 *//* =========================
   HERO EDITORIAL FIX
========================= */

.blog-hero {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 16px;
}

.blog-hero-inner {
  display: grid;
  grid-template-columns: 880px 1fr;
  gap: 24px;
  max-width: 1360px;
  margin: 0 auto;
  align-items: stretch; /* KUNCI */
}

/* MAIN FEATURED */
.hero-main {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  min-height: 400px;
  display: block;
  text-decoration: none !important;
}

.hero-main img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  padding: 32px;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.7) 30%,
    rgba(0,0,0,.1) 60%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero-category {
  font-size: 14px;
  color: #F45B12;
  margin-bottom: 8px;
}

.hero-main h2 {
  font-size: 34px;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 12px;
  text-decoration: none !important;
}

.hero-cta {
  font-size: 16px;
  color: #ffffff;
  opacity: .85;
}

/* SIDE POSTS */
.hero-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  grid-template-rows: repeat(3, 1fr);
  height: 100%;
}

.hero-side-item {
  display: flex;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  padding: 12px;
  border-radius: 12px;
  text-decoration: none !important;
}

.hero-side-item img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 8px;
}

.hero-side-item h3 {
  font-size: 20px;
  line-height: 1.4;
  color: #0F0E2A;
  text-decoration: none !important;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .blog-hero-inner {
    grid-template-columns: 1fr;
  }

  .hero-main {
    min-height: 320px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a5c199 */.all-cards {
display: flex;
flex-direction: column; /* Arrange cards vertically in the column */
}
.card1 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 50px; /* Offset from the top */
}
.card2 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Offset from the top */
}
.card3 {

position: -webkit-sticky; /* For Safari */
position: sticky;
top: 150px; /* Offset from the top */
}
.card4 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 200px; /* Offset from the top */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3de8f96 *//* FORCE REMOVE UNDERLINE - BLOG */
.blog-card a,
.blog-card a:link,
.blog-card a:visited,
.blog-card a:hover,
.blog-card a:active {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* TITLE ONLY */
.blog-title a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* CATEGORY */
.blog-meta a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* HERO SECTION SAFETY */
.hero-main,
.hero-main * {
  text-decoration: none !important;
}

/* =========================
   BLOG GRID
========================= */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* =========================
   BLOG CARD
========================= */
.blog-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

/* Featured Image */
.blog-thumb {
  display: block;
  margin-bottom: 24px;
}

.blog-thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 8px;
}

/* Meta */
.blog-meta {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 8px;
  color: #4B5563;
  text-decoration: none;
}

.blog-meta a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Title */
.blog-title {
  margin-bottom: 8px;
}

.blog-title a {
  font-size: 18px; 
  line-height: 28px;
  font-weight: 600;
  color: #0F0E2A;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}

/* Excerpt */
.blog-excerpt {
  font-size: 16px;
  line-height: 28px;
  color: #4B5563;
  margin-bottom: 24px;
}

/* Read More (text only) */
.blog-card .read-more {
  font-size: 18px;
  line-height: 24px;
  color: #F45B12;
  font-weight: 600;
  text-decoration: none;
}

.blog-card a.read-more,
.blog-card a.more-link {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-card {
    padding: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-824cce0 */.all-cards {
display: flex;
flex-direction: column; /* Arrange cards vertically in the column */
}
.card1 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 50px; /* Offset from the top */
}
.card2 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Offset from the top */
}
.card3 {

position: -webkit-sticky; /* For Safari */
position: sticky;
top: 150px; /* Offset from the top */
}
.card4 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 200px; /* Offset from the top */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6e7bdcf *//* =========================
   CATEGORY SECTION
========================= */

.blog-category-section {
  margin: 0px 0;
}

.blog-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.blog-category-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.06);
  transition: all .25s ease;
}

.blog-category-card:hover {
  background: #013578;
  transform: translateY(-4px);
}

.blog-category-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #0F0E2A;
  margin-bottom: 8px;
}

.blog-category-card:hover .blog-category-name {
  color: #ffffff;
}

.blog-category-count {
  font-size: 14px;
  color: rgba(30,30,30,.6);
}

.blog-category-card:hover .blog-category-count {
  color: rgba(255,255,255,.8);
}

/* Responsive */
@media (max-width: 1024px) {
  .blog-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .blog-category-grid {
    grid-template-columns: 1fr;
  }
}

/* REMOVE UNDERLINE TOTAL */
.blog-category-card,
.blog-category-card * {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* CATEGORY ICON */
.blog-category-icon {
  display: inline-block;
  font-family: dashicons;
  font-size: 28px;
  margin-bottom: 12px;
  color: #013578;
}

/* Icon mapping by slug */
.blog-category-icon.kegiatan-sekolah::before {
  content: "\f307"; /* groups */
}

.blog-category-icon.informasi-akademik::before {
  content: "\f330"; /* learn */
}

.blog-category-icon.ppdb::before {
  content: "\f481"; /* clipboard */
}

.blog-category-icon.prestasi-penghargaan::before {
  content: "\f313"; /* awards */
}

.blog-category-icon.program-keahlian::before {
  content: "\f308"; /* hammer */
}

.blog-category-icon.alumni-dunia-kerja::before {
  content: "\f338"; /* businessman */
}

.blog-category-icon.edukasi::before {
  content: "\f498"; /* media-document */
}

/* Hover effect */
.blog-category-card:hover .blog-category-icon {
  color: #ffffff;
}

.blog-category-card {
  position: relative;
}

.blog-category-icon {
  width: 40px;
  height: 40px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e14158 */.all-cards {
display: flex;
flex-direction: column; /* Arrange cards vertically in the column */
}
.card1 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 50px; /* Offset from the top */
}
.card2 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Offset from the top */
}
.card3 {

position: -webkit-sticky; /* For Safari */
position: sticky;
top: 150px; /* Offset from the top */
}
.card4 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 200px; /* Offset from the top */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ff54a8f *//* =========================
   BLOG SEARCH FORM (FIXED)
========================= */

.blog-search-form {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* INPUT */
.blog-search-input {
  flex: 1;
  height: 64px !important;
  padding: 0 16px;
  font-size: 16px;
  color: #1E1E1E;
  border-radius: 16px !important;
  border: 1px solid rgba(30, 30, 30, 0.4);
  background: #ffffff;
}

.blog-search-input:focus {
  outline: none;
  height:56px!important;
  border-color: #F45B12;
  box-shadow: 0 0 0 1px #F45B12;
}

/* BUTTON */
.blog-search-button {
  width: 104px;
  height: 56px !important;
  padding: 0 32px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #F45B12;
  border: none;
  border-radius: 8px;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-search-button:hover {
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-35dfb3b *//* =========================
   BLOG PAGINATION
========================= */

.blog-pagination {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 0 4px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #1E1E1E;
  text-decoration: none !important;
  background: transparent;
  transition: all 0.2s ease;
}

/* ACTIVE PAGE */
.blog-pagination .page-numbers.current {
  background: #013578;
  color: #ffffff;
  font-weight: 600;
}

/* PREV & NEXT */
.blog-pagination .page-numbers.prev,
.blog-pagination .page-numbers.next {
  color: #1E1E1E;
  font-weight: 500;
}

/* HOVER (non-active) */
.blog-pagination .page-numbers:not(.current):hover {
  background: #F3F4F6;
}

/* REMOVE UNDERLINE ASTRA */
.blog-pagination a {
  text-decoration: none !important;
  border-bottom: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-629c419 */.all-cards {
display: flex;
flex-direction: column; /* Arrange cards vertically in the column */
}
.card1 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 50px; /* Offset from the top */
}
.card2 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 100px; /* Offset from the top */
}
.card3 {

position: -webkit-sticky; /* For Safari */
position: sticky;
top: 150px; /* Offset from the top */
}
.card4 {
position: -webkit-sticky; /* For Safari */
position: sticky;
top: 200px; /* Offset from the top */
}/* End custom CSS */