/* =========================
   GMBH BENEFITS SECTION
========================= */

.neeb-gmbh-benefit-section{
  position:relative;

  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:90px 24px;

  background:
    radial-gradient(circle at 12% 18%, rgba(8,72,99,.08), transparent 40%),
    radial-gradient(circle at 88% 82%, rgba(8,72,99,.06), transparent 40%),
    linear-gradient(180deg,#ffffff 0%,#f4f8fa 100%);
}

/* Link Fix */
.neeb-gmbh-benefit-section a,
.neeb-gmbh-benefit-section a:hover,
.neeb-gmbh-benefit-section a:focus{
  color:inherit !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

.neeb-gmbh-benefit-section .glossary-link,
.neeb-gmbh-benefit-section .glossaryLink,
.neeb-gmbh-benefit-section a.glossary{
  border-bottom:none !important;
}

/* Container */

.neeb-gmbh-container{
  max-width:1100px;
  margin:0 auto;
}

/* =========================
   HEAD
========================= */

.neeb-gmbh-benefit-section .neeb-gmbh-section-head{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}

.neeb-gmbh-benefit-section .neeb-gmbh-section-head h2{
  margin:0 0 14px;
  font-size:40px;
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:750;
  color:#0f172a;
}

.neeb-gmbh-benefit-section .neeb-gmbh-section-head p{
  margin:0;
  font-size:18px;
  line-height:1.7;
  color:#475569;
}

/* =========================
   GRID
========================= */

.neeb-gmbh-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

/* =========================
   CARDS
========================= */

.neeb-gmbh-benefit-card{
  position:relative;
  overflow:hidden;

  padding:30px;
  border-radius:26px;

  background:
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 45%),
    linear-gradient(135deg,#02131c 0%, #084863 55%, #0b6b8d 100%);

  border:1px solid rgba(255,255,255,.10);

  box-shadow:0 22px 55px rgba(8,72,99,.20);

  transition:.3s ease;
}

/* Shine Effekt */
.neeb-gmbh-benefit-card:before{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.10) 45%,
    transparent 70%
  );

  transform:translateX(-120%);
  transition:transform .7s ease;
}

.neeb-gmbh-benefit-card:hover{
  transform:translateY(-6px);
  box-shadow:0 34px 80px rgba(8,72,99,.30);
}

.neeb-gmbh-benefit-card:hover:before{
  transform:translateX(120%);
}

/* TEXT */

.neeb-gmbh-benefit-card strong{
  position:relative;
  display:block;
  margin-bottom:12px;

  font-size:20px;
  line-height:1.25;
  letter-spacing:-.01em;

  color:#ffffff;
}

.neeb-gmbh-benefit-card p{
  position:relative;
  margin:0;

  font-size:15.5px;
  line-height:1.7;

  color:rgba(255,255,255,.82);
}

/* =========================
   MOBILE
========================= */

@media(max-width:900px){
  .neeb-gmbh-benefit-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){

  .neeb-gmbh-benefit-section{
    padding:50px 16px;
  }

  .neeb-gmbh-benefit-section .neeb-gmbh-section-head{
    margin-bottom:26px;
  }

  .neeb-gmbh-benefit-section .neeb-gmbh-section-head h2{
    font-size:28px;
  }

  .neeb-gmbh-benefit-section .neeb-gmbh-section-head p{
    font-size:15.5px;
  }

  .neeb-gmbh-benefit-card{
    padding:22px 20px;
    border-radius:20px;
  }

  .neeb-gmbh-benefit-card strong{
    font-size:18px;
  }

  .neeb-gmbh-benefit-card p{
    font-size:14.5px;
  }
}