.elementor-5364 .elementor-element.elementor-element-e6b5782{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5364 .elementor-element.elementor-element-dedefc1{--spacer-size:50px;}/* Start custom CSS *//* ==============================
   Leadership Message Page
============================== */
 
.leader-message-page{
  font-family: "IBM Plex Sans", sans-serif;
  background: #ffffff;
  color: #061747;
}
 
/* ==============================
   Hero
============================== */
 
.leader-hero{
  padding: 90px 60px 80px;
  overflow: hidden;
}
 
.leader-hero-inner{
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: 52px !important;
  align-items: center !important;
}
 
/* Photo */
.leader-photo{
  position: relative;
  width: 320px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #E8E3DA;
  background: #061747;
}
 
.leader-photo::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 82px;
  height: 4px;
  background: #60D0FA;
  z-index: 2;
  border-radius: 0 0 10px 0;
}
 
.leader-photo img{
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  filter: grayscale(100%) brightness(1.08) contrast(1.02);
}
 
/* Hero content */
.leader-hero-content{
  max-width: 720px;
}
 
.leader-kicker,
.leader-kicker .elementor-heading-title{
  color: #A98A57 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
  text-align: left !important;
}
 
.leader-title,
.leader-title .elementor-heading-title{
  color: #061747 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: clamp(30px, 5.5vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 2.08 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
  text-align: left !important;
}
 
/* Caption under title */
.leader-caption{
  margin-top: 24px;
  padding-left: 20px;
  border-left: 4px solid #CBB89D;
  text-align: left;
}
 
.leader-caption h3{
  margin: 0 0 6px !important;
  color: ##7A7A7A !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
 
.leader-caption p{
  margin: 0 !important;
  color: ##7A7A7A !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
 
/* Message text - comfortable reading */
.leader-content-inner{
  max-width: 940px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
 
.leader-text,
.leader-text .elementor-widget-container,
.leader-text p{
  color: #5A6572 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  text-align: left !important;
  hyphens: none !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
}
 
.leader-text p{
  margin: 0 0 22px !important;
}
 
.leader-text p:last-child{
  margin-bottom: 0 !important;
}
 
.leader-text p:first-child{
  color: #344154 !important;
  font-size: 19px !important;
  line-height: 1.9 !important;
}
 
/* Mobile */
@media (max-width: 767px){
  .leader-content-inner{
    max-width: 100% !important;
  }
 
  .leader-text,
  .leader-text .elementor-widget-container,
  .leader-text p{
    font-size: 16px !important;
    line-height: 1.82 !important;
    text-align: left !important;
  }
 
  .leader-text p:first-child{
    font-size: 17px !important;
  }
}
 
 
/* ==============================
   Tablet
============================== */
 
@media (max-width: 1024px){
 
  .leader-hero{
    padding: 80px 40px 72px;
  }
 
  .leader-hero-inner{
    grid-template-columns: 260px 1fr !important;
    gap: 38px !important;
  }
 
  .leader-photo{
    width: 260px;
    border-radius: 26px;
  }
 
  .leader-content-section{
    padding: 40px 40px 85px;
  }
}
 
/* ==============================
   Mobile
============================== */
 
@media (max-width: 767px){
 
  .leader-hero{
    padding: 68px 24px 58px;
  }
 
  .leader-hero-inner{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
 
  .leader-photo{
    width: 100%;
    max-width: 300px;
  }
 
  .leader-title,
  .leader-title .elementor-heading-title{
    font-size: 34px !important;
    text-align: center !important;

  }
 
  .leader-caption{
    padding-left: 16px;
        text-align: center !important;

    
  }
 
  .leader-caption h3{
    font-size: 22px !important;
    text-align: center !important;


  }

 
  .leader-content-section{
    padding: 34px 24px 74px;

  }
 
  .leader-text,
  .leader-text .elementor-widget-container,
  .leader-text p{
    font-size: 16px !important;
    line-height: 1.82 !important;
        text-align: center !important;

  }
 
  .leader-text p:first-child{
    font-size: 17px !important;
  }
}/* End custom CSS */