/* Shared presentation for service-page elements 118, 119, 121, 130, 134, 135 and 136. */
.title-grid-section,
.el119-content-media,
.el121-corporate-slider,
.el130-section,
.el134-timeline,
.el135-faq,
.el136-section { overflow: clip; }

.title-grid-section { background-color: #fff; }
.tg-left-col { padding-inline-end: 2rem; }
.tg-mini-title,
.el130-mini-title,
.el136-mini-title { color: var(--el118-accent, var(--color-primary, #f5a623)); font-size: .78rem; font-weight: 700; letter-spacing: .04em; margin-bottom: .75rem; text-transform: uppercase; }
.tg-section-title { margin-bottom: 1.25rem; }
.tg-section-title h2 { color: inherit; font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 800; line-height: 1.25; margin: 0; }
.tg-title-underline { background: var(--el118-accent, #f5a623); border-radius: 2px; display: block; height: 4px; margin-top: .75rem; width: 42px; }
.tg-offer-text { color: inherit; line-height: 1.85; margin-bottom: 1.5rem; opacity: .76; }
.tg-theme-btn { align-items: center; background: var(--el118-accent, #f5a623); border-radius: .45rem; color: #fff; display: inline-flex; gap: .45rem; padding: .8rem 1.35rem; text-decoration: none; }
.tg-offer-grids { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tg-grid { border-block-end: 1px solid color-mix(in srgb, currentColor 15%, transparent); border-inline-end: 1px solid color-mix(in srgb, currentColor 15%, transparent); min-width: 0; padding: 1.65rem; }
.tg-grid:nth-child(2n) { border-inline-end: 0; }
.tg-grid:nth-last-child(-n + 2) { border-block-end: 0; }
.tg-grid-header { align-items: center; display: flex; gap: .8rem; margin-bottom: .6rem; }
.tg-grid-header h3 { color: inherit; font-size: 1.08rem; margin: 0; }
.tg-grid-icon { align-items: center; display: inline-flex; flex: 0 0 42px; justify-content: center; }
.tg-grid-icon img { height: 42px; object-fit: contain; width: 42px; }
.tg-grid-icon i { align-items: center; border-radius: 50%; display: inline-flex; font-size: 1.4rem; height: 42px; justify-content: center; width: 42px; }
.tg-grid-description { line-height: 1.75; opacity: .74; }
.tg-offer-details { color: var(--el118-accent, #f5a623); display: inline-flex; gap: .4rem; margin-top: .65rem; text-decoration: none; }

.el119-content-media .child-video-box { align-items: center; background: var(--el119-poster, linear-gradient(135deg, #31475f, #111c29)) center/cover no-repeat; border: 0; border-radius: .75rem; box-shadow: 0 .4rem 1.4rem rgba(0,0,0,.18); color: #fff; cursor: pointer; display: flex; justify-content: center; min-height: 180px; overflow: hidden; padding: 0; position: relative; width: 100%; }
.el119-content-media .child-video-box:focus-visible { outline: 3px solid var(--color-primary, #f5a623); outline-offset: 3px; }
.el119-content-media .feature-img-holder img { border-radius: 1rem; max-width: 100%; }
.el119-content-media .e-content { color: inherit; }

.el121-corporate-slider .el121-title,
.el130-heading { color: inherit; font-size: clamp(1.65rem, 2.5vw, 2.35rem); }
.el121-corporate-slider .el121-description,
.el130-intro { color: inherit; line-height: 1.8; opacity: .76; }

.el130-section { position: relative; }
.el130-mini-title { display: inline-block; margin-bottom: .65rem; }
.el130-heading { font-weight: 750; margin: 0; }
.el130-card { background: #fff; border: 1px solid #e7ebef; border-radius: .8rem; display: flex; flex-direction: column; height: 100%; overflow: hidden; transition: box-shadow .25s ease, transform .25s ease; }
.el130-card:hover { box-shadow: 0 1rem 2.8rem rgba(16,28,42,.12); transform: translateY(-4px); }
.el130-img-wrap { flex: 0 0 220px; overflow: hidden; position: relative; }
.el130-img-wrap > img { display: block; height: 100%; object-fit: cover; transition: transform .4s ease; width: 100%; }
.el130-card:hover .el130-img-wrap > img { transform: scale(1.045); }
.el130-icon-placeholder { align-items: center; background: #f0f4f7; color: var(--color-primary, #315f82); display: flex; font-size: 3rem; height: 100%; justify-content: center; }
.el130-badge { background: rgba(12,26,38,.78); border-radius: 2rem; color: #fff; font-size: .7rem; inset-block-start: .85rem; inset-inline-start: .85rem; padding: .38rem .75rem; position: absolute; z-index: 2; }
.el130-media-link { inset: 0; position: absolute; z-index: 3; }
.el130-body { color: #172635; display: flex; flex: 1; flex-direction: column; padding: 1.25rem; }
.el130-title { color: inherit; display: block; text-decoration: none; }
.el130-title h3,
h3.el130-title { color: inherit; font-size: 1.04rem; line-height: 1.55; margin: 0 0 .65rem; }
.el130-desc { color: #5d6c78; flex: 1; font-size: .88rem; line-height: 1.75; }
.el130-sep { background: #e8edf1; height: 1px; margin: 1rem 0; }
.el130-cta { align-items: center; color: #172635; display: inline-flex; font-size: .82rem; font-weight: 700; gap: .45rem; text-decoration: none; }
.el130-nav { align-items: center; background: transparent; border: 1px solid currentColor; border-radius: 50%; color: inherit; display: inline-flex; height: 46px; justify-content: center; width: 46px; }

.el134-timeline { --el134-muted: color-mix(in srgb, currentColor 70%, transparent); }
.el134-mini-title,
.el134-title,
.el134-step-title { color: inherit !important; }
.el134-timeline p { color: var(--el134-muted); }
.el134-timeline .progress-step-separator { opacity: .35 !important; }

.el135-faq .faq-135-title,
.el135-faq .accordion-title { color: inherit !important; }
.el135-question-button { color: inherit; }
.el135-question-button:focus-visible { border-radius: .35rem; outline: 3px solid var(--color-primary, #315f82); outline-offset: 4px; }
.el135-faq .accordion-body { color: inherit; opacity: .76; }

.el136-section { background-color: #f2f4f5; position: relative; }
.el136-header { max-width: 780px; margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.el136-title { color: inherit; font-size: clamp(1.8rem, 3.2vw, 2.8rem); font-weight: 800; }
.el136-description { color: inherit; line-height: 1.9; opacity: .72; }
.el136-comparison-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.el136-direction-card { background: #fff; border: 1px solid rgba(24,42,56,.1); border-radius: 1rem; box-shadow: 0 .75rem 2.2rem rgba(24,42,56,.06); color: #182a38; min-width: 0; overflow: hidden; }
.el136-direction-image { aspect-ratio: 16/8; display: block; object-fit: cover; width: 100%; }
.el136-direction-content { padding: clamp(1.25rem, 3vw, 2rem); }
.el136-direction-label { align-items: center; color: var(--color-primary, #315f82); display: flex; font-size: .78rem; font-weight: 800; gap: .55rem; letter-spacing: .12em; margin-bottom: .85rem; }
.el136-direction-card[dir=ltr] .el136-direction-label { justify-content: flex-start; }
.el136-direction-card h3 { color: inherit; font-size: clamp(1.2rem, 2.2vw, 1.65rem); margin-bottom: .75rem; }
.el136-direction-description { color: #596975; line-height: 1.85; }
.el136-capabilities { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; list-style: none; margin: 1.5rem 0 0; padding: 0; }
.el136-capabilities li { align-items: center; background: rgba(255,255,255,.8); border: 1px solid rgba(24,42,56,.1); border-radius: 2rem; color: #304553; display: inline-flex; gap: .5rem; padding: .65rem 1rem; }
.el136-event-icon { align-items: center; border-radius: 50%; display: inline-flex; height: 60px; justify-content: center; width: 60px; }

.mahbar-hero-cta { background: #f5a623 !important; border-color: #f5a623 !important; border-radius: .65rem; color: #071527 !important; font-weight: 700; padding: .8rem 1.35rem; }
.ai-wt-tab-placeholder { aspect-ratio: 16 / 10; background: linear-gradient(135deg, rgba(245,166,35,.16), rgba(7,21,39,.08)); border: 1px solid rgba(15,23,42,.08); border-radius: 1rem; color: var(--color-primary, #315f82); font-size: clamp(3rem, 8vw, 6rem); min-height: 260px; }

[data-element-type="12"] .e-content,
[data-element-type="12"] .e-content :where(h1, h2, h3, p, span, strong),
[data-element-type="41"] .e-content,
[data-element-type="41"] .e-content :where(h1, h2, h3, p, span, strong),
[data-element-type="119"] .e-content,
[data-element-type="119"] .e-content :where(h1, h2, h3, p, span, strong),
[data-element-type="126"] .e-content,
[data-element-type="126"] .e-content :where(h1, h2, h3, p, span, strong) { color: inherit !important; }

@media (max-width: 991.98px) {
    .tg-left-col { margin-bottom: 2rem; padding-inline-end: 0; }
    .el130-img-wrap { flex-basis: 205px; }
}
@media (max-width: 767.98px) {
    .industry-header-three__brand {
        flex: 0 1 auto;
        max-width: min(50vw, 180px);
        min-width: 0;
        width: min(50vw, 180px) !important;
    }
    .industry-header-three__brand .header-logo {
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain;
        width: 100% !important;
    }
    .tg-offer-grids,
    .el136-comparison-grid { grid-template-columns: 1fr; }
    .tg-grid { border-inline-end: 0; }
    .tg-grid:nth-last-child(-n + 2) { border-block-end: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
    .tg-grid:last-child { border-block-end: 0; }
    .el136-direction-content { padding: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
    .el130-card,
    .el130-img-wrap > img { transition: none; }
    .el130-card:hover,
    .el130-card:hover .el130-img-wrap > img { transform: none; }
}