/* HERO */
.atlas-hero {
  background:#010101;
  color:#fff;
  padding:120px 0 350px; /* ✅ remove gap before image */
}
.quote-part h2 {
    font-size: 60px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 66px!important;
    letter-spacing: 0px!important;
    text-transform: capitalize!important;
    color: #010101!important;
margin-bottom: 10px !important;
}
.quote-part {
    flex: 0 85%;
}
.quote-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.container {
    max-width: 800px;
    margin: 0 auto;
}
.atlas-hero .container {
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.atlas-hero h1 {
  font-size:60px!important;
  font-weight:600!important;
  line-height:75px!important;
  margin-bottom:20px!important;
  letter-spacing:-2px!important;
}

.highlight {
  background:#961116;
  padding:0px 10px;
  border-radius:4px;
  color:#fff;
  display:inline-block;
}

.atlas-hero .subtitle {
  font-size:20px!important;
  line-height:30px!important;
  margin-top:10px!important;
  max-width:900px;
 color: #ffffff !important;
  font-weight:400!important;
}
.hero-image.full-width {
    max-width: 1440px;
    margin: 0 auto;
}
/* ✅ Full bleed hero image */
.hero-image.full-width img {
  margin-top: -300px;
    height: 750px !important;
}
.quote-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
/* QUOTE BLOCK */
.atlas-quote {
  background:#fff;
  padding:80px 0;
}

.quote-icon {
      flex:0 15%;
  font-size:65px;
  color:#b30000;
  margin-bottom:10px;
}

/* ✅ Eyebrow text */
.quote-eyebrow {
  color: #010101 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    line-height: 25px !important;
}


@media(max-width:800px){
.hero-image.full-width img {
    margin-top: 0px;
    height: auto!important;
}
.atlas-quote {
    padding: 40px 0;
}
 .atlas-hero,.atlas-approach{
  padding: 40px 0px;
}
.atlas-hero .subtitle {
  font-size: 16px !important;
    line-height: 24px !important;
  }
  .atlas-hero h1{
font-size:48px!important;
  line-height: 54px !important;
}
  .quote-icon {
    flex: 0 10%;
  }
  .quote-part {
    flex: 0 80%;
}
  .quote-flex {
gap: 20px;
    margin: 0px 10px;
  }
.highlight {
  padding: 4px 9px;
  margin: 4px 0px;
  }
  .quote-part h2 {
        font-size: 28px !important;
  }
  .quote-eyebrow {
    font-size:18px!important;
  }
  
.atlas-quote h2 {
  font-size:48px!important;
  font-weight:700!important;
  line-height:1.2!important;
  margin-bottom:20px!important;
}

.quote-text {
  color:#6D6E71!important;
  font-size:16px!important;
  line-height:28px!important;
  font-weight:400!important;
}
}


@media (max-width: 484px) {
    .atlas-quote h2 {
        font-size: 40px !important;
        line-height: 1.0 !important;
  }