/* Bioekran Services v1.0.0
 * Author: rtsasuk
 * https://t.me/rtsasuk
 */
.bioekran-services-module {
  --bio-services-navy:#082a55;
  --bio-services-navy-2:#0b3f76;
  --bio-services-blue:#087fc5;
  --bio-services-yellow:#ffc515;
  --bio-services-muted:#607187;
  --bio-services-line:#dce9f2;
  --bio-services-shadow:0 20px 50px rgba(6,46,87,.10);
  --bio-services-radius:24px;
  background:#fff;
  padding:96px 0;
  box-sizing:border-box;
}

.bioekran-services-module *,
.bioekran-services-module *:before,
.bioekran-services-module *:after {
  box-sizing:border-box;
}

.bioekran-services-module .bioekran-services-container {
  width:100%;
  max-width:1470px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

.bioekran-services-module .section-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:42px;
}

.bioekran-services-module .section-head .head-copy {
  max-width:760px;
}

.bioekran-services-module .section-head > p {
  max-width:640px;
  font-size:17px;
  line-height:1.55;
  margin:0;
  color:var(--bio-services-muted);
}

.bioekran-services-module .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bio-services-blue);
  margin-bottom:15px;
}

.bioekran-services-module .eyebrow:before {
  content:"";
  width:28px;
  height:3px;
  border-radius:3px;
  background:var(--bio-services-yellow);
}

.bioekran-services-module h2,
.bioekran-services-module h3 {
  margin:0;
  color:var(--bio-services-navy);
  line-height:1.12;
}

.bioekran-services-module h2 {
  font-size:clamp(32px,3.3vw,50px);
  letter-spacing:-.03em;
}

.bioekran-services-module h3 {
  font-size:22px;
  letter-spacing:-.015em;
}

.bioekran-services-module .services-grid {
  display:flex;
  flex-wrap:wrap;
  margin-left:-11px;
  margin-right:-11px;
}

.bioekran-services-module .service-col {
  display:flex;
  padding-left:11px;
  padding-right:11px;
  margin-bottom:22px;
}

.bioekran-services-module .service-card {
  position:relative;
  width:100%;
  min-height:330px;
  padding:30px;
  padding-bottom:78px;
  border-radius:var(--bio-services-radius);
  background:linear-gradient(180deg,#fff,#f8fcfe);
  border:1px solid var(--bio-services-line);
  overflow:hidden;
  transition:.3s;
}

.bioekran-services-module .service-card:hover {
  transform:translateY(-5px);
  box-shadow:var(--bio-services-shadow);
  border-color:#b8dce9;
}

.bioekran-services-module .service-card.featured {
  background:linear-gradient(145deg,var(--bio-services-navy),#0c548a);
  color:#fff;
  border:0;
}

.bioekran-services-module .service-card.featured h3,
.bioekran-services-module .service-card.featured p {
  color:#fff;
}

.bioekran-services-module .service-card.featured p {
  opacity:.76;
}

.bioekran-services-module .service-icon {
  width:64px;
  height:64px;
  border-radius:18px;
  background:#e9f7fd;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bio-services-blue);
  margin-bottom:40px;
}

.bioekran-services-module .featured .service-icon {
  background:rgba(255,255,255,.12);
  color:var(--bio-services-yellow);
}

.bioekran-services-module .service-icon svg {
  width:32px;
  height:32px;
}

.bioekran-services-module .service-card p {
  margin:13px 0 0;
  font-size:15px;
  line-height:1.55;
  color:var(--bio-services-muted);
}

.bioekran-services-module .service-link {
  position:absolute;
  left:30px;
  bottom:27px;
  font-weight:800;
  color:var(--bio-services-blue);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:8px;
}

.bioekran-services-module .featured .service-link {
  color:var(--bio-services-yellow);
}

.bioekran-services-module .service-link:hover,
.bioekran-services-module .service-link:focus {
  text-decoration:none;
  opacity:.85;
}

@media (max-width:920px) {
  .bioekran-services-module .section-head {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:767px) {
  .bioekran-services-module {
    padding:70px 0;
  }

  .bioekran-services-module .bioekran-services-container {
    padding-left:14px;
    padding-right:14px;
  }

  .bioekran-services-module .section-head {
    margin-bottom:30px;
  }

  .bioekran-services-module .service-card {
    min-height:310px;
  }
}