@font-face { font-family: "Kahroba"; src: url("https://loan.doctorpay.ir/loan/assets/fonts/Kahroba-VF-FD.ttf") format("truetype"); font-weight: 100 900; font-stretch: 75% 125%; font-style: normal; font-display: swap; }

.loan-cms { color-scheme: light; --background: #fff; --foreground: #0f172b; --card: #fbfafc; --primary: #093fb4; --primary-foreground: #eff6ff; --muted: #f1f5f9; --muted-foreground: #60718b; --border: #e2ebf0; --input: #f8fafc; --ring: #51a2ff; --radius: .625rem; }
.loan-cms * { box-sizing: border-box; } .loan-cms { background: var(--background); scroll-behavior: smooth; } .loan-cms { margin: 0; padding-top: 5rem; color: var(--foreground); background: var(--background); font-family: Kahroba, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.8; } .loan-cms img { display: block; max-width: 100%; } .loan-cms a { color: inherit; } .loan-cms h1, .loan-cms h2, .loan-cms h3, .loan-cms p { margin: 0; } .loan-cms h1, .loan-cms h2, .loan-cms h3 { text-wrap: balance; }
.loan-cms .skip-link, .loan-cms.skip-link { position: fixed; inset-inline-start: 1rem; top: -4rem; z-index: 10; padding: .55rem 1rem; border-radius: var(--radius); color: white; background: var(--primary); }.loan-cms .skip-link:focus, .loan-cms.skip-link:focus { top: 1rem; }

/* Header: matches the established strapi-bridge landing header. */
.loan-cms .site-header, .loan-cms.site-header { position: fixed; inset: 0 0 auto; z-index: 4; height: 5rem; background: #fff; border-bottom: 1px solid var(--border); }.loan-cms .site-header__inner, .loan-cms.site-header__inner, .loan-cms .hero, .loan-cms.hero, .loan-cms .providers, .loan-cms.providers, .loan-cms .breadcrumbs, .loan-cms.breadcrumbs, .loan-cms .site-footer__inner, .loan-cms.site-footer__inner, .loan-cms .section-container, .loan-cms.section-container { width: min(100% - 2rem, 72rem); margin-inline: auto; }.loan-cms .site-header__inner, .loan-cms.site-header__inner { display: flex; height: 100%; align-items: center; gap: 2rem; }.loan-cms .brand, .loan-cms.brand { flex: none; text-decoration: none; }.loan-cms .brand img, .loan-cms.brand img { width: 126px; height: 40px; }.loan-cms .site-nav, .loan-cms.site-nav { display: flex; flex: 1; align-items: center; gap: 2rem; }.loan-cms .site-nav a, .loan-cms.site-nav a { color: var(--foreground); font-size: 1rem; font-weight: 500; text-decoration: none; transition: color .2s ease; }.loan-cms .site-nav a:hover, .loan-cms.site-nav a:hover { color: #314158; }.loan-cms .site-header__actions, .loan-cms.site-header__actions { display: flex; align-items: center; gap: 1rem; }.loan-cms .header-phone, .loan-cms.header-phone, .loan-cms .header-merchant, .loan-cms.header-merchant, .loan-cms .header-cta, .loan-cms.header-cta, .loan-cms .button, .loan-cms.button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }.loan-cms .header-phone, .loan-cms.header-phone { width: 2.75rem; padding: .5rem; border: 1px solid var(--border); border-radius: var(--radius); }.loan-cms .header-merchant, .loan-cms.header-merchant { padding: .55rem .85rem; border-radius: var(--radius); color: var(--foreground); background: #eff6ff; }.loan-cms .header-cta, .loan-cms.header-cta, .loan-cms .button--primary, .loan-cms.button--primary { padding: .55rem 1.1rem; border-radius: var(--radius); color: white; background: var(--primary); }.loan-cms .header-cta:hover, .loan-cms.header-cta:hover, .loan-cms .button--primary:hover, .loan-cms.button--primary:hover { background: #06358f; }.loan-cms .button, .loan-cms.button { min-height: 2.85rem; padding: .55rem 1.1rem; font-weight: 600; }.loan-cms .button--secondary, .loan-cms.button--secondary { gap: .4rem; color: var(--primary); border: 1px solid var(--border); border-radius: 999px; background: white; }.loan-cms .button--secondary:hover, .loan-cms.button--secondary:hover { color: white; border-color: var(--primary); background: var(--primary); }.loan-cms .mobile-menu, .loan-cms.mobile-menu { display: none; }

/* Landing sections: spacing, border, type and button patterns from the accepted bridge output. */
.loan-cms .hero, .loan-cms.hero { display: grid; gap: 2.5rem; align-items: center; padding-block: 2.5rem 3.5rem; }.loan-cms .hero--with-media, .loan-cms.hero--with-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }.loan-cms .hero__copy, .loan-cms.hero__copy { max-width: 40rem; }.loan-cms .hero h1, .loan-cms.hero h1 { font-size: clamp(1.9rem, 4vw, 2.75rem); line-height: 1.45; }.loan-cms .hero__description, .loan-cms.hero__description { max-width: 36rem; margin-top: 1rem; color: var(--muted-foreground); font-size: clamp(1rem, 1.8vw, 1.125rem); line-height: 1.9; }.loan-cms .hero__actions, .loan-cms.hero__actions { margin-top: 2rem; }.loan-cms .hero__links, .loan-cms.hero__links { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }.loan-cms .hero__media, .loan-cms.hero__media { min-height: 17.5rem; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #f9fafb; }.loan-cms .hero__media img, .loan-cms.hero__media img { width: 100%; height: 100%; object-fit: cover; }
.loan-cms .seo-section, .loan-cms.seo-section { padding-block: 2rem; }.loan-cms .seo-section + .seo-section, .loan-cms.seo-section + .seo-section { padding-top: 0; }.loan-cms .rich-content, .loan-cms.rich-content { max-width: 56rem; color: var(--muted-foreground); font-size: 1.05rem; line-height: 2; }.loan-cms .rich-content > :first-child, .loan-cms.rich-content > :first-child { margin-top: 0; }.loan-cms .rich-content > :last-child, .loan-cms.rich-content > :last-child { margin-bottom: 0; }.loan-cms .rich-content h2, .loan-cms.rich-content h2, .loan-cms .rich-content h3, .loan-cms.rich-content h3, .loan-cms .rich-content h4, .loan-cms.rich-content h4 { color: var(--foreground); line-height: 1.55; }.loan-cms .rich-content h2, .loan-cms.rich-content h2 { margin: 0 0 1rem; font-size: clamp(1.5rem, 3vw, 2rem); }.loan-cms .rich-content h3, .loan-cms.rich-content h3 { margin: 2.25rem 0 .75rem; font-size: clamp(1.25rem, 2.5vw, 1.55rem); }.loan-cms .rich-content h4, .loan-cms.rich-content h4 { margin: 1.75rem 0 .6rem; font-size: 1.1rem; }.loan-cms .rich-content p, .loan-cms.rich-content p, .loan-cms .rich-content ul, .loan-cms.rich-content ul, .loan-cms .rich-content ol, .loan-cms.rich-content ol, .loan-cms .rich-content blockquote, .loan-cms.rich-content blockquote { margin: .9rem 0 0; }.loan-cms .rich-content ul, .loan-cms.rich-content ul, .loan-cms .rich-content ol, .loan-cms.rich-content ol { padding-inline-start: 1.5rem; }.loan-cms .rich-content li + li, .loan-cms.rich-content li + li { margin-top: .45rem; }.loan-cms .rich-content a, .loan-cms.rich-content a { color: var(--primary); font-weight: 600; }.loan-cms .rich-content blockquote, .loan-cms.rich-content blockquote { padding: .75rem 1rem; border-inline-start: 3px solid var(--primary); color: var(--foreground); background: #eff6ff; }
.loan-cms .section-heading, .loan-cms.section-heading, .loan-cms .faq h2, .loan-cms.faq h2, .loan-cms .providers h2, .loan-cms.providers h2, .loan-cms .final-cta h2, .loan-cms.final-cta h2 { margin-bottom: .8rem; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.55; }.loan-cms .section-heading, .loan-cms.section-heading { max-width: 40rem; margin-bottom: 2rem; }.loan-cms .section-heading > span, .loan-cms.section-heading > span { display: block; margin-bottom: .15rem; color: var(--primary); font-size: .95rem; font-weight: 600; }.loan-cms .section-heading p, .loan-cms.section-heading p { color: var(--muted-foreground); }
.loan-cms .calculator, .loan-cms.calculator { padding-block: 3.5rem; border-block: 1px solid var(--border); background: white; }.loan-cms .calculator__layout, .loan-cms.calculator__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 28.75rem); gap: 2.5rem; align-items: center; }.loan-cms .calculator__layout--compact, .loan-cms.calculator__layout--compact { grid-template-columns: minmax(18rem, 28.75rem); justify-content: end; }.loan-cms .calculator__side-heading, .loan-cms.calculator__side-heading { display: block; margin: 0; font-size: 1.1rem; font-weight: 700; }.loan-cms .calculator__benefit-title, .loan-cms.calculator__benefit-title { display: block; font-size: 1.1rem; font-weight: 700; }.loan-cms .calculator__benefits, .loan-cms.calculator__benefits { display: grid; gap: 1rem; padding: 0; margin: 0; list-style: none; color: var(--foreground); }.loan-cms .calculator__benefits li, .loan-cms.calculator__benefits li { display: flex; align-items: flex-start; gap: .75rem; }.loan-cms .calculator__benefits li::before, .loan-cms.calculator__benefits li::before { content: "✓"; display: grid; width: 1.25rem; height: 1.25rem; flex: none; place-items: center; margin-top: .25rem; border-radius: 999px; color: white; background: var(--primary); font-size: .75rem; line-height: 1; }.loan-cms .calculator__card, .loan-cms.calculator__card { overflow: hidden; border: 1px solid #d1d5db; background: white; }.loan-cms .calculator__products, .loan-cms.calculator__products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 2px solid #e5e7eb; }.loan-cms .calculator__products button, .loan-cms.calculator__products button { min-height: 4.5rem; padding: .7rem .35rem; border: 0; border-inline-start: 1px solid #e5e7eb; color: #60718b; background: white; font: inherit; font-size: .85rem; font-weight: 650; cursor: pointer; }.loan-cms .calculator__products button:first-child, .loan-cms.calculator__products button:first-child { border-inline-start: 0; }.loan-cms .calculator__products button[aria-pressed="true"], .loan-cms.calculator__products button[aria-pressed="true"] { color: white; background: var(--primary); }.loan-cms .calculator__amount, .loan-cms.calculator__amount { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.5rem 1rem; }.loan-cms .calculator__amount span, .loan-cms.calculator__amount span { display: block; color: #475569; font-size: .85rem; }.loan-cms .calculator__amount strong, .loan-cms.calculator__amount strong { display: block; margin-top: .25rem; color: var(--foreground); font-size: 1.7rem; line-height: 1.25; }.loan-cms .calculator__stepper, .loan-cms.calculator__stepper { display: flex; gap: .5rem; }.loan-cms .calculator__stepper button, .loan-cms.calculator__stepper button { width: 2.75rem; height: 2.75rem; border: 0; color: var(--foreground); background: #f1f5f9; font: inherit; font-size: 1.4rem; font-weight: 700; cursor: pointer; }.loan-cms .calculator input[type="range"], .loan-cms.calculator input[type="range"] { width: calc(100% - 3rem); margin: .25rem 1.5rem 0; accent-color: var(--primary); }.loan-cms .calculator__range-labels, .loan-cms.calculator__range-labels { display: flex; justify-content: space-between; padding: .25rem 1.5rem 1.5rem; color: #64748b; font-size: .7rem; }.loan-cms .calculator__results, .loan-cms.calculator__results { border-top: 1px solid #d1d5db; }.loan-cms .calculator__result, .loan-cms.calculator__result { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .85rem 1.5rem; border-bottom: 1px solid #e5e7eb; }.loan-cms .calculator__result span, .loan-cms.calculator__result span { color: #475569; font-size: .82rem; font-weight: 600; }.loan-cms .calculator__result strong, .loan-cms.calculator__result strong { color: var(--foreground); font-size: .95rem; }.loan-cms .calculator__cta, .loan-cms.calculator__cta { width: calc(100% - 3rem); margin: 1.5rem; color: #fff; }.loan-cms .calculator__disclosure, .loan-cms.calculator__disclosure { max-width: 28.75rem; margin: .85rem 0 0 auto; color: var(--muted-foreground); font-size: .78rem; line-height: 1.7; }
.loan-cms .providers, .loan-cms.providers { padding-block: 3.5rem; }.loan-cms .providers__heading, .loan-cms.providers__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.loan-cms .providers__viewport, .loan-cms.providers__viewport { outline: none; }.loan-cms .providers__viewport:focus-visible, .loan-cms.providers__viewport:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 1rem; }.loan-cms .providers__list, .loan-cms.providers__list { display: flex; gap: .75rem; }.loan-cms .providers--grid .providers__list, .loan-cms.providers--grid .providers__list { flex-wrap: wrap; }.loan-cms .provider, .loan-cms.provider { display: flex; min-height: 13.75rem; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; overflow: hidden; padding: 0; text-align: center; border: 1px solid var(--border); border-radius: 1rem; background: #f9fafb; }.loan-cms .provider img, .loan-cms.provider img { width: 100%; height: 100%; min-height: 8.25rem; max-height: 10.25rem; object-fit: cover; }.loan-cms .provider > div, .loan-cms.provider > div { width: 100%; min-height: 4.75rem; padding: .65rem .8rem; background: white; }.loan-cms .provider__name, .loan-cms.provider__name, .loan-cms .provider p, .loan-cms.provider p { margin: 0; }.loan-cms .provider__name, .loan-cms.provider__name { display: block; font-weight: 700; font-size: .95rem; }.loan-cms .provider p, .loan-cms.provider p { overflow: hidden; color: var(--muted-foreground); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.loan-cms .providers--grid .provider, .loan-cms.providers--grid .provider { flex: 1 1 10.75rem; max-width: 13rem; }.loan-cms .providers--carousel .providers__viewport, .loan-cms.providers--carousel .providers__viewport { overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x mandatory; scrollbar-width: none; }.loan-cms .providers--carousel .providers__viewport::-webkit-scrollbar, .loan-cms.providers--carousel .providers__viewport::-webkit-scrollbar { display: none; }.loan-cms .providers--carousel .provider, .loan-cms.providers--carousel .provider { flex: 0 0 calc((100% - 3.75rem) / 6); min-width: 10.25rem; scroll-snap-align: start; }.loan-cms .providers__controls, .loan-cms.providers__controls { display: flex; flex: none; gap: .5rem; margin-bottom: 2rem; }.loan-cms .providers__control, .loan-cms.providers__control { display: inline-grid; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid var(--border); border-radius: 999px; color: var(--primary); background: white; font: inherit; font-size: 1.2rem; cursor: pointer; transition: background-color .2s ease, color .2s ease, transform .2s ease; }.loan-cms .providers__control:hover, .loan-cms.providers__control:hover { color: white; background: var(--primary); transform: translateY(-1px); }.loan-cms .providers__control:focus-visible, .loan-cms.providers__control:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.loan-cms .trust-section, .loan-cms.trust-section { padding-block: 3.5rem; background: white; }.loan-cms .trust-section__items, .loan-cms.trust-section__items { display: grid; overflow: hidden; border: 1px solid var(--border); border-radius: .75rem; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); }.loan-cms .trust-section__items article, .loan-cms.trust-section__items article { display: flex; gap: 1rem; padding: 1.5rem; }.loan-cms .trust-section__items article + article, .loan-cms.trust-section__items article + article { border-inline-start: 1px solid var(--border); }.loan-cms .trust-section__items img, .loan-cms.trust-section__items img { width: 3rem; height: 3rem; flex: none; padding: .5rem; border-radius: 999px; background: #f1f5f9; }.loan-cms .trust-section__items h3, .loan-cms.trust-section__items h3 { margin: 0; font-size: 1.1rem; }.loan-cms .trust-section__items p, .loan-cms.trust-section__items p { margin-top: .25rem; color: var(--muted-foreground); font-size: .9rem; }
/* App promotion — matches live doctorpay.ir pattern */
.loan-cms .app-promo, .loan-cms.app-promo { position: relative; overflow: hidden; border-radius: 1rem; width: min(100% - 2rem, 72rem); margin: 2rem auto; }
.loan-cms .app-promo__gradient, .loan-cms.app-promo__gradient { position: absolute; inset: 0; background: linear-gradient(135deg, #072d82 0%, var(--primary) 50%, #0a4ad6 100%); z-index: 0; }
.loan-cms .app-promo__phone--desktop, .loan-cms.app-promo__phone--desktop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; pointer-events: none; display: block; }
.loan-cms .app-promo__phone--desktop img, .loan-cms.app-promo__phone--desktop img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: -40% top; border-radius: 1rem; }
.loan-cms .app-promo__phone--mobile, .loan-cms.app-promo__phone--mobile { display: none; }
.loan-cms .app-promo__inner, .loan-cms.app-promo__inner { position: relative; z-index: 10; padding: 2.5rem; color: white; }
.loan-cms .app-promo__heading, .loan-cms.app-promo__heading { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; line-height: 1.45; margin-bottom: 1.5rem; }
.loan-cms .app-promo__features, .loan-cms.app-promo__features { display: grid; gap: .85rem; padding: 0; margin: 0 0 2rem; list-style: none; }
.loan-cms .app-promo__feature, .loan-cms.app-promo__feature { display: flex; align-items: center; gap: .75rem; font-size: .95rem; line-height: 1.6; }
.loan-cms .app-promo__icon, .loan-cms.app-promo__icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: none; border-radius: 999px; background: rgba(255,255,255,.15); }
.loan-cms .app-promo__icon svg, .loan-cms.app-promo__icon svg { width: 1.15rem; height: 1.15rem; }
.loan-cms .app-promo__actions, .loan-cms.app-promo__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.loan-cms .app-promo__ios, .loan-cms.app-promo__ios { display: flex; align-items: center; gap: .65rem; padding: .7rem 1.25rem; border-radius: var(--radius); background: rgba(255,255,255,.1); color: white; text-decoration: none; font-size: .85rem; transition: background-color .2s ease; }
.loan-cms .app-promo__ios:hover, .loan-cms.app-promo__ios:hover { background: rgba(255,255,255,.2); }
.loan-cms .app-promo__ios small, .loan-cms.app-promo__ios small { display: block; font-size: .7rem; font-weight: 400; color: rgba(255,255,255,.8); }
.loan-cms .app-promo__ios strong, .loan-cms.app-promo__ios strong { display: block; font-size: .82rem; font-weight: 700; }
.loan-cms .app-promo__stores, .loan-cms.app-promo__stores { display: flex; gap: .75rem; }
.loan-cms .app-promo__stores a, .loan-cms.app-promo__stores a { display: flex; align-items: center; gap: .5rem; padding: .55rem 1rem; border-radius: var(--radius); background: rgba(255,255,255,.1); color: white; text-decoration: none; font-size: .82rem; font-weight: 500; white-space: nowrap; transition: background-color .2s ease; }
.loan-cms .app-promo__stores a:hover, .loan-cms.app-promo__stores a:hover { background: rgba(255,255,255,.2); }
.loan-cms .app-promo__stores a img, .loan-cms.app-promo__stores a img { flex: none; }
@media (max-width: 47.9375rem) { .loan-cms .app-promo__phone--desktop, .loan-cms.app-promo__phone--desktop { display: none; }.loan-cms .app-promo__phone--mobile, .loan-cms.app-promo__phone--mobile { display: block; position: relative; height: 300px; width: 100%; z-index: 1; }.loan-cms .app-promo__phone--mobile img, .loan-cms.app-promo__phone--mobile img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; border-radius: 1rem; }.loan-cms .app-promo__inner, .loan-cms.app-promo__inner { padding: 2rem 1.25rem; text-align: right; }.loan-cms .app-promo__features, .loan-cms.app-promo__features { margin-bottom: 1.5rem; }.loan-cms .app-promo__feature, .loan-cms.app-promo__feature { justify-content: flex-start; }.loan-cms .app-promo__actions, .loan-cms.app-promo__actions { justify-content: flex-start; } }
.loan-cms .faq, .loan-cms.faq { padding-block: 3.5rem; }.loan-cms .faq__list, .loan-cms.faq__list { overflow: hidden; border: 1px solid var(--border); border-radius: .75rem; background: white; }.loan-cms .faq details + details, .loan-cms.faq details + details { border-top: 1px solid var(--border); }.loan-cms .faq summary, .loan-cms.faq summary { display: flex; min-height: 4.5rem; cursor: pointer; align-items: center; gap: .8rem; padding: 1rem 1.25rem; font-weight: 600; }.loan-cms .faq summary::marker, .loan-cms.faq summary::marker { color: var(--primary); }.loan-cms .faq details p, .loan-cms.faq details p { padding: 0 1.25rem 1.25rem; margin: 0; color: var(--foreground); }
.loan-cms .final-cta, .loan-cms.final-cta { padding-block: 3.5rem; background: white; }.loan-cms .final-cta__panel, .loan-cms.final-cta__panel { position: relative; overflow: hidden; padding: clamp(3.5rem, 8vw, 5rem) clamp(2rem, 6vw, 4rem); text-align: center; border-radius: 1rem; color: white; background: linear-gradient(155deg, #0d4bd6 0%, var(--primary) 55%, #072d82 100%); }.loan-cms .final-cta__glow, .loan-cms.final-cta__glow { position: absolute; inset: -35% -20% auto auto; width: 22rem; height: 22rem; border-radius: 50%; background: radial-gradient(circle, rgb(255 255 255 / .22), transparent 70%); filter: blur(2px); animation: final-cta-float 9s ease-in-out infinite; }.loan-cms .final-cta__badge, .loan-cms.final-cta__badge { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; margin-bottom: 1.25rem; border-radius: 999px; background: rgb(255 255 255 / .12); border: 1px solid rgb(255 255 255 / .3); backdrop-filter: blur(6px); }.loan-cms .final-cta__badge svg, .loan-cms.final-cta__badge svg { width: 1.5rem; height: 1.5rem; }.loan-cms .final-cta__panel h2, .loan-cms.final-cta__panel h2, .loan-cms .final-cta__panel p, .loan-cms.final-cta__panel p, .loan-cms .final-cta__panel .button, .loan-cms.final-cta__panel .button { position: relative; }.loan-cms .final-cta__panel h2, .loan-cms.final-cta__panel h2 { max-width: 40rem; margin-inline: auto; }.loan-cms .final-cta__panel p, .loan-cms.final-cta__panel p { max-width: 38rem; margin: .75rem auto 1.75rem; color: rgb(255 255 255 / .8); }.loan-cms .button--light, .loan-cms.button--light { color: var(--primary); border-radius: var(--radius); background: white; font-weight: 700; transition: transform .2s cubic-bezier(.25,1,.5,1), box-shadow .2s ease; }.loan-cms .button--light:hover, .loan-cms.button--light:hover { box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / .18); transform: translateY(-2px); }.loan-cms .disclosure, .loan-cms.disclosure { display: block; width: max-content; max-width: 100%; margin: 1rem auto 0; color: rgb(255 255 255 / .8); font-size: .9rem; }@keyframes final-cta-float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-1rem, 1rem); } }@media (prefers-reduced-motion: reduce) { .loan-cms .final-cta__glow, .loan-cms.final-cta__glow { animation: none; } }
.loan-cms .breadcrumbs, .loan-cms.breadcrumbs { padding-block: 1.5rem; border-top: 1px solid var(--border); }.loan-cms .breadcrumbs ol, .loan-cms.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .55rem; padding: 0; margin: 0; list-style: none; color: var(--muted-foreground); font-size: .9rem; }.loan-cms .breadcrumbs li, .loan-cms.breadcrumbs li { display: flex; align-items: center; }.loan-cms .breadcrumbs a, .loan-cms.breadcrumbs a { color: var(--primary); text-decoration: none; transition: color .15s ease; }.loan-cms .breadcrumbs a:hover, .loan-cms.breadcrumbs a:hover { color: #06358f; text-decoration: underline; }.loan-cms .breadcrumbs [aria-current="page"], .loan-cms.breadcrumbs [aria-current="page"] { color: var(--foreground); font-weight: 600; }.loan-cms .breadcrumbs__separator svg, .loan-cms.breadcrumbs__separator svg { width: .85rem; height: .85rem; color: #b6c2d4; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }

/* Footer: exact copy of live doctorpay.ir */
.loan-cms .site-footer, .loan-cms.site-footer { background: #0f172b; color: white; padding: 1.5rem 2rem; }
.loan-cms .site-footer__container, .loan-cms.site-footer__container { max-width: 72rem; margin: 0 auto; }
.loan-cms .site-footer__row, .loan-cms.site-footer__row { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
@media (min-width: 48rem) { .loan-cms .site-footer__row, .loan-cms.site-footer__row { flex-direction: row; align-items: flex-start; } }
.loan-cms .site-footer__about, .loan-cms.site-footer__about { margin-bottom: 2rem; }
@media (min-width: 48rem) { .loan-cms .site-footer__about, .loan-cms.site-footer__about { margin-bottom: 0; width: 25%; } }
.loan-cms .site-footer__logo, .loan-cms.site-footer__logo { margin-bottom: 1rem; }
.loan-cms .site-footer__about-text, .loan-cms.site-footer__about-text { text-align: right; font-size: .875rem; margin-bottom: 1.5rem; line-height: 1.5; color: #90a1b9; }
.loan-cms .site-footer__social, .loan-cms.site-footer__social { display: flex; gap: 1.25rem; margin-bottom: 1.5rem; }
.loan-cms .site-footer__social img, .loan-cms.site-footer__social img { width: 32px; height: 32px; }
.loan-cms .site-footer__contact, .loan-cms.site-footer__contact { display: flex; flex-direction: column; margin-bottom: 1rem; }
.loan-cms .site-footer__contact-item, .loan-cms.site-footer__contact-item { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.loan-cms .site-footer__contact-item--start, .loan-cms.site-footer__contact-item--start { align-items: flex-start; }
.loan-cms .site-footer__contact-item img, .loan-cms.site-footer__contact-item img { flex-shrink: 0; }
.loan-cms .site-footer__contact-item p, .loan-cms.site-footer__contact-item p, .loan-cms .site-footer__contact-item a, .loan-cms.site-footer__contact-item a { font-size: .875rem; line-height: 1.5; color: #90a1b9; text-decoration: none; margin: 0; }
.loan-cms .site-footer__contact-item a:hover, .loan-cms.site-footer__contact-item a:hover { color: #cbd5e1; }
.loan-cms .site-footer__links-grid, .loan-cms.site-footer__links-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; width: 100%; }
@media (min-width: 48rem) { .loan-cms .site-footer__links-grid, .loan-cms.site-footer__links-grid { width: auto; } }
.loan-cms .site-footer__links-col__heading, .loan-cms.site-footer__links-col__heading { display: block; font-size: 1.125rem; font-weight: 500; margin-bottom: 1rem; }
.loan-cms .site-footer__links-col ul, .loan-cms.site-footer__links-col ul { list-style: none; padding: 0; margin: 0; }
.loan-cms .site-footer__links-col li, .loan-cms.site-footer__links-col li { margin-bottom: .75rem; }
.loan-cms .site-footer__links-col a, .loan-cms.site-footer__links-col a { color: #cbd5e1; font-size: .875rem; text-decoration: none; transition: color .1s; }
.loan-cms .site-footer__links-col a:hover, .loan-cms.site-footer__links-col a:hover { color: #94a3b8; }
.loan-cms .terms-trigger, .loan-cms.terms-trigger { background: none; border: 0; padding: 0; color: #cbd5e1; font: inherit; font-size: .875rem; cursor: pointer; transition: color .1s; }
.loan-cms .terms-trigger:hover, .loan-cms.terms-trigger:hover { color: #94a3b8; }
.loan-cms .terms-dialog, .loan-cms.terms-dialog { border: 0; padding: 0; max-width: 50rem; width: calc(100% - 2rem); max-height: 85vh; border-radius: .75rem; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); }
.loan-cms .terms-dialog::backdrop, .loan-cms.terms-dialog::backdrop { background: rgb(0 0 0 / .5); }
.loan-cms .terms-dialog__inner, .loan-cms.terms-dialog__inner { display: flex; flex-direction: column; max-height: 85vh; }
.loan-cms .terms-dialog__close, .loan-cms.terms-dialog__close { position: absolute; top: 1rem; left: 1rem; width: 2rem; height: 2rem; border: 0; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 1.25rem; cursor: pointer; display: grid; place-items: center; line-height: 1; }
.loan-cms .terms-dialog__close:hover, .loan-cms.terms-dialog__close:hover { background: #e2e8f0; }
.loan-cms .terms-dialog__heading, .loan-cms.terms-dialog__heading { display: block; padding: 1.25rem 1.5rem; margin: 0; font-size: 1.25rem; border-bottom: 1px solid var(--border); text-align: right; }
.loan-cms .terms-dialog__body, .loan-cms.terms-dialog__body { flex: 1; overflow-y: auto; padding: 1.5rem; }
.loan-cms .terms-dialog__body p, .loan-cms.terms-dialog__body p { margin: 0 0 1rem; color: var(--foreground); font-size: .95rem; line-height: 2; text-align: justify; }
.loan-cms .terms-dialog__accept, .loan-cms.terms-dialog__accept { display: block; width: calc(100% - 3rem); margin: 0 1.5rem 1.5rem; padding: .75rem; border: 0; border-radius: var(--radius); background: var(--primary); color: white; font: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; }
.loan-cms .terms-dialog__accept:hover, .loan-cms.terms-dialog__accept:hover { background: #06358f; }
.loan-cms .site-footer__downloads, .loan-cms.site-footer__downloads { display: flex; flex-direction: column; gap: .75rem; width: 100%; }
@media (min-width: 48rem) { .loan-cms .site-footer__downloads, .loan-cms.site-footer__downloads { margin-top: 0; width: fit-content; } }
.loan-cms .site-footer__app, .loan-cms.site-footer__app { display: flex; align-items: center; gap: .5rem; padding: .625rem 1rem; border-radius: .5rem; background: #fff; text-decoration: none; color: #0f172b !important; transition: background-color .2s; width: 100%; }
@media (min-width: 48rem) { .loan-cms .site-footer__app, .loan-cms.site-footer__app { width: 168px; } }
.loan-cms .site-footer__app:hover, .loan-cms.site-footer__app:hover { background: #f1f5f9; }
.loan-cms .site-footer__app img, .loan-cms.site-footer__app img { flex-shrink: 0; }
.loan-cms .site-footer__app small, .loan-cms.site-footer__app small { display: block; font-size: 10px; color: #0f172b !important; font-weight: 400; white-space: nowrap; }
.loan-cms .site-footer__app strong, .loan-cms.site-footer__app strong { display: block; font-size: 12px; font-weight: 700; color: #0f172b !important; white-space: nowrap; }
.loan-cms .site-footer__store-row, .loan-cms.site-footer__store-row { display: flex; gap: .75rem; width: 100%; }
@media (min-width: 48rem) { .loan-cms .site-footer__store-row, .loan-cms.site-footer__store-row { flex-direction: column; width: 168px; } }
.loan-cms .site-footer__store-row a, .loan-cms.site-footer__store-row a { display: flex; flex: 1; align-items: center; padding: .5rem 1rem; border-radius: .5rem; background: #fff; text-decoration: none; color: #0f172b !important; transition: background-color .2s; }
.loan-cms .site-footer__store-row a img, .loan-cms.site-footer__store-row a img { flex-shrink: 0; }
@media (min-width: 48rem) { .loan-cms .site-footer__store-row a, .loan-cms.site-footer__store-row a { flex: none; width: 100%; } }
.loan-cms .site-footer__store-row a:hover, .loan-cms.site-footer__store-row a:hover { background: #f1f5f9; }
.loan-cms .site-footer__store-row span, .loan-cms.site-footer__store-row span { font-size: 12px; margin-inline-end: .5rem; color: #0f172b !important; }
@media (min-width: 48rem) { .loan-cms .site-footer__store-row span, .loan-cms.site-footer__store-row span { font-size: .875rem; } }
.loan-cms .site-footer__partners-grid, .loan-cms.site-footer__partners-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.5rem; }
@media (min-width: 48rem) { .loan-cms .site-footer__partners-grid, .loan-cms.site-footer__partners-grid { grid-template-columns: repeat(2, 1fr); margin-top: 0; } }
.loan-cms .site-footer__partner, .loan-cms.site-footer__partner { display: flex; align-items: center; justify-content: center; padding: .5rem; border-radius: .75rem; background: white; }
.loan-cms .site-footer__partner--muted, .loan-cms.site-footer__partner--muted { opacity: .3; }
.loan-cms .site-footer__partner img, .loan-cms.site-footer__partner img { max-width: 100%; max-height: 100%; }
.loan-cms .site-footer__wordmark-wrap, .loan-cms.site-footer__wordmark-wrap { padding-top: 3rem; padding-bottom: 2rem; }
@media (min-width: 48rem) { .loan-cms .site-footer__wordmark-wrap, .loan-cms.site-footer__wordmark-wrap { padding-bottom: 3rem; } }
.loan-cms .site-footer__wordmark, .loan-cms.site-footer__wordmark { margin: 0; color: #3c4a69; font-weight: 700; text-align: center; font-size: 90px; line-height: 60px; }
@media (min-width: 640px) { .loan-cms .site-footer__wordmark, .loan-cms.site-footer__wordmark { font-size: 80px; line-height: 75px; } }
@media (min-width: 768px) { .loan-cms .site-footer__wordmark, .loan-cms.site-footer__wordmark { font-size: 101px; line-height: 96px; } }
@media (min-width: 1024px) { .loan-cms .site-footer__wordmark, .loan-cms.site-footer__wordmark { font-size: 200px; line-height: 200px; } }
@media (min-width: 1280px) { .loan-cms .site-footer__wordmark, .loan-cms.site-footer__wordmark { font-size: 350px; line-height: 416px; } }
.loan-cms .site-footer__legal-wrap, .loan-cms.site-footer__legal-wrap { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #334155; }
.loan-cms .site-footer__legal-wrap p, .loan-cms.site-footer__legal-wrap p { text-align: right; font-size: .75rem; color: #90a1b9; margin: .25rem 0 0; }
.loan-cms .payable-loans, .loan-cms.payable-loans { padding-block: 1rem 2.5rem; }.loan-cms .payable-loans__rule, .loan-cms.payable-loans__rule { display: none; }.loan-cms .payable-loans__panel, .loan-cms.payable-loans__panel { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.25rem; padding: .75rem 1rem; border-radius: 1rem; background: url("https://loan.doctorpay.ir/loan/assets/brand/payable-loans-bg.png") center / cover no-repeat; }.loan-cms .payable-loans__items, .loan-cms.payable-loans__items { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; padding-inline: 1rem; }.loan-cms .payable-loans__item, .loan-cms.payable-loans__item { display: flex; align-items: center; gap: .75rem; }.loan-cms .payable-loans__item img, .loan-cms.payable-loans__item img { width: 1.5rem; height: 1.5rem; flex: none; }.loan-cms .payable-loans__item span, .loan-cms.payable-loans__item span { font-size: .875rem; font-weight: 500; color: var(--foreground); }.loan-cms .payable-loans__divider, .loan-cms.payable-loans__divider { display: none; }.loan-cms .payable-loans__cta, .loan-cms.payable-loans__cta { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; width: 90%; padding: .75rem 2rem; border-radius: .5rem; background: linear-gradient(0deg, var(--primary), var(--primary)); border: 2px solid transparent; box-shadow: 0 1px 0 0 rgba(255,255,255,.2) inset, 0 4px 0 0 #1e46b0, 0 4px 12px rgba(0,0,0,.2); color: white; font-weight: 700; font-size: 1rem; text-shadow: 0 2px 0 #00000026; text-decoration: none; }.loan-cms .payable-loans__cta:active, .loan-cms.payable-loans__cta:active { box-shadow: 0 1px 0 0 rgba(255,255,255,.25); transform: translateY(.125rem); }@media (min-width: 48rem) { .loan-cms .payable-loans, .loan-cms.payable-loans { padding-block: 2.5rem 2.5rem; }.loan-cms .payable-loans__rule, .loan-cms.payable-loans__rule { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }.loan-cms .payable-loans__line, .loan-cms.payable-loans__line { flex: 1; height: 1px; min-width: 2.5rem; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #cfd3d9 100%); }.loan-cms .payable-loans__title, .loan-cms.payable-loans__title { flex: none; white-space: nowrap; font-size: 1.5rem; font-weight: 500; color: var(--foreground); }.loan-cms .payable-loans__panel, .loan-cms.payable-loans__panel { padding-block: 2rem; }.loan-cms .payable-loans__items, .loan-cms.payable-loans__items { flex-direction: row; justify-content: center; width: auto; padding-inline: 0; }.loan-cms .payable-loans__item img, .loan-cms.payable-loans__item img { width: 2rem; height: 2rem; }.loan-cms .payable-loans__item span, .loan-cms.payable-loans__item span { font-size: 1.5rem; }.loan-cms .payable-loans__divider, .loan-cms.payable-loans__divider { display: block; width: 1px; min-height: 1.5rem; align-self: stretch; background: var(--border); }.loan-cms .payable-loans__cta, .loan-cms.payable-loans__cta { width: auto; padding-inline: 2.5rem; font-size: 1.25rem; } }
.loan-cms :focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; }@media (max-width: 70rem) { .loan-cms .site-nav, .loan-cms.site-nav { gap: 1rem; }.loan-cms .site-nav a, .loan-cms.site-nav a { font-size: .92rem; }.loan-cms .site-header__actions, .loan-cms.site-header__actions { gap: .5rem; }.loan-cms .header-merchant, .loan-cms.header-merchant { display: none; } .loan-cms .providers--carousel .provider, .loan-cms.providers--carousel .provider { flex-basis: calc((100% - 2.25rem) / 4); } }@media (max-width: 48rem) { .loan-cms { padding-top: 4rem; }.loan-cms .site-header, .loan-cms.site-header { height: 4rem; }.loan-cms .site-header__inner, .loan-cms.site-header__inner { justify-content: space-between; gap: .5rem; }.loan-cms .site-nav, .loan-cms.site-nav, .loan-cms .header-phone, .loan-cms.header-phone, .loan-cms .header-merchant, .loan-cms.header-merchant { display: none; }.loan-cms .header-cta, .loan-cms.header-cta { min-height: 2.5rem; padding-inline: .75rem; font-size: .8rem; }.loan-cms .mobile-menu, .loan-cms.mobile-menu { position: relative; display: block; }.loan-cms .mobile-menu summary, .loan-cms.mobile-menu summary { display: flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; cursor: pointer; list-style: none; }.loan-cms .mobile-menu summary::-webkit-details-marker, .loan-cms.mobile-menu summary::-webkit-details-marker { display: none; }.loan-cms .mobile-menu nav, .loan-cms.mobile-menu nav { position: absolute; top: calc(100% + .5rem); inset-inline-start: 0; width: 15rem; padding: .75rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: white; }.loan-cms .mobile-menu a, .loan-cms.mobile-menu a { display: block; padding: .5rem 0; text-decoration: none; }.loan-cms .hero--with-media, .loan-cms.hero--with-media { grid-template-columns: 1fr; }.loan-cms .hero__media, .loan-cms.hero__media { order: -1; }.loan-cms .calculator__layout, .loan-cms.calculator__layout, .loan-cms .calculator__layout--compact, .loan-cms.calculator__layout--compact { grid-template-columns: 1fr; }.loan-cms .calculator__card, .loan-cms.calculator__card { width: 100%; }.loan-cms .calculator__disclosure, .loan-cms.calculator__disclosure { margin-inline: 0; }.loan-cms .providers__heading, .loan-cms.providers__heading { align-items: start; }.loan-cms .providers__controls, .loan-cms.providers__controls { margin-bottom: 1.25rem; }.loan-cms .providers--carousel .provider, .loan-cms.providers--carousel .provider { flex-basis: calc((100% - .75rem) / 2); }.loan-cms .providers--grid .provider, .loan-cms.providers--grid .provider { flex-basis: calc((100% - .75rem) / 2); max-width: none; }.loan-cms .trust-section__items, .loan-cms.trust-section__items { grid-template-columns: 1fr; }.loan-cms .trust-section__items article + article, .loan-cms.trust-section__items article + article { border-top: 1px solid var(--border); border-inline-start: 0; } }@media (max-width: 26.25rem) { .loan-cms .providers--carousel .provider, .loan-cms.providers--carousel .provider { flex-basis: calc(100% - 3.5rem); } }@media (prefers-reduced-motion: reduce) { .loan-cms { scroll-behavior: auto; } .loan-cms *, .loan-cms *::before, .loan-cms *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }