/* ====================================
   LEARN DEPTH ENTERPRISE HERO
==================================== */

.ld-enterprise-hero {
  position: relative;

  min-height: 680px;

  width: 100%;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding: 90px 8%;

  background-image: url("img/hero-bg.png");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;
}

/* DARK GRADIENT */

.ld-enterprise-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.45) 35%,
    rgba(0, 0, 0, 0.1) 70%,
    rgba(0, 0, 0, 0) 100%
  );

  z-index: 1;
}

/* CONTENT */

.ld-enterprise-content {
  position: relative;

  z-index: 2;

  max-width: 650px;
}

/* HEADING */

.ld-enterprise-content h2 {
  color: #fff;

  font-weight: 200;

  font-size: clamp(2rem, 4.7vw, 6rem);

  line-height: 0.95;

  letter-spacing: -3px;

  margin-bottom: 30px;
}

/* DESCRIPTION */

.ld-enterprise-content p {
  color: rgba(255, 255, 255, 0.92);

  font-size: 1rem;

  line-height: 1.7;

  max-width: 620px;

  margin-bottom: 45px;
}

/* BUTTONS */

.ld-enterprise-buttons {
  display: flex;

  gap: 18px;

  flex-wrap: wrap;
}

.ld-btn-primary {
  background: #2563ff;

  color: #fff;

  text-decoration: none;

  padding: 18px 34px;

  border-radius: 6px;

  font-size: 1rem;

  font-weight: 600;

  transition: 0.3s;
}

.ld-btn-primary:hover {
  background: #144df0;

  transform: translateY(-2px);
}

.ld-btn-secondary {
  border: 2px solid rgba(255, 255, 255, 0.8);

  color: #fff;

  text-decoration: none;

  padding: 18px 34px;

  border-radius: 6px;

  font-size: 1rem;

  font-weight: 600;

  transition: 0.3s;
}

.ld-btn-secondary:hover {
  background: #fff;

  color: #111;
}

/* LAPTOP */

@media (max-width: 1200px) {
  .ld-enterprise-hero {
    min-height: 650px;
  }

  .ld-enterprise-content h2 {
    font-size: 4.8rem;
  }

  .ld-enterprise-content p {
    font-size: 1.2rem;
  }
}

/* TABLET */

@media (max-width: 768px) {
  .ld-enterprise-hero {
    min-height: 600px;

    padding: 80px 30px;

    background-position: center;
  }

  .ld-enterprise-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.55) 100%
    );
  }

  .ld-enterprise-content {
    max-width: 100%;
  }

  .ld-enterprise-content h2 {
    font-size: 3.2rem;

    letter-spacing: -1px;
  }

  .ld-enterprise-content p {
    font-size: 1rem;

    line-height: 1.8;
  }

  .ld-enterprise-buttons {
    flex-direction: column;

    width: 100%;
  }

  .ld-btn-primary,
  .ld-btn-secondary {
    width: 100%;

    text-align: center;
  }
}

/* MOBILE */

@media (max-width: 480px) {
  .ld-enterprise-hero {
    min-height: 520px;

    padding: 60px 20px;
  }

  .ld-enterprise-content h2 {
    font-size: 2.5rem;

    line-height: 1;
  }

  .ld-enterprise-content p {
    font-size: 0.95rem;
  }
}


/* =====================================
   LEARN DEPTH IMPACT SECTION
===================================== */

.ld-impact-section{

    padding:90px 5%;

    background:linear-gradient(
        180deg,
        #f7f9fc 0%,
        #eef3f9 100%
    );
}

.ld-impact-container{

    max-width:1500px;

    margin:auto;
}

/* TOP */

.ld-impact-top{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;
}

/* CONTENT */

.ld-impact-content h2{

    font-size:clamp(2rem,4vw,4rem);

    line-height:1.05;

    font-weight:200;

    color:#101828;

    margin-bottom:35px;

    letter-spacing:-2px;
}

.ld-impact-content p{

    font-size:1rem;

    line-height:1.8;

    color:#4b5563;

    margin-bottom:28px;

    max-width:700px;
}

/* BUTTON */

.ld-impact-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    background:#ffffff;

    color:#111827;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

    border:1px solid #dbe3ec;

    transition:.3s ease;
}

.ld-impact-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* IMAGE */

.ld-impact-image{

    overflow:hidden;

    border-radius:18px;
}

.ld-impact-image img{

    width:100%;

    height:700px;

    object-fit:cover;

    display:block;
}

/* STATS */

.ld-impact-stats{

    margin-top:80px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    border-top:1px solid #d9e1ea;
}

.ld-impact-stat{

    padding:40px 30px;

    border-right:1px solid #d9e1ea;
}

.ld-impact-stat:last-child{

    border-right:none;
}

.ld-impact-stat h3{

    font-size:4.5rem;

    line-height:1;

    color:#0f172a;

    font-weight:700;

    margin-bottom:15px;
}

.ld-impact-stat p{

    font-size:1.15rem;

    color:#475467;
}

/* TABLET */

@media(max-width:1100px){

    .ld-impact-top{

        grid-template-columns:1fr;
    }

    .ld-impact-image{

        order:-1;
    }

    .ld-impact-image img{

        height:500px;
    }

    .ld-impact-stats{

        grid-template-columns:repeat(2,1fr);
    }

    .ld-impact-stat:nth-child(2){

        border-right:none;
    }
}

/* MOBILE */

@media(max-width:768px){

    .ld-impact-section{

        padding:60px 20px;
    }

    .ld-impact-content h2{

        font-size:2.5rem;
    }

    .ld-impact-content p{

        font-size:1rem;
    }

    .ld-impact-image img{

        height:320px;
    }

    .ld-impact-stats{

        grid-template-columns:1fr;
    }

    .ld-impact-stat{

        border-right:none;

        border-bottom:1px solid #d9e1ea;

        padding:30px 20px;
    }

    .ld-impact-stat h3{

        font-size:3rem;
    }

    .ld-impact-stat:last-child{

        border-bottom:none;
    }
}

/* =====================================
   LEARN DEPTH VALUES SECTION
===================================== */

.ld-values-section{

    padding:100px 5%;

    background:
    linear-gradient(
        135deg,
        #08162c 0%,
        #0c2243 45%,
        #123766 100%
    );

    position:relative;

    overflow:hidden;
}

/* Background Shapes */

.ld-values-section::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-150px;

    width:700px;

    height:700px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,0)
    );

    transform:rotate(35deg);
}

.ld-values-container{

    max-width:1450px;

    margin:auto;

    position:relative;

    z-index:2;
}

/* Header */

.ld-values-header{

    margin-bottom:60px;
}

.ld-values-header h2{

    color:#ffffff;

    font-size:clamp(2rem,4vw,4rem);

    line-height:1.1;

    font-weight:300;

    margin-bottom:20px;
}

.ld-values-header p{

    max-width:900px;

    color:rgba(255,255,255,.85);

    font-size:1.25rem;

    line-height:1.8;
}

/* Grid */

.ld-values-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:26px;
}

/* Cards */

.ld-value-card{

    background:#ffffff;

    padding:38px;

    min-height:260px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    transition:.35s ease;

    border-radius:4px;
}

.ld-value-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.ld-value-card h3{

    font-size:1.4rem;

    color:#1f6fd1;

    margin-bottom:20px;

    font-weight:500;
}

.ld-value-card p{

    font-size:1rem;

    line-height:1.8;

    color:#2b3445;

    margin-bottom:30px;
}

.ld-value-card a{

    color:#1f6fd1;

    text-decoration:none;

    font-size:1.05rem;

    font-weight:600;
}

.ld-value-card a:hover{

    opacity:.8;
}

/* Tablet */

@media(max-width:992px){

    .ld-values-grid{

        grid-template-columns:1fr;
    }

    .ld-value-card{

        min-height:auto;
    }
}

/* Mobile */

@media(max-width:768px){

    .ld-values-section{

        padding:70px 20px;
    }

    .ld-values-header h2{

        font-size:2.2rem;
    }

    .ld-values-header p{

        font-size:1rem;
    }

    .ld-value-card{

        padding:25px;
    }

    .ld-value-card h3{

        font-size:1.6rem;
    }

    .ld-value-card p{

        font-size:1rem;
    }
}

/* ===================================
   LEARN DEPTH ENTERPRISE HUB
=================================== */

.ld-enterprise-hub{

    padding:90px 5%;

    background:#f7f9fc;
}

.ld-enterprise-wrapper{

    max-width:1450px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:0;
}

/* CARD */

.ld-enterprise-card{

    padding:10px 40px 20px;

    border-right:1px solid #d8dde6;
}

.ld-enterprise-card:last-child{

    border-right:none;
}

/* ICON */

.ld-enterprise-icon{

    font-size:48px;

    color:#364fc7;

    margin-bottom:25px;
}

/* TITLE */

.ld-enterprise-card h3{

    font-size:2.1rem;

    font-weight:600;

    color:#172554;

    margin-bottom:18px;
}

/* TEXT */

.ld-enterprise-card p{

    font-size:1.05rem;

    line-height:1.8;

    color:#4b5563;

    margin-bottom:25px;
}

/* TAGS */

.ld-enterprise-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:30px;
}

.ld-enterprise-tags span{

    padding:10px 18px;

    border:1px solid #d9dce3;

    border-radius:50px;

    font-size:.95rem;

    background:#fff;

    color:#374151;

    transition:.3s ease;
}

.ld-enterprise-tags span:hover{

    background:#eaf1ff;

    border-color:#2f66d8;

    color:#2f66d8;
}

/* LINK */

.ld-enterprise-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#111827;

    font-weight:600;

    font-size:1.1rem;

    transition:.3s;
}

.ld-enterprise-card a:hover{

    color:#2563eb;

    transform:translateX(5px);
}

/* ======================
   TABLET
====================== */

@media(max-width:1024px){

    .ld-enterprise-wrapper{

        grid-template-columns:1fr;
    }

    .ld-enterprise-card{

        border-right:none;

        border-bottom:1px solid #d8dde6;

        padding:35px 20px;
    }

    .ld-enterprise-card:last-child{

        border-bottom:none;
    }
}

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

@media(max-width:768px){

    .ld-enterprise-hub{

        padding:70px 20px;
    }

    .ld-enterprise-icon{

        font-size:38px;
    }

    .ld-enterprise-card h3{

        font-size:1.8rem;
    }

    .ld-enterprise-card p{

        font-size:.95rem;
    }

    .ld-enterprise-tags span{

        font-size:.82rem;

        padding:8px 14px;
    }

    .ld-enterprise-card a{

        font-size:1rem;
    }
}


/* ==================================
   LEARN DEPTH CASE STUDY SECTION
================================== */

.ld-case-study-section{

    padding:100px 5%;

    background:#f7f9fc;
}

/* Heading */

.ld-case-study-header{

    max-width:1100px;

    margin:0 auto 60px;

    text-align:center;
}

.ld-case-study-header h2{

    font-size:clamp(2.4rem,5vw,4.8rem);

    line-height:1.1;

    font-weight:300;

    color:#0f172a;

    margin-bottom:20px;
}

.ld-case-study-header p{

    max-width:950px;

    margin:auto;

    color:#475569;

    font-size:1.2rem;

    line-height:1.8;
}

/* Main Card */

.ld-case-study-card{

    max-width:1400px;

    margin:auto;

    border-radius:20px;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #0b2c85 0%,
        #081f63 40%,
        #020617 100%
    );

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    min-height:650px;
}

/* Left Side */

.ld-case-study-content{

    padding:70px;
}

.ld-case-study-content blockquote{

    font-size:1.9rem;

    line-height:1.7;

    color:white;

    font-style:italic;

    margin-bottom:40px;
}

.ld-case-author h4{

    color:white;

    font-size:2rem;

    margin-bottom:10px;

    font-weight:600;
}

.ld-case-author span{

    color:#cbd5e1;

    font-size:1.1rem;
}

/* Button */

.ld-case-btn{

    margin-top:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border:2px solid rgba(255,255,255,.9);

    border-radius:10px;

    text-decoration:none;

    color:white;

    font-weight:600;

    transition:.3s ease;
}

.ld-case-btn:hover{

    background:white;

    color:#0b2c85;
}

/* Image */

.ld-case-image{

    height:100%;
}

.ld-case-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

/* ==========================
   TABLET
========================== */

@media(max-width:1100px){

    .ld-case-study-card{

        grid-template-columns:1fr;
    }

    .ld-case-image{

        order:-1;

        height:450px;
    }
}

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

@media(max-width:768px){

    .ld-case-study-section{

        padding:70px 20px;
    }

    .ld-case-study-content{

        padding:35px 25px;
    }

    .ld-case-study-content blockquote{

        font-size:1.2rem;

        line-height:1.8;
    }

    .ld-case-author h4{

        font-size:1.4rem;
    }

    .ld-case-btn{

        width:100%;
    }

    .ld-case-image{

        height:300px;
    }
}