.elementor-31 .elementor-element.elementor-element-257f6a9{--display:flex;--min-height:587px;--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;--justify-content:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-257f6a9:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-257f6a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-31 .elementor-element.elementor-element-257f6a9.e-con{--order:-99999 /* order start hack */;}.elementor-31 .elementor-element.elementor-element-f63ad38{text-align:center;}.elementor-31 .elementor-element.elementor-element-f63ad38 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-item{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-grid-layout-04 .card-img-overlay{background-color:#FFFFFF00;justify-content:flex-end;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-post-grid-layout-04 .card-img-overlay{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-grid-layout-04:hover .card-img-overlay{background-color:#3235317D;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-item,.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-grid-layout-04 .card-img-overlay{border-style:none;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .card{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-grid-item .card-body{text-align:left;padding:7px 7px 7px 7px;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-grid-item .card-img-overlay{text-align:left;padding:7px 7px 7px 7px;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-post-link{font-size:16px;font-weight:600;}.elementor-31 .elementor-element.elementor-element-74d609e .ube-posts .ube-entry-title{margin-bottom:16px;}.elementor-31 .elementor-element.elementor-element-74d609e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-5cbd8c43{--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-31 .elementor-element.elementor-element-640ff772{--e-image-carousel-slides-to-show:5;}.elementor-31 .elementor-element.elementor-element-640ff772 .swiper-wrapper{display:flex;align-items:center;}.elementor-31 .elementor-element.elementor-element-5f7618a5{--display:flex;--min-height:165px;--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;--justify-content:center;--margin-top:-165px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-31 .elementor-element.elementor-element-5f7618a5:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-5f7618a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02421280;}.elementor-31 .elementor-element.elementor-element-5f7618a5.e-con{--align-self:center;}.elementor-31 .elementor-element.elementor-element-adce4c7 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:600;fill:#000000;color:#000000;background-color:#FFC228;border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-adce4c7 .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-adce4c7 .elementor-button:focus{color:#FFFFFF;background-color:#20883A;}.elementor-31 .elementor-element.elementor-element-adce4c7 .elementor-button:hover svg, .elementor-31 .elementor-element.elementor-element-adce4c7 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-adce4c7.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-31 .elementor-element.elementor-element-64755965{text-align:center;}.elementor-31 .elementor-element.elementor-element-64755965 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-640ff772{--e-image-carousel-slides-to-show:2;}.elementor-31 .elementor-element.elementor-element-64755965 .elementor-heading-title{font-size:11px;}}/* Start custom CSS for container, class: .elementor-element-5cbd8c43 */.prestasi-section{
  min-height:100vh;


}
.section-title{
  color:var(--primary);
  
}
.container-prestasi {
  max-width: 1200px;
  margin: auto;
  padding: 60px 20px;
  padding-top:9rem;
}

.section-title {
  font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:bold;
  text-align: center;
  font-size:3em;
  margin-bottom: 10px;
  color:var(--primary);
  font-weight: bold;
}

.section-subtitle {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
}

/* Grid Layout */
.prestasi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

/* Card Prestasi */
.prestasi-card {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 64, 128, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
}
  


.prestasi-card:hover {
   transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.prestasi-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.prestasi-info {
  padding: 20px;
}

.prestasi-info h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color:black;
}

.badge {
  display: inline-block;
  background-color:var(--primary);
  font-size: 13px;
  padding: 10px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.prestasi-info p {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

.pagination{
      margin-block:5rem;
      display:flex;
      justify-content:center;
      text-align: center;
     
    }

    .pagination a {
      display: inline;
      background: #fff;
      border: 1px solid #3ecf5a;
      color: #1b8d45;
      padding: 8px 14px;
      margin: 0 4px;
      border-radius: 5px;
      text-decoration: none;
      font-weight: 500;
      transition: 0.3s;
    }

    .pagination a:hover,
    .pagination a.active {
      background: #1b8d45;
      color: #fff;
    }/* End custom CSS */