/*
  Inma public interface polish
  Visual-only layer: typography, contrast, cards and page spacing.
  It does not change routes, forms, requests, validation, or business logic.
*/

:root {
  --inma-ui-blue: #216BB4;
  --inma-ui-blue-dark: #F7C94E;
  --inma-ui-gold: #F7C94E;
  --inma-ui-ink: #E2AD22;
  --inma-ui-muted: #667b92;
  --inma-ui-soft: #f4f8fc;
  --inma-ui-line: #dbe8f5;
  --inma-ui-shadow: 0 18px 48px rgba(247, 201, 78, .10);
}

/* Compact public header and first fold */
header[role="banner"] > .w-100.py-4 {
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}

header[role="banner"] .navbar-brand img {
  width: min(260px, 42vw) !important;
}

#main-nav {
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}

#main-nav .navbar-nav {
  row-gap: 8px !important;
}

#main-nav .navbar-nav .nav-link {
  font-size: clamp(15px, 1.12vw, 18px) !important;
  padding: 8px 12px !important;
  line-height: 1.35 !important;
}

#main-nav .dropdown-menu {
  min-width: 218px !important;
  margin-top: 7px !important;
}

#main-nav .dropdown-menu .dropdown-item {
  font-size: 14px !important;
  padding: 9px 12px !important;
  line-height: 1.55 !important;
}

.inma-home .inma-hero {
  min-height: clamp(430px, 54vh, 520px) !important;
  margin-top: 0 !important;
}

.inma-home .inma-hero__grid {
  padding-top: 36px !important;
  padding-bottom: 76px !important;
}

.inma-home .inma-hero__content h1 {
  font-size: clamp(30px, 3.65vw, 46px) !important;
  line-height: 1.26 !important;
}

.inma-home .inma-hero__content p {
  font-size: clamp(14px, 1.08vw, 16px) !important;
  line-height: 1.75 !important;
  margin-top: 14px !important;
}

.inma-home .inma-hero__actions {
  margin-top: 20px !important;
}

.inma-home .inma-btn {
  min-height: 44px !important;
  padding: 9px 20px !important;
  font-size: 14px !important;
}

.inma-home .inma-hero__visual {
  min-height: 270px !important;
  transform: scale(.88);
  transform-origin: center;
}

.inma-home .inma-slider-strip {
  margin-top: -42px !important;
}

.inma-home .inma-home-swiper {
  min-height: 300px !important;
}

.inma-home .inma-home-swiper img {
  height: 300px !important;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  #main-nav .container {
    max-width: 1180px;
  }
  #main-nav .navbar-nav {
    gap: 2px !important;
  }
  #main-nav .navbar-nav .nav-link {
    font-size: 14px !important;
    padding-inline: 9px !important;
  }
}

@media (max-width: 767.98px) {
  header[role="banner"] .navbar-brand img {
    width: min(220px, 68vw) !important;
  }
  .inma-home .inma-hero {
    min-height: auto !important;
  }
  .inma-home .inma-hero__grid {
    padding-top: 34px !important;
    padding-bottom: 52px !important;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--inma-ui-ink) !important;
  font-family: "Noto Kufi Arabic", "Almarai", Tahoma, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 42%, #ffffff 100%);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--inma-ui-ink);
  font-family: "Noto Kufi Arabic", "Almarai", Tahoma, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.38 !important;
  letter-spacing: -.02em;
}

p, li, address, label, input, textarea, select, button, a {
  font-family: "Noto Kufi Arabic", "Almarai", Tahoma, Arial, sans-serif !important;
}

a {
  transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

img {
  max-width: 100%;
}

#main-content {
  position: relative;
  background:
    radial-gradient(circle at top right, rgba(247, 201, 78, .055), transparent 34%),
    radial-gradient(circle at 8% 22%, rgba(33, 107, 180, .075), transparent 28%);
}

#main-content > section:not(.inma-hero):not(.inma-services-hero):not(.inma-jobs-hero):not(.details-hero),
#main-content > main > section:not(.inma-hero):not(.inma-services-hero):not(.inma-jobs-hero):not(.details-hero) {
  scroll-margin-top: 110px;
}

.container {
  position: relative;
}

.text-primary,
a.text-primary {
  color: var(--inma-ui-blue) !important;
}

.text-secondary,
a.text-secondary {
  color: var(--inma-ui-ink) !important;
}

.btn,
button,
input,
select,
textarea {
  border-radius: 14px;
}

.btn-primary,
.bg-primary {
  background-color: var(--inma-ui-blue) !important;
  border-color: var(--inma-ui-blue) !important;
}

.btn-warning,
.bg-warning,
.bg-secondary {
  background-color: var(--inma-ui-gold) !important;
}

.btn {
  font-weight: 800 !important;
  box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(247, 201, 78, .14);
}

.card,
.card-item,
.basic-card,
.program-card,
.project-card,
.news-card,
.gallery-card,
.partner-card {
  border: 1px solid var(--inma-ui-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--inma-ui-shadow);
}

.card img,
.basic-card img {
  border-radius: 20px;
}

.breadcrumb,
.breadcrumb a {
  color: var(--inma-ui-muted) !important;
  font-weight: 700;
}

.page-link {
  border-radius: 14px !important;
  color: var(--inma-ui-blue) !important;
}

.page-item.active .page-link {
  color: #fff !important;
  background: var(--inma-ui-blue) !important;
  border-color: var(--inma-ui-blue) !important;
}

.form-control,
.form-select {
  border-color: #cfe0f1 !important;
  border-radius: 16px !important;
  min-height: 48px;
  color: var(--inma-ui-ink) !important;
  font-weight: 650;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--inma-ui-blue) !important;
  box-shadow: 0 0 0 4px rgba(247, 201, 78, .11) !important;
}

.table {
  color: var(--inma-ui-ink);
}

.table thead th {
  background: #eef6fd;
  color: var(--inma-ui-blue-dark);
  border-bottom: 0;
}

.table td,
.table th {
  vertical-align: middle;
}

.pagination {
  gap: 8px;
}

.pagination .page-link {
  border-color: #dce8f4;
  font-weight: 800;
}

.header-underline,
.section-title,
.page-title {
  position: relative;
}

.header-underline::after,
.section-title::after,
.page-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 5px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--inma-ui-blue), var(--inma-ui-gold));
}

.img-fill {
  object-fit: cover;
}

.inma-page-banner {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 16%, rgba(33, 107, 180, .22), transparent 31%),
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, .18), transparent 25%),
    linear-gradient(128deg, #E2AD22 0%, #216BB4 44%, #F7C94E 100%) !important;
  border-bottom: 1px solid rgba(33, 107, 180, .22);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.16), 0 22px 52px rgba(226, 173, 34,.12);
}

.inma-page-banner > img,
.inma-page-banner .img-fill {
  display: none !important;
}

.inma-page-banner.has-image .img-fill {
  display: none !important;
}

.inma-page-banner.has-watermark .dark-overlay {
  background:
    linear-gradient(135deg, rgba(7, 29, 53, .50), rgba(226, 173, 34, .30)) !important;
}

.inma-page-banner.has-image .dark-overlay {
  background:
    linear-gradient(135deg, rgba(226, 173, 34, .72), rgba(226, 173, 34, .58)) !important;
}

.inma-page-banner__watermark {
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  width: min(460px, 52vw);
  height: min(460px, 52vw);
  transform: translate(-50%, -50%) rotate(-8deg);
  background: var(--inma-banner-logo) center/contain no-repeat;
  opacity: .115;
  filter: grayscale(.05) drop-shadow(0 28px 52px rgba(0,0,0,.20));
  pointer-events: none;
  z-index: 1;
  animation: inmaWatermarkFloat 9s ease-in-out infinite;
}

[dir="rtl"] .inma-page-banner__watermark {
  transform: translate(50%, -50%) rotate(8deg);
}

.inma-page-banner::before,
.inma-page-banner::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
}

.inma-page-banner::before {
  width: 420px;
  height: 420px;
  inset-inline-start: -145px;
  top: -165px;
  border: 62px solid rgba(255, 255, 255, .075);
  animation: inmaOrbit 12s ease-in-out infinite;
}

.inma-page-banner::after {
  width: 42%;
  height: 160%;
  inset-inline-end: -28%;
  top: -30%;
  border-radius: 45%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  transform: rotate(18deg);
  animation: inmaBannerShine 7s ease-in-out infinite;
}

.inma-page-banner .h1 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  font-size: clamp(30px, 3.3vw, 48px) !important;
  text-shadow: 0 16px 36px rgba(0, 0, 0, .26);
}

.inma-page-banner .header-underline::after {
  margin-inline: auto;
  background: linear-gradient(90deg, #fff, var(--inma-ui-gold));
}

@keyframes inmaWatermarkFloat {
  0%, 100% { opacity: .10; margin-top: 0; }
  50% { opacity: .14; margin-top: -10px; }
}

@keyframes inmaBannerShine {
  0%, 100% { opacity: .20; transform: translateX(0) rotate(18deg); }
  50% { opacity: .34; transform: translateX(-12%) rotate(18deg); }
}

@keyframes inmaOrbit {
  0%, 100% { transform: scale(1); opacity: .75; }
  50% { transform: scale(1.06); opacity: .42; }
}

/* Professional refresh for legacy public pages only.
   Excludes the already redesigned home, jobs, electronic services and news pages. */
#main-content > section:not(.inma-hero):not(.inma-careers):not(.inma-services-page):not(.inma-news-page):not(.inma-news-detail),
#main-content > main:not(.inma-home):not(.inma-services-page):not(.inma-news-page):not(.inma-news-detail) {
  position: relative;
}

#main-content > section:not(.inma-hero):not(.inma-careers):not(.inma-services-page):not(.inma-news-page):not(.inma-news-detail) .container,
#main-content > main:not(.inma-home):not(.inma-services-page):not(.inma-news-page):not(.inma-news-detail) .container {
  z-index: 1;
}

#main-content .content,
#main-content .page-content,
#main-content .about-content,
#main-content .contact-card,
#main-content .details-card,
#main-content .single-card {
  border-radius: 28px !important;
  border: 1px solid rgba(247, 201, 78, .12) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 22px 58px rgba(247, 201, 78, .10) !important;
  backdrop-filter: blur(10px);
}

#main-content .row > [class*="col-"] > .card,
#main-content .row > [class*="col-"] > .basic-card,
#main-content .row > [class*="col-"] > .card-item {
  height: 100%;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

#main-content .row > [class*="col-"] > .card:hover,
#main-content .row > [class*="col-"] > .basic-card:hover,
#main-content .row > [class*="col-"] > .card-item:hover {
  transform: translateY(-7px);
  border-color: rgba(33, 107, 180, .55) !important;
  box-shadow: 0 30px 72px rgba(247, 201, 78, .15) !important;
}

#main-content .section,
#main-content section.py-5,
#main-content .py-5 {
  position: relative;
}

#main-content .section::before,
#main-content section.py-5::before {
  content: "";
  position: absolute;
  inset-inline-start: 4%;
  top: 10%;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(33, 107, 180,.11), transparent 68%);
  pointer-events: none;
}

@media (max-width: 767.98px) {
  body {
    font-size: 15px !important;
    line-height: 1.78 !important;
  }

  h1, .h1 {
    font-size: 30px !important;
  }

  h2, .h2 {
    font-size: 25px !important;
  }

  .container {
    padding-inline: 18px;
  }
}

/* 20260709: banking-style home redesign inspired by modern bank portals */
.inma-home {
  background: #fff !important;
}

.inma-home .inma-hero {
  min-height: clamp(520px, calc(100vh - 172px), 660px) !important;
  margin-top: 0 !important;
  border-bottom: 1px solid rgba(247, 201, 78, .12);
}

.inma-home .inma-hero__bg {
  background:
    radial-gradient(circle at 16% 26%, rgba(33, 107, 180, .20), transparent 28%),
    linear-gradient(115deg, #216BB4 0%, #F7C94E 48%, #216BB4 100%) !important;
}

.inma-home .inma-hero__overlay {
  background:
    linear-gradient(90deg, rgba(226, 173, 34, .78), rgba(247, 201, 78, .72) 46%, rgba(226, 173, 34, .96)),
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.16), transparent 24%) !important;
}

.inma-home .inma-hero__mark {
  opacity: .18 !important;
  animation: inmaHeroMark 12s ease-in-out infinite alternate;
}

.inma-home .inma-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 440px) !important;
  gap: clamp(24px, 4vw, 58px) !important;
  padding-top: clamp(38px, 5vh, 62px) !important;
  padding-bottom: clamp(96px, 13vh, 132px) !important;
}

.inma-home .inma-hero__content {
  padding: 12px 0 !important;
}

.inma-home .inma-hero__content::before {
  display: none !important;
}

.inma-home .inma-kicker {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.inma-home .inma-hero__content h1 {
  max-width: 850px !important;
  font-size: clamp(34px, 4.15vw, 62px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.inma-home .inma-hero__content p {
  max-width: 710px !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.9 !important;
  color: rgba(255,255,255,.90) !important;
}

.inma-home .inma-hero__actions {
  gap: 12px !important;
  margin-top: 24px !important;
}

.inma-home .inma-btn {
  min-height: 48px !important;
  padding: 10px 24px !important;
  font-size: 15px !important;
}

.inma-bank-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
  max-width: 850px;
}

.inma-bank-quick__item {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 20px 44px rgba(0,0,0,.10);
  backdrop-filter: blur(14px);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
  overflow: hidden;
}

.inma-bank-quick__item::after {
  content: "";
  position: absolute;
  inset-inline: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #F7C94E, rgba(255,255,255,.75));
  transform: scaleX(.25);
  transform-origin: center;
  opacity: .65;
  transition: .25s ease;
}

.inma-bank-quick__item:hover {
  color: #fff;
  transform: translateY(-6px);
  background: rgba(255,255,255,.18);
  border-color: rgba(33, 107, 180,.50);
}

.inma-bank-quick__item:hover::after {
  transform: scaleX(1);
  opacity: 1;
}

.inma-bank-quick__icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(33, 107, 180,.96), #F7C94E);
  color: #216BB4;
  font-size: 18px;
  box-shadow: 0 12px 24px rgba(21, 84, 143,.22);
}

.inma-bank-quick strong,
.inma-bank-quick small {
  display: block;
}

.inma-bank-quick strong {
  font-size: 14px;
  font-weight: 950;
  line-height: 1.45;
}

.inma-bank-quick small {
  margin-top: 3px;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.55;
}

.inma-home .inma-hero__visual {
  min-height: 360px !important;
  transform: none !important;
}

.inma-bank-status {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.inma-bank-status span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.24);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.inma-home .inma-hero-card {
  position: relative !important;
  inset: auto !important;
  max-width: none !important;
  min-height: 245px;
  margin: 0 !important;
  padding: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.08)),
    radial-gradient(circle at 80% 20%, rgba(33, 107, 180,.20), transparent 32%) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.18) !important;
  animation: inmaBankFloat 6s ease-in-out infinite !important;
}

.inma-home .inma-hero-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 26px;
  border: 1px solid rgba(33, 107, 180,.24);
  pointer-events: none;
}

.inma-home .inma-hero-card img {
  width: min(320px, 80%) !important;
  opacity: .95;
}

.inma-home .inma-hero-card strong {
  font-size: 22px !important;
}

/*==================================================
   Premium Gold Floating Badges
==================================================*/

.inma-home .inma-hero-stat{

    position:absolute;

    width:78px;
    height:78px;

    border-radius:22px;

    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    gap:2px;

    z-index:15;

    background:
        linear-gradient(
            145deg,
            #fffdf7 0%,
            #fff3c4 25%,
            #f7c94e 68%,
            #e8b226 100%
        );

    border:2px solid #216bb4;

    backdrop-filter:blur(14px);

    box-shadow:
        0 12px 28px rgba(247,201,78,.28),
        inset 0 1px 0 rgba(255,255,255,.92);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    animation:
        heroBadgeFloat 6s ease-in-out infinite,
        heroBadgePulse 7s ease-in-out infinite;
}

/* لمعان */

.inma-home .inma-hero-stat::before{

    content:"";

    position:absolute;

    top:-80%;
    left:-120%;

    width:42%;
    height:260%;

    transform:rotate(25deg);

    background:
        linear-gradient(
            transparent,
            rgba(255,255,255,.35),
            transparent
        );

    animation:heroBadgeShine 10s ease-in-out infinite;
}

/* Hover */

.inma-home .inma-hero-stat:hover{

    transform:
        translateY(-5px)
        scale(1.05);

    box-shadow:
        0 18px 35px rgba(247,201,78,.38),
        inset 0 1px 0 rgba(255,255,255,.96);
}

/* النص */

.inma-home .inma-hero-stat span{

    color:#216bb4;

    font-size:18px;

    font-weight:900;

    line-height:1;
}

.inma-home .inma-hero-stat small{

    color:#216bb4;

    font-size:7px;

    font-weight:800;

    text-align:center;

    line-height:1.25;

    padding:0 5px;
}

.inma-home .inma-hero-stat i{

    color:#216bb4;

    font-size:17px;

    margin-bottom:2px;
}

/* أماكنها */

.inma-home .inma-hero-stat--one{

    inset-inline-start:18px !important;

    bottom:18px !important;
}

.inma-home .inma-hero-stat--two{

    inset-inline-end:18px !important;

    top:18px !important;

    bottom:auto !important;
}

/* الحركة */

@keyframes heroBadgeFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-2px);

    }

}

@keyframes heroBadgePulse{

    0%,100%{

        box-shadow:
            0 12px 28px rgba(247,201,78,.28),
            inset 0 1px 0 rgba(255,255,255,.92);

    }

    50%{

        box-shadow:
            0 16px 32px rgba(247,201,78,.38),
            inset 0 1px 0 rgba(255,255,255,.98);

    }

}

@keyframes heroBadgeShine{

    0%,65%{

        left:-120%;
        opacity:0;

    }

    72%{

        opacity:.45;

    }

    88%,100%{

        left:220%;
        opacity:0;

    }

}

.inma-home .inma-slider-strip {
  margin-top: -74px !important;
  padding-bottom: 34px !important;
}

.inma-home .inma-home-swiper {
  min-height: clamp(270px, 28vw, 430px) !important;
  border-radius: 34px !important;
  border-width: 7px !important;
  background: #fff !important;
}

.inma-home .inma-home-swiper img {
  height: clamp(270px, 28vw, 430px) !important;
  object-fit: cover !important;
}

.inma-home .inma-service-card {
  border-radius: 26px !important;
}

@keyframes inmaBankFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-10px) rotate(.35deg); }
}

@keyframes inmaHeroMark {
  from { transform: rotate(18deg) translate3d(0, 0, 0); }
  to { transform: rotate(24deg) translate3d(-18px, -10px, 0); }
}

@media (max-width: 1399.98px) {
  .inma-bank-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 620px;
  }

  .inma-home .inma-hero__content h1 {
    font-size: clamp(32px, 3.8vw, 50px) !important;
  }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero__grid {
    grid-template-columns: 1fr !important;
    padding-bottom: 92px !important;
  }

  .inma-home .inma-hero__visual {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
  }

  .inma-home .inma-hero__grid {
    padding-top: 34px !important;
    padding-bottom: 64px !important;
  }

  .inma-home .inma-hero__content h1 {
    font-size: 30px !important;
    line-height: 1.32 !important;
  }

  .inma-bank-quick {
    grid-template-columns: 1fr;
  }

  .inma-bank-quick__item {
    min-height: 78px;
  }

  .inma-home .inma-slider-strip {
    margin-top: -42px !important;
  }
}

/* 20260709 v2: premium full homepage direction */
.inma-home {
  --home-navy: #216BB4;
  --home-blue-v2: #216BB4;
  --home-cyan: #216BB4;
  --home-gold-v2: #F7C94E;
  --home-gold-soft: #EAF3FC;
  --home-card: rgba(255,255,255,.92);
  background:
    linear-gradient(180deg, #f8fbff 0%, #ffffff 28%, #f7fbff 100%) !important;
}

.inma-home .inma-hero {
  min-height: min(690px, calc(100vh - 128px)) !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg,
      #216BB4 0%,
      #216BB4 18%,
      #F7C94E 55%,
      #F7C94E 100%),
    radial-gradient(circle at left center,
      rgba(33, 107, 180,.45),
      transparent 45%),
    radial-gradient(circle at 85% 20%,
      rgba(255,255,255,.12),
      transparent 30%) !important;
}

.inma-home .inma-hero::before {
  content: "";
  position: absolute;
  inset: 24px 5vw auto auto;
  width: min(42vw, 640px);
  height: min(42vw, 640px);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,.13), rgba(255,255,255,.04) 46%, transparent 68%);
  filter: blur(.2px);
  pointer-events: none;
  animation: inmaPulseOrb 8s ease-in-out infinite;
  z-index: -1;
}


.inma-home .inma-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(33, 107, 180,.65) 0%,
        rgba(33, 107, 180,.35) 18%,
        rgba(33, 107, 180,.10) 35%,
        transparent 55%);
    pointer-events:none;
    z-index:0;
}

.inma-home[dir="ltr"] .inma-hero::before {
  inset: 24px auto auto 5vw;
}

.inma-home .inma-hero__overlay {
  background:
    linear-gradient(90deg, rgba(226, 173, 34,.36), rgba(247, 201, 78,.18), rgba(226, 173, 34,.62)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 84px) !important;
}

.inma-home .inma-hero__mark {
    width: 720px !important;
    height: 720px !important;
    border-width: 100px !important;

    opacity: .72 !important;

    inset-inline-end: -170px !important;
    bottom: -220px !important;

    filter:
        saturate(1.35)
        brightness(1.12)
        drop-shadow(0 0 18px rgba(247,201,78,.20));
}

.inma-home .inma-hero__grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 430px) !important;
  align-items: center !important;
  padding-top: clamp(30px, 5vh, 58px) !important;
  padding-bottom: clamp(108px, 15vh, 150px) !important;
}

.inma-home .inma-hero__content {
  max-width: 900px;
}

.inma-home .inma-kicker {
  padding: 10px 18px !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.26) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.inma-home .inma-hero__content h1 {
  max-width: 860px !important;
  margin-top: 4px !important;
  font-size: clamp(38px, 4.45vw, 66px) !important;
  line-height: 1.16 !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.20) !important;
}

.inma-home .inma-hero__content p {
  max-width: 760px !important;
  margin-top: 18px !important;
  font-size: clamp(15px, 1.18vw, 18px) !important;
}

.inma-home .inma-btn {
  min-height: 50px !important;
  border-radius: 17px !important;
}

.inma-home .inma-btn--gold {
  background: linear-gradient(135deg, #F7C94E, #F7C94E) !important;
  color: #E2AD22 !important;
  box-shadow: 0 18px 42px rgba(21, 84, 143,.30) !important;
}

.inma-home .inma-btn--light {
  color: #fff !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.34) !important;
}

.inma-bank-quick {
  max-width: 900px !important;
  gap: 14px !important;
}

.inma-bank-quick__item {
  min-height: 104px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.075)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.inma-bank-quick__icon {
  background: #fff !important;
  color: var(--home-blue-v2) !important;
  border: 1px solid rgba(33, 107, 180,.38);
}

.inma-home .inma-hero__visual {
  display: block !important;
}

.inma-bank-status {
  grid-template-columns: 1fr;
}

.inma-home .inma-hero-card {
  min-height: 280px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(160deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
    radial-gradient(circle at 20% 20%, rgba(33, 107, 180,.22), transparent 30%) !important;
}

.inma-home .inma-hero-card img {
  width: min(330px, 86%) !important;
  margin-inline: auto;
  display: block;
}

.inma-home .inma-hero-stat--one {
  inset-inline-start: -28px !important;
  bottom: -36px !important;
}

.inma-home .inma-hero-stat--two {
  inset-inline-end: -26px !important;
  top: 150px !important;
}

.inma-trust-strip {
  position: relative;
  z-index: 7;
  margin-top: -68px;
  padding-bottom: 22px;
}

.inma-trust-strip__shell {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 16px;
  border-radius: 28px;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(219,232,245,.88);
  box-shadow: 0 26px 70px rgba(247, 201, 78,.14);
  backdrop-filter: blur(18px);
}

.inma-trust-strip__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, #f8fbff, #fff);
  color: var(--inma-ui-ink);
  font-weight: 900;
  text-align: center;
}

.inma-trust-strip__item i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--home-gold-soft), #fff);
  color: var(--home-blue-v2);
  box-shadow: inset 0 0 0 1px rgba(33, 107, 180,.26);
}

.inma-home .inma-slider-strip {
  margin-top: 0 !important;
  padding-top: 18px;
}

.inma-home .inma-home-swiper {
  border-radius: 30px !important;
  border: 1px solid rgba(219,232,245,.95) !important;
  box-shadow: 0 24px 70px rgba(247, 201, 78,.13) !important;
  overflow: hidden !important;
}

.inma-home .inma-home-swiper::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 90px;
  background: linear-gradient(0deg, rgba(226, 173, 34,.32), transparent);
  pointer-events: none;
  z-index: 2;
}

.inma-home .inma-section {
  padding: clamp(56px, 6vw, 86px) 0 !important;
}

.inma-home .inma-section-head {
  margin-bottom: 32px !important;
}

.inma-home .inma-section-head span {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  background: #eef6fe;
  color: var(--home-blue-v2) !important;
  font-size: 13px !important;
}

.inma-home .inma-section-head h2 {
  font-size: clamp(28px, 3.2vw, 46px) !important;
}

.inma-home .inma-essentials {
  background:
    radial-gradient(circle at 12% 12%, rgba(33, 107, 180,.14), transparent 28%),
    linear-gradient(180deg, #fff, #f3f8fe) !important;
}

.inma-home .inma-service-grid {
  gap: 20px !important;
}

.inma-home .inma-service-card {
  min-height: 220px !important;
  border: 1px solid rgba(219,232,245,.95) !important;
  box-shadow: 0 22px 58px rgba(247, 201, 78,.10) !important;
}

.inma-home .inma-service-card__icon {
  width: 88px !important;
  height: 88px !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #ffffff, #EAF3FC) !important;
  box-shadow: inset 0 0 0 1px rgba(33, 107, 180,.22), 0 16px 34px rgba(247, 201, 78,.08);
}

.inma-home .inma-feature__shell,
.inma-home .inma-app__shell {
  border-radius: 34px !important;
  border: 1px solid rgba(219,232,245,.95) !important;
  box-shadow: 0 24px 70px rgba(247, 201, 78,.10) !important;
}

.inma-home .inma-feature__shell {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,251,255,.92)),
    radial-gradient(circle at 86% 12%, rgba(33, 107, 180,.14), transparent 30%) !important;
}

.inma-home .inma-flip-card__face,
.inma-home .inma-flip-card__back {
  border-radius: 28px !important;
}

.inma-home .inma-app {
  background:
    radial-gradient(circle at 78% 20%, rgba(33, 107, 180,.20), transparent 30%),
    linear-gradient(180deg, #ffffff, #EAF3FC 52%, #ffffff) !important;
}

.inma-home .inma-app__text {
  background: rgba(255,255,255,.76) !important;
}

.inma-home .inma-news-card {
  border: 1px solid rgba(219,232,245,.95);
  background: #fff;
}

.inma-home .inma-partners {
  background:
    linear-gradient(180deg, #f4f9ff, #ffffff) !important;
}

@keyframes inmaPulseOrb {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .82; }
  50% { transform: translate3d(-18px,12px,0) scale(1.05); opacity: 1; }
}

@media (min-width: 1200px) {
  .inma-home .inma-hero__content {
    padding-inline-start: 18px !important;
  }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 112px !important;
  }

  .inma-trust-strip {
    margin-top: -54px;
  }
}

@media (max-width: 991.98px) {
  .inma-bank-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .inma-trust-strip__shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .inma-home .inma-hero__content h1 {
    font-size: 28px !important;
  }

  .inma-home .inma-hero__content p {
    font-size: 14px !important;
  }

  .inma-bank-quick {
    grid-template-columns: 1fr !important;
  }

  .inma-bank-quick__item {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 78px !important;
  }

  .inma-trust-strip__shell {
    padding: 10px;
    border-radius: 22px;
  }
}

/* 20260712: global premium motion layer for public pages */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }

  .inma-motion-ready .inma-reveal {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(.985);
    filter: blur(8px);
    transition:
      opacity .75s cubic-bezier(.19, 1, .22, 1),
      transform .75s cubic-bezier(.19, 1, .22, 1),
      filter .75s cubic-bezier(.19, 1, .22, 1);
    transition-delay: var(--inma-reveal-delay, 0ms);
    will-change: opacity, transform, filter;
  }

  .inma-motion-ready .inma-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }

  header[role="banner"] {
    animation: inmaHeaderDrop .72s cubic-bezier(.19, 1, .22, 1) both;
  }

  header[role="banner"] .navbar-brand,
  header[role="banner"] .navbar-nav > li,
  header[role="banner"] .social-links a,
  header[role="banner"] [class*="social"] a {
    animation: inmaSoftRise .72s cubic-bezier(.19, 1, .22, 1) both;
  }

  header[role="banner"] .navbar-nav > li:nth-child(1) { animation-delay: .05s; }
  header[role="banner"] .navbar-nav > li:nth-child(2) { animation-delay: .10s; }
  header[role="banner"] .navbar-nav > li:nth-child(3) { animation-delay: .15s; }
  header[role="banner"] .navbar-nav > li:nth-child(4) { animation-delay: .20s; }
  header[role="banner"] .navbar-nav > li:nth-child(5) { animation-delay: .25s; }
  header[role="banner"] .navbar-nav > li:nth-child(6) { animation-delay: .30s; }
  header[role="banner"] .navbar-nav > li:nth-child(7) { animation-delay: .35s; }
  header[role="banner"] .navbar-nav > li:nth-child(8) { animation-delay: .40s; }

  #main-nav .nav-link,
  #main-nav .dropdown-item,
  .inma-btn,
  button,
  .btn,
  a.card,
  .inma-bank-quick__item,
  .inma-service-card,
  .inma-news-card,
  .job-card,
  .jobs-tab,
  .chatbot-toggle,
  .inma-chat-launcher {
    transition:
      transform .28s cubic-bezier(.19, 1, .22, 1),
      box-shadow .28s cubic-bezier(.19, 1, .22, 1),
      background-color .28s ease,
      border-color .28s ease,
      color .28s ease,
      opacity .28s ease !important;
  }

  #main-nav .nav-link:hover,
  #main-nav .nav-link:focus-visible {
    transform: translateY(-3px);
  }

  #main-nav .dropdown-menu {
    animation: inmaMenuOpen .28s cubic-bezier(.19, 1, .22, 1) both;
    transform-origin: top center;
  }

  #main-nav .dropdown-item {
    position: relative;
    overflow: hidden;
  }

  #main-nav .dropdown-item::before {
    content: "";
    position: absolute;
    inset-block: 8px;
    inset-inline-start: 6px;
    width: 3px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--inma-ui-blue), var(--inma-ui-gold));
    transform: scaleY(0);
    transition: transform .24s ease;
  }

  #main-nav .dropdown-item:hover::before,
  #main-nav .dropdown-item:focus-visible::before {
    transform: scaleY(1);
  }

  .inma-home .inma-hero__content .inma-kicker {
    animation: inmaSoftRise .8s .08s cubic-bezier(.19, 1, .22, 1) both;
  }

  .inma-home .inma-hero__content h1 {
    animation: inmaHeroTitle .9s .14s cubic-bezier(.19, 1, .22, 1) both;
  }

  .inma-home .inma-hero__content p {
    animation: inmaSoftRise .9s .24s cubic-bezier(.19, 1, .22, 1) both;
  }

  .inma-home .inma-hero__actions {
    animation: inmaSoftRise .9s .34s cubic-bezier(.19, 1, .22, 1) both;
  }

  .inma-home .inma-bank-quick__item:nth-child(1) { animation: inmaSoftRise .82s .42s cubic-bezier(.19, 1, .22, 1) both; }
  .inma-home .inma-bank-quick__item:nth-child(2) { animation: inmaSoftRise .82s .48s cubic-bezier(.19, 1, .22, 1) both; }
  .inma-home .inma-bank-quick__item:nth-child(3) { animation: inmaSoftRise .82s .54s cubic-bezier(.19, 1, .22, 1) both; }
  .inma-home .inma-bank-quick__item:nth-child(4) { animation: inmaSoftRise .82s .60s cubic-bezier(.19, 1, .22, 1) both; }

  .inma-home .inma-hero-card {
    animation: inmaBankFloat 6s ease-in-out infinite, inmaSoftZoom .95s .24s cubic-bezier(.19, 1, .22, 1) both !important;
  }

  .inma-home .inma-hero-stat {
    animation: inmaSoftPop .72s .62s cubic-bezier(.19, 1, .22, 1) both, inmaMiniFloat 5s ease-in-out infinite;
  }

  .inma-home .inma-hero-stat--two {
    animation-delay: .72s, .7s;
  }

  .inma-home .inma-hero__bg,
  .inma-home .inma-hero__overlay {
    animation: inmaGradientDrift 12s ease-in-out infinite alternate;
    background-size: 120% 120% !important;
  }

  .inma-home .inma-btn--gold,
  .jobs-apply-btn,
  .inma-chat-send,
  .inma-bank-quick__icon {
    position: relative;
    overflow: hidden;
  }

  .inma-home .inma-btn--gold::after,
  .jobs-apply-btn::after,
  .inma-chat-send::after,
  .inma-bank-quick__icon::after {
    content: "";
    position: absolute;
    top: -35%;
    bottom: -35%;
    width: 42%;
    inset-inline-start: -55%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
    transform: skewX(-22deg);
    animation: inmaShine 4.6s ease-in-out infinite;
    pointer-events: none;
  }

  .inma-service-card:hover,
  .inma-news-card:hover,
  .job-card:hover,
  .inma-bank-quick__item:hover {
    transform: translateY(-8px) scale(1.01) !important;
  }

  .inma-service-card__icon,
  .jobs-stat-card .jobs-stat-icon,
  .inma-bank-quick__icon {
    animation: inmaIconBreathe 4.5s ease-in-out infinite;
  }

  .inma-home-swiper img,
  .inma-news-card img,
  .inma-flip-card__face img,
  .inma-services-page img,
  .inma-news-detail img {
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), filter .45s ease !important;
  }

  .inma-home-swiper:hover img,
  .inma-news-card:hover img,
  .inma-flip-card:hover .inma-flip-card__face img,
  .inma-services-page article:hover img {
    transform: scale(1.045);
  }

  .inma-home .inma-home-pagination .swiper-pagination-bullet-active {
    animation: inmaBulletPulse 1.8s ease-in-out infinite;
  }

  .professional-footer,
  footer {
    position: relative;
    overflow: hidden;
  }

  .professional-footer::before,
  footer::before {
    animation: inmaWatermarkDrift 14s ease-in-out infinite alternate;
  }

  .chatbot-toggle,
  .inma-chat-launcher,
  [class*="chat"] [class*="launcher"] {
    animation: inmaChatPulse 2.8s ease-in-out infinite;
  }

  .inma-banner,
  .page-banner,
  .breadcrumb-area,
  .single-page-header {
    animation: inmaBannerReveal .85s cubic-bezier(.19, 1, .22, 1) both;
  }

  .inma-banner::before,
  .page-banner::before,
  .single-page-header::before {
    animation: inmaWatermarkDrift 16s ease-in-out infinite alternate;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

@keyframes inmaHeaderDrop {
  from { opacity: 0; transform: translateY(-18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes inmaSoftRise {
  from { opacity: 0; transform: translateY(22px); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes inmaHeroTitle {
  from { opacity: 0; transform: translateY(28px) scale(.98); filter: blur(10px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes inmaSoftZoom {
  from { opacity: 0; transform: translateY(18px) scale(.94); filter: blur(10px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes inmaSoftPop {
  0% { opacity: 0; transform: scale(.72) translateY(18px); }
  68% { opacity: 1; transform: scale(1.06) translateY(0); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes inmaMiniFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes inmaMenuOpen {
  from { opacity: 0; transform: translateY(10px) scale(.98); filter: blur(6px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes inmaGradientDrift {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@keyframes inmaShine {
  0%, 55% { inset-inline-start: -58%; opacity: 0; }
  65% { opacity: 1; }
  88%, 100% { inset-inline-start: 118%; opacity: 0; }
}

@keyframes inmaIconBreathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.035); }
}

@keyframes inmaBulletPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(33, 107, 180,.45); }
  50% { box-shadow: 0 0 0 8px rgba(33, 107, 180,0); }
}

@keyframes inmaWatermarkDrift {
  from { transform: translate3d(0,0,0) rotate(0deg); opacity: .78; }
  to { transform: translate3d(-16px,10px,0) rotate(1.5deg); opacity: .96; }
}

@keyframes inmaChatPulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 18px 42px rgba(33, 107, 180,.24); }
  50% { transform: translateY(-4px) scale(1.025); box-shadow: 0 24px 58px rgba(33, 107, 180,.34); }
}

@keyframes inmaBannerReveal {
  from { opacity: 0; transform: translateY(18px); filter: blur(8px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

/* 20260713: clean Qutaibi-like homepage layout + dropdown fixes */
header[role="banner"],
#main-nav,
#main-nav .container,
#main-nav .navbar,
#main-nav .navbar-collapse,
#main-nav .navbar-nav,
#main-nav .nav-item {
  overflow: visible !important;
}

header[role="banner"] {
  position: relative !important;
  z-index: 10050 !important;
  background: #fff !important;
}

#main-nav {
  position: relative !important;
  z-index: 10060 !important;
}

#main-nav .dropdown-menu,
#main-nav .dropdown-submenu > .dropdown-menu {
  z-index: 10090 !important;
  pointer-events: auto !important;
}

@media (min-width: 992px) {
  #main-nav .dropdown:hover > .dropdown-menu,
  #main-nav .dropdown:focus-within > .dropdown-menu,
  #main-nav .dropdown-submenu:hover > .dropdown-menu,
  #main-nav .dropdown-submenu:focus-within > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.inma-home .inma-hero {
  min-height: clamp(430px, 51vh, 560px) !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 0 !important;
  isolation: isolate;
}

.inma-home .inma-hero__bg {
  background:
    radial-gradient(circle at 18% 20%, rgba(33, 107, 180,.18), transparent 32%),
    linear-gradient(112deg, #052b56 0%, #0a5fa7 54%, #083b72 100%) !important;
}

.inma-home .inma-hero__overlay {
  background:
    linear-gradient(90deg, rgba(4,31,63,.34), rgba(9,86,152,.12), rgba(3,33,70,.54)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 84px) !important;
}

.inma-home .inma-hero__grid {
  display: block !important;
  padding-top: clamp(44px, 5.2vh, 70px) !important;
  padding-bottom: clamp(78px, 11vh, 112px) !important;
}

.inma-home .inma-hero__content {
  max-width: 980px !important;
  margin-inline-start: auto;
  margin-inline-end: 0;
  text-align: start;
}

.inma-home[dir="ltr"] .inma-hero__content {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.inma-home .inma-hero__content h1 {
  max-width: 880px !important;
  font-size: clamp(34px, 4.1vw, 58px) !important;
  line-height: 1.22 !important;
  margin-bottom: 0 !important;
}

.inma-home .inma-hero__content p {
  max-width: 790px !important;
  margin-top: 16px !important;
  font-size: clamp(15px, 1.08vw, 17px) !important;
}

.inma-home .inma-hero__actions {
  display: none !important;
}

.inma-home .inma-hero__visual {
  display: none !important;
}

.inma-home .inma-bank-quick {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: 980px !important;
  margin-top: 30px !important;
  padding: 10px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.11) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(14px);
}

.inma-home .inma-bank-quick__item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  padding: 14px 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.94) !important;
  color: #083b72 !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.10) !important;
  text-align: center !important;
}

.inma-home .inma-bank-quick__item:hover {
  background: linear-gradient(135deg, #fff, #fff6da) !important;
  color: #F7C94E !important;
  transform: translateY(-5px) !important;
  border-color: rgba(33, 107, 180,.82) !important;
}

.inma-home .inma-bank-quick__item::after {
  height: 4px !important;
  inset-inline: 24px !important;
  background: linear-gradient(90deg, #F7C94E, #F7C94E) !important;
}

.inma-home .inma-bank-quick__icon {
  display: none !important;
}

.inma-home .inma-bank-quick__item > span:last-child {
  display: block !important;
}

.inma-home .inma-bank-quick strong {
  color: inherit !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 950 !important;
}

.inma-home .inma-bank-quick small {
  color: #647992 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.inma-trust-strip {
  margin-top: -38px !important;
  padding-bottom: 34px !important;
}

.inma-trust-strip__shell {
  max-width: 1040px;
  margin-inline: auto;
  border-radius: 24px !important;
}

.inma-home .inma-slider-strip {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.inma-home .inma-home-swiper {
  border-radius: 34px !important;
  min-height: clamp(300px, 31vw, 460px) !important;
  box-shadow: 0 30px 82px rgba(247, 201, 78,.16) !important;
}

.inma-home .inma-home-swiper img {
  height: clamp(300px, 31vw, 460px) !important;
}

.inma-home .inma-section-head {
  max-width: 780px !important;
}

.inma-home .inma-service-card {
  min-height: 205px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background:
    linear-gradient(180deg, #ffffff, #f9fcff) !important;
}

.inma-home .inma-feature {
  background:
    radial-gradient(circle at 85% 16%, rgba(33, 107, 180,.16), transparent 28%),
    linear-gradient(180deg, #ffffff, #f4f9ff) !important;
}

.inma-home .inma-feature__shell {
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr) !important;
  padding: clamp(26px, 4vw, 52px) !important;
  border-radius: 38px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,248,255,.94)) !important;
}

.inma-home .inma-feature__text {
  padding: clamp(8px, 2vw, 18px);
}

.inma-home .inma-feature__text .inma-kicker,
.inma-home .inma-app__text .inma-kicker {
  color: #F7C94E !important;
  background: #eef6fe !important;
  border-color: #dbe8f5 !important;
  text-shadow: none !important;
}

.inma-home .inma-feature__text h2 {
  font-size: clamp(30px, 3.4vw, 48px) !important;
}

.inma-home .inma-feature__cards {
  gap: 20px !important;
}

.inma-home .inma-flip-card {
  height: 320px !important;
}

.inma-home .inma-flip-card__face,
.inma-home .inma-flip-card__back {
  border-radius: 30px !important;
}

.inma-home .inma-flip-card__face::after {
  background: linear-gradient(180deg, transparent 28%, rgba(226, 173, 34,.80)) !important;
}

.inma-home .inma-flip-card__face strong {
  font-size: 20px !important;
}

.inma-home .inma-app {
  background:
    radial-gradient(circle at 18% 12%, rgba(33, 107, 180,.18), transparent 30%),
    linear-gradient(135deg, #216BB4, #F7C94E 56%, #216BB4) !important;
  color: #fff !important;
}

.inma-home .inma-app__shell {
  position: relative;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .72fr) !important;
  padding: clamp(26px, 4vw, 56px) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)) !important;
  border-radius: 38px !important;
  overflow: hidden;
}

.inma-home .inma-app__shell::before {
  content: "";
  position: absolute;
  inset-inline-end: -90px;
  bottom: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(33, 107, 180,.16);
  pointer-events: none;
}

.inma-home .inma-app__text {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.inma-home .inma-app__text h2,
.inma-home .inma-app__text p,
.inma-home .inma-app__text li {
  color: #fff !important;
}

.inma-home .inma-app__text h2 {
  font-size: clamp(31px, 3.8vw, 52px) !important;
}

.inma-home .inma-app__text li {
  position: relative;
  list-style: none;
  padding-inline-start: 26px;
}

.inma-home .inma-app__text li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: .75em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F7C94E;
  box-shadow: 0 0 0 6px rgba(33, 107, 180,.15);
}

.inma-home .inma-store-buttons a {
  border-radius: 18px !important;
}

.inma-home .inma-app__phones {
  min-height: 420px !important;
  position: relative;
  z-index: 1;
}

.inma-home .inma-app__phones img {
  width: min(210px, 44%) !important;
  filter: drop-shadow(0 28px 45px rgba(0,0,0,.26)) !important;
}

.inma-home .inma-news {
  background: linear-gradient(180deg, #fff, #f7fbff) !important;
}

@media (max-width: 1199.98px) {
  .inma-home .inma-feature__shell,
  .inma-home .inma-app__shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 991.98px) {
  .inma-home .inma-bank-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575.98px) {
  .inma-home .inma-bank-quick {
    grid-template-columns: 1fr !important;
    padding: 8px !important;
  }

  .inma-home .inma-bank-quick__item {
    min-height: 68px !important;
  }

  .inma-home .inma-feature__cards {
    grid-template-columns: 1fr !important;
  }

  .inma-home .inma-flip-card {
    height: 270px !important;
  }
}

/* 20260714: refined trust strip */
.inma-trust-strip {
  margin-top: -48px !important;
  padding: 0 0 42px !important;
  position: relative !important;
  z-index: 8 !important;
}

.inma-trust-strip__shell {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 10px !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,249,255,.92)) !important;
  border: 1px solid rgba(219,232,245,.95) !important;
  box-shadow: 0 28px 70px rgba(247, 201, 78,.14) !important;
  overflow: hidden;
}

.inma-trust-strip__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(33, 107, 180,.16), transparent 24%),
    radial-gradient(circle at 92% 80%, rgba(247, 201, 78,.10), transparent 26%);
  pointer-events: none;
}

.inma-trust-strip__item {
  position: relative !important;
  z-index: 1;
  min-height: 104px !important;
  padding: 18px 24px !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: initial !important;
  gap: 16px !important;
  text-align: start !important;
  border-radius: 24px !important;
  background: transparent !important;
  color: #E2AD22 !important;
  box-shadow: none !important;
  transition: transform .28s cubic-bezier(.19,1,.22,1), background .28s ease, box-shadow .28s ease !important;
}

.inma-trust-strip__item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block: 24px;
  inset-inline-end: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(247, 201, 78,.20), transparent);
}

.inma-trust-strip__item:hover {
  transform: translateY(-4px) !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(247, 201, 78,.10) !important;
}

.inma-trust-strip__item i {
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, #fff8df, #ffffff) !important;
  color: #F7C94E !important;
  font-size: 22px !important;
  box-shadow:
    inset 0 0 0 1px rgba(33, 107, 180,.38),
    0 14px 32px rgba(33, 107, 180,.16) !important;
}

.inma-trust-strip__item span {
  display: block;
  color: #193553 !important;
  font-size: clamp(15px, 1.12vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1.65 !important;
}

@media (max-width: 991.98px) {
  .inma-trust-strip__shell {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .inma-trust-strip__item:not(:last-child)::after {
    inset-inline: 24px;
    inset-block: auto 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(247, 201, 78,.18), transparent);
  }
}

@media (max-width: 575.98px) {
  .inma-trust-strip {
    margin-top: -30px !important;
    padding-bottom: 28px !important;
  }

  .inma-trust-strip__shell {
    border-radius: 22px !important;
    padding: 8px !important;
  }

  .inma-trust-strip__item {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    min-height: 84px !important;
    padding: 14px !important;
  }

  .inma-trust-strip__item i {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    font-size: 19px !important;
  }
}

/* 20260715: premium partners + home news cards */
.inma-home .inma-news {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(33, 107, 180,.13), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f3f8fe 100%) !important;
}

.inma-home .inma-news::before {
  content: "";
  position: absolute;
  inset-inline-end: -160px;
  top: 42px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  border: 72px solid rgba(247, 201, 78,.045);
  pointer-events: none;
}

.inma-home .inma-news .row {
  align-items: stretch;
}

.inma-home .inma-news-card,
.inma-basic-news-card {
  height: 100% !important;
  border: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 24px 62px rgba(247, 201, 78,.11) !important;
}

.inma-basic-news-card__link {
  display: grid;
  grid-template-rows: 230px 1fr;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.inma-basic-news-card__media {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #eaf4ff, #fff7d8);
}

.inma-basic-news-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(226, 173, 34,.50));
  pointer-events: none;
}

.inma-basic-news-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform .75s cubic-bezier(.19,1,.22,1), filter .35s ease;
}

.inma-basic-news-card:hover .inma-basic-news-card__media img {
  transform: scale(1.07);
  filter: saturate(1.06);
}

.inma-basic-news-card__badge {
  position: absolute;
  inset-inline-start: 18px;
  top: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.93);
  color: #F7C94E;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}

.inma-basic-news-card__badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F7C94E;
  box-shadow: 0 0 0 5px rgba(33, 107, 180,.18);
}

.inma-basic-news-card__body {
  display: flex;
  flex-direction: column;
  padding: 22px 22px 24px;
  min-height: 250px;
}

.inma-basic-news-card__date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 12px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f1f7fd;
  color: #687b92;
  font-size: 12px;
  font-weight: 850;
}

.inma-basic-news-card__date i {
  color: #F7C94E;
}

.inma-basic-news-card__body h4 {
  margin: 0;
  color: #193553;
  font-size: clamp(17px, 1.18vw, 21px);
  font-weight: 950;
  line-height: 1.65;
}

.inma-basic-news-card__body p {
  margin: 12px 0 0;
  color: #667b92;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.9;
}

.inma-basic-news-card__more {
  margin-top: auto;
  padding-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #F7C94E;
  font-size: 13px;
  font-weight: 950;
}

.inma-basic-news-card__more i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #083b72;
  background: #fff4d1;
  transition: transform .25s ease;
}

.inma-basic-news-card:hover .inma-basic-news-card__more i {
  transform: translateX(-4px);
}

.inma-home[dir="ltr"] .inma-basic-news-card:hover .inma-basic-news-card__more i {
  transform: translateX(4px);
}

.inma-home .inma-partners {
  position: relative;
  overflow: hidden;
  padding-top: clamp(70px, 7vw, 110px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(33, 107, 180,.16), transparent 32%),
    linear-gradient(180deg, #f3f8fe, #ffffff) !important;
}

.inma-home .inma-partners::before {
  content: "";
  position: absolute;
  inset-inline-start: -180px;
  bottom: -210px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(247, 201, 78,.09), transparent 66%);
  pointer-events: none;
}

.inma-partners-showcase {
  position: relative;
  max-width: 1220px;
  margin-inline: auto;
  padding: 18px 0 54px;
}

.inma-partners-showcase::before {
  content: "";
  position: absolute;
  inset: 34px 0 72px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.58));
  border: 1px solid rgba(219,232,245,.78);
  box-shadow: 0 26px 70px rgba(247, 201, 78,.08);
  pointer-events: none;
}

.inma-partners-swiper {
  padding: 34px 18px 58px !important;
}

.inma-partner-card {
  position: relative;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 24px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(219,232,245,.95);
  color: #193553;
  text-decoration: none;
  box-shadow: 0 20px 48px rgba(247, 201, 78,.10);
  overflow: hidden;
  transition: transform .28s cubic-bezier(.19,1,.22,1), box-shadow .28s ease, border-color .28s ease !important;
}

.inma-partner-card:hover {
  transform: translateY(-8px);
  border-color: rgba(33, 107, 180,.72);
  box-shadow: 0 30px 70px rgba(247, 201, 78,.16);
  color: #F7C94E;
}

.inma-partner-card__shine {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 16%, rgba(33, 107, 180,.16), transparent 28%),
    linear-gradient(135deg, rgba(247, 201, 78,.05), transparent 45%);
  pointer-events: none;
}

.inma-partner-card__logo {
  position: relative;
  z-index: 1;
  width: 128px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inma-partner-card__logo img {
  max-width: 128px;
  max-height: 88px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: saturate(.98) contrast(1.02);
  transition: transform .35s ease, filter .35s ease;
}

.inma-partner-card:hover .inma-partner-card__logo img {
  transform: scale(1.05);
  filter: saturate(1.08) contrast(1.06);
}

.inma-partner-card__name {
  position: relative;
  z-index: 1;
  min-height: 24px;
  color: #506781;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
  line-height: 1.6;
}

.inma-partners-pagination {
  position: absolute;
  inset-inline: 0;
  bottom: 14px !important;
  text-align: center;
}

.inma-partners-pagination .swiper-pagination-bullet {
  width: 22px;
  height: 5px;
  border-radius: 999px;
  background: #9db6cf;
  opacity: .45;
}

.inma-partners-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #F7C94E, #F7C94E);
  opacity: 1;
}

@media (max-width: 767.98px) {
  .inma-basic-news-card__link {
    grid-template-rows: 205px 1fr;
  }

  .inma-basic-news-card__body {
    min-height: auto;
  }

  .inma-partner-card {
    min-height: 165px;
    border-radius: 22px;
  }
}

/* 20260716: remove empty icon boxes from trust strip */
.inma-trust-strip {
  margin-top: -44px !important;
  padding-bottom: 40px !important;
}

.inma-trust-strip__shell {
  max-width: 1120px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(241,248,255,.82)) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 26px 70px rgba(247, 201, 78,.13),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  backdrop-filter: blur(18px);
}

.inma-trust-strip__shell::before {
  background:
    linear-gradient(90deg, rgba(33, 107, 180,.18), transparent 20%, transparent 80%, rgba(247, 201, 78,.10)),
    repeating-linear-gradient(90deg, rgba(247, 201, 78,.045) 0 1px, transparent 1px 96px) !important;
}

.inma-trust-strip__item {
  min-height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 20px 28px !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: center !important;
  box-shadow: none !important;
}

.inma-trust-strip__item:first-child {
  border-start-start-radius: 28px !important;
  border-end-start-radius: 28px !important;
}

.inma-trust-strip__item:last-child {
  border-start-end-radius: 28px !important;
  border-end-end-radius: 28px !important;
}

.inma-trust-strip__item i {
  display: none !important;
}

.inma-trust-strip__item::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border-radius: 50%;
  background: linear-gradient(135deg, #F7C94E, #e4aa14);
  box-shadow:
    0 0 0 7px rgba(33, 107, 180,.16),
    0 10px 22px rgba(21, 84, 143,.22);
}

.inma-trust-strip__item::after {
  inset-block: 26px !important;
}

.inma-trust-strip__item span {
  max-width: 320px;
  color: #E2AD22 !important;
  font-size: clamp(16px, 1.18vw, 20px) !important;
  font-weight: 950 !important;
  line-height: 1.55 !important;
  letter-spacing: -.01em;
}

.inma-trust-strip__item:hover {
  background:
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,248,226,.78)) !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 991.98px) {
  .inma-trust-strip__item {
    justify-content: flex-start !important;
    text-align: start !important;
    min-height: 82px !important;
  }

  .inma-trust-strip__item:first-child,
  .inma-trust-strip__item:last-child {
    border-radius: 0 !important;
  }

  .inma-trust-strip__item:first-child {
    border-start-start-radius: 24px !important;
    border-start-end-radius: 24px !important;
  }

  .inma-trust-strip__item:last-child {
    border-end-start-radius: 24px !important;
    border-end-end-radius: 24px !important;
  }
}

@media (max-width: 575.98px) {
  .inma-trust-strip__item {
    padding: 16px 18px !important;
  }

  .inma-trust-strip__item span {
    font-size: 15px !important;
  }
}

/* 20260717: premium hero with gold identity edges */
.inma-home .inma-hero {
  min-height: clamp(470px, 56vh, 620px) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(33, 107, 180,.46) 0%, rgba(33, 107, 180,.22) 18%, transparent 37%),
    radial-gradient(circle at 100% 46%, rgba(33, 107, 180,.42) 0%, rgba(33, 107, 180,.18) 18%, transparent 36%),
    linear-gradient(115deg, #052b56 0%, #F7C94E 46%, #216BB4 100%) !important;
  overflow: hidden !important;
}

.inma-home .inma-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(33, 107, 180,.28), transparent 18%, transparent 82%, rgba(33, 107, 180,.25)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 92px),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.12), transparent 30%) !important;
  pointer-events: none !important;
  animation: inmaGradientDrift 14s ease-in-out infinite alternate !important;
  z-index: -1 !important;
}

.inma-home .inma-hero::after {
  content: "";
  position: absolute;
  inset-inline: 5.6vw;
  bottom: -78px;
  height: 155px;
  border-radius: 48px 48px 0 0;
  background:
    linear-gradient(90deg, rgba(33, 107, 180,.92), rgba(255,221,111,.72), rgba(33, 107, 180,.92));
  box-shadow:
    0 -24px 70px rgba(33, 107, 180,.22),
    inset 0 1px 0 rgba(255,255,255,.32);
  opacity: .92;
  pointer-events: none;
}

.inma-home .inma-hero__bg {
  background:
    radial-gradient(circle at 8% 52%, rgba(33, 107, 180,.34), transparent 31%),
    radial-gradient(circle at 92% 46%, rgba(33, 107, 180,.30), transparent 31%),
    linear-gradient(112deg, rgba(5,43,86,.96), rgba(247, 201, 78,.94) 48%, rgba(226, 173, 34,.98)) !important;
}

.inma-home .inma-hero__overlay {
  background:
    linear-gradient(90deg, rgba(5,43,86,.22), rgba(3,34,68,.03) 45%, rgba(4,35,72,.28)),
    radial-gradient(circle at 50% 52%, rgba(0,0,0,.08), transparent 48%) !important;
}

.inma-home .inma-hero__mark {
  width: 620px !important;
  height: 620px !important;
  inset-inline-start: -210px !important;
  inset-inline-end: auto !important;
  bottom: -250px !important;
  border-width: 88px !important;
  border-color: rgba(255,255,255,.065) !important;
  opacity: 1 !important;
}

.inma-home[dir="ltr"] .inma-hero__mark {
  inset-inline-start: auto !important;
  inset-inline-end: -210px !important;
}

.inma-home .inma-hero__grid {
  padding-top: clamp(42px, 6vh, 78px) !important;
  padding-bottom: clamp(92px, 13vh, 134px) !important;
}

.inma-home .inma-hero__content {
  max-width: 1120px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.inma-home .inma-kicker {
  padding: 10px 22px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  color: #fff !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.inma-home .inma-kicker::before {
  width: 11px !important;
  height: 11px !important;
  background: #F7C94E !important;
  box-shadow: 0 0 0 7px rgba(33, 107, 180,.18) !important;
}

.inma-home .inma-hero__content h1 {
  max-width: 970px !important;
  margin: 22px auto 0 !important;
  color: #fff !important;
  font-size: clamp(34px, 4.4vw, 66px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
}

.inma-home .inma-hero__content p {
  max-width: 880px !important;
  margin: 24px auto 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(15px, 1.18vw, 18px) !important;
  line-height: 1.9 !important;
}

.inma-home .inma-bank-quick {
  max-width: 1050px !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 28px 76px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(16px);
}

.inma-home .inma-bank-quick__item {
  min-height: 88px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,250,254,.92)) !important;
  color: #216BB4 !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.08) !important;
}

.inma-home .inma-bank-quick__item::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-inline-end: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: #F7C94E;
  box-shadow: 0 0 0 6px rgba(33, 107, 180,.16);
}

.inma-home .inma-bank-quick__item:hover {
  background:
    linear-gradient(180deg, #fff8df, #ffffff) !important;
  transform: translateY(-6px) !important;
  color: #F7C94E !important;
  box-shadow: 0 24px 55px rgba(0,0,0,.13) !important;
}

.inma-home .inma-bank-quick strong {
  font-size: clamp(14px, 1.03vw, 17px) !important;
  line-height: 1.45 !important;
}

.inma-home .inma-bank-quick small {
  margin-top: 4px !important;
  color: #6b7f96 !important;
  font-size: 11px !important;
}

.inma-home .inma-trust-strip {
  margin-top: -48px !important;
}

@media (max-width: 991.98px) {
  .inma-home .inma-bank-quick {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 720px !important;
  }

  .inma-home .inma-hero::after {
    inset-inline: 18px;
    height: 110px;
  }
}

@media (max-width: 575.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
  }

  .inma-home .inma-hero__grid {
    padding-top: 36px !important;
    padding-bottom: 84px !important;
  }

  .inma-home .inma-hero__content h1 {
    font-size: 29px !important;
    letter-spacing: -.035em !important;
  }

  .inma-home .inma-bank-quick {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
  }

  .inma-home .inma-bank-quick__item {
    min-height: 70px !important;
  }
}

/* 20260718: completely new premium hero with animated bank watermark */
.inma-home .inma-hero {
  min-height: clamp(560px, 72vh, 760px) !important;
  padding-block: 34px 88px !important;
  background:
    radial-gradient(circle at 0% 18%, rgba(33, 107, 180,.52), transparent 28%),
    radial-gradient(circle at 100% 82%, rgba(33, 107, 180,.42), transparent 30%),
    linear-gradient(125deg, #05294f 0%, #F7C94E 48%, #216BB4 100%) !important;
  overflow: hidden !important;
}

.inma-home .inma-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(33, 107, 180,.38), transparent 20%, transparent 80%, rgba(33, 107, 180,.34)),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.10), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.042) 0 1px, transparent 1px 96px) !important;
  animation: inmaPremiumBgShift 16s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: -3 !important;
}

.inma-home .inma-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 -1px 0 !important;
  height: 142px !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, transparent, rgba(255,255,255,.96) 78%, #fff),
    linear-gradient(90deg, rgba(33, 107, 180,.44), transparent 26%, transparent 74%, rgba(33, 107, 180,.44)) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.inma-home .inma-hero__bg {
  background:
    radial-gradient(circle at 18% 72%, rgba(33, 107, 180,.18), transparent 30%),
    linear-gradient(125deg, rgba(5,41,79,.92), rgba(247, 201, 78,.80), rgba(226, 173, 34,.94)) !important;
}

.inma-home .inma-hero__overlay {
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.12), transparent 26%),
    linear-gradient(90deg, rgba(226, 173, 34,.22), transparent 50%, rgba(3,31,63,.28)) !important;
}

.inma-home .inma-hero__mark {
  position: absolute !important;
  inset-inline-start: -70px !important;
  inset-inline-end: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: min(46vw, 660px) !important;
  height: min(46vw, 660px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('../../admin/branding/alinma-watermark-mark.png') center/contain no-repeat !important;
  opacity: .105 !important;
  filter: grayscale(1) brightness(2.2) drop-shadow(0 26px 60px rgba(0,0,0,.18));
  transform: translateY(-48%) rotate(-12deg) !important;
  animation: inmaWaterLogoFloat 12s ease-in-out infinite alternate !important;
  z-index: -1 !important;
}

.inma-home[dir="ltr"] .inma-hero__mark {
  inset-inline-start: auto !important;
  inset-inline-end: -70px !important;
  transform: translateY(-48%) rotate(12deg) !important;
}

.inma-home .inma-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(280px, .58fr) !important;
  align-items: center !important;
  gap: clamp(24px, 5vw, 76px) !important;
  padding-top: clamp(38px, 6vh, 76px) !important;
  padding-bottom: clamp(92px, 12vh, 126px) !important;
}

.inma-home .inma-hero__content {
  position: relative !important;
  max-width: 820px !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 42px) !important;
  text-align: start !important;
  border-radius: 38px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.065)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 34px 85px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(18px);
}

.inma-home .inma-hero__content::before {
  content: "";
  display: block !important;
  position: absolute !important;
  inset-inline-start: 24px !important;
  top: 24px !important;
  width: 74px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #F7C94E, #fff2bd) !important;
  z-index: 1 !important;
}

.inma-home .inma-kicker {
  margin-top: 22px !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.24) !important;
  color: rgba(255,255,255,.95) !important;
  box-shadow: none !important;
}

.inma-home .inma-hero__content h1 {
  max-width: 760px !important;
  margin: 20px 0 0 !important;
  font-size: clamp(32px, 4.25vw, 60px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.045em !important;
}

.inma-home .inma-hero__content p {
  max-width: 700px !important;
  margin: 18px 0 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(14px, 1.08vw, 17px) !important;
}

.inma-home .inma-hero__visual {
  display: block !important;
  position: relative !important;
  min-height: 390px !important;
}

.inma-home .inma-bank-status {
  display: none !important;
}

.inma-home .inma-hero-card {
  position: absolute !important;
  inset-inline: 0 !important;
  top: 50% !important;
  max-width: 360px !important;
  min-height: 360px !important;
  margin: auto !important;
  padding: 32px !important;
  transform: translateY(-50%) !important;
  border-radius: 42px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,248,226,.82)) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  animation: inmaPremiumCardFloat 6.5s ease-in-out infinite !important;
}

.inma-home .inma-hero-card::before {
  inset: 18px !important;
  border-color: rgba(33, 107, 180,.36) !important;
}

.inma-home .inma-hero-card img {
  width: min(250px, 86%) !important;
  margin: 0 auto 24px !important;
  display: block !important;
  filter: drop-shadow(0 18px 30px rgba(247, 201, 78,.16)) !important;
}

.inma-home .inma-hero-card strong {
  color: #216BB4 !important;
  font-size: 22px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.inma-home .inma-hero-card span {
  color: #62778d !important;
  text-align: center !important;
  margin-top: 8px !important;
}

.inma-home .inma-hero-stat {
  display: none !important;
}

.inma-home .inma-bank-quick {
  position: absolute !important;
  inset-inline: 50% auto !important;
  bottom: 34px !important;
  width: min(1120px, calc(100% - 72px)) !important;
  max-width: 1120px !important;
  transform: translateX(50%) !important;
  margin: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 10px !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.18) !important;
  z-index: 3 !important;
}

.inma-home[dir="ltr"] .inma-bank-quick {
  transform: translateX(-50%) !important;
}

.inma-home .inma-bank-quick__item {
  min-height: 74px !important;
  padding: 14px 16px !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: #083b72 !important;
}

.inma-home .inma-bank-quick__item::before {
  width: 9px !important;
  height: 9px !important;
  box-shadow: 0 0 0 6px rgba(33, 107, 180,.14) !important;
}

.inma-home .inma-bank-quick__item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block: 18px;
  inset-inline-end: 0;
  width: 1px !important;
  height: auto !important;
  background: linear-gradient(180deg, transparent, rgba(247, 201, 78,.18), transparent) !important;
  transform: none !important;
  opacity: 1 !important;
}

.inma-home .inma-bank-quick__item:hover {
  background: #fff7dc !important;
  transform: translateY(-4px) !important;
}

.inma-home .inma-bank-quick strong {
  font-size: 15px !important;
}

.inma-home .inma-bank-quick small {
  display: none !important;
}

@keyframes inmaWaterLogoFloat {
  0% { transform: translateY(-48%) rotate(-12deg) scale(.96); opacity: .075; }
  100% { transform: translateY(-52%) rotate(-8deg) scale(1.04); opacity: .14; }
}

@keyframes inmaPremiumBgShift {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes inmaPremiumCardFloat {
  0%, 100% { transform: translateY(-50%) translateX(0) rotate(-1deg); }
  50% { transform: translateY(-54%) translateX(-8px) rotate(1deg); }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero__grid {
    grid-template-columns: 1fr !important;
  }

  .inma-home .inma-hero__visual {
    display: none !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 28px !important;
    width: min(900px, calc(100% - 42px)) !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
    padding-block: 20px 118px !important;
  }

  .inma-home .inma-hero__grid {
    padding-top: 28px !important;
    padding-bottom: 108px !important;
  }

  .inma-home .inma-hero__content {
    padding: 24px 20px !important;
    border-radius: 28px !important;
  }

  .inma-home .inma-hero__content h1 {
    font-size: 29px !important;
  }

  .inma-home .inma-bank-quick {
    grid-template-columns: 1fr 1fr !important;
    bottom: 18px !important;
    width: calc(100% - 28px) !important;
    padding: 8px !important;
    border-radius: 22px !important;
  }

  .inma-home .inma-bank-quick__item {
    min-height: 58px !important;
    justify-content: flex-start !important;
  }

  .inma-home .inma-bank-quick__item:not(:last-child)::after {
    display: none !important;
  }
}

/* 20260719: modern luxury bank hero - clean split layout */
.inma-home .inma-hero {
  min-height: clamp(500px, 64vh, 680px) !important;
  padding-block: 0 !important;
  display: flex !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(33, 107, 180,.34) 0%, transparent 16%, transparent 84%, rgba(33, 107, 180,.30) 100%),
    radial-gradient(circle at 16% 82%, rgba(33, 107, 180,.24), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(122deg, #05294f 0%, #F7C94E 50%, #062e59 100%) !important;
}

.inma-home .inma-hero::before {
  background:
    url('../../admin/branding/alinma-watermark-mark.png') 92% 54% / min(520px, 36vw) no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.040) 0 1px, transparent 1px 92px) !important;
  opacity: .55 !important;
  animation: inmaWatermarkPan 12s ease-in-out infinite alternate !important;
  z-index: -1 !important;
}


.inma-home .inma-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(33, 107, 180,.65) 0%,
        rgba(33, 107, 180,.35) 18%,
        rgba(33, 107, 180,.10) 35%,
        transparent 55%);
    pointer-events:none;
    z-index:0;
}

.inma-home[dir="ltr"] .inma-hero::before {
  background:
    url('../../admin/branding/alinma-watermark-mark.png') 8% 54% / min(520px, 36vw) no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.040) 0 1px, transparent 1px 92px) !important;
}

.inma-home .inma-hero::after {
  height: 118px !important;
  background:
    linear-gradient(180deg, transparent, rgba(255,255,255,.92) 72%, #fff),
    linear-gradient(90deg, rgba(33, 107, 180,.48), transparent 30%, transparent 70%, rgba(33, 107, 180,.48)) !important;
}

.inma-home .inma-hero__bg,
.inma-home .inma-hero__overlay {
  opacity: .82 !important;
}

.inma-home .inma-hero__mark {
  display: none !important;
}

.inma-home .inma-hero__grid {
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: clamp(24px, 5vw, 74px) !important;
  width: 100%;
  padding-top: clamp(46px, 7vh, 92px) !important;
  padding-bottom: clamp(120px, 15vh, 150px) !important;
}

.inma-home .inma-hero__content {
  max-width: 850px !important;
  padding: 0 !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  text-align: start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.inma-home[dir="ltr"] .inma-hero__content {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

.inma-home .inma-hero__content::before {
  display: none !important;
}

.inma-home .inma-kicker {
  margin: 0 0 18px !important;
  padding: 11px 18px !important;
  color: #fff !important;
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.inma-home .inma-hero__content h1 {
  max-width: 820px !important;
  margin: 0 !important;
  font-size: clamp(38px, 4.55vw, 68px) !important;
  line-height: 1.13 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 18px 46px rgba(0,0,0,.25) !important;
}

.inma-home .inma-hero__content p {
  max-width: 760px !important;
  margin: 24px 0 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.9 !important;
}

.inma-home .inma-hero__visual {
  display: block !important;
  min-height: 360px !important;
}

.inma-home .inma-hero-card {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  transform: none !important;
  width: 300px !important;
  max-width: 100% !important;
  min-height: 340px !important;
  margin: 0 auto !important;
  padding: 26px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,250,235,.86)) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.24) !important;
  animation: inmaPremiumCardFloatSmall 6.5s ease-in-out infinite !important;
}

.inma-home .inma-hero-card::after {
  content: "24/7";
  position: absolute;
  inset-inline-end: -16px;
  bottom: 34px;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  background: linear-gradient(135deg, #F7C94E, #e4aa14);
  color: #216BB4;
  font-size: 20px;
  font-weight: 950;
  box-shadow: 0 18px 40px rgba(21, 84, 143,.28);
}

.inma-home .inma-hero-card img {
  width: min(220px, 86%) !important;
}

.inma-home .inma-hero-card strong {
  font-size: 21px !important;
}

.inma-home .inma-hero-card span {
  font-size: 13px !important;
}

.inma-home .inma-bank-quick {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 34px !important;
  transform: translateX(-50%) !important;
  width: min(1050px, calc(100% - 310px)) !important;
  margin: 0 !important;
  padding: 9px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.16) !important;
}

.inma-home .inma-bank-quick__item {
  min-height: 68px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  justify-content: center !important;
}

.inma-home .inma-bank-quick__item::before {
  width: 8px !important;
  height: 8px !important;
}

.inma-home .inma-bank-quick strong {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.inma-home .inma-bank-quick small {
  display: none !important;
}

@keyframes inmaWatermarkPan {
  0% { transform: translate3d(0,0,0) scale(1); opacity: .42; }
  100% { transform: translate3d(-18px,8px,0) scale(1.04); opacity: .62; }
}

@keyframes inmaPremiumCardFloatSmall {
  0%, 100% { transform: translateY(0) rotate(-.8deg); }
  50% { transform: translateY(-12px) rotate(.8deg); }
}

@media (max-width: 1299.98px) {
  .inma-home .inma-bank-quick {
    width: min(980px, calc(100% - 90px)) !important;
  }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero__grid {
    grid-template-columns: 1fr !important;
  }

  .inma-home .inma-hero__visual {
    display: none !important;
  }

  .inma-home .inma-bank-quick {
    width: calc(100% - 54px) !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
  }

  .inma-home .inma-hero__grid {
    padding-top: 38px !important;
    padding-bottom: 158px !important;
  }

  .inma-home .inma-hero__content h1 {
    font-size: 30px !important;
    line-height: 1.28 !important;
  }

  .inma-home .inma-bank-quick {
    grid-template-columns: 1fr 1fr !important;
    bottom: 22px !important;
    width: calc(100% - 28px) !important;
  }

  .inma-home .inma-bank-quick__item {
    min-height: 60px !important;
    justify-content: flex-start !important;
  }
}

/* 20260720: lower hero service dock and soften digital-card glass */
.inma-home .inma-hero {
  min-height: clamp(620px, 76vh, 790px) !important;
  padding-bottom: 88px !important;
}

.inma-home .inma-hero::after {
  height: 150px !important;
}

.inma-home .inma-hero__grid {
  padding-bottom: clamp(205px, 24vh, 255px) !important;
}

.inma-home .inma-hero__content {
  position: relative !important;
  z-index: 5 !important;
}

.inma-home .inma-hero__content h1 {
  max-width: 780px !important;
  font-size: clamp(36px, 4.15vw, 62px) !important;
  line-height: 1.14 !important;
}

.inma-home .inma-hero__content p {
  max-width: 720px !important;
  margin-top: 18px !important;
}

.inma-home .inma-bank-quick {
  bottom: 58px !important;
  z-index: 7 !important;
  width: min(960px, calc(100% - 420px)) !important;
  padding: 8px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(255,255,255,.66) !important;
  box-shadow:
    0 24px 64px rgba(3, 36, 70, .18),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}

.inma-home .inma-bank-quick__item {
  min-height: 58px !important;
  padding: 9px 12px !important;
  border-radius: 17px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)) !important;
}

.inma-home .inma-bank-quick strong {
  font-size: 13px !important;
  line-height: 1.38 !important;
}

.inma-home .inma-bank-quick__item::before {
  inset-inline-end: 13px !important;
  width: 7px !important;
  height: 7px !important;
  opacity: .78 !important;
}

.inma-home .inma-hero-card {
  background:
    radial-gradient(circle at 15% 8%, rgba(255,255,255,.74), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.22)) !important;
  border-color: rgba(255,255,255,.42) !important;
  box-shadow:
    0 28px 70px rgba(3, 36, 70, .18),
    inset 0 1px 0 rgba(255,255,255,.46) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
}

.inma-home .inma-hero-card::before {
  opacity: .62 !important;
}

.inma-home .inma-hero-card::after {
  background: linear-gradient(135deg, rgba(33, 107, 180,.88), rgba(21, 84, 143,.78)) !important;
  box-shadow: 0 16px 34px rgba(21, 84, 143,.20) !important;
}

.inma-home .inma-hero-card img {
  opacity: .82 !important;
}

.inma-home .inma-hero-card strong {
  color: rgba(226, 173, 34,.92) !important;
}

.inma-home .inma-hero-card span {
  color: rgba(84,102,121,.78) !important;
}

@media (max-width: 1399.98px) {
  .inma-home .inma-bank-quick {
    width: min(900px, calc(100% - 360px)) !important;
  }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero {
    min-height: clamp(540px, 68vh, 700px) !important;
    padding-bottom: 72px !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 170px !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 34px !important;
    width: calc(100% - 54px) !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
    padding-bottom: 28px !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 176px !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 20px !important;
    width: calc(100% - 28px) !important;
  }
}

/* 20260721: place white quick dock below all hero copy */
.inma-home .inma-hero {
  min-height: clamp(720px, 86vh, 880px) !important;
  padding-bottom: 132px !important;
}

.inma-home .inma-hero__grid {
  padding-bottom: clamp(320px, 34vh, 390px) !important;
}

.inma-home .inma-bank-quick {
  bottom: 104px !important;
  top: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

.inma-home .inma-hero__content h1 {
  margin-bottom: 0 !important;
}

.inma-home .inma-hero__content p {
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 9 !important;
}

.inma-home .inma-hero-card {
  background:
    radial-gradient(circle at 12% 7%, rgba(255,255,255,.48), transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.14)) !important;
  border-color: rgba(255,255,255,.30) !important;
}

.inma-home .inma-hero-card::after {
  background: linear-gradient(135deg, rgba(33, 107, 180,.78), rgba(21, 84, 143,.64)) !important;
}

@media (max-width: 1399.98px) {
  .inma-home .inma-hero {
    min-height: clamp(690px, 84vh, 850px) !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: clamp(300px, 33vh, 360px) !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 96px !important;
  }
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero {
    min-height: clamp(650px, 78vh, 780px) !important;
    padding-bottom: 104px !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 230px !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 64px !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
    padding-bottom: 46px !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 210px !important;
  }

  .inma-home .inma-bank-quick {
    bottom: 30px !important;
  }
}

/* 20260722: remove floating overlap; dock becomes normal content below hero text */
.inma-home .inma-hero {
  min-height: clamp(640px, 78vh, 760px) !important;
  padding-bottom: 58px !important;
}

.inma-home .inma-hero__grid {
  align-items: center !important;
  padding-bottom: clamp(70px, 10vh, 100px) !important;
}

.inma-home .inma-hero__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.inma-home[dir="rtl"] .inma-hero__content {
  align-items: flex-start !important;
}

.inma-home .inma-bank-quick {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(720px, 100%) !important;
  margin: 34px 0 0 !important;
  align-self: flex-start !important;
  z-index: 12 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.inma-home[dir="ltr"] .inma-bank-quick,
.inma-home[dir="rtl"] .inma-bank-quick {
  left: auto !important;
  right: auto !important;
}

.inma-home .inma-bank-quick__item {
  min-height: 62px !important;
}

@media (max-width: 1199.98px) {
  .inma-home .inma-hero {
    min-height: auto !important;
    padding-bottom: 56px !important;
  }

  .inma-home .inma-hero__grid {
    padding-bottom: 72px !important;
  }

  .inma-home .inma-bank-quick {
    width: min(760px, 100%) !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 767.98px) {
  .inma-home .inma-bank-quick {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    margin-top: 24px !important;
  }
}

/* 20260723: consistent quick-card underline on every item */
.inma-home .inma-bank-quick__item,
.inma-home .inma-bank-quick__item:not(:last-child) {
  position: relative !important;
  overflow: hidden !important;
}

.inma-home .inma-bank-quick__item::after,
.inma-home .inma-bank-quick__item:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 7px !important;
  width: 42px !important;
  height: 4px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(247, 201, 78,.72), rgba(33, 107, 180,.88)) !important;
  opacity: 1 !important;
  box-shadow: 0 8px 16px rgba(33, 107, 180,.14) !important;
}

.inma-home .inma-bank-quick__item:hover::after,
.inma-home .inma-bank-quick__item:not(:last-child):hover::after {
  width: 58px !important;
}

/* 20260724: restore elegant read-more underline; remove empty pale square */
.inma-basic-news-card__more,
.inma-news-tile__more {
  position: relative !important;
  width: fit-content !important;
  margin-top: auto !important;
  padding: 16px 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #F7C94E !important;
  font-weight: 950 !important;
  line-height: 1.4 !important;
}

.inma-basic-news-card__more::after,
.inma-news-tile__more::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  bottom: 0 !important;
  width: 58px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #F7C94E, #F7C94E) !important;
  box-shadow: 0 8px 18px rgba(33, 107, 180,.16) !important;
  transition: width .24s ease, transform .24s ease !important;
}

.inma-basic-news-card:hover .inma-basic-news-card__more::after,
.inma-news-tile:hover .inma-news-tile__more::after {
  width: 84px !important;
}

.inma-basic-news-card__more i,
.inma-news-tile__more i {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  color: #F7C94E !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  transform: none !important;
  transition: transform .22s ease, color .22s ease !important;
}

.inma-basic-news-card:hover .inma-basic-news-card__more i {
  transform: translateX(-4px) !important;
}

.inma-home[dir="ltr"] .inma-basic-news-card:hover .inma-basic-news-card__more i {
  transform: translateX(4px) !important;
}

/* 20260725: align hero quick underline under each title text */
.inma-home .inma-bank-quick__item::after,
.inma-home .inma-bank-quick__item:not(:last-child)::after {
  display: none !important;
}

.inma-home .inma-bank-quick__item > span:last-child {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-bottom: 11px !important;
  text-align: center !important;
}

.inma-home .inma-bank-quick__item > span:last-child::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 48px !important;
  height: 4px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(247, 201, 78,.75), rgba(33, 107, 180,.9)) !important;
  box-shadow: 0 8px 16px rgba(33, 107, 180,.16) !important;
  transition: width .22s ease !important;
}

.inma-home .inma-bank-quick__item:hover > span:last-child::after {
  width: 62px !important;
}

.inma-home .inma-bank-quick strong {
  text-align: center !important;
}


/* =========================================================
   20260710 - HOME HERO FULL COLOR SWAP
   المطلوب: كل الأزرق في واجهة الهيرو يصبح أصفر ذهبي،
   وكل الأصفر الذهبي يصبح أزرق. مخصص للصفحة الرئيسية فقط.
   ========================================================= */
.inma-home {
  --home-navy: #E2AD22 !important;
  --home-blue-v2: #F7C94E !important;
  --home-cyan: #FFE084 !important;
  --home-gold-v2: #216BB4 !important;
  --home-gold-soft: #EAF3FC !important;
}

.inma-home .inma-hero,
.inma-home .inma-hero__bg {
  background:
    radial-gradient(circle at 18% 26%, rgba(255,255,255,.24), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(33,107,180,.34), transparent 34%),
    linear-gradient(135deg,
      #F7C94E 0%,
      #F7C94E 34%,
      #E2AD22 58%,
      #C99210 100%) !important;
  background-size: 120% 120% !important;
}

.inma-home .inma-hero__overlay {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 1px, transparent 1px 84px),
    linear-gradient(90deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.06) 42%,
      rgba(33,107,180,.18) 100%) !important;
  background-size: 120% 120% !important;
}

.inma-home .inma-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(33,107,180,.22), transparent 30%),
    radial-gradient(circle at 78% 32%, rgba(255,255,255,.16), transparent 26%) !important;
  filter: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
 
}

.inma-home .inma-hero__mark{
    width: 760px !important;
    height: 760px !important;
    border-width: 95px !important;

    opacity: .18 !important;

    right: -40px !important;
    left: auto !important;

    bottom: -120px !important;

    animation: inmaHeroMark 12s ease-in-out infinite alternate !important;

    z-index: 0 !important;
    opacity: .26 !important;
}

.inma-home .inma-kicker,
.inma-bank-status span {
  background: rgba(33,107,180,.22) !important;
  border-color: rgba(33,107,180,.42) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(33,107,180,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.inma-home .inma-kicker i,
.inma-home .inma-kicker .dot,
.inma-bank-status i,
.inma-bank-status .dot {
  color: #216BB4 !important;
  background: #216BB4 !important;
}

.inma-home .inma-hero__content h1,
.inma-home .inma-hero__content p {
  color: #fff !important;
  text-shadow: 0 18px 42px rgba(90,60,0,.28) !important;
}

.inma-home .inma-hero-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
    radial-gradient(circle at 78% 18%, rgba(33,107,180,.28), transparent 34%) !important;
  border-color: rgba(33,107,180,.34) !important;
  box-shadow: 0 28px 70px rgba(120,80,0,.20) !important;
}

.inma-home .inma-hero-card::before {
  border-color: rgba(33,107,180,.34) !important;
}

.inma-home .inma-hero-stat,
.inma-home .inma-hero-stat--one,
.inma-home .inma-hero-stat--two {
  background: #216BB4 !important;
  color: #fff !important;
  box-shadow: 0 18px 44px rgba(33,107,180,.28) !important;
}

.inma-bank-quick__item {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(33,107,180,.18) !important;
  color: #12385F !important;
  box-shadow: 0 20px 52px rgba(124,82,0,.18), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.inma-bank-quick__item:hover {
  background: #fff !important;
  border-color: rgba(33,107,180,.42) !important;
  color: #12385F !important;
}

.inma-bank-quick__item::after {
  background: linear-gradient(90deg, #216BB4, #F7C94E) !important;
}

.inma-bank-quick__icon {
  background: linear-gradient(135deg, #216BB4, #15548F) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.55) !important;
  box-shadow: 0 14px 30px rgba(33,107,180,.30) !important;
}

.inma-home .inma-btn--gold,
.inma-home .jobs-apply-btn,
.inma-chat-send {
  background: linear-gradient(135deg, #216BB4, #15548F) !important;
  color: #fff !important;
  border-color: #216BB4 !important;
  box-shadow: 0 18px 42px rgba(33,107,180,.28) !important;
}

.inma-home .inma-btn--light {
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.44) !important;
}

.inma-home .inma-home-swiper::after {
  background: linear-gradient(0deg, rgba(226,173,34,.35), transparent) !important;
}

@keyframes inmaChatPulse {
  0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 18px 42px rgba(33,107,180,.24); }
  50% { transform: translateY(-4px) scale(1.025); box-shadow: 0 24px 58px rgba(33,107,180,.34); }
}

/* 20260710: Restore original animated bank watermark logo on hero */
.inma-home .inma-hero__mark {
  display: block !important;
  position: absolute !important;
  inset-inline-start: auto !important;
  inset-inline-end: -170px !important;
  top: 50% !important;
  bottom: auto !important;
  width: min(620px, 42vw) !important;
  height: min(620px, 42vw) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('../../admin/branding/alinma-watermark-mark.png') center/contain no-repeat !important;
  opacity: .30 !important;
  filter: none !important;
  transform: translateY(-50%) rotate(0deg) !important;
  animation: inmaHeroMarkReturn 12s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.inma-home[dir="ltr"] .inma-hero__mark {
  inset-inline-start: -170px !important;
  inset-inline-end: auto !important;
  transform: translateY(-50%) rotate(0deg) !important;
}

.inma-home .inma-hero__grid,
.inma-home .inma-hero__content,
.inma-home .inma-hero__visual,
.inma-bank-quick,
.inma-bank-status,
.inma-home .inma-kicker {
  position: relative !important;
  z-index: 2 !important;
}

.inma-home .inma-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    radial-gradient(circle at 18% 26%, rgba(255,255,255,.13), transparent 30%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.040) 0 1px, transparent 1px 92px) !important;
  opacity: 1 !important;
  animation: inmaPremiumBgShift 16s ease-in-out infinite alternate !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

@keyframes inmaHeroMarkReturn {
  0% {
    transform: translateY(-50%) rotate(-3deg) scale(1);
    opacity: .24;
  }
  50% {
    transform: translateY(-53%) rotate(2deg) scale(1.035);
    opacity: .34;
  }
  100% {
    transform: translateY(-49%) rotate(4deg) scale(1.02);
    opacity: .29;
  }
}

/* =========================================================
   20260710 FIX: Blue hero with soft gold accent on the left
   Put this block at the END so it overrides previous swaps.
   ========================================================= */
.inma-home .inma-hero{
    position:relative !important;
    background:
        radial-gradient(circle at 0% 18%, rgba(247,201,78,.38) 0%, rgba(247,201,78,.20) 24%, transparent 46%),
        linear-gradient(135deg,#123d63 0%,#0b5d9e 34%,#216BB4 58%,#0e4f93 100%) !important;
}

.inma-home .inma-hero__bg{
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(circle at 8% 22%, rgba(247,201,78,.42), transparent 34%),
        radial-gradient(circle at 24% 70%, rgba(247,201,78,.18), transparent 30%),
        linear-gradient(115deg, rgba(247,201,78,.28) 0%, rgba(33,107,180,.88) 42%, rgba(8,69,128,.96) 100%) !important;
    z-index:-4 !important;
}

.inma-home .inma-hero__overlay{
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(90deg, rgba(247,201,78,.30) 0%, rgba(247,201,78,.14) 18%, rgba(33,107,180,.18) 42%, rgba(6,55,102,.68) 100%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 84px) !important;
    z-index:-3 !important;
}

/* Keep the watermark logo clear on the right, with original motion */
.inma-home .inma-hero__mark{
    width:760px !important;
    height:760px !important;
    border-width:95px !important;
    opacity:.24 !important;
    right:-40px !important;
    left:auto !important;
    bottom:-120px !important;
    z-index:0 !important;
    animation:inmaHeroMark 12s ease-in-out infinite alternate !important;
}

[dir="rtl"] .inma-home .inma-hero__mark{
    right:-40px !important;
    left:auto !important;
}

/* Make the left glass card readable on blue background */
.inma-home .inma-hero-card{
    background:
        linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.10)),
        radial-gradient(circle at 18% 18%, rgba(247,201,78,.22), transparent 34%) !important;
    border:1px solid rgba(255,255,255,.34) !important;
    box-shadow:0 28px 70px rgba(0,0,0,.18) !important;
}

.inma-home .inma-hero-card::before{
    border-color:rgba(247,201,78,.24) !important;
}




/* === Hero card readability override === */
.inma-home .inma-hero-card{
background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(234,243,252,.62))!important;
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.55)!important;
box-shadow:0 30px 70px rgba(0,0,0,.18)!important;
}
.inma-home .inma-hero-card::before{
border:1px solid rgba(33,107,180,.28)!important;
}
.inma-home .inma-hero-card strong,
.inma-home .inma-hero-card h3{
color:#216BB4!important;
font-weight:900!important;
text-shadow:0 2px 8px rgba(255,255,255,.35);
}
.inma-home .inma-hero-card p,
.inma-home .inma-hero-card small{
color:#38536F!important;
font-weight:700!important;
}
.inma-home .inma-hero-card img{
opacity:1!important;
filter:none!important;
}
.inma-home .inma-hero-stat{
background:#216BB4!important;
border:4px solid #F7C94E!important;
box-shadow:0 20px 45px rgba(33,107,180,.35)!important;
}
.inma-home .inma-hero-stat,
.inma-home .inma-hero-stat *{
color:#fff!important;
font-weight:900!important;
}

/* =========================================================
   20260710: Premium banking hero card refresh
   Scope: homepage hero only
   Purpose: clearer card, better contrast, premium shadows/motion
   ========================================================= */
.inma-home .inma-hero__visual{
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.inma-home .inma-hero-card{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: min(420px, 100%) !important;
    min-height: 330px !important;
    padding: 34px 30px !important;
    border-radius: 38px !important;
    text-align: center !important;

    background:
        radial-gradient(circle at 18% 16%, rgba(247,201,78,.24), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(33,107,180,.18), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.68)) !important;

    border: 2px solid rgba(255,255,255,.72) !important;
    box-shadow:
        0 34px 88px rgba(5,42,78,.26),
        0 14px 34px rgba(33,107,180,.16),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;

    animation: inmaBankFloat 6s ease-in-out infinite, inmaSoftZoom .95s .24s cubic-bezier(.19, 1, .22, 1) both !important;
}

.inma-home .inma-hero-card::before{
    content:"" !important;
    position:absolute !important;
    inset:20px !important;
    border-radius:30px !important;
    border:1.5px solid rgba(247,201,78,.48) !important;
    pointer-events:none !important;
    z-index: 1 !important;
}

.inma-home .inma-hero-card::after{
    content:"" !important;
    position:absolute !important;
    inset:-45% -25% auto auto !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(33,107,180,.20), transparent 68%) !important;
    pointer-events:none !important;
    z-index: 0 !important;
}

.inma-home .inma-hero-card img{
    position: relative !important;
    z-index: 2 !important;
    width: min(320px, 86%) !important;
    max-height: 78px !important;
    object-fit: contain !important;
    margin: 0 auto 28px !important;
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
}

.inma-home .inma-hero-card > div{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 10px !important;
}

.inma-home .inma-hero-card strong{
    color: #216BB4 !important;
    font-size: clamp(22px, 1.8vw, 30px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 2px 10px rgba(255,255,255,.55) !important;
}

.inma-home .inma-hero-card span{
    color: #38536f !important;
    font-size: clamp(13px, 1.05vw, 16px) !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
    opacity: 1 !important;
}

.inma-home .inma-hero-stat{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 116px !important;
    height: 116px !important;
    border-radius: 32px !important;
    background: linear-gradient(145deg, #216BB4, #15548f) !important;
    border: 4px solid #F7C94E !important;
    box-shadow:
        0 24px 52px rgba(33,107,180,.38),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
    color: #fff !important;
    z-index: 5 !important;
}

.inma-home .inma-hero-stat span,
.inma-home .inma-hero-stat strong{
    color:#fff !important;
    font-size: 28px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-shadow: 0 8px 20px rgba(0,0,0,.20) !important;
}

.inma-home .inma-hero-stat small{
    color: rgba(255,255,255,.88) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    margin-top: 8px !important;
}

/* ===========================
   Premium Floating Badges
=========================== */

.inma-home .inma-hero-stat{
    width:82px !important;
    height:82px !important;

    border-radius:22px;
    overflow:hidden;

    background:linear-gradient(
        145deg,
        #fff9de 0%,
        #f7c94e 58%,
        #dca31b 100%
    );

    border:2px solid rgba(255,255,255,.85);

    box-shadow:
        0 15px 35px rgba(226,173,34,.35),
        inset 0 1px 0 rgba(255,255,255,.9);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    gap:3px;

    z-index:10;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    animation:
        badgeFloat 5s ease-in-out infinite,
        badgePulse 4s ease-in-out infinite;
}

/* لمعان ذهبي */

.inma-home .inma-hero-stat::before{

    content:"";

    position:absolute;

    top:-70%;
    left:-120%;

    width:60%;
    height:240%;

    transform:rotate(25deg);

    background:linear-gradient(
        transparent,
        rgba(255,255,255,.85),
        transparent
    );

    animation:badgeShine 6s linear infinite;
}

.inma-home .inma-hero-stat:hover{

    transform:
        translateY(-6px)
        scale(1.06);

    box-shadow:
        0 24px 45px rgba(226,173,34,.45),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.inma-home .inma-hero-stat span{

    color:#7b5600;

    font-size:20px;

    font-weight:900;

    line-height:1;
}

.inma-home .inma-hero-stat small{

    color:#6d5300;

    font-size:9px;

    font-weight:800;

    text-align:center;

    line-height:1.25;

    padding:0 6px;
}

.inma-home .inma-hero-stat i{

    color:#7b5600;

    font-size:18px;

    margin-bottom:2px;
}

/* الأماكن */

.inma-home .inma-hero-stat--one{

    inset-inline-start:18px !important;

    bottom:18px !important;
}

.inma-home .inma-hero-stat--two{

    inset-inline-end:18px !important;

    top:18px !important;

    bottom:auto !important;
}

/* الحركة */

@keyframes badgeFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-5px);
    }

}

@keyframes badgePulse{

    0%,100%{
        box-shadow:
            0 15px 35px rgba(226,173,34,.30),
            inset 0 1px 0 rgba(255,255,255,.9);
    }

    50%{
        box-shadow:
            0 22px 42px rgba(226,173,34,.48),
            inset 0 1px 0 rgba(255,255,255,.95);
    }

}

@keyframes badgeShine{

    0%{
        left:-120%;
    }

    100%{
        left:220%;
    }

}

.inma-home .inma-bank-status span{
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    box-shadow:
        0 16px 36px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.inma-home .inma-hero__mark{
    width: 760px !important;
    height: 760px !important;
    border-width: 94px !important;
    opacity: .22 !important;
    inset-inline-end: -50px !important;
    bottom: -140px !important;
    animation: inmaHeroMark 12s ease-in-out infinite alternate !important;
}

@media (max-width: 1199.98px){
    .inma-home .inma-hero-card{
        width: min(390px, 92vw) !important;
        min-height: 300px !important;
    }
}
.inma-home .inma-hero__mark{
    width: 760px !important;
    height: 760px !important;
    border-width: 94px !important;

    opacity: .36 !important;

    inset-inline-end: -50px !important;
    bottom: -140px !important;

    filter:
        sepia(.35)
        saturate(1.8)
        brightness(1.18)
        drop-shadow(0 0 22px rgba(247,201,78,.35)) !important;

    animation: inmaHeroMark 12s ease-in-out infinite alternate !important;
}

@keyframes inmaHeroMark{
    from{
        transform: rotate(18deg) translate3d(0, 0, 0);
    }
    to{
        transform: rotate(24deg) translate3d(-18px, -10px, 0);
    }
}

/* جعل شعار الخلفية ذهبي أوضح */
.inma-home .inma-hero__mark{
    border-color: #F7C94E !important;
    opacity: .55 !important;
    filter:
        saturate(1.25)
        brightness(1.08)
        drop-shadow(0 0 22px rgba(247,201,78,.28)) !important;
}
/* إبعاد شعار الخلفية في نسخة الإنجليزي */
.inma-home[dir="ltr"] .inma-hero__mark{
    inset-inline-start: -280px !important;
    inset-inline-end: auto !important;
    bottom: -210px !important;
    width: 700px !important;
    height: 700px !important;
    border-width: 90px !important;
    opacity: .55 !important;
}

/* Temporary fix: ensure reveal elements are visible on careers/job detail pages
   Forces elements that rely on the inma-reveal animation to be visible
   while debugging IntersectionObserver/JS issues. Remove after root cause fixed. */
.inma-careers .inma-reveal,
.inma-careers .inma-reveal.is-visible,
.job-details-page .inma-reveal,
.job-details-page .inma-reveal.is-visible,
.inma-careers .summary-card,
.inma-careers .apply-card,
.inma-careers .inma-service-card {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* =========================================================
   FINAL OVERRIDE — Compact Gold Hero Badges
   ========================================================= */

.inma-home .inma-hero__visual{
    overflow: visible !important;
}

.inma-home .inma-hero-stat{
    position: absolute !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    z-index: 15 !important;
    background: linear-gradient(145deg,#fffdf7 0%,#fff1b8 24%,#f7c94e 68%,#e2ad22 100%) !important;
    border: 2px solid #216bb4 !important;
    color: #216bb4 !important;
    box-shadow: 0 10px 22px rgba(226,173,34,.24), inset 0 1px 0 rgba(255,255,255,.88) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform-origin: center !important;
    transition: transform .28s ease, box-shadow .28s ease !important;
    animation: inmaGoldBadgeFloatFinal 6.5s ease-in-out infinite,
               inmaGoldBadgePulseFinal 8s ease-in-out infinite !important;
}

.inma-home .inma-hero-stat::before{
    content: "";
    position: absolute;
    top: -85%;
    left: -125%;
    width: 34%;
    height: 270%;
    transform: rotate(24deg);
    pointer-events: none;
    background: linear-gradient(transparent,rgba(255,255,255,.24),transparent) !important;
    animation: inmaGoldBadgeShineFinal 11s ease-in-out infinite !important;
}

.inma-home .inma-hero-stat span{
    position: relative;
    z-index: 2;
    margin: 0 !important;
    color: #216bb4 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    text-align: center !important;
}

.inma-home .inma-hero-stat small{
    position: relative;
    z-index: 2;
    display: block !important;
    max-width: 58px;
    margin: 0 !important;
    padding: 0 3px !important;
    color: #216bb4 !important;
    font-size: 6px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
}

.inma-home .inma-hero-stat i{
    position: relative;
    z-index: 2;
    color: #216bb4 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 0 1px !important;
}

.inma-home .inma-hero-stat--one{
    inset-inline-start: -18px !important;
    inset-inline-end: auto !important;
    top: 18px !important;
    bottom: auto !important;
}

.inma-home .inma-hero-stat--two{
    inset-inline-end: -18px !important;
    inset-inline-start: auto !important;
    top: auto !important;
    bottom: -18px !important;
}

.inma-home .inma-hero-stat:hover{
    transform: translateY(-3px) scale(1.035) !important;
    box-shadow: 0 15px 28px rgba(226,173,34,.30), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

@keyframes inmaGoldBadgeFloatFinal{
    0%,100%{ translate:0 0; }
    50%{ translate:0 -2px; }
}

@keyframes inmaGoldBadgePulseFinal{
    0%,100%{
        box-shadow:0 10px 22px rgba(226,173,34,.22), inset 0 1px 0 rgba(255,255,255,.88);
    }
    50%{
        box-shadow:0 13px 25px rgba(226,173,34,.29), inset 0 1px 0 rgba(255,255,255,.93);
    }
}

@keyframes inmaGoldBadgeShineFinal{
    0%,72%{ left:-125%; opacity:0; }
    78%{ opacity:.35; }
    90%,100%{ left:220%; opacity:0; }
}

@media (prefers-reduced-motion: reduce){
    .inma-home .inma-hero-stat,
    .inma-home .inma-hero-stat::before{
        animation:none !important;
    }
}

@media (max-width:1199.98px){
    .inma-home .inma-hero-stat{
        width:62px !important;
        height:62px !important;
        min-width:62px !important;
        min-height:62px !important;
        border-radius:16px !important;
    }

    .inma-home .inma-hero-stat span{ font-size:13px !important; }
    .inma-home .inma-hero-stat small{ max-width:52px; font-size:5.5px !important; }
    .inma-home .inma-hero-stat i{ font-size:13px !important; }

    .inma-home .inma-hero-stat--one{
        inset-inline-start:6px !important;
        top:10px !important;
    }

    .inma-home .inma-hero-stat--two{
        inset-inline-end:6px !important;
        bottom:10px !important;
    }
}


/* Hero card features */
.inma-hero-card__logo{width:min(220px,70%)!important;display:block;margin:0 auto 18px}
.inma-hero-card__title{text-align:center;color:#216bb4;font-size:24px;font-weight:900;margin:0 0 18px}
.inma-hero-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.inma-hero-card__features li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.18);border:1px solid rgba(247,201,78,.35);backdrop-filter:blur(8px)}
.inma-hero-card__features li:hover{transform:translateX(-4px);background:rgba(247,201,78,.16)}
.inma-hero-card__features i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#216bb4;color:#f7c94e;flex-shrink:0}
.inma-hero-card__features span{color:#24486d;font-size:16px;font-weight:800}


/* =========================================================
   Soft professional hero card
   ========================================================= */

.inma-home .inma-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,430px) !important;
    gap:clamp(28px,4vw,54px) !important;
}

.inma-home .inma-hero-card--soft{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate;

    min-height:auto !important;
    padding:24px !important;
    border-radius:30px !important;

    background:
        linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.12)),
        radial-gradient(circle at 85% 8%,rgba(247,201,78,.13),transparent 34%) !important;

    border:1px solid rgba(255,255,255,.42) !important;

    box-shadow:
        0 24px 58px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.42) !important;

    backdrop-filter:blur(18px) saturate(1.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);

    animation:inmaSoftCardReveal .75s .12s cubic-bezier(.19,1,.22,1) both !important;
}

.inma-home .inma-hero-card--soft::before{
    content:"";
    position:absolute;
    inset:14px;
    z-index:-1;
    pointer-events:none;
    border-radius:22px;
    border:1px solid rgba(247,201,78,.22);
}

.inma-hero-card__shine{
    position:absolute;
    top:-55%;
    bottom:-55%;
    width:20%;
    inset-inline-start:-35%;
    z-index:1;
    pointer-events:none;
    opacity:0;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    animation:inmaSoftCardShine 11s 2s ease-in-out infinite;
}

.inma-hero-card__header{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    gap:16px;
    margin-bottom:18px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.18);
}

.inma-home .inma-hero-card__logo{
    width:112px !important;
    margin:0 !important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.10));
}

.inma-hero-card__eyebrow{
    display:inline-flex;
    margin-bottom:5px;
    color:#f7c94e;
    font-size:10px;
    font-weight:900;
    letter-spacing:.01em;
}

.inma-home .inma-hero-card__title{
    margin:0 !important;
    color:#fff !important;
    text-align:start;
    font-size:clamp(19px,1.45vw,24px) !important;
    font-weight:950 !important;
    line-height:1.45 !important;
    text-shadow:0 6px 16px rgba(0,0,0,.15);
}

.inma-hero-card__title-line{
    display:block;
    width:62px;
    height:2px;
    margin-top:9px;
    border-radius:999px;
    background:linear-gradient(90deg,#f7c94e,#fff1b0,transparent);
}

.inma-home .inma-hero-card__features{
    position:relative;
    z-index:2;
    display:grid;
    gap:10px;
    list-style:none;
    padding:0 !important;
    margin:0 !important;
}

.inma-home .inma-hero-card__features li{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:54px;
    padding:9px 12px;
    border-radius:16px;

    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.20);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 10px 22px rgba(0,0,0,.05);

    transition:
        transform .24s cubic-bezier(.19,1,.22,1),
        background .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.inma-home .inma-hero-card__features li:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.21);
    border-color:rgba(247,201,78,.34);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        0 14px 26px rgba(0,0,0,.07);
}

.inma-hero-card__feature-icon{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;

    color:#f7c94e;
    background:linear-gradient(145deg,#216bb4,#0d4f88);

    border:1px solid rgba(255,255,255,.26);

    box-shadow:
        0 8px 18px rgba(13,79,136,.22),
        inset 0 1px 0 rgba(255,255,255,.16);
}

.inma-hero-card__feature-icon i{
    font-size:15px;
}

.inma-home .inma-hero-card__features li > span:last-child{
    color:#fff !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.55 !important;
    text-shadow:0 3px 10px rgba(0,0,0,.10);
}

@keyframes inmaSoftCardReveal{
    from{
        opacity:0;
        transform:translate3d(0,20px,0) scale(.98);
        filter:blur(8px);
    }
    to{
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
        filter:blur(0);
    }
}

@keyframes inmaSoftCardShine{
    0%,74%{
        inset-inline-start:-35%;
        opacity:0;
    }
    80%{
        opacity:.24;
    }
    90%,100%{
        inset-inline-start:118%;
        opacity:0;
    }
}

@media (max-width:1199.98px){
    .inma-home .inma-hero__grid{
        grid-template-columns:1fr !important;
    }

    .inma-home .inma-hero-card--soft{
        max-width:520px;
        margin-inline:auto !important;
    }
}

@media (max-width:767.98px){
    .inma-home .inma-hero-card--soft{
        padding:20px !important;
        border-radius:24px !important;
    }

    .inma-hero-card__header{
        grid-template-columns:1fr;
        text-align:center;
    }

    .inma-home .inma-hero-card__logo{
        margin-inline:auto !important;
    }

    .inma-home .inma-hero-card__title{
        text-align:center;
    }

    .inma-hero-card__title-line{
        margin-inline:auto;
    }
}

@media (prefers-reduced-motion:reduce){
    .inma-home .inma-hero-card--soft,
    .inma-hero-card__shine{
        animation:none !important;
    }
}

/* =========================================================
   FINAL: Hero layout without the left visual card
   ========================================================= */

.inma-home .inma-hero__visual,
.inma-home .inma-hero-card,
.inma-home [class*="inma-hero-card--"],
.inma-home .inma-bank-status,
.inma-home .inma-hero-stat{
    display:none !important;
}

.inma-home .inma-hero__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:0 !important;
    width:100% !important;
    padding-top:clamp(48px,7vh,82px) !important;
    padding-bottom:clamp(118px,16vh,160px) !important;
}

.inma-home .inma-hero__content{
    width:min(100%,980px) !important;
    max-width:980px !important;
    margin-inline:auto !important;
    padding:18px 0 !important;
    text-align:center !important;
}

.inma-home .inma-hero__content::before{
    display:none !important;
}

.inma-home .inma-kicker{
    margin-inline:auto !important;
}

.inma-home .inma-hero__content h1{
    max-width:920px !important;
    margin-inline:auto !important;
    text-align:center !important;
    text-wrap:balance;
}

.inma-home .inma-hero__content p{
    max-width:760px !important;
    margin-inline:auto !important;
    text-align:center !important;
}

.inma-home .inma-hero__actions{
    justify-content:center !important;
}

.inma-home .inma-bank-quick{
    width:min(100%,900px) !important;
    max-width:900px !important;
    margin-inline:auto !important;
}

@media (max-width:1199.98px){
    .inma-home .inma-hero__grid{
        padding-top:52px !important;
        padding-bottom:112px !important;
    }
}

@media (max-width:767.98px){
    .inma-home .inma-hero__grid{
        padding-top:38px !important;
        padding-bottom:76px !important;
    }

    .inma-home .inma-hero__content{
        width:100% !important;
        padding-inline:8px !important;
    }

    .inma-home .inma-hero__content h1{
        font-size:30px !important;
        line-height:1.32 !important;
    }

    .inma-home .inma-hero__content p{
        font-size:14px !important;
        line-height:1.75 !important;
    }
}

/* =========================================================
   INMA BANK — Premium Header + Home Hero
   Identity: Navy + Gold
   ========================================================= */

:root{
    --inma-premium-navy:#062f5f;
    --inma-premium-navy-2:#031f42;
    --inma-premium-blue:#216bb4;
    --inma-premium-gold:#f7c94e;
    --inma-premium-gold-dark:#e4aa14;
    --inma-premium-white:#ffffff;
}

/* Header */
.inma-main-header{
    position:relative;
    z-index:1000;
    font-family:"Noto Kufi Arabic","Almarai",Tahoma,Arial,sans-serif;
}

.inma-header-top{
    color:#fff;
    background:
        linear-gradient(90deg,var(--inma-premium-navy-2),var(--inma-premium-navy));
    border-bottom:1px solid rgba(247,201,78,.35);
}

.inma-header-top__inner{
    min-height:58px;
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
    align-items:center;
    gap:24px;
}

.inma-header-tools{
    display:flex;
    align-items:center;
    gap:14px;
    justify-self:start;
}

.inma-header-language,
.inma-header-search{
    color:#fff;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.inma-header-language:hover,
.inma-header-search:hover{
    color:var(--inma-premium-gold);
}

.inma-header-divider{
    width:1px;
    height:22px;
    background:rgba(255,255,255,.26);
}

.inma-header-search{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0;
    border:0;
    background:transparent;
}

.inma-header-message{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:rgba(255,255,255,.92);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}

.inma-header-message__dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--inma-premium-gold);
    box-shadow:0 0 0 5px rgba(247,201,78,.13);
}

.inma-header-share{
    justify-self:end;
}

.inma-header-share .tran{
    transform:scale(.78);
    transform-origin:center;
}

.inma-header-main{
    background:
        radial-gradient(circle at 18% 0,rgba(255,255,255,.22),transparent 22%),
        linear-gradient(110deg,#f4b934 0%,var(--inma-premium-gold) 50%,#df9f13 100%);
    box-shadow:0 12px 30px rgba(5,43,83,.14);
}

.inma-header-main__inner{
    min-height:126px;
    display:grid;
    grid-template-columns:270px minmax(0,1fr) 180px;
    align-items:center;
    gap:24px;
}

.inma-header-logo{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    margin:0;
}

.inma-header-logo img{
    width:min(260px,100%) !important;
    height:auto;
    filter:brightness(0) invert(1);
    drop-shadow:0 8px 20px rgba(0,0,0,.14);
}

.inma-main-header #main-nav{
    width:100%;
    padding:0 !important;
}

.inma-main-header .inma-main-menu{
    width:100%;
}

.inma-main-header #main-nav .navbar-nav{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.inma-main-header #main-nav .nav-link{
    position:relative;
    padding:11px 13px !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    border-radius:12px;
    transition:.25s ease;
}

.inma-main-header #main-nav .nav-link::after{
    content:"";
    position:absolute;
    inset-inline:22%;
    bottom:3px;
    height:2px;
    border-radius:999px;
    background:#fff;
    transform:scaleX(0);
    transition:transform .25s ease;
}

.inma-main-header #main-nav .nav-link:hover,
.inma-main-header #main-nav .nav-link.active{
    background:rgba(6,47,95,.12);
}

.inma-main-header #main-nav .nav-link:hover::after,
.inma-main-header #main-nav .nav-link.active::after{
    transform:scaleX(1);
}

.inma-main-header #main-nav .dropdown-menu{
    margin-top:8px !important;
    padding:10px;
    border:1px solid rgba(247,201,78,.28);
    border-radius:18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 24px 54px rgba(3,31,66,.18);
}

.inma-main-header #main-nav .dropdown-item{
    border-radius:11px;
    color:var(--inma-premium-navy);
    font-weight:800;
}

.inma-main-header #main-nav .dropdown-item:hover{
    color:var(--inma-premium-navy);
    background:rgba(247,201,78,.22);
}

.inma-header-location{
    min-height:52px;
    padding:10px 18px;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:16px;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    background:
        linear-gradient(145deg,#0c4f91,var(--inma-premium-navy));
    border:1px solid rgba(255,255,255,.26);
    box-shadow:0 15px 30px rgba(4,38,73,.24);
    transition:.25s ease;
}

.inma-header-location:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 20px 38px rgba(4,38,73,.31);
}

/* Hero */
.inma-home .inma-hero--bank{
    position:relative;
    min-height:620px !important;
    margin:0 !important;
    overflow:hidden !important;
    isolation:isolate;
    color:#fff;
    background:
        linear-gradient(120deg,var(--inma-premium-navy-2),var(--inma-premium-navy) 52%,#0b4d8b 100%) !important;
    border-radius:0 0 46px 46px;
    box-shadow:0 30px 70px rgba(3,31,66,.20);
}

.inma-home .inma-hero--bank .inma-hero__bg{
    position:absolute;
    inset:0;
    z-index:-4;
    background:
        radial-gradient(circle at 75% 32%,rgba(33,107,180,.38),transparent 28%),
        radial-gradient(circle at 25% 38%,rgba(247,201,78,.08),transparent 32%),
        linear-gradient(110deg,#031f42 0%,#073f77 52%,#0b4f8f 100%) !important;
}

.inma-home .inma-hero--bank .inma-hero__overlay{
    position:absolute;
    inset:0;
    z-index:-3;
    background:
        linear-gradient(90deg,rgba(3,31,66,.78),rgba(3,31,66,.18) 58%,rgba(3,31,66,.50)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 84px) !important;
}

.inma-hero__pattern{
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.32;
    pointer-events:none;
    background:
        radial-gradient(circle at 1px 1px,rgba(247,201,78,.26) 1px,transparent 1.5px);
    background-size:26px 26px;
    mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);
}

.inma-home .inma-hero--bank .inma-hero__grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr) !important;
    align-items:center !important;
    gap:clamp(28px,5vw,74px) !important;
    min-height:520px;
    padding:56px 0 128px !important;
}

.inma-home .inma-hero--bank .inma-hero__content{
    max-width:760px !important;
    padding:0 !important;
    text-align:start !important;
}

.inma-home .inma-hero--bank .inma-hero__content::before{
    display:none !important;
}

.inma-home .inma-hero--bank .inma-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:20px !important;
    padding:10px 18px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    border-radius:999px;
    background:rgba(3,31,66,.42) !important;
    border:1px solid rgba(247,201,78,.55) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.inma-home .inma-hero--bank .inma-kicker::before{
    background:var(--inma-premium-gold) !important;
}

.inma-home .inma-hero--bank h1{
    max-width:760px !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(38px,4.35vw,68px) !important;
    font-weight:950 !important;
    line-height:1.22 !important;
    letter-spacing:-.045em !important;
    text-shadow:0 20px 44px rgba(0,0,0,.26);
}

.inma-home .inma-hero--bank h1 span{
    background:linear-gradient(180deg,#fff 0%,#fff 48%,var(--inma-premium-gold) 49%,#e7a923 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.inma-home .inma-hero--bank .inma-hero__content p{
    max-width:680px !important;
    margin:22px 0 0 !important;
    color:rgba(255,255,255,.90) !important;
    font-size:clamp(15px,1.15vw,18px) !important;
    font-weight:700 !important;
    line-height:1.95 !important;
}

.inma-home .inma-hero--bank .inma-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px !important;
}

.inma-home .inma-hero--bank .inma-btn{
    min-height:54px !important;
    padding:12px 24px !important;
    border-radius:16px !important;
    gap:10px;
    font-size:14px !important;
    font-weight:900 !important;
}

.inma-home .inma-hero--bank .inma-btn--gold{
    color:#fff !important;
    background:
        linear-gradient(135deg,var(--inma-premium-gold),var(--inma-premium-gold-dark)) !important;
    border:1px solid rgba(255,255,255,.25);
    box-shadow:0 17px 34px rgba(228,170,20,.25) !important;
}

.inma-home .inma-hero--bank .inma-btn--outline{
    color:#fff !important;
    background:rgba(3,31,66,.24);
    border:1px solid rgba(247,201,78,.72);
}

.inma-home .inma-hero--bank .inma-btn:hover{
    transform:translateY(-3px);
}

.inma-hero__brand-art{
    position:relative;
    min-height:410px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.inma-hero__brand-glow{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(247,201,78,.19),transparent 68%);
    filter:blur(4px);
    animation:inmaBrandGlow 5s ease-in-out infinite;
}

.inma-hero__brand-logo{
    position:relative;
    z-index:2;
    width:min(390px,82%);
    height:auto;
    filter:
        brightness(0)
        saturate(100%)
        invert(82%)
        sepia(79%)
        saturate(665%)
        hue-rotate(339deg)
        brightness(103%)
        contrast(95%)
        drop-shadow(0 24px 32px rgba(0,0,0,.28));
    opacity:.94;
    animation:inmaBrandFloat 6s ease-in-out infinite;
}

.inma-hero__bars{
    position:absolute;
    z-index:3;
    bottom:54px;
    display:flex;
    align-items:flex-end;
    gap:12px;
}

.inma-hero__bars span{
    width:22px;
    height:calc(36px + (var(--i) * 22px));
    border-radius:8px 8px 4px 4px;
    background:
        linear-gradient(180deg,#fff0ad,var(--inma-premium-gold) 45%,#c98706 100%);
    box-shadow:
        0 12px 28px rgba(228,170,20,.22),
        inset 0 1px 0 rgba(255,255,255,.55);
    animation:inmaBarsPulse 3.8s calc(var(--i) * .16s) ease-in-out infinite;
}

/* Quick cards */
.inma-home .inma-bank-quick--premium{
    position:absolute;
    inset-inline:50%;
    bottom:-58px;
    transform:translateX(50%);
    z-index:10;
    width:min(1120px,calc(100% - 36px)) !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(3,31,66,.08);
    box-shadow:0 24px 54px rgba(3,31,66,.18);
    backdrop-filter:blur(16px);
}

.inma-home[dir="ltr"] .inma-bank-quick--premium{
    transform:translateX(-50%);
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item{
    min-height:100px !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:12px !important;
    padding:15px 18px !important;
    border-radius:15px !important;
    color:var(--inma-premium-navy) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item:not(:last-child){
    border-inline-end:1px solid rgba(3,31,66,.10) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover{
    transform:translateY(-4px);
    background:rgba(247,201,78,.08) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    position:relative!important;
    width:48px !important;
    height:48px !important;
    border-radius:15px !important;
    color:var(--inma-premium-navy) !important;
    background:#fff !important;
    border:1px solid rgba(247,201,78,.64) !important;
    box-shadow:0 10px 22px rgba(3,31,66,.09) !important;
}

.inma-home .inma-bank-quick--premium strong{
    color:var(--inma-premium-navy) !important;
    font-size:14px !important;
    font-weight:950 !important;
}

.inma-home .inma-bank-quick--premium small{
    color:#64758a !important;
    font-size:10px !important;
    font-weight:750 !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{
    inset-inline:34%;
    bottom:7px;
    height:3px;
    background:var(--inma-premium-gold) !important;
}

/* Trust strip below hero */
.inma-home .inma-trust-strip{
    padding-top:96px !important;
    background:#fff;
}

.inma-home .inma-trust-strip__shell{
    border-top:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}

.inma-home .inma-trust-strip__item i{
    color:var(--inma-premium-gold-dark) !important;
}

/* Animations */
@keyframes inmaBrandFloat{
    0%,100%{transform:translateY(0) rotate(0)}
    50%{transform:translateY(-8px) rotate(.5deg)}
}

@keyframes inmaBrandGlow{
    0%,100%{transform:scale(.96);opacity:.68}
    50%{transform:scale(1.06);opacity:1}
}

@keyframes inmaBarsPulse{
    0%,100%{transform:translateY(0);filter:brightness(1)}
    50%{transform:translateY(-7px);filter:brightness(1.12)}
}

/* Responsive */
@media (max-width:1199.98px){
    .inma-header-main__inner{
        grid-template-columns:220px minmax(0,1fr) 150px;
    }

    .inma-main-header #main-nav .nav-link{
        font-size:12px !important;
        padding-inline:8px !important;
    }

    .inma-home .inma-hero--bank .inma-hero__grid{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:991.98px){
    .inma-header-top__inner{
        grid-template-columns:1fr auto;
        min-height:50px;
    }

    .inma-header-message{
        display:none;
    }

    .inma-header-main__inner{
        min-height:86px;
        grid-template-columns:1fr auto;
    }

    .inma-header-logo{
        justify-content:flex-start;
    }

    .inma-header-logo img{
        width:210px !important;
    }

    .inma-main-header #main-nav{
        width:auto;
    }

    .inma-main-header .navbar-toggler{
        border:1px solid rgba(255,255,255,.52);
        background:rgba(255,255,255,.14);
    }

    .inma-main-header .offcanvas{
        color:var(--inma-premium-navy);
        background:#fff;
    }

    .inma-main-header #main-nav .navbar-nav{
        align-items:stretch;
    }

    .inma-main-header #main-nav .nav-link{
        color:var(--inma-premium-navy) !important;
        text-align:start;
    }

    .inma-home .inma-hero--bank{
        min-height:auto !important;
        border-radius:0 0 32px 32px;
    }

    .inma-home .inma-hero--bank .inma-hero__grid{
        grid-template-columns:1fr !important;
        padding:54px 0 150px !important;
        text-align:center;
    }

    .inma-home .inma-hero--bank .inma-hero__content{
        margin-inline:auto;
        text-align:center !important;
    }

    .inma-home .inma-hero--bank h1,
    .inma-home .inma-hero--bank .inma-hero__content p{
        margin-inline:auto !important;
    }

    .inma-home .inma-hero--bank .inma-hero__actions{
        justify-content:center;
    }

    .inma-hero__brand-art{
        min-height:300px;
    }

    .inma-hero__brand-logo{
        width:min(300px,72%);
    }

    .inma-hero__bars{
        bottom:32px;
    }

    .inma-home .inma-bank-quick--premium{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        bottom:-102px;
    }

    .inma-home .inma-bank-quick--premium .inma-bank-quick__item:nth-child(2){
        border-inline-end:0 !important;
    }

    .inma-home .inma-trust-strip{
        padding-top:142px !important;
    }
}

@media (max-width:575.98px){
    .inma-header-top__inner{
        grid-template-columns:1fr;
        justify-items:center;
    }

    .inma-header-tools{
        justify-self:center;
    }

    .inma-header-main__inner{
        min-height:76px;
    }

    .inma-header-logo img{
        width:175px !important;
    }

    .inma-home .inma-hero--bank h1{
        font-size:33px !important;
    }

    .inma-home .inma-hero--bank .inma-hero__grid{
        padding-top:42px !important;
        padding-bottom:270px !important;
    }

    .inma-hero__brand-art{
        min-height:240px;
    }

    .inma-hero__bars span{
        width:16px;
        height:calc(28px + (var(--i) * 15px));
    }

    .inma-home .inma-bank-quick--premium{
        grid-template-columns:1fr !important;
        bottom:-248px;
        padding:8px !important;
    }

    .inma-home .inma-bank-quick--premium .inma-bank-quick__item{
        min-height:72px !important;
        border-inline-end:0 !important;
        border-bottom:1px solid rgba(3,31,66,.08) !important;
    }

    .inma-home .inma-bank-quick--premium .inma-bank-quick__item:last-child{
        border-bottom:0 !important;
    }

    .inma-home .inma-trust-strip{
        padding-top:286px !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .inma-hero__brand-logo,
    .inma-hero__brand-glow,
    .inma-hero__bars span{
        animation:none !important;
    }
}

/* =========================================================
   FINAL COLOR CORRECTION
   Main blue: #216bb4 — no navy background
   ========================================================= */

:root{
    --inma-premium-navy:#216bb4 !important;
    --inma-premium-navy-2:#216bb4 !important;
    --inma-premium-blue:#216bb4 !important;
    --inma-premium-gold:#f7c94e !important;
    --inma-premium-gold-dark:#e4aa14 !important;
}

/* Top bar */
.inma-header-top{
    background:
        linear-gradient(
            90deg,
            #1b5f9f 0%,
            #216bb4 50%,
            #1b5f9f 100%
        ) !important;
    border-bottom:1px solid rgba(247,201,78,.42) !important;
}

/* Gold navigation remains dominant */
.inma-header-main{
    background:
        radial-gradient(circle at 18% 0,rgba(255,255,255,.24),transparent 22%),
        linear-gradient(
            110deg,
            #e6aa20 0%,
            #f7c94e 45%,
            #efb62f 72%,
            #e0a018 100%
        ) !important;
}

/* Main hero */
.inma-home .inma-hero--bank{
    background:
        linear-gradient(
            120deg,
            #1b5f9f 0%,
            #216bb4 48%,
            #2b78bf 100%
        ) !important;
    box-shadow:0 30px 70px rgba(33,107,180,.22) !important;
}

.inma-home .inma-hero--bank .inma-hero__bg{
    background:
        radial-gradient(circle at 76% 32%,rgba(247,201,78,.16),transparent 30%),
        radial-gradient(circle at 18% 38%,rgba(255,255,255,.10),transparent 34%),
        linear-gradient(
            110deg,
            #1b5f9f 0%,
            #216bb4 52%,
            #2f7fc6 100%
        ) !important;
}

.inma-home .inma-hero--bank .inma-hero__overlay{
    background:
        linear-gradient(
            90deg,
            rgba(33,107,180,.44),
            rgba(33,107,180,.08) 58%,
            rgba(33,107,180,.30)
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.035) 0 1px,
            transparent 1px 84px
        ) !important;
}

/* Keep title clean like the approved design */
.inma-home .inma-hero--bank h1,
.inma-home .inma-hero--bank h1 span{
    color:#fff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
}

.inma-home .inma-hero--bank h1::after{
    content:"";
    display:block;
    width:92px;
    height:4px;
    margin-top:18px;
    border-radius:999px;
    background:linear-gradient(90deg,#f7c94e,#fff0a8);
}

/* Kicker */
.inma-home .inma-hero--bank .inma-kicker{
    background:rgba(33,107,180,.24) !important;
    border-color:rgba(247,201,78,.65) !important;
}

/* Outline button */
.inma-home .inma-hero--bank .inma-btn--outline{
    background:rgba(33,107,180,.20) !important;
    border-color:rgba(247,201,78,.78) !important;
}

/* Location button */
.inma-header-location{
    background:
        linear-gradient(145deg,#216bb4,#195b98) !important;
}

/* Brand art colors */
.inma-hero__brand-glow{
    background:
        radial-gradient(circle,rgba(247,201,78,.25),transparent 68%) !important;
}

.inma-hero__brand-logo{
    filter:
        brightness(0)
        saturate(100%)
        invert(84%)
        sepia(70%)
        saturate(744%)
        hue-rotate(343deg)
        brightness(101%)
        contrast(96%)
        drop-shadow(0 24px 32px rgba(33,107,180,.28)) !important;
}

/* Quick service cards */
.inma-home .inma-bank-quick--premium{
    box-shadow:0 24px 54px rgba(33,107,180,.17) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    color:#216bb4 !important;
    border-color:rgba(247,201,78,.70) !important;
}

/* Mobile menu blue */
.inma-main-header .offcanvas{
    --bs-offcanvas-bg:#fff;
}

.inma-mobile-search,
.inma-mobile-language{
    color:#216bb4 !important;
}

/* Remove overly dark inherited effects */
.inma-home .inma-hero--bank::before,
.inma-home .inma-hero--bank::after{
    opacity:.55 !important;
}

/* =========================================================
   FINAL INVERTED IDENTITY — Gold hero / Blue navigation
   Main colors: #f7c94e and #216bb4
   ========================================================= */

:root{
    --inma-premium-navy:#216bb4 !important;
    --inma-premium-navy-2:#216bb4 !important;
    --inma-premium-blue:#216bb4 !important;
    --inma-premium-gold:#f7c94e !important;
    --inma-premium-gold-dark:#e4aa14 !important;
}

/* Top utility bar becomes gold */
.inma-header-top{
    color:#216bb4 !important;
    background:linear-gradient(90deg,#e2ad22 0%,#f7c94e 48%,#edb92e 100%) !important;
    border-bottom:1px solid rgba(33,107,180,.28) !important;
}

.inma-header-language,
.inma-header-search,
.inma-header-message{
    color:#216bb4 !important;
}

.inma-header-language:hover,
.inma-header-search:hover{
    color:#164f87 !important;
}

.inma-header-divider{
    background:rgba(33,107,180,.30) !important;
}

.inma-header-message__dot{
    background:#216bb4 !important;
    box-shadow:0 0 0 5px rgba(33,107,180,.13) !important;
}

/* Main navigation becomes blue */
.inma-header-main{
    background:linear-gradient(110deg,#1a5d9d 0%,#216bb4 52%,#2b78bf 100%) !important;
    box-shadow:0 12px 30px rgba(33,107,180,.18) !important;
}

.inma-header-logo img{
    filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.16)) !important;
}

.inma-main-header #main-nav .nav-link{
    color:#fff !important;
}

.inma-main-header #main-nav .nav-link:hover,
.inma-main-header #main-nav .nav-link.active{
    background:rgba(247,201,78,.16) !important;
}

.inma-main-header #main-nav .nav-link::after{
    background:#f7c94e !important;
}

.inma-header-location{
    color:#216bb4 !important;
    background:linear-gradient(145deg,#fff6d3,#f7c94e) !important;
    border-color:rgba(255,255,255,.55) !important;
    box-shadow:0 15px 30px rgba(7,63,119,.20) !important;
}

.inma-header-location:hover{
    color:#164f87 !important;
}

/* Gold hero instead of blue */
.inma-home .inma-hero--bank{
    color:#216bb4 !important;
    background:linear-gradient(120deg,#e2ad22 0%,#f7c94e 48%,#f4c347 100%) !important;
    box-shadow:0 30px 70px rgba(226,173,34,.24) !important;
}

.inma-home .inma-hero--bank .inma-hero__bg{
    background:
        radial-gradient(circle at 74% 30%,rgba(255,255,255,.28),transparent 30%),
        radial-gradient(circle at 18% 38%,rgba(33,107,180,.12),transparent 36%),
        linear-gradient(110deg,#e2ad22 0%,#f7c94e 52%,#f8d56f 100%) !important;
}

.inma-home .inma-hero--bank .inma-hero__overlay{
    background:
        linear-gradient(90deg,rgba(247,201,78,.58),rgba(255,255,255,.08) 58%,rgba(226,173,34,.30)),
        repeating-linear-gradient(90deg,rgba(33,107,180,.035) 0 1px,transparent 1px 84px) !important;
}

.inma-hero__pattern{
    opacity:.36 !important;
    background:radial-gradient(circle at 1px 1px,rgba(33,107,180,.28) 1px,transparent 1.5px) !important;
}

.inma-home .inma-hero--bank .inma-kicker{
    color:#216bb4 !important;
    background:rgba(255,255,255,.30) !important;
    border-color:rgba(33,107,180,.50) !important;
    text-shadow:none !important;
}

.inma-home .inma-hero--bank .inma-kicker::before{
    background:#216bb4 !important;
    box-shadow:0 0 0 5px rgba(33,107,180,.13) !important;
}

.inma-home .inma-hero--bank h1,
.inma-home .inma-hero--bank h1 span{
    color:#216bb4 !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:0 16px 30px rgba(121,84,0,.12) !important;
}

.inma-home .inma-hero--bank h1::after{
    background:linear-gradient(90deg,#216bb4,#5f9bd4) !important;
}

.inma-home .inma-hero--bank .inma-hero__content p{
    color:#164f87 !important;
    text-shadow:none !important;
}

.inma-home .inma-hero--bank .inma-btn--gold{
    color:#fff !important;
    background:linear-gradient(135deg,#216bb4,#174f86) !important;
    border-color:rgba(255,255,255,.36) !important;
    box-shadow:0 17px 34px rgba(33,107,180,.24) !important;
}

.inma-home .inma-hero--bank .inma-btn--outline{
    color:#216bb4 !important;
    background:rgba(255,255,255,.30) !important;
    border-color:rgba(33,107,180,.58) !important;
}

/* Replace the old pointer/bars with the supplied animated logo */
.inma-hero__brand-art{
    min-height:410px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.inma-hero__brand-glow{
    width:390px !important;
    height:390px !important;
    background:radial-gradient(circle,rgba(33,107,180,.18),transparent 68%) !important;
}

.inma-hero__brand-logo--animated{
    position:relative !important;
    z-index:3 !important;
    width:min(390px,82%) !important;
    max-height:390px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 24px 34px rgba(33,107,180,.24)) !important;
    opacity:1 !important;
    animation:inmaSuppliedLogoFloat 5.8s ease-in-out infinite !important;
}

.inma-hero__bars{
    display:none !important;
}

@keyframes inmaSuppliedLogoFloat{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-9px) scale(1.02)}
}

/* Quick cards adopt blue accents */
.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    color:#fff !important;
    background:#216bb4 !important;
    border-color:rgba(247,201,78,.72) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{
    background:#216bb4 !important;
}

@media (max-width:991.98px){
    .inma-hero__brand-logo--animated{
        width:min(300px,76%) !important;
    }
}

@media (max-width:575.98px){
    .inma-hero__brand-logo--animated{
        width:min(230px,72%) !important;
    }
}

/* =========================================================
   FINAL PROFESSIONAL GOLD / BLUE HOME DESIGN
   Gold is dominant, blue is the secondary accent.
   ========================================================= */

:root{
    --inma-gold:#f7c94e;
    --inma-gold-2:#e8ae22;
    --inma-blue:#216bb4;
    --inma-blue-dark:#15568f;
    --inma-ink:#123d68;
}

/* ---------- Header ---------- */
.inma-header-top{
    background:linear-gradient(90deg,#f2bd38 0%,#f7c94e 50%,#edb32b 100%) !important;
    color:var(--inma-blue) !important;
    border-bottom:1px solid rgba(33,107,180,.18) !important;
}

.inma-header-top,
.inma-header-language,
.inma-header-search,
.inma-header-message{
    color:var(--inma-blue) !important;
}

.inma-header-share{
    opacity:.9;
}

.inma-header-main{
    background:
        linear-gradient(115deg,#1a609f 0%,#216bb4 54%,#2878bd 100%) !important;
    box-shadow:0 14px 36px rgba(33,107,180,.20) !important;
}

.inma-header-main__inner{
    min-height:108px !important;
}

.inma-header-logo img{
    width:min(245px,100%) !important;
    filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.14)) !important;
}

.inma-main-header #main-nav .nav-link{
    color:#fff !important;
    font-size:13px !important;
}

.inma-main-header #main-nav .nav-link:hover,
.inma-main-header #main-nav .nav-link.active{
    color:#fff !important;
    background:rgba(247,201,78,.16) !important;
}

.inma-main-header #main-nav .nav-link::after{
    background:var(--inma-gold) !important;
}

.inma-header-location{
    color:var(--inma-blue) !important;
    background:#fff7d9 !important;
    border:1px solid rgba(247,201,78,.70) !important;
    box-shadow:0 12px 28px rgba(13,79,136,.18) !important;
}

/* ---------- Hero ---------- */
.inma-home .inma-hero--bank{
    min-height:610px !important;
    color:var(--inma-blue) !important;
    background:
        linear-gradient(120deg,#e5aa1e 0%,#f7c94e 43%,#f9d972 100%) !important;
    border-radius:0 0 42px 42px !important;
    box-shadow:0 28px 65px rgba(226,173,34,.22) !important;
}

.inma-home .inma-hero--bank .inma-hero__bg{
    background:
        radial-gradient(circle at 82% 20%,rgba(255,255,255,.34),transparent 31%),
        radial-gradient(circle at 12% 55%,rgba(33,107,180,.10),transparent 34%),
        linear-gradient(115deg,#e3a818 0%,#f7c94e 50%,#f9dc83 100%) !important;
}

.inma-home .inma-hero--bank .inma-hero__overlay{
    background:
        repeating-linear-gradient(90deg,rgba(33,107,180,.035) 0 1px,transparent 1px 82px),
        linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 60%) !important;
}

.inma-hero__pattern{
    opacity:.24 !important;
    background:
        radial-gradient(circle at 1px 1px,rgba(33,107,180,.34) 1px,transparent 1.5px) !important;
    background-size:28px 28px !important;
}

.inma-home .inma-hero--bank .inma-hero__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
    gap:clamp(38px,5vw,78px) !important;
    padding:58px 0 126px !important;
}

.inma-home .inma-hero--bank .inma-hero__content{
    max-width:760px !important;
}

.inma-home .inma-hero--bank .inma-kicker{
    color:var(--inma-blue) !important;
    background:rgba(255,255,255,.42) !important;
    border:1px solid rgba(33,107,180,.36) !important;
    box-shadow:0 12px 28px rgba(121,84,0,.08) !important;
}

.inma-home .inma-hero--bank h1,
.inma-home .inma-hero--bank h1 span{
    color:var(--inma-blue) !important;
    background:none !important;
    text-shadow:0 12px 28px rgba(107,73,0,.10) !important;
}

.inma-home .inma-hero--bank h1{
    font-size:clamp(40px,4.25vw,66px) !important;
    line-height:1.18 !important;
}

.inma-home .inma-hero--bank h1::after{
    width:82px !important;
    height:4px !important;
    margin-top:18px !important;
    background:linear-gradient(90deg,var(--inma-blue),#78aee0) !important;
}

.inma-home .inma-hero--bank .inma-hero__content p{
    color:#174f84 !important;
    max-width:660px !important;
    font-size:16px !important;
    line-height:1.9 !important;
}

.inma-home .inma-hero--bank .inma-btn--gold{
    color:#fff !important;
    background:linear-gradient(135deg,var(--inma-blue),var(--inma-blue-dark)) !important;
    box-shadow:0 16px 32px rgba(33,107,180,.22) !important;
}

.inma-home .inma-hero--bank .inma-btn--outline{
    color:var(--inma-blue) !important;
    background:rgba(255,255,255,.45) !important;
    border:1px solid rgba(33,107,180,.42) !important;
}

/* ---------- Clean animated bank emblem ---------- */
.inma-hero__brand-art{
    position:relative !important;
    min-height:410px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.inma-hero__brand-glow{
    position:absolute !important;
    width:360px !important;
    height:360px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle,rgba(33,107,180,.18),rgba(255,255,255,.09) 40%,transparent 70%) !important;
    filter:blur(3px) !important;
    animation:inmaLogoGlowSoft 5.5s ease-in-out infinite !important;
}

.inma-hero__brand-logo--animated{
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    width:min(310px,74%) !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:
        drop-shadow(0 22px 34px rgba(33,107,180,.24))
        drop-shadow(0 4px 8px rgba(255,255,255,.22)) !important;
    animation:inmaLogoFloatSoft 5.8s ease-in-out infinite !important;
}

.inma-hero__brand-caption{
    position:absolute;
    z-index:5;
    bottom:38px;
    padding:8px 16px;
    border-radius:999px;
    color:var(--inma-blue);
    background:rgba(255,255,255,.56);
    border:1px solid rgba(33,107,180,.22);
    font-size:11px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(121,84,0,.08);
    backdrop-filter:blur(8px);
}

.inma-hero__brand-orbit{
    position:absolute;
    z-index:1;
    border-radius:50%;
    border:1px solid rgba(33,107,180,.18);
    pointer-events:none;
}

.inma-hero__brand-orbit--one{
    width:340px;
    height:340px;
    animation:inmaOrbitSlow 13s linear infinite;
}

.inma-hero__brand-orbit--two{
    width:285px;
    height:285px;
    border-style:dashed;
    opacity:.72;
    animation:inmaOrbitSlowReverse 11s linear infinite;
}

.inma-hero__brand-orbit::before,
.inma-hero__brand-orbit::after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--inma-blue);
    box-shadow:0 0 0 5px rgba(33,107,180,.09);
}

.inma-hero__brand-orbit::before{
    top:12%;
    inset-inline-start:16%;
}

.inma-hero__brand-orbit::after{
    bottom:12%;
    inset-inline-end:16%;
}

.inma-hero__bars{
    display:none !important;
}

/* ---------- Quick links ---------- */
.inma-home .inma-bank-quick--premium{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(33,107,180,.10) !important;
    box-shadow:0 24px 55px rgba(33,107,180,.16) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item{
    color:var(--inma-blue) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    color:#fff !important;
    background:linear-gradient(145deg,var(--inma-blue),var(--inma-blue-dark)) !important;
    border:1px solid rgba(247,201,78,.78) !important;
    box-shadow:0 10px 22px rgba(33,107,180,.18) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{
    background:linear-gradient(90deg,var(--inma-gold),var(--inma-blue)) !important;
}

.inma-home .inma-bank-quick--premium strong{
    color:var(--inma-blue) !important;
}

/* ---------- Motion ---------- */
@keyframes inmaLogoFloatSoft{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-10px) scale(1.018)}
}

@keyframes inmaLogoGlowSoft{
    0%,100%{transform:scale(.96);opacity:.66}
    50%{transform:scale(1.05);opacity:1}
}

@keyframes inmaOrbitSlow{
    to{transform:rotate(360deg)}
}

@keyframes inmaOrbitSlowReverse{
    to{transform:rotate(-360deg)}
}

@media (max-width:991.98px){
    .inma-home .inma-hero--bank .inma-hero__grid{
        grid-template-columns:1fr !important;
    }

    .inma-hero__brand-art{
        min-height:300px !important;
    }

    .inma-hero__brand-logo--animated{
        width:min(260px,68%) !important;
    }

    .inma-hero__brand-caption{
        bottom:10px;
    }
}

@media (max-width:575.98px){
    .inma-home .inma-hero--bank h1{
        font-size:32px !important;
    }

    .inma-hero__brand-art{
        min-height:245px !important;
    }

    .inma-hero__brand-logo--animated{
        width:min(205px,64%) !important;
    }

    .inma-hero__brand-orbit--one{
        width:230px;
        height:230px;
    }

    .inma-hero__brand-orbit--two{
        width:190px;
        height:190px;
    }
}

@media (prefers-reduced-motion:reduce){
    .inma-hero__brand-logo--animated,
    .inma-hero__brand-glow,
    .inma-hero__brand-orbit{
        animation:none !important;
    }
}

/* =========================================================
   FINAL POLISH — Professional gold + blue header and hero
   ========================================================= */

:root{
    --bank-blue:#216bb4;
    --bank-blue-dark:#15568f;
    --bank-gold:#f7c94e;
    --bank-gold-deep:#e6ab21;
    --bank-cream:#fff8df;
}

/* ---------- Top strip ---------- */
.inma-header-top{
    background:
        radial-gradient(circle at 18% 0,rgba(255,255,255,.22),transparent 24%),
        linear-gradient(90deg,#efb72f 0%,#f7c94e 52%,#e8ad22 100%) !important;
    border-bottom:1px solid rgba(33,107,180,.20) !important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.24);
}

.inma-header-top__inner{
    min-height:60px !important;
}

.inma-header-language,
.inma-header-search,
.inma-header-message{
    color:#15568f !important;
}

.inma-header-message{
    font-weight:900 !important;
}

.inma-header-message__dot{
    background:#216bb4 !important;
    box-shadow:0 0 0 5px rgba(33,107,180,.12) !important;
}

/* Social icons: clearly visible */
.inma-header-share__inner,
.inma-header-share__inner > *,
.inma-header-share__inner .tran{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    transform:none !important;
    opacity:1 !important;
}

.inma-header-share__inner a,
.inma-header-share__inner button,
.inma-header-share__inner .social-link,
.inma-header-share__inner [class*="social"]{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    color:#fff !important;
    background:linear-gradient(145deg,#216bb4,#15568f) !important;
    border:1px solid rgba(255,255,255,.50) !important;
    box-shadow:0 8px 18px rgba(21,86,143,.20) !important;
    opacity:1 !important;
    transition:transform .25s ease,box-shadow .25s ease !important;
}

.inma-header-share__inner a:hover,
.inma-header-share__inner button:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 13px 24px rgba(21,86,143,.28) !important;
}

.inma-header-share__inner i,
.inma-header-share__inner svg{
    color:#fff !important;
    fill:#fff !important;
    width:16px !important;
    height:16px !important;
    font-size:16px !important;
    opacity:1 !important;
}

/* ---------- Main navigation ---------- */
.inma-header-main{
    background:
        linear-gradient(100deg,#185c99 0%,#216bb4 50%,#2d7dc1 100%) !important;
    border-bottom:1px solid rgba(247,201,78,.45);
    box-shadow:0 14px 34px rgba(33,107,180,.20) !important;
}

.inma-header-main__inner{
    min-height:112px !important;
}

.inma-header-logo img{
    width:min(255px,100%) !important;
    filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.15)) !important;
}

.inma-main-header #main-nav .nav-link{
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
}

.inma-main-header #main-nav .nav-link:hover,
.inma-main-header #main-nav .nav-link.active{
    background:rgba(247,201,78,.18) !important;
}

.inma-main-header #main-nav .nav-link::after{
    background:#f7c94e !important;
}

.inma-header-location{
    color:#15568f !important;
    background:
        linear-gradient(145deg,#fffdf4,#fff2bf) !important;
    border:1px solid rgba(247,201,78,.90) !important;
    box-shadow:0 13px 28px rgba(7,63,119,.18) !important;
}

.inma-header-location:hover{
    color:#15568f !important;
    transform:translateY(-3px);
}

/* ---------- Hero ---------- */
.inma-home .inma-hero--bank{
    min-height:620px !important;
    background:
        linear-gradient(115deg,#e3a91f 0%,#f7c94e 48%,#ffe291 100%) !important;
    border-radius:0 0 46px 46px !important;
    box-shadow:0 28px 66px rgba(226,173,34,.23) !important;
}

.inma-home .inma-hero--bank .inma-hero__bg{
    background:
        radial-gradient(circle at 78% 21%,rgba(255,255,255,.38),transparent 29%),
        radial-gradient(circle at 14% 48%,rgba(33,107,180,.16),transparent 34%),
        linear-gradient(115deg,#e2a719 0%,#f7c94e 50%,#ffe294 100%) !important;
}

.inma-home .inma-hero--bank .inma-hero__overlay{
    background:
        linear-gradient(100deg,rgba(33,107,180,.11),transparent 36%,rgba(255,255,255,.08)),
        repeating-linear-gradient(90deg,rgba(33,107,180,.035) 0 1px,transparent 1px 84px) !important;
}

.inma-hero__pattern{
    opacity:.22 !important;
    background:
        radial-gradient(circle at 1px 1px,rgba(33,107,180,.36) 1px,transparent 1.5px) !important;
    background-size:27px 27px !important;
}

.inma-home .inma-hero--bank .inma-hero__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr) !important;
    gap:clamp(44px,5vw,82px) !important;
    padding:56px 0 130px !important;
}

.inma-home .inma-hero--bank .inma-kicker{
    color:#216bb4 !important;
    background:rgba(255,255,255,.52) !important;
    border:1px solid rgba(33,107,180,.40) !important;
    box-shadow:0 12px 28px rgba(113,76,0,.08) !important;
}

.inma-home .inma-hero--bank h1,
.inma-home .inma-hero--bank h1 span{
    color:#216bb4 !important;
    background:none !important;
    text-shadow:0 12px 28px rgba(117,79,0,.09) !important;
}

.inma-home .inma-hero--bank h1{
    font-size:clamp(40px,4.2vw,65px) !important;
    line-height:1.18 !important;
}

.inma-home .inma-hero--bank h1::after{
    width:84px !important;
    height:4px !important;
    background:linear-gradient(90deg,#216bb4,#84b7e4) !important;
}

.inma-home .inma-hero--bank .inma-hero__content p{
    color:#174f84 !important;
    font-size:16px !important;
    line-height:1.9 !important;
}

.inma-home .inma-hero--bank .inma-btn--gold{
    color:#fff !important;
    background:linear-gradient(135deg,#216bb4,#15568f) !important;
    box-shadow:0 16px 34px rgba(33,107,180,.23) !important;
}

.inma-home .inma-hero--bank .inma-btn--outline{
    color:#216bb4 !important;
    background:rgba(255,255,255,.54) !important;
    border:1px solid rgba(33,107,180,.43) !important;
}

/* ---------- Hero logo ---------- */
.inma-hero__brand-art{
    position:relative !important;
    min-height:410px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.inma-hero__brand-glow{
    width:390px !important;
    height:390px !important;
    background:
        radial-gradient(circle,rgba(33,107,180,.19),rgba(255,255,255,.10) 42%,transparent 70%) !important;
    animation:inmaHeroGlowPro 5.8s ease-in-out infinite !important;
}

.inma-hero__brand-logo--animated{
    display:block !important;
    width:min(380px,84%) !important;
    height:auto !important;
    max-height:250px !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:
        brightness(0)
        invert(1)
        drop-shadow(0 22px 34px rgba(33,107,180,.26)) !important;
    animation:inmaHeroLogoPro 6s ease-in-out infinite !important;
}

.inma-hero__brand-orbit--one{
    width:370px !important;
    height:370px !important;
    border-color:rgba(33,107,180,.20) !important;
}

.inma-hero__brand-orbit--two{
    width:310px !important;
    height:310px !important;
    border-color:rgba(33,107,180,.18) !important;
}

.inma-hero__brand-orbit::before,
.inma-hero__brand-orbit::after{
    background:#216bb4 !important;
    box-shadow:0 0 0 5px rgba(33,107,180,.10) !important;
}

/* ---------- Quick cards ---------- */
.inma-home .inma-bank-quick--premium{
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(33,107,180,.10) !important;
    box-shadow:0 25px 58px rgba(33,107,180,.17) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    color:#fff !important;
    background:linear-gradient(145deg,#216bb4,#15568f) !important;
    border:1px solid rgba(247,201,78,.82) !important;
}

.inma-home .inma-bank-quick--premium strong{
    color:#216bb4 !important;
}

@keyframes inmaHeroLogoPro{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-9px) scale(1.018)}
}

@keyframes inmaHeroGlowPro{
    0%,100%{transform:scale(.96);opacity:.66}
    50%{transform:scale(1.06);opacity:1}
}

@media (max-width:991.98px){
    .inma-header-share{
        display:none !important;
    }

    .inma-home .inma-hero--bank .inma-hero__grid{
        grid-template-columns:1fr !important;
    }

    .inma-hero__brand-art{
        min-height:300px !important;
    }

    .inma-hero__brand-logo--animated{
        width:min(300px,72%) !important;
    }
}

@media (max-width:575.98px){
    .inma-hero__brand-art{
        min-height:235px !important;
    }

    .inma-hero__brand-logo--animated{
        width:min(230px,68%) !important;
    }

    .inma-hero__brand-orbit--one{
        width:245px !important;
        height:245px !important;
    }

    .inma-hero__brand-orbit--two{
        width:205px !important;
        height:205px !important;
    }
}

/* =========================================================
   FINAL CLEANUP — visible logo, no indicator line,
   cleaner hero art and lower social icons
   ========================================================= */

/* Remove the blue indicator line under the hero title */
.inma-home .inma-hero--bank h1::after,
.inma-home .inma-hero__content h1::after{
    display:none !important;
    content:none !important;
}

/* Remove decorative orbit circles and dots */
.inma-hero__brand-orbit,
.inma-hero__brand-orbit--one,
.inma-hero__brand-orbit--two,
.inma-hero__brand-caption{
    display:none !important;
}

/* Clean logo area */
.inma-hero__brand-art{
    position:relative !important;
    min-height:390px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.inma-hero__brand-glow{
    position:absolute !important;
    width:390px !important;
    height:390px !important;
    border-radius:50% !important;
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.30) 0%,
            rgba(33,107,180,.13) 38%,
            transparent 70%
        ) !important;
    filter:blur(3px) !important;
    animation:inmaHeroGlowClean 5.8s ease-in-out infinite !important;
}

/* Make the bank logo clearly visible */
.inma-hero__brand-logo,
.inma-hero__brand-logo--animated{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:min(390px,86%) !important;
    max-width:390px !important;
    height:auto !important;
    max-height:240px !important;
    object-fit:contain !important;
    transform-origin:center !important;

    /* Change the original blue/gold logo to white */
    filter:
        brightness(0)
        invert(1)
        drop-shadow(0 18px 28px rgba(33,107,180,.24)) !important;

    animation:inmaHeroLogoClean 6s ease-in-out infinite !important;
}

/* Lower the social icons slightly */
.inma-header-share{
    position:relative !important;
    top:8px !important;
    align-self:center !important;
}

.inma-header-share__inner{
    transform:translateY(2px) !important;
}

/* Keep icons fully visible */
.inma-header-share__inner a,
.inma-header-share__inner button,
.inma-header-share__inner .social-link,
.inma-header-share__inner [class*="social"]{
    opacity:1 !important;
    visibility:visible !important;
}

/* Slightly improve the hero balance */
.inma-home .inma-hero--bank .inma-hero__grid{
    align-items:center !important;
}

@keyframes inmaHeroLogoClean{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    50%{
        transform:translateY(-8px) scale(1.015);
    }
}

@keyframes inmaHeroGlowClean{
    0%,100%{
        transform:scale(.96);
        opacity:.68;
    }
    50%{
        transform:scale(1.05);
        opacity:1;
    }
}

@media (max-width:991.98px){
    .inma-header-share{
        top:0 !important;
    }

    .inma-hero__brand-art{
        min-height:285px !important;
    }

    .inma-hero__brand-logo,
    .inma-hero__brand-logo--animated{
        width:min(300px,74%) !important;
        max-height:190px !important;
    }
}

@media (max-width:575.98px){
    .inma-hero__brand-art{
        min-height:225px !important;
    }

    .inma-hero__brand-logo,
    .inma-hero__brand-logo--animated{
        width:min(230px,70%) !important;
        max-height:150px !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .inma-hero__brand-logo,
    .inma-hero__brand-logo--animated,
    .inma-hero__brand-glow{
        animation:none !important;
    }
}

/* =========================================================
   FINAL HERO POLISH — Gold background + professional blue wave
   Uses the uploaded animated logo video
   ========================================================= */

.inma-home .inma-hero--bank{
    position:relative !important;
    overflow:hidden !important;
    min-height:640px !important;
    background:
        linear-gradient(115deg,#e6aa20 0%,#f7c94e 46%,#ffe69e 100%) !important;
    border-radius:0 0 52px 52px !important;
    box-shadow:0 30px 70px rgba(210,154,20,.24) !important;
}

/* Professional blue curved band at the bottom */
.inma-home .inma-hero--bank::after{
    content:"";
    position:absolute;
    inset-inline:-4%;
    bottom:-135px;
    height:250px;
    z-index:-1;
    border-radius:50% 50% 0 0 / 38% 38% 0 0;
    background:
        linear-gradient(100deg,#15568f 0%,#216bb4 52%,#2f7fc6 100%);
    box-shadow:
        0 -8px 0 rgba(247,201,78,.62),
        0 -18px 45px rgba(33,107,180,.18);
}

/* Soft gold lighting */
.inma-home .inma-hero--bank .inma-hero__bg{
    background:
        radial-gradient(circle at 78% 18%,rgba(255,255,255,.42),transparent 28%),
        radial-gradient(circle at 16% 52%,rgba(33,107,180,.14),transparent 34%),
        linear-gradient(118deg,#e2a719 0%,#f7c94e 50%,#ffe69b 100%) !important;
}

/* Elegant line pattern */
.inma-home .inma-hero--bank .inma-hero__overlay{
    background:
        linear-gradient(105deg,rgba(33,107,180,.10),transparent 38%,rgba(255,255,255,.10)),
        repeating-linear-gradient(
            90deg,
            rgba(33,107,180,.038) 0 1px,
            transparent 1px 86px
        ) !important;
}

.inma-hero__pattern{
    opacity:.20 !important;
    background:
        radial-gradient(circle at 1px 1px,rgba(33,107,180,.35) 1px,transparent 1.5px) !important;
    background-size:27px 27px !important;
}

/* Gold and blue accent shapes */
.inma-home .inma-hero--bank::before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    inset-inline-start:-170px;
    top:70px;
    border-radius:50%;
    border:1px solid rgba(33,107,180,.12);
    box-shadow:
        0 0 0 45px rgba(33,107,180,.035),
        0 0 0 92px rgba(255,255,255,.035);
    z-index:-1;
    pointer-events:none;
}

/* Text hierarchy */
.inma-home .inma-hero--bank h1,
.inma-home .inma-hero--bank h1 span{
    color:#216bb4 !important;
    background:none !important;
    text-shadow:0 12px 28px rgba(118,79,0,.09) !important;
}

.inma-home .inma-hero--bank h1::after{
    content:"";
    display:block !important;
    width:96px !important;
    height:4px !important;
    margin-top:18px !important;
    border-radius:999px;
    background:linear-gradient(90deg,#216bb4,#84b7e4,#f7c94e) !important;
    box-shadow:0 5px 13px rgba(33,107,180,.16);
}

.inma-home .inma-hero--bank .inma-kicker{
    color:#216bb4 !important;
    background:rgba(255,255,255,.56) !important;
    border:1px solid rgba(33,107,180,.38) !important;
    box-shadow:
        0 12px 28px rgba(112,75,0,.08),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.inma-home .inma-hero--bank .inma-hero__content p{
    color:#174f84 !important;
}

/* Animated logo video */
.inma-hero__brand-art{
    position:relative !important;
    min-height:410px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.inma-hero__brand-halo{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:
        radial-gradient(circle,rgba(255,255,255,.34) 0%,rgba(33,107,180,.13) 38%,transparent 70%);
    box-shadow:
        inset 0 0 0 1px rgba(33,107,180,.10),
        0 20px 50px rgba(33,107,180,.10);
    animation:inmaHeroHalo 5.6s ease-in-out infinite;
}

.inma-hero__brand-video{
    position:relative;
    z-index:3;
    display:block;
    width:min(430px,88%) !important;
    height:auto !important;
    max-height:340px !important;
    object-fit:contain !important;
    mix-blend-mode:screen;
    filter:
        brightness(1.12)
        contrast(1.05)
        drop-shadow(0 22px 34px rgba(33,107,180,.22));
    animation:inmaHeroVideoFloat 6s ease-in-out infinite;
}

/* Quick cards raised above the blue wave */
.inma-home .inma-bank-quick--premium{
    z-index:12 !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(33,107,180,.11) !important;
    box-shadow:
        0 25px 58px rgba(33,107,180,.18),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    color:#fff !important;
    background:linear-gradient(145deg,#216bb4,#15568f) !important;
    border:1px solid rgba(247,201,78,.82) !important;
}

/* Social icons slightly lower */
.inma-header-share{
    position:relative !important;
    top:12px !important;
}

.inma-header-share__inner{
    transform:translateY(3px) !important;
}

@keyframes inmaHeroVideoFloat{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-9px) scale(1.015)}
}

@keyframes inmaHeroHalo{
    0%,100%{transform:scale(.96);opacity:.68}
    50%{transform:scale(1.05);opacity:1}
}

@media (max-width:991.98px){
    .inma-hero__brand-art{
        min-height:300px !important;
    }

    .inma-hero__brand-video{
        width:min(320px,76%) !important;
        max-height:250px !important;
    }

    .inma-hero__brand-halo{
        width:290px;
        height:290px;
    }

    .inma-header-share{
        top:0 !important;
    }
}

@media (max-width:575.98px){
    .inma-hero__brand-art{
        min-height:235px !important;
    }

    .inma-hero__brand-video{
        width:min(245px,72%) !important;
        max-height:190px !important;
    }

    .inma-hero__brand-halo{
        width:220px;
        height:220px;
    }
}

@media (prefers-reduced-motion:reduce){
    .inma-hero__brand-video,
    .inma-hero__brand-halo{
        animation:none !important;
    }
}

/* ===== FINAL GOLD/BLUE HOME DESIGN (2026) ===== */
:root{--final-blue:#216bb4;--final-blue-dark:#15578f;--final-gold:#f7c94e;--final-ink:#164d7e}
.inma-home .inma-hero.inma-hero--bank{isolation:isolate!important;min-height:650px!important;overflow:hidden!important;border-radius:0 0 58px 58px!important;background:radial-gradient(circle at 78% 14%,rgba(255,255,255,.65),transparent 25%),radial-gradient(circle at 7% 45%,rgba(33,107,180,.14),transparent 31%),linear-gradient(118deg,#e6ac22 0%,var(--final-gold) 44%,#ffe69a 100%)!important;box-shadow:0 28px 70px rgba(151,105,7,.18)!important}
.inma-home .inma-hero--bank .inma-hero__bg{z-index:0!important;opacity:1!important;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.24) 48%,rgba(255,255,255,.04)),repeating-linear-gradient(125deg,rgba(255,255,255,.11) 0 1px,transparent 1px 76px)!important}
.inma-home .inma-hero--bank .inma-hero__overlay{z-index:0!important;opacity:1!important;background:linear-gradient(90deg,rgba(33,107,180,.08),transparent 34%,rgba(255,255,255,.12)),radial-gradient(circle at 1px 1px,rgba(33,107,180,.18) 1.2px,transparent 1.4px)!important;background-size:auto,30px 30px!important;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.inma-home .inma-hero--bank .inma-hero__pattern{display:none!important}
.inma-home .inma-hero.inma-hero--bank::before{content:""!important;position:absolute!important;width:520px!important;height:520px!important;inset-inline-start:-255px!important;top:-120px!important;z-index:0!important;border-radius:50%!important;border:1px solid rgba(33,107,180,.14)!important;box-shadow:0 0 0 62px rgba(255,255,255,.055),0 0 0 124px rgba(33,107,180,.025)!important;pointer-events:none!important}
.inma-home .inma-hero.inma-hero--bank::after{content:""!important;position:absolute!important;inset-inline:-8%!important;bottom:-118px!important;width:auto!important;height:235px!important;z-index:1!important;border-radius:50% 50% 0 0/48% 48% 0 0!important;background:linear-gradient(105deg,var(--final-blue-dark),var(--final-blue) 55%,#3384ca)!important;box-shadow:0 -6px 0 rgba(255,255,255,.72),0 -12px 0 rgba(33,107,180,.13),0 -24px 52px rgba(33,107,180,.18)!important;transform:rotate(-1.2deg)!important;pointer-events:none!important}
.inma-home .inma-hero--bank>.container{position:relative!important;z-index:3!important}
.inma-home .inma-hero--bank .inma-hero__grid{min-height:500px!important;padding:58px 0 138px!important;align-items:center!important;gap:48px!important}
.inma-home .inma-hero--bank h1,.inma-home .inma-hero--bank h1 span{color:var(--final-blue)!important;text-shadow:0 10px 28px rgba(106,72,0,.08)!important}
.inma-home .inma-hero--bank h1::after{width:112px!important;height:5px!important;background:linear-gradient(90deg,var(--final-blue),#75afe0,rgba(255,255,255,.94))!important;box-shadow:none!important}
.inma-home .inma-hero--bank .inma-kicker{color:var(--final-blue)!important;border:1px solid rgba(33,107,180,.28)!important;background:rgba(255,255,255,.48)!important;backdrop-filter:blur(12px)!important}
.inma-home .inma-hero--bank .inma-hero__content p{color:var(--final-ink)!important}
.inma-home .inma-hero--bank .inma-btn--gold{color:#fff!important;border-color:var(--final-blue)!important;background:linear-gradient(135deg,var(--final-blue),var(--final-blue-dark))!important;box-shadow:0 14px 28px rgba(33,107,180,.24)!important}
.inma-home .inma-hero--bank .inma-btn--outline{color:var(--final-blue)!important;border:1px solid rgba(33,107,180,.38)!important;background:rgba(255,255,255,.58)!important;backdrop-filter:blur(12px)!important}
.inma-hero__brand-art{position:relative!important;min-height:390px!important;display:grid!important;place-items:center!important;isolation:isolate!important}
.inma-hero__brand-halo{width:350px!important;height:350px!important;z-index:-1!important;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,.20) 45%,transparent 72%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 24px 60px rgba(33,107,180,.12),inset 0 0 45px rgba(255,255,255,.18)!important;animation:finalHalo 5.8s ease-in-out infinite!important}
.inma-hero__brand-logo-final{position:relative!important;z-index:3!important;display:block!important;width:min(420px,88%)!important;max-height:190px!important;object-fit:contain!important;filter:brightness(0) invert(1) drop-shadow(0 18px 26px rgba(33,107,180,.24))!important;animation:finalLogoFloat 5.8s ease-in-out infinite!important}
.inma-hero__brand-ring{position:absolute;z-index:1;border-radius:50%;border:1px solid rgba(33,107,180,.18);pointer-events:none}.inma-hero__brand-ring--one{width:285px;height:285px;animation:finalRing 13s linear infinite}.inma-hero__brand-ring--two{width:390px;height:390px;border-style:dashed;opacity:.48;animation:finalRing 19s linear infinite reverse}.inma-hero__brand-ring::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:12%;inset-inline-start:17%;background:var(--final-blue);box-shadow:0 0 0 6px rgba(33,107,180,.10)}
.inma-home .inma-bank-quick.inma-bank-quick--premium{position:absolute!important;inset-inline:0!important;bottom:26px!important;z-index:5!important;overflow:hidden!important;padding:10px!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:24px!important;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px)!important;box-shadow:0 22px 54px rgba(18,76,124,.22),inset 0 1px 0 #fff!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item{position:relative!important;min-height:94px!important;padding:16px 18px!important;border:0!important;border-radius:17px!important;background:transparent!important;transition:.28s ease!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:not(:last-child)::before{content:"";position:absolute;inset-block:20%;inset-inline-end:0;width:1px;background:linear-gradient(transparent,rgba(33,107,180,.22),transparent)}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{height:3px!important;inset-inline:18px!important;bottom:7px!important;border-radius:99px!important;background:linear-gradient(90deg,var(--final-blue),var(--final-gold))!important;transform:scaleX(0)!important;transition:transform .28s ease!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover{transform:translateY(-4px)!important;background:linear-gradient(135deg,rgba(247,201,78,.12),rgba(33,107,180,.06))!important;box-shadow:0 10px 24px rgba(33,107,180,.09)!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover::after{transform:scaleX(1)!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{width:50px!important;height:50px!important;border-radius:15px!important;color:#fff!important;background:linear-gradient(145deg,var(--final-blue),var(--final-blue-dark))!important;border:2px solid rgba(247,201,78,.9)!important;box-shadow:0 9px 20px rgba(33,107,180,.20)!important}.inma-home .inma-bank-quick--premium strong{color:var(--final-blue-dark)!important;font-size:15px!important}.inma-home .inma-bank-quick--premium small{color:#5d7183!important;font-size:11px!important}
.inma-header-share{top:16px!important;align-self:flex-start!important}.inma-header-share__inner{transform:none!important}.inma-header-share__inner a,.inma-header-share__inner button,.inma-header-share__inner .social-link,.inma-header-share__inner [class*="social"]{color:#fff!important;background:var(--final-blue)!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 7px 16px rgba(33,107,180,.18)!important}.inma-header-share__inner i{color:#fff!important}.inma-header-share__inner svg,.inma-header-share__inner svg *{fill:#fff!important;stroke:#fff!important}
@keyframes finalLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}@keyframes finalHalo{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.035);opacity:1}}@keyframes finalRing{to{transform:rotate(360deg)}}
@media(max-width:991.98px){.inma-home .inma-hero--bank .inma-hero__grid{padding:42px 0 205px!important;gap:18px!important}.inma-hero__brand-art{min-height:270px!important}.inma-hero__brand-logo-final{width:min(330px,82%)!important;max-height:150px!important}.inma-hero__brand-halo{width:270px!important;height:270px!important}.inma-hero__brand-ring--one{width:220px;height:220px}.inma-hero__brand-ring--two{width:295px;height:295px}.inma-home .inma-bank-quick.inma-bank-quick--premium{bottom:22px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__item:nth-child(2)::before{display:none}.inma-header-share{top:0!important}}
@media(max-width:575.98px){.inma-home .inma-hero.inma-hero--bank{border-radius:0 0 34px 34px!important}.inma-home .inma-hero--bank .inma-hero__grid{padding:38px 0 410px!important}.inma-hero__brand-art{min-height:220px!important}.inma-hero__brand-logo-final{width:min(255px,78%)!important;max-height:120px!important}.inma-hero__brand-halo{width:215px!important;height:215px!important}.inma-hero__brand-ring--one{width:175px;height:175px}.inma-hero__brand-ring--two{width:235px;height:235px}.inma-home .inma-bank-quick.inma-bank-quick--premium{grid-template-columns:1fr!important;border-radius:20px!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__item{min-height:72px!important;padding:11px 13px!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__item::before{display:none!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{width:44px!important;height:44px!important}}
@media(prefers-reduced-motion:reduce){.inma-hero__brand-logo-final,.inma-hero__brand-halo,.inma-hero__brand-ring{animation:none!important}}

/* ===== REFINED HERO MARK + PROFESSIONAL SERVICE TABS ===== */
.inma-hero__brand-art{
    min-height:400px!important;
    border:0!important;
    background:transparent!important;
}
.inma-hero__brand-halo{
    width:330px!important;
    height:330px!important;
    background:radial-gradient(circle,rgba(255,255,255,.38) 0,rgba(255,255,255,.13) 48%,transparent 72%)!important;
    border:1px solid rgba(33,107,180,.16)!important;
    box-shadow:0 0 0 18px rgba(255,255,255,.04),0 24px 55px rgba(33,107,180,.10)!important;
}
.inma-hero__brand-logo-final{
    width:245px!important;
    height:245px!important;
    max-height:none!important;
    object-fit:contain!important;
    filter:drop-shadow(0 20px 28px rgba(32,83,126,.22))!important;
}
.inma-hero__brand-ring--one{width:300px!important;height:300px!important;border-color:rgba(33,107,180,.22)!important}
.inma-hero__brand-ring--two{width:372px!important;height:372px!important;border-color:rgba(255,255,255,.48)!important}

.inma-home .inma-bank-quick.inma-bank-quick--premium{
    overflow:visible!important;
    gap:14px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item{
    isolation:isolate!important;
    min-height:112px!important;
    padding:20px 18px!important;
    border:1px solid rgba(33,107,180,.14)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,252,240,.94))!important;
    box-shadow:0 16px 38px rgba(23,79,128,.14),inset 0 1px 0 #fff!important;
    backdrop-filter:blur(16px)!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    width:auto!important;
    border-radius:inherit!important;
    background:linear-gradient(135deg,rgba(247,201,78,.16),transparent 46%,rgba(33,107,180,.07))!important;
    opacity:0!important;
    transition:opacity .28s ease!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{
    content:""!important;
    position:absolute!important;
    inset-inline:22px!important;
    bottom:0!important;
    width:auto!important;
    height:4px!important;
    border-radius:5px 5px 0 0!important;
    background:linear-gradient(90deg,var(--final-gold),var(--final-blue))!important;
    transform:scaleX(.32)!important;
    transform-origin:center!important;
    opacity:.72!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover{
    transform:translateY(-8px)!important;
    border-color:rgba(33,107,180,.27)!important;
    background:#fff!important;
    box-shadow:0 24px 48px rgba(23,79,128,.20),inset 0 1px 0 #fff!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover::before{opacity:1!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover::after{transform:scaleX(1)!important;opacity:1!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:17px!important;
    font-size:20px!important;
    color:#fff!important;
    border:2px solid rgba(247,201,78,.92)!important;
    background:linear-gradient(145deg,#3283ca,var(--final-blue-dark))!important;
    box-shadow:0 10px 22px rgba(33,107,180,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;
    transition:transform .28s ease,box-shadow .28s ease!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover .inma-bank-quick__icon{transform:rotate(-4deg) scale(1.06)!important;box-shadow:0 14px 25px rgba(33,107,180,.28)!important}
.inma-home .inma-bank-quick--premium strong{display:block!important;color:var(--final-blue-dark)!important;font-size:16px!important;font-weight:900!important;line-height:1.45!important}
.inma-home .inma-bank-quick--premium small{display:block!important;margin-top:5px!important;color:#718394!important;font-size:11px!important;font-weight:700!important;line-height:1.55!important}

@media(max-width:991.98px){
    .inma-hero__brand-logo-final{width:200px!important;height:200px!important}
    .inma-hero__brand-halo{width:270px!important;height:270px!important}
    .inma-home .inma-bank-quick.inma-bank-quick--premium{gap:12px!important}
}

/* ===== DESKTOP NAV LAYOUT FIX — no overlap ===== */
@media(min-width:992px){
    .inma-main-header .inma-header-main{
        border-radius:0 0 24px 24px!important;
        overflow:visible!important;
    }
    .inma-main-header .inma-header-main__inner{
        min-height:154px!important;
        padding:14px 0 12px!important;
        display:grid!important;
        grid-template-columns:210px minmax(0,1fr) 270px!important;
        grid-template-rows:64px 54px!important;
        grid-template-areas:
            "location spacer logo"
            "navigation navigation navigation"!important;
        align-items:center!important;
        column-gap:20px!important;
        row-gap:7px!important;
    }
    .inma-main-header .inma-header-logo{
        grid-area:logo!important;
        width:270px!important;
        max-width:100%!important;
        height:64px!important;
        justify-self:end!important;
        justify-content:flex-end!important;
        overflow:visible!important;
    }
    .inma-main-header .inma-header-logo img{
        width:255px!important;
        max-width:100%!important;
        height:64px!important;
        max-height:64px!important;
        object-fit:contain!important;
        object-position:center right!important;
    }
    .inma-main-header #main-nav{
        grid-area:navigation!important;
        width:100%!important;
        min-width:0!important;
        align-self:stretch!important;
    }
    .inma-main-header #main-nav .offcanvas,
    .inma-main-header #main-nav .offcanvas-body,
    .inma-main-header .inma-main-menu{
        width:100%!important;
        height:100%!important;
        min-width:0!important;
        padding:0!important;
        overflow:visible!important;
    }
    .inma-main-header .inma-main-menu>ul,
    .inma-main-header #main-nav .navbar-nav{
        width:100%!important;
        height:100%!important;
        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        margin:0!important;
        padding:0!important;
    }
    .inma-main-header .inma-main-menu>ul>li,
    .inma-main-header #main-nav .navbar-nav>.nav-item{
        flex:0 0 auto!important;
        width:auto!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }
    .inma-main-header .inma-main-menu>ul>li>a,
    .inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{
        min-height:40px!important;
        padding:8px 10px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        color:#fff!important;
        font-size:13px!important;
        font-weight:800!important;
        line-height:1.2!important;
        white-space:nowrap!important;
        text-decoration:none!important;
    }
    .inma-main-header .inma-main-menu>ul>li>a:hover,
    .inma-main-header .inma-main-menu>ul>li.active>a,
    .inma-main-header .inma-main-menu>ul>li>a.active{
        color:#fff!important;
        background:rgba(255,255,255,.12)!important;
        border-radius:12px!important;
    }
    .inma-main-header .inma-header-location{
        grid-area:location!important;
        position:relative!important;
        z-index:2!important;
        width:190px!important;
        max-width:100%!important;
        min-height:46px!important;
        justify-self:start!important;
        margin:0!important;
        white-space:nowrap!important;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:170px minmax(0,1fr) 220px!important}
    .inma-main-header .inma-header-logo{width:220px!important}
    .inma-main-header .inma-header-logo img{width:210px!important}
    .inma-main-header .inma-header-location{width:160px!important;font-size:11px!important}
    .inma-main-header .inma-main-menu>ul,
    .inma-main-header #main-nav .navbar-nav{gap:2px!important}
    .inma-main-header .inma-main-menu>ul>li>a,
    .inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{padding:8px 6px!important;font-size:11px!important}
}

/* ===== FINAL CLEAN HEADER — compact, balanced, curved into hero ===== */
.inma-main-header .inma-header-main{
    position:relative!important;
    z-index:20!important;
    overflow:visible!important;
    border-radius:0 0 30px 30px!important;
    box-shadow:0 14px 32px rgba(18,72,119,.18)!important;
}
.inma-main-header .inma-header-main::after{display:none!important}
.inma-main-header .inma-header-main::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset-inline:3.5%!important;
    bottom:-24px!important;
    height:48px!important;
    border-radius:0 0 50% 50%/0 0 100% 100%!important;
    background:linear-gradient(100deg,#175b97,#216bb4 52%,#3284ca)!important;
    box-shadow:0 8px 0 rgba(247,201,78,.32)!important;
    pointer-events:none!important;
}
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{
        direction:ltr!important;
        min-height:132px!important;
        padding:9px 0 10px!important;
        display:grid!important;
        grid-template-columns:190px minmax(0,1fr) 270px!important;
        grid-template-rows:58px 46px!important;
        grid-template-areas:"location spacer logo" "navigation navigation navigation"!important;
        column-gap:18px!important;
        row-gap:4px!important;
    }
    .inma-main-header .inma-header-logo{
        grid-area:logo!important;
        direction:rtl!important;
        width:270px!important;
        height:58px!important;
        justify-self:end!important;
        justify-content:flex-end!important;
    }
    .inma-main-header .inma-header-logo img{
        width:250px!important;
        height:58px!important;
        max-height:58px!important;
        object-fit:contain!important;
        object-position:right center!important;
    }
    .inma-main-header #main-nav{grid-area:navigation!important;direction:rtl!important;height:46px!important}
    .inma-main-header #main-nav .offcanvas-body,
    .inma-main-header .inma-main-menu{height:46px!important}
    .inma-main-header .inma-main-menu>ul,
    .inma-main-header #main-nav .navbar-nav{height:46px!important;gap:6px!important}
    .inma-main-header .inma-main-menu a:not(.dropdown-item){color:rgba(255,255,255,.94)!important;text-shadow:0 1px 2px rgba(8,52,90,.15)!important}
    .inma-main-header .inma-main-menu>ul>li>a,
    .inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{
        min-height:38px!important;
        padding:7px 11px!important;
        border:1px solid transparent!important;
        border-radius:11px!important;
        color:rgba(255,255,255,.94)!important;
        font-size:13px!important;
        font-weight:800!important;
    }
    .inma-main-header .inma-main-menu>ul>li>a:hover,
    .inma-main-header .inma-main-menu>ul>li.active>a,
    .inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link:hover,
    .inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link.active{
        color:#fff!important;
        border-color:rgba(255,255,255,.15)!important;
        background:rgba(255,255,255,.10)!important;
    }
    .inma-main-header .inma-main-menu .dropdown-menu a{color:#15578f!important;text-shadow:none!important}
    .inma-main-header .inma-header-location{
        grid-area:location!important;
        direction:rtl!important;
        position:relative!important;
        justify-self:start!important;
        width:178px!important;
        min-height:46px!important;
        padding:8px 14px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:9px!important;
        border:1px solid rgba(247,201,78,.82)!important;
        border-radius:14px!important;
        color:#15578f!important;
        background:linear-gradient(145deg,#fffdf7,#fff3c9)!important;
        box-shadow:0 9px 20px rgba(8,53,93,.17),inset 0 1px 0 #fff!important;
        overflow:hidden!important;
    }
    .inma-main-header .inma-header-location::after{display:none!important}
    .inma-main-header .inma-header-location::before{
        content:"⌖"!important;
        position:relative!important;
        inset:auto!important;
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:10px!important;
        color:#fff!important;
        font-size:18px!important;
        line-height:1!important;
        background:linear-gradient(145deg,#3284ca,#15578f)!important;
        box-shadow:0 6px 13px rgba(33,107,180,.22)!important;
    }
    .inma-main-header .inma-header-location i{display:none!important}
    .inma-main-header .inma-header-location span{
        padding:0!important;
        color:#15578f!important;
        font-size:13px!important;
        font-weight:900!important;
    }
    .inma-main-header .inma-header-location:hover{
        transform:translateY(-2px)!important;
        border-color:#f7c94e!important;
        background:#fff!important;
        box-shadow:0 14px 27px rgba(8,53,93,.22)!important;
    }
    .inma-home .inma-hero.inma-hero--bank{padding-top:18px!important}
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:155px minmax(0,1fr) 215px!important}
    .inma-main-header .inma-header-logo{width:215px!important}.inma-main-header .inma-header-logo img{width:205px!important}
    .inma-main-header .inma-header-location{width:150px!important;padding:7px 9px!important}.inma-main-header .inma-header-location span{font-size:11px!important}
    .inma-main-header .inma-main-menu>ul,.inma-main-header #main-nav .navbar-nav{gap:2px!important}
    .inma-main-header .inma-main-menu>ul>li>a,.inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{padding:7px 6px!important;font-size:11px!important}
}

/* ===== FINAL HEADER POSITION + PREMIUM LOCATION BUTTON ===== */
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{
        direction:ltr!important;
        grid-template-columns:220px minmax(0,1fr) 285px!important;
        grid-template-areas:"location spacer logo" "navigation navigation navigation"!important;
        grid-template-rows:68px 50px!important;
        min-height:150px!important;
        padding:12px 0 13px!important;
    }
    .inma-main-header .inma-header-logo{
        grid-area:logo!important;
        direction:rtl!important;
        justify-self:end!important;
        justify-content:flex-end!important;
        width:285px!important;
    }
    .inma-main-header .inma-header-logo img{
        width:270px!important;
        height:66px!important;
        max-height:66px!important;
        object-position:right center!important;
    }
    .inma-main-header #main-nav{
        grid-area:navigation!important;
        direction:rtl!important;
    }
    .inma-main-header .inma-header-location{
        grid-area:location!important;
        direction:rtl!important;
        justify-self:start!important;
        width:205px!important;
        min-height:52px!important;
        padding:8px 12px 8px 16px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:11px!important;
        border:1px solid rgba(247,201,78,.78)!important;
        border-radius:16px!important;
        color:#15578f!important;
        background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,219,.96))!important;
        box-shadow:0 12px 26px rgba(7,52,92,.18),inset 0 1px 0 #fff!important;
        overflow:hidden!important;
        transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
    }
    .inma-main-header .inma-header-location::before{
        content:"";
        position:absolute;
        inset-inline-end:-25px;
        bottom:-38px;
        width:92px;
        height:92px;
        border-radius:50%;
        background:rgba(33,107,180,.055);
        pointer-events:none;
    }
    .inma-main-header .inma-header-location::after{
        content:"‹";
        position:absolute;
        inset-inline-end:14px;
        top:50%;
        transform:translateY(-50%);
        color:#216bb4;
        font-size:22px;
        font-weight:700;
        line-height:1;
        opacity:.65;
    }
    .inma-main-header .inma-header-location i{
        position:relative!important;
        z-index:1!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:11px!important;
        color:#fff!important;
        background:linear-gradient(145deg,#3182c8,#15578f)!important;
        box-shadow:0 7px 15px rgba(33,107,180,.22)!important;
    }
    .inma-main-header .inma-header-location span{
        position:relative!important;
        z-index:1!important;
        padding-inline-end:18px!important;
        color:#15578f!important;
        font-size:13px!important;
        font-weight:900!important;
        white-space:nowrap!important;
    }
    .inma-main-header .inma-header-location:hover{
        color:#15578f!important;
        transform:translateY(-3px)!important;
        border-color:#f7c94e!important;
        background:#fff!important;
        box-shadow:0 18px 34px rgba(7,52,92,.24)!important;
    }
    .inma-main-header .inma-main-menu .navbar-nav>li>a,
    .inma-main-header .inma-main-menu .navbar-nav>.nav-item>.nav-link,
    .inma-main-header .inma-main-menu>ul>li>a{
        color:rgba(255,255,255,.94)!important;
        text-shadow:0 1px 2px rgba(6,48,84,.14)!important;
    }
    .inma-main-header .inma-main-menu .navbar-nav>li>a:hover,
    .inma-main-header .inma-main-menu .navbar-nav>li.active>a,
    .inma-main-header .inma-main-menu .navbar-nav>li>a.active{
        color:#fff!important;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:175px minmax(0,1fr) 225px!important}
    .inma-main-header .inma-header-logo{width:225px!important}.inma-main-header .inma-header-logo img{width:215px!important}
    .inma-main-header .inma-header-location{width:165px!important;padding-inline:8px 12px!important}
    .inma-main-header .inma-header-location span{font-size:11px!important;padding-inline-end:10px!important}
}
@media(max-width:575.98px){
    .inma-hero__brand-logo-final{width:160px!important;height:160px!important}
    .inma-hero__brand-halo{width:210px!important;height:210px!important}
    .inma-home .inma-bank-quick--premium .inma-bank-quick__item{min-height:76px!important;padding:12px 14px!important;border-radius:17px!important}
    .inma-home .inma-bank-quick--premium .inma-bank-quick__icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;font-size:17px!important}
}

/* ===== CLEAN LOGO + BANK-GRADE QUICK NAV ===== */
.inma-hero__brand-halo,
.inma-hero__brand-ring,
.inma-hero__brand-ring--one,
.inma-hero__brand-ring--two{display:none!important}
.inma-hero__brand-art{min-height:360px!important;background:transparent!important;overflow:visible!important}
.inma-hero__brand-logo-final{
    width:275px!important;
    height:295px!important;
    max-height:none!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:drop-shadow(0 20px 30px rgba(22,78,126,.22))!important;
    animation:finalLogoFloat 6.4s ease-in-out infinite!important;
}
.inma-home .inma-bank-quick.inma-bank-quick--premium{
    gap:16px!important;
    align-items:stretch!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item{
    min-height:108px!important;
    gap:14px!important;
    padding:18px!important;
    overflow:hidden!important;
    border:1px solid rgba(33,107,180,.16)!important;
    border-top:4px solid var(--final-blue)!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,#fff 0%,#fffdf4 100%)!important;
    box-shadow:0 14px 32px rgba(24,78,124,.14)!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item::before{
    display:block!important;
    inset:auto -42px -52px auto!important;
    width:112px!important;
    height:112px!important;
    border-radius:50%!important;
    background:rgba(33,107,180,.055)!important;
    opacity:1!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item::after{
    inset:auto auto 0 18px!important;
    width:46px!important;
    height:4px!important;
    background:var(--final-gold)!important;
    transform:none!important;
    opacity:1!important;
}
.inma-home[dir="rtl"] .inma-bank-quick--premium .inma-bank-quick__item::after{left:auto!important;right:18px!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover{
    transform:translateY(-7px)!important;
    border-color:rgba(33,107,180,.31)!important;
    border-top-color:var(--final-gold)!important;
    background:linear-gradient(145deg,#fff,#f4f9fe)!important;
    box-shadow:0 22px 44px rgba(24,78,124,.20)!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__item:hover::after{width:calc(100% - 36px)!important;background:linear-gradient(90deg,var(--final-gold),var(--final-blue))!important}
.inma-home .inma-bank-quick--premium .inma-bank-quick__icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border:0!important;
    border-radius:14px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#2f82c9,var(--final-blue-dark))!important;
    box-shadow:0 9px 20px rgba(33,107,180,.23),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.inma-home .inma-bank-quick--premium .inma-bank-quick__icon::after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    inset-inline-end:-3px;
    top:-3px;
    border-radius:50%;
    background:var(--final-gold);
    border:2px solid #fff;
}
.inma-home .inma-bank-quick--premium strong{font-size:16px!important;color:#15578f!important}
.inma-home .inma-bank-quick--premium small{font-size:11px!important;color:#6d7f90!important}
@media(max-width:991.98px){.inma-hero__brand-logo-final{width:220px!important;height:235px!important}.inma-hero__brand-art{min-height:270px!important}}
@media(max-width:575.98px){.inma-hero__brand-logo-final{width:175px!important;height:190px!important}.inma-hero__brand-art{min-height:215px!important}.inma-home .inma-bank-quick--premium .inma-bank-quick__item{min-height:76px!important;border-top-width:3px!important}}

/* ===== SOFT PROFESSIONAL MAIN NAVIGATION ===== */
.inma-main-header .inma-header-main{
    position:relative!important;
    z-index:50!important;
    overflow:visible!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    border-radius:0 0 26px 26px!important;
    background:
        radial-gradient(circle at 88% 0,rgba(255,255,255,.12),transparent 25%),
        linear-gradient(105deg,#175b97 0%,#216bb4 48%,#3284ca 100%)!important;
    box-shadow:0 14px 34px rgba(21,78,126,.18)!important;
}
.inma-main-header .inma-header-main::after{
    content:"";
    position:absolute;
    inset-inline:3%;
    bottom:-1px;
    height:3px;
    border-radius:999px 999px 0 0;
    background:linear-gradient(90deg,transparent,var(--final-gold) 20%,rgba(255,255,255,.92) 50%,var(--final-gold) 80%,transparent);
    opacity:.8;
    pointer-events:none;
}
.inma-main-header .inma-header-main__inner{
    min-height:112px!important;
    grid-template-columns:270px minmax(0,1fr) 168px!important;
    gap:20px!important;
}
.inma-main-header .inma-header-logo img{
    width:min(250px,100%)!important;
    max-height:72px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(7,48,84,.16))!important;
}
.inma-main-header #main-nav,
.inma-main-header #main-nav .offcanvas-body,
.inma-main-header .inma-main-menu{width:100%!important;min-width:0!important}
.inma-main-header #main-nav .navbar-nav{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
}
.inma-main-header #main-nav .navbar-nav>.nav-item{flex:0 0 auto!important;margin:0!important}
.inma-main-header #main-nav .nav-link{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:9px 11px!important;
    border:1px solid transparent!important;
    border-radius:13px!important;
    color:rgba(255,255,255,.92)!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-shadow:0 1px 1px rgba(5,43,76,.12)!important;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease!important;
}
.inma-main-header #main-nav .nav-link::after{
    inset-inline:24%!important;
    bottom:4px!important;
    height:2px!important;
    background:var(--final-gold)!important;
    box-shadow:0 2px 8px rgba(247,201,78,.32)!important;
}
.inma-main-header #main-nav .nav-link:hover{
    color:#fff!important;
    border-color:rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.10)!important;
    transform:translateY(-2px)!important;
}
.inma-main-header #main-nav .nav-link.active,
.inma-main-header #main-nav .active>.nav-link{
    color:#fff!important;
    border-color:rgba(255,255,255,.20)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 20px rgba(10,61,105,.12)!important;
}
.inma-main-header #main-nav .dropdown-toggle::before,
.inma-main-header #main-nav .dropdown-toggle::after{color:var(--final-gold)!important}
.inma-main-header #main-nav .dropdown-menu{
    margin-top:12px!important;
    padding:9px!important;
    border:1px solid rgba(33,107,180,.12)!important;
    border-top:3px solid var(--final-gold)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 22px 48px rgba(13,61,103,.18)!important;
}
.inma-main-header #main-nav .dropdown-item{
    padding:9px 12px!important;
    border-radius:10px!important;
    color:#175b97!important;
    font-size:13px!important;
    font-weight:800!important;
}
.inma-main-header #main-nav .dropdown-item:hover,
.inma-main-header #main-nav .dropdown-item:focus{
    color:#124d80!important;
    background:linear-gradient(90deg,rgba(247,201,78,.20),rgba(33,107,180,.07))!important;
}
.inma-main-header .inma-header-location{
    min-height:48px!important;
    padding:9px 15px!important;
    gap:8px!important;
    border:1px solid rgba(247,201,78,.82)!important;
    border-radius:14px!important;
    color:#174f83!important;
    font-size:13px!important;
    background:linear-gradient(145deg,#fffdf5,#fff3c8)!important;
    box-shadow:0 11px 24px rgba(8,55,96,.17),inset 0 1px 0 #fff!important;
}
.inma-main-header .inma-header-location i{color:#216bb4!important}
.inma-main-header .inma-header-location:hover{
    color:#174f83!important;
    transform:translateY(-3px)!important;
    background:#fff!important;
    box-shadow:0 16px 30px rgba(8,55,96,.23)!important;
}
@media(min-width:992px) and (max-width:1399.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:220px minmax(0,1fr) 145px!important;gap:12px!important}
    .inma-main-header .inma-header-logo img{width:210px!important}
    .inma-main-header #main-nav .nav-link{padding:8px 7px!important;font-size:12px!important}
    .inma-main-header .inma-header-location{padding:8px 10px!important;font-size:11px!important}
}
@media(max-width:991.98px){
    .inma-main-header .inma-header-main{border-radius:0 0 18px 18px!important}
    .inma-main-header .inma-header-main__inner{min-height:82px!important;grid-template-columns:1fr auto!important}
    .inma-main-header .inma-header-logo img{width:205px!important;max-height:58px!important}
    .inma-main-header #main-nav .navbar-nav{display:block!important}
    .inma-main-header #main-nav .nav-link{width:100%!important;color:#175b97!important;text-shadow:none!important}
    .inma-main-header #main-nav .nav-link:hover,.inma-main-header #main-nav .nav-link.active{color:#124d80!important;background:rgba(247,201,78,.18)!important}
}

/* Must remain last: desktop structure override */
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{
        min-height:154px!important;
        padding:14px 0 12px!important;
        display:grid!important;
        grid-template-columns:210px minmax(0,1fr) 270px!important;
        grid-template-rows:64px 54px!important;
        grid-template-areas:"location spacer logo" "navigation navigation navigation"!important;
        column-gap:20px!important;
        row-gap:7px!important;
    }
    .inma-main-header .inma-header-logo{grid-area:logo!important;width:270px!important;height:64px!important;justify-self:end!important;justify-content:flex-end!important}
    .inma-main-header .inma-header-logo img{width:255px!important;height:64px!important;max-height:64px!important;object-fit:contain!important;object-position:center right!important}
    .inma-main-header #main-nav{grid-area:navigation!important;width:100%!important;align-self:stretch!important}
    .inma-main-header #main-nav .offcanvas-body,.inma-main-header .inma-main-menu{width:100%!important;height:100%!important;padding:0!important;overflow:visible!important}
    .inma-main-header .inma-main-menu>ul,.inma-main-header #main-nav .navbar-nav{width:100%!important;height:100%!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;padding:0!important}
    .inma-main-header .inma-main-menu>ul>li,.inma-main-header #main-nav .navbar-nav>.nav-item{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important}
    .inma-main-header .inma-main-menu>ul>li>a,.inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{min-height:40px!important;padding:8px 10px!important;color:#fff!important;font-size:13px!important;white-space:nowrap!important}
    .inma-main-header .inma-header-location{grid-area:location!important;width:190px!important;min-height:46px!important;justify-self:start!important;margin:0!important;white-space:nowrap!important}
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:170px minmax(0,1fr) 220px!important}
    .inma-main-header .inma-header-logo{width:220px!important}.inma-main-header .inma-header-logo img{width:210px!important}
    .inma-main-header .inma-header-location{width:160px!important;font-size:11px!important}
    .inma-main-header .inma-main-menu>ul,.inma-main-header #main-nav .navbar-nav{gap:2px!important}
    .inma-main-header .inma-main-menu>ul>li>a,.inma-main-header #main-nav .navbar-nav>.nav-item>.nav-link{padding:8px 6px!important;font-size:11px!important}
}

/* Absolute final placement: physical left/right are not flipped by RTL */
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{direction:ltr!important;grid-template-columns:220px minmax(0,1fr) 285px!important}
    .inma-main-header .inma-header-logo{grid-area:logo!important;direction:rtl!important;width:285px!important;justify-self:end!important}
    .inma-main-header .inma-header-logo img{width:270px!important}
    .inma-main-header #main-nav{grid-area:navigation!important;direction:rtl!important}
    .inma-main-header .inma-header-location{grid-area:location!important;direction:rtl!important;width:205px!important;min-height:52px!important;justify-self:start!important}
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:175px minmax(0,1fr) 225px!important}
    .inma-main-header .inma-header-logo{width:225px!important}.inma-main-header .inma-header-logo img{width:215px!important}
    .inma-main-header .inma-header-location{width:165px!important;min-height:48px!important}
}

/* Final compact measurements — keep this block at EOF */
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{direction:ltr!important;min-height:132px!important;padding:9px 0 10px!important;grid-template-columns:190px minmax(0,1fr) 270px!important;grid-template-rows:58px 46px!important;grid-template-areas:"location spacer logo" "navigation navigation navigation"!important;row-gap:4px!important}
    .inma-main-header .inma-header-logo{grid-area:logo!important;direction:rtl!important;width:270px!important;height:58px!important}.inma-main-header .inma-header-logo img{width:250px!important;height:58px!important;max-height:58px!important}
    .inma-main-header #main-nav{grid-area:navigation!important;direction:rtl!important;height:46px!important}
    .inma-main-header .inma-header-location{grid-area:location!important;direction:rtl!important;width:178px!important;min-height:46px!important;justify-self:start!important;padding:8px 14px!important}
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:155px minmax(0,1fr) 215px!important}
    .inma-main-header .inma-header-logo{width:215px!important}.inma-main-header .inma-header-logo img{width:205px!important}
    .inma-main-header .inma-header-location{width:150px!important;min-height:44px!important;padding:7px 9px!important}
}

/* ===== HEADER VISUAL CORRECTION ===== */
.inma-main-header .inma-header-main::before{
    inset-inline:5%!important;
    bottom:-11px!important;
    height:22px!important;
    border-radius:0 0 50% 50%/0 0 100% 100%!important;
    box-shadow:0 4px 0 rgba(247,201,78,.30)!important;
}
@media(min-width:992px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:218px minmax(0,1fr) 270px!important}
    .inma-main-header a.inma-header-location{
        width:208px!important;
        min-width:208px!important;
        min-height:48px!important;
        padding:8px 16px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:10px!important;
        overflow:visible!important;
        white-space:nowrap!important;
    }
    .inma-main-header a.inma-header-location>i{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
    .inma-main-header a.inma-header-location::after{display:none!important;content:none!important}
    .inma-main-header a.inma-header-location::before{
        content:"•"!important;
        position:relative!important;
        inset:auto!important;
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:50%!important;
        color:#f7c94e!important;
        font-size:24px!important;
        line-height:1!important;
        background:linear-gradient(145deg,#3284ca,#15578f)!important;
        box-shadow:0 6px 14px rgba(33,107,180,.23),inset 0 1px 0 rgba(255,255,255,.24)!important;
        flex:0 0 32px!important;
    }
    .inma-main-header a.inma-header-location>span{
        display:block!important;
        max-width:none!important;
        padding:0!important;
        margin:0!important;
        overflow:visible!important;
        color:#15578f!important;
        font-size:14px!important;
        font-weight:900!important;
        line-height:1.25!important;
        white-space:nowrap!important;
    }
    .inma-main-header .inma-main-menu .navbar-nav>li>a,
    .inma-main-header .inma-main-menu .navbar-nav>.nav-item>.nav-link,
    .inma-main-header .inma-main-menu>ul>li>a,
    .inma-main-header #main-nav .navbar-nav>li>a{
        color:#fff!important;
        opacity:1!important;
        text-shadow:0 1px 2px rgba(5,43,76,.14)!important;
    }
    .inma-main-header .inma-main-menu .dropdown-menu a{color:#15578f!important;text-shadow:none!important}
    .inma-home .inma-hero.inma-hero--bank{padding-top:8px!important}
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header .inma-header-main__inner{grid-template-columns:172px minmax(0,1fr) 215px!important}
    .inma-main-header a.inma-header-location{width:164px!important;min-width:164px!important;padding:7px 10px!important;gap:7px!important}
    .inma-main-header a.inma-header-location::before{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important}
    .inma-main-header a.inma-header-location>span{font-size:11px!important}
}

/* ===== BLUE OVERLAP + OUTLINE LOCATION ICON ===== */
.inma-main-header .inma-header-main::before{
    inset-inline:3.5%!important;
    bottom:-48px!important;
    height:72px!important;
    border-radius:0 0 50% 50%/0 0 75% 75%!important;
    background:linear-gradient(100deg,#175b97,#216bb4 54%,#3284ca)!important;
    box-shadow:0 6px 0 rgba(247,201,78,.28)!important;
}
@media(min-width:992px){
    .inma-main-header a.inma-header-location{
        width:200px!important;
        min-width:200px!important;
        gap:12px!important;
        padding:8px 16px!important;
    }
    .inma-main-header a.inma-header-location::before{
        content:""!important;
        position:relative!important;
        inset:auto!important;
        width:18px!important;
        height:18px!important;
        min-width:18px!important;
        flex:0 0 18px!important;
        display:inline-block!important;
        border:3px solid #216bb4!important;
        border-radius:50% 50% 50% 0!important;
        color:transparent!important;
        background:transparent!important;
        box-shadow:none!important;
        transform:rotate(-45deg)!important;
    }
    .inma-main-header a.inma-header-location>i{display:none!important}
    .inma-home .inma-hero.inma-hero--bank{
        min-height:595px!important;
        padding-top:0!important;
    }
    .inma-home .inma-hero--bank .inma-hero__grid{
        min-height:455px!important;
        padding:30px 0 108px!important;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-main-header a.inma-header-location{width:160px!important;min-width:160px!important;padding:7px 10px!important;gap:8px!important}
    .inma-main-header a.inma-header-location::before{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important;border-width:2px!important}
}
@media(max-width:991.98px){
    .inma-main-header .inma-header-main::before{bottom:-15px!important;height:28px!important;inset-inline:6%!important}
}

/* ===== FIX WAVE EDGES + HERO CONTENT CLEARANCE ===== */
.inma-main-header .inma-header-main{
    border-radius:0!important;
}
.inma-main-header .inma-header-main::before{
    inset-inline:0!important;
    bottom:-40px!important;
    width:100%!important;
    height:62px!important;
    border-radius:0 0 50% 50%/0 0 78% 78%!important;
    background:linear-gradient(100deg,#175b97,#216bb4 54%,#3284ca)!important;
    box-shadow:0 6px 0 rgba(247,201,78,.25)!important;
}
@media(min-width:992px){
    .inma-home .inma-hero--bank .inma-hero__content{
        position:relative!important;
        z-index:4!important;
        transform:translateY(-42px)!important;
    }
    .inma-home .inma-hero--bank .inma-hero__content p{
        margin-bottom:0!important;
    }
    .inma-home .inma-bank-quick.inma-bank-quick--premium{
        bottom:10px!important;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .inma-home .inma-hero--bank .inma-hero__content{transform:translateY(-30px)!important}
}
@media(max-width:991.98px){
    .inma-main-header .inma-header-main{border-radius:0!important}
    .inma-main-header .inma-header-main::before{inset-inline:0!important;bottom:-14px!important;width:100%!important;height:26px!important}
    .inma-home .inma-hero--bank .inma-hero__content{transform:none!important}
}

/* Final kicker clearance below the blue wave */
@media(min-width:992px){
    .inma-home .inma-hero--bank .inma-hero__content{
        transform:none!important;
        padding-top:20px!important;
    }
}

/* Active main-menu item must stay white on every page */
.inma-main-header .inma-main-menu .navbar-nav > li.active > a,
.inma-main-header .inma-main-menu .navbar-nav > li.show > a,
.inma-main-header .inma-main-menu .navbar-nav > li.current-menu-item > a,
.inma-main-header .inma-main-menu .navbar-nav > li.current-menu-parent > a,
.inma-main-header .inma-main-menu .navbar-nav > li > a.active,
.inma-main-header .inma-main-menu .navbar-nav > li > a[aria-expanded="true"],
.inma-main-header #main-nav .nav-link.active,
.inma-main-header #main-nav .nav-item.show > .nav-link{
    color:#fff!important;
    opacity:1!important;
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.20)!important;
    text-shadow:0 1px 2px rgba(5,43,76,.16)!important;
}
.inma-main-header .inma-main-menu .navbar-nav > li.active > a::after,
.inma-main-header .inma-main-menu .navbar-nav > li.show > a::after,
.inma-main-header .inma-main-menu .navbar-nav > li > a.active::after,
.inma-main-header .inma-main-menu .navbar-nav > li > a[aria-expanded="true"]::after{
    background:#f7c94e!important;
    transform:scaleX(1)!important;
}

/* Hide the duplicated locations link; the dedicated button remains visible. */
.inma-main-header .inma-main-menu li:has(> a[href$="/our-locations"]),
.inma-main-header .inma-main-menu li:has(> a[href$="/our-locations/"]){
    display:none!important;
}

/* Compact hero copy and preserve a clean gap above quick cards. */
@media(min-width:992px){
    .inma-home .inma-hero--bank .inma-hero__content{
        transform:translateY(-12px)!important;
    }
    .inma-home .inma-hero--bank .inma-hero__content p{
        max-width:680px!important;
        margin-top:18px!important;
        margin-bottom:0!important;
        font-size:16px!important;
        line-height:1.65!important;
    }
}

/* ===== HOME SPACING + SOFT TRUST FEATURES ===== */
.inma-home .inma-trust-strip{
    margin-top:0!important;
    padding:30px 0 42px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.inma-home .inma-trust-strip .container{
    position:relative!important;
    z-index:2!important;
}
.inma-home .inma-trust-strip__shell{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.inma-home .inma-trust-strip__item{
    position:relative!important;
    overflow:hidden!important;
    min-height:86px!important;
    padding:18px 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    border:1px solid rgba(33,107,180,.12)!important;
    border-top:3px solid #216bb4!important;
    border-radius:18px!important;
    color:#15578f!important;
    background:linear-gradient(145deg,#fff,#fffaf0)!important;
    box-shadow:0 12px 28px rgba(25,79,124,.10)!important;
    font-size:16px!important;
    font-weight:900!important;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.inma-home .inma-trust-strip__item::after{
    content:"";
    position:absolute;
    inset-inline-end:-34px;
    bottom:-48px;
    width:108px;
    height:108px;
    border-radius:50%;
    border:12px solid rgba(33,107,180,.055);
    pointer-events:none;
}
.inma-home .inma-trust-strip__item:hover{
    transform:translateY(-5px)!important;
    border-top-color:#f7c94e!important;
    box-shadow:0 18px 36px rgba(25,79,124,.15)!important;
}
.inma-home .inma-trust-strip__item i{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#3182c8,#15578f)!important;
    box-shadow:0 7px 15px rgba(33,107,180,.18)!important;
    font-size:15px!important;
}
@media(min-width:992px){
    .inma-home .inma-hero--bank .inma-hero__content{
        transform:translateY(-27px)!important;
    }
    .inma-home .inma-hero--bank .inma-hero__content p{
        max-width:650px!important;
        margin-top:15px!important;
        font-size:15px!important;
        line-height:1.55!important;
    }
}
@media(max-width:767.98px){
    .inma-home .inma-trust-strip{padding:22px 0 30px!important}
    .inma-home .inma-trust-strip__shell{grid-template-columns:1fr!important;gap:10px!important}
    .inma-home .inma-trust-strip__item{min-height:68px!important;padding:12px 14px!important;font-size:14px!important}
}

/* ===== CLEAN TRUST CARDS + EDGE FIX ===== */
.inma-home .inma-hero.inma-hero--bank{
    border-radius:0!important;
}
.inma-home .inma-hero.inma-hero--bank::after{
    inset-inline:-2%!important;
    width:auto!important;
    border-radius:50% 50% 0 0/36% 36% 0 0!important;
}
.inma-home .inma-trust-strip{
    padding-top:34px!important;
    overflow:hidden!important;
}
.inma-home .inma-trust-strip__shell{
    gap:18px!important;
}
.inma-home .inma-trust-strip__item{
    min-height:92px!important;
    overflow:visible!important;
    padding:18px 24px!important;
    border:1px solid rgba(33,107,180,.14)!important;
    border-radius:18px!important;
    color:#15578f!important;
    background:#fff!important;
    box-shadow:0 12px 27px rgba(25,79,124,.10)!important;
}
.inma-home .inma-trust-strip__item::before{
    content:""!important;
    position:absolute!important;
    top:-1px!important;
    left:50%!important;
    width:62px!important;
    height:3px!important;
    border-radius:0 0 99px 99px!important;
    background:linear-gradient(90deg,#f7c94e,#216bb4)!important;
    transform:translateX(-50%)!important;
}
.inma-home .inma-trust-strip__item::after{
    display:none!important;
    content:none!important;
}
.inma-home .inma-trust-strip__item i{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    color:#216bb4!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
}
.inma-home .inma-trust-strip__item i::before{
    content:"✓"!important;
    font-family:Arial,sans-serif!important;
    color:#216bb4!important;
    font-size:20px!important;
    font-weight:900!important;
    line-height:1!important;
}
.inma-home .inma-trust-strip__item span{
    color:#15578f!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.55!important;
}
.inma-home .inma-trust-strip__item:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(33,107,180,.25)!important;
    box-shadow:0 17px 34px rgba(25,79,124,.14)!important;
}
@media(max-width:767.98px){
    .inma-home .inma-trust-strip__item{min-height:66px!important;padding:12px 16px!important}
    .inma-home .inma-trust-strip__item span{font-size:14px!important}
}

/* ===== FORCE ACTIVE MENU COLOR ABOVE INLINE MENU STYLES ===== */
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link.active,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link.show,
html body .inma-main-header #main-nav .navbar-nav > li.show > a.nav-link,
html body .inma-main-header #main-nav .navbar-nav > li.active > a.nav-link,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link[aria-current="page"],
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link[aria-expanded="true"]{
    color:#fff!important;
    opacity:1!important;
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.22)!important;
    text-shadow:0 1px 2px rgba(5,43,76,.18)!important;
    -webkit-text-fill-color:#fff!important;
}
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link.active *,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link.show *,
html body .inma-main-header #main-nav .navbar-nav > li.show > a.nav-link *,
html body .inma-main-header #main-nav .navbar-nav > li.active > a.nav-link *,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link[aria-current="page"] *,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link[aria-expanded="true"] *{
    color:#fff!important;
    border-top-color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
html body .inma-main-header #main-nav .dropdown-menu a.dropdown-item.active,
html body .inma-main-header #main-nav .dropdown-menu a.dropdown-item.show,
html body .inma-main-header #main-nav .dropdown-menu a.dropdown-item[aria-current="page"]{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#216bb4,#15578f)!important;
}

/* Keep hovered/open top-level dropdown labels white as well. */
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link:hover,
html body .inma-main-header #main-nav .navbar-nav > li > a.nav-link:focus,
html body .inma-main-header #main-nav .navbar-nav > li.dropdown:hover > a.nav-link,
html body .inma-main-header #main-nav .navbar-nav > li.dropdown:focus-within > a.nav-link{
    color:#fff!important;
    opacity:1!important;
    background:rgba(255,255,255,.14)!important;
    border-color:rgba(255,255,255,.22)!important;
    text-shadow:0 1px 2px rgba(5,43,76,.18)!important;
    -webkit-text-fill-color:#fff!important;
}
html body .inma-main-header #main-nav .navbar-nav > li.dropdown:hover > a.nav-link .dropdown-caret,
html body .inma-main-header #main-nav .navbar-nav > li.dropdown:focus-within > a.nav-link .dropdown-caret{
    color:#fff!important;
    border-top-color:#fff!important;
}

/* ===== RICHER ALINMA GOLD GRADIENT ===== */
.inma-header-top{
    background:
        radial-gradient(circle at 22% 0,rgba(255,255,255,.20),transparent 28%),
        linear-gradient(105deg,#d79d10 0%,#eab52a 32%,#f7c94e 56%,#dca313 100%)!important;
}
.inma-home .inma-hero.inma-hero--bank{
    background:
        radial-gradient(circle at 78% 16%,rgba(255,255,255,.18) 0%,transparent 29%),
        radial-gradient(circle at 9% 48%,rgba(33,107,180,.11) 0%,transparent 32%),
        linear-gradient(118deg,#cf9410 0%,#e2a91b 27%,#f7c94e 58%,#e4aa18 100%)!important;
}
.inma-home .inma-hero--bank .inma-hero__bg{
    opacity:1!important;
    background:
        linear-gradient(112deg,rgba(131,87,0,.08),rgba(255,255,255,.09) 48%,rgba(128,83,0,.06)),
        repeating-linear-gradient(125deg,rgba(255,255,255,.09) 0 1px,transparent 1px 76px)!important;
}
.inma-home .inma-hero--bank .inma-hero__overlay{
    opacity:.68!important;
    background:
        linear-gradient(90deg,rgba(33,107,180,.07),transparent 38%,rgba(255,255,255,.05)),
        radial-gradient(circle at 1px 1px,rgba(33,107,180,.20) 1.1px,transparent 1.35px)!important;
    background-size:auto,30px 30px!important;
}
/*
 * Safe menu-state fix.
 * Add this block at the very end of public-polish.css.
 * It contains CSS only and does not modify Blade or Laravel logic.
 */

html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link,
html body header.inma-main-header #main-nav .navbar-nav > li > a.dropdown-toggle {
    color: rgba(255, 255, 255, .95) !important;
    -webkit-text-fill-color: #fff !important;
}

html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link:hover,
html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link:focus,
html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link.active,
html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link.show,
html body header.inma-main-header #main-nav .navbar-nav > li.active > a,
html body header.inma-main-header #main-nav .navbar-nav > li.show > a,
html body header.inma-main-header #main-nav .navbar-nav > li.dropdown:hover > a,
html body header.inma-main-header #main-nav .navbar-nav > li.dropdown:focus-within > a,
html body header.inma-main-header #main-nav .navbar-nav > li > a[aria-current="page"],
html body header.inma-main-header #main-nav .navbar-nav > li > a[aria-expanded="true"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    text-shadow: 0 1px 2px rgba(5, 43, 76, .18) !important;
}

html body header.inma-main-header #main-nav .navbar-nav > li > a:hover .dropdown-caret,
html body header.inma-main-header #main-nav .navbar-nav > li.active > a .dropdown-caret,
html body header.inma-main-header #main-nav .navbar-nav > li.show > a .dropdown-caret,
html body header.inma-main-header #main-nav .navbar-nav > li.dropdown:hover > a .dropdown-caret,
html body header.inma-main-header #main-nav .navbar-nav > li > a[aria-expanded="true"] .dropdown-caret {
    color: #fff !important;
    border-top-color: #fff !important;
}

html body header.inma-main-header #main-nav .dropdown-menu a.dropdown-item.active,
html body header.inma-main-header #main-nav .dropdown-menu a.dropdown-item.show,
html body header.inma-main-header #main-nav .dropdown-menu a.dropdown-item[aria-current="page"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(135deg, #216bb4, #15578f) !important;
}

@media (max-width: 991.98px) {
    html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link,
    html body header.inma-main-header #main-nav .navbar-nav > li > a.dropdown-toggle {
        color: #15578f !important;
        -webkit-text-fill-color: #15578f !important;
    }

    html body header.inma-main-header #main-nav .navbar-nav > li > a.nav-link.active,
    html body header.inma-main-header #main-nav .navbar-nav > li.active > a,
    html body header.inma-main-header #main-nav .navbar-nav > li.show > a {
        color: #15578f !important;
        -webkit-text-fill-color: #15578f !important;
        background: rgba(247, 201, 78, .20) !important;
    }
}