/* ===== INNER PAGES (all inner-page styles live here) ===== */
body.inner main {
    padding-top: 150px
}

.ip-bc {
    font-size: .85rem;
    margin-bottom: 18px;
    color: var(--text)
}

.ip-bc a {
    color: var(--navy);
    font-weight: 600
}

.ip-bc a:hover {
    color: var(--a1)
}

.ip-bc b {
    color: var(--a1)
}

.ip-hero {
    position: relative;
    overflow: hidden;
    margin-top: -150px;
    padding: 190px 0 70px;
    background: var(--peach)
}
.fullheight-title h1,
.ip-hero h1 {
    font-size: clamp(1.5rem,4.8vw,2.1rem);
    margin-bottom: 18px
}

.ip-hero .hero-text {
    font-size: 1.05rem;
    max-width: 620px;
    margin-bottom: 28px
}

.ip-hero-img {
    border-radius: 48px 48px 48px 10px;
    overflow: hidden;
    box-shadow: var(--shadow);
    aspect-ratio: 4/3
}

.ip-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.pg-v2 .ip-hero {
    background: var(--lav);
    text-align: center
}
.wc-pagination .page-numbers.current, .wc-pagination .page-numbers:hover{
	    background: #0b0366 !important;
    border-color: #0b0366 !important;
    color: #fff;
}
.pg-v2 .ip-hero-media {
    display: none
}

.pg-v2 .ip-hero .hero-text {
    margin-left: auto;
    margin-right: auto
}

.pg-v2 .ip-hero .d-flex {
    justify-content: center
}

.pg-v2 .ip-hero .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%
}

.pg-v3 .ip-hero {
    background: linear-gradient(90deg,rgba(255,255,255,.96) 45%,rgba(255,255,255,.6)),url(../images/herobackground-img.jpg) center/cover
}

.pg-v3 .ip-hero-img {
    border-radius: 999px 999px 24px 24px;
    aspect-ratio: 3/4;
    max-height: 380px;
    margin-left: auto
}

.pg-v4 .ip-hero {
    background: var(--mint)
}

.pg-v4 .ip-hero-img {
    border-radius: 50%;
    max-width: 360px;
    aspect-ratio: 1;
    margin-left: auto
}

.pg-v5 .ip-hero {
    background: var(--sky)
}

.pg-v5 .ip-hero .row {
    flex-direction: row-reverse
}

.pg-v5 .ip-hero-img {
    border-radius: 10px 48px 48px 48px
}

.pg-v6 .ip-hero {
    background: linear-gradient(135deg,#ff6b2c,#ffb347)
}

.pg-v6 .ip-hero h1,.pg-v6 .ip-hero .hero-text,.pg-v6 .ip-bc,.pg-v6 .ip-bc a,.pg-v6 .ip-bc b {
    color: #fff
}

.pg-v6 .ip-hero-img {
    border: 8px solid rgba(255,255,255,.4)
}

.ip-split-img {
    border-radius: 40px 40px 40px 8px;
    overflow: hidden;
    box-shadow: var(--shadow)
}

.ip-split-img img {
    width: 100%;
    display: block
}

.ft-item {
    height: 100%;
    padding: 30px 26px;
    border-radius: 32px 32px 32px 8px;
    position: relative;
    transition: .3s
}

.ft-item:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow)
}

.ft-item h4 {
    font-size: 1.1rem;
    margin: 16px 0 8px
}

.ft-item p {
    margin: 0;
    font-size: .92rem
}

.ft-num {
    position: absolute;
    top: 18px;
    right: 24px;
    font-weight: 800;
    font-size: 1.6rem;
    color: rgba(11,3,102,.1)
}

.fl-1 .row>div {
    flex: 0 0 100%;
    max-width: 100%
}

.fl-1 .ft-item {
    display: flex;
    gap: 24px;
    align-items: center;
    background: #fff!important;
    border-radius: 0;
    border-bottom: 1px solid var(--line);
    padding: 22px 8px
}

.fl-1 .ft-item h4 {
    margin: 0 0 4px
}

.fl-1 .ft-num {
    position: static;
    font-size: 2.2rem;
    color: var(--a1);
    min-width: 60px
}

.fl-1 .ft-item:hover {
    box-shadow: none;
    transform: translateX(8px)
}

.fl-2 .row {
    position: relative;
    padding-left: 26px;
    border-left: 3px dashed rgba(255,107,44,.5);
    margin-left: 12px
}

.fl-2 .row>div {
    flex: 0 0 100%;
    max-width: 100%
}

.fl-2 .ft-item {
    background: var(--soft)!important;
    border-radius: 24px
}

.fl-3 .row>div:first-child {
    flex: 0 0 100%;
    max-width: 100%
}
.lm-img.no-radius {
    border-radius: 0;
}
@media(min-width: 992px) {
    .fl-3 .row>div:first-child {
        flex:0 0 50%;
        max-width: 50%
    }

    .fl-3 .row>div:nth-child(2) {
        flex: 0 0 50%;
        max-width: 50%
    }

    .fl-3 .row>div:nth-child(n+3) {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.fl-4 .ft-item {
    background: #fff!important;
    border: 1px solid var(--line);
    border-top: 5px solid var(--a1);
    border-radius: 20px
}

.fl-5 {
    background: var(--soft)
}

.fl-5 .ft-item {
    background: transparent!important;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--line);
    border-radius: 0;
    padding-left: 22px
}

.ip-proc {
    background: var(--soft)
}

.ip-step {
    height: 100%;
    padding: 30px 24px;
    background: #fff;
    border-radius: 28px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(12,19,48,.05)
}

.ip-step img {
    width: 34px;
    height: 34px;
    margin-bottom: 12px
}

.ip-sn {
    display: block;
    font-weight: 800;
    color: var(--a1);
    font-size: 1.3rem
}

.ip-step h4 {
    font-size: 1.1rem
}

.ip-step p {
    margin: 0;
    font-size: .92rem
}

.pg-v2 .ip-proc,.pg-v5 .ip-proc {
    background: var(--lav)
}

.pg-v3 .ip-proc {
    background: var(--mint)
}

.ip-rel .service-card {
    padding: 28px 24px
}

.ip-faq .accordion-item {
    border-radius: 18px!important;
    margin-bottom: 12px;
    border: 1px solid var(--line);
    overflow: hidden
}

.ip-faq .accordion-button {
    font-weight: 700;
    color: var(--navy);
    background: #fff;
    box-shadow: none
}

.ip-faq .accordion-button:not(.collapsed) {
    background: var(--peach);
    color: var(--navy)
}

.ip-work .work-card,.ip-cases .cs-card {
    display: block;
    height: 100%
}

.ip-work .work-img {
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 14px;
    box-shadow: var(--shadow)
}

.ip-work .work-img img {
    width: 100%;
    display: block;
    transition: .4s
}

.ip-work .work-card:hover img {
    transform: scale(1.05)
}

.work-info .tag,.cs-body .tag {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--a1);
    background: var(--peach);
    padding: 3px 12px;
    border-radius: 30px;
    margin-bottom: 6px
}

.cs-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 36px 36px 36px 8px;
    overflow: hidden;
    height: 100%
}

.cs-img img {
    width: 100%;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover
}

.cs-body {
    padding: 26px
}

.cs-body h3 {
    font-size: 1.3rem;
    margin: 4px 0 12px
}

.cs-body p {
    margin-bottom: 8px
}

.more-link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-weight: 700;
    color: var(--navy)
}

.more-link img {
    width: 18px
}

.ab-val {
    height: 100%;
    padding: 30px 26px;
    border-radius: 40px 40px 40px 8px
}

.ab-val h4 {
    margin: 16px 0 8px;
    font-size: 1.1rem
}

.ab-val p {
    margin: 0;
    font-size: .92rem
}

.ab-stats .stat-box {
    background: var(--soft);
    border-radius: 28px;
    padding: 26px 10px;
    text-align: center
}

.ip-blog .blog-card {
    display: block
}

.ip-blog .blog-img img {
    width: 100%;
    border-radius: 28px;
    display: block;
    margin-bottom: 12px
}

.ip-ci {
    margin-top: 24px
}
ul.contact-list.ip-ci {
    padding: 0px;
}
.ip-ci li {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 16px;
    color: var(--navy)
}
.ip-ci li a {
    color: #0b0366;
}
.ip-ci svg,
.ip-ci img {
    width: 38px;
    height: 38px;
    padding: 9px;
    border-radius: 12px;
    background: var(--peach);
    flex: none
}
.form-card p {
    margin: 0px;
}
@media(max-width: 991.98px) {
    .ip-hero {
        padding:170px 0 50px
    }

    .pg-v3 .ip-hero-img,.pg-v4 .ip-hero-img {
        margin: 0 auto
    }

    .pg-v5 .ip-hero .row {
        flex-direction: column
    }

    .fl-1 .ft-item {
        flex-direction: column;
        align-items: flex-start
    }
}

@media(max-width: 575.98px) {
    .ip-hero {
        padding:150px 0 40px
    }

    .ip-hero .d-flex .btn-wc,.ip-hero .d-flex .btn-wc-outline {
        width: 100%;
        justify-content: center
    }

    .fl-2 .row {
        padding-left: 14px
    }
}

/* ===== INNER PAGES v2: unified title bar + rich sections ===== */
body.inner .ip-hero {
    background: linear-gradient(135deg,#0b0366 0%,#1a0f8f 60%,#2d1bb5 100%);
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: 185px 0 90px
}

body.inner .ip-hero::before,body.inner .ip-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255,107,44,.18)
}

body.inner .ip-hero::before {
    width: 380px;
    height: 380px;
    right: -90px;
    top: -80px
}

body.inner .ip-hero::after {
    width: 220px;
    height: 220px;
    right: 18%;
    bottom: -110px;
    background: rgba(255,255,255,.07)
}

body.inner .ip-hero .container {
    position: relative;
    z-index: 1
}

body.inner .ip-hero h1 {
    color: #fff;
    max-width: 820px
}

body.inner .ip-hero .hero-text {
    color: rgba(255,255,255,.85);
    max-width: 680px
}

body.inner .ip-hero .pill {
    background: rgba(255,255,255,.14);
    color: #fff
}

body.inner .ip-bc,body.inner .ip-bc a,body.inner .ip-bc span {
    color: rgba(255,255,255,.8)
}

body.inner .ip-bc b {
    color: #ffb347
}



.ip-trust {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
    color: #fff;
    font-size: .9rem
}

.ip-trust li {
    display: flex;
    gap: 8px;
    align-items: center
}

.ip-trust img {
    width: 18px;
    filter: brightness(0) invert(1)
}

.ip-stats {
    margin-top: -48px;
    position: relative;
    z-index: 2
}

.ip-stats-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 20px 50px rgba(12,19,48,.12);
    padding: 26px 10px;
    text-align: center
}

.ip-stats-row div {
    border-right: 1px solid var(--line)
}

.ip-stats-row div:last-child {
    border: 0
}

.ip-stats-row strong {
    display: block;
    font-size: 1.9rem;
    color: var(--a1)
}

.ip-stats-row small {
    color: var(--text)
}

.ip-ov-img {
    position: relative;
    border-radius: 44px 44px 44px 10px;
    box-shadow: var(--shadow)
}

.ip-ov-img img {
    width: 100%;
    display: block;
    border-radius: inherit
}

.ip-badge {
    position: absolute;
    right: -12px;
    bottom: 26px;
    background: var(--a1);
    color: #fff;
    padding: 16px 22px;
    border-radius: 22px;
    box-shadow: var(--shadow)
}

.ip-badge strong {
    display: block;
    font-size: 1.5rem
}

.ip-inc {
    background: var(--soft)
}

.ip-inc-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    height: 100%;
    padding: 28px;
    border-radius: 30px 30px 30px 8px;
    transition: .3s
}

.ip-inc-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow)
}

.ip-inc-card h4 {
    font-size: 1.15rem;
    margin-bottom: 6px
}

.ip-inc-card p {
    margin: 0
}

.ip-us {
    background: var(--navy)
}

.ip-us .section-title,.ip-us .section-label {
    color: #fff
}

.ip-us-card {
    height: 100%;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 26px;
    background: rgba(255,255,255,.05);
    transition: .3s
}

.ip-us-card:hover {
    background: rgba(255,255,255,.1);
    transform: translateY(-4px)
}

.ip-us-card img {
    width: 30px;
    margin-bottom: 14px;
    filter: brightness(0) invert(1)
}

.ip-us-card h4 {
    color: #fff;
    font-size: 1.1rem
}

.ip-us-card p {
    color: rgba(255,255,255,.75);
    margin: 0;
    font-size: .92rem
}

.ip-tl-row {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    position: relative
}

.ip-tl-row::before {
    content: "";
    position: absolute;
    top: 26px;
    left: 8%;
    right: 8%;
    border-top: 2px dashed var(--a1)
}

.ip-tl-step {
    text-align: center;
    position: relative
}

.ip-tl-n {
    display: inline-flex;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--a1);
    color: #fff;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    box-shadow: 0 0 0 8px #fff
}

.ip-tl-step img {
    display: block;
    width: 28px;
    margin: 0 auto 8px
}

.ip-tl-step h4 {
    font-size: 1.05rem
}

.ip-tl-step p {
    font-size: .88rem;
    margin: 0
}

.ip-ind {
    background: var(--peach)
}

.ip-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center
}

.ip-chips span {
    background: #fff;
    padding: 12px 24px;
    border-radius: 40px;
    font-weight: 600;
    color: var(--navy);
    box-shadow: 0 6px 18px rgba(12,19,48,.06)
}

.ip-pm-card {
    height: 100%;
    padding: 30px;
    border-radius: 28px;
    background: var(--lav);
    border-bottom: 5px solid var(--a1)
}

.ip-pm-card h4 {
    font-size: 1.15rem
}

.ip-pm-card p {
    margin: 0
}

.post-card {
    display: block;
    height: 100%;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 30px 30px 30px 8px;
    overflow: hidden;
    transition: .3s
}

.post-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow)
}

.post-card img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    display: block
}

.pc-b {
    padding: 24px
}

.pc-b h4 {
    font-size: 1.15rem;
    margin: 8px 0
}

.pc-b p {
    font-size: .92rem;
	 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	color:var(--text);
}

.post-cover {
    width: 100%;
    border-radius: 32px;
    margin-bottom: 20px;
    aspect-ratio: 16/8;
    object-fit: cover
}

.post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: .85rem;
    margin-bottom: 24px;
    color: var(--text)
}

.post-meta span:first-child {
    background: var(--peach);
    color: var(--a1);
    font-weight: 700;
    padding: 2px 14px;
    border-radius: 30px
}

.post-body h2 {
    font-size: 1.5rem;
    margin: 34px 0 12px
}

.post-body ul {
    padding-left: 20px
}

.post-body li {
    margin-bottom: 6px
}

.lead-p {
    font-size: 1.15rem;
    color: var(--navy)
}

.post-cta {
    margin-top: 40px;
    padding: 30px;
    border-radius: 28px;
    background: var(--navy);
    color: #fff
}

.post-cta h3,.post-cta p {
    color: #fff
}

.side-card {
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 26px;
    margin-bottom: 22px;
    background: #fff
}

.side-card h4 {
    font-size: 1.1rem;
    margin-bottom: 12px
}

.side-card ol,.side-card ul {
    padding-left: 18px;
    margin: 0
}

.side-card li {
    margin-bottom: 8px
}

.side-card a {
    color: var(--navy);
    font-weight: 600
}

.side-card a:hover {
    color: var(--a1)
}

.side-dark {
    background: var(--navy)
}

.side-dark h4,.side-dark p {
    color: #fff
}

@media(min-width: 992px) {
    aside.col-lg-4 {
        position:sticky;
        top: 110px;
        align-self: flex-start
    }
}

@media(max-width: 991.98px) {
    body.inner .ip-hero {
        padding:160px 0 80px
    }

    .ip-tl-row {
        grid-template-columns: 1fr 1fr
    }

    .ip-tl-row::before {
        display: none
    }

    .ip-stats-row {
        grid-template-columns: 1fr 1fr;
        gap: 18px 0
    }

    .ip-stats-row div:nth-child(2) {
        border: 0
    }
}

@media(max-width: 575.98px) {
    body.inner .ip-hero {
        padding:140px 0 70px
    }

    .ip-tl-row {
        grid-template-columns: 1fr
    }

    .ip-badge {
        right: 10px
    }

    .ip-inc-card {
        flex-direction: column
    }

    .ip-stats-row strong {
        font-size: 1.5rem
    }
}

/* ===== INNER PAGES v3: light hero like homepage + service sections ===== */
body.inner .ip-hero {
    background: linear-gradient(180deg,#fff6ef 0%,#fff 100%);
    padding: 140px 0 70px;
    text-align: left
}

body.inner .ip-hero::before,body.inner .ip-hero::after {
    display: none
}

body.inner .ip-hero h1 {
    color: var(--navy)
}

body.inner .ip-hero .hero-text {
    color: var(--text)
}

body.inner .ip-hero .pill {
    background: #fff;
    color: var(--navy);
    box-shadow: 0 8px 24px rgba(12,19,48,.08)
}

body.inner .ip-bc,body.inner .ip-bc a,body.inner .ip-bc span {
    color: var(--text)
}

body.inner .ip-bc a {
    color: var(--navy)
}

body.inner .ip-bc b {
    color: var(--a1)
}


.ip-trust {
    color: var(--navy)
}

.ip-trust img {
    filter: none
}

.ip-stats-up {
    margin-top: -20px
}

.ip-cs-list {
    display: grid;
    gap: 18px
}

.ip-cs-row {
    display: grid;
    grid-template-columns: 1fr 50px 1.3fr;
    align-items: center;
    gap: 14px
}

.ip-cs-p,.ip-cs-s {
    padding: 24px 28px;
    border-radius: 26px;
    height: 100%
}

.ip-cs-p {
    background: var(--peach)
}

.ip-cs-s {
    background: var(--mint)
}

.ip-cs small {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    color: var(--a1);
    margin-bottom: 4px
}

.ip-cs h4 {
    font-size: 1.1rem;
    margin: 0
}

.ip-cs-s p {
    margin: 0;
    color: var(--navy)
}

.ip-cs-arrow {
    display: flex;
    justify-content: center
}

.ip-cs-arrow img {
    width: 30px;
    background: var(--a1);
    padding: 7px;
    border-radius: 50%;
    filter: brightness(0) invert(1)
}

.ip-del {
    background: var(--navy)
}

.ip-del .section-title,.ip-del .section-label {
    color: #fff
}

.ip-del-list {
    list-style: none;
    counter-reset: d;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

.ip-del-list li {
    counter-increment: d;
    position: relative;
    padding: 20px 20px 20px 70px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 20px;
    color: #fff;
    font-weight: 600
}

.ip-del-list li::before {
    content: counter(d,decimal-leading-zero);
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--a2)
}

.ip-stack {
    background: var(--lav)
}

.ip-who-card {
    height: 100%;
    padding: 32px 28px;
    border-radius: 34px 34px 34px 8px
}

.ip-who-card h4 {
    font-size: 1.15rem
}

.ip-who-card p {
    margin: 0
}

.ip-track {
    background: var(--sky)
}

.ip-tr-card {
    display: flex;
    gap: 14px;
    align-items: center;
    background: #fff;
    padding: 22px;
    border-radius: 22px;
    box-shadow: 0 8px 22px rgba(12,19,48,.06);
    height: 100%
}

.ip-tr-card img {
    width: 28px
}

.ip-tr-card strong {
    color: var(--navy)
}

.ip-tl-row.ip-tl-4 {
    grid-template-columns: repeat(4,1fr)
}

.ip-team-card {
    text-align: center;
    padding: 28px 18px;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: #fff;
    height: 100%;
    transition: .3s
}

.ip-team-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow)
}

.ip-av {
    width: 92px;
    height: 92px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: var(--grad);
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ip-team-card h4 {
    font-size: 1.05rem
}

.ip-team-card p {
    font-size: .85rem;
    margin: 0
}

.ip-bar {
    margin-bottom: 18px
}

.ip-bar-t {
    height: 10px;
    background: var(--line);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 6px
}

.ip-bar-t i {
    display: block;
    height: 100%;
    background: var(--grad);
    border-radius: 10px
}

.ip-ach {
    background: var(--soft)
}

.ip-team {
    background: var(--peach)
}

.ip-quote blockquote {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.25rem;
    color: var(--navy);
    font-weight: 600
}

.ip-quote cite {
    display: block;
    margin-top: 14px;
    font-size: .95rem;
    color: var(--a1);
    font-style: normal
}

@media(max-width: 991.98px) {
    body.inner .ip-hero {
        padding:165px 0 55px
    }

    .ip-cs-row {
        grid-template-columns: 1fr
    }

    .ip-cs-arrow {
        transform: rotate(90deg)
    }

    .ip-tl-row.ip-tl-4 {
        grid-template-columns: 1fr 1fr
    }

    .ip-del-list {
        grid-template-columns: 1fr
    }
}

@media(max-width: 575.98px) {
    body.inner .ip-hero {
        padding:145px 0 45px
    }

    .ip-tl-row.ip-tl-4 {
        grid-template-columns: 1fr
    }

    .ip-del-list li {
        padding-left: 62px
    }
}

/* ===== INNER v4: reference-style service template ===== */
.lm-strip {
    padding: 0 0 10px
}

.lm-strip .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding-top: 22px;
    border-top: 1px solid var(--line);
    justify-content: center;
}

.lm-strip small {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--text)
}
.lm-textbox h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.lm-strip span {
    font-weight: 600;
    color: var(--navy);
    padding: 6px 16px;
    background: var(--soft);
    border-radius: 30px;
    font-size: .88rem
}

.lm-img {
    border-radius: 40px 40px 40px 8px;
    overflow: hidden;
    box-shadow: var(--shadow)
}
.noshadow{
	box-shadow: none;
}
.lm-img img {
    width: 100%;
    display: block
}

.lm-svc {
    background: var(--soft)
}

.lm-row {
    display: grid;
    grid-template-columns: 50px 1.1fr 1.6fr 34px;
    gap: 16px;
    align-items: center;
    padding: 22px 6px;
    border-bottom: 1px solid var(--line);
    color: var(--navy);
    transition: .25s
}

.lm-row:hover {
    padding-left: 16px;
    background: #fff;
    color: var(--a1)
}

.lm-n {
    font-weight: 800;
    color: var(--a1)
}

.lm-row b {
    font-size: 1.1rem
}

.lm-d {
    font-size: .9rem;
    color: var(--text)
}

.lm-row img {
    width: 22px
}

.lm-spot {
    background: var(--navy);
    background-image: radial-gradient(76.43% 237.18% at 94.55% 126.63%, #255dee80 0%, #0000 100%);
}

.lm-spot .section-title,.lm-spot .section-label,.lm-spot p {
    color: #fff
}

.lm-spot p {
    opacity: .85
}

.lm-bul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

.lm-bul li {
    padding: 22px 18px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 20px;
    color: #fff;
    font-weight: 600
}
.lm-bul li img{
	max-width: 40px;
	height: auto;
}
.lm-bul li span {
    display: inline-block;
    padding-right: 14px;
    min-width: 55px;
}
.lm-step {
    height: 100%;
    padding: 28px 24px;
    border-radius: 28px;
    background: var(--soft)
}

.lm-step span {
    font-weight: 800;
    color: var(--a1);
    font-size: 1.4rem
}

.lm-step h4 {
    margin: 8px 0;
    font-size: 1.1rem
}

.lm-step p {
    margin: 0;
    font-size: .92rem
}

.lm-aft {
    background: var(--peach)
}

.lm-aft-c {
    height: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 24px
}

.lm-aft-c b {
    color: var(--navy);
    font-size: 1.05rem
}

.lm-aft-c p {
    margin: 4px 0 0;
    font-size: .9rem
}

.lm-next {
    list-style: none;
    padding: 0;
    margin: 14px 0 0
}

.lm-next li {
    display: flex;
    gap: 14px;
    margin-bottom: 14px
}

.lm-next li>span {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--a1);
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.lm-next p {
    margin: 0;
    font-size: .9rem
}

@media(max-width: 767.98px) {
    .lm-row {
        grid-template-columns:36px 1fr 24px
    }

    .lm-d {
        display: none
    }

    .lm-bul {
        grid-template-columns: 1fr
    }
}