/* V01 standard template customizations — FOD content, fleet images, QQ join */

/* Brand ------------------------------------------------------------------ */
.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.navbar-brand .brand-logo {
  display: inline-block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

/* Hero carousel ---------------------------------------------------------- */
#carousel-area .carousel-item { position: relative; }
#carousel-area .carousel-item > img {
  display: block;
  width: 100%;
  height: 650px;
  object-fit: cover;
}
#carousel-area .carousel-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(9, 20, 38, 0.78) 0%, rgba(9, 20, 38, 0.38) 55%, rgba(9, 20, 38, 0.18) 100%);
  pointer-events: none;
}
#carousel-area .carousel-caption { z-index: 2; }
#carousel-area .carousel-caption h2,
#carousel-area .carousel-caption h3,
#carousel-area .carousel-caption h4 { text-shadow: 0 3px 18px rgba(0, 0, 0, 0.35); }
#carousel-area .carousel-caption .btn { margin: 8px 10px 0 0; }
#carousel-area .carousel-caption h2 { font-size: 58px; line-height: 1.15; }
#carousel-area .carousel-caption h3 { font-size: 22px; letter-spacing: 0.08em; }
#carousel-area .carousel-caption h4 { max-width: 640px; }
#carousel-area .carousel-indicators { bottom: 22px; z-index: 3; }

/* Video promo ------------------------------------------------------------ */
.video-promo {
  background: url("../img/fod/wide-fleet1.webp") center center / cover no-repeat;
}
.video-promo .overlay { opacity: 0.72; }
.video-promo-content h2 { color: #fff; margin-bottom: 12px; }
.video-promo-content p { color: rgba(255, 255, 255, 0.86); }

/* Gallery ---------------------------------------------------------------- */
#portfolios .shot-item > img {
  display: block;
  width: 100%;
  height: 265px;
  object-fit: cover;
}
#portfolios .portfolio-item { margin-bottom: 30px; }
.portfolio-caption {
  display: inline-block;
  color: #fff !important;
  font-size: 14px;
  letter-spacing: 0.04em;
}

/* Management team -------------------------------------------------------- */
.single-team > img {
  display: block;
  width: 100%;
  height: 255px;
  object-fit: contain;
  padding: 26px;
  background: #0b1a2f;
}

/* Community cards -------------------------------------------------------- */
#pricing .pricing-table .price { font-size: 20px; }

/* QQ join ---------------------------------------------------------------- */
.join-qq {
  max-width: 780px;
  margin: 0 auto;
  padding: 46px 28px 38px;
  text-align: center;
  background: #fff;
  border: 1px solid #e7e9f2;
  box-shadow: 0 18px 55px rgba(38, 50, 56, 0.10);
}
.join-qq-logo {
  width: 86px;
  height: 86px;
  object-fit: contain;
  margin-bottom: 14px;
}
.join-qq h3 {
  margin-bottom: 8px;
  color: #263238;
  font-size: 22px;
}
.join-qq-label {
  margin-bottom: 4px;
  color: #8a94a6;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.join-qq .qq-number {
  margin: 6px 0 20px;
  color: #f97794;
  font-size: 54px;
  font-weight: 700;
  letter-spacing: 0.10em;
  line-height: 1.2;
  user-select: all;
}
.join-qq .qq-copy { min-width: 180px; }
.join-qq .join-hint {
  margin: 16px auto 0;
  max-width: 520px;
  color: #546e7a;
  font-size: 14px;
}
.join-qq .join-meta {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #eef0f6;
  color: #8a94a6;
  font-size: 13px;
}
.join-qq .join-meta span { display: inline-flex; align-items: center; gap: 6px; }
.join-qq .join-meta i { color: #f97794; }
.join-qq .join-links { margin-top: 20px; }
.join-qq .join-links a { margin: 0 8px; color: #546e7a; font-size: 13px; }
.join-qq .join-links a:hover { color: #f97794; }

/* News ------------------------------------------------------------------- */
#blog .blog-item-img img {
  display: block;
  width: 100%;
  height: 205px;
  object-fit: cover;
}

/* Footer ----------------------------------------------------------------- */
.footer-logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  margin-bottom: 12px;
}
.footer-Content .instagram-footer img {
  width: 100%;
  height: 64px;
  object-fit: cover;
}
.footer-Content .instagram-footer li { width: 30%; }

/* Responsive ------------------------------------------------------------- */
@media (max-width: 991px) {
  #carousel-area .carousel-item > img { height: 520px; }
  #carousel-area .carousel-caption h2 { font-size: 42px; }
  #carousel-area .carousel-caption h4 { font-size: 16px; }
  .join-qq .qq-number { font-size: 44px; }
}
@media (max-width: 767px) {
  #carousel-area .carousel-item > img { height: 440px; }
  #carousel-area .carousel-item::after {
    background: linear-gradient(180deg, rgba(9, 20, 38, 0.58), rgba(9, 20, 38, 0.72));
  }
  #carousel-area .carousel-caption { top: 26%; left: 8%; right: 8%; }
  #carousel-area .carousel-caption h2 { font-size: 30px; }
  #carousel-area .carousel-caption h3 { font-size: 16px; }
  #carousel-area .carousel-caption h4 { font-size: 14px; line-height: 1.7; }
  #carousel-area .carousel-caption .btn { padding: 9px 18px; font-size: 12px; }
  #portfolios .shot-item > img { height: 220px; }
  .single-team > img { height: 220px; }
  .join-qq { padding: 32px 18px 28px; }
  .join-qq .qq-number { font-size: 38px; letter-spacing: 0.06em; }
  .footer-Content .instagram-footer li { width: 30%; }
}

.single-team > img.team-avatar { object-fit: cover; padding: 0; }

.services-item .icon .dept-badge { display: block; width: 52px; height: 52px; object-fit: contain; margin: 0 auto; }