/* Director’s Message — typography (about-us only; grid + image unchanged) */
.director-content {
  max-width: 100% !important;
  width: 100% !important;
}

.director-tag {
  display: inline-block;
  background: #3c3c8c;
  color: #fff;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  margin-bottom: 18px;
}

.director-title {
  font-size: 37px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 25px;
  color: #111;
}

.director-title span {
  color: #ff0000;
}

.director-content > p:not(.director-author) {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  text-align: justify;
  text-justify: inter-word;
  margin-bottom: 18px;
}

.director-name {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 0;
  color: #111;
}

.director-author {
  font-size: 15px;
  color: #111;
  text-align: left;
  margin-bottom: 0;
  font-weight: 700;
}
.director-content,
.director-content .director-tag,
.director-content .director-title,
.director-content .director-name {
  text-align: left;
}

@media (max-width: 768px) {
  .director-title {
    font-size: 30px;
  }

  .director-content > p:not(.director-author) {
    font-size: 15px;
  }
}

/* Image column (unchanged layout) */
.director-img {
  max-width: 420px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.director-section {
  padding: 80px 0;
}

/* “30+ Years Experiences” hero — about-us only, prevents overflow / horizontal scroll */
section.about-hero-experience {
  overflow-x: hidden;
}

section.about-hero-experience .about-hero-experience__row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

section.about-hero-experience .about-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

section.about-hero-experience .about-text {
  max-width: 100%;
  overflow: hidden;
  min-width: 0;
  box-sizing: border-box;
}

section.about-hero-experience .about-hero-experience__heading .section-heading__desc {
  max-width: 100%;
}

@media (max-width: 991px) {
  section.about-hero-experience .about-img {
    margin-bottom: 20px;
  }
}

/* Partner logo strip: see main.css bottom — LOGO SECTION IMPROVEMENT (.client.py-60) */

/* Top header bar (shared: includes/header.php) — tinted strip, not plain white */
.top-header-area {
  background: linear-gradient(180deg, #e8e4f3 0%, #ded8ec 100%);
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  z-index: 6;
  width: 100%;
  border-bottom: 1px solid rgba(63, 54, 140, 0.18);
  font-weight: 400;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.top-header-area .header-left {
  color: #2f2760;
}

.top-header-area .header-left span {
  margin-right: 15px;
  color: #2f2760;
}

.top-header-area .header-left i {
  margin-right: 6px;
  color: #4b3f99;
  font-size: 0.9em;
  vertical-align: -0.05em;
}

.top-header-area .header-right .login-btn {
  background: #3f368c;
  color: #fff;
  padding: 5px 14px;
  border-radius: 5px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  line-height: 1.2;
  transition: background 0.2s ease;
}
.top-header-area .header-right .login-btn:hover,
.top-header-area .header-right .login-btn:focus {
  background: #342b78;
  color: #fff;
  text-decoration: none;
}
.top-header-area .header-right .login-btn i {
  font-size: 1rem;
  line-height: 1;
  color: #fff;
}

.top-header-area .header-auth {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.top-header-area .login-btn--logout {
  background: #eb2222;
}

.top-header-area .login-btn--logout:hover,
.top-header-area .login-btn--logout:focus {
  background: #c91a1a;
  color: #fff;
}

.top-header-area .login-btn--profile {
  background: #28c76f;
}

.top-header-area .login-btn--profile:hover,
.top-header-area .login-btn--profile:focus {
  background: #20a85a;
  color: #fff;
}

@media (max-width: 575.98px) {
  .top-header-area .header-left {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .top-header-area .header-left span {
    display: block;
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
  .top-header-area .text-end {
    text-align: center !important;
  }
  .top-header-area .header-right {
    text-align: center;
  }
}

/* Sit absolute .header just under .top-header-area */
.header:not(.fixed-header) {
  top: 40px;
}
@media (max-width: 575.98px) {
  .header:not(.fixed-header) {
    top: 120px;
  }
}

/* Force top strip visibility / parity (loads after rules above; home uses ?v=99 on CSS) */
.top-header-area {
  background: linear-gradient(180deg, #e8e4f3 0%, #ded8ec 100%) !important;
  padding: 8px 0 !important;
  display: block !important;
  border-bottom: 1px solid rgba(63, 54, 140, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.top-header-area span {
  color: #2f2760 !important;
}

.top-header-area .login-btn {
  background: #4b3f99 !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(47, 39, 96, 0.2);
}

/* Pine Labs logo size boost (home + about partner sliders) */
.home-partner-slider img[src*="PINE_LAB"],
.about-partner-slider img[src*="PINE_LAB"],
.home-partner-slider img[src*="pine"],
.about-partner-slider img[src*="pine"] {
  max-height: 62px !important;
  width: auto !important;
  object-fit: contain !important;
}
/* ===== PARTNER SLIDER MASTER FIX (YOUR STRUCTURE) ===== */

.partner-track .partner-item {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
}

.partner-track .partner-logo {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  transition: all 0.3s ease;
}

/* Hover polish */
.partner-track .partner-logo:hover {
  transform: scale(1.08);
}

/* 🔥 PINE LABS FIX (MAKE IT LOOK BIGGER) */
.partner-track img[src*="PINE"] {
  max-height: 70px !important;
}

/* Reduce gap */
.partner-track .slick-slide {
  margin: 0 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .partner-track .partner-logo {
      max-height: 40px;
  }
}

/* ===== LOGO SECTION SPACING TUNE (home + about) ===== */
.client.py-60 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.client.py-60 .partner-slider {
  margin: 0 !important;
}

.home-partner-slider .single-client,
.about-partner-slider .single-client {
  height: 76px !important;
  padding: 8px 12px !important;
}

.home-partner-slider img,
.about-partner-slider img {
  max-height: 50px !important;
}

.home-partner-slider img[src*="PINE_LAB"],
.about-partner-slider img[src*="PINE_LAB"],
.home-partner-slider img[src*="pine"],
.about-partner-slider img[src*="pine"] {
  max-height: 58px !important;
}

@media (max-width: 768px) {
  .client.py-60 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .home-partner-slider .single-client,
  .about-partner-slider .single-client {
    height: 64px !important;
    padding: 6px 10px !important;
  }
}

/* ITC logo bigger */
.partner-track img[src*="ITC"] {
  max-height: 85px !important;
  transform: scale(1.2);
}