/* CSS Document */


:root {
--dhrm-navy: #002d72;
--dhrm-dark-navy: #001d5c;
--dhrm-orange: #f59e0b;
 --dhrm-blue: #0057b8;
 --dhrm-bright-blue: #0b43c9;
--dhrm-green: #2e7d32;
 --dhrm-red: #c8102e;
 --dhrm-child-tagline: #041d63;
 --dhrm-body-background:#e3eff8;
}

/* .h2,h2 {font-size: 58px; line-height: 1.29em; letter-spacing:-1px;} */

/* h1 {font-size: clamp(1.5rem, 4vw, 3.0rem);} */

body {background-color: var(--dhrm-body-background);}

/* .body-background {background-color: var(--dhrm-body-background);} */

h2 {font-size: clamp(1.5rem, 6vw, 2.5rem);}

.content-wrapper {
  padding-left: 50px;
  padding-right: 50px;}

.nav-border{border-bottom: 2px solid #f4a019;}  
	
.conference-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(2.5rem, 6vw, 5rem) 1rem clamp(5rem, 10vw, 8rem);
  background:
    radial-gradient(circle at right center, rgba(7, 51, 153, .12) 0 2px, transparent 3px) 0 0 / 18px 18px,
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  color: #08215f;
  text-align: center;
}


.conference-hero-wrapper {background:
    radial-gradient(circle at right center, rgba(7, 51, 153, .12) 0 2px, transparent 3px) 0 0 / 18px 18px,
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
 }

.hero-bg-shape {
  position: absolute;
  left: -15%;
  right: -15%;
  bottom: -210px;
  height: 340px;
  background: #001d5c;
  border-top: 5px solid #f4a019;
  border-radius: 50% 50% 0 0;
  z-index: 0;
}


.hero-bg-shape-test {
  position: absolute;
  left: -15%;
  right: -15%;
  bottom: -30px;
  height: 150px;
  background: #001d5c;
  border-top: 5px solid #f4a019;
  border-bottom: 5px solid #f4a019;
  border-radius: 50% 50% 0 0;
  z-index: 0;
}



.hero-container {
  position: relative;
  z-index: 1;
  width: min(100%, 1400px);
  margin: 0 auto;
}

.hero-eyebrow {
  margin: 0 0 1rem;
  font-size: clamp(1.5rem, 2vw, 1.6rem);
  font-weight: 700;
  /* text-transform: uppercase; */
  letter-spacing: .03em;
  color: #073399;
  padding-top: 30px;
  padding-bottom: 30px;
}


.hero-agy-name-wrapper {
    margin-left: 70px;
   padding-top: 35px; 
   }

.hero-agy-name {
  /* margin: 0 0 1rem; */
  font-size: clamp(1.0rem, 2vw, 1.2rem);
   /* font-size: clamp(1.0rem, 2vw, 1.5rem); */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #073399;
  text-align: left;
   padding-top: 30px; 
} 

.dhrmlogo-hero{
  width: 1.5rem;
  height: 1.5rem;
}


.hero-agy-name-img {
   /* margin-left: 65px; */
   /* padding-top: 35px;   */
  } 

.hero-img {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .35em;
  /* margin: 0 0 1rem; 
  font-size: clamp(1.0rem, 6vw, 1.0rem);
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  text-transform: uppercase;*/
} 

.section-name {
  margin: 0 0 1rem;
  font-size: clamp(1.0rem, 2vw, 1.4rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #073399;
  padding-top: 30px;
}


.hero-command {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .35em;
  margin: 0 0 1rem;
  font-size: clamp(2rem, 6vw, 2.5rem);
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  text-transform: uppercase;
}

.blue { color: #0b43c9; }
.green { color: #1f9d14; }
.red { color: #d31717; }
.plus { color: #08215f; }

/* .hero-title {
  margin: 0 0 clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(3rem, 10vw, 8rem);
  font-weight: 900;
  font-style: italic;
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: -.03em;
  color: #041d63;
} */

.hero-title {
  margin: 0 0 clamp(1.5rem, 4vw, 1.5rem); 
  font-size: clamp(1.5rem, 10vw, 4rem);
  /* font-weight: 900; */
  font-weight: 700; 
  font-style: italic;
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: -.03em;
  color: #041d63;
}

 .subhero-curve {
    position: absolute;
    left: -8%;
    right: -8%;
    bottom: -105px;
    height: 80px;
    background: var(--dhrm-navy);
    border-top: 5px solid var(--dhrm-orange);
    border-radius: 50% 50% 0 0 / 44% 44% 0 0;
  }

.power-o {
  position: relative;
  display: inline-block;
}

.power-o::before {
  content: "";
  position: absolute;
  /* left: 50%; */
  left: 58%;
  top: -8%;
  transform: translateX(-50%);
  width: .12em;
  height: .42em;
  border-radius: 999px;
  background: #0d57ff;
}

.key-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(.75rem, 3vw, 2rem);
  margin-bottom: clamp(2rem, 5vw, 3rem);
}

.key {
  min-width: clamp(95px, 14vw, 160px);
  padding: clamp(.6rem, 1.5vw, .9rem) clamp(1rem, 2vw, 1.75rem);
  border-radius: 18px;
  color: #fff;
  font-size: clamp(1.4rem, 3vw, 2.75rem);
  font-weight: 800;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.35),
    inset 0 -4px 8px rgba(0,0,0,.25),
    0 10px 18px rgba(0,0,0,.18);
}

.key-blue { background: linear-gradient(180deg, #3392ff 0%, #0046bf 100%); }
.key-green { background: linear-gradient(180deg, #73e92f 0%, #168c0e 100%); }
.key-red { background: linear-gradient(180deg, #ff5c4c 0%, #c00d0d 100%); }

.event-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: clamp(1rem, 3vw, 2rem);
  max-width: 1000px;
  margin: 0 auto clamp(1.5rem, 4vw, 2.5rem);
  padding: clamp(1.25rem, 3vw, 2rem) 1rem;
  border-left: 2px solid #f4a019;
 /*  border-top: 2px solid #f4a019;
  border-bottom: 2px solid #f4a019; */
}

.event-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left;
}

.event-icon {
  width: clamp(52px, 8vw, 72px);
  height: clamp(52px, 8vw, 72px);
  border-radius: 50%;
  background: #0b43c9;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: clamp(1.4rem, 3vw, 2rem);
  flex-shrink: 0;
}

.event-divider {
  width: 1px;
  height: 80px;
  background: #FFF;
}

/* .event-divider {
  width: 2px;
  height: 80px;
  background: #f4a019;
} */

.event-label {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #073399;
}

.conf-event-label {
  font-size: clamp(1.5rem, 3vw, 1.0rem);
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  color: #073399;
  padding-top: 20px;
  padding-bottom: 20px;
}

.event-value {
  font-size: clamp(1.6rem, 3vw, 2.75rem);
  font-weight: 900;
}

.conf-event-value {
  font-size: clamp(1.5rem, 3vw, 2.0rem);
  font-weight: 900;
}

.event-location,
.event-city {
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.3;
}

.event-location {
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.event-city {
  margin-top: .35rem;
  font-size: clamp(.9rem, 1.5vw, 1.1rem);
}

/* .event-border{border-left: #f4a019 solid 2px;} */

.hero-tagline {
  margin: 0;
  font-size: clamp(1.8rem, 2vw, 1.8rem);
  font-weight: 800;
  font-style: italic;
}


.tag-lines {font-size: 1.5rem;
font-weight: 200;}

.reboot-card{font-size:1.2rem;
font-weight: 500;}


.why-attend-content{background-color: var(--dhrm-dark-navy);
    line-height: 1.65;
}

.why-attend-content h2{font-weight: 600;
color: #FFF;}

.why-attend-card {font-size: 1.2 rem;
border-bottom: 12px solid #f4a019;
 border-radius: 10% 10% 10% 10%;
padding:15px;
line-height: 1.65;
}


.why-attend-card-title {font-size: 2.0rem;
font-weight: 600;}


.why-attend-card .icon {height:50px;}


 .sub-headers{color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0}


.who-attend{
    background:#002169;
    padding:4rem 0;
}

.attendees-section {
    position: relative;
    /*background: #002169;*/
    background: #073399;
    padding: 5rem 0;
}

/* .attendees-section::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 80px;
    background: #073399;
    border-radius: 75% 75% 0 0;
} */

.attendees-section::after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 80px;
    background: #073399;
    border-radius: 0 0 85% 85%;
}




/* Tablet */
@media (max-width: 900px) {
  .event-row {
    grid-template-columns: 1fr;
  }

  .event-card {
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  .event-divider {
    width: 140px;
    height: 2px;
    margin: 0 auto;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hero-command {
    display: block;
  }

  .hero-command span {
    display: inline-block;
    margin: .05em;
  }

  .hero-title {
    font-size: clamp(2.8rem, 14vw, 4.5rem);
  } 


  .key-row {
    flex-direction: column;
    align-items: center;
  }

  .key {
    width: min(220px, 80%);
  }

  .hero-bg-shape {
    bottom: -160px;
    height: 260px;
  }
}

/* Curve */
.curve-divider {
    line-height: 0;
    margin-bottom: -1px;
}

.curve-divider svg {
    display: block;
    width: 100%;
    height: 140px;
}

.curve-divider path {
    fill: #163c96; /* same blue as section */
}



.double-curve svg {
    width: 100%;
    height: 120px;
    display: block;
}

.top-wave{
    position:absolute;
    top:-80px;
    left:0;
    width:100%;
    height:80px;
}

/* Who Should Attend Section */


.who-attend{
    position:relative;
    background:#184c80;
    color:#fff;
    padding:5rem 0;
}


/*.who-attend {
    background: #163c96;
    color: #fff;
    padding: 5rem 0;
}*/

/* .who-attend h2 {
    color: #fff;
    margin-bottom: 1.5rem;    
} */

.who-attend h2 {
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.15;
  margin: 0 0 1.5rem;
  font-weight: 600;
  color: #FFF;
}

.who-attend p,
.who-attend li {
    color: rgba(255,255,255,.95);
}

.attend-cards {background: #ffffff;
border-top: 5px solid #184C80;
border-radius: 10px;
font-size: 1.5rem;
padding:15px;
margin:30px;
box-shadow: 0 8px 24px rgba(0,0,0,.08);}

/*split image hero*/

.split-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 620px;
}

.split-hero__image {
  background-image: url("/images/assets/hrgroupphoto.jpg");
  background-size: cover;
  background-position: center;
}

.split-hero__content {
  /* background: #b38e53; */
   background: #5f743c;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 4rem;
}

.split-hero__inner {
  max-width: 680px;
}

.split-hero h2 {
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.15;
  margin: 0 0 1.5rem;
  font-weight: 600;
  color: #FFF;
}

.split-hero p {
  font-size: 1.1rem;
  line-height: 1.65;
  margin: 0 0 1.5rem;
}

.split-hero .list-item li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.split-hero .list-item li:before {
  content: "\f633";
  font-family: bootstrap-icons!important;
  font-size: 13px;
  position: absolute;
  left: 0;
  top: 6px;
  color: var(--dhrm-dark-navy);
}

.split-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 2.5rem;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.75rem;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.1rem;
}

.btn-light {
  background: #fff;
  color: #111;
}

.btn-outline {
  border: 1px solid #fff;
  color: #fff;
}

.btn span {
  border: 2px solid currentColor;
  border-radius: 50%;
  width: 1.35em;
  height: 1.35em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Responsive */
@media (max-width: 900px) {
  .split-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .split-hero__content {
    order: 1;
  }

  .split-hero__image {
    order: 2;
    min-height: 280px;
  }

  .split-hero__inner {
    padding: 3rem 1.5rem;
  }
}

@media (max-width: 520px) {
  .split-hero__buttons {
    flex-direction: column;
  }

  .btn {
    justify-content: center;
    width: 100%;
  }
}


/*Speaker Section */
.speakers-section {
    padding: 5rem 0;
}

.speakers-section h2 {
    font-size: 3rem;
    /* color: #184c80; */
    color: var(--dhrm-navy);
    margin-bottom: 1rem;
    font-weight: 700;
}

.speakers-intro {
    /* max-width: 900px; */
    margin-bottom: 2.5rem;
    line-height: 1.7;
    font-size: 1.2rem;
}

.speaker-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.speaker-card {
    background: #ffffff;
    border-radius: 15px;
    /* padding: 2rem; */
    text-align: center;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
    border-bottom: 4px solid #d4a66b;
    transition: all .25s ease;
    min-height:80px;
    padding:1.0rem;
}

/* .speaker-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
} */

.speaker-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.speaker-card h3 {
    font-size: 1.15rem;
    line-height: 1.4;
    color: #184c80;
    margin: 0;
}

.speaker-note {
    margin-top: 2rem;
    font-style: italic;
    color: #666;
}

/* Tablet */
@media (max-width: 992px) {
    .speaker-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .speaker-grid {
        grid-template-columns: 1fr;
    }
}



.footer{padding-top: 20px;
padding-bottom: 20px;
background-color: var(--dhrm-dark-navy);
font-size: 1.5rem;
margin-top: 50px;}


/****************child pages*************************/
 .conference-subhero {
    background: #fff;
    color: var(--dhrm-text);
    font-family: inherit;
  }

  .conference-event-strip {
    background: var(--dhrm-navy);
    color: #fff;
    border-bottom: 4px solid var(--dhrm-orange);
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    padding: 0.75rem 0;
    text-transform: uppercase;
  }

  .conference-subhero-inner {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    padding: 2.25rem 0 4.75rem;
    background:
      radial-gradient(circle, rgba(0, 45, 114, 0.14) 1.2px, transparent 1.2px) 0 0 / 18px 18px,
      linear-gradient(180deg, #ffffff 0%, var(--dhrm-bg) 100%);
  }

 

  .conference-eyebrow {
    margin: 0 0 0.35rem;
    color: var(--dhrm-child-tagline);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

   .conference-eyebrow2 {
    margin: 0 0 0.35rem;
    color: var(--dhrm-navy);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .conference-subhero h1 {
    margin: 0;
    color: var(--dhrm-navy);
    font-size: clamp(2.2rem, 6vw, 3.75rem);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.04em;
    text-transform: uppercase;
  }

  .conference-lede {
    max-width: 760px;
    margin: 1rem 0 0;
    color: var(--dhrm-text);
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    line-height: 1.45;
    font-weight: 500;
  }

  .key-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    transform: rotate(-2deg);
  }

 

  .subhero-curve {
    position: absolute;
    left: -8%;
    right: -8%;
    bottom: -105px;
    height: 170px;
    background: var(--dhrm-navy);
    border-top: 5px solid var(--dhrm-orange);
    border-radius: 50% 50% 0 0 / 44% 44% 0 0;
  }

  @media (max-width: 767.98px) {
    .conference-event-strip {
      font-size: 0.82rem;
    }

    .conference-subhero-inner {
      min-height: 260px;
      padding-top: 1.75rem;
      padding-bottom: 4rem;
    }

    .conference-lede {
      font-size: 1.05rem;
    }
  }

  .child-section-headers {
  /* margin: 0 0 1rem; */
  font-size: clamp(3.0rem, 2vw, 3.0rem);
  font-weight: 600;
  /* text-transform: uppercase; */
  letter-spacing: .03em;
 color: var(--dhrm-navy);
  padding-top: 30px;
  margin-bottom: 1rem;
}

.child-text {font-size: 1.3rem;
line-height: 1.65;}