/* Additions for the multi-language content pages. Loaded after main.css. */

/* ---------- Header / main menu ----------
   The theme was built for four short menu items with 70px gaps. With six items
   (and longer translated labels) we tighten the spacing, keep labels on one line,
   show the arrow only on real dropdowns and lay the long dropdowns out in two columns. */
.theme-main-menu .logo-area img {
  max-height: 58px;
  width: auto;
}
.theme-main-menu .navbar {
  padding: 0;
}
.theme-main-menu .navbar .navbar-collapse {
  justify-content: center;
}
.theme-main-menu .navbar-nav {
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.theme-main-menu .navbar-nav .nav-item .nav-link {
  margin: 0 36px 0 0;
  font-size: 15px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.theme-main-menu .navbar-nav .nav-item:last-child .nav-link {
  margin-right: 0;
}
/* Arrow only on items that actually open a menu */
.theme-main-menu .navbar-nav .nav-item:not(.dropdown) > .nav-link::before {
  display: none;
}
.theme-main-menu .navbar-nav .nav-item.dropdown > .nav-link {
  padding-right: 18px;
}
.theme-main-menu .navbar-nav .nav-item.dropdown > .nav-link::before {
  display: block;
  right: 0;
  top: 21px;
  font-size: 11px;
}
.theme-main-menu .navbar-nav .nav-item.dropdown:hover > .nav-link::before {
  transform: rotate(180deg);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .theme-main-menu .navbar-nav .nav-item .nav-link {
    margin-right: 26px;
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .theme-main-menu .navbar-nav .nav-item .nav-link {
    margin-right: 18px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .theme-main-menu .navbar-nav .nav-item .nav-link::before {
    right: 0;
  }
}

/* Dropdown panels */
.theme-main-menu .navbar .dropdown-menu {
  right: auto;
  left: 0;
  min-width: 270px;
  padding: 10px 0;
  border-radius: 12px;
  border-top: 3px solid #f68b1e;
  box-shadow: 0 25px 60px rgba(5, 13, 54, 0.25);
}
.theme-main-menu .navbar .dropdown-menu.dropdown-menu-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 580px;
  padding: 12px;
  column-gap: 6px;
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item {
  padding: 9px 16px;
  border-radius: 6px;
  white-space: normal;
  line-height: 1.35;
  text-transform: none;
}
.theme-main-menu .navbar .dropdown-menu:not(.dropdown-menu-columns) .dropdown-item {
  border-radius: 0;
  padding: 9px 22px;
}

/* Right-hand buttons */
.theme-main-menu .right-nav {
  gap: 12px;
  padding: 0;
}
.theme-main-menu .right-nav > li {
  list-style: none;
}

/* Language switcher */
.lang-switcher {
  position: relative;
}
.lang-switcher .dropdown-toggle::after {
  margin-inline-start: 2px;
}
.lang-switcher .lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 15px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
}
.lang-switcher .lang-toggle:hover {
  border-color: #f68b1e;
}
.lang-switcher .dropdown-menu {
  min-width: 170px;
  margin-top: 10px !important;
  padding: 8px 0;
  background: #0b1649;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  z-index: 1000;
}
.lang-switcher .dropdown-item {
  color: rgba(255, 255, 255, 0.85);
  padding: 8px 18px;
  font-size: 15px;
}
.lang-switcher .dropdown-item:hover,
.lang-switcher .dropdown-item.active {
  background: #913bff;
  color: #fff;
}

/* Hero */
.hero-sub {
  max-width: 760px;
  font-size: 19px;
  line-height: 1.7;
}
.theme_btn.theme_btn-outline {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.theme_btn.theme_btn-outline:hover {
  border-color: #f68b1e;
}

/* Eyebrow label above headings */
.page-eyebrow {
  display: inline-block;
  color: #f68b1e;
  font-family: "ClashDisplay-Semibold";
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Check lists */
.check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.8);
}
.check-list li i {
  color: #f68b1e;
  font-size: 18px;
  line-height: 30px;
  flex-shrink: 0;
}

/* Service card description on the home page */
.feature-style-one p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.6;
}

/* Featured partner cards */
.partner-card {
  display: block;
  height: calc(100% - 45px);
  padding: 32px 28px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.3s, transform 0.3s;
}
.partner-card:hover {
  border-color: #913bff;
  transform: translateY(-4px);
}
.partner-card h3 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 14px;
}
.partner-card p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 18px;
}
.partner-link {
  color: #f68b1e;
  font-size: 15px;
}

/* Process steps */
.process-card {
  height: calc(100% - 30px);
  padding: 30px 26px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.process-num {
  display: inline-block;
  font-family: "ClashDisplay-Semibold";
  font-size: 34px;
  color: #913bff;
  margin-bottom: 14px;
}
.process-card h4 {
  color: #fff;
  font-size: 21px;
  margin-bottom: 10px;
}
.process-card p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

/* Engagement models */
.model-card {
  height: calc(100% - 30px);
  padding: 36px 30px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}
.model-card h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 14px;
}

/* Tag cloud */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-cloud span {
  padding: 8px 18px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
}

/* FAQ accordion text colour on the dark theme */
.faq-que-list .accordion-body p {
  color: rgba(255, 255, 255, 0.75);
}

/* Blog */
.blog-style-one .blog-meta span {
  margin-inline-end: 18px;
  font-size: 15px;
}
.blog-details .blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}
.blog-hero-img {
  border-radius: 18px;
  max-height: 460px;
  object-fit: cover;
}
.lead-text {
  font-size: 20px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

/* Legal pages */
.legal-updated {
  color: #f68b1e;
  font-size: 15px;
}

/* 404 */
.error-code {
  font-size: 120px;
  line-height: 1;
  color: #913bff;
}

/* Footer */
.footer-heading {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.footer-links li {
  margin-bottom: 6px;
}
.footer-links li a {
  font-size: 15px;
}
.footer-contact li {
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-size: 15px;
  margin-bottom: 8px;
}
.footer-suppliers {
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 15px;
}
.footer-suppliers a {
  display: inline-block;
  margin: 0 14px 6px 0;
  color: rgba(255, 255, 255, 0.7);
}
.footer-suppliers a:hover,
.footer-legal a:hover {
  color: #f68b1e;
}
.footer-legal {
  margin-top: 10px;
}
.footer-legal a {
  display: inline-block;
  margin-inline-end: 18px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}