/**
 * ThirtyTwo Capital Advisory brand palette on Consultez template.
 * Navy #0C3644 | Gold #A7945A
 */

/* Icon fonts: template CSS references missing local files; FA loaded via CDN in head */
.main-header .mobile-nav-toggler .icon,
.mobile-menu .contact-info-box .icon,
.mobile-menu .close-btn .icon {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.main-header .info-list i,
.main-header .call-info i,
.footer-style-one .info-item i,
.service-section-four .info i,
.mission-vision-section .mv-icon i {
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
}
:root {
  --theme-color1: #a7945a;
  --theme-color1-rgb: 167, 148, 90;
  --theme-color2: #0c3644;
  --theme-color2-rgb: 12, 54, 68;
  --theme-color3: #0c3644;
  --theme-color3-rgb: 12, 54, 68;
  --theme-color4: #0e424f;
  --theme-color4-rgb: 14, 66, 79;
  --theme-color5: #071e26;
  --theme-color5-rgb: 7, 30, 38;
  --theme-color7: #0c3644;
  --theme-color7-rgb: 12, 54, 68;
  --theme-color10: #0c3644;
  --theme-color-dark: #0c3644;
  --text-color-bg-theme-color1: #ffffff;
}

.main-header .logo img,
.sticky-header .logo img {
  max-height: 52px;
  width: auto;
  max-width: 260px;
  object-fit: contain;
}

.main-footer.footer-style-one .footer-left .logo {
  background: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  display: inline-block;
}

.main-footer.footer-style-one .footer-left .logo img {
  max-height: 44px;
  width: auto;
  max-width: 220px;
}

.mobile-menu .nav-logo img {
  max-height: 42px;
  width: auto;
  max-width: 200px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
}

.contact-details-block svg path {
  fill: var(--theme-color2);
}

/* Custom hero (pan-African corporate composite) */
.banner-section.banner-thirtytwo-hero .banner-slider .slide-bg {
  background-position: 65% center;
}

@media (min-width: 992px) {
  .banner-section.banner-thirtytwo-hero .banner-slider .slide-bg {
    background-position: center center;
  }
}

.banner-section.banner-thirtytwo-hero .banner-slider .slide-bg::before {
  background: linear-gradient(
    105deg,
    rgba(12, 54, 68, 0.94) 0%,
    rgba(12, 54, 68, 0.78) 38%,
    rgba(12, 54, 68, 0.45) 62%,
    rgba(12, 54, 68, 0.25) 100%
  );
}

.banner-section.banner-thirtytwo-hero .content-column .inner-column {
  position: relative;
  z-index: 3;
}

.banner-section.banner-thirtytwo-hero .text {
  position: relative;
  z-index: 3;
}

.page-title {
  background-position: center center;
  background-size: cover;
}

.page-title::before {
  opacity: 0.88;
}

.mission-vision-section {
  background: var(--theme-color-gray2);
}

.mission-vision-section .mv-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 36px;
  height: 100%;
  border: 1px solid rgba(12, 54, 68, 0.08);
  box-shadow: 0 20px 50px rgba(12, 54, 68, 0.06);
}

.mission-vision-section .mv-card-dark {
  background: var(--theme-color2);
  border-color: var(--theme-color2);
}

.mission-vision-section .mv-card-dark .mv-title,
.mission-vision-section .mv-card-dark .mv-text {
  color: #fff;
}

.mission-vision-section .mv-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(167, 148, 90, 0.15);
  color: var(--theme-color1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
}

.mission-vision-section .mv-card-dark .mv-icon {
  background: rgba(255, 255, 255, 0.12);
  color: var(--theme-color1);
}

.mission-vision-section .mv-title {
  font-size: 22px;
  margin-bottom: 14px;
  color: var(--theme-color2);
}

.mission-vision-section .mv-text {
  margin: 0;
  line-height: 1.7;
  color: var(--text-color);
}

/* Mission & Vision tabs (home choose section) */
.choose-section .choose-sec-title {
  margin-bottom: 16px;
}

.choose-section .choose-sec-title .title {
  margin-bottom: 0;
  line-height: 1.25;
}

.choose-section .choose-tab {
  margin-top: 4px;
}

.choose-section .choose-tab-content {
  margin-top: 18px !important;
}

.choose-section .choose-tab .nav .nav-item .nav-link.active {
  border-bottom-color: var(--theme-color2);
  color: var(--theme-color2);
}

.choose-section .content-box .text {
  margin-bottom: 0;
}

/* Home service carousel: full-height side photos, Ghana palette on icons */
.service-section .service-block {
  align-items: stretch;
  min-height: 360px;
}

.service-section .service-block .content-box {
  flex: 1 1 52%;
  min-width: 0;
}

.service-section .service-block .content-box .icon svg path {
  fill: var(--theme-color1);
}

.service-section .service-block .image-box {
  flex: 1 1 48%;
  min-width: 280px;
  max-width: 460px;
  display: flex;
  align-self: stretch;
}

.service-section .service-block .image-box .image {
  flex: 1;
  width: 100%;
  min-height: 100%;
  margin: 0;
}

.service-section .service-block .image-box .image img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
}

.service-section .service-block .arry-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.service-section .service-block .arry-btn i {
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
}

@media (min-width: 992px) {
  .service-section .service-block .arry-btn {
    right: min(48%, 460px);
    transform: translate(50%, -50%);
  }
}

@media (max-width: 991.98px) {
  .service-section .service-block {
    flex-direction: column;
    min-height: 0;
  }

  .service-section .service-block .image-box {
    max-width: none;
    min-width: 0;
    width: 100%;
    min-height: 240px;
  }

  .service-section .service-block .image-box .image img {
    min-height: 240px;
  }

  .service-section .service-block .arry-btn {
    right: 24px;
    transform: translateY(-50%);
    height: 64px;
    width: 64px;
    line-height: 64px;
  }
}