@charset "UTF-8";
/* ===================================
    About
====================================== */
/*
    Theme Name: Wexim
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */
/* ===================================
    Variables
====================================== */
/* ===================================
    Styling
====================================== */
::-webkit-scrollbar {
  background-color: #21315f;
}

::-webkit-scrollbar-thumb {
  background: #21315f;
}

a:hover,
a:active {
  color: #21315f;
}

.gradient-bg1,
.team-progress .progress-bar,
.team-box .overlay:before,
.cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.overlay-two:before,
.price-two.hvr-gradient:hover,
.loader {
  background: #21315f;
  border-top: 5px solid #727051;
}

.header-appear .navbar-top-default.navbar-gradient {
  background: #21315f;
  border-top: 5px solid #727051;
}

.top-header-area ~ .navbar-top-default {
  background-color: #21315f;
}

/* CTA */
.btn.btn-rounded {
  border-radius: 0px;
}

/* text-color */
h1, h2, h3, h4, h5, h6 {
  color: #21315f;
  font-weight: lighter !important;
}

.top-header-area {
  color: #FFFFFF;
}

.main-color,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item:hover {
  color: #21315f;
}

.alt-color {
  color: #63c600;
}

.third-color,
.header-appear .nav-box-round .navbar-nav .nav-link:hover,
.navbar.navbar-right .navbar-nav .nav-link.active,
.button-play:hover i,
.parallax-box:hover i {
  color: #ffffff;
}

.gradient-text1,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.blog-item-content h4 a:hover {
  background: #21315f;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn.btn-blue,
.side-right-social a,
.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
  background: #faf7eb;
  border-color: #faf7eb;
}

.btn.btn-blue:hover,
.btn.btn-blue:focus {
  background: transparent !important;
  border-color: #314b96;
  color: #314b96 !important;
}

.btn.btn-gradient,
.team-box-two .team-two-block::before,
.scroll-top-arrow,
.widget .search-btn {
  background-color: #21315f;
  background-image: none;
}

.btn.btn-gradient:hover,
.team-box-two .team-two-block::before:hover,
.scroll-top-arrow:hover,
.widget .search-btn:hover {
  background-color: #314b96;
}

.scroll-top-arrow {
  background-image: none;
}

.header-appear .nav-box-round .navbar-nav .nav-link.active,
.owl-dots .owl-dot::after,
.footer-social li a:hover {
  background-color: #16203f;
}

.nav-line .navbar-nav .nav-link:before,
.button-play,
.price-two.hvr-blue:hover,
.side-menu,
.error-text h2,
.blog-pagination li a:hover,
.blog-pagination li.active a,
.blog-pagination li a:focus,
.wexim .tp-bullet.selected .tp-bullet-inner {
  background: #16203f;
}

.count-down-form .form-control:focus {
  border-bottom: 2px solid #16203f !important;
}

.blog-tags li a:hover,
.blog-tags li a:focus {
  border: 1px solid #16203f;
  background-color: #16203f;
}

.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
  background: #16203f !important;
  border-color: #16203f;
}

.price-two .btn.btn-blue:hover, .price-two .btn.btn-blue:focus {
  background: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

p {
  color: #434343;
}

/* content adjustments */
.content-left-align {
  text-align: left;
}

.team-box {
  min-height: 1350px;
}

.team-box .team-bio p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  .mobile-hero-logo {
    text-align: center;
    margin-left: 50px;
    margin-top: 350px;
  }
}
@media only screen and (min-width: 601px) {
  .mobile-only {
    display: none;
  }
}
@media (min-width: 640px) {
  .wwd-right-set {
    margin-left: 3px;
  }
}
@media (min-width: 640px) {
  .wwd-left-set {
    margin-right: 3px;
  }
}
@media (max-width: 640px) {
  .wwd-left-set {
    margin-bottom: 15px;
  }
}
.feature-box {
  background-color: #e7eff6;
  text-align: center;
  padding: 15px;
}

.feature-box .wwd-title {
  display: block;
  text-align: center;
}

.feature-box.wwd-turnkey {
  background-image: url(../images/wwd-icons-turnkey-blue.png);
  background-repeat: no-repeat;
  background-position: top 35px right 0px;
  background-size: 100px auto;
}

.feature-box.wwd-acct {
  background-image: url(../images/wwd-icons-acct-blue.png);
  background-repeat: no-repeat;
  background-position: top 35px right 0px;
  background-size: 100px auto;
}

.feature-box.wwd-eff {
  background-image: url(../images/wwd-icons-eff-blue.png);
  background-repeat: no-repeat;
  background-position: top 35px right 0px;
  background-size: 100px auto;
}

.feature-box.wwd-dist {
  background-image: url(../images/wwd-icons-dist-blue.png);
  background-repeat: no-repeat;
  background-position: top 35px right 0px;
  background-size: 100px auto;
}

.feature-box ul {
  list-style: disc;
  margin-left: 15px;
}

.feature-box ul li {
  font-size: 13px;
  margin-bottom: 10px;
}

.feature-box .btn-info {
  color: #fff;
  background-color: #21315f;
  border-color: #21315f;
  font-size: 12px;
}

.feature-box .btn-info:hover {
  background-color: #5379e7;
}

.clients-section {
  background-color: #fbfaf6;
  background-image: url(../images/clients-bg-blue.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  border-top: 1px solid #5379e7;
  border-bottom: 1px solid #5379e7;
}

.client-item {
  padding: 10px;
}

.client-item .client-box {
  text-align: center;
}

.client-item .client-box .client-logo {
  margin-bottom: 15px;
}

.client-item .client-box h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

.wwd h5 {
  font-weight: bolder;
  display: block;
  min-height: 50px;
}

.wwd h6 {
  font-weight: bolder;
  display: block;
  min-height: 50px;
}

.wwd ul {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 10px;
  list-style: none;
  display: block;
  height: 200px;
}

.wwd ul li {
  line-height: normal;
  font-size: 13px;
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 20px;
  min-height: 25px;
}

.wwd-header {
  font-size: 20px;
  color: #21315f;
  background-color: #ebe8de;
  border-bottom: 1px solid #21315f;
  line-height: 40px;
  text-align: center;
}

.wwd-modal-content {
  padding: 15px;
}

.wwd-modal-content ul {
  list-style: disc;
}

.wwd-modal-content ul li {
  margin-bottom: 15px;
}

.ihs-footer {
  background-image: url("../images/ihs-footer.jpg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.team {
  padding: 20px;
  background-color: #ffffff;
  margin-bottom: 40px;
}

@media only screen and (min-width: 601px) {
  .team {
    min-height: 1200px;
    background-color: #f9f3f0;
  }
}
.team .team-title {
  font-size: 14px;
  margin-bottom: 35px !important;
}

.team-sales {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px;
}

@media (min-width: 767.98px) {
  .team-sales {
    min-height: 350px;
  }
}
.team-sales .img {
  margin-bottom: 10px;
}

.team-sales .name {
  font-family: "Poppins", sans-serif;
  color: #21315f;
  font-weight: lighter !important;
  font-size: 18px;
}

.team-sales .title {
  font-size: 14px;
}

.col-5ths {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 767.98px) {
  .col-5ths {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
#mid-banner {
  background-size: 100% auto;
  background-color: #ab9f75;
}

#mid-banner .col-md-4 {
  padding-right: 0px;
  padding-left: 0px;
}

#mid-banner .col-md-4 img {
  border: 5px solid #ab9f75 !important;
}

/* HERO WRAPPER */
.ihs-hero {
  position: relative;
  width: 100%;
  min-height: 360px; /* mobile baseline */
  padding: 70px 0 60px; /* gives breathing room */
  background-image: url("../images/IHS26-LAYOUT-Hero.jpg"); /* replace path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Make the content sit above the overlay */
.ihs-hero__container {
  position: relative;
  z-index: 2;
}

.ihs-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* A subtle dark overlay + slight vignette feel */
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.35) 100%);
}

/* TYPOGRAPHY (font-family comes from your global styles) */
.ihs-hero__title {
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  margin-bottom: 14px;
  /* Responsive sizing without needing Bootstrap typography changes */
  font-size: 34px; /* mobile */
}

.ihs-hero__subhead {
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.04em;
  margin-bottom: 22px;
  font-size: 16px;
}

/* CTA BUTTONS */
.ihs-hero__btn {
  /* keep the "pill-ish" look like your mock */
  /*border-radius: 3px;*/
  padding: 14px 22px;
  font-weight: 300;
  background-color: #ddcabb;
  /* keep buttons from shrinking oddly */
  white-space: nowrap;
}

/* Floating logo bottom-right (desktop only) */
.ihs-hero__logo {
  position: absolute;
  right: 28px;
  bottom: 22px;
  z-index: 3;
  pointer-events: none;
}

.ihs-hero__logo img {
  display: block;
  width: 180px; /* adjust to match your asset */
  height: auto;
  opacity: 0.98;
}

/* RESPONSIVE BREAKPOINTS */
@media (min-width: 768px) {
  .ihs-hero {
    min-height: 420px;
    padding: 95px 0 80px;
  }
  .ihs-hero__title {
    font-size: 52px;
  }
  .ihs-hero__subhead {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .ihs-hero {
    min-height: 500px;
  }
  .ihs-hero__title {
    font-size: 58px;
  }
}
.lyan-hero {
  position: relative;
  width: 100%;
  min-height: 360px; /* mobile baseline */
  padding: 70px 0 90px; /* extra bottom room for floating logo */
  background-image: url("../images/IHS26-LYAN-Featurte.jpg"); /* replace path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.lyan-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* Slight dark overlay for readability */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.35) 100%);
}

.lyan-hero__container {
  position: relative;
  z-index: 2;
}

/* Typography (font family comes from your global CSS) */
.lyan-hero__title {
  color: #fff;
  line-height: 1.15;
  letter-spacing: 0.02em;
  font-size: 30px; /* mobile */
}

.lyan-hero__kicker,
.lyan-hero__desc {
  color: rgba(255, 255, 255, 0.9);
}

.lyan-hero__kicker {
  letter-spacing: 0.04em;
  font-size: 14px;
}

.lyan-hero__desc {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

/* CTA */
.lyan-hero__btn {
  /*border-radius: 3px;*/
  padding: 14px 22px;
  font-weight: 300;
  white-space: nowrap;
  background-color: #ddcabb;
  border: 1px solid #000000;
}

/* Floating logo behavior:
   - always absolutely positioned inside the hero
   - bottom offset decreases with viewport width (so it "slides down" on smaller screens)
   - width scales down on small screens
*/
.lyan-hero__logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
  /* This is the key for the “slides downward tied to bottom” effect */
  bottom: clamp(6px, 3.5vw, 34px);
}

.lyan-hero__logo img {
  display: block;
  width: clamp(140px, 22vw, 220px);
  height: auto;
  opacity: 0.98;
}

/* Responsive spacing + type */
@media (min-width: 768px) {
  .lyan-hero {
    min-height: 420px;
    padding: 90px 0 110px;
  }
  .lyan-hero__title {
    font-size: 50px;
  }
  .lyan-hero__kicker {
    font-size: 18px;
    font-weight: 500;
  }
  .lyan-hero__desc {
    font-size: 16px;
    font-weight: 400;
  }
}
@media (min-width: 992px) {
  .lyan-hero {
    min-height: 500px;
    padding: 85px 0 120px;
  }
  .lyan-hero__title {
    font-size: 44px;
  }
}
/* Optional: On very small screens, reduce bottom padding since logo is closer to the edge */
@media (max-width: 360px) {
  .lyan-hero {
    padding-bottom: 80px;
  }
}
.wwd-bg {
  background: #faf3ef;
}

/* MR LYAN HERO WRAPPER */
.ihs-lyan-hero {
  position: relative;
  width: 100%;
  min-height: 360px; /* mobile baseline */
  padding: 90px 0 90px; /* vertical breathing room */
  background-image: url("assets/LYAN-Partnership-page.jpg"); /* replace path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Overlay to darken + subtle vignette */
.ihs-lyan-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #000000;
}

.ihs-lyan-hero__container {
  position: relative;
  z-index: 2;
}

.ihs-lyan-hero__content {
  /* vertically center-ish without needing custom JS */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: inherit;
}

/* Floating brandlock overlay */
.ihs-lyan-hero__brandlock {
  position: relative;
  margin-bottom: 26px;
}

.ihs-lyan-hero__brandlock-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Logos scale responsively */
.ihs-lyan-hero__logo {
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 0.98;
}

.ihs-lyan-hero__logo--ihs {
  width: clamp(120px, 18vw, 190px);
}

.ihs-lyan-hero__logo--lyan {
  width: clamp(150px, 26vw, 280px);
}

/* Plus sign between logos */
.ihs-lyan-hero__plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 clamp(14px, 3vw, 28px);
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(34px, 6vw, 60px);
  line-height: 1;
}

/* Subhead */
.ihs-lyan-hero__subhead {
  color: rgba(255, 255, 255, 0.9);
  max-width: 820px;
  font-size: 16px; /* your global CSS can override */
  letter-spacing: 0.03em;
}

/* CTA */
.ihs-lyan-hero__btn {
  border-radius: 2px;
  padding: 14px 26px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Responsive adjustments */
@media (min-width: 768px) {
  .ihs-lyan-hero {
    min-height: 520px;
    padding: 120px 0 120px;
  }
  .ihs-lyan-hero__subhead {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .ihs-lyan-hero {
    padding: 80px 0 80px;
  }
  .ihs-lyan-hero__btn {
    width: 100%;
    max-width: 320px; /* keeps button looking like the mock */
  }
}
/* Overall section background + spacing */
.consulting-split {
  background: #f3ece6; /* light warm neutral; adjust to match your system */
  padding: 0; /* panels control spacing */
}

/* Make the three columns visually consistent in height on desktop */
.consulting-split__row {
  background: transparent;
}

/* Panel base */
.consulting-split__panel {
  /* Cap overall height to match your mock feel; adjust if needed */
  min-height: 280px;
}

/* Inner padding for text panels */
.consulting-split__inner {
  padding: 25px 25px 15px 0px;
}

/* Center image: cover + fixed-ish section height */
.consulting-split__image-wrap {
  width: 100%;
  height: 100%;
  min-height: 280px;
  /* Helps the section feel like a band rather than tall content */
  max-height: 320px;
  overflow: hidden;
}

.consulting-split__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Basic text hooks (your global CSS can override fonts/sizes) */
.consulting-split__eyebrow {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0;
  color: #000000;
}

.consulting-split__title {
  margin: 0;
  color: #000000;
}

/* Bullets */
.consulting-split__list {
  padding-left: 18px; /* bullet indent */
  margin: 0;
}

.consulting-split__list li {
  margin-bottom: 3px;
  list-style: disc;
}

/* Responsive behavior */
@media (min-width: 992px) {
  /* Desktop band height target */
  .consulting-split__panel {
    min-height: 320px;
  }
  .consulting-split__image-wrap {
    min-height: 320px;
    max-height: 320px;
  }
}
@media (max-width: 991.98px) {
  /* Mobile/tablet: keep left aligned, reduce padding */
  .consulting-split__inner {
    padding: 28px 22px;
  }
  /* Let image be a nice mid-band between text blocks */
  .consulting-split__image-wrap {
    min-height: 220px;
    max-height: 260px;
  }
  .consulting-split__list li {
    margin-bottom: 0px;
    text-align: left;
  }
}
.case-studies {
  /* background: #f3ece6;  optional section background */
  padding: 48px 0;
}

/* Card shell */
.case-card {
  position: relative;
  width: 100%;
  min-height: 320px; /* desktop-ish feel; adjust as needed */
  overflow: hidden;
}

/* Background image layer */
.case-card__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  transform: scale(1.02); /* slight coverage insurance */
}

/* Dark overlay for readability */
.case-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.75) 100%);
}

/* Main content area (leaves room for footer band) */
.case-card__content {
  position: relative;
  z-index: 3;
  padding: 34px 34px 110px; /* bottom padding reserves space for footer */
  color: #fff;
}

/* Text hooks; your global CSS can override sizes/fonts */
.case-card__quote {
  margin: 0;
  color: #fff;
}

.case-card__label {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0;
  opacity: 0.95;
  color: #fff;
}

.case-card__list {
  margin: 0;
  padding-left: 18px; /* bullet indent */
}

.case-card__list li {
  margin-bottom: 14px;
}

/* Bottom nameplate band */
.case-card__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 18px 34px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.case-card__name {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-card__role {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .case-card {
    min-height: 540px;
  }
  .case-card__content {
    padding: 28px 22px 110px;
  }
  .case-card__footer {
    padding: 16px 22px;
  }
}
@media (max-width: 575.98px) {
  .case-studies {
    padding: 36px 0;
  }
  .case-card {
    min-height: 620px; /* gives room for longer quotes/bullets */
  }
  .case-card__list li {
    margin-bottom: 12px;
  }
}
/* Make the row behave like an equal-height flex container */
.case-studies .row {
  display: flex;
  flex-wrap: wrap;
}

/* Make each column stretch to the same height */
.case-studies .col-12 {
  display: flex;
}

/* Make the card fill the full height of its column */
.case-card {
  position: relative;
  width: 100%;
  min-height: 320px; /* baseline desktop height */
  overflow: hidden;
  flex: 1 1 auto; /* THIS is the key */
  display: flex;
  flex-direction: column;
}

/* Ensure content expands and pushes the footer down */
.case-card__content {
  position: relative;
  z-index: 3;
  padding: 34px 34px 110px;
  color: #fff;
  flex-grow: 1; /* makes both cards equal height */
}

/* test end */