.ok07-certifications {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.ok07-certifications .sticky-wrap {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-top: 96px;
  padding-bottom: 50px;
}
.ok07-certifications .big-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
}
.ok07-certifications .big-text span {
  font-size: 28vw;
  font-family: 'Outfit', sans-serif;
  font-weight: 900;
  color: #0d233e;
  line-height: 1.125;
  text-align: center;
  opacity: 0.05;
  white-space: nowrap;
}
.ok07-certifications .section-header {
  position: relative;
  text-align: center;
  z-index: 20;
  margin-bottom: 48px;
}
.ok07-certifications .section-header .label {
  color: #5da9e1;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 16px;
}
.ok07-certifications .section-header .title {
  color: #0d233e;
  margin-bottom: 24px;
  font-size: 3.5rem;
  font-weight: 600;
}
.ok07-certifications .section-header .underline {
  width: 80px;
  height: 6px;
  background: #5da9e1;
  border-radius: 50px;
  margin: 0 auto;
}
      
.certificates-wrapper {display:grid;grid-template-columns:repeat(6,1fr);margin-top:80px;perspective:1000px;width: 86%;}

.ok07-certifications .list{position:relative;}
.ok07-certifications .list .swiper{padding:20px 0;}

.ok07-certifications .list .swiper-slide {width:26rem;}

.cert-card {background:white;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.05);padding:30px;display:flex;flex-direction:column;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;background:#fff;border:1px solid rgba(0,0,0,0.03);}
.cert-card:hover{box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.cert-img-box {background-color:#f9fafb;border-radius:12px;flex-grow:1;margin-bottom:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,0.05);padding:15px;}
       
.cert-img-placeholder {width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1.41;}
.cert-img-placeholder img{object-fit: contain;}
.cert-info {text-align:center;}
.cert-title {font-size:16px;font-weight:700;color:#333;margin-bottom:5px;}
.cert-title::before {content:"";width:50px;height:2px;background:#65ABE1;display:block;margin:0 auto 15px;}
.cert-desc {font-size:10px;color:var(--text-gray);line-height:1.4;text-transform:uppercase;letter-spacing:0.5px;}

/*
.cert-card:hover {transform:translateY(-20px) scale(1.05) !important;z-index:100 !important;box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.cert-card:nth-child(1) {transform:rotate(-40deg) translateY(45px);z-index:6;}
.cert-card:nth-child(2) {transform:rotate(-25deg) translateY(20px);z-index:5;}
.cert-card:nth-child(3) {transform:rotate(-10deg) translateY(5px);z-index:4;}
.cert-card:nth-child(4) {transform:rotate(10deg) translateY(5px);z-index:3;}
.cert-card:nth-child(5) {transform:rotate(25deg) translateY(20px);z-index:2;}
.cert-card:nth-child(6) {transform:rotate(40deg) translateY(45px);z-index:1;}
*/

.ok07-certifications .scroll-hint {
  text-align: center;
  margin-top: 24vh;
  display: none;
}
.ok07-certifications .scroll-hint span {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  animation: bounce 1s infinite;
}



.ok07-certifications .swiper-button-prev,.ok07-certifications .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:0;background:none;margin-top:-25px;text-align:center;color:#B5B5B5;}
.ok07-certifications .swiper-button-next::after,.ok07-certifications .swiper-button-prev::after {display:none;}
.ok07-certifications .swiper-button-prev i,.ok07-certifications .swiper-button-next i{color:inherit;font-size:35px;display:inline-block;margin-top:1px;}
.ok07-certifications .swiper-button-prev,.ok07-certifications .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.ok07-certifications .swiper-button-next,.ok07-certifications .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.ok07-certifications .swiper-button-prev:hover,.ok07-certifications .swiper-button-next:hover{color:#355FA0;}

.ok07-certifications .swiper-pagination-bullets{position:static;width:100%;display:none;margin-top:20px;}
.ok07-certifications .swiper-pagination-bullet {width:30px;height:4px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;}
.ok07-certifications .swiper-pagination-bullet-active{background:#355FA0;}







 @media (max-width:992px) {
.certificates-wrapper {flex-wrap:wrap;height:auto;}
.cert-card {margin:15px;transform:none !important;}
.bg-text {font-size:20vw;}
.ok07-certifications .sticky-wrap {padding-top: 30px;padding-bottom: 30px;}
.ok07-certifications .section-header .label {font-size: 12px;margin-bottom: 10px;}
.ok07-certifications .section-header .title {margin-bottom: 15px;font-size: 2rem;}
.ok07-certifications .section-header .underline {width: 60px;height: 4px;}
.ok07-certifications .section-header {margin-bottom: 20px;}
.certificates-wrapper {grid-template-columns: repeat(3,1fr);margin-top: 0;width: 100%;}
.cert-card {margin: 10px;border-radius: 10px;padding: 10px;}
.cert-title {font-size: 14px;}
.ok07-certifications .scroll-hint {margin-top: 30px;}
.ok07-certifications .big-text span {font-size: 18.75vw;}
}
@media (max-width:480px) {
.certificates-wrapper {grid-template-columns: repeat(2,1fr);}
}