.ai-services-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background: #081c45;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #3b82f6 100%)
}

.ai-services-section::before {
    content: "";
    position: absolute;
    left: -220px;
    top: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(65, 98, 217, .15), transparent 72%);
    will-change: transform
}

.ai-services-section::after {
    content: "";
    position: absolute;
    right: -200px;
    bottom: -200px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(253, 181, 21, .10), transparent 72%);
    will-change: transform
}

.ai-main-heading span {
    color: #2b89f2 !important;
    font-size: 48px !important;
    line-height: 1.15;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 18px
}

.service-title {
    margin-bottom: 45px
}

.sub_heading {
    color: #8cb3ff;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700
}

.title-line {
    width: 70px;
    height: 4px;
    border-radius: 50px;
    margin-top: 22px;
    background: #4162d9
}


.service-tab-item,
.service-content-card,
.service-grid-box {
    border-radius: 24px
}

.service-tab-item,
.service-grid-box,
.service-content-card,
.grid-icon,
.service-arrow {
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;
    will-change: transform
}

.service-tab-list {

    overflow: visible;
    padding-right: 8px
}

.service-tab-list::-webkit-scrollbar {
    width: 6px
}

.service-tab-list::-webkit-scrollbar-thumb {
    background: #4162d9;
    border-radius: 50px
}

.service-tab-item:hover {
    transform: translateX(8px)
}

.service-card-image img {
    animation: floatImage 5s ease-in-out infinite;
    will-change: transform
}

.global-reach {
    color: #fff !important;
}

@keyframes floatImage {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-12px)
    }

    100% {
        transform: translateY(0)
    }
}

.service-content-card {
    position: relative;
    background: #fff;
    border-radius: 30px;
    padding: 32px;
    box-shadow: 0 30px 80px rgba(25, 40, 70, .12);
    overflow: hidden
}

.service-card-circle {
    position: absolute;
    width: 52px;
    height: 52px;
    border: 2px solid #dfe6ff;
    border-radius: 50%;
    right: 35px;
    top: 35px
}

.service-card-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px
}

.service-card-left {
    flex: 1
}

.service-card-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.15;
    color: #101828;
    margin-bottom: 22px
}

.service-card-title span {
    color: #4162d9
}

.service-card-desc {
    color: #6d7485;
    font-size: 18px;
    line-height: 34px;
    max-width: 650px
}

.service-card-image {
    width: 270px;
    flex-shrink: 0;
    text-align: right
}

.our-solution-section .service-card-image {
    height: 171px;
}

.our-solution-section .service-card-title {
    font-size: 20px
}

.service-card-image img {
    max-width: 100%
}

.expertise-heading {
    margin-bottom: 18px
}

.expertise-heading h5 {
    font-size: 23px;
    font-weight: 700;
    color: #101828;
    margin-bottom: 14px
}

.expertise-heading span {
    display: block;
    width: 65px;
    height: 5px;
    border-radius: 10px;
    background: #4162d9
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px
}

.service-grid-box {
    background: #fff;
    border: 1px solid #edf0f8;
    border-radius: 22px;
    padding: 15px 16px;
    text-align: center;
    min-height: 180px;
    will-change: transform
}

.service-grid-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(65, 98, 217, .15)
}

.grid-icon {
    width: 70px;
    height: 70px;
    border-radius: 18px;
    color: #4162d9;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin-bottom: 22px
}

.service-tabs-wrap {
    position: relative;
    z-index: 2
}

.service-title h2 {
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #fff;
    max-width: 650px
}

.title-line:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4162d9;
    position: absolute;
    right: -18px;
    top: -2px
}

.service-tab-list {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.service-tab-item {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #fff !important;
    padding: 18px 24px !important;
    box-shadow: rgba(0, 0, 0, .05)0px 1px 2px 0px !important;
    cursor: pointer;
    border: 1px solid #edf1fb !important
}

.service-tab-item:hover {
    box-shadow: 0 20px 45px rgba(65, 98, 217, .18)
}

.right-content-our-section .service-card-desc {
    max-width: 330px
}

.right-content-our-section .expertise-heading h5 {
    margin-bottom: 5px
}
.service-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #4162d9;
    background: aliceblue;
    flex-shrink: 0
}

.service-tab-item:nth-child(2) .service-icon {
    background: #ca9aef4f;
    color: #9b4dff
}

.service-tab-item:nth-child(3) .service-icon {
    background: #d1f1e4;
    color: #27c26c
}

.service-tab-item:nth-child(4) .service-icon {
    background: #fef1dc;
    color: #ffb300
}

.service-tab-item:nth-child(5) .service-icon {
    background: #e3fcf9;
    color: #12c6d8
}

.service-info {
    flex: 1
}

.service-info h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #111827
}

.service-tab-item.active .service-info h4,
.service-tab-item.active .service-info p {
    color: #fff
}

.service-info p {
    margin: 0;
    color: rgba(255, 255, 255, .65);
    font-size: 14px;
    line-height: 24px
}

.service-arrow {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #00000030;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.service-arrow i {
    color: #00000030 !important
}

.service-tab-item.active {
    background: linear-gradient(135deg, #2f63ff, #4f7dff) !important;
    border-color: transparent !important
}

.service-tab-item.active i {
    color: #4162d9 !important
}

.service-content-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 45px 90px rgba(20, 40, 80, .16)
}

.service-content-card::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    right: -180px;
    top: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(65, 98, 217, .08), transparent 70%)
}

.service-content-card::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -120px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(155, 213, 50, .08), transparent 70%)
}

.service-card-title {
    font-size: 31px;
    font-weight: 600
}

.service-card-desc {
    font-size: 17px;
    color: #667085;
    line-height: 32px;
    max-width: 620px
}

.service-card-image {
    width:40%;
    flex-shrink: 0
}

.expertise-heading h5 {
    font-size: 18px;
    color: #111827
}

.service-grid-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(65, 98, 217, .07), transparent)
}

.service-grid-box:hover::before {
    left: 100%
}

.service-grid-box:hover .grid-icon {
    background: #4162d9;
    color: #fff;
    transform: rotate(10deg)
}

.service-grid-box h6 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: #101828;
    margin: 0
}

.our-solution-section .service-grid-box h6 {
    font-size: 14px
}

.our-solution-section .grid-icon {
    width: 30px;
    height: 30px;
    margin-bottom:9px;
}
.our-solution-section .grid-icon i {
    font-size: 20px;
}
.our-solution-section .service-card-title{
    margin-bottom:8px; 
}

.our-solution-section .service-content-card,
.our-solution-section .ai-content-panel,
.right-content-our-section {
    height: 100%
}

.our-solution-section .tab-item h4 {
    line-height: 1.2
}

.service-tab-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent)
}

.service-tab-item.active::before {
    left: 120%
}

.service-tab-item.active {
    box-shadow: 0 18px 50px rgba(65, 98, 217, .40)
}

.service-tab-item.active .service-icon {
    background: #fff;
    color: #4162d9
}

.service-tab-item.active .service-arrow {
    background: #fff;
    color: #4162d9 !important
}

.service-card-circle {
    animation: floatCircle 5s infinite ease-in-out
}

@keyframes floatCircle {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.counter-content h3 {
    margin: 0;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.4;
    display: flex;
    align-items: center
}

.counter-content h3 .odometer,
.counter-content h3 .odometer-inside,
.counter-content h3 .odometer-value {
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1 !important
}

.counter-section {
    background: #fdf9f3
}

/* span.odometer-digit-inner,
.odometer-digit {
    width: 25px;
} */

.trusted-counter .odometer-value {
    line-height: 1.2 !important
}

.trusted-partner {
    position: relative;
    padding: 60px 0 75px !important;
    background: #fff;
    overflow: hidden
}

.trusted-partner::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    left: -180px;
    top: -180px;
    background: radial-gradient(circle, #fff7ea 0%, transparent 70%)
}

.trusted-partner::after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    right: -180px;
    bottom: -180px;
    background: radial-gradient(circle, #edf5ff 0%, transparent 70%)
}

.section_title {
    text-align: center;
    max-width: 760px;
    margin: auto;
    margin-bottom: 50px
}

.section_title h2 span {
    color: var(--header)
}

.section_title p {
    color: #70798b;
    font-size: 18px;
    line-height: 32px
}

.trusted-counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px
}

.counter-box {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 220px
}

.counter-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 28px;
    flex-shrink: 0;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .08)
}

.orange {
    background: #FDB515
}

.purple {
    background: #6E4EF2
}

.green {
    background: #9BD532
}

.blue {
    background: #4162D9
}

.counter-box:nth-of-type(1) .counter-content h3 {
    color: #ff8a00
}

.counter-box:nth-of-type(2) .counter-content h3 {
    color: #6E4EF2
}

.counter-box:nth-of-type(3) .counter-content h3 {
    color: #9BD532
}

.counter-box:nth-of-type(4) .counter-content h3 {
    color: #4162D9
}

.divider {
    width: 1px;
    height: 70px;
    background: #e7e7e7
}

.counter-box:hover {
    transform: translateY(-6px)
}

.counter-icon {
    transition: .35s
}

.counter-box:hover .counter-icon {
    transform: rotate(-10deg) scale(1.08)
}

.video-ai-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0 !important
}

.video-ai-section .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.video-ai-section .video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ai-tabs-nav {
    display: flex;
    flex-direction: column
}

.tab-item {
    cursor: pointer;
    padding: 14px 0;
    user-select: none;
    position: relative
}

.tab-item h4 {
    color: #000 !important;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 3px
}

.tab-item p {
    color: #000 !important;
    font-size: 12px;
    margin: 0;
    line-height: 18px
}

.tab-divider {
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin-top: 14px
}

.tab-item.active h4 {
    color: #fff !important;
    font-size: 16px !important
}

.tab-item.active p {
    color: rgba(255, 255, 255, .6) !important
}

.tab-item:hover h4 {
    color: rgba(255, 255, 255, .75)
}

.ai-right-card {
    background: #1a52e8;
    border-radius: 16px;
    padding: 36px 32px 32px;
    position: relative;
    min-height: 360px
}

.ai-card-arrow {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ai-card-arrow i {
    color: #fff;
    font-size: 14px
}

.ai-card-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
    padding-right: 50px
}

.ai-card-desc {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 24px
}

.ai-section-label {
    color: rgba(255, 255, 255, .95);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    margin-bottom: 14px
}

.ai-items-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.ai-item-box {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    padding: 14px 12px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: calc(20% - 8px);
    min-width: 100px;
    gap: 8px
}

.ai-item-box:hover {
    background: rgba(255, 255, 255, .2)
}

.ai-item-box i {
    color: #fff;
    font-size: 22px
}

.ai-item-box span {
    color: rgba(255, 255, 255, .9);
    font-size: 12px;
    line-height: 1.3
}

.ai-products-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap
}

.ai-product-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 10px;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.ai-product-btn:hover {
    background: rgba(255, 255, 255, .22);
    color: #fff;
    text-decoration: none
}

.ai-product-btn i:first-child {
    font-size: 16px
}

.ai-product-arrow {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px
}

.ai-product-arrow i {
    font-size: 11px
}

.ai-content-panel {
    animation: aiCardFade .4s ease
}

@keyframes aiCardFade {
    from {
        opacity: 0;
        transform: translateY(14px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ai_banner_section {
    position: relative;
    padding: 50px 0;
    background: #fff
}

.ai-banner-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 43px 45px;
    border-radius: 30px;
    box-shadow: 0 25px 70px rgba(15, 25, 55, .18);
    background-image: url(../../assets/img/0.png);
    background-size: cover;
    background-repeat: no-repeat
}

.ai-banner-card::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -180px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(65, 98, 217, .18), transparent 70%)
}

.ai-banner-card::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -180px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(65, 98, 217, .08), transparent 70%)
}

.ai-banner-bg-circle {
    position: absolute;
    right: 120px;
    bottom: -100px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .05)
}

.ai-banner-grid {
    position: absolute;
    right: 70px;
    bottom: 40px;
    width: 420px;
    height: 220px;
    opacity: .18;
    background-image: linear-gradient(rgba(65, 98, 217, .4)1px, transparent 1px), linear-gradient(90deg, rgba(65, 98, 217, .4)1px, transparent 1px);
    background-size: 30px 30px
}

.ai-banner-content {
    max-width: 500px;
    position: relative;
    z-index: 5
}

.ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(65, 98, 217, .45);
    border-radius: 40px;
    padding: 4px 12px;
    color: #3f82ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 22px
}

.ai-badge i {
    font-size: 13px
}

.ai-banner-heading {
    color: #fff;
    font-size: 22px;
    line-height: 1.18;
    font-weight: 500;
    margin-bottom: 20px
}

.ai-banner-heading span {
    color: #3f82ff
}

.title-line {
    width: 60px;
    height: 4px;
    border-radius: 30px;
    background: #4162d9;
    margin-bottom: 28px;
    position: relative
}

.title-line::after {
    content: "";
    position: absolute;
    right: -16px;
    top: -3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #4162d9
}

.ai-banner-list {
    list-style: none;
    margin: 0 0 35px;
    padding: 0
}

.ai-banner-list li {
    position: relative;
    padding-left: 34px;
    color: #d8def2;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 14px
}

.ai-banner-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2f63ff;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.ai-banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-width: 260px;
    padding: 8px 8px 8px 24px;
    background: linear-gradient(135deg, #2d63ff, #4d7dff);
    border-radius: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(45, 99, 255, .35)
}

.ai-banner-btn:hover {
    color: #fff;
    transform: translateY(-4px)
}

.btn-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: #2d63ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px
}

.ai_banner_section .btn-icon {
    width: 40px;
    height: 40px
}

.ai-banner-image {
    width: 46%;
    text-align: right;
    position: relative;
    z-index: 2
}

.ai-banner-image img {
    width: 100%;
    max-width: 520px;
    animation: floatRobot 6s ease-in-out infinite
}

@keyframes floatRobot {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.tech-solutions-section {
    padding: 70px 0;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #3b82f6 100%)
}

.tech-solutions-top {
    margin-bottom: 50px;
    text-align: center
}

.tech-solutions-badge {
    display: inline-block;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 13px;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
    letter-spacing: .5px
}

.tech-solutions-top h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 16px
}

.tech-solutions-top p {
    font-size: 15px;
    color: rgba(255, 255, 255, .8);
    max-width: 800px;
    line-height: 1.7;
    margin: 0 auto
}

.tech-solutions-wrap {
    display: flex;
    gap: 24px;
    align-items: flex-start
}

.tech-tabs-left {
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    padding: 8px;
    background: rgba(255, 255, 255, .05)
}

.tech-tab-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    transition: background .3s ease, color .3s ease, border-color .3s ease
}

.tech-tab-item i {
    font-size: 12px;
    opacity: 0
}

.tech-tab-item:hover {
    color: #fff;
    background: rgba(255, 255, 255, .1)
}

.tech-tab-item.active {
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, .3)
}

.tech-tab-item.active i {
    opacity: 1
}

.tech-tabs-right {
    flex: 1;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    padding: 30px;
    min-height: 280px
}

.tech-tab-panel {
    display: none
}

.tech-tab-panel.active {
    display: block
}

.tech-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.tech-card h6 {
    font-size: 17px;
    color: #12214d;
    font-weight: 700
}

.tech-card p {
    color: #697387;
    line-height: 24px;
    margin: 0;
    font-size: 14px
}

.tech-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center
}

.tech-card:hover {
    transform: translateY(-4px)
}

.tech-card-icon {
    width: 52px;
    height: 52px;
    background: #eef2ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tech-card-icon i {
    font-size: 22px;
    color: #4169e1
}

.tech-card span {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a2e;
    line-height: 1.4
}

.tech-stack-section {
    background: #fff;
    padding: 35px 0;
    overflow: hidden
}

.tech-stack-top {
    text-align: center;
    margin-bottom: 20px
}

.tech-stack-badge {
    display: inline-block;
    background: #eef2ff;
    color: #4169e1;
    font-size: 13px;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 16px;
    font-weight: 500
}

.tech-stack-top h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 20px
}

.tech-highlight {
    color: #4169e1
}

.tech-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 30px
}

.tech-categories span {
    font-size: 13px;
    color: #555;
    font-weight: 500
}

.tech-stack-visual {
    position: relative;
    height: 320px;
    margin-top: 20px
}

.tech-big-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 75px !important;
    font-weight: 800 !important;
    white-space: nowrap;
    user-select: none;
    z-index: 0;
    line-height: 1.2 !important;
    padding: 20px 0 !important;
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 40%, #3b82f6 70%, #06b6d4 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 0 transparent !important;
    letter-spacing: 8px !important;
    opacity: .85 !important
}

.tech-floating-icons {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}
.tech-icon-item {position: absolute;display: flex;flex-direction: column;align-items: center;gap: 6px;animation: techFloat 3s ease-in-out infinite}
.tech-icon-item:nth-child(odd) {animation-delay: .5s}
.tech-icon-item:nth-child(3n) {animation-delay: 1s}
.our-solution-section {display: grid;grid-template-columns: 395px 1fr;gap: 22px}
.core-services-btn {padding: 8px 8px 8px 24px !important}
.core-services-btn:hover i {transform: inherit !important}
.brand_wrapper .brand-bottom-btn i {width: 40px;height: 40px;border-radius: 50%;background: #fff;color: #2d63ff;display: flex;align-items: center;justify-content: center;font-size: 15px}
.brand_wrapper .brand-bottom-btn a {position: relative;display: inline-flex;align-items: center;gap: 18px;padding: 8px 8px 8px 24px !important;border-radius: 60px;text-decoration: none;color: #fff;font-size: 16px;font-weight: 600;overflow: hidden;border: 1px solid rgba(255, 255, 255, .15);background: linear-gradient(180deg, #4d73ff, #3658f7);box-shadow: 0 20px 45px rgba(47, 91, 255, .30)}
/* .container {position: relative;z-index: 2;width: 92%;max-width: 1360px;margin: 0 auto} */
.common-button-fill {position: relative;display: inline-flex;align-items: center;gap: 18px;padding: 8px 10px 8px 20px;border-radius: 60px;text-decoration: none;color: #fff !important;font-size: 16px;font-weight: 700;overflow: hidden;border: 1px solid rgba(255, 255, 255, .15);box-shadow: 0 20px 45px rgba(47, 91, 255, .30);background: radial-gradient(circle, #7aa0ff 0%, #4d73ff 50%, #3658f7 100%) !important;height: 50px}
.common-button-fill::before {content: "";position: absolute;inset: 0;background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .45) 45%, transparent 70%);transform: translateX(-120%)}
.common-button-fill:hover {transform: translateY(-4px);box-shadow: 0 30px 55px rgba(47, 91, 255, .45)}
.common-btn-icon {width: 35px;height: 35px;border-radius: 50%;background: #fff;color: #2d63ff;display: flex;align-items: center;justify-content: center;font-size: 15px}
.common-btn-icon i {border-radius: 50%;background: #fff;color: #2450ff;display: flex;align-items: center;justify-content: center}
.common-button-fill:hover::before {animation: btnshine .9s ease}
.blog-wrapper .single-blog-post .post-content .common-button-fill {box-shadow: none}
@keyframes btnshine {
    to {
        transform: translateX(130%)
    }
}

@keyframes techFloat {

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

    50% {
        transform: translateY(-8px)
    }
}

.tech-icon-box {width: 52px;height: 52px;background: #fff;border: 1px solid #e8ecff;border-radius: 12px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 16px rgba(65, 105, 225, .1)}
.tech-icon-box i {font-size: 24px;color: #4169e1}
.tech-icon-item span {font-size: 11px;font-weight: 600;color: #1a1a2e;white-space: nowrap}
.service-content-card p {font-size: 16px;line-height: 1.4;font-weight: 400}
.our-solution-section .service-grid-box {min-height: auto}
.brand-section .section_title {margin-bottom: 35px}
.brand-section .brand-button-wrap {margin-top: 35px}
.testimonial-section .section_title {text-align: center !important;max-width: 100%}
.faq-section .faq-items .accordion {display: flex;flex-direction: column;gap: 25px}
.filter-summary {background-color: #fff;border: 1px solid rgba(0, 53, 102, .12);box-shadow: 0 15px 45px rgba(42, 73, 173, .08);border-radius: 10px;padding: 24px}
.filter-summary strong {color: #000}
.filter-summary span {font-weight: 500;padding: 8px}
@media(max-width:1199px) {.service-card-title {font-size: 38px}.service-grid {grid-template-columns: repeat(3, 1fr)}
    .service-card-image {width: 230px}
}

@media(max-width:991px) {
    .ai-services-section {padding: 90px 0}
    .service-card-top {flex-direction: column;text-align: center}
    .service-card-left {order: 2}
    .service-card-image {order: 2;width: 220px;margin: auto}
    .service-grid {grid-template-columns: repeat(2, 1fr)}
    .service-title {text-align: center}
    .title-line {margin-top: 18px}
    .ai-main-heading {font-size: 40px}
    .service-card-title {font-size: 34px}
    .tech-solutions-wrap {flex-direction: column}
    .tech-tabs-left {width: 100%;flex-direction: row;flex-wrap: wrap}
    .tech-card-grid {grid-template-columns: repeat(2, 1fr)}
    .ai-banner-card {flex-direction: column;text-align: left;padding: 40px 30px}
    .ai-banner-content {max-width: 100%}
    .ai-banner-image {width: 100%;text-align: center}
    .ai-banner-image img {max-width: 420px}
    .ai-banner-btn {margin: auto}
    .ai-banner-heading {font-size: 34px}
    .cw-wave-tl, .cw-wave-br, .cw-wave-tr {
        display: none;
    }
}


@media(max-width:768px) {
    .home_work_cntnt h3 {text-align: center;}
    .home_work_bx a {right: 7px !important;top: 6px !important;}
    .core-service-card {display: flex;flex-direction: column;margin: auto;justify-content: center;align-items: center;text-align: center}
    .tech-big-text {font-size: 30px !important}
    .tech-stack-visual {height: 260px}
    .tech-icon-box {width: 35px;height: 35px}
    .tech-icon-item span {font-size: 10px;}
    .tech-icon-box i {font-size: 18px}
    .service-grid {grid-template-columns: repeat(3, 1fr)}
}

@media(max-width:767px) {
    .service-grid {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))}
    .service-arrow {width: 30px;height: 30px}
    .service-tab-item {gap: 10px;padding: 11px 16px !important}
    .service-icon {width: 45px;height: 45px;font-size: 18px}
    .service-title h2 {font-size: 35px}
    .tech-big-text {font-size: 40px !important}
    .common-button-fill {font-size: 15px !important}
    .service-content-card {padding: 35px 25px}
    .service-grid {grid-template-columns: 1fr}
    .service-grid-box {min-height: auto;padding: 24px}
    .service-tab-item {padding: 18px}
    .service-icon {width: 50px;height: 50px;font-size: 22px;margin-right: 14px}
    .service-arrow {display: none}
    .ai-main-heading {font-size: 32px}
    .service-card-title {font-size: 28px}
    .service-card-desc {font-size: 15px;line-height: 28px}
    .section_title {max-width: 100%;margin-bottom: 35px;text-align: center !important;}
}
@media(max-width:576px) {
    .ai-services-section {padding: 70px 0}
    .service-content-card {border-radius: 20px}
    .service-tab-item {border-radius: 18px}
    .service-grid-box {border-radius: 18px}
    .sub_heading {font-size: 13px}
    .ai-main-heading {font-size: 28px;line-height: 1.3}
    .tech-card-grid {grid-template-columns: 1fr}
    .tech-solutions-top h2 {font-size: 26px}
    .ai-banner-card {padding: 30px 20px;border-radius: 22px}
    .ai-banner-heading {font-size: 26px;line-height: 1.3}
    .ai-banner-list li {font-size: 15px;line-height: 26px}
    .ai-banner-btn {width: 100%;justify-content: space-between;font-size: 15px}
    .ai-banner-image img {max-width: 320px}
    .our-solution-section {grid-template-columns: 1fr}
}

@media(max-width:1200px) {
    .ai-banner-image img {max-width: 470px}

    .our-solution-section {grid-template-columns: 1fr}
}

a.btn.btn-primary.btn-base.rounded-pill.px-4.py-2\.5.fw-bold.text-white.shadow {padding-top: 9px !important;padding-bottom: 9px !important}
button.btn.btn-outline-light.btn-base.rounded-pill.px-4.py-2\.5.fw-semibold {padding-top: 9px;padding-bottom: 9px}
.select-clt .nice-select {width: 100%;border: 1px solid #e6ebf5;background: #fff;border-radius: 6px;padding: 6px 10px;font-size: 14px;color: #202738;transition: .3s;outline: none;box-shadow: none;}
.select-clt .nice-select .list {width: 100%;background: #ffffff;border: 1px solid rgb(255 255 255);border-radius: 12px;margin-top: 8px;overflow-y: scroll;max-height: 216px;}
.select-clt .nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;z-index: 9999999;padding: 0px 10px;border: 1px solid rgb(255 255 255);text-align: left;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}
.select-clt .nice-select .option:hover,.select-clt .nice-select .option.focus,.select-clt .nice-select .option.selected.focus {background-color: #ccd9ff63;}
#premiumSubjectBtn {background: #ffffff !important;background-color: #ffffff !important;border: 1px solid #e2e8f0 !important;border-radius: 6px !important;padding: 7px 16px !important;height: auto !important;}
#premiumSelectedText {color: #475569 !important;font-size: 14px !important;}
#premiumArrowIcon {color: #94a3b8 !important;}
#premiumDropdownOptions {background: #ffffff!important;background-color: #ffffff !important;border: 1px solid #e2e8f0 !important;border-radius: 6px !important;box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;z-index: 999999 !important;max-height: 200px !important;overflow-y: auto !important;margin-top: 4px !important;padding: 4px 0 !important;}
.prem-opt {color: #475569 !important;font-size: 13.5px !important;font-weight: 400 !important;padding: 10px 18px !important;cursor: pointer;transition: background-color 0.15s ease, color 0.15s ease;background: #ffffff !important;text-align: left !important;}
.prem-opt:hover {background: #f8fafc !important;color: #0f172a !important;}
.active-opt {background: #f1f5f9 !important;color: #0f172a !important;font-weight: 500 !important;}
#premiumDropdownOptions::-webkit-scrollbar {width: 5px;}
#premiumDropdownOptions::-webkit-scrollbar-thumb {background: #cbd5e1 !important;border-radius: 10px;}
#premiumSubjectBtn i.fa-chevron-down:not(#premiumArrowIcon) {display: none !important;}
#premiumSubjectBtn~div i.fa-chevron-down,
#premiumSubjectBtn+div i.fa-chevron-down {display: none !important;}
.quote-modal {border: none;border-radius: 22px;overflow: hidden;background: #ffffff;position: relative;box-shadow: 0 30px 80px rgba(0, 0, 0, .35);}
.quote-close {position: absolute;top: 7px;right: 7px;width: 35px;height: 35px;border: 1px solid #dfe4ef;border-radius: 50%;background: #fff;color: #24324b;cursor: pointer;z-index: 99;transition: .3s;display: flex;align-items: center;justify-content: center;}
.quote-close:hover {color: #fff;background: #c82333;border-color: #c82333;}



/*==========================
        LEFT PANEL
==========================*/

.quote-left {position: relative;height: 100%;padding: 20px 20px;background:radial-gradient(circle at top left, rgba(45, 116, 255, .28),transparent 42%),radial-gradient(circle at bottom right, rgba(14, 74, 190, .25), transparent 35%),linear-gradient(160deg, #071a3d, #09172f);color: #fff;}

/*==========================
      DOT PATTERN
==========================*/

.dot-pattern {position: absolute;right: 42px;top: 22px;width: 150px;height: 90px;opacity: .35;background-image:radial-gradient(#3d7cff 1.5px, transparent 1.5px);background-size: 18px 18px;}

/*==========================
        HEADING
==========================*/

.quote-left h2 {color: #fff;font-size: 24px;line-height: 40px;font-weight: 400;margin-bottom: 5px;letter-spacing: -.2px;}
.quote-left h2 span {display: block;color: #4f7fff;}

/*==========================
        SUBTITLE
==========================*/

.quote-subtitle {font-size: 13px;line-height: 20px;color: #ededed;}


/*==========================
     TESTIMONIAL CARD
==========================*/

.testimonial_card {margin: 30px 0;border: 1px solid rgba(255, 255, 255, .16);border-radius: 18px;padding: 15px;background:linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));backdrop-filter: blur(10px);}
.testimonial_text {font-size: 14px;line-height: 22px;color: #edf3ff;margin-bottom: 20px;font-weight: 300;}

/*==========================
      USER
==========================*/

.testimonial_user {display: flex;align-items: center;}
.testimonial_user img {width: 34px;height: 34px;border-radius: 50%;object-fit: cover;margin-right: 16px;}
.testimonial_user h5 {font-size: 14px;color: #fff;font-weight: 300;line-height: normal;}
.testimonial_user span {font-size: 13px;color: #c8d4ef;}
.testimonial_user a {color: #5f93ff;text-decoration: none;}
.quote-right form {margin-bottom: 0;}

/*==========================
        RATING BOX
==========================*/

.rating-box {display: flex;align-items: center;justify-content: space-between;background: #fff;border-radius: 14px;padding: 10px 12px;margin-bottom: 30px;}
.rating-left {display: flex;gap: 5px;}
.rating-left small {color: #555;font-size: 12px;margin-bottom: 2px;}
.rating-left strong {font-size: 14px;color: #17336e;letter-spacing: .4px;}
.rating-stars {color: #f4bf30;font-size: 24px;letter-spacing: 2px;}
.goodfirms {display: flex;align-items: center;gap: 8px;color: #222;font-size: 15px;font-weight: 500;}
.goodfirms i {color: #caa128;}


/*==========================
      BOTTOM MAIL
==========================*/

.bottom-mail {font-size: 14px;line-height: 31px;color: #d7def0;margin-bottom: 0;}
.bottom-mail a {color: #5f94ff;font-weight: 600;text-decoration: none;}
.bottom-mail a:hover {text-decoration: underline;}
/*=====================================
        RIGHT PANEL
======================================*/
.quote-modal-dialog {zoom: 0.9;}
.modal-xl.quote-modal-dialog {width: 1040px;}
.quote-right {background: linear-gradient(180deg, rgba(74, 118, 255, .30), rgba(255, 255, 255, .08));height: 100%;padding: 20px 22px;display: flex;flex-direction: column;justify-content: center;}
.quote-right h3 {font-size: 17px;font-weight: 500;color: #202738;margin-bottom: 18px;line-height: 1.6;}
.quote-right h3 span {font-weight: 600;color: #006eef;}

/*=====================================
            FORM
======================================*/

.quote-right form {width: 100%;}
.form-group,
.phone-group {margin-bottom: 18px;}

/*=====================================
            INPUTS
======================================*/

.quote-right input,
.quote-right textarea {width: 100%;border: 1px solid #e6ebf5;background: #fff;border-radius: 6px;padding: 0 10px;font-size: 14px;color: #202738;transition: .3s;outline: none;box-shadow: none;}
.quote-right input {height: 40px;}
.quote-right textarea {height: 120px;resize: none;padding-top: 10px;line-height: 28px;}
.quote-right input::placeholder,
.quote-right textarea::placeholder {color: #707a8f;font-size: 14px;}
.quote-right input:focus,
.quote-right textarea:focus {
    border-color: #2b67ff;
    box-shadow: 0 0 0 3px rgba(43, 103, 255, .08);
}


/*=====================================
        PHONE ROW
======================================*/

.phone-group {display: flex;gap: 12px;}
.country-code {width: 112px;height: 36px;border: 1px solid #e6ebf5;border-radius: 6px;display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 14px;background: #fff;color: #202738;flex-shrink: 0;}
.country-code span {font-weight: 500;}
.country-code i {font-size: 11px;color: #8b94aa;}
.phone-group input {flex: 1;}

/*=====================================
        SECURITY BOX
======================================*/

.security-box {margin-top: 18px;background: #edf4ff;border: 1px solid #dfe9ff;border-radius: 6px;display: flex;align-items: center;padding: 8px;margin-bottom: 24px;}
.security-box span {font-size: 13px;color: #25314f;font-weight: 500;line-height: 24px;}
.security-box i {margin-right: 9px;font-size: 14px;color: #2b67ff;font-size: 18px;}


/*=====================================
        SUBMIT BUTTON
======================================*/

.submit-btn {display: inline-flex;align-items: center;justify-content: center;gap: 16px;border: none;background: #006eef;color: #fff;padding: 3px 1px 3px 15px;border-radius: 50px;font-size: 15px;font-weight: 600;transition: .35s;padding: 8px 8px 8px 20px;}
.submit-btn span {width: 28px;height: 28px;border-radius: 50%;background: #fff;color: #2b67ff;display: flex;align-items: center;justify-content: center;font-size: 16px;margin-right: 4px;transition: .35s;}
.submit-btn:hover {background: #1749d4;color: #fff;}



/*=====================================
        BOOTSTRAP FIX
======================================*/

.quote-right .row {--bs-gutter-x: 18px;}
.quote-right .col-md-5,
.quote-right .col-md-7 {margin-bottom: 18px;}

/*==========================================
            MODAL BACKDROP
==========================================*/

.modal-backdrop.show {opacity: .82;backdrop-filter: blur(5px);background: #071326;}

/*==========================================
        MODAL ANIMATION
==========================================*/

.quote-modal {transform: translateY(30px) scale(.96);transition: transform .35s ease;}
.modal.show .quote-modal {transform: translateY(0) scale(1);}

/*==========================================
            INPUT HOVER
==========================================*/

.quote-right input:hover,
.quote-right textarea:hover,
.country-code:hover {border-color: #cfd9f2;}


/*==========================================
            BUTTON EFFECT
==========================================*/

.submit-btn {position: relative;overflow: hidden;}
.submit-btn::before {content: "";position: absolute;left: -120%;top: 0;width: 120%;height: 100%;background: linear-gradient(90deg,transparent, rgba(255, 255, 255, .28), transparent);transition: .8s;}
.submit-btn:hover::before {left: 120%;}


/*==========================================
            TESTIMONIAL CARD
==========================================*/

.testimonial_card {transition: .35s;}
.testimonial_card:hover {border-color: rgba(255, 255, 255, .28);transform: translateY(-3px);}

/*==========================================
            RATING CARD
==========================================*/

.rating-box {transition: .35s;}
.rating-box:hover {transform: translateY(-2px);}

/*==========================================
        MOBILE
==========================================*/

@media(max-width:991px) {
    .quote-modal-dialog {max-width: 96%;margin: auto;}
    .quote-modal {border-radius: 18px;}
    .quote-right {padding: 20px 20px;}
    .quote-left h2 {font-size: 26px;line-height: 35px;}
    .quote-subtitle {font-size: 13px;line-height: 24px;}
    .testimonial_card {padding: 20px;}
    .testimonial_text {line-height: 26px;font-size: 13px;}
    .rating-box {flex-wrap: wrap;gap: 12px;}
    .goodfirms {width: 100%;}
    .quote-right h3 {font-size: 17px}
    .quote-right textarea {height: 180px;}
    .phone-group {flex-direction: column;}
    .country-code {width: 100%;}
    .submit-btn {width: 100%;justify-content: center;}
}


/*==========================================
        SMALL MOBILE
==========================================*/

@media(max-width:576px) {
    .quote-left {padding: 24px 20px;}
    .quote-right {padding: 24px 20px;}
    .quote-left h2 {font-size: 23px;line-height: 31px;}
    .quote-subtitle {margin-bottom: 24px;}
    .testimonial_user img {width: 44px;height: 44px;}
    .testimonial_user h5 {font-size: 15px;}
    .rating-stars {font-size: 18px;}
    .goodfirms {font-size: 15px;}
    .bottom-mail {line-height: 26px;}
    .quote-right input {height: 52px;}
    .country-code {height: 52px;}
    .quote-right textarea {height: 150px;}
    .security-box {height: auto;padding: 15px;align-items: flex-start;}
    .security-box i {margin-top: 2px;}
    .submit-btn {height: 52px;font-size: 15px;}
    .submit-btn span {width: 42px;height: 42px;}
    .quote-close {width: 38px;height: 38px;top: 12px;right: 12px;}

}
/*==========================================
        CUSTOM SCROLLBAR
==========================================*/

.quote-right textarea::-webkit-scrollbar {width: 6px;}
.quote-right textarea::-webkit-scrollbar-thumb {background: #2b67ff;border-radius: 10px;}
.quote-right textarea::-webkit-scrollbar-track {background: #edf3ff;}
/* ======================== */
.m_menu_icon {height: 25px;width: 25px;display: flex;align-self: center;justify-content: center;background: #4162d9;border-radius: 50%;}
.m_menu_icon svg {fill: #fff;width: 18px;}
.dbug_career:hover .dbug_dropdown_menu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
.dbug_hire:hover .dbug_hire_dropdown {opacity: 1;visibility: visible;transform: translateX(-0%) translateY(0);}
/*================================================
    DBUG AI MEGA MENU
================================================*/

/*=============================
CAREER DROPDOWN
=============================*/

.dbug_has_dropdown {position: relative;}
.dbug_dropdown_menu {position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(20px);border-radius: 24px;border: 1px solid rgba(255, 255, 255, .08);box-shadow: 0 25px 60px rgba(0, 0, 0, .35);opacity: 0;visibility: hidden;transition: .35s;overflow: hidden;z-index: 999;backdrop-filter: blur(20px);background: rgba(1, 10, 22, .7);}
.dbug_has_dropdown:hover .dbug_dropdown_menu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
.dbug_dropdown_inner {padding: 20px;}
.dbug_dropdown_item {display: flex;gap: 15px;padding: 14px;border-radius: 14px;text-decoration: none;transition: .3s;}
.dbug_dropdown_item:hover {background: rgba(255, 255, 255, .05);}
.dbug_dropdown_icon {width: 42px;height: 42px;background: var(--theme-color-2);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;flex-shrink: 0;}
.dbug_dropdown_item h5 {color: #fff;margin-bottom: 5px;font-size: 17px;}
.dbug_dropdown_item p {color: #b6c7d9;margin: 0;font-size: 13px;line-height: 19px;}
.dbug_dropdown_inner a {padding: 20px 15px !important;}
/*==========================
HIRE US
==========================*/
.dbug_hire .dbug_hire_dropdown a:hover {transform: translate(10px, 0);}
.dbug_hire_dropdown {left: 50%;top: -20px;transform: translateX(0%) translateY(20px);width: 100vw;background: #1e2b3b;padding-top: 110px;position: fixed;border: 1px solid rgba(255, 255, 255, .08);opacity: 0;visibility: hidden;transition: .35s;z-index: -2;backdrop-filter: blur(20px);background: rgba(1, 10, 22, .7)}
.dbug_hire {position: relative;}
.dbug_hire:hover .dbug_hire_dropdown {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0)}
.dbug_hire_grid {border-top: 1px solid rgba(255, 255, 255, .1);padding-top: 20px;padding-bottom: 20px;padding-inline: 40px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px 30px;}
.dbug_hire_grid a {color: #fff;text-decoration: none;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, .08);transition: .3s;font-size: 15px;}
.dbug_hire_grid a:hover {color: var(--theme-color-2);padding-left: 8px;}
.main-menu>ul>li {position: relative;}
.main-menu>ul>li>a {color: #ffffff;font-size: 16px;font-weight: 500;text-decoration: none;transition: .35s;display: flex;align-items: center;height: 90px;position: relative;}
.main-menu>ul>li>a:hover {color: var(--theme-color-2);}
/*==============================
Mega Menu
==============================*/

.dbug_mega_menu {padding-top: 110px;position: fixed;left: 0;right: 0;transform: none;transform: translateX(-80%);width: 100vw;max-width: 100vw;top: -20px;opacity: 0;visibility: hidden;pointer-events: none;transition: .35s ease;z-index: -2;backdrop-filter: blur(20px);background: rgba(1, 10, 22, .7)
}

.dbug_has_mega {
    position: relative;
}

.dbug_mega_menu {left: 0;transform: none;width: 100vw;}
.dbug_mega_menu a,
.dbug_dropdown_menu a,
.dbug_hire_dropdown a {color: #fff !important;}
.dbug_has_mega:hover .dbug_mega_menu {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(0%) translateY(0);}
/*=================================
Main Wrapper
=================================*/

.dbug_mega_inner {padding-inline: 40px;gap: 30px;display: flex;border-top: 1px solid rgba(255, 255, 255, .1);padding-top: 20px;padding-bottom: 20px;overflow: hidden;min-height: 520px;position: relative}
.dbug_mega_inner {max-width: 1400px;width: 100%;margin: auto;}
/* glow */
.dbug_mega_inner::before {content: "";position: absolute;right: -120px;top: -120px;width: 420px;height: 420px;border-radius: 50%;}
.dbug_mega_inner::after {content: "";position: absolute;left: 35%;bottom: -120px;width: 320px;height: 320px;border-radius: 50%;}
/*==================================
LEFT SIDEBAR
==================================*/

.dbug_mega_sidebar {border-radius: 8px;width: 260px;min-width: 260px;max-width: 260px;background: #1b2d42;padding: 20px;position: relative;z-index: 2;}
.dbug_sidebar_title {display: block;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;color: #93A8BF;margin-bottom: 15px;line-height: normal;}
.dbug_mega_sidebar ul {padding: 0;margin: 0;list-style: none;}
.dbug_mega_sidebar ul li {width: -webkit-fill-available;color: #b7c7d9;padding: 9px 18px;border-radius: 8px;cursor: pointer;transition: .35s;font-size: 14px;font-weight: 400;margin-bottom: 4px;position: relative;}
.dbug_mega_sidebar ul li:hover {background: rgba(255, 255, 255, .06);color: #fff;}
.dbug_mega_sidebar ul li.active {background: var(--theme-color-2);color: #fff;}
.dbug_mega_sidebar ul li::after {content: "›";position: absolute;right: 18px;top: 50%;transform: translateY(-50%);font-size: 18px;}
/*==================================
RIGHT AREA
==================================*/

.dbug_mega_content {
    flex: 1;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.dbug_heading {
    margin-bottom: 30px;
}

.dbug_heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.dbug_heading p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-weight: 200;
}

/*====================================
GRID
====================================*/

.dbug_service_grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 55px;}
.dbug_service_column h5 {color: #fff;font-size: 17px;position: relative;padding-left: 20px;text-decoration: underline;margin-bottom: 10px}
.dbug_service_column .dbug_service_column ul {padding-left: 20px;}
.dbug_service_column .dbug_service_column ul li a {font-size: 14px;padding: 0px;}
.dbug_service_column h5::before {content: "";width: 10px;height: 10px;border-radius: 50%;background: var(--theme-color-2);position: absolute;left: 0;top: 7px;}
@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}


/* new ====================== */

.btn2 img {
    z-index: 999;
    position: relative;
    height: 15px;
}

.btn2 span,.light_btn span,.light_btn i {
    position: relative;
    z-index: 2;
}

.btn2:before, .light_btn:before  {
    content: "";
    position: absolute;
    inset: -2px;
    background: conic-gradient(#00c3ff, #005bff, #00c3ff, #8df4ff, #00c3ff);
    animation: spin 4s linear infinite;
}

.btn2:after, .light_btn:after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #071a2d;
    border-radius: inherit;
    z-index: 1;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.light_btn {
    font-size: 14px;
    position: relative;
    color: white;
    text-decoration: none;
    border-radius: 50px;
    overflow: hidden;
    background: #071a2d;
    z-index: 1;
    height: 40px;
    padding: 4px 15px;
}

/* new -=======================
========================
================ */

.shiny-cta::before {
    content: "";
    position: absolute;
    inset: -35%;
    background:
        conic-gradient(from var(--angle),
            transparent 0deg,
            transparent 315deg,
            rgba(255, 255, 255, .9) 330deg,
            transparent 345deg,
            transparent 360deg);
    animation: rotateBorder 3s linear infinite;
    filter: blur(18px);
    opacity: .8;
    z-index: -2;
}

@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.shiny-cta:hover {
    color: #fff;
}

.shiny-cta {
    --angle: 0deg;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 25px;
    border-radius: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid transparent;
    background:
        linear-gradient(#0b56d9, #0b56d9) padding-box,
        conic-gradient(from var(--angle),
            transparent 0deg,
            transparent 300deg,
            #7dd3ff 320deg,
            #ffffff 330deg,
            #7dd3ff 340deg,
            transparent 360deg) border-box;

    animation: rotateBorder 3s linear infinite;

    overflow: hidden;
}

.shiny-cta::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .12),
            rgba(255, 255, 255, 0));
    pointer-events: none;
}

@keyframes rotateBorder {
    to {
        --angle: 360deg;
    }
}

/* Shiny Button*/
@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false
}

.shiny-cta strong {
    font-weight: 300
}

.shiny-cta {
    --shiny-cta-bg: #000000;
    --shiny-cta-bg-subtle: #006eef;
    --shiny-cta-fg: #ffffff;
    --shiny-cta-highlight: #006eef;
    --shiny-cta-highlight-subtle: #006eef;
    --duration: 3s;
    --shadow-size: 2px;
    isolation: isolate;
    position: relative;
    overflow: hidden;
    outline: 0;
    border: 1px solid transparent;
    color: var(--shiny-cta-fg);
    box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
    animation: gradient-angle linear infinite var(--duration);
    background: linear-gradient(45deg, #006eef, var(--shiny-cta-bg)) padding-box, conic-gradient(from var(--gradient-angle), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4)) border-box;
}

.shiny-cta strong::before,
.shiny-cta::after,
.shiny-cta::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1
}

.shiny-cta::before {
    --size: calc(100% - var(--shadow-size) * 3);
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle at var(--position) var(--position), #fff calc(var(--position)/ 4), transparent 0) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black);
    border-radius: inherit;
    opacity: .4;
    z-index: -1;
    animation: gradient-angle linear infinite var(--duration)
}

.shiny-cta::after {
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(-50deg, transparent, var(--shiny-cta-highlight), transparent);
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: .6;
    animation: shimmer linear infinite var(--duration);
    height: auto
}

.shiny-cta strong {
    z-index: 1;
    position: relative
}

@keyframes gradient-angle {
    to {
        --gradient-angle: 360deg
    }
}

@keyframes shimmer {
    to {
        rotate: 360deg
    }
}
.btn.shiny-cta.xsm.bookcal {display: none}
.entrprisdgtl_bdy a.btn.btn-white.xsm.for_desktop,
.entrprisdgtl_bdy a.btn.shiny-cta.xsm.enterprs.for_desktop {display: none}
.entrprisdgtl_bdy .btn.shiny-cta.xsm.bookcal {display: flex;min-height: 40px;padding-inline: 20px;background: linear-gradient(45deg, #05438d, var(--shiny-cta-bg)) padding-box, conic-gradient(from var(--gradient-angle), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4)) border-box;text-transform: math-auto}
.entrprisdgtl_bdy .btn.shiny-cta.xsm.bookcal:after {height: -webkit-fill-available}
.dbug_service_column ul {margin: 0;padding: 0;padding-left: 20px;list-style: none}
.dbug_service_column ul li {margin-bottom: 12px;}
.dbug_service_column ul li:last-child {margin-bottom: 0;}
.dbug_service_column ul li a {color: #bfd2e7;text-decoration: none;font-size: 15px;display: inline-flex;font-weight: 300 !important;align-items: center;font-size: 15px !important;transition: .3s;padding: 0 !important;position: relative}
.dbug_service_column ul li:hover a {color: #fff !important;}
.dbug_service_column a:hover {color: #fff !important;}
.dbug_service_column ul li a::before {content: "";width: 0;height: 2px;background: var(--theme-color-2);position: absolute;left: 0;bottom: -5px;transition: .3s;}
.dbug_service_column ul li a:hover {color: #ffffff;transform: translateX(6px);}
.dbug_service_column ul li a:hover::before {width: 100%;}
/*==================================
TAB CONTENT
==================================*/

.dbug_tab {display: none;animation: dbugFade .35s ease;}
.dbug_tab.active {display: block;}
@keyframes dbugFade {

    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {opacity: 1;transform: translateY(0);}

}

.dbug_mega_footer {margin-top: auto;display: flex;justify-content: space-between;align-items: center;padding-top: 15px;border-top: 1px solid rgba(255, 255, 255, .08);}
.dbug_mega_footer strong {display: block;color: #ffffff;font-size: 16px;line-height: normal;font-weight: 400;}
.dbug_mega_footer span {color: #fff;font-size: 14px;font-weight: 300}
.dbug_footer_btn {padding: 14px 28px !important;background: var(--theme-color-2);color: #ffffff;border-radius: 50px;text-decoration: none;font-weight: 600;transition: .35s;white-space: nowrap;}
.dbug_footer_btn:hover {background: #0669cb;color: #ffffff;transform: translateY(-2px)}
/*====================================================
    RESPONSIVE HEADER FOUNDATION
=====================================================*/
.header-main {display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: nowrap;}
.header-left {flex-shrink: 0;}
.header-right {display: flex;align-items: center;justify-content: flex-end;gap: 18px;flex: 1;}
.mean__menu-wrapper {flex: 1;display: flex;justify-content: flex-end;}
.main-menu {width: 100%;}
.main-menu>ul {display: flex;justify-content: center;align-items: center;list-style: none;margin: 0;padding: 0;gap: 30px;flex-wrap: nowrap;width: 100%;}
.header-logo img {max-width: 180px;width: 100%;height: auto;}
/* prevent menu overflow */
.main-menu>ul>li {white-space: nowrap;}
/* buttons */
.btn2 {flex-shrink: 0;}
.light_btn {flex-shrink: 0;}

/* tech stack */
.tech-cus-icon-one {top:-7%; left:15%}
.tech-cus-icon-two {top:-16%; left:30%}
.tech-cus-icon-three {top:-15%; left:43%}
.tech-cus-icon-four {top:-13%; right:39%}
.tech-cus-icon-five {top:-4%; right:25%}
.tech-cus-icon-six {top:28%; left:3%}
.tech-cus-icon-seven {top:45%; left:22%}
.tech-cus-icon-eight {top:50%; left:48%}
.tech-cus-icon-nine {top:62%; right: 24%;}
.tech-cus-icon-ten {top:-7%; right:10%}
.tech-cus-icon-eleven {top:71%; left:12%}
.tech-cus-icon-twelve {top:28%; right:17%}
.tech-cus-icon-thirteen {top:72%; left:35%}
.tech-cus-icon-fourteen {top:72%; left:60%}
/*==========================================
        LARGE LAPTOP
==========================================*/

@media (max-width:1400px) {
    .main-menu>ul {gap: 20px;}
    .main-menu>ul>li>a {font-size: 15px;}
    .btn2 {padding: 4px 24px;}

}

@media (max-width:1200px) {
    .header-logo img {width: 130px !important;}
    .main-menu>ul {gap: 18px;}
    .main-menu>ul>li>a {font-size: 14px;}
    .btn2 {padding: 4px 18px;font-size: 13px;}
    .light_btn {font-size: 13px;}
}

/*====================================================    TABLET RESPONSIVE
====================================================*/

@media (max-width:1200px) {

    /* Header */
    .header-main {min-height: 80px;}
    .header-right {justify-content: flex-end;gap: 12px;}
    .btn2 {display: none;}
    .light_btn {display: none !important;}
    .mean__menu-wrapper {display: none;}
    .header__hamburger {display: flex !important;align-items: center;justify-content: center; }

    /*==========================
        MEGA MENU
==========================*/

    .dbug_mega_menu {position: relative;left: auto;right: auto;top: auto;width: 100%;max-width: 100%;padding-top: 0;background: transparent;transform: none;opacity: 1;visibility: visible;pointer-events: auto;display: none;border: none;backdrop-filter: none;}
    .dbug_mega_inner {display: block;min-height: auto;padding: 20px;gap: 20px;}
    /* Sidebar */
    .dbug_mega_sidebar {width: 100%;max-width: 100%;min-width: 100%;margin-bottom: 20px;}
    .dbug_mega_sidebar ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
    .dbug_mega_sidebar li {margin: 0;}
    /* Right */
    .dbug_mega_content {width: 100%;}
    .dbug_service_grid {grid-template-columns: repeat(2, 1fr);gap: 25px;}
    .dbug_heading {margin-bottom: 20px;}
    .dbug_heading h3 {font-size: 22px;}
    .dbug_heading p {font-size: 14px;}
    /* Footer */
    .dbug_mega_footer {margin-top: 25px;flex-direction: column;align-items: flex-start;gap: 15px;}
    .dbug_footer_btn {width: 100%;justify-content: center;text-align: center;}
    .dbug_hire_dropdown {position: relative;width: 100%;left: auto;top: auto;transform: none;padding-top: 0;display: none;opacity: 1;visibility: visible;background: transparent;border: none;}
    .dbug_hire_grid {grid-template-columns: repeat(2, 1fr);padding: 20px;gap: 15px;}
    .dbug_dropdown_menu {position: relative;width: 100%;left: auto;transform: none;top: auto;display: none;opacity: 1;visibility: visible;border: none;background: #12253b;margin-top: 10px;}
    .dbug_dropdown_inner {padding: 15px;}
    .dbug_service_column h5 {font-size: 16px;}
    .dbug_service_column ul li {margin-bottom: 12px;}
    .dbug_service_column ul li a {font-size: 14px !important;}
}

@media(max-width:992px) {
    .right-content-our-section .service-card-desc {max-width: 100%;}
}

/*====================================================
                MOBILE MENU
====================================================*/

@media (max-width:767px) {
    .dbug_mega_inner {padding: 15px;}
    .dbug_mega_sidebar {padding: 15px;}
    .dbug_mega_sidebar ul {display: block;}
    .dbug_mega_sidebar ul li {margin-bottom: 8px;font-size: 14px;padding: 12px 15px;}
    .dbug_heading {margin-bottom: 18px;}
    .dbug_heading h3 {font-size: 20px;}
    .dbug_heading p {font-size: 13px;line-height: 22px;}
    .dbug_service_grid {grid-template-columns: 1fr;gap: 20px;}
    .dbug_service_column {background: #13263d;border-radius: 12px;padding: 18px;}
    .dbug_service_column h5 {font-size: 15px;}
    .dbug_service_column ul li {margin-bottom: 10px;}
    .dbug_service_column ul li a {font-size: 14px !important;}
    .dbug_mega_footer {flex-direction: column;align-items: stretch;}
    .dbug_footer_btn {width: 100%;text-align: center;}
    .dbug_hire_grid {grid-template-columns: 1fr;padding: 15px;gap: 8px;}
    .dbug_hire_grid a {padding: 12px;border-radius: 10px;background: #13263d;border: none;}
    .dbug_dropdown_item {padding: 14px;}
    .dbug_dropdown_item h5 {font-size: 15px;}
    .dbug_dropdown_item p {font-size: 13px;}
    .tech-cus-icon-one {top:-7%; left:15%}
    .tech-cus-icon-two {top:-16%; left:30%}
    .tech-cus-icon-three {top:-15%; left:43%}
    .tech-cus-icon-four {top: -23%;right: 33%;}
    .tech-cus-icon-five {top: -12%;right: 17%;}
    .tech-cus-icon-six {top:28%; left:3%}
    .tech-cus-icon-seven {top:45%; left:22%}
    .tech-cus-icon-eight { top: 41%;left: 48%;}
    .tech-cus-icon-nine { top: 49%; left: 70%;}
    .tech-cus-icon-ten {top: -6%;right: 5%;}
    .tech-cus-icon-eleven {top:71%; left:12%}
    .tech-cus-icon-twelve {top: 28%;right: 17%;}
    .tech-cus-icon-thirteen {top:72%; left:35%}
    .tech-cus-icon-fourteen {top:72%; left:60%}
    .tech-big-text {font-size: 33px !important;white-space: normal;text-align: center;}
}

@media(max-width:480px) {
    .header-logo img {width: 120px !important;}
    .dbug_mega_inner {padding: 12px;}
    .dbug_mega_sidebar {padding: 12px;}
    .dbug_service_column {padding: 15px;}
    .dbug_heading h3 {font-size: 18px;}
    .tech-icon-item{gap: 1px;}
    .tech-cus-icon-one {top:-7%; left:0%}
    .tech-cus-icon-two {top:-16%; left:16%}
    .tech-cus-icon-three {top: -27%;left: 30%;}
    .tech-cus-icon-four {top:-18%; right:36%}
    .tech-cus-icon-five {top:0%; right:14%}
    .tech-cus-icon-six {top:28%; left:3%}
    .tech-cus-icon-seven {top:45%; left:22%}
    .tech-cus-icon-eight {top:50%; left:48%}
    .tech-cus-icon-nine {top:62%; right: -9%;}
    .tech-cus-icon-ten {top:-20%; right:0%}
    .tech-cus-icon-eleven {top:71%; left:0%}
    .tech-cus-icon-twelve {top:28%; right:0%}
    .tech-cus-icon-thirteen {top:72%; left:35%}
    .tech-cus-icon-fourteen {top:72%; left:60%}
}
@media(max-width:375px){
    .video-hero-section .hero-content h1.char-animation {font-size: 40px !important;}
    .common-button-fill {line-height: normal;}
    .common-btn-icon i.fas.fa-phone-alt { width: 30px !important;}
     h2{font-size:28px;}
    .contact-content .section_title h1 {font-size: 30px !important;line-height: normal;}
}
.sticky.header-1 .header-main .sidebar__toggle {
    color: #fff !important;
}
/* 5/oct/2026 */
.about-heading-white::after {
    content: "";
    width: 45px;
    height: 2px;
    background: white;
}
.about-heading-white span {
    color: white;
    font-size: 15px;
    font-weight: 500;
}
.about-heading-white {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 11px;
}
.core-service-icon{
    width: 50px;
    height: 50px;
}

/* counter page */

/* .dbimp26-wrap,.dbreal26-wrap,.ltb26-wrap, .dbvm26-wrap,.oa26-wrap,.dbsd26-wrap,.dbsd26-wrap,.dbcta26-wrap,.dbts26-wrap {
    max-width: 1140px;
    margin: 0px auto !important;
} */

/* core-card-styles-blade-php code start */
    /* =====================================================
       SHARED STYLES: Legal, Tax & Accounting + Video & Multimedia
       (pehle core-services-section file me thi)
       ===================================================== */

    /* ---------- Section ---------- */
    .core-services-section.svc-section {
        position: relative;
        padding: 35px 0;
        background: transparent;
    }
    .core-services-section .container { position: relative; z-index: 2; }

    /* ---------- Heading row ---------- */
    .svc-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 35px;
        flex-wrap: wrap;
    }
    .svc-sub { margin: 8px 0 0; color: #334364; font-size: 16px; }

    /* ---------- Grids ---------- */
    .core-services-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
    .svc-grid-2 { grid-template-columns: repeat(2, 1fr); }
    .svc-grid-3 { grid-template-columns: repeat(3, 1fr); }
    .svc-grid-4 { grid-template-columns: repeat(4, 1fr); }

    /* ---------- Card ---------- */
    .core-service-card {
        position: relative;
        min-height: auto;
        padding: 26px;
        border-radius: 24px;
        border: 1px solid #cedaff;
        background: linear-gradient(135deg, #ffffff, #f7faff);
        box-shadow: 0 3px 0 #bfd6ff66, 0 9px 24px #155ce90c;
        transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
    }
    .core-service-card:hover {
        transform: translateY(-6px);
        border-color: #4b77ff;
        background: linear-gradient(135deg, #ffffff, #edf5ff);
        box-shadow: 0 18px 40px rgba(0, 78, 255, .18);
    }
    .core-service-card.featured {
        border-color: #5d82ff;
        background: linear-gradient(180deg, rgba(74, 118, 255, .14), #ffffff);
        box-shadow: 0 14px 34px rgba(58, 105, 255, .16);
    }

    .core-service-card-header {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-bottom: 16px;
    }

    /* ---------- Icon ---------- */
    .core-service-icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        border-radius: 18px;
        background: linear-gradient(180deg, #4d73ff, #3c5bff);
        box-shadow: 0 12px 26px rgba(52, 93, 255, .35);
        transition: transform .35s ease;
    }
    .core-service-icon i { color: #fff; font-size: 25px; }
    .core-service-icon .icon-glow { display: none; }
    .core-service-card:hover .core-service-icon { transform: rotate(-8deg) scale(1.08); }

    /* ---------- Text ---------- */
    .core-service-card h3 {
        margin: 0;
        color: #090829;
        font-size: 19px;
        line-height: 1.3;
        font-weight: 600;
    }
    .core-service-card p {
        margin: 0;
        color: #334364;
        font-size: 15px;
        line-height: 1.7;
    }

    /* ---------- Legal, Tax & Accounting layout ---------- */
    .svc-lta-wrap {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 28px;
        align-items: stretch;
    }
    .svc-lta-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 28px;
    }
    .svc-span-3 { grid-column: span 3; }
    .svc-span-2 { grid-column: span 2; }

    .core-service-card.svc-legal-card {
        padding: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .svc-legal-img { flex: 1; min-height: 220px; overflow: hidden; }
    .svc-legal-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .svc-legal-body { padding: 22px 26px 26px; }
    .svc-legal-body h3 { margin-bottom: 8px; }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        .core-services-grid,
        .svc-grid-3,
        .svc-grid-4 { grid-template-columns: repeat(2, 1fr); }

        .svc-lta-wrap { grid-template-columns: 1fr; }
        .svc-legal-img { min-height: 260px; }
        .svc-lta-grid { grid-template-columns: repeat(2, 1fr); }
        .svc-span-3, .svc-span-2 { grid-column: span 1; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        .core-services-grid,
        .svc-grid-2,
        .svc-grid-3,
        .svc-grid-4,
        .svc-lta-grid { grid-template-columns: 1fr; gap: 20px; }

        .svc-head { flex-direction: column; align-items: flex-start; }
        .core-service-card { padding: 22px; }
        .core-service-icon { width: 50px; height: 50px; }
        .core-service-icon i { font-size: 22px; }
        .core-service-card h3 { font-size: 18px; }
    }
/* core-card-styles-blade-php code end */


/* contact section start */

.contact-image-box img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}



/* =========================================
   CONTACT SECTION - PREMIUM LIGHT DESIGN
========================================= */

.contact-section {
    position: relative;
    padding: 55px 0 !important;
    background: #edf5ff;
}


/* Main Wrapper */
.contect-wrapper {
    position: relative;
    padding: 20px 45px;
    border-radius: 32px;
    background: linear-gradient(
        120deg,
        #f9fbff 0%,
        #eef5ff 50%,
        #ffffff 100%
    );
    border: 3px solid rgba(255, 255, 255, 0.95);
    box-shadow:
        0 15px 35px rgba(42, 112, 220, 0.16),
        inset 0 0 15px rgba(255, 255, 255, 0.9);
}

/* Decorative Waves */
.cw-wave {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.cw-wave-tr {
    width: 280px;
    height: 130px;
    top: 29px;
    right: -21px;
    border-radius: 50%;
    transform: rotate(-35deg);
    background: linear-gradient(
        135deg,
        rgba(73, 160, 255, 0.10),
        rgba(73, 160, 255, 0.32)
    );
    border-top: 12px solid rgba(95, 171, 255, 0.17);
    overflow: hidden;
}


.cw-wave-tl,
.cw-wave-br {
    display: none;
}

/* Keep Content Above Waves */
.contect-wrapper .row {
    position: relative;
    z-index: 2;
}

/* Left Content */
.contact-content {
    width: 100%;
}

.contact-section .section_title {
    margin-bottom: 24px !important;
}

/* Contact Badge */
.section_title_badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 13px;
    margin-bottom: 8px;
    border: 1px solid #245bff;
    border-radius: 30px;
    color: #1649ff;
    background: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.section_title_badge i {
    color: #245bff;
}

/* Heading */
.contact-heading {
    position: relative;
}

.contact-heading h2 {
    color: #090829 !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: -2px;
}

.contact-heading h2 .hl {
    display: inline;
    color: #164cff !important;
    position: relative;
}

/* Heading Underline */
.contact-heading h2 .hl::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    left: 0;
    bottom: -9px;
    border-top: 3px solid #245bff;
    border-radius: 50%;
    transform: rotate(-2deg);
}

/* Decorative Dots */
.title-dots {
    position: absolute;
    width: 65px;
    height: 55px;
    left: -47px;
    bottom: -12px;
    z-index: -1;
    background-image: radial-gradient(
        #2763ff 1.3px,
        transparent 1.3px
    );
    background-size: 15px 15px;
}

/* Contact Form */
.contact-form-box {
    width: 100%;
    margin-top: 28px;
}

.contact-form-box .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 10px;
}

/* Input Fields */


.contact-form-box .form-clt:focus-within {
    border-color: #3975ff;
}

.contact-form-box .form-clt > i {
    position: absolute;
    left: 15px;
    top: 20px;
    transform: translateY(-50%);
    color: #1760ff;
    font-size: 17px;
    z-index: 1;
}
.contact-form-box .form-clt {
    position: relative;
    padding-bottom: 8px;
}
.contact-form-box .form-clt input, .contact-form-box .form-clt select, .contact-form-box .form-clt textarea,.nice-select.form-control  {
    padding: 10px 14px 10px 47px;
    color: #222 !important;
    font-size: 14px;
    position: relative;
    height: 41px;
    display: flex;
    align-items: center;
    border: 1px solid #c8dcff;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 7px 15px rgba(47, 111, 255, 0.09);
    transition: all 0.3s ease;
    width: 100%;
}
.contact-form-box .form-clt input::placeholder,
.contact-form-box .form-clt textarea::placeholder {
    color: #777;
    opacity: 1;
}

/* Select Field */
.contact-form-box .form-clt-select select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 35px;
}

/* Textarea */
.contact-form-box .form-clt-textarea {
    height: 100px;
    align-items: flex-start;
}

.contact-form-box .form-clt-textarea > i {
    top: 19px;
    transform: none;
}

.contact-form-box .form-clt textarea {
    resize: none;
    padding-top: 14px;
    line-height: 1.5;
    height: 100%;
}

/* Nice Select Main Field */
.contact-form-box .nice-select {
    width: 100%;
    height: 41px;
    line-height: 41px;
    padding-left: 47px;
    padding-right: 35px;
    border: 1px solid #c8dcff !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: #777b80 !important;
    font-size: 14px;
    box-shadow: 0 7px 15px rgba(47, 111, 255, 0.09);
}

/* Dropdown Arrow */
.contact-form-box .nice-select:after {
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    width: 8px;
    height: 8px;
}

/* Dropdown List */
.contact-form-box .nice-select .list {
    border: 1px solid #d7e5ff;
padding: 5px;
}

/* Dropdown Options */
.contact-form-box .nice-select .option {
    min-height: 38px;
    line-height: 38px;
    padding: 0 12px;
    border-radius: 8px;
    background: #fff !important;
    color: #26345b !important;
    font-size: 13px;
    font-weight: 400;
    border: 0;
}

/* Hover Effect */
.contact-form-box .nice-select .option:hover,
.contact-form-box .nice-select .option.focus,
.contact-form-box .nice-select .option.selected.focus {
    background: #4162d9 !important;
    color: #fff !important;
}

/* Selected Option */
.contact-form-box .nice-select .option.selected {
    background: #edf4ff !important;
    color: #1455ff !important;
    font-weight: 600;
}

/* Remove Dark Theme */
.contact-form-box .nice-select .option.disabled {
    color: #999 !important;
    background: #fff !important;
}
/* Dropdown Position Fix */
.contact-form-box .nice-select {
    position: relative;
}

.contact-form-box .nice-select .list {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 100%;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    max-height: 220px;
    overflow-y: auto;
    z-index: 999;
    background: #fff !important;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(36, 91, 180, 0.15);
}

/* Prevent dropdown opening upward */
.contact-form-box .nice-select.open .list {
    top: 100% !important;
    bottom: auto !important;
}

/* Keep dropdown above other form fields */
.contact-form-box .form-clt-select {
    position: relative;
    z-index: 5;
}
/* Mobile */
@media (max-width: 767px) {
    .contact-form-box .nice-select {
        height: 46px;
        line-height: 46px;
    }
}

/* Submit Button */
.contact-submit-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 8px 10px 8px 20px;
    border-radius: 60px;
    text-decoration: none;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 20px 45px rgba(47, 91, 255, .30);
    background: radial-gradient(circle, #7aa0ff 0%, #4d73ff 50%, #3658f7 100%) !important;
    height: 50px;
}

.contact-submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 22px rgba(25, 86, 255, 0.35);
}

.contact-submit-btn .common-btn-icon {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #1455ff;
    font-size: 12px;
}

/* Right Side Image */
.contact-image-box {
    width: 100%;
    padding: 7px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 12px 25px rgba(36, 104, 220, 0.18);
}

.contact-image-box img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 21px;
}

/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 991px) {
    .contect-wrapper {
        padding: 35px 28px;
    }

    .contact-heading h2 {
        font-size: 30px !important;
    }

    .contact-image-box img {
        height: 300px;
    }
}

/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media (max-width: 767px) {
    .contact-section {
        padding: 35px 0 !important;
    }

    .contect-wrapper {
        padding: 25px 18px;
        border-radius: 22px;
    }

    .contact-section .section_title {
        margin-bottom: 20px !important;
    }

    .contact-heading h2 {
        font-size: 27px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px;
    }

    .title-dots {
        left: -8px;
        bottom: -25px;
        opacity: 0.6;
    }

    .contact-form-box {
        margin-top: 20px;
    }
    .contact-image-box {
        margin-top: 15px;
        border-radius: 22px;
    }

    .contact-image-box img {
        height: 260px;
        border-radius: 16px;
    }

    .contact-submit-btn {
        height: 44px;
    }
}

@media (max-width: 400px) {
    .contect-wrapper {
        padding: 22px 14px;
    }

    .contact-heading h2 {
        font-size: 24px !important;
    }

    .contact-form-box .row {
        --bs-gutter-x: 8px;
        --bs-gutter-y: 5px;

    }

    .contact-form-box .form-clt > i {
        left: 12px;
    }
    .contact-image-box img {
        height: 220px;
    }
}


/* counter start */
    /* Saare selectors is section tak hi limited hain. */
    #dbimp26-stats {
        --dbimp26-blue: #0750ec;
        --dbimp26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--dbimp26-navy);
        font-size: 16px;
        line-height: 1.5;
    }
    #dbimp26-stats,
    #dbimp26-stats * { box-sizing: border-box; }

    /* decorative waves */
    #dbimp26-stats::before,
    #dbimp26-stats::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        animation: dbimp26Drift 14s ease-in-out infinite alternate;
    }
    #dbimp26-stats::before { top: -180px; left: -245px; }
    #dbimp26-stats::after  { right: -390px; top: 40px; width: 550px; height: 300px; animation-duration: 18s; animation-direction: alternate-reverse; }

    #dbimp26-stats .dbimp26-wrap {
        position: relative;
    }

    /* ---------- Heading ---------- */
    #dbimp26-stats .dbimp26-heading { margin: 0 0 42px; text-align: center; }
    #dbimp26-stats .dbimp26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: 0 0 12px;
    }
    #dbimp26-stats .dbimp26-badge-row::before,
    #dbimp26-stats .dbimp26-badge-row::after {
        content: '';
        display: block;
        width: 70px;
        height: 1px;
        background: #3976ff;
    }
    #dbimp26-stats .dbimp26-badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 24px;
        border: 1px solid #3a6dff;
        border-radius: 10px;
        background: #fff;
        color: #0b3fc4;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.35;
        text-transform: uppercase;
    }
    #dbimp26-stats .dbimp26-badge i { color: var(--dbimp26-blue); font-size: 22px; }
    #dbimp26-stats .dbimp26-heading-title {
        margin: 0;
        padding: 0;
        color: var(--dbimp26-navy);
        letter-spacing: -1.5px;
        text-transform: none;
    }
    #dbimp26-stats .dbimp26-highlight { color: var(--dbimp26-blue); }
    #dbimp26-stats .dbimp26-intro {
        max-width: 1500px;
        margin: 14px auto 0;
        color: #424e73;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
    }

    /* ---------- Grid ---------- */
    #dbimp26-stats .dbimp26-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px;
        margin: 0;
        padding: 0;
    }
    #dbimp26-stats .dbimp26-empty { grid-column: 1 / -1; margin: 0; text-align: center; color: #424e73; }

    /* ---------- Card ---------- */
    #dbimp26-stats .dbimp26-card {
        --bd: 0s;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        margin: 0;
        padding: 15px 20px;
        overflow: hidden;
        border: 1px solid #dceaff;
        border-radius: 12px;
        background: linear-gradient(135deg, #fff, #f7faff);
        box-shadow: 0 4px 0 #bfd6ff66, 0 12px 28px #155ce912;
        cursor: pointer;
        transition:
            background .25s,
            border-color .25s,
            box-shadow .25s,
            transform .25s,
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #dbimp26-stats .dbimp26-card:hover {
        background: linear-gradient(135deg, #fff, #edf5ff);
        border-color: #9fc0ff;
        box-shadow: 0 16px 34px #0750ec22;
        transform: translateY(-6px);
    }

    /* reveal ke time ek baar light sweep */
    #dbimp26-stats .dbimp26-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 40%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(7, 80, 236, .12), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
    }

    #dbimp26-stats .dbimp26-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 60px;
    height: 55px;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    background: linear-gradient(145deg, #eaf2ff, #dbe8ff);
    border: 1px solid #d9e8ff;
    color: var(--dbimp26-blue);
    box-shadow: 0 8px 18px #0750ec12;
}
    #dbimp26-stats .dbimp26-icon svg {
        width: 35px;
    height: 35px;
    object-fit: contain;
    
    }
    #dbimp26-stats .dbimp26-divider {
        flex: 0 0 1px;
        align-self: stretch;
        margin: 6px 0;
        background: #cfdcf5;
    }
    #dbimp26-stats .dbimp26-content { min-width: 0; }
    #dbimp26-stats .dbimp26-number {
        display: flex;
        align-items: baseline;
        flex-wrap: nowrap;
        margin: 0 0 4px;
        padding: 0;
        color: var(--dbimp26-blue);
        font-size:30px;
        font-weight:800;
        letter-spacing: 0;
        white-space: nowrap;
    }
    /* Odometer ka apna font/letter-spacing digits ko kaat deta tha (0 → C jaisa dikhta tha), isliye sab force kiya */
    #dbimp26-stats .dbimp26-number .odometer,
    #dbimp26-stats .dbimp26-number .odometer * {
        font-weight: 800 !important;
        font-style: normal !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }
    #dbimp26-stats .dbimp26-suffix { color: var(--dbimp26-blue); }
    #dbimp26-stats .dbimp26-label {
        display: block;
        color: #12121e;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.35;
    }
    #dbimp26-stats .custom-no-comma .odometer-formatting-mark { display: none !important; }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        #dbimp26-stats .dbimp26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbimp26-stats { padding: 30px 0 40px; }
        #dbimp26-stats .dbimp26-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
        #dbimp26-stats .dbimp26-heading { margin-bottom: 28px; }
        #dbimp26-stats .dbimp26-badge { font-size: 15px; padding: 4px 16px; }
        #dbimp26-stats .dbimp26-badge i { font-size: 16px; }
        #dbimp26-stats .dbimp26-badge-row { gap: 14px; }
        #dbimp26-stats .dbimp26-badge-row::before,
        #dbimp26-stats .dbimp26-badge-row::after { width: 28px; }
        #dbimp26-stats .dbimp26-card { padding: 20px 18px; border-radius: 22px; }
        #dbimp26-stats .dbimp26-icon { width: 68px; border-radius: 18px; font-size: 28px; }
        #dbimp26-stats .dbimp26-number { font-size: 36px; }
        #dbimp26-stats .dbimp26-label { font-size: 16px; }
    }

    /* =====================================================
       ANIMATIONS
       Content tabhi chhupta hai jab JS chal gaya ho (.dbimp26-js),
       isliye JS fail ho to bhi section poora dikhega.
       ===================================================== */
    @keyframes dbimp26Drift { from { translate: 0 0; } to { translate: 26px 14px; } }
    @keyframes dbimp26Float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
    @keyframes dbimp26Sweep { from { left: -60%; } to { left: 140%; } }

    /* ---- Heading ---- */
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row,
    #dbimp26-stats.dbimp26-js .dbimp26-heading-title,
    #dbimp26-stats.dbimp26-js .dbimp26-intro {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease, translate .7s cubic-bezier(.2,.8,.2,1);
    }
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row { translate: 0 -18px; }
    #dbimp26-stats.dbimp26-js .dbimp26-heading-title { transition-delay: .15s; }
    #dbimp26-stats.dbimp26-js .dbimp26-intro { transition-delay: .3s; }
    #dbimp26-stats.dbimp26-in .dbimp26-badge-row,
    #dbimp26-stats.dbimp26-in .dbimp26-heading-title,
    #dbimp26-stats.dbimp26-in .dbimp26-intro { opacity: 1; translate: 0 0; }

    /* badge ke dono taraf ki lines beech se khulti hain */
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row::before,
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row::after {
        scale: 0 1;
        transition: scale .7s ease .35s;
    }
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row::before { transform-origin: right center; }
    #dbimp26-stats.dbimp26-js .dbimp26-badge-row::after  { transform-origin: left center; }
    #dbimp26-stats.dbimp26-in .dbimp26-badge-row::before,
    #dbimp26-stats.dbimp26-in .dbimp26-badge-row::after { scale: 1 1; }

    /* ---- Card: neeche se zoom hokar, ek ek karke (--i se delay) ---- */
    #dbimp26-stats.dbimp26-js .dbimp26-card {
        --bd: calc(.45s + var(--i, 0) * .18s);
        opacity: 0;
        translate: 0 56px;
        scale: .86;
    }
    #dbimp26-stats.dbimp26-in .dbimp26-card {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
    #dbimp26-stats.dbimp26-in .dbimp26-card::after {
        animation: dbimp26Sweep 1s ease calc(var(--bd) + .35s) 1 both;
    }

    /* ---- Icon: pop + ghoom ke seedha, phir halka float ---- */
    #dbimp26-stats.dbimp26-js .dbimp26-icon {
        scale: .3;
        rotate: -16deg;
        transition:
            scale .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s),
            rotate .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s);
    }
    #dbimp26-stats.dbimp26-in .dbimp26-icon {
        scale: 1;
        rotate: 0deg;
        animation: dbimp26Float 4.5s ease-in-out calc(var(--bd) + 1.4s) infinite;
    }

    /* ---- Divider upar se neeche khulta hai ---- */
    #dbimp26-stats.dbimp26-js .dbimp26-divider {
        scale: 1 0;
        transform-origin: top center;
        transition: scale .6s ease calc(var(--bd) + .35s);
    }
    #dbimp26-stats.dbimp26-in .dbimp26-divider { scale: 1 1; }

    /* ---- Number + label ---- */
    #dbimp26-stats.dbimp26-js .dbimp26-number,
    #dbimp26-stats.dbimp26-js .dbimp26-label {
        opacity: 0;
        translate: 0 14px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #dbimp26-stats.dbimp26-js .dbimp26-number { transition-delay: calc(var(--bd) + .4s); }
    #dbimp26-stats.dbimp26-js .dbimp26-label  { transition-delay: calc(var(--bd) + .55s); }
    #dbimp26-stats.dbimp26-in .dbimp26-number,
    #dbimp26-stats.dbimp26-in .dbimp26-label { opacity: 1; translate: 0 0; }

    /* ---- Jinhe animation pasand nahi (device setting): sab seedha dikhe ---- */
    @media (prefers-reduced-motion: reduce) {
        #dbimp26-stats,
        #dbimp26-stats *,
        #dbimp26-stats *::before,
        #dbimp26-stats *::after {
            animation: none !important;
            transition: none !important;
        }
        #dbimp26-stats.dbimp26-js .dbimp26-badge-row,
        #dbimp26-stats.dbimp26-js .dbimp26-heading-title,
        #dbimp26-stats.dbimp26-js .dbimp26-intro,
        #dbimp26-stats.dbimp26-js .dbimp26-card,
        #dbimp26-stats.dbimp26-js .dbimp26-number,
        #dbimp26-stats.dbimp26-js .dbimp26-label { opacity: 1 !important; translate: none !important; }

        #dbimp26-stats.dbimp26-js .dbimp26-card,
        #dbimp26-stats.dbimp26-js .dbimp26-icon,
        #dbimp26-stats.dbimp26-js .dbimp26-divider,
        #dbimp26-stats.dbimp26-js .dbimp26-badge-row::before,
        #dbimp26-stats.dbimp26-js .dbimp26-badge-row::after { scale: none !important; rotate: none !important; }
    }

/* counter end */
/* tech  solution page smart digital soltuion css start */

    #dbsd26-services {
        --dbsd26-blue: #0750ec;
        --dbsd26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0;
        background:
        radial-gradient(ellipse at 0 0, #daeaff 0, #e1edff33 34%), radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%), #fcfdff;
        color: var(--dbsd26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #dbsd26-services,
    #dbsd26-services * { box-sizing: border-box; }

    /* decorative waves */
    #dbsd26-services::before,
    #dbsd26-services::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
    }
    #dbsd26-services::before { top: -180px; left: -245px; }
    #dbsd26-services::after  { right: -390px; top: 40px; width: 550px; height: 300px; }

    #dbsd26-services .dbsd26-wrap {
        position: relative;
    }

    /* ---------- Top ---------- */
    #dbsd26-services .dbsd26-top { margin: 0 auto clamp(26px, 3.2cqw, 56px); text-align: center; }
    #dbsd26-services .dbsd26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(14px, 1.7cqw, 28px);
        margin: 0 0 clamp(8px, .9cqw, 16px);
    }
    #dbsd26-services .dbsd26-badge-row::before,
    #dbsd26-services .dbsd26-badge-row::after {
        content: '';
        display: block;
        width: clamp(28px, 4.7cqw, 78px);
        height: 1px;
        background: #3976ff;
    }
    #dbsd26-services .dbsd26-badge {
        display: inline-flex;
        align-items: center;
        gap: clamp(8px, .7cqw, 12px);
        padding: clamp(5px, .55cqw, 10px) clamp(16px, 1.8cqw, 30px) clamp(5px, .55cqw, 10px) clamp(14px, 1.3cqw, 22px);
        border: 1.5px solid #3a6dff;
        border-radius:10px;
        background: #fff;
        color: #0b3fc4;
        font-size: clamp(14px, 1.45cqw, 25px);
        font-weight: 700;
        line-height: 1.3;
    }
    #dbsd26-services .dbsd26-badge svg { width: clamp(20px, 2.1cqw, 36px); height: clamp(20px, 2.1cqw, 36px); color: var(--dbsd26-blue); }


    #dbsd26-services .dbsd26-hl { color: var(--dbsd26-blue); }
    #dbsd26-services .dbsd26-swoosh-wrap { position: relative; display: inline-block; }
    #dbsd26-services .dbsd26-swoosh {
        position: absolute;
        right: 0;
        bottom: -.2em;
        width: 44%;
        height: .2em;
        overflow: visible;
        color: #2f68ff;
    }
    #dbsd26-services .dbsd26-intro {
        max-width: 66cqw;
        margin: clamp(14px, 1.5cqw, 26px) auto 0;
        color: #424e73;
        font-size: clamp(14px, 1.38cqw, 24px);
        font-weight: 500;
        line-height: 1.5;
    }

    /* ---------- Layout: menu | panel ---------- */
    #dbsd26-services .dbsd26-layout {
        display: grid;
        grid-template-columns: minmax(0, 19.6fr) minmax(0, 80.4fr);
        align-items: start;
        gap: .7cqw;
        height: 100%;
    }

    /* ---------- Left menu ---------- */
    #dbsd26-services .dbsd26-menu {
        padding: clamp(12px, 1.35cqw, 24px) clamp(10px, 1cqw, 18px) clamp(14px, 2.1cqw, 36px);
        border: 1px solid #dbe8ff;
        border-radius: 13px;
        background: linear-gradient(160deg, #fff, #f5f9ff);
        box-shadow: 0 14px 34px #0750ec14;
        height: 100%;
    }
    #dbsd26-services .dbsd26-menu ul { margin: 0; padding: 0; list-style: none; }
    #dbsd26-services .dbsd26-menu li { margin: 0 0 clamp(2px, .35cqw, 6px); padding: 0; }
    #dbsd26-services .dbsd26-tab {
        appearance: none;
        -webkit-appearance: none;
        display: flex;
        align-items: center;
        gap: clamp(10px, 1cqw, 18px);
        width: 100%;
        margin: 0;
        padding: 13px 10px;
        border: 0;
        border-radius: clamp(12px, 1cqw, 18px);
        background: transparent;
        color: var(--dbsd26-navy);
        font-family: inherit;
        font-size: clamp(14px, 1.15cqw, 21px);
        font-weight: 700;
        line-height: 1.25;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
        transition: background .25s, color .25s, box-shadow .25s;
    }
    #dbsd26-services .dbsd26-tab:hover { background: #eaf2ff; color: var(--dbsd26-blue); }
    #dbsd26-services .dbsd26-tab-icon { flex: 0 0 auto; width: clamp(22px, 1.75cqw, 32px); height: clamp(22px, 1.75cqw, 32px); }
    #dbsd26-services .dbsd26-tab-label { flex: 1 1 auto; min-width: 0; }
    #dbsd26-services .dbsd26-tab-arrow { display: none; flex: 0 0 auto; width: clamp(16px, 1.3cqw, 24px); height: clamp(16px, 1.3cqw, 24px); }
    #dbsd26-services .dbsd26-tab.is-active {
        background: linear-gradient(135deg, #1d62ff, #0a43d8);
        color: #fff;
        box-shadow: 0 12px 24px #0750ec40;
    }
    #dbsd26-services .dbsd26-tab.is-active .dbsd26-tab-arrow { display: block; }
    #dbsd26-services .dbsd26-tab:focus-visible { outline: 3px solid var(--dbsd26-blue); outline-offset: 3px; }

    /* ---------- Right panel ---------- */
    #dbsd26-services .dbsd26-panel {
        padding: clamp(10px, 1.2cqw, 22px);
        border: 1px solid #e3eeff;
        border-radius: 13px;
        background: linear-gradient(160deg, #ffffffcc, #f6faffcc);
        box-shadow: 0 10px 30px #0750ec0f;
        height: 100%;
    }
    #dbsd26-services .dbsd26-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(12px, 1.3cqw, 22px);
        margin: 0;
        padding: 0;
    }
    #dbsd26-services .dbsd26-grid[hidden] { display: none; }

    /* tab badalne pe halka fade (sirf jinhe motion se problem nahi) */
    @media (prefers-reduced-motion: no-preference) {
        #dbsd26-services .dbsd26-grid:not([hidden]) { animation: dbsd26Fade .35s ease; }
        @keyframes dbsd26Fade { from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
    }

    /* ---------- Card ---------- */
    #dbsd26-services .dbsd26-card {
        display: flex;
        align-items: flex-start;
        gap: clamp(12px, 1.2cqw, 20px);
        min-width: 0;
        margin: 0;
        padding: clamp(16px, 1.5cqw, 26px) clamp(14px, 1.3cqw, 22px);
        border: 1px solid #e3eeff;
        border-radius: 13px;
        background: linear-gradient(135deg, #fff, #fafcff);
        box-shadow: 0 10px 26px #0750ec14, 0 3px 0 #bfd6ff55;
        transition: transform .25s, box-shadow .25s, border-color .25s;
    }
    #dbsd26-services .dbsd26-card:hover {
        transform: translateY(-4px);
        border-color: #9fc0ff;
        box-shadow: 0 16px 34px #0750ec22;
    }
    #dbsd26-services .dbsd26-icon {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width:50px;
        aspect-ratio: 1 / 1;
        border-radius: clamp(14px, 1.3cqw, 22px);
        background: linear-gradient(145deg, #eef5ff, #dfeaff);
        color: var(--dbsd26-blue);
        box-shadow: inset 0 0 0 1px #dbe8ff;
    }
    #dbsd26-services .dbsd26-icon svg { width: 52%; height: 52%; }
    #dbsd26-services .dbsd26-divider {
        flex: 0 0 1px;
        align-self: stretch;
        margin: 4px 0;
        background: #cfdcf5;
    }
    #dbsd26-services .dbsd26-copy { min-width: 0; }
    #dbsd26-services .dbsd26-card-title {
        margin: 0 0 .3em;
        padding: 0;
        color: var(--dbsd26-navy);
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -.02em;
        text-transform: none;
        line-height: 25px;
    }
    #dbsd26-services .dbsd26-card-desc {
        margin: 0;
        padding: 0;
        color: #424e73;
        font-size: clamp(13.5px, 1.08cqw, 19px);
        font-weight: 500;
        line-height: 1.32;
    }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        #dbsd26-services .dbsd26-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
        #dbsd26-services .dbsd26-menu { padding: 10px; border-radius: 13px; }
        #dbsd26-services .dbsd26-menu ul {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding-bottom: 2px;
            scrollbar-width: none;
        }
        #dbsd26-services .dbsd26-menu ul::-webkit-scrollbar { display: none; }
        #dbsd26-services .dbsd26-menu li { flex: 0 0 auto; margin: 0; }
        #dbsd26-services .dbsd26-tab { width: auto; white-space: nowrap; font-size: 15px; padding: 12px 18px; border-radius: 14px; }
        #dbsd26-services .dbsd26-tab-icon { width: 24px; height: 24px; }
        #dbsd26-services .dbsd26-tab-arrow { width: 18px; height: 18px; }
        #dbsd26-services .dbsd26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        #dbsd26-services .dbsd26-intro { max-width: 90cqw; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbsd26-services { padding: 28px 0 44px; }
        #dbsd26-services .dbsd26-title { font-size: 26px; letter-spacing: -.015em; }
        #dbsd26-services .dbsd26-title br { display: none; }
        #dbsd26-services .dbsd26-intro { font-size: 14.5px; max-width: none; }
        #dbsd26-services .dbsd26-grid { grid-template-columns: minmax(0, 1fr); }
        #dbsd26-services .dbsd26-panel { padding: 10px; border-radius: 24px; }
        #dbsd26-services .dbsd26-card { padding: 16px; border-radius: 10px; }
        #dbsd26-services .dbsd26-icon { width: 60px; border-radius: 16px; }
        #dbsd26-services .dbsd26-card-title { font-size: 18px; }
        #dbsd26-services .dbsd26-card-desc { font-size: 14.5px; }
    }
/* tech  solution page smart digital soltuion css end */
/* core services section start */
    #dbreal26-services {
        --dbreal26-blue: #0750ec;
        --dbreal26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0 75px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--dbreal26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #dbreal26-services,
    #dbreal26-services * { box-sizing: border-box; }

    /* decorative waves */
    #dbreal26-services::before,
    #dbreal26-services::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        animation: dbreal26Drift 14s ease-in-out infinite alternate;
    }
    #dbreal26-services::before { top: -180px; left: -245px; }
    #dbreal26-services::after  { right: -390px; top: 75px; width: 550px; height: 300px; animation-duration: 18s; animation-direction: alternate-reverse; }

    #dbreal26-services .dbreal26-wrap {
        position: relative;
    }

    /* ---------- Heading ---------- */
    #dbreal26-services .dbreal26-heading { margin: 0 0 40px; text-align: center; }
    #dbreal26-services .dbreal26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: 0 0 13px;
    }
    #dbreal26-services .dbreal26-badge-row::before,
    #dbreal26-services .dbreal26-badge-row::after {
        content: '';
        display: block;
        width: 48px;
        height: 1px;
        background: #3976ff;
    }
    #dbreal26-services .dbreal26-badge {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #5c86ff;
        border-radius: 10px;
        background: #fff;
        color: #072c90;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.35;
    }
    #dbreal26-services .dbreal26-heading-title {
        margin: 0;
        padding: 0;
        color: var(--dbreal26-navy);
        font: 700 clamp(28px, 3vw, 46px)/1.2 Inter, Arial, sans-serif;
        letter-spacing: -1.3px;
        text-transform: none;
    }
    #dbreal26-services .dbreal26-highlight { color: var(--dbreal26-blue); }
    #dbreal26-services .dbreal26-intro {
        max-width: 1390px;
        margin: 13px auto 0;
        color: #424e73;
        font-size: 17px;
        line-height: 1.65;
    }

    /* ---------- Grid ---------- */
    #dbreal26-services .dbreal26-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 22px;
        margin: 0;
        padding: 0;
    }

    /* ---------- Card ---------- */
    #dbreal26-services .dbreal26-card {
        --bd: 0s;                       /* is card ka reveal delay (JS set karta hai) */
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        margin: 0;
        padding: 49px 21px 15px;
        overflow: hidden;
        container-type: inline-size;   /* andar ke sizes card ki width se scale hote hain */
        border: 1px solid #dceaff;
        border-radius: 20px;
        background: linear-gradient(135deg, #fff, #f7faff);
        box-shadow: 0 3px 0 #bfd6ff66, 0 9px 24px #155ce90c;
        transition:
            background .25s,
            border-color .25s,
            box-shadow .25s,
            transform .25s,
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #dbreal26-services .dbreal26-card:hover {
        background: linear-gradient(135deg, #fff, #edf5ff);
        border-color: #9fc0ff;
        box-shadow: 0 14px 30px #0750ec1c;
        transform: translateY(-4px);
    }

    /* reveal ke time ek baar light sweep */
    #dbreal26-services .dbreal26-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 40%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(7, 80, 236, .12), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
    }

    #dbreal26-services .dbreal26-number {
        position: absolute;
        top: 10px;
    right: 18px;
    margin: 0;
    padding: 4px 12px;
    border-radius: 10px;
        background: linear-gradient(#e8f1ff, #ccdefe);
        color: var(--dbreal26-blue);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        box-shadow: 0 4px 10px #0750ec0b;
    }

    /* ---------- Body: icon | text | checklist ---------- */
    #dbreal26-services .dbreal26-body {
        display: grid;
        grid-template-columns: clamp(96px, 27cqw, 150px) minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(12px, 3.4cqw, 20px);
        margin: 0 0 10px;
    }

    #dbreal26-services .dbreal26-icon {
        display: grid;
        place-items: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 24px;
        background: #ecf4ff;
        border: 1px solid #d9e8ff;
        box-shadow: 0 8px 18px #0750ec14;
    }
    #dbreal26-services .dbreal26-category-img {
        display: block;
        width: 80px;
        height: 80px;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        object-fit: cover;
        filter: none;
        transform: none;
        animation: none;
    }

    #dbreal26-services .dbreal26-copy { min-width: 0; overflow-wrap: break-word; }
    #dbreal26-services .dbreal26-title {
        margin: 0 0 8px;
        padding: 0;
        color: var(--dbreal26-navy);
        font: 700 clamp(17px, 4.6cqw, 25px)/1.18 Inter, Arial, sans-serif;
        letter-spacing: -.5px;
        text-transform: none;
    }
    #dbreal26-services .dbreal26-description {
        margin: 0;
        padding: 0;
        color: #334364;
        font-size: clamp(14px, 3.2cqw, 17px);
        line-height: 1.5;
    }

    /* ---------- Checklist ---------- */
    #dbreal26-services .dbreal26-checklist {
        margin: 0;
        padding: 0 0 0 clamp(12px, 3.4cqw, 20px);
        border-left: 1px solid #dbe6fb;
        list-style: none;
    }
    #dbreal26-services .dbreal26-checklist li {
        position: relative;
        margin: 0;
        padding: 0 0 0 26px;
        color: #12121e;
        font-size: clamp(14px, 3.15cqw, 17px);
        font-weight: 500;
        line-height: 1.75;
        white-space: nowrap;
    }
    #dbreal26-services .dbreal26-checklist li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 14px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230750ec' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    /* ---------- Learn more ---------- */
    #dbreal26-services .dbreal26-explore {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        margin: auto 0 0;
        padding: 6px 10px 0 0;
        border: 0;
        background: none;
        box-shadow: none;
        color: var(--dbreal26-blue);
        font: 600 clamp(15px, 3.6cqw, 19px)/1.5 Inter, Arial, sans-serif;
        text-decoration: none;
    }
    #dbreal26-services .dbreal26-arrow { display: inline-block; transition: transform .25s; }
    #dbreal26-services .dbreal26-explore:hover .dbreal26-arrow { transform: translateX(5px); }
    #dbreal26-services .dbreal26-explore:focus-visible {
        outline: 3px solid var(--dbreal26-blue);
        outline-offset: 4px;
        border-radius: 6px;
    }

    /* ---------- Chhota card: list neeche 2 columns me ---------- */
    @container (max-width: 400px) {
        #dbreal26-services .dbreal26-body {
            grid-template-columns: 92px minmax(0, 1fr);
            gap: 14px;
        }
        #dbreal26-services .dbreal26-icon { border-radius: 18px; }
        #dbreal26-services .dbreal26-checklist {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2px 14px;
            padding: 12px 0 0;
            border-left: 0;
            border-top: 1px solid #e2ecff;
        }
        #dbreal26-services .dbreal26-checklist li { white-space: normal; font-size: 14.5px; }
        #dbreal26-services .dbreal26-title { font-size: 19px; }
        #dbreal26-services .dbreal26-description { font-size: 14px; }
    }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        #dbreal26-services .dbreal26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbreal26-services { padding: 30px 0 40px; }
        #dbreal26-services .dbreal26-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
        #dbreal26-services .dbreal26-heading { margin-bottom: 28px; }
        #dbreal26-services .dbreal26-intro { font-size: 14px; }
        #dbreal26-services .dbreal26-badge { font-size: 15px; }
        #dbreal26-services .dbreal26-badge-row { gap: 16px; }
        #dbreal26-services .dbreal26-badge-row::before,
        #dbreal26-services .dbreal26-badge-row::after { width: 30px; }
        #dbreal26-services .dbreal26-card { padding: 50px 18px 14px; border-radius: 22px; }
        #dbreal26-services .dbreal26-number { font-size: 16px; top: 12px; right: 12px; }
    }

    /* =====================================================
       ANIMATIONS
       Content tabhi chhupta hai jab JS chal gaya ho (.dbreal26-js),
       isliye JS fail ho to bhi section poora dikhega.
       Har card ka delay --bd me aata hai (JS set karta hai).
       ===================================================== */

    @keyframes dbreal26Drift { from { translate: 0 0; } to { translate: 26px 14px; } }
    @keyframes dbreal26Float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
    @keyframes dbreal26Sweep { from { left: -60%; } to { left: 140%; } }

    /* ---- Heading ---- */
    #dbreal26-services.dbreal26-js .dbreal26-badge-row,
    #dbreal26-services.dbreal26-js .dbreal26-heading-title,
    #dbreal26-services.dbreal26-js .dbreal26-intro {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease, translate .7s cubic-bezier(.2,.8,.2,1);
    }
    #dbreal26-services.dbreal26-js .dbreal26-badge-row { translate: 0 -18px; }
    #dbreal26-services.dbreal26-js .dbreal26-heading-title { transition-delay: .15s; }
    #dbreal26-services.dbreal26-js .dbreal26-intro { transition-delay: .3s; }

    #dbreal26-services.dbreal26-head-in .dbreal26-badge-row,
    #dbreal26-services.dbreal26-head-in .dbreal26-heading-title,
    #dbreal26-services.dbreal26-head-in .dbreal26-intro { opacity: 1; translate: 0 0; }

    /* badge ke dono taraf ki lines beech se khulti hain */
    #dbreal26-services.dbreal26-js .dbreal26-badge-row::before,
    #dbreal26-services.dbreal26-js .dbreal26-badge-row::after {
        scale: 0 1;
        transition: scale .7s ease .35s;
    }
    #dbreal26-services.dbreal26-js .dbreal26-badge-row::before { transform-origin: right center; }
    #dbreal26-services.dbreal26-js .dbreal26-badge-row::after  { transform-origin: left center; }
    #dbreal26-services.dbreal26-head-in .dbreal26-badge-row::before,
    #dbreal26-services.dbreal26-head-in .dbreal26-badge-row::after { scale: 1 1; }

    /* ---- Card: neeche se zoom hokar khulta hai ---- */
    #dbreal26-services.dbreal26-js .dbreal26-card {
        opacity: 0;
        translate: 0 64px;
        scale: .84;
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in::after {
        animation: dbreal26Sweep 1s ease calc(var(--bd) + .35s) 1 both;
    }

    /* ---- Number badge: pop ---- */
    #dbreal26-services.dbreal26-js .dbreal26-number {
        scale: 0;
        transition: scale .55s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .35s);
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-number { scale: 1; }

    /* ---- Icon: pop + ghoom ke seedha, phir halka float ---- */
    #dbreal26-services.dbreal26-js .dbreal26-icon {
        scale: .3;
        rotate: -16deg;
        transition:
            scale .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s),
            rotate .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s);
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-icon {
        scale: 1;
        rotate: 0deg;
        animation: dbreal26Float 4.5s ease-in-out calc(var(--bd) + 1.6s) infinite;
    }

    /* ---- Title + description: neeche se upar ---- */
    #dbreal26-services.dbreal26-js .dbreal26-title,
    #dbreal26-services.dbreal26-js .dbreal26-description {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #dbreal26-services.dbreal26-js .dbreal26-title       { transition-delay: calc(var(--bd) + .38s); }
    #dbreal26-services.dbreal26-js .dbreal26-description { transition-delay: calc(var(--bd) + .5s); }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-title,
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-description { opacity: 1; translate: 0 0; }

    /* ---- Checklist: ek ek karke, tick pop ke saath ---- */
    #dbreal26-services.dbreal26-js .dbreal26-checklist li {
        opacity: 0;
        translate: -16px 0;
        transition:
            opacity .45s ease calc(var(--bd) + .6s + var(--k) * .09s),
            translate .45s ease calc(var(--bd) + .6s + var(--k) * .09s);
    }
    #dbreal26-services.dbreal26-js .dbreal26-checklist li::before {
        scale: 0;
        transition: scale .45s cubic-bezier(.34,1.7,.64,1) calc(var(--bd) + .72s + var(--k) * .09s);
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-checklist li { opacity: 1; translate: 0 0; }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-checklist li::before { scale: 1; }

    /* ---- Learn more: aakhir me ---- */
    #dbreal26-services.dbreal26-js .dbreal26-explore {
        opacity: 0;
        translate: 0 12px;
        transition: opacity .5s ease calc(var(--bd) + 1.05s), translate .5s ease calc(var(--bd) + 1.05s);
    }
    #dbreal26-services.dbreal26-js .dbreal26-card.is-in .dbreal26-explore { opacity: 1; translate: 0 0; }

    /* ---- Jinhe animation pasand nahi (device setting): sab seedha dikhe ---- */
    @media (prefers-reduced-motion: reduce) {
        #dbreal26-services,
        #dbreal26-services *,
        #dbreal26-services *::before,
        #dbreal26-services *::after {
            animation: none !important;
            transition: none !important;
        }
        #dbreal26-services.dbreal26-js .dbreal26-badge-row,
        #dbreal26-services.dbreal26-js .dbreal26-heading-title,
        #dbreal26-services.dbreal26-js .dbreal26-intro,
        #dbreal26-services.dbreal26-js .dbreal26-card,
        #dbreal26-services.dbreal26-js .dbreal26-title,
        #dbreal26-services.dbreal26-js .dbreal26-description,
        #dbreal26-services.dbreal26-js .dbreal26-checklist li,
        #dbreal26-services.dbreal26-js .dbreal26-explore { opacity: 1 !important; translate: none !important; }

        #dbreal26-services.dbreal26-js .dbreal26-card,
        #dbreal26-services.dbreal26-js .dbreal26-number,
        #dbreal26-services.dbreal26-js .dbreal26-icon,
        #dbreal26-services.dbreal26-js .dbreal26-checklist li::before,
        #dbreal26-services.dbreal26-js .dbreal26-badge-row::before,
        #dbreal26-services.dbreal26-js .dbreal26-badge-row::after { scale: none !important; rotate: none !important; }
    }
/* core services section end  */
/* legal paralegal start */

    #ltb26-services {
        --ltb26-blue: #0750ec;
        --ltb26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0 75px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--ltb26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #ltb26-services,
    #ltb26-services * { box-sizing: border-box; }

    #ltb26-services::before,
    #ltb26-services::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        animation: ltb26Drift 14s ease-in-out infinite alternate;
    }
    #ltb26-services::before { top: -180px; left: -245px; }
    #ltb26-services::after  { right: -390px; top: 75px; width: 550px; height: 300px; animation-duration: 18s; animation-direction: alternate-reverse; }

    #ltb26-services .ltb26-wrap {
        position: relative;
    }

    /* ---------- Heading ---------- */
    #ltb26-services .ltb26-heading { margin: 0 0 40px; text-align: center; }

    #ltb26-services .ltb26-heading-title {
        margin: 0;
        padding: 0;
        color: var(--ltb26-navy);
        font: 700 clamp(28px, 3vw, 46px)/1.2 Inter, Arial, sans-serif;
        letter-spacing: -1.3px;
        text-transform: none;
    }
    #ltb26-services .ltb26-highlight { color: var(--ltb26-blue); }
    #ltb26-services .ltb26-intro {
        max-width: 1390px;
        margin: 13px auto 0;
        color: #424e73;
        font-size: 17px;
        line-height: 1.65;
    }

    /* ---------- Main layout ---------- */
    #ltb26-services .ltb26-layout {
        display: grid;
        grid-template-columns: minmax(300px, 30%) minmax(0, 1fr);
        gap: 22px;
        align-items: stretch;
    }
    #ltb26-services .ltb26-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 1fr;
        gap: 22px;
    }

    /* ---------- Left: Legal Operations ---------- */
    #ltb26-services .ltb26-legal {
        --bd: 0s;                       /* is card ka reveal delay (JS set karta hai) */
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        overflow: hidden;
        container-type: inline-size;
        border-radius: 20px;
        background: #0b3a9e;
        box-shadow: 0 14px 34px #0750ec26;
        transition:
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #ltb26-services .ltb26-legal-img {
        flex: 1;
        min-height: 300px;
        overflow: hidden;
        background: #dfe9fb;
    }
    #ltb26-services .ltb26-legal-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }
    #ltb26-services .ltb26-legal-body {
        position: relative;
        padding: 10px 17px 19px;
        background: linear-gradient(180deg, #1a5fe0 0%, #0b3a9e 100%);
        color: #fff;
    }
    /* image ke neeche curve (wave) */
    #ltb26-services .ltb26-legal-body::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: -38px;
        height: 40px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath fill='%231a5fe0' d='M0 40V24C60 40 120 40 190 24S330 -4 400 12V40Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
        pointer-events: none;
    }
    #ltb26-services .ltb26-legal-body h3 {
        margin: 0 0 10px;
        color: #fff;
        font: 700 clamp(24px, 9cqw, 38px)/1.15 Inter, Arial, sans-serif;
        letter-spacing: -.6px;
        text-transform: none;
    }
    #ltb26-services .ltb26-legal-body p {
        margin: 0 0 18px;
        color: #e4eeff;
        font-size: clamp(14px, 4.2cqw, 17px);
        line-height: 1.55;
    }
    #ltb26-services .ltb26-features {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 0;
        padding: 16px 0 0;
        list-style: none;
        border-top: 1px solid #ffffff40;
    }
    #ltb26-services .ltb26-features li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 0 4px;
        text-align: center;
        font-size: clamp(11.5px, 3.4cqw, 14px);
        font-weight: 500;
        line-height: 1.25;
    }
    #ltb26-services .ltb26-features li + li { border-left: 1px solid #ffffff30; }
    #ltb26-services .ltb26-features i { font-size: clamp(22px, 7cqw, 30px); color: #fff; }

    /* ---------- Right: cards ---------- */
    #ltb26-services .ltb26-card {
        --bd: 0s;                       /* is card ka reveal delay (JS set karta hai) */
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        margin: 0;
        padding: 24px 24px 16px;
        overflow: hidden;
        container-type: inline-size;
        border: 1px solid #dceaff;
        border-radius: 20px;
        background: linear-gradient(135deg, #fff, #f7faff);
        box-shadow: 0 3px 0 #bfd6ff66, 0 9px 24px #155ce90c;
        transition:
            background .25s,
            border-color .25s,
            box-shadow .25s,
            transform .25s,
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #ltb26-services .ltb26-card:hover {
        background: linear-gradient(135deg, #fff, #edf5ff);
        border-color: #9fc0ff;
        box-shadow: 0 14px 30px #0750ec1c;
        transform: translateY(-4px);
    }

    /* reveal ke time ek baar light sweep */
    #ltb26-services .ltb26-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 40%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(7, 80, 236, .12), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
    }

    #ltb26-services .ltb26-number {
        position: absolute;
        top: 16px;
        right: 18px;
        margin: 0;
        padding: 4px 12px;
        border-radius: 13px;
        background: linear-gradient(#e8f1ff, #ccdefe);
        color: var(--ltb26-blue);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        box-shadow: 0 4px 10px #0750ec0b;
    }

    #ltb26-services .ltb26-top {
        display: flex;
        align-items: center;
        gap: clamp(12px, 3.6cqw, 18px);
        margin: 0 0 14px;
        padding-right: 54px;
    }
    #ltb26-services .ltb26-icon {
        display: grid;
        place-items: center;
        flex: 0 0 clamp(58px, 17cqw, 84px);
        width: clamp(58px, 17cqw, 84px);
        aspect-ratio: 1 / 1;
        border-radius: 10px;
        background: linear-gradient(145deg, #eff6ff, #d6e6ff);
        border: 1px solid #cfe0ff;
        box-shadow: 0 6px 14px #0750ec14;
        color: var(--ltb26-blue);
        font-size: clamp(24px, 7.2cqw, 36px);
    }
    #ltb26-services .ltb26-title {
        margin: 0;
        padding: 0;
        color: var(--ltb26-navy);
        font: 700 clamp(18px, 5.4cqw, 27px)/1.18 Inter, Arial, sans-serif;
        letter-spacing: -.5px;
        text-transform: none;
    }

    #ltb26-services .ltb26-mid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(12px, 3.6cqw, 20px);
        margin: 0 0 8px;
    }
    #ltb26-services .ltb26-desc {
        margin: 0;
        padding: 0;
        color: #334364;
        font-size: clamp(14px, 3.7cqw, 17px);
        line-height: 1.5;
    }

    #ltb26-services .ltb26-checklist {
        margin: 0;
        padding: 0 0 0 clamp(12px, 3.6cqw, 20px);
        border-left: 1px solid #dbe6fb;
        list-style: none;
    }
    #ltb26-services .ltb26-checklist li {
        position: relative;
        margin: 0;
        padding: 0 0 0 26px;
        color: #12121e;
        font-size: clamp(14px, 3.7cqw, 17px);
        font-weight: 500;
        line-height: 1.85;
        white-space: nowrap;
    }
    #ltb26-services .ltb26-checklist li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 14px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230750ec' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    #ltb26-services .ltb26-explore {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        margin: auto 0 0;
        padding: 6px 10px 0 0;
        border: 0;
        background: none;
        box-shadow: none;
        color: var(--ltb26-blue);
        font: 600 clamp(15px, 3.9cqw, 19px)/1.5 Inter, Arial, sans-serif;
        text-decoration: none;
    }
    #ltb26-services .ltb26-arrow { display: inline-block; transition: transform .25s; }
    #ltb26-services .ltb26-explore:hover .ltb26-arrow { transform: translateX(5px); }
    #ltb26-services .ltb26-explore:focus-visible {
        outline: 3px solid var(--ltb26-blue);
        outline-offset: 4px;
        border-radius: 6px;
    }

    /* ---------- Chhota card: list neeche 2 columns me ---------- */
    @container (max-width: 380px) {
        #ltb26-services .ltb26-mid { grid-template-columns: minmax(0, 1fr); }
        #ltb26-services .ltb26-checklist {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0 14px;
            padding: 10px 0 0;
            border-left: 0;
            border-top: 1px solid #e2ecff;
        }
        #ltb26-services .ltb26-checklist li { white-space: normal; line-height: 1.7; }
    }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        #ltb26-services .ltb26-layout { grid-template-columns: minmax(0, 1fr); }
        #ltb26-services .ltb26-legal-img { min-height: 320px; flex: none; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #ltb26-services { padding: 30px 0 40px; }
        #ltb26-services .ltb26-heading { margin-bottom: 28px; }
        #ltb26-services .ltb26-intro { font-size: 14px; }
        #ltb26-services .ltb26-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
        #ltb26-services .ltb26-legal-img { min-height: 240px; }
        #ltb26-services .ltb26-card { padding: 20px 18px 14px; border-radius: 22px; }
        #ltb26-services .ltb26-number { font-size: 16px; top: 12px; right: 12px; }
    }

    /* =====================================================
       ANIMATIONS
       Content tabhi chhupta hai jab JS chal gaya ho (.ltb26-js),
       isliye JS fail ho to bhi section poora dikhega.
       Har card ka delay --bd me aata hai (JS set karta hai).
       ===================================================== */

    @keyframes ltb26Drift { from { translate: 0 0; } to { translate: 26px 14px; } }
    @keyframes ltb26Float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
    @keyframes ltb26Sweep { from { left: -60%; } to { left: 140%; } }

    /* ---- Heading ---- */
    #ltb26-services.ltb26-js .ltb26-heading-title,
    #ltb26-services.ltb26-js .ltb26-intro {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease, translate .7s cubic-bezier(.2,.8,.2,1);
    }
    #ltb26-services.ltb26-js .ltb26-intro { transition-delay: .15s; }
    #ltb26-services.ltb26-head-in .ltb26-heading-title,
    #ltb26-services.ltb26-head-in .ltb26-intro { opacity: 1; translate: 0 0; }

    /* ---- Cards (left + right): neeche se zoom hokar khulte hain ---- */
    #ltb26-services.ltb26-js .ltb26-legal,
    #ltb26-services.ltb26-js .ltb26-card {
        opacity: 0;
        translate: 0 64px;
        scale: .84;
    }
    #ltb26-services.ltb26-js .ltb26-legal.is-in,
    #ltb26-services.ltb26-js .ltb26-card.is-in {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
    #ltb26-services.ltb26-js .ltb26-card.is-in::after {
        animation: ltb26Sweep 1s ease calc(var(--bd) + .35s) 1 both;
    }

    /* ---- Left card: image zoom-out hokar settle, text aur features ---- */
    #ltb26-services.ltb26-js .ltb26-legal-img img {
        scale: 1.2;
        transition: scale 1.8s cubic-bezier(.2,.8,.2,1) calc(var(--bd) + .1s);
    }
    #ltb26-services.ltb26-js .ltb26-legal.is-in .ltb26-legal-img img { scale: 1; }

    #ltb26-services.ltb26-js .ltb26-legal-body h3,
    #ltb26-services.ltb26-js .ltb26-legal-body p {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #ltb26-services.ltb26-js .ltb26-legal-body h3 { transition-delay: calc(var(--bd) + .45s); }
    #ltb26-services.ltb26-js .ltb26-legal-body p  { transition-delay: calc(var(--bd) + .6s); }
    #ltb26-services.ltb26-js .ltb26-legal.is-in .ltb26-legal-body h3,
    #ltb26-services.ltb26-js .ltb26-legal.is-in .ltb26-legal-body p { opacity: 1; translate: 0 0; }

    #ltb26-services.ltb26-js .ltb26-features li {
        opacity: 0;
        translate: 0 14px;
        transition:
            opacity .5s ease calc(var(--bd) + .8s + var(--k) * .14s),
            translate .5s ease calc(var(--bd) + .8s + var(--k) * .14s);
    }
    #ltb26-services.ltb26-js .ltb26-features i {
        scale: 0;
        transition: scale .55s cubic-bezier(.34,1.7,.64,1) calc(var(--bd) + .9s + var(--k) * .14s);
    }
    #ltb26-services.ltb26-js .ltb26-legal.is-in .ltb26-features li { opacity: 1; translate: 0 0; }
    #ltb26-services.ltb26-js .ltb26-legal.is-in .ltb26-features i { scale: 1; }

    /* ---- Right cards: number badge pop ---- */
    #ltb26-services.ltb26-js .ltb26-number {
        scale: 0;
        transition: scale .55s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .35s);
    }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-number { scale: 1; }

    /* ---- Icon: pop + ghoom ke seedha, phir halka float ---- */
    #ltb26-services.ltb26-js .ltb26-icon {
        scale: .3;
        rotate: -16deg;
        transition:
            scale .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s),
            rotate .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s);
    }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-icon {
        scale: 1;
        rotate: 0deg;
        animation: ltb26Float 4.5s ease-in-out calc(var(--bd) + 1.6s) infinite;
    }

    /* ---- Title + description: neeche se upar ---- */
    #ltb26-services.ltb26-js .ltb26-title,
    #ltb26-services.ltb26-js .ltb26-desc {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #ltb26-services.ltb26-js .ltb26-title { transition-delay: calc(var(--bd) + .38s); }
    #ltb26-services.ltb26-js .ltb26-desc  { transition-delay: calc(var(--bd) + .5s); }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-title,
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-desc { opacity: 1; translate: 0 0; }

    /* ---- Checklist: ek ek karke, tick pop ke saath ---- */
    #ltb26-services.ltb26-js .ltb26-checklist li {
        opacity: 0;
        translate: -16px 0;
        transition:
            opacity .45s ease calc(var(--bd) + .6s + var(--k) * .09s),
            translate .45s ease calc(var(--bd) + .6s + var(--k) * .09s);
    }
    #ltb26-services.ltb26-js .ltb26-checklist li::before {
        scale: 0;
        transition: scale .45s cubic-bezier(.34,1.7,.64,1) calc(var(--bd) + .72s + var(--k) * .09s);
    }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-checklist li { opacity: 1; translate: 0 0; }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-checklist li::before { scale: 1; }

    /* ---- Learn more: aakhir me ---- */
    #ltb26-services.ltb26-js .ltb26-explore {
        opacity: 0;
        translate: 0 12px;
        transition: opacity .5s ease calc(var(--bd) + 1.05s), translate .5s ease calc(var(--bd) + 1.05s);
    }
    #ltb26-services.ltb26-js .ltb26-card.is-in .ltb26-explore { opacity: 1; translate: 0 0; }

    /* ---- Jinhe animation pasand nahi (device setting): sab seedha dikhe ---- */
    @media (prefers-reduced-motion: reduce) {
        #ltb26-services,
        #ltb26-services *,
        #ltb26-services *::before,
        #ltb26-services *::after {
            animation: none !important;
            transition: none !important;
        }
        #ltb26-services.ltb26-js .ltb26-heading-title,
        #ltb26-services.ltb26-js .ltb26-intro,
        #ltb26-services.ltb26-js .ltb26-legal,
        #ltb26-services.ltb26-js .ltb26-card,
        #ltb26-services.ltb26-js .ltb26-legal-body h3,
        #ltb26-services.ltb26-js .ltb26-legal-body p,
        #ltb26-services.ltb26-js .ltb26-features li,
        #ltb26-services.ltb26-js .ltb26-title,
        #ltb26-services.ltb26-js .ltb26-desc,
        #ltb26-services.ltb26-js .ltb26-checklist li,
        #ltb26-services.ltb26-js .ltb26-explore { opacity: 1 !important; translate: none !important; }

        #ltb26-services.ltb26-js .ltb26-legal,
        #ltb26-services.ltb26-js .ltb26-card,
        #ltb26-services.ltb26-js .ltb26-legal-img img,
        #ltb26-services.ltb26-js .ltb26-features i,
        #ltb26-services.ltb26-js .ltb26-number,
        #ltb26-services.ltb26-js .ltb26-icon,
        #ltb26-services.ltb26-js .ltb26-checklist li::before { scale: none !important; rotate: none !important; }
    }

/* legal paralegal end */

/* video multimedia start */
    #dbvm26-services {
        --dbvm26-blue: #0750ec;
        --dbvm26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0 75px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--dbvm26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #dbvm26-services,
    #dbvm26-services * { box-sizing: border-box; }

    /* decorative waves */
    #dbvm26-services::before,
    #dbvm26-services::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        animation: dbvm26Drift 14s ease-in-out infinite alternate;
    }
    #dbvm26-services::before { top: -180px; left: -245px; }
    #dbvm26-services::after  { right: -390px; top: 75px; width: 550px; height: 300px; animation-duration: 18s; animation-direction: alternate-reverse; }

    #dbvm26-services .dbvm26-wrap {
        position: relative;
    }

    /* ---------- Heading ---------- */
    #dbvm26-services .dbvm26-heading { margin: 0 0 38px; text-align: center; }
    #dbvm26-services .dbvm26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: 0 0 10px;
    }
    #dbvm26-services .dbvm26-badge-row::before,
    #dbvm26-services .dbvm26-badge-row::after {
        content: '';
        display: block;
        width: 70px;
        height: 1px;
        background: #3976ff;
    }
    #dbvm26-services .dbvm26-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 5px 20px;
        border: 1px solid #3a6dff;
        border-radius: 10px;
        background: #fff;
        color: #0b3fc4;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.35;
    }
    #dbvm26-services .dbvm26-badge i { color: var(--dbvm26-blue); font-size: 20px; }
    #dbvm26-services .dbvm26-heading-title {
        margin: 0;
        padding: 0;
        color: var(--dbvm26-navy);
        font: 800 clamp(30px, 3.6vw, 58px)/1.15 Inter, Arial, sans-serif;
        letter-spacing: -1.5px;
        text-transform: none;
    }
    #dbvm26-services .dbvm26-highlight { color: var(--dbvm26-blue); }
    #dbvm26-services .dbvm26-intro {
        max-width: 1000px;
        margin: 10px auto 0;
        color: #424e73;
        font-size: 19px;
        line-height: 1.6;
    }

    /* ---------- Layout: hero | 2x2 grid ---------- */
    #dbvm26-services .dbvm26-layout {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 2.1fr);
        align-items: stretch;
        gap: 22px;
    }
    #dbvm26-services .dbvm26-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        margin: 0;
        padding: 0;
    }

    /* ---------- Hero card ---------- */
    #dbvm26-services .dbvm26-hero {
        --bd: 0s;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        overflow: hidden;
        container-type: inline-size;
        border-radius: 28px;
        background: #0a2f8f;
        box-shadow: 0 14px 34px #0750ec2e;
        transition:
            box-shadow .25s,
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #dbvm26-services .dbvm26-hero:hover { box-shadow: 0 20px 44px #0750ec45; }
    #dbvm26-services .dbvm26-hero-img {
        flex: 1 1 auto;
        min-height: 300px;
        background: linear-gradient(135deg, #cfe2ff, #7fa8f0);
        overflow: hidden;
    }
    #dbvm26-services .dbvm26-hero-img img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        object-fit: cover;
        transition: transform 1.2s ease;
    }
    #dbvm26-services .dbvm26-hero:hover .dbvm26-hero-img img { transform: scale(1.05); }

    #dbvm26-services .dbvm26-hero-panel {
        position: relative;
        flex: 0 0 auto;
        padding: 10px 17px 19px;
        background: linear-gradient(180deg, #0b49c9, #0a2f8f);
        color: #fff;
    }
    /* image aur panel ke beech wali wave */
    #dbvm26-services .dbvm26-hero-panel::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 1px;
        height: 44px;
        transform: translateY(-100%);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 44' preserveAspectRatio='none'%3E%3Cpath d='M0 44V22C60 2 120 0 200 18s150 24 200 4v22z' fill='%230b49c9'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
        pointer-events: none;
    }
    #dbvm26-services .dbvm26-hero-title {
        margin: 0 0 10px;
        padding: 0;
        color: #fff;
        font: 800 clamp(26px, 8cqw, 40px)/1.15 Inter, Arial, sans-serif;
        letter-spacing: -.8px;
        text-transform: none;
    }
    #dbvm26-services .dbvm26-hero-text {
        margin: 0 0 18px;
        color: #e3ecff;
        font-size: clamp(14px, 3.6cqw, 18px);
        line-height: 1.5;
    }
    #dbvm26-services .dbvm26-hero-tags {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 0;
        padding: 16px 0 0;
        border-top: 1px solid #ffffff40;
        list-style: none;
    }
    #dbvm26-services .dbvm26-hero-tags li {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 0 6px;
        text-align: center;
        font-size: clamp(12px, 3.2cqw, 15px);
        font-weight: 500;
        line-height: 1.3;
    }
    #dbvm26-services .dbvm26-hero-tags li + li { border-left: 1px solid #ffffff40; }
    #dbvm26-services .dbvm26-hero-tags i { font-size: 26px; }

    /* ---------- Service card ---------- */
    #dbvm26-services .dbvm26-card {
        --bd: 0s;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        margin: 0;
        padding: 26px 24px 16px;
        overflow: hidden;
        container-type: inline-size;
        border: 1px solid #dceaff;
        border-radius: 20px;
        background: linear-gradient(135deg, #fff, #f5f9ff);
        box-shadow: 0 3px 0 #bfd6ff55, 0 9px 24px #155ce90c;
        transition:
            background .25s,
            border-color .25s,
            box-shadow .25s,
            transform .25s,
            opacity .7s ease var(--bd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--bd),
            scale .9s cubic-bezier(.34,1.35,.64,1) var(--bd);
    }
    #dbvm26-services .dbvm26-card:hover {
        background: linear-gradient(135deg, #fff, #edf5ff);
        border-color: #9fc0ff;
        box-shadow: 0 14px 30px #0750ec1c;
        transform: translateY(-4px);
    }

    /* reveal ke time ek baar light sweep */
    #dbvm26-services .dbvm26-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 40%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(7, 80, 236, .12), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
    }

    #dbvm26-services .dbvm26-number {
        position: absolute;
        top: 16px;
        right: 18px;
        margin: 0;
        padding: 3px 14px;
        border: 1px solid #dbe8ff;
        border-radius: 13px;
        background: #fff;
        color: var(--dbvm26-blue);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        box-shadow: 0 4px 10px #0750ec10;
    }

    /* icon + title row */
    #dbvm26-services .dbvm26-head {
        display: flex;
        align-items: center;
        gap: 18px;
        margin: 0 0 14px;
        padding-right: 56px;
    }
    #dbvm26-services .dbvm26-icon {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: clamp(60px, 15cqw, 76px);
        aspect-ratio: 1 / 1;
        border-radius: 10px;
        background: linear-gradient(145deg, #2f6bff, #0a3fd6);
        color: #fff;
        font-size: clamp(24px, 6cqw, 30px);
        box-shadow: 0 10px 20px #0750ec33;
    }
    #dbvm26-services .dbvm26-title {
        margin: 0;
        padding: 0;
        color: var(--dbvm26-navy);
        font: 800 clamp(20px, 5.4cqw, 28px)/1.18 Inter, Arial, sans-serif;
        letter-spacing: -.6px;
        text-transform: none;
    }

    /* description | checklist */
    #dbvm26-services .dbvm26-body {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: clamp(12px, 3cqw, 22px);
        margin: 0 0 10px;
    }
    #dbvm26-services .dbvm26-description {
        margin: 0;
        padding: 0;
        color: #26334f;
        font-size: clamp(14px, 3.5cqw, 18px);
        line-height: 1.5;
    }
    #dbvm26-services .dbvm26-checklist {
        margin: 0;
        padding: 0 0 0 clamp(12px, 3cqw, 20px);
        border-left: 1px solid #dbe6fb;
        list-style: none;
    }
    #dbvm26-services .dbvm26-checklist li {
        position: relative;
        margin: 0;
        padding: 0 0 0 28px;
        color: #12121e;
        font-size: clamp(13px, 3.1cqw, 16px);
        font-weight: 500;
        line-height: 1.85;
        white-space: nowrap;
    }
    #dbvm26-services .dbvm26-checklist li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 14px;
        width: 17px;
        height: 17px;
        transform: translateY(-50%);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230750ec' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    /* ---------- Learn more ---------- */
    #dbvm26-services .dbvm26-explore {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        margin: auto 0 0;
        padding: 6px 10px 0 0;
        border: 0;
        background: none;
        box-shadow: none;
        color: var(--dbvm26-blue);
        font: 600 clamp(15px, 3.8cqw, 19px)/1.5 Inter, Arial, sans-serif;
        text-decoration: none;
    }
    #dbvm26-services .dbvm26-arrow { display: inline-block; transition: transform .25s; }
    #dbvm26-services .dbvm26-explore:hover .dbvm26-arrow { transform: translateX(5px); }
    #dbvm26-services .dbvm26-explore:focus-visible {
        outline: 3px solid var(--dbvm26-blue);
        outline-offset: 4px;
        border-radius: 6px;
    }

    /* ---------- Chhota card: list neeche 2 columns me ---------- */
    @container (max-width: 440px) {
        #dbvm26-services .dbvm26-body { grid-template-columns: minmax(0, 1fr); }
        #dbvm26-services .dbvm26-checklist {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0 14px;
            padding: 12px 0 0;
            border-left: 0;
            border-top: 1px solid #e2ecff;
        }
        #dbvm26-services .dbvm26-checklist li { white-space: normal; font-size: 14.5px; }
    }

    /* ---------- Tablet ---------- */
    @media (max-width: 1199px) {
        #dbvm26-services .dbvm26-layout { grid-template-columns: minmax(0, 1fr); }
        #dbvm26-services .dbvm26-hero-img { min-height: 320px; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbvm26-services { padding: 30px 0 40px; }
        #dbvm26-services .dbvm26-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
        #dbvm26-services .dbvm26-layout { gap: 18px; }
        #dbvm26-services .dbvm26-heading { margin-bottom: 26px; }
        #dbvm26-services .dbvm26-intro { font-size: 15px; }
        #dbvm26-services .dbvm26-badge { font-size: 14px; padding: 4px 14px; }
        #dbvm26-services .dbvm26-badge i { font-size: 16px; }
        #dbvm26-services .dbvm26-badge-row { gap: 14px; }
        #dbvm26-services .dbvm26-badge-row::before,
        #dbvm26-services .dbvm26-badge-row::after { width: 28px; }
        #dbvm26-services .dbvm26-card { padding: 22px 18px 14px; border-radius: 22px; }
        #dbvm26-services .dbvm26-number { font-size: 16px; top: 12px; right: 12px; }
        #dbvm26-services .dbvm26-hero { border-radius: 22px; }
        #dbvm26-services .dbvm26-hero-img { min-height: 240px; }
        #dbvm26-services .dbvm26-hero-panel { padding: 6px 20px 18px; }
    }

    /* =====================================================
       ANIMATIONS (same pattern jo dbreal26 services me hai)
       Content tabhi chhupta hai jab JS chal gaya ho (.dbvm26-js),
       isliye JS fail ho to bhi section poora dikhega.
       Har item ka delay --bd me aata hai (JS set karta hai).
       ===================================================== */

    @keyframes dbvm26Drift { from { translate: 0 0; } to { translate: 26px 14px; } }
    @keyframes dbvm26Float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
    @keyframes dbvm26Sweep { from { left: -60%; } to { left: 140%; } }

    /* ---- Heading ---- */
    #dbvm26-services.dbvm26-js .dbvm26-badge-row,
    #dbvm26-services.dbvm26-js .dbvm26-heading-title,
    #dbvm26-services.dbvm26-js .dbvm26-intro {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease, translate .7s cubic-bezier(.2,.8,.2,1);
    }
    #dbvm26-services.dbvm26-js .dbvm26-badge-row { translate: 0 -18px; }
    #dbvm26-services.dbvm26-js .dbvm26-heading-title { transition-delay: .15s; }
    #dbvm26-services.dbvm26-js .dbvm26-intro { transition-delay: .3s; }

    #dbvm26-services.dbvm26-head-in .dbvm26-badge-row,
    #dbvm26-services.dbvm26-head-in .dbvm26-heading-title,
    #dbvm26-services.dbvm26-head-in .dbvm26-intro { opacity: 1; translate: 0 0; }

    /* badge ke dono taraf ki lines beech se khulti hain */
    #dbvm26-services.dbvm26-js .dbvm26-badge-row::before,
    #dbvm26-services.dbvm26-js .dbvm26-badge-row::after {
        scale: 0 1;
        transition: scale .7s ease .35s;
    }
    #dbvm26-services.dbvm26-js .dbvm26-badge-row::before { transform-origin: right center; }
    #dbvm26-services.dbvm26-js .dbvm26-badge-row::after  { transform-origin: left center; }
    #dbvm26-services.dbvm26-head-in .dbvm26-badge-row::before,
    #dbvm26-services.dbvm26-head-in .dbvm26-badge-row::after { scale: 1 1; }

    /* ---- Card + Hero: neeche se zoom hokar khulta hai ---- */
    #dbvm26-services.dbvm26-js .dbvm26-item {
        opacity: 0;
        translate: 0 64px;
        scale: .84;
    }
    #dbvm26-services.dbvm26-js .dbvm26-item.is-in {
        opacity: 1;
        translate: 0 0;
        scale: 1;
    }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in::after {
        animation: dbvm26Sweep 1s ease calc(var(--bd) + .35s) 1 both;
    }

    /* ---- Hero ke andar ka content ---- */
    #dbvm26-services.dbvm26-js .dbvm26-hero-title,
    #dbvm26-services.dbvm26-js .dbvm26-hero-text {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #dbvm26-services.dbvm26-js .dbvm26-hero-title { transition-delay: calc(var(--bd) + .4s); }
    #dbvm26-services.dbvm26-js .dbvm26-hero-text  { transition-delay: calc(var(--bd) + .52s); }
    #dbvm26-services.dbvm26-js .dbvm26-hero.is-in .dbvm26-hero-title,
    #dbvm26-services.dbvm26-js .dbvm26-hero.is-in .dbvm26-hero-text { opacity: 1; translate: 0 0; }

    #dbvm26-services.dbvm26-js .dbvm26-hero-tags li {
        opacity: 0;
        scale: .6;
        transition:
            opacity .45s ease calc(var(--bd) + .7s + var(--k, 0) * .12s),
            scale .55s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .7s + var(--k, 0) * .12s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-hero.is-in .dbvm26-hero-tags li { opacity: 1; scale: 1; }

    /* ---- Number badge: pop ---- */
    #dbvm26-services.dbvm26-js .dbvm26-number {
        scale: 0;
        transition: scale .55s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .35s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-number { scale: 1; }

    /* ---- Icon: pop + ghoom ke seedha, phir halka float ---- */
    #dbvm26-services.dbvm26-js .dbvm26-icon {
        scale: .3;
        rotate: -16deg;
        transition:
            scale .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s),
            rotate .7s cubic-bezier(.34,1.56,.64,1) calc(var(--bd) + .2s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-icon {
        scale: 1;
        rotate: 0deg;
        animation: dbvm26Float 4.5s ease-in-out calc(var(--bd) + 1.6s) infinite;
    }

    /* ---- Title + description: neeche se upar ---- */
    #dbvm26-services.dbvm26-js .dbvm26-title,
    #dbvm26-services.dbvm26-js .dbvm26-description {
        opacity: 0;
        translate: 0 16px;
        transition: opacity .55s ease, translate .55s ease;
    }
    #dbvm26-services.dbvm26-js .dbvm26-title       { transition-delay: calc(var(--bd) + .38s); }
    #dbvm26-services.dbvm26-js .dbvm26-description { transition-delay: calc(var(--bd) + .5s); }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-title,
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-description { opacity: 1; translate: 0 0; }

    /* ---- Checklist: ek ek karke, tick pop ke saath ---- */
    #dbvm26-services.dbvm26-js .dbvm26-checklist li {
        opacity: 0;
        translate: -16px 0;
        transition:
            opacity .45s ease calc(var(--bd) + .6s + var(--k) * .09s),
            translate .45s ease calc(var(--bd) + .6s + var(--k) * .09s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-checklist li::before {
        scale: 0;
        transition: scale .45s cubic-bezier(.34,1.7,.64,1) calc(var(--bd) + .72s + var(--k) * .09s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-checklist li { opacity: 1; translate: 0 0; }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-checklist li::before { scale: 1; }

    /* ---- Learn more: aakhir me ---- */
    #dbvm26-services.dbvm26-js .dbvm26-explore {
        opacity: 0;
        translate: 0 12px;
        transition: opacity .5s ease calc(var(--bd) + 1.05s), translate .5s ease calc(var(--bd) + 1.05s);
    }
    #dbvm26-services.dbvm26-js .dbvm26-card.is-in .dbvm26-explore { opacity: 1; translate: 0 0; }

    /* ---- Jinhe animation pasand nahi (device setting): sab seedha dikhe ---- */
    @media (prefers-reduced-motion: reduce) {
        #dbvm26-services,
        #dbvm26-services *,
        #dbvm26-services *::before,
        #dbvm26-services *::after {
            animation: none !important;
            transition: none !important;
        }
        #dbvm26-services.dbvm26-js .dbvm26-badge-row,
        #dbvm26-services.dbvm26-js .dbvm26-heading-title,
        #dbvm26-services.dbvm26-js .dbvm26-intro,
        #dbvm26-services.dbvm26-js .dbvm26-item,
        #dbvm26-services.dbvm26-js .dbvm26-title,
        #dbvm26-services.dbvm26-js .dbvm26-description,
        #dbvm26-services.dbvm26-js .dbvm26-hero-title,
        #dbvm26-services.dbvm26-js .dbvm26-hero-text,
        #dbvm26-services.dbvm26-js .dbvm26-hero-tags li,
        #dbvm26-services.dbvm26-js .dbvm26-checklist li,
        #dbvm26-services.dbvm26-js .dbvm26-explore { opacity: 1 !important; translate: none !important; }

        #dbvm26-services.dbvm26-js .dbvm26-item,
        #dbvm26-services.dbvm26-js .dbvm26-number,
        #dbvm26-services.dbvm26-js .dbvm26-icon,
        #dbvm26-services.dbvm26-js .dbvm26-hero-tags li,
        #dbvm26-services.dbvm26-js .dbvm26-checklist li::before,
        #dbvm26-services.dbvm26-js .dbvm26-badge-row::before,
        #dbvm26-services.dbvm26-js .dbvm26-badge-row::after { scale: none !important; rotate: none !important; }
    }

/* video multimedia end */

/* faq start */

    #dbfq26-faq {
        --dbfq26-blue: #0750ec;
        --dbfq26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 50px 0 70px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--dbfq26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #dbfq26-faq.dbfq26-no-top { padding-top: 0; }
    #dbfq26-faq,
    #dbfq26-faq * { box-sizing: border-box; }

    /* decorative waves */
    #dbfq26-faq::before,
    #dbfq26-faq::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
    }
    #dbfq26-faq::before { top: -180px; left: -245px; }
    #dbfq26-faq::after  { right: -390px; bottom: -60px; width: 550px; height: 300px; }

    /* ---------- Top ---------- */
    #dbfq26-faq .dbfq26-top { margin: 0 0 clamp(20px, 2.4cqw, 34px); text-align: center; }
    #dbfq26-faq .dbfq26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(12px, 1.5cqw, 22px);
        margin: 0 0 clamp(6px, .8cqw, 12px);
    }
    #dbfq26-faq .dbfq26-badge-row::before,
    #dbfq26-faq .dbfq26-badge-row::after {
        content: '';
        display: block;
        width: clamp(26px, 7.3cqw, 92px);
        height: 1px;
        background: #3976ff;
    }
    #dbfq26-faq .dbfq26-badge {
        display: inline-flex;
        align-items: center;
        gap: clamp(8px, 1cqw, 14px);
        padding: clamp(4px, .5cqw, 8px) clamp(16px, 2.2cqw, 32px) clamp(4px, .5cqw, 8px) clamp(10px, 1.1cqw, 16px);
        border: 1.5px solid #3a6dff;
        border-radius: 10px;
        background: #fff;
        color: #0b3fc4;
        font-size:clamp(14px, 1.5cqw, 26px);
        font-weight: 800;
        line-height: 1.3;
    }
    #dbfq26-faq .dbfq26-badge svg { width: 24px; height: 24px; color: var(--dbfq26-blue); }

    #dbfq26-faq .dbfq26-title {
        margin: 0;
        padding: 0;
        color: var(--dbfq26-navy);
        letter-spacing: -.025em;
        text-transform: none;
    }
    #dbfq26-faq .dbfq26-hl { position: relative; display: inline-block; color: var(--dbfq26-blue); }
    #dbfq26-faq .dbfq26-swoosh {
        position: absolute;
        right: 0;
        bottom: -.12em;
        width: 82%;
        height: .18em;
        overflow: visible;
        color: #2f68ff;
    }

    /* ---------- List ---------- */
    #dbfq26-faq .dbfq26-list { display: flex; flex-direction: column; gap: clamp(8px, .75cqw, 12px); }
    #dbfq26-faq .dbfq26-empty { margin: 0; text-align: center; color: #424e73; }

    #dbfq26-faq .dbfq26-item {
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid #e3eeff;
        border-radius:10px;
        background: linear-gradient(135deg, #fff, #f8fbff);
        box-shadow: 0 4px 0 #bfd6ff55, 0 10px 24px #155ce914;
        transition: border-color .25s, box-shadow .25s;
    }
    #dbfq26-faq .dbfq26-item:hover { border-color: #b9d0ff; }
    #dbfq26-faq .dbfq26-item:has(.dbfq26-q:not(.collapsed)) {
        border-color: #9fc0ff;
        box-shadow: 0 4px 0 #bfd6ff66, 0 16px 34px #0750ec22;
    }
    #dbfq26-faq .dbfq26-heading { margin: 0; padding: 0; font: inherit; }

    /* ---------- Question row (button) ---------- */
    #dbfq26-faq .dbfq26-q {
        appearance: none;
        -webkit-appearance: none;
        display: flex;
        align-items: center;
        gap: clamp(10px, 1.6cqw, 22px);
        width: 100%;
        margin: 0;
        padding: 6px 15px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: var(--dbfq26-navy);
        font-family: inherit;
        text-align: left;
        cursor: pointer;
    }
    #dbfq26-faq .dbfq26-q:focus { outline: none; box-shadow: none; }
    #dbfq26-faq .dbfq26-q:focus-visible { outline: 3px solid var(--dbfq26-blue); outline-offset: -3px; border-radius: clamp(20px, 2.6cqw, 36px); }

    #dbfq26-faq .dbfq26-icon {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: 40px;
        height:40px;
        border-radius: 10px;
        background: linear-gradient(145deg, #eef5ff, #dfeaff);
        color: var(--dbfq26-blue);
        box-shadow: inset 0 0 0 1px #dbe8ff;
    }
    #dbfq26-faq .dbfq26-icon svg { width: 20px; height: 20px; }

    #dbfq26-faq .dbfq26-divider {
        flex: 0 0 2px;
        align-self: stretch;
        margin: 2px 0;
        background: #bcd0f7;
        border-radius: 2px;
    }
    #dbfq26-faq .dbfq26-question {
        flex: 1 1 auto;
        min-width: 0;
        font-size:18px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -.01em;
    }
    #dbfq26-faq .dbfq26-chevron {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: clamp(34px, 4cqw, 52px);
        height: clamp(30px, 3.2cqw, 42px);
        border-radius: 10px;
        background: #e8f0ff;
        color: #12214f;
        transition: background .25s, color .25s;
    }
    #dbfq26-faq .dbfq26-chevron svg {
        width: clamp(18px, 2cqw, 26px);
        height: clamp(18px, 2cqw, 26px);
        transition: transform .3s ease;
    }
    #dbfq26-faq .dbfq26-q:not(.collapsed) .dbfq26-chevron { background: var(--dbfq26-blue); color: #fff; }
    #dbfq26-faq .dbfq26-q:not(.collapsed) .dbfq26-chevron svg { transform: rotate(180deg); }

    /* ---------- Answer ---------- */
    #dbfq26-faq .dbfq26-answer {
        margin: 0;
        padding: 8px 19px 20px;
        color: #424e73;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.7;
    }

    /* ---------- Tablet ---------- */


    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbfq26-faq { padding: 28px 0 44px; }
        #dbfq26-faq.dbfq26-no-top { padding-top: 0; }
        #dbfq26-faq .dbfq26-title { font-size: 28px; letter-spacing: -.015em; }
        #dbfq26-faq .dbfq26-badge { font-size: 15px; }
        #dbfq26-faq .dbfq26-q { padding: 10px 12px; gap: 10px; }
        #dbfq26-faq .dbfq26-icon { width: 40px; height: 36px; border-radius: 12px; }
        #dbfq26-faq .dbfq26-icon svg { width: 20px; height: 20px; }
        #dbfq26-faq .dbfq26-question {         font-size: 14px;
            line-height: 19px; }
        #dbfq26-faq .dbfq26-chevron { width: 32px; height: 30px; }
        #dbfq26-faq .dbfq26-answer { padding: 0 16px 16px 16px; font-size: 14.5px; }
        #oa26-approach .oa26-heading {
            text-align: left;
        }
        #oa26-approach .oa26-badge-row, .ocs-badge-row {
            justify-content: left;
        }
        .ocs-top {
            text-align: left;
        }
        .ocs-underline {

            justify-content: left;
        }
        .ocs-item {
            justify-content: left;
        }
        .ocs-pill {
            max-width: 100%;
            border-radius: 10px;
            text-align: left;
        }

    }

    @media (prefers-reduced-motion: reduce) {
        #dbfq26-faq .dbfq26-item,
        #dbfq26-faq .dbfq26-chevron,
        #dbfq26-faq .dbfq26-chevron svg { transition: none; }
    }

/* faq end */

/* testimonials start */
    #dbts26-testimonials {
        --dbts26-blue: #0750ec;
        --dbts26-navy: #090829;
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0 70px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff !important;
        color: var(--dbts26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #dbts26-testimonials,
    #dbts26-testimonials * { box-sizing: border-box; }

    /* decorative waves */
    #dbts26-testimonials::before,
    #dbts26-testimonials::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        /* purane quote-circle ke styles reset */
        top: auto; right: auto; left: auto; bottom: auto;
        display: block;
        color: transparent;
        font-size: 0;
        letter-spacing: 0;
    }
    #dbts26-testimonials::before { top: -180px; left: -245px; }
    #dbts26-testimonials::after  { right: -390px; top: 20px; width: 550px; height: 300px; content: ''; }

    #dbts26-testimonials .dbts26-wrap {
        container-type: inline-size;
        position: relative;
        width: min(1700px, calc(100% - 48px));
        margin: 0 auto;
    }

    /* ---------- Top ---------- */
    #dbts26-testimonials .dbts26-top { margin: 0 auto clamp(26px, 3.4cqw, 60px); text-align: center; }
    #dbts26-testimonials .dbts26-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(14px, 1.8cqw, 30px);
        margin: 0 0 clamp(8px, 1cqw, 18px);
    }
    #dbts26-testimonials .dbts26-badge-row::before,
    #dbts26-testimonials .dbts26-badge-row::after {
        content: '';
        display: block;
        width: clamp(28px, 4.9cqw, 84px);
        height: 1px;
        background: #3976ff;
    }
    #dbts26-testimonials .dbts26-badge {
        display: inline-flex;
        align-items: center;
        gap: clamp(8px, .8cqw, 14px);
        padding: clamp(5px, .6cqw, 11px) clamp(16px, 1.9cqw, 32px);
        border: 1.5px solid #3a6dff;
        border-radius: 10px;
        background: #fff;
        color: #0b3fc4;
        font-size: clamp(14px, 1.5cqw, 26px);
        font-weight: 800;
        line-height: 1.3;
    }
    #dbts26-testimonials .dbts26-badge i { color: var(--dbts26-blue); font-size: 1.15em; }

    #dbts26-testimonials .dbts26-title {
        margin: 0;
        padding: 0;
        color: var(--dbts26-navy);
        font: 800 clamp(28px, 3.6cqw, 66px)/1.15 Inter, Arial, sans-serif;
        letter-spacing: -.025em;
        text-transform: none;
    }
    #dbts26-testimonials .dbts26-hl { position: relative; display: inline-block; color: var(--dbts26-blue); }
    #dbts26-testimonials .dbts26-swoosh {
        position: absolute;
        right: 0;
        bottom: -.2em;
        width: 100%;
        height: .2em;
        overflow: visible;
        color: #2f68ff;
    }
    #dbts26-testimonials .dbts26-intro {
        margin: clamp(14px, 1.6cqw, 28px) auto 0;
        padding: 0;
        color: #424e73;
        font-size: clamp(14px, 1.45cqw, 25px);
        font-weight: 500;
        line-height: 1.65;
    }

    /* ---------- Slider ---------- */
    #dbts26-testimonials .dbts26-slider { padding: 14px 10px 46px; margin: -14px -10px -46px; }
    #dbts26-testimonials .swiper-slide { height: auto; }

    #dbts26-testimonials .dbts26-box-items {
        container-type: inline-size;
        height: 100%;
    }

    /* ---------- Card ---------- */
    #dbts26-testimonials .dbts26-box {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin: 0;
        padding: clamp(20px, 6.6cqw, 40px) clamp(20px, 7.2cqw, 42px) clamp(18px, 5.4cqw, 34px);
        border: 1px solid #dfeaff;
        border-radius: clamp(24px, 8cqw, 46px);
        background: linear-gradient(135deg, #ffffff, #f8fbff);
        box-shadow: 0 4px 0 #bfd6ff55, 0 16px 40px #155ce91a;
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    }
    #dbts26-testimonials .dbts26-box:hover {
        transform: translateY(-8px);
        border-color: #a9c6ff;
        box-shadow: 0 22px 50px #0750ec26;
    }

    #dbts26-testimonials .dbts26-quote {
        display: grid;
        place-items: center;
        width: clamp(46px, 13.5cqw, 76px);
        height: clamp(36px, 10.3cqw, 58px);
        margin: 0 0 clamp(12px, 3.5cqw, 20px);
        border-radius: clamp(10px, 3cqw, 16px);
        background: linear-gradient(145deg, #e8f1ff, #d4e4ff);
        color: var(--dbts26-blue);
        font-size: clamp(18px, 5.4cqw, 30px);
        box-shadow: 0 6px 14px #0750ec12;
    }

    #dbts26-testimonials .dbts26-text {
        flex: 1 1 auto;
        margin: 0 0 clamp(18px, 6cqw, 34px);
        padding: 0;
        color: #12121e;
        font-size: clamp(14px, 3.75cqw, 21px);
        font-weight: 500;
        line-height: 1.62;
    }

    /* ---------- Client row ---------- */
    #dbts26-testimonials .dbts26-client {
        position: relative;
        display: flex;
        align-items: center;
        gap: clamp(12px, 3.4cqw, 20px);
        margin-top: auto;
        padding-top: clamp(14px, 4.4cqw, 26px);
        border-top: 1px solid #dbe6fb;
    }
    /* dotted pattern (right side) */
    #dbts26-testimonials .dbts26-client::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: clamp(50px, 14cqw, 80px);
        height: clamp(40px, 11cqw, 62px);
        background-image: radial-gradient(#d3e0ff 1.6px, transparent 1.7px);
        background-size: 12px 12px;
        opacity: .9;
        pointer-events: none;
    }
    #dbts26-testimonials .dbts26-avatar {
        flex: 0 0 auto;
        width: clamp(48px, 13.2cqw, 74px);
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: 50%;
        background: linear-gradient(145deg, #2f6bff, #0a3fd6);
        box-shadow: 0 8px 18px #0750ec33;
    }
    #dbts26-testimonials .dbts26-avatar img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 3px solid #eaf1ff;
        border-radius: 50%;
        box-shadow: none;
        object-fit: cover;
    }
    #dbts26-testimonials .dbts26-initial {
        display: grid;
        place-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: clamp(20px, 6cqw, 34px);
        font-weight: 800;
        line-height: 1;
    }
    #dbts26-testimonials .dbts26-divider {
        flex: 0 0 1px;
        align-self: stretch;
        margin: 4px 0;
        background: #cfdcf5;
    }
    #dbts26-testimonials .dbts26-info { min-width: 0; }
    #dbts26-testimonials .dbts26-name {
        margin: 0 0 2px;
        padding: 0;
        color: var(--dbts26-navy) !important;
        font: 800 clamp(16px, 4.5cqw, 26px)/1.2 Inter, Arial, sans-serif !important;
        letter-spacing: -.01em;
        text-transform: none;
    }
    #dbts26-testimonials .dbts26-role {
        margin: 0 0 2px;
        padding: 0;
        color: #6b7691 !important;
        font-size: clamp(12px, 2.8cqw, 15px) !important;
        font-weight: 500;
        line-height: 1.3;
    }
    #dbts26-testimonials .dbts26-stars {
        display: flex;
        gap: clamp(2px, .8cqw, 5px);
        margin: 0;
        line-height: 1;
    }
    #dbts26-testimonials .dbts26-stars i { color: #ffb400 !important; font-size: clamp(14px, 4.5cqw, 25px); }
    #dbts26-testimonials .dbts26-stars .dbts26-star-off { color: #d1d5db !important; }

    #dbts26-testimonials .dbts26-empty { padding: 40px 0; text-align: center; color: #424e73; }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #dbts26-testimonials { padding: 30px 0 46px; }
        #dbts26-testimonials .dbts26-title { font-size: 28px; letter-spacing: -.015em; }
        #dbts26-testimonials .dbts26-intro br { display: none; }
        #dbts26-testimonials .dbts26-box { padding: 22px 20px 20px; }
        #oa26-approach .oa26-wrap {
            width: 100% !important;
        }
        .hero-highlights{
            margin-top: 21px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #dbts26-testimonials .dbts26-box { transition: none; }
    }

/* testimonials end */


/* blog  start */

    .news-section {
        position: relative;
        background: #fff;
        overflow: hidden;
        padding: 35px 0;
    }


    .news-box-items {

        background: #fff;

        border: 1px solid #E7EEFF;

        border-radius: 22px;

        overflow: hidden;

        transition: .35s;

        height: 100%;

        box-shadow: 0 12px 35px rgba(25, 70, 180, .06);

    }

    .news-box-items {
        margin-top: 0;
    }


    .news-box-items:hover {

        transform: translateY(-10px);

        box-shadow: 0 30px 60px rgba(25, 70, 180, .12);

        border-color: #2F5BFF;

    }

    .news-content {

        padding: 15px;

    }

    .news-img {

        overflow: hidden;

        height: 220px;

    }

    .news-img img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        transition: .5s;

    }

    .news-box-items .news-content {
        margin-top: 0px;
    }

    .news-box-items:hover .news-img img {

        transform: scale(1.06);

    }

    .post-date {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        gap: 18px;



        padding: 0;

    }

    .news-box-items .news-content h3 {
        margin-bottom: 8px;
        margin-top: 6px;
    }

    .post-date li {

        list-style: none;

        color: #666;

        font-size: 14px;

        font-weight: 500;

    }

    .post-date li i {

        color: #FF8A1E;

        margin-right: 6px;

    }

    .news-content h3 {

        margin-bottom: 16px;

    }

    .news-content h3 a {

        color: #000;


        line-height: 1.35;

        font-weight: 600;

        transition: .3s;

        display: block;

    }

    /* .news-content h3 a:hover {

        color: #2F5BFF;

    } */

    .news-content p {

        color: #666;

        font-size: 16px;

        line-height: 1.8;

        margin-bottom: 22px;

    }

    /* .link-btn {

        display: inline-flex;

        align-items: center;

        gap: 10px;

        color: #2F5BFF;

        font-size: 16px;

        font-weight: 700;

        transition: .3s;

    } */

    /* .link-btn i {

        transition: .3s;

    }

    .link-btn:hover {

        color: #FF8A1E;

    }

    .link-btn:hover i {

        transform: translateX(6px);

    } */

    .news-section .row {

        row-gap: 30px;

    }

    @media(max-width:991px) {

        .news-section .section-title h2 {

            font-size: 42px;

        }

        .news-content {

            padding: 24px;

        }

        .news-content h3 a {

            font-size: 24px;

        }

    }

    @media(max-width:767px) {

        .news-section {

            padding: 50px 0;

        }

        .news-section .section-title {

            margin-bottom: 45px;

        }

        .news-section .section-title h2 {

            font-size: 34px;

        }

        .news-img {

            height: 220px;

        }

        .news-content {

            padding: 22px;

        }

        .news-content h3 a {

            font-size: 22px;

        }

        .news-content p {

            font-size: 15px;

        }

    }

    .contact-form-box .theme-btn:hover i {
        background: #fff !important;
        color: #000 !important;
    }
/* blog end */

/* about sec start */

    #oa26-approach {
        --oa26-blue: #0750ec;
        --oa26-navy: #090829;
        --oa26-curve-h: 180px;
        --oa26-cta-d: 2.9s;        /* button kitni der baad aaye */
        display: block;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 60px 0 70px;
        background:
            radial-gradient(ellipse at 0 0, #daeaff 0, transparent 34%),
            radial-gradient(ellipse at 100% 100%, #dbeaff 0, transparent 36%),
            #fcfdff;
        color: var(--oa26-navy);
        font-family: Inter, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
    #oa26-approach,
    #oa26-approach * { box-sizing: border-box; }

    /* decorative waves */
    #oa26-approach::before,
    #oa26-approach::after {
        content: '';
        position: absolute;
        z-index: -1;
        width: 650px;
        height: 270px;
        border: 1px solid #ffffffbd;
        border-radius: 50%;
        background: linear-gradient(145deg, #84b5ff70, #d9ecff40);
        transform: rotate(-32deg);
        pointer-events: none;
        animation: oa26Drift 14s ease-in-out infinite alternate;
    }
    #oa26-approach::before { top: -180px; left: -245px; }
    #oa26-approach::after  { right: -390px; top: 75px; width: 550px; height: 300px; animation-duration: 18s; animation-direction: alternate-reverse; }

    #oa26-approach .oa26-wrap {
        position: relative;
        width: min(1718px, calc(100% - 48px));
        margin: 0 auto;
    }

    /* dotted decorations */
    #oa26-approach .oa26-wrap::before,
    #oa26-approach .oa26-wrap::after {
        content: '';
        position: absolute;
        width: 100px;
        height: 60px;
        background-image: radial-gradient(#9dbdff 1.6px, transparent 1.7px);
        background-size: 20px 20px;
        opacity: .8;
        pointer-events: none;
        z-index: -1;
        animation: oa26Twinkle 4s ease-in-out infinite alternate;
    }
    #oa26-approach .oa26-wrap::before { left: 0; top: 190px; }
    #oa26-approach .oa26-wrap::after  { right: 30px; bottom: 25px; animation-delay: -2s; }

    /* ---------- Heading ---------- */
    #oa26-approach .oa26-heading {  text-align: center; }
    #oa26-approach .oa26-badge-row,.ocs-badge-row {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin: 0 0 14px;
    }
    #oa26-approach .oa26-badge-row::before,
    #oa26-approach .oa26-badge-row::after,  .ocs-badge-row::before,
    .ocs-badge-row::after{
        content: '';
        display: block;
        width: 60px;
        height: 1.5px;
        background: #3976ff;
    }
    #oa26-approach .oa26-badge,.ocs-badge {
        display: inline-block;
        padding: 5px 20px;
        border: 1.5px solid #3b6cf0;
        border-radius: 10px;
        background: #fff;
        color: #0750ec;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: .3px;
    }
    #oa26-approach .oa26-title {
        margin: 0;
        padding: 0;
        color: var(--oa26-navy);
        font: 800 clamp(28px, 3.1vw, 48px)/1.2 Inter, Arial, sans-serif;
        letter-spacing: -1.3px;
        text-transform: none;
    }
    #oa26-approach .oa26-highlight { color: var(--oa26-blue); }
    #oa26-approach .oa26-intro {
        max-width: 1200px;
        margin: 12px auto 0;
        padding: 0;
        color: #424e73;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.6;
    }

    /* ---------- Journey ---------- */
    #oa26-approach .oa26-journey { position: relative; }

    #oa26-approach .oa26-curve {
        position: relative;
        height: var(--oa26-curve-h);
        margin: 0;
    }
    #oa26-approach .oa26-curve svg {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    /* line par chalne wali chamakti dot */
    #oa26-approach .oa26-spark {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        width: 14px;
        height: 14px;
        margin: -7px 0 0 -7px;
        border-radius: 50%;
        background: var(--oa26-blue);
        border: 3px solid #fff;
        box-shadow: 0 0 0 5px #0750ec26, 0 0 16px 2px #0750ec99;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
    }
    #oa26-approach .oa26-spark.is-on { opacity: 1; }

    /* dots + dashed connector */
    #oa26-approach .oa26-dot {
        position: absolute;
        left: var(--x);
        top: calc(var(--y) * 1px);
        width: 22px;
        height: 22px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: var(--oa26-blue);
        border: 4px solid #fff;
        box-shadow: 0 0 0 1px #c9daff, 0 4px 10px #0750ec40;
    }
    #oa26-approach .oa26-dot::before {            /* pulse ring */
        content: '';
        position: absolute;
        inset: -8px;
        border-radius: 50%;
        border: 2px solid var(--oa26-blue);
        opacity: 0;
        pointer-events: none;
    }
    #oa26-approach .oa26-dot::after {             /* dashed line */
        content: '';
        position: absolute;
        left: 50%;
        top: 100%;
        height: calc((var(--oa26-curve-h) - var(--y)) * 1px + 6px);
        border-left: 1.5px dashed #8aa3d6;
        transform: translateX(-50%);
        transform-origin: top center;
    }

    /* ---------- Cards ---------- */
    #oa26-approach .oa26-steps {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;                 /* gap nahi, taaki dots card ke theek beech me rahein */
        margin: 22px 0 0;
        padding: 0;
    }
    #oa26-approach .oa26-step {
        --cd: calc(var(--d) + .45s);   /* card reveal delay (desktop: dot ke baad) */
        position: relative;
        min-width: 0;
        padding: 0 12px;
        display: flex;
    }
    #oa26-approach .oa26-card {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        padding: 22px 22px 26px;
        overflow: hidden;
        container-type: inline-size;   /* andar ke sizes card ki width se scale hote hain */
        border: 1px solid #e3ecfc;
        border-radius: 10px;
        background: linear-gradient(145deg, #ffffff, #f8fbff);
        box-shadow: 0 14px 34px #1d4ed814, 0 2px 0 #ffffff inset;
        transition:
            transform .3s ease,
            scale .55s cubic-bezier(.34,1.45,.64,1),
            box-shadow .45s ease,
            border-color .45s ease;
    }
    #oa26-approach .oa26-card::after {            /* hover shine */
        content: '';
        position: absolute;
        top: 0;
        left: -80%;
        width: 50%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(255,255,255,.8), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
        transition: left .8s ease;
    }
    #oa26-approach .oa26-card:hover {
        transform: translateY(-8px);
        border-color: #b9d0ff;
        box-shadow: 0 24px 46px #0750ec26;
    }
    #oa26-approach .oa26-card:hover::after { left: 140%; }

    /* ---- ACTIVE: jis card par dot aaye wo zoom hoga ---- */
    #oa26-approach .oa26-step.is-active { z-index: 4; }
    #oa26-approach .oa26-step.is-active .oa26-card {
        scale: 1.08;
        border-color: #5b8cff;
        box-shadow: 0 30px 58px #0750ec36, 0 0 0 4px #0750ec14;
    }
    #oa26-approach .oa26-step.is-active .oa26-card::after { left: 140%; }

    #oa26-approach .oa26-top {
        display: flex;
        align-items: center;
        gap: clamp(12px, 4.4cqw, 18px);
        margin: 0 0 16px;
    }
    #oa26-approach .oa26-icon {
        display: grid;
        place-items: center;
        width: 52px;
        aspect-ratio: 1 / 1;
        border-radius: 10px;
        background: linear-gradient(145deg, #eef5ff, #d5e5ff);
        border: 1px solid #d3e3ff;
        box-shadow: 0 8px 18px #0750ec14;
        color: var(--oa26-blue);
        font-size: clamp(26px, 10cqw, 40px);
        transition: transform .35s ease;
    }
    #oa26-approach .oa26-card:hover .oa26-icon,
    #oa26-approach .oa26-step.is-active .oa26-icon { transform: rotate(-7deg) scale(1.08); }

    #oa26-approach .oa26-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
    #oa26-approach .oa26-no {
        display: inline-block;
        padding: 5px 6px;
        border-radius: 10px;
        background: #e4eeff;
        color: var(--oa26-blue);
        font-size: clamp(13px, 4.2cqw, 17px);
        font-weight: 800;
        line-height: 1.4;
    }
    #oa26-approach .oa26-word {
        color: var(--oa26-blue);
        font-size: clamp(19px, 7.4cqw, 28px);
        font-weight: 800;
        line-height: 1.15;
        letter-spacing: .3px;
    }
    #oa26-approach .oa26-card-title {
        margin: 0 0 10px;
        padding: 0;
        color: var(--oa26-navy);
        font: 800 clamp(19px, 7.3cqw, 28px)/1.2 Inter, Arial, sans-serif;
        letter-spacing: -.6px;
        text-transform: none;
    }
    #oa26-approach .oa26-desc {
        margin: 0;
        padding: 0;
        color: #334364;
        font-size: clamp(14px, 4.5cqw, 17.5px);
        line-height: 1.6;
    }

    /* ---------- Button ---------- */
    #oa26-approach .oa26-cta { display: flex; justify-content: center; margin: 44px 0 0; }
    #oa26-approach .oa26-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 18px;
        padding: 8px 10px 8px 20px;
        border-radius: 60px;
        text-decoration: none;
        color: #fff !important;
        font-size: 16px;
        font-weight: 700;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .15);
        box-shadow: 0 20px 45px rgba(47, 91, 255, .30);
        background: radial-gradient(circle, #7aa0ff 0%, #4d73ff 50%, #3658f7 100%) !important;
        height: 50px;
    }
    #oa26-approach .oa26-btn > * { position: relative; z-index: 1; }
    #oa26-approach .oa26-btn::before {            /* shine sweep */
        content: '';
        position: absolute;
        top: 0;
        left: -60%;
        width: 40%;
        height: 100%;
        background: linear-gradient(110deg, transparent, rgba(255,255,255,.5), transparent);
        transform: skewX(-20deg);
        pointer-events: none;
    }
    #oa26-approach .oa26-btn:hover { transform: translateY(-3px); box-shadow: 0 22px 40px #0750ec55; color: #fff; }
    #oa26-approach .oa26-btn:focus-visible { outline: 3px solid var(--oa26-blue); outline-offset: 4px; }
    #oa26-approach .oa26-btn-icon {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #fff;
        color: var(--oa26-blue);
        font-size: 15px;
    }
    #oa26-approach .oa26-btn-icon i { animation: oa26Nudge 1.6s ease-in-out infinite; }
    #oa26-approach .oa26-btn:hover .oa26-btn-icon i { animation-play-state: paused; }

    /* =====================================================
       ANIMATIONS
       Content tabhi chhupta hai jab JS chal gaya ho (.oa26-js),
       isliye JS fail ho to bhi section poora dikhega.
       ===================================================== */

    /* ---- Keyframes ---- */
    @keyframes oa26Drift   { from { translate: 0 0; } to { translate: 26px 14px; } }
    @keyframes oa26Twinkle { from { opacity: .35; } to { opacity: .9; } }
    @keyframes oa26Float   { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
    @keyframes oa26Ping    { 0% { scale: .7; opacity: .55; } 80%, 100% { scale: 1.9; opacity: 0; } }
    @keyframes oa26Shine   { 0% { left: -60%; } 35%, 100% { left: 130%; } }
    @keyframes oa26Nudge   { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }

    /* ---- Heading ---- */
    #oa26-approach.oa26-js .oa26-badge-row,
    #oa26-approach.oa26-js .oa26-title,
    #oa26-approach.oa26-js .oa26-intro {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease, translate .7s cubic-bezier(.2,.8,.2,1);
    }
    #oa26-approach.oa26-js .oa26-badge-row { translate: 0 -18px; }
    #oa26-approach.oa26-js .oa26-title { transition-delay: .15s; }
    #oa26-approach.oa26-js .oa26-intro { transition-delay: .3s; }

    #oa26-approach.oa26-js.is-in .oa26-badge-row,
    #oa26-approach.oa26-js.is-in .oa26-title,
    #oa26-approach.oa26-js.is-in .oa26-intro { opacity: 1; translate: 0 0; }

    /* badge ke dono taraf ki lines khulti hain */
    #oa26-approach.oa26-js .oa26-badge-row::before,
    #oa26-approach.oa26-js .oa26-badge-row::after {
        scale: 0 1;
        transition: scale .7s ease .35s;
    }
    #oa26-approach.oa26-js .oa26-badge-row::before { transform-origin: right center; }
    #oa26-approach.oa26-js .oa26-badge-row::after  { transform-origin: left center; }
    #oa26-approach.oa26-js.is-in .oa26-badge-row::before,
    #oa26-approach.oa26-js.is-in .oa26-badge-row::after { scale: 1 1; }

    /* ---- Curve: left se right draw hota hai ---- */
    #oa26-approach.oa26-js .oa26-curve svg {
        clip-path: inset(-24px 100% -24px 0);
        transition: clip-path 2.4s cubic-bezier(.45,.05,.25,1) .2s;
    }
    #oa26-approach.oa26-js.is-in .oa26-curve svg { clip-path: inset(-24px -2% -24px 0); }

    /* ---- Dots: pop + dashed line neeche utarti hai + pulse ring ---- */
    #oa26-approach.oa26-js .oa26-dot {
        scale: 0;
        transition: scale .55s cubic-bezier(.34,1.56,.64,1) var(--d);
    }
    #oa26-approach.oa26-js.is-in .oa26-dot { scale: 1; }

    #oa26-approach.oa26-js .oa26-dot::after {
        scale: 1 0;
        transition: scale .45s ease calc(var(--d) + .4s), border-color .35s ease;
    }
    #oa26-approach.oa26-js.is-in .oa26-dot::after { scale: 1 1; }

    #oa26-approach.oa26-js.is-in .oa26-dot::before {
        animation: oa26Ping 2.6s ease-out infinite;
        animation-delay: calc(var(--d) + .9s);
    }

    /* ---- Cards: zoom hokar neeche se aate hain, ek ke baad ek ---- */
    #oa26-approach.oa26-js .oa26-step {
        opacity: 0;
        translate: 0 56px;
        scale: .8;
        transition:
            opacity .7s ease var(--cd),
            translate .8s cubic-bezier(.2,.8,.2,1) var(--cd),
            scale .9s cubic-bezier(.34,1.4,.64,1) var(--cd);
    }
    #oa26-approach.oa26-js.is-in .oa26-step { opacity: 1; translate: 0 0; scale: 1; }

    /* icon pop + halka float */
    #oa26-approach.oa26-js .oa26-icon {
        scale: .4;
        transition:
            scale .6s cubic-bezier(.34,1.56,.64,1) calc(var(--cd) + .15s),
            transform .35s ease;
    }
    #oa26-approach.oa26-js.is-in .oa26-icon {
        scale: 1;
        animation: oa26Float 4s ease-in-out infinite;
        animation-delay: calc(var(--cd) + 1s);
    }
    #oa26-approach.oa26-js.is-in .oa26-card:hover .oa26-icon { animation-play-state: paused; }

    /* number badge pop, word side se aata hai */
    #oa26-approach.oa26-js .oa26-no {
        scale: 0;
        transition: scale .5s cubic-bezier(.34,1.56,.64,1) calc(var(--cd) + .35s);
    }
    #oa26-approach.oa26-js .oa26-word {
        opacity: 0;
        translate: -14px 0;
        transition: opacity .5s ease calc(var(--cd) + .45s), translate .5s ease calc(var(--cd) + .45s);
    }
    #oa26-approach.oa26-js.is-in .oa26-no { scale: 1; }
    #oa26-approach.oa26-js.is-in .oa26-word { opacity: 1; translate: 0 0; }

    /* ---- Button ---- */
    #oa26-approach.oa26-js .oa26-cta {
        opacity: 0;
        translate: 0 26px;
        transition: opacity .7s ease var(--oa26-cta-d), translate .7s cubic-bezier(.2,.8,.2,1) var(--oa26-cta-d);
    }
    #oa26-approach.oa26-js.is-in .oa26-cta { opacity: 1; translate: 0 0; }
    #oa26-approach.oa26-js.is-in .oa26-btn::before {
        animation: oa26Shine 3.6s ease-in-out infinite;
        animation-delay: calc(var(--oa26-cta-d) + .8s);
    }

    /* =====================================================
       ACTIVE STATE (entrance khatam hone ke baad, dot ke saath sync)
       .oa26-ready JS tab lagata hai jab entrance ho chuka ho,
       taaki purane delays zoom ko slow na karein.
       ===================================================== */
    #oa26-approach.oa26-ready .oa26-dot {
        transition: scale .4s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
    }
    #oa26-approach.oa26-ready .oa26-dot::after { transition: border-color .35s ease; }

    #oa26-approach.oa26-js.is-in .oa26-dot.is-active {
        scale: 1.55;
        box-shadow: 0 0 0 7px #0750ec26, 0 8px 22px #0750ec80;
    }
    #oa26-approach.oa26-js.is-in .oa26-dot.is-active::after { border-left-color: var(--oa26-blue); }

    /* ---------- Laptop ---------- */
    @media (max-width: 1399px) {
        #oa26-approach .oa26-step { padding: 0 9px; }
        #oa26-approach .oa26-card { padding: 18px 16px 22px; }
    }

    /* ---------- Tablet: curve hata, 2 columns ---------- */
    @media (max-width: 1099px) {
        #oa26-approach { --oa26-cta-d: 1.1s; }
        #oa26-approach .oa26-curve { display: none; }
        #oa26-approach .oa26-wrap::before { display: none; }
        #oa26-approach .oa26-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 0; }
        #oa26-approach .oa26-step { padding: 0 11px; --cd: calc(var(--i) * .15s); }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 767px) {
        #oa26-approach { padding: 30px 0 45px; --oa26-cta-d: .6s; }
        #oa26-approach .oa26-intro { font-size: 14.5px; }
        #oa26-approach .oa26-badge { font-size: 14px; padding: 4px 16px; }
        #oa26-approach .oa26-badge-row { gap: 14px; }
        #oa26-approach .oa26-badge-row::before,
        #oa26-approach .oa26-badge-row::after, .ocs-badge-row::before,
         .ocs-badge-row::after { width: 30px; }
        #oa26-approach .oa26-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; }
        #oa26-approach .oa26-step { padding: 0; --cd: .1s; }
        #oa26-approach .oa26-btn { font-size: 16px; padding: 10px 10px 10px 26px; gap: 18px; }
        #oa26-approach .oa26-btn-icon { width: 40px; height: 40px; }
    }

    /* ---------- Jinhe animation pasand nahi (device setting): sab seedha dikhe ---------- */
    @media (prefers-reduced-motion: reduce) {
        #oa26-approach,
        #oa26-approach *,
        #oa26-approach *::before,
        #oa26-approach *::after {
            animation: none !important;
            transition: none !important;
        }
        #oa26-approach.oa26-js .oa26-badge-row,
        #oa26-approach.oa26-js .oa26-title,
        #oa26-approach.oa26-js .oa26-intro,
        #oa26-approach.oa26-js .oa26-step,
        #oa26-approach.oa26-js .oa26-cta,
        #oa26-approach.oa26-js .oa26-word { opacity: 1 !important; }

        #oa26-approach.oa26-js .oa26-badge-row,
        #oa26-approach.oa26-js .oa26-title,
        #oa26-approach.oa26-js .oa26-intro,
        #oa26-approach.oa26-js .oa26-step,
        #oa26-approach.oa26-js .oa26-cta,
        #oa26-approach.oa26-js .oa26-word,
        #oa26-approach.oa26-js .oa26-icon,
        #oa26-approach.oa26-js .oa26-no,
        #oa26-approach.oa26-js .oa26-dot,
        #oa26-approach.oa26-js .oa26-dot::after,
        #oa26-approach.oa26-js .oa26-badge-row::before,
        #oa26-approach.oa26-js .oa26-badge-row::after { translate: none !important; scale: none !important; }

        #oa26-approach.oa26-js .oa26-curve svg { clip-path: none !important; }
        #oa26-approach .oa26-spark,
        #oa26-approach .oa26-dot::before { display: none; }
    }


/* about sec end */

/* teck stack solution start */
    .ocs-section {
        --ocs-blue: #1d4ed8;
        --ocs-navy: #0a1a4a;
        --ocs-line: #3b82f6;
        --ocs-icon: 118px;

        position: relative;
        padding: 60px 0 70px;
        overflow: hidden;
        background:
            radial-gradient(circle at 5% 0%, rgba(96,165,250,.25), transparent 30%),
            radial-gradient(circle at 100% 100%, rgba(96,165,250,.22), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
    }

    /* ---------- Top ---------- */
    .ocs-top { text-align: center; margin-bottom: 40px; }
  
    .ocs-top h2 {
        margin: 0 0 14px;
        color: var(--ocs-navy);
        font-size: 42px;
        font-weight: 700;
        line-height: 1.2;
    }
    .ocs-highlight { color: var(--ocs-blue); }
    .ocs-underline { display: flex; align-items: center; justify-content: center; gap: 6px; }
    .ocs-underline span { width: 80px; height: 4px; border-radius: 4px; background: var(--ocs-blue); }
    .ocs-underline i    { width: 6px; height: 6px; border-radius: 50%; background: var(--ocs-blue); }

    /* ---------- Stage (desktop) ---------- */
    .ocs-stage {
        position: relative;
        max-width: 1000px;
        height: 420px;
        margin: 0 auto;
    }

    /* ---------- Center circle ---------- */
    .ocs-center {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .ocs-ring {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 330px;
        height: 330px;
        border-radius: 50%;
        border: 1px solid rgba(59,130,246,.3);
    }
    .ocs-ring-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        border: 1px solid rgba(59,130,246,.18);
        background: radial-gradient(circle, #fff 40%, rgba(219,234,254,.5) 100%);
    }
    .ocs-dot {
        position: absolute;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #2563eb;
        border: 3px solid #dbeafe;
        transform: translate(-50%, -50%);
    }
    .ocs-dot-tl { left: 47%; bottom: 8%; }
    .ocs-dot-tr { left: 58%; top:13%; }
    .ocs-dot-bl { left: 2%; top: 64%; }
    .ocs-dot-br { right: -3%; top: 42%; }

    .ocs-center-text { text-align: center; line-height: 1.1; }
    .ocs-our,
    .ocs-services {
        display: block;
        font-size: 35px;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .ocs-our { color: var(--ocs-blue); }
    .ocs-services {
        background: linear-gradient(90deg, #0a2a8a, #38bdf8);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* ---------- Icon tile ---------- */
    .ocs-icon {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--ocs-icon);
        height: var(--ocs-icon);
        border-radius: 28px;
        background: #fff;
        border: 3px solid transparent;
        box-shadow: 0 14px 35px rgba(37,99,235,.2);
        transition: transform .4s ease, box-shadow .4s ease;
    }
    .ocs-icon img {
        display: block;
        width: 78px;
        height: 78px;
        object-fit: contain;
    }
    .ocs-item:hover .ocs-icon {
        transform: translateY(-8px) scale(1.05);
        box-shadow: 0 22px 45px rgba(37,99,235,.3);
    }

    /* tile border colors (mockup jaise) */
    .ocs-it        { border-color: #60a5fa; }
    .ocs-legal     { border-color: #a78bfa; }
    .ocs-media     { border-color: #c084fc; }
    .ocs-marketing { border-color: #67e8f9; }

    /* ---------- Label pill ---------- */
    .ocs-pill {
        position: absolute;
        width: 230px;
        padding: 14px 20px;
        border-radius: 40px;
        background: linear-gradient(180deg, #fff, #e7f0ff);
        border: 1px solid #d5e5ff;
        box-shadow: 0 8px 22px rgba(37,99,235,.12);
        color: var(--ocs-navy);
        font-size: 18px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
    }
    .ocs-pill::before,
    .ocs-pill::after {
        content: "";
        position: absolute;
        top: 50%;
        background: var(--ocs-line);
    }
    .ocs-pill::after  { width: 38px; height: 2px; }
    .ocs-pill::before { width: 8px; height: 8px; margin-top: -3px; border-radius: 50%; }

    /* ---------- Positions ---------- */
    .ocs-tl .ocs-icon, .ocs-tr .ocs-icon { top: 10px; }
    .ocs-bl .ocs-icon, .ocs-br .ocs-icon { bottom: 10px; }
    .ocs-tl .ocs-icon, .ocs-bl .ocs-icon { left:  calc(50% - 215px); }
    .ocs-tr .ocs-icon, .ocs-br .ocs-icon { right: calc(50% - 215px); }

    .ocs-tl .ocs-pill, .ocs-tr .ocs-pill { top: 69px;    transform: translateY(-50%); }
    .ocs-bl .ocs-pill, .ocs-br .ocs-pill { bottom: 69px; transform: translateY(50%); }
    .ocs-tl .ocs-pill, .ocs-bl .ocs-pill { left: 0; }
    .ocs-tr .ocs-pill, .ocs-br .ocs-pill { right: 0; }

    .ocs-tl .ocs-pill::after,  .ocs-bl .ocs-pill::after  { right: -46px; }
    .ocs-tl .ocs-pill::before, .ocs-bl .ocs-pill::before { right: -50px; }
    .ocs-tr .ocs-pill::after,  .ocs-br .ocs-pill::after  { left: -46px; }
    .ocs-tr .ocs-pill::before, .ocs-br .ocs-pill::before { left: -50px; }

    /* ---------- Soft float animation ---------- */
    @media (prefers-reduced-motion: no-preference) {
        .ocs-icon { animation: ocsFloat 5s ease-in-out infinite; }
        .ocs-tr .ocs-icon { animation-delay: -1.2s; }
        .ocs-bl .ocs-icon { animation-delay: -2.4s; }
        .ocs-br .ocs-icon { animation-delay: -3.6s; }
        .ocs-item:hover .ocs-icon { animation-play-state: paused; }
    }
    @keyframes ocsFloat {
        0%, 100% { margin-top: 0; }
        50%      { margin-top: -6px; }
    }

    /* ---------- Tablet ---------- */
    @media (max-width: 991px) {
        .ocs-top h2 { font-size: 34px; }

        .ocs-stage {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px 20px;
            height: auto;
        }
        .ocs-center {
            position: static;
            transform: none;
            grid-column: 1 / -1;
            display: flex;
            justify-content: center;
        }
        .ocs-ring       { width: 240px; height: 240px; }
        .ocs-ring-inner { width: 190px; height: 190px; }
        .ocs-our, .ocs-services { font-size: 28px; }
        .ocs-dot { display: none; }

        .ocs-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }
        .ocs-icon,
        .ocs-pill {
            position: static !important;
            transform: none !important;
        }
        .ocs-pill { width: 100%; max-width: 260px; font-size: 16px; }
        .ocs-pill::before,
        .ocs-pill::after { display: none; }
    }

    /* ---------- Mobile ---------- */
    @media (max-width: 575px) {
        .ocs-section { --ocs-icon: 100px; padding: 45px 0 50px; }
        .ocs-top h2 { font-size: 28px; }
        .ocs-stage { grid-template-columns: 1fr; }
        .ocs-icon img { width: 64px; height: 64px; }
    }
/* teck stack solution end */
.our-blog-section {font-size: 33px !important;}
.news-box-items {height: 100%;display: flex;flex-direction: column;}
.news-box-items .news-content {flex: 1;display: flex;flex-direction: column;}
.news-box-items .login-button-out-sec {margin-top: auto;}

@media(max-width:1024px){
    .ai-banner-card {
        background-position: left center !important;
    }
    .ocs-center {
        display: none;
    }
}

.ai-feat-card{
    text-align: left;
}


#am26-process .am26-icon svg {
    display: block;
    width: 30px;
    height: 30px;
}
#am26-process .am26-icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 50%;
    background: #eaf2ff;
    color: var(--am26-blue);
}

/* Paralegal Services — Bootstrap 5 grid, page-specific styles only. */
#pl26{--pl-blue:#1455ff;--pl-ink:#0a1538;--pl-text:#354768;--pl-line:#deebfb;--pl-green:#0ab395;--pl-header-height:96px;background:#fff;color:var(--pl-ink);font:16px/1.5 Inter,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden}
#pl26,#pl26 *{box-sizing:border-box}#pl26 .container{max-width:1180px}#pl26 h1,#pl26 h2,#pl26 h3,#pl26 p{margin:0;padding:0;font-family:inherit;text-transform:none}#pl26 h1,#pl26 h2,#pl26 h3{color:var(--pl-ink)}#pl26 h1{font-size:clamp(35px,4.2vw,57px);font-weight:800;line-height:1.04;letter-spacing:-1.9px}#pl26 h2{font-size:clamp(26px,2.9vw,38px);line-height:1.16;letter-spacing:-1px;font-weight:800}#pl26 h3{font-size:18px;line-height:1.2;font-weight:750;letter-spacing:-.25px}#pl26 p{color:var(--pl-text)}#pl26 em{font-style:normal;color:var(--pl-blue)}#pl26 a{text-decoration:none}#pl26 ul{list-style:none;margin:0;padding:0}#pl26 .pl-icon{display:block;width:32px;height:32px;flex:0 0 32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--pl-blue)}#pl26 .pl-header-space{height:var(--pl-header-height);background:linear-gradient(120deg,#061a38,#0e2d58)}#pl26 .pl-section{padding:39px 0}#pl26 .pl-heading{text-align:center;margin-bottom:27px}#pl26 .pl-heading p{margin:8px auto 0;max-width:800px;font-size:15px}#pl26 .pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:11px 18px;border:1.5px solid var(--pl-blue);border-radius:10px;background:var(--pl-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}#pl26 .pl-btn:hover{background:#0745dd;color:white;transform:translateY(-2px);box-shadow:0 8px 18px #1455ff35}#pl26 .pl-outline{background:transparent;color:var(--pl-blue)}#pl26 .pl-outline:hover{color:white;background:var(--pl-blue)}#pl26 a:focus-visible,#pl26 summary:focus-visible{outline:3px solid #53bfff;outline-offset:4px}#pl26 .pl-hero{padding:18px 0 35px;background:radial-gradient(ellipse at 100% 0,#d8f0ff,transparent 60%),linear-gradient(115deg,#f3faff,#e9f4ff)}#pl26 .pl-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:21px;font-size:12px}#pl26 .pl-crumb a{color:#38578c}#pl26 .pl-crumb strong{color:var(--pl-blue)}#pl26 .pl-tag{display:inline-block;border-radius:22px;background:#e2ddff;color:#1648e9;font-size:11px;font-weight:800;letter-spacing:.3px;padding:5px 13px;margin-bottom:14px}#pl26 .pl-lead{font-size:16px;line-height:1.5;margin-top:15px;max-width:510px}#pl26 .pl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}#pl26 .pl-checks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;font-weight:600;margin-top:20px}#pl26 .pl-checks li:before{content:'✓';font-size:16px;color:var(--pl-blue);margin-right:6px;font-weight:800}#pl26 .pl-hero-media{position:relative;min-width:0;border-radius:27px;overflow:hidden;box-shadow:0 16px 34px #1a559f13}#pl26 .pl-hero-media>img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}#pl26 .pl-report-badges{position:absolute;right:16px;top:24px;padding:12px;background:#ffffffc9;border:1px solid #fff;border-radius:15px;backdrop-filter:blur(8px);width:200px;box-shadow:0 8px 18px #22467a10}#pl26 .pl-report-badges>span{display:flex;align-items:center;gap:12px;padding:10px 9px;background:linear-gradient(120deg,#fff,#e9f5ff);border-radius:8px;box-shadow:0 3px 8px #154f9c14;font-size:13px}#pl26 .pl-report-badges>span+span{margin-top:7px}#pl26 .pl-report-badges .pl-icon{color:var(--pl-green);width:27px;height:27px;flex-basis:27px}#pl26 .pl-report-badges>span:nth-child(2) .pl-icon{color:var(--pl-blue)}#pl26 .pl-image-caption{position:absolute;right:14px;bottom:15px;background:#fffffff0;border:1px solid #dfecff;border-radius:20px;padding:5px 12px;font-size:11px;color:#244478;box-shadow:0 5px 13px #23446a15}#pl26 .pl-card{display:flex;align-items:flex-start;gap:16px;min-width:0;height:100%;border:1px solid var(--pl-line);border-radius:17px;background:linear-gradient(140deg,#fff,#f1f7ff);padding:21px 19px;box-shadow:0 4px 0 #e9f2ff,0 9px 20px #28539b09;transition:transform .25s,border-color .25s,box-shadow .25s}#pl26 .pl-card:hover{transform:translateY(-4px);border-color:#a9c8ff;box-shadow:0 12px 26px #1455ff12}#pl26 .pl-card p{margin-top:7px;font-size:14px;line-height:1.4}#pl26 .pl-ico-box{display:grid;place-items:center;flex:0 0 54px;width:54px;height:59px;border-radius:15px;background:#e1efff}#pl26 .pl-green{background:#dff7f0}#pl26 .pl-green .pl-icon{color:var(--pl-green)}#pl26 .pl-purple{background:#ece6ff}#pl26 .pl-purple .pl-icon{color:#7244fb}#pl26 .pl-reports-section{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 39px;background:linear-gradient(120deg,#f6fbff,#d9eeff)}#pl26 .pl-reports-section:before,#pl26 .pl-reports-section:after{content:'';position:absolute;width:650px;height:200px;z-index:-1;border-radius:50%;background:#a2ceff35;transform:rotate(-15deg);right:-100px;top:60px}#pl26 .pl-reports-section:after{right:200px;top:100px;width:500px;background:#c1e2ff45}#pl26 .pl-report-heading{margin-bottom:22px}#pl26 .pl-report-heading p{font-size:16px;line-height:1.5;margin-top:9px}#pl26 .pl-illustration-note{display:block;width:fit-content;margin-left:auto;border:1px solid #cee5ff;border-radius:20px;background:#ffffffe8;box-shadow:0 5px 14px #1455ff15;padding:7px 15px;font-size:12px;color:#274d84}#pl26 .pl-report-card{height:100%;display:flex;flex-direction:column;padding:19px 16px 15px;background:linear-gradient(130deg,#fff,#f4faff);border:1px solid #dceaff;border-radius:19px;box-shadow:0 5px 0 #bad8ff66,0 11px 20px #1b5daf14}#pl26 .pl-report-card>h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:16px}#pl26 .pl-report-card>h3 .pl-icon{color:var(--pl-green)}#pl26 .col-md-4:nth-child(2) .pl-report-card>h3 .pl-icon{color:var(--pl-blue)}#pl26 .pl-chart{width:100%;height:128px;display:block}#pl26 .pl-report-legend{display:grid;gap:8px;margin:14px 8px 16px;font-size:12px}#pl26 .pl-report-legend li{display:flex;align-items:center;gap:9px}#pl26 .pl-report-legend b{width:12px;height:12px;background:#78e3c6;border-radius:2px}#pl26 .pl-report-legend li:nth-child(2) b{background:#4ea0ff}#pl26 .pl-report-legend li:nth-child(3) b{background:#5fceea}#pl26 .pl-report-legend i{width:77px;max-width:34%;height:7px;background:#d9e4f3;margin-left:auto;border-radius:6px}#pl26 .pl-report-footer{text-align:center;padding:10px 8px;margin-top:auto;background:linear-gradient(90deg,#d9f1fc,#dceaff);border-radius:12px;font-size:12px;line-height:1.3}#pl26 .pl-balance-chart{display:flex;gap:15px;align-items:center;height:128px}#pl26 .pl-balance-chart svg{width:128px;height:128px;flex:0 0 128px}#pl26 .pl-balance-chart ul{display:grid;gap:10px;font-size:12px}#pl26 .pl-balance-chart li{display:flex;align-items:center;gap:8px}#pl26 .pl-balance-chart b{display:block;width:12px;height:12px;border-radius:2px;background:#267aff}#pl26 .pl-balance-chart .pl-key-cyan{background:#65c3ff}#pl26 .pl-balance-chart .pl-key-green{background:#70e0c3}#pl26 .pl-placeholder-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;margin:18px 10px}#pl26 .pl-placeholder-lines i{height:7px;border-radius:5px;background:#d9e4f3}#pl26 .pl-process-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#0a64b8,transparent 40%),radial-gradient(ellipse at 100% 100%,#0759a6,transparent 45%),linear-gradient(110deg,#042452,#031c42);border-radius:28px;color:#fff;padding:29px 0 31px}#pl26 .pl-process-section .pl-heading{margin-bottom:26px}#pl26 .pl-process-section h2{color:#fff;font-size:35px}#pl26 .pl-process-section h2 em{color:#03d3f8}#pl26 .pl-process-card{position:relative;height:100%;background:linear-gradient(130deg,#fff,#e5f3ff);border:1px solid #ccedff;border-radius:18px;padding:18px 20px 21px;box-shadow:0 0 20px #37a0ff22}#pl26 .pl-process-card>div{display:flex;align-items:center;gap:18px;margin-bottom:12px}#pl26 .pl-process-card>div>span{background:#1455ff;color:#fff;border-radius:6px;font-size:12px;font-weight:700;line-height:1;padding:5px 8px}#pl26 .pl-process-card h3{font-size:21px}#pl26 .pl-process-card p{font-size:14px;line-height:1.35;margin-top:7px}#pl26 .pl-process-card:after{content:'→';position:absolute;right:-25px;top:42%;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c9ffff;border-radius:50%;background:#087dff;box-shadow:0 0 12px #4ae4ff;color:#fff;font-size:19px;line-height:1}#pl26 .pl-process-section .row>[class*='col-']:last-child .pl-process-card:after{display:none}#pl26 .pl-software-section{padding-top:25px;padding-bottom:20px;background:linear-gradient(#fff,#f5faff)}#pl26 .pl-software-card{height:100%;padding:19px;background:linear-gradient(135deg,#fff,#f1f8ff);border:1px solid var(--pl-line);border-radius:17px;box-shadow:0 4px 0 #e7f0ff}#pl26 .pl-software-card>div{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}#pl26 .pl-software-card img{display:block;width:43px;height:43px;object-fit:contain;flex:0 0 43px}#pl26 .pl-software-card h3{font-size:21px;letter-spacing:-.6px}#pl26 .pl-software-card p{font-size:14px;line-height:1.4}#pl26 .pl-support-label{display:inline-block;margin:18px 0 12px;padding:3px 16px;background:#e4e1ff;color:#1745e5;font-size:13px;font-weight:700;border-radius:20px}#pl26 .pl-support-card{display:flex;gap:17px;align-items:center;height:100%;padding:15px 20px;border:1px solid var(--pl-line);background:linear-gradient(135deg,#fff,#f1f7ff);border-radius:14px;box-shadow:0 4px 0 #eaf1ff}#pl26 .pl-support-card>img{width:38px;height:38px;flex:0 0 38px;object-fit:contain}#pl26 .pl-support-card h3{font-size:17px}#pl26 .pl-support-card p{font-size:13px;margin-top:4px}#pl26 .pl-tools-note{display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;margin:20px auto 0;padding:10px 15px;border-radius:20px;background:#e4efff;color:#264274;font-size:12px;line-height:1.5}#pl26 .pl-tools-note strong{color:#1744e9}#pl26 .pl-benefit-section{padding-top:20px;padding-bottom:23px}#pl26 .pl-benefit-section .pl-card{padding:17px 13px;gap:11px}#pl26 .pl-benefit-section .pl-ico-box{width:33px;height:34px;flex-basis:33px;border-radius:0;background:none}#pl26 .pl-benefit-section h3{font-size:15px}#pl26 .pl-benefit-section .pl-card p{font-size:12px;margin-top:6px}#pl26 .pl-benefit-strip{display:flex;align-items:center;background:linear-gradient(90deg,#dff6f0,#e7f5ff);border-radius:16px;padding:17px 6px;margin-top:22px}#pl26 .pl-benefit-strip li{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;padding:0 13px;font-size:12px;line-height:1.3}#pl26 .pl-benefit-strip li+li{border-left:1px solid #9dc1d3}#pl26 .pl-benefit-strip .pl-icon{color:#009f9d}#pl26 .pl-benefit-strip li:nth-child(2n+1) .pl-icon{color:#146dff}#pl26 .pl-pricing{padding-top:13px;padding-bottom:23px;background:radial-gradient(ellipse at 30% 0,#f1f8ff,transparent 60%)}#pl26 .pl-plan-row{padding-top:12px}#pl26 .pl-plan{height:100%;position:relative;display:flex;flex-direction:column;padding:24px 21px 20px;background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid var(--pl-line);border-radius:20px;box-shadow:0 5px 0 #e8f1ff,0 12px 23px #1d59a511;transition:transform .25s}#pl26 .pl-plan:hover{transform:translateY(-4px)}#pl26 .pl-featured{border:1.5px solid #567aff;box-shadow:0 10px 28px #1455ff20}#pl26 .pl-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#1455ff;color:#fff;padding:4px 18px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:20px}#pl26 .pl-plan-top{display:flex;align-items:center;gap:16px;margin-bottom:17px}#pl26 .pl-plan-top h3{font-size:27px;line-height:1.05;letter-spacing:-.5px}#pl26 .pl-plan-top p{font-size:12px;line-height:1.4;margin-top:5px}#pl26 .pl-plan ul{flex:1;margin:0 0 19px}#pl26 .pl-plan li{position:relative;padding-left:24px;margin-bottom:8px;font-size:13px;line-height:1.4}#pl26 .pl-plan li:before{position:absolute;left:0;content:'✓';color:#1455ff;font-weight:800}#pl26 .pl-plan .pl-btn{width:100%;min-height:38px;padding:8px 10px}#pl26 .pl-plan-note{text-align:center;font-size:12px;margin:19px 0 0}#pl26 .pl-faq-section{padding-top:15px;padding-bottom:25px}#pl26 .pl-faq-list{display:grid;gap:9px}#pl26 .pl-qa{border:1px solid var(--pl-line);border-radius:12px;background:#f8fbff;box-shadow:0 3px 0 #edf4fd}#pl26 .pl-qa summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:12px 17px;list-style:none;font-size:14px;font-weight:700;line-height:1.35}#pl26 .pl-qa summary::-webkit-details-marker{display:none}#pl26 .pl-qa summary>span{font-size:21px;color:#1455ff;line-height:1;transition:transform .25s}#pl26 .pl-qa[open] summary>span{transform:rotate(180deg)}#pl26 .pl-qa p{font-size:13px;line-height:1.45;padding:0 17px 14px}#pl26 .pl-dots{display:block;width:88px;height:60px;margin-top:18px;background:radial-gradient(#96baff 1.5px,transparent 2px);background-size:13px 13px}#pl26 .pl-cta-section{padding:0 0 30px}#pl26 .pl-cta{position:relative;isolation:isolate;overflow:hidden;padding:27px 24px 25px;border-radius:21px;text-align:center;color:#fff;background:linear-gradient(115deg,#20a2ff,#0752ff 55%,#1248fa)}#pl26 .pl-cta:before,#pl26 .pl-cta:after{content:'';position:absolute;z-index:-1;width:300px;height:200px;background:#ffffff13;border-radius:50%;left:-90px;bottom:-160px}#pl26 .pl-cta:after{left:auto;right:-80px;top:-150px;bottom:auto}#pl26 .pl-cta h2{font-size:31px;letter-spacing:-.7px;color:#fff}#pl26 .pl-cta p{font-size:15px;color:#edf5ff;margin:7px 0 16px}#pl26 .pl-white{background:#fff;color:#1455ff;border-color:#fff;min-width:170px;min-height:38px;padding:9px 18px}#pl26 .pl-white:hover{color:#1455ff;background:#eaf4ff}
@media(max-width:1199px){#pl26 h1{font-size:45px}#pl26 .pl-card{padding:19px 15px;gap:12px}#pl26 .pl-card h3{font-size:16px}#pl26 .pl-card p{font-size:13px}#pl26 .pl-ico-box{width:46px;height:50px;flex-basis:46px}#pl26 .pl-ico-box .pl-icon{width:29px;height:29px;flex-basis:29px}#pl26 .pl-report-badges{width:170px;right:12px;top:18px;padding:9px}#pl26 .pl-report-badges>span{font-size:11px;padding:8px 7px;gap:8px}#pl26 .pl-report-badges .pl-icon{width:23px;height:23px;flex-basis:23px}#pl26 .pl-software-card{padding:17px 13px}#pl26 .pl-software-card h3{font-size:18px}#pl26 .pl-software-card>div{gap:9px}#pl26 .pl-software-card img{width:36px;height:36px;flex-basis:36px}#pl26 .pl-process-card{padding:17px 15px}#pl26 .pl-process-card h3{font-size:18px}#pl26 .pl-process-card p{font-size:13px}#pl26 .pl-balance-chart{gap:9px}#pl26 .pl-balance-chart svg{width:107px;height:107px;flex-basis:107px}#pl26 .pl-balance-chart ul{font-size:11px}}
@media(max-width:991px){#pl26 h1{font-size:54px}#pl26 .pl-hero-copy{max-width:680px}#pl26 .pl-lead{max-width:650px}#pl26 .pl-hero-media{max-width:670px;margin:10px auto 0}#pl26 .pl-report-badges{width:200px;top:24px;right:18px;padding:12px}#pl26 .pl-report-badges>span{font-size:13px;padding:10px;gap:11px}#pl26 .pl-card h3{font-size:18px}#pl26 .pl-card p{font-size:14px}#pl26 .pl-illustration-note{margin-left:0}#pl26 .pl-report-card{padding:16px 12px}#pl26 .pl-report-card>h3{font-size:17px;gap:7px}#pl26 .pl-report-card>h3 .pl-icon{width:27px;height:27px;flex-basis:27px}#pl26 .pl-balance-chart{gap:6px}#pl26 .pl-balance-chart svg{width:83px;height:83px;flex-basis:83px}#pl26 .pl-balance-chart ul{font-size:10px;gap:8px}#pl26 .pl-balance-chart li{gap:5px}#pl26 .pl-report-legend{font-size:10px;margin-inline:3px}#pl26 .pl-report-footer{font-size:10px}#pl26 .pl-process-card:after{display:none}#pl26 .pl-process-card h3{font-size:22px}#pl26 .pl-process-card p{font-size:14px}#pl26 .pl-software-card h3{font-size:23px}#pl26 .pl-software-card p{font-size:15px}#pl26 .pl-support-card{padding:15px 12px;gap:10px}#pl26 .pl-support-card h3{font-size:15px}#pl26 .pl-support-card p{font-size:12px}#pl26 .pl-benefit-section h3{font-size:18px}#pl26 .pl-benefit-section .pl-card p{font-size:14px}#pl26 .pl-benefit-strip li{padding:0 9px;gap:9px;font-size:10px}#pl26 .pl-benefit-strip .pl-icon{width:27px;height:27px;flex-basis:27px}#pl26 .pl-plan-row{max-width:600px;margin-inline:auto}#pl26 .pl-plan-top h3{font-size:28px}#pl26 .pl-plan li{font-size:14px}#pl26 .pl-plan-top p{font-size:13px}#pl26 .pl-dots{display:none}#pl26 .pl-faq-section h2 br{display:none}}
@media(max-width:767px){#pl26 .container{padding-inline:20px}#pl26 .pl-section{padding:31px 0}#pl26 h2{font-size:29px}#pl26 .pl-heading{margin-bottom:24px}#pl26 .pl-reports-section{padding:30px 0}#pl26 .pl-report-card{max-width:450px;margin:auto;padding:20px}#pl26 .pl-report-card>h3{font-size:22px;margin-bottom:19px}#pl26 .pl-chart{height:150px}#pl26 .pl-report-legend{font-size:13px;margin:18px 8px}#pl26 .pl-report-legend i{width:95px}#pl26 .pl-report-footer{font-size:13px}#pl26 .pl-balance-chart{height:150px;gap:27px;justify-content:center}#pl26 .pl-balance-chart svg{width:145px;height:145px;flex-basis:145px}#pl26 .pl-balance-chart ul{font-size:14px;gap:12px}#pl26 .pl-report-heading p{font-size:15px}#pl26 .pl-placeholder-lines{gap:14px 32px;margin:24px 12px}#pl26 .pl-process-section h2{font-size:30px}#pl26 .pl-tools-note{align-items:flex-start;text-align:left;font-size:12px;border-radius:14px}#pl26 .pl-benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:21px 0;padding:18px 6px}#pl26 .pl-benefit-strip li{font-size:12px;justify-content:flex-start;padding:0 15px;gap:12px}#pl26 .pl-benefit-strip li:nth-child(3){border-left:0}#pl26 .pl-benefit-section{padding-top:10px}#pl26 .pl-pricing{padding-top:10px}#pl26 .pl-plan-row{margin-inline:-12px}#pl26 .pl-plan-note{font-size:11px}#pl26 .pl-faq-section{padding-top:10px}#pl26 .pl-cta h2{font-size:28px}}
@media(max-width:575px){#pl26 h1{font-size:39px;letter-spacing:-1.35px}#pl26 .pl-hero{padding-top:15px;padding-bottom:27px}#pl26 .pl-crumb{font-size:11px;gap:8px;margin-bottom:20px}#pl26 .pl-tag{font-size:10px}#pl26 .pl-lead{font-size:15px;line-height:1.55}#pl26 .pl-actions{flex-direction:column;gap:10px}#pl26 .pl-checks{font-size:10px;gap:9px 12px}#pl26 .pl-hero-media{border-radius:20px}#pl26 .pl-report-badges{top:13px;right:10px;width:145px;padding:7px;border-radius:11px}#pl26 .pl-report-badges>span{font-size:10px;padding:7px 5px;gap:6px}#pl26 .pl-report-badges .pl-icon{width:20px;height:20px;flex-basis:20px}#pl26 .pl-image-caption{font-size:9px;right:10px;bottom:10px;padding:4px 9px}#pl26 .pl-card{padding:20px 17px;gap:16px}#pl26 .pl-ico-box{width:50px;height:54px;flex-basis:50px}#pl26 .pl-heading p{font-size:13px}#pl26 .pl-process-section{border-radius:20px;padding:26px 0}#pl26 .pl-process-card{padding:20px}#pl26 .pl-process-card>div{gap:20px}#pl26 .pl-software-card{padding:19px}#pl26 .pl-software-card>div{gap:15px;margin-bottom:10px}#pl26 .pl-software-card img{width:44px;height:44px;flex-basis:44px}#pl26 .pl-support-card{padding:17px 20px;gap:17px}#pl26 .pl-support-card h3{font-size:19px}#pl26 .pl-support-card p{font-size:14px}#pl26 .pl-benefit-section .pl-card{padding:19px 17px;gap:15px}#pl26 .pl-benefit-strip li{font-size:10px;padding:0 10px;gap:8px}#pl26 .pl-benefit-strip .pl-icon{width:25px;height:25px;flex-basis:25px}#pl26 .pl-qa summary{font-size:13px;padding:13px}#pl26 .pl-qa p{font-size:12px;padding:0 13px 13px}#pl26 .pl-cta{padding:25px 18px;border-radius:18px}#pl26 .pl-cta h2{font-size:25px}#pl26 .pl-cta p{font-size:13px}#pl26 .pl-report-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){#pl26 *,#pl26 *:before,#pl26 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#pl26 .pl-info{display:inline-grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font:700 10px/1 Arial,sans-serif;vertical-align:middle;color:#1455ff}

/* Legal operations visual sections */
#pl26 .pl-hero h1{font-size:clamp(33px,3.45vw,49px);letter-spacing:-1.6px;line-height:1.08}
#pl26 .pl-hero .pl-lead{max-width:520px}
#pl26 .pl-report-badges{width:200px;right:16px;top:24px}
#pl26 .pl-report-badges>span:first-child .pl-icon,#pl26 .pl-report-badges>span:nth-child(3) .pl-icon{color:var(--pl-blue)}
#pl26 .pl-report-badges>span:nth-child(2) .pl-icon{color:var(--pl-green)}
#pl26 .pl-areas{padding-bottom:25px;background:linear-gradient(#fff,#f5faff)}
#pl26 .pl-areas .pl-card{padding:24px 21px;gap:18px}
#pl26 .pl-areas .pl-card h3{font-size:23px}
#pl26 .pl-areas .pl-card p{font-size:15px;line-height:1.45}
#pl26 .pl-areas .pl-ico-box{height:68px;width:64px;flex-basis:64px}
#pl26 .pl-areas .pl-ico-box .pl-icon{height:42px;width:42px;flex-basis:42px}
#pl26 .pl-practical{padding-top:18px;padding-bottom:35px}
#pl26 .pl-practical .pl-card{padding:23px 20px;min-height:156px}
#pl26 .pl-workspace-section{padding:0 0 29px}
#pl26 .pl-workspace-panel{position:relative;isolation:isolate;overflow:hidden;padding:28px 30px;border-radius:30px;background:radial-gradient(ellipse at 100% 70%,#c4e0f8,transparent 50%),linear-gradient(110deg,#edf8ff,#dbeeff);box-shadow:inset 0 0 40px #d5eaff}
#pl26 .pl-workspace-copy h2{font-size:35px}
#pl26 .pl-workspace-copy p{font-size:17px;line-height:1.5;margin-top:15px;max-width:380px}
#pl26 .pl-workspace-caption{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;margin-top:32px;background:#f9fdff;border:1px solid #dfecff;border-radius:22px;box-shadow:0 4px 12px #1455ff14;font-size:12px;color:#284677}
#pl26 .pl-workspace-visual{height:310px;position:relative;perspective:1200px;min-width:0}
#pl26 .pl-laptop{position:absolute;top:8px;left:5%;width:94%;padding:11px 10px 15px;background:linear-gradient(130deg,#77869b,#253448);border:2px solid #a9b6c6;border-radius:17px 17px 6px 6px;transform:rotateY(-7deg) rotateX(4deg);transform-origin:bottom;box-shadow:0 15px 23px #2e4a6b2b}
#pl26 .pl-screen{overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#f6fbff,#e7f3ff);min-height:238px;padding:12px}
#pl26 .pl-screen-bar{display:flex;align-items:center;gap:4px;height:16px;margin-bottom:10px;border-bottom:1px solid #dceafa;padding-bottom:9px}
#pl26 .pl-screen-bar i{display:block;width:5px;height:5px;background:#bdcde2;border-radius:50%}
#pl26 .pl-screen-bar>span{margin-left:9px;color:#6d86a9;font-size:8px;letter-spacing:.5px}
#pl26 .pl-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#pl26 .pl-board-column{min-width:0;border:1px solid #cfe1ff;background:linear-gradient(130deg,#fff,#edf5ff);border-radius:12px;padding:12px 9px;box-shadow:0 4px 10px #1455ff10}
#pl26 .pl-board-column h3{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}
#pl26 .pl-board-column h3>.pl-icon{width:25px;height:25px;flex-basis:25px;padding:3px;box-sizing:content-box;background:#e8f1ff;border-radius:7px}
#pl26 .pl-board-column:last-child h3>.pl-icon{color:var(--pl-green);background:#e1f7ed}
#pl26 .pl-board-column ul{display:grid;gap:16px;margin-top:18px}
#pl26 .pl-board-column li{display:flex;gap:8px;align-items:flex-start;line-height:1.4;font-size:10px;color:#233d63}
#pl26 .pl-board-column li>.pl-icon{width:16px;height:16px;flex-basis:16px}
#pl26 .pl-task-box{display:grid;place-items:center;width:13px;height:13px;border-radius:3px;border:1px solid #90a6bc;background:#fff;flex:0 0 13px;font-size:10px;color:#fff;line-height:1}
#pl26 .pl-task-box.done{background:#0eb474;border-color:#0eb474}
#pl26 .pl-laptop-base{position:absolute;bottom:15px;left:1%;width:100%;height:17px;background:linear-gradient(#dbe3eb,#8a99a9);border:1px solid #a2acb8;border-radius:3px 3px 30px 30px;box-shadow:0 13px 13px #2a3b5225;transform:skewX(-9deg)}
#pl26 .pl-laptop-base:after{content:'';position:absolute;top:0;left:42%;width:20%;height:5px;background:#aeb9c6;border-radius:0 0 6px 6px}
#pl26 .pl-workspace-book{position:absolute;bottom:16px;left:-15px;width:110px;height:21px;border-radius:4px;background:#f9f4e9;border:2px solid #b99c78;box-shadow:0 6px 9px #8c70481f;transform:rotate(-4deg);z-index:-1}
#pl26 .pl-workspace-plant{position:absolute;bottom:40px;left:-16px;width:65px;height:95px;z-index:-1}
#pl26 .pl-workspace-plant b{position:absolute;bottom:0;left:19px;width:33px;height:42px;border-radius:2px 2px 10px 10px;background:linear-gradient(90deg,#d5d2c5,#f6f2e6,#bebdb5)}
#pl26 .pl-workspace-plant i{position:absolute;bottom:32px;left:29px;width:16px;height:54px;background:linear-gradient(90deg,#438d61,#80ae77);border-radius:100% 0;transform:rotate(-35deg);transform-origin:bottom}
#pl26 .pl-workspace-plant i:nth-child(2){transform:rotate(22deg);height:65px}
#pl26 .pl-workspace-plant i:nth-child(3){transform:rotate(-63deg);height:45px}
#pl26 .pl-benefit-section{padding-top:29px;padding-bottom:18px}
#pl26 .pl-extra-support{display:flex;align-items:center;justify-content:center;gap:14px;background:#eff7ff;border:1px solid #d9e9ff;border-radius:25px;padding:13px 18px;margin:23px auto 0;max-width:1060px;box-shadow:0 3px 12px #1455ff08}
#pl26 .pl-extra-support .pl-icon{width:30px;height:30px;flex-basis:30px}
#pl26 .pl-extra-support p{font-size:13px;line-height:1.4}
#pl26 .pl-extra-support strong{color:var(--pl-blue);font-size:16px}
#pl26 .pl-scope-note{display:flex;align-items:flex-start;justify-content:center;gap:9px;font-size:11px;line-height:1.5;text-align:center;color:#344b70;margin:14px 0 0}
#pl26 .pl-pricing{padding-top:20px}
#pl26 .pl-plan li{margin-bottom:10px}
#pl26 .pl-plan-top .pl-icon{width:37px;height:37px;flex-basis:37px}
#pl26 .pl-plan-row>div:first-child .pl-plan-top .pl-icon{color:#0eb575}
#pl26 .pl-faq-section h2{font-size:34px}
#pl26 .pl-cta h2{font-size:30px}
@media(max-width:1199px){#pl26 .pl-hero h1{font-size:41px}#pl26 .pl-areas .pl-card{padding:21px 17px;gap:13px}#pl26 .pl-areas .pl-card h3{font-size:20px}#pl26 .pl-areas .pl-card p{font-size:13px}#pl26 .pl-areas .pl-ico-box{height:59px;width:53px;flex-basis:53px}#pl26 .pl-areas .pl-ico-box .pl-icon{width:34px;height:34px;flex-basis:34px}#pl26 .pl-workspace-copy h2{font-size:30px}#pl26 .pl-workspace-copy p{font-size:15px}#pl26 .pl-workspace-panel{padding:26px 24px}#pl26 .pl-board-column{padding:12px 7px}#pl26 .pl-board-column h3{font-size:10px;gap:4px}#pl26 .pl-board-column h3>.pl-icon{width:22px;height:22px;flex-basis:22px}#pl26 .pl-board-column li{font-size:9px;gap:6px}#pl26 .pl-report-badges{width:175px}}
@media(max-width:991px){#pl26 .pl-hero h1{font-size:52px}#pl26 .pl-hero .pl-lead{max-width:660px}#pl26 .pl-areas .pl-card{flex-direction:column}#pl26 .pl-areas .pl-card h3{font-size:19px}#pl26 .pl-areas .pl-card p{font-size:14px}#pl26 .pl-workspace-copy{max-width:650px}#pl26 .pl-workspace-copy h2{font-size:34px}#pl26 .pl-workspace-copy h2 br{display:none}#pl26 .pl-workspace-copy p{max-width:570px;font-size:16px}#pl26 .pl-workspace-caption{margin-top:17px}#pl26 .pl-workspace-visual{max-width:620px;width:100%;margin:auto}#pl26 .pl-board-column h3{font-size:12px}#pl26 .pl-board-column li{font-size:11px}#pl26 .pl-extra-support{border-radius:16px;align-items:flex-start}#pl26 .pl-scope-note{text-align:left}#pl26 .pl-faq-section h2{font-size:31px}}
@media(max-width:767px){#pl26 .pl-areas .pl-card{flex-direction:row;padding:23px 20px}#pl26 .pl-areas .pl-card h3{font-size:23px}#pl26 .pl-areas .pl-card p{font-size:15px}#pl26 .pl-practical{padding-top:10px}#pl26 .pl-workspace-panel{border-radius:23px;padding:24px 20px}#pl26 .pl-workspace-copy h2{font-size:30px}#pl26 .pl-workspace-visual{max-width:540px}#pl26 .pl-board-column h3{font-size:10px}#pl26 .pl-board-column li{font-size:10px}#pl26 .pl-extra-support strong{font-size:14px}#pl26 .pl-extra-support p{font-size:12px}#pl26 .pl-benefit-section{padding-top:27px}}
@media(max-width:575px){#pl26 .pl-hero h1{font-size:33px;letter-spacing:-1.25px}#pl26 .pl-hero .pl-lead{font-size:15px}#pl26 .pl-report-badges{top:13px;right:10px;width:149px}#pl26 .pl-report-badges>span{font-size:9px;padding:7px 5px;gap:5px}#pl26 .pl-areas{padding-bottom:24px}#pl26 .pl-areas .pl-card h3{font-size:22px}#pl26 .pl-practical .pl-card{min-height:0;padding:21px 17px}#pl26 .pl-workspace-section{padding-bottom:25px}#pl26 .pl-workspace-panel{padding:23px 15px}#pl26 .pl-workspace-copy h2{font-size:28px}#pl26 .pl-workspace-copy p{font-size:15px}#pl26 .pl-workspace-caption{font-size:10px}#pl26 .pl-workspace-visual{height:250px}#pl26 .pl-laptop{left:3%;width:96%;top:15px;padding:8px 6px 10px;border-radius:12px 12px 4px 4px}#pl26 .pl-screen{padding:7px;min-height:188px}#pl26 .pl-screen-bar{height:13px;margin-bottom:9px;padding-bottom:8px}#pl26 .pl-screen-bar>span{font-size:6px}#pl26 .pl-board{gap:5px}#pl26 .pl-board-column{padding:9px 5px;border-radius:8px}#pl26 .pl-board-column h3{font-size:8px;gap:3px}#pl26 .pl-board-column h3>.pl-icon{width:15px;height:15px;flex-basis:15px;padding:2px;border-radius:5px}#pl26 .pl-board-column li{font-size:7px;gap:4px}#pl26 .pl-board-column li>.pl-icon{width:12px;height:12px;flex-basis:12px}#pl26 .pl-board-column ul{gap:12px;margin-top:14px}#pl26 .pl-task-box{width:10px;height:10px;flex-basis:10px;font-size:8px}#pl26 .pl-laptop-base{bottom:10px;left:1%;height:13px}#pl26 .pl-workspace-book{bottom:9px;left:-7px;width:90px;height:17px}#pl26 .pl-workspace-plant{left:-15px;bottom:24px;transform:scale(.8);transform-origin:bottom}#pl26 .pl-scope-note{font-size:10px;gap:7px}#pl26 .pl-extra-support{gap:10px;padding:13px;border-radius:14px}#pl26 .pl-extra-support .pl-icon{width:25px;height:25px;flex-basis:25px}#pl26 .pl-pricing{padding-top:15px}#pl26 .pl-faq-section h2{font-size:29px}#pl26 .pl-cta h2{font-size:25px}}

#pl26 .pl-hero h1{font-size:clamp(33px,3.1vw,44px)}
#pl26 .pl-workspace-copy h2{font-size:31px}
@media(max-width:991px){#pl26 .pl-hero h1{font-size:50px}#pl26 .pl-faq-section h2 br{display:block}}
@media(max-width:575px){#pl26 .pl-hero h1{font-size:30px;letter-spacing:-1px}#pl26 .pl-workspace-copy h2{font-size:27px}#pl26 .pl-faq-section h2{font-size:29px}}

/* Paralegal document workflow and tool cards. */
#pl26 .pl-hero h1{font-size:clamp(33px,3.3vw,47px);letter-spacing:-1.5px;line-height:1.08}
#pl26 .pl-report-badges{width:187px;top:14px;right:12px;padding:8px}
#pl26 .pl-report-badges>span{padding:6px;gap:7px;font-size:11px;white-space:nowrap}
#pl26 .pl-report-badges>span+span{margin-top:5px}
#pl26 .pl-report-badges .pl-icon{width:22px;height:22px;flex-basis:22px}
#pl26 .pl-report-badges>span:nth-child(2) .pl-icon{color:#0ab477}
#pl26 .pl-report-badges>span:nth-child(3) .pl-icon{color:#6845e9}
#pl26 .pl-workspace-copy h2{font-size:34px}
#pl26 .pl-workspace-copy p{max-width:360px;font-size:17px}
#pl26 .pl-mini-flow{display:flex;align-items:center;gap:19px;list-style:none;margin:25px 0 0;padding:0;max-width:360px}
#pl26 .pl-mini-flow li{position:relative;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:10px 6px;border:1px solid #d6e7ff;border-radius:12px;background:linear-gradient(135deg,#fff,#eef7ff);box-shadow:0 4px 10px #1455ff18;font-size:12px;color:#183761}
#pl26 .pl-mini-flow .pl-icon{width:28px;height:28px;flex-basis:28px}
#pl26 .pl-mini-flow li:nth-child(3) .pl-icon{color:#0ab579}
#pl26 .pl-mini-flow li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:30%;font-size:22px;color:#1455ff;line-height:1}
#pl26 .pl-workspace-caption{font-size:11px;margin-top:23px}
#pl26 .pl-workspace-visual{height:355px}
#pl26 .pl-screen{min-height:282px;padding:12px 10px 10px}
#pl26 .pl-draft-board{display:grid;grid-template-columns:1.5fr 1fr;gap:11px}
#pl26 .pl-draft-paper{background:linear-gradient(135deg,#fff,#f5faff);border:1px solid #d0e3ff;border-radius:10px;padding:14px 14px 13px;box-shadow:0 3px 10px #1455ff10;min-width:0}
#pl26 .pl-draft-paper h3{font-size:13px;margin-bottom:17px}
#pl26 .pl-document-lines{display:grid;gap:6px}
#pl26 .pl-document-lines i{position:relative;display:block;height:3px;background:#b8cce5;border-radius:2px}
#pl26 .pl-document-lines i:nth-child(3n){width:78%}
#pl26 .pl-document-lines i:nth-child(4n){width:93%}
#pl26 .pl-document-lines i.pl-redline:after{position:absolute;content:'';left:15%;right:4%;top:-1px;height:5px;background:#ff7795b3;border:1px solid #f77592;border-radius:2px}
#pl26 .pl-document-lines i.pl-greenline:after{position:absolute;content:'';left:4%;right:25%;top:-1px;height:5px;background:#64dca5b3;border:1px solid #50c69c;border-radius:2px}
#pl26 .pl-document-sidebar{display:flex;flex-direction:column;gap:10px;min-width:0}
#pl26 .pl-version-panel,#pl26 .pl-sign-panel{background:linear-gradient(135deg,#fff,#eaf4ff);border:1px solid #d0e3ff;border-radius:10px;padding:12px 9px;box-shadow:0 3px 10px #1455ff10}
#pl26 .pl-document-sidebar h3{font-size:12px;margin-bottom:9px}
#pl26 .pl-version-panel ul{display:grid;gap:5px}
#pl26 .pl-version-panel li{display:flex;align-items:center;gap:7px;background:#e0edff;padding:5px 4px;border-radius:5px;font-size:8px;line-height:1.3;white-space:nowrap}
#pl26 .pl-version-panel .pl-icon{width:17px;height:17px;flex-basis:17px}
#pl26 .pl-version-panel li>strong{font-size:9px}
#pl26 .pl-sign-panel ul{display:grid;gap:7px}
#pl26 .pl-sign-panel li{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.3}
#pl26 .pl-sign-panel li>b{display:grid;place-items:center;flex:0 0 12px;width:12px;height:12px;border-radius:3px;border:1px solid #8da7c0;background:white;color:white;font-size:10px;line-height:1}
#pl26 .pl-sign-panel li>b.pl-status-active{background:#0bb47b;border-color:#0bb47b}
#pl26 .pl-tools-section{padding-top:8px;padding-bottom:29px}
#pl26 .pl-tool-card{height:100%;min-width:0;background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid var(--pl-line);border-radius:17px;padding:22px 21px;box-shadow:0 4px 0 #e1edff,0 9px 20px #1455ff0c;transition:transform .25s,border-color .25s}
#pl26 .pl-tool-card:hover{transform:translateY(-4px);border-color:#a4c5ff}
#pl26 .pl-tool-brand{display:flex;align-items:center;gap:16px;min-height:60px;margin-bottom:17px}
#pl26 .pl-tool-brand>img{width:45px;height:45px;flex:0 0 45px;object-fit:contain}
#pl26 .pl-tool-brand>strong{font-size:22px;color:#122342;letter-spacing:-.6px}
#pl26 .pl-tool-card>h3{font-size:19px;margin-bottom:6px}
#pl26 .pl-tool-card>p{font-size:14px;line-height:1.45}
#pl26 .pl-pdf-mark{position:relative;display:grid;place-items:center;width:42px;height:51px;flex:0 0 42px;background:linear-gradient(135deg,#fa4c49,#c51e24);border-radius:4px;color:white;box-shadow:0 3px 6px #dd3c3420}
#pl26 .pl-pdf-mark .pl-icon{color:white;width:27px;height:27px;flex-basis:27px;position:absolute;top:4px}
#pl26 .pl-pdf-mark>b{font-size:10px;letter-spacing:1px;position:absolute;bottom:5px;left:9px}
#pl26 .pl-docusign-wordmark{font:700 31px/1 Arial,sans-serif;color:#111;letter-spacing:-1.7px;white-space:nowrap}
#pl26 .pl-docusign-wordmark>span{font-size:22px;vertical-align:top;color:#939ca5;margin-left:2px}
#pl26 .pl-clio-wordmark{display:flex;align-items:center;gap:7px;color:#1263ff;font:700 38px/1 Arial,sans-serif;letter-spacing:-1.6px;white-space:nowrap}
#pl26 .pl-clio-wordmark>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:4px solid currentColor;font-size:28px;line-height:1}
#pl26 .pl-clio-wordmark>span{font-size:23px;align-self:flex-start;margin-left:-4px}
#pl26 .pl-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#pl26 .pl-tools-section .pl-extra-support{margin-top:24px;max-width:1100px}
#pl26 .pl-benefit-section{padding-top:27px;padding-bottom:18px}
#pl26 .pl-scope-note{padding:8px 14px;background:#eaf5ff;border:1px solid #d9eaff;border-radius:20px;margin-top:18px;font-size:11px}
#pl26 .pl-pricing{padding-top:16px}
#pl26 .pl-faq-section h2{font-size:34px}
@media(max-width:1199px){#pl26 .pl-hero h1{font-size:41px}#pl26 .pl-workspace-copy h2{font-size:30px}#pl26 .pl-workspace-copy p{font-size:15px}#pl26 .pl-draft-paper{padding:13px 10px}#pl26 .pl-draft-paper h3{font-size:11px}#pl26 .pl-document-sidebar h3{font-size:10px}#pl26 .pl-version-panel li{font-size:6px;gap:4px;padding:5px 3px}#pl26 .pl-version-panel li>strong{font-size:7px}#pl26 .pl-version-panel .pl-icon{width:14px;height:14px;flex-basis:14px}#pl26 .pl-sign-panel li{font-size:8px;gap:5px}#pl26 .pl-tool-card{padding:20px 16px}#pl26 .pl-tool-brand{gap:12px}#pl26 .pl-tool-brand>strong{font-size:21px}#pl26 .pl-docusign-wordmark{font-size:27px}#pl26 .pl-clio-wordmark{font-size:33px}}
@media(max-width:991px){#pl26 .pl-hero h1{font-size:50px}#pl26 .pl-workspace-copy h2{font-size:34px}#pl26 .pl-workspace-copy p{max-width:590px;font-size:16px}#pl26 .pl-mini-flow{max-width:390px}#pl26 .pl-workspace-visual{max-width:630px}#pl26 .pl-draft-paper h3{font-size:14px}#pl26 .pl-document-sidebar h3{font-size:12px}#pl26 .pl-version-panel li{font-size:9px;gap:7px}#pl26 .pl-version-panel li>strong{font-size:10px}#pl26 .pl-version-panel .pl-icon{width:17px;height:17px;flex-basis:17px}#pl26 .pl-sign-panel li{font-size:10px;gap:8px}#pl26 .pl-tool-brand>strong{font-size:24px}#pl26 .pl-docusign-wordmark{font-size:34px}#pl26 .pl-clio-wordmark{font-size:39px}#pl26 .pl-tool-card{padding:24px}#pl26 .pl-faq-section h2{font-size:31px}}
@media(max-width:767px){#pl26 .pl-workspace-copy h2{font-size:30px}#pl26 .pl-draft-paper h3{font-size:12px}#pl26 .pl-document-sidebar h3{font-size:11px}#pl26 .pl-version-panel li{font-size:8px;gap:5px}#pl26 .pl-sign-panel li{font-size:9px}#pl26 .pl-tools-section{padding-top:4px}#pl26 .pl-tool-card{padding:22px 19px}#pl26 .pl-tool-brand{gap:15px}#pl26 .pl-tool-brand>strong{font-size:22px}#pl26 .pl-docusign-wordmark{font-size:30px}#pl26 .pl-clio-wordmark{font-size:36px}#pl26 .pl-scope-note{font-size:10px;border-radius:14px;text-align:left}}
@media(max-width:575px){#pl26 .pl-hero h1{font-size:31px;letter-spacing:-1px}#pl26 .pl-report-badges{width:151px;top:10px;right:9px;padding:6px}#pl26 .pl-report-badges>span{padding:5px;font-size:9px;gap:5px}#pl26 .pl-report-badges .pl-icon{width:18px;height:18px;flex-basis:18px}#pl26 .pl-workspace-copy h2{font-size:28px}#pl26 .pl-workspace-copy p{font-size:15px}#pl26 .pl-mini-flow{gap:15px;margin-top:20px;max-width:100%}#pl26 .pl-mini-flow li{font-size:11px;padding:9px 5px;gap:6px}#pl26 .pl-mini-flow .pl-icon{width:25px;height:25px;flex-basis:25px}#pl26 .pl-mini-flow li:not(:last-child):after{right:-14px;font-size:18px}#pl26 .pl-workspace-caption{font-size:9px;margin-top:19px}#pl26 .pl-workspace-visual{height:277px}#pl26 .pl-screen{min-height:210px;padding:7px}#pl26 .pl-draft-board{gap:6px;grid-template-columns:1.35fr 1fr}#pl26 .pl-draft-paper{padding:10px 7px;border-radius:7px}#pl26 .pl-draft-paper h3{font-size:8px;margin-bottom:11px;white-space:nowrap}#pl26 .pl-document-lines{gap:5px}#pl26 .pl-document-lines i{height:2px}#pl26 .pl-document-lines i.pl-redline:after,#pl26 .pl-document-lines i.pl-greenline:after{height:4px}#pl26 .pl-document-sidebar{gap:7px}#pl26 .pl-version-panel,#pl26 .pl-sign-panel{padding:8px 5px;border-radius:7px}#pl26 .pl-document-sidebar h3{font-size:8px;margin-bottom:7px}#pl26 .pl-version-panel li{font-size:5px;gap:3px;padding:4px 2px;border-radius:3px}#pl26 .pl-version-panel li>strong{font-size:6px}#pl26 .pl-version-panel .pl-icon{width:11px;height:11px;flex-basis:11px}#pl26 .pl-sign-panel li{font-size:6px;gap:4px}#pl26 .pl-sign-panel li>b{width:9px;height:9px;flex-basis:9px;font-size:7px;border-radius:2px}#pl26 .pl-sign-panel ul{gap:6px}#pl26 .pl-tool-card{padding:23px 24px}#pl26 .pl-tool-brand>strong{font-size:25px}#pl26 .pl-tool-card>p{font-size:15px}#pl26 .pl-docusign-wordmark{font-size:35px}#pl26 .pl-clio-wordmark{font-size:41px}#pl26 .pl-faq-section h2{font-size:29px}}
#pl26 .pl-hero h1 em{font-size:.86em}
/* Bookkeeping Services — Bootstrap 5 grid, page-specific styles only. */
#bk26{--bk-blue:#1455ff;--bk-ink:#0a1538;--bk-text:#354768;--bk-line:#deebfb;--bk-green:#0ab395;--bk-header-height:96px;background:#fff;color:var(--bk-ink);font:16px/1.5 Inter,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden}
#bk26,#bk26 *{box-sizing:border-box}#bk26 .container{max-width:1180px}#bk26 h1,#bk26 h2,#bk26 h3,#bk26 p{margin:0;padding:0;font-family:inherit;text-transform:none}#bk26 h1,#bk26 h2,#bk26 h3{color:var(--bk-ink)}#bk26 h1{font-size:clamp(35px,4.2vw,57px);font-weight:800;line-height:1.04;letter-spacing:-1.9px}#bk26 h2{font-size:clamp(26px,2.9vw,38px);line-height:1.16;letter-spacing:-1px;font-weight:800}#bk26 h3{font-size:18px;line-height:1.2;font-weight:750;letter-spacing:-.25px}#bk26 p{color:var(--bk-text)}#bk26 em{font-style:normal;color:var(--bk-blue)}#bk26 a{text-decoration:none}#bk26 ul{list-style:none;margin:0;padding:0}#bk26 .bk-icon{display:block;width:32px;height:32px;flex:0 0 32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--bk-blue)}#bk26 .bk-header-space{height:var(--bk-header-height);background:linear-gradient(120deg,#061a38,#0e2d58)}#bk26 .bk-section{padding:39px 0}#bk26 .bk-heading{text-align:center;margin-bottom:27px}#bk26 .bk-heading p{margin:8px auto 0;max-width:800px;font-size:15px}#bk26 .bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:11px 18px;border:1.5px solid var(--bk-blue);border-radius:10px;background:var(--bk-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}#bk26 .bk-btn:hover{background:#0745dd;color:white;transform:translateY(-2px);box-shadow:0 8px 18px #1455ff35}#bk26 .bk-outline{background:transparent;color:var(--bk-blue)}#bk26 .bk-outline:hover{color:white;background:var(--bk-blue)}#bk26 a:focus-visible,#bk26 summary:focus-visible{outline:3px solid #53bfff;outline-offset:4px}#bk26 .bk-hero{padding:18px 0 35px;background:radial-gradient(ellipse at 100% 0,#d8f0ff,transparent 60%),linear-gradient(115deg,#f3faff,#e9f4ff)}#bk26 .bk-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:21px;font-size:12px}#bk26 .bk-crumb a{color:#38578c}#bk26 .bk-crumb strong{color:var(--bk-blue)}#bk26 .bk-tag{display:inline-block;border-radius:22px;background:#e2ddff;color:#1648e9;font-size:11px;font-weight:800;letter-spacing:.3px;padding:5px 13px;margin-bottom:14px}#bk26 .bk-lead{font-size:16px;line-height:1.5;margin-top:15px;max-width:510px}#bk26 .bk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}#bk26 .bk-checks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;font-weight:600;margin-top:20px}#bk26 .bk-checks li:before{content:'✓';font-size:16px;color:var(--bk-blue);margin-right:6px;font-weight:800}#bk26 .bk-hero-media{position:relative;min-width:0;border-radius:27px;overflow:hidden;box-shadow:0 16px 34px #1a559f13}#bk26 .bk-hero-media>img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}#bk26 .bk-report-badges{position:absolute;right:16px;top:24px;padding:12px;background:#ffffffc9;border:1px solid #fff;border-radius:15px;backdrop-filter:blur(8px);width:200px;box-shadow:0 8px 18px #22467a10}#bk26 .bk-report-badges>span{display:flex;align-items:center;gap:12px;padding:10px 9px;background:linear-gradient(120deg,#fff,#e9f5ff);border-radius:8px;box-shadow:0 3px 8px #154f9c14;font-size:13px}#bk26 .bk-report-badges>span+span{margin-top:7px}#bk26 .bk-report-badges .bk-icon{color:var(--bk-green);width:27px;height:27px;flex-basis:27px}#bk26 .bk-report-badges>span:nth-child(2) .bk-icon{color:var(--bk-blue)}#bk26 .bk-image-caption{position:absolute;right:14px;bottom:15px;background:#fffffff0;border:1px solid #dfecff;border-radius:20px;padding:5px 12px;font-size:11px;color:#244478;box-shadow:0 5px 13px #23446a15}#bk26 .bk-card{display:flex;align-items:flex-start;gap:16px;min-width:0;height:100%;border:1px solid var(--bk-line);border-radius:17px;background:linear-gradient(140deg,#fff,#f1f7ff);padding:21px 19px;box-shadow:0 4px 0 #e9f2ff,0 9px 20px #28539b09;transition:transform .25s,border-color .25s,box-shadow .25s}#bk26 .bk-card:hover{transform:translateY(-4px);border-color:#a9c8ff;box-shadow:0 12px 26px #1455ff12}#bk26 .bk-card p{margin-top:7px;font-size:14px;line-height:1.4}#bk26 .bk-ico-box{display:grid;place-items:center;flex:0 0 54px;width:54px;height:59px;border-radius:15px;background:#e1efff}#bk26 .bk-green{background:#dff7f0}#bk26 .bk-green .bk-icon{color:var(--bk-green)}#bk26 .bk-purple{background:#ece6ff}#bk26 .bk-purple .bk-icon{color:#7244fb}#bk26 .bk-reports-section{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 39px;background:linear-gradient(120deg,#f6fbff,#d9eeff)}#bk26 .bk-reports-section:before,#bk26 .bk-reports-section:after{content:'';position:absolute;width:650px;height:200px;z-index:-1;border-radius:50%;background:#a2ceff35;transform:rotate(-15deg);right:-100px;top:60px}#bk26 .bk-reports-section:after{right:200px;top:100px;width:500px;background:#c1e2ff45}#bk26 .bk-report-heading{margin-bottom:22px}#bk26 .bk-report-heading p{font-size:16px;line-height:1.5;margin-top:9px}#bk26 .bk-illustration-note{display:block;width:fit-content;margin-left:auto;border:1px solid #cee5ff;border-radius:20px;background:#ffffffe8;box-shadow:0 5px 14px #1455ff15;padding:7px 15px;font-size:12px;color:#274d84}#bk26 .bk-report-card{height:100%;display:flex;flex-direction:column;padding:19px 16px 15px;background:linear-gradient(130deg,#fff,#f4faff);border:1px solid #dceaff;border-radius:19px;box-shadow:0 5px 0 #bad8ff66,0 11px 20px #1b5daf14}#bk26 .bk-report-card>h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:16px}#bk26 .bk-report-card>h3 .bk-icon{color:var(--bk-green)}#bk26 .col-md-4:nth-child(2) .bk-report-card>h3 .bk-icon{color:var(--bk-blue)}#bk26 .bk-chart{width:100%;height:128px;display:block}#bk26 .bk-report-legend{display:grid;gap:8px;margin:14px 8px 16px;font-size:12px}#bk26 .bk-report-legend li{display:flex;align-items:center;gap:9px}#bk26 .bk-report-legend b{width:12px;height:12px;background:#78e3c6;border-radius:2px}#bk26 .bk-report-legend li:nth-child(2) b{background:#4ea0ff}#bk26 .bk-report-legend li:nth-child(3) b{background:#5fceea}#bk26 .bk-report-legend i{width:77px;max-width:34%;height:7px;background:#d9e4f3;margin-left:auto;border-radius:6px}#bk26 .bk-report-footer{text-align:center;padding:10px 8px;margin-top:auto;background:linear-gradient(90deg,#d9f1fc,#dceaff);border-radius:12px;font-size:12px;line-height:1.3}#bk26 .bk-balance-chart{display:flex;gap:15px;align-items:center;height:128px}#bk26 .bk-balance-chart svg{width:128px;height:128px;flex:0 0 128px}#bk26 .bk-balance-chart ul{display:grid;gap:10px;font-size:12px}#bk26 .bk-balance-chart li{display:flex;align-items:center;gap:8px}#bk26 .bk-balance-chart b{display:block;width:12px;height:12px;border-radius:2px;background:#267aff}#bk26 .bk-balance-chart .bk-key-cyan{background:#65c3ff}#bk26 .bk-balance-chart .bk-key-green{background:#70e0c3}#bk26 .bk-placeholder-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;margin:18px 10px}#bk26 .bk-placeholder-lines i{height:7px;border-radius:5px;background:#d9e4f3}#bk26 .bk-process-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#0a64b8,transparent 40%),radial-gradient(ellipse at 100% 100%,#0759a6,transparent 45%),linear-gradient(110deg,#042452,#031c42);border-radius:28px;color:#fff;padding:29px 0 31px}#bk26 .bk-process-section .bk-heading{margin-bottom:26px}#bk26 .bk-process-section h2{color:#fff;font-size:35px}#bk26 .bk-process-section h2 em{color:#03d3f8}#bk26 .bk-process-card{position:relative;height:100%;background:linear-gradient(130deg,#fff,#e5f3ff);border:1px solid #ccedff;border-radius:18px;padding:18px 20px 21px;box-shadow:0 0 20px #37a0ff22}#bk26 .bk-process-card>div{display:flex;align-items:center;gap:18px;margin-bottom:12px}#bk26 .bk-process-card>div>span{background:#1455ff;color:#fff;border-radius:6px;font-size:12px;font-weight:700;line-height:1;padding:5px 8px}#bk26 .bk-process-card h3{font-size:21px}#bk26 .bk-process-card p{font-size:14px;line-height:1.35;margin-top:7px}#bk26 .bk-process-card:after{content:'→';position:absolute;right:-25px;top:42%;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c9ffff;border-radius:50%;background:#087dff;box-shadow:0 0 12px #4ae4ff;color:#fff;font-size:19px;line-height:1}#bk26 .bk-process-section .row>[class*='col-']:last-child .bk-process-card:after{display:none}#bk26 .bk-software-section{padding-top:25px;padding-bottom:20px;background:linear-gradient(#fff,#f5faff)}#bk26 .bk-software-card{height:100%;padding:19px;background:linear-gradient(135deg,#fff,#f1f8ff);border:1px solid var(--bk-line);border-radius:17px;box-shadow:0 4px 0 #e7f0ff}#bk26 .bk-software-card>div{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}#bk26 .bk-software-card img{display:block;width:43px;height:43px;object-fit:contain;flex:0 0 43px}#bk26 .bk-software-card h3{font-size:21px;letter-spacing:-.6px}#bk26 .bk-software-card p{font-size:14px;line-height:1.4}#bk26 .bk-support-label{display:inline-block;margin:18px 0 12px;padding:3px 16px;background:#e4e1ff;color:#1745e5;font-size:13px;font-weight:700;border-radius:20px}#bk26 .bk-support-card{display:flex;gap:17px;align-items:center;height:100%;padding:15px 20px;border:1px solid var(--bk-line);background:linear-gradient(135deg,#fff,#f1f7ff);border-radius:14px;box-shadow:0 4px 0 #eaf1ff}#bk26 .bk-support-card>img{width:38px;height:38px;flex:0 0 38px;object-fit:contain}#bk26 .bk-support-card h3{font-size:17px}#bk26 .bk-support-card p{font-size:13px;margin-top:4px}#bk26 .bk-tools-note{display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;margin:20px auto 0;padding:10px 15px;border-radius:20px;background:#e4efff;color:#264274;font-size:12px;line-height:1.5}#bk26 .bk-tools-note strong{color:#1744e9}#bk26 .bk-benefit-section{padding-top:20px;padding-bottom:23px}#bk26 .bk-benefit-section .bk-card{padding:17px 13px;gap:11px}#bk26 .bk-benefit-section .bk-ico-box{width:33px;height:34px;flex-basis:33px;border-radius:0;background:none}#bk26 .bk-benefit-section h3{font-size:15px}#bk26 .bk-benefit-section .bk-card p{font-size:12px;margin-top:6px}#bk26 .bk-benefit-strip{display:flex;align-items:center;background:linear-gradient(90deg,#dff6f0,#e7f5ff);border-radius:16px;padding:17px 6px;margin-top:22px}#bk26 .bk-benefit-strip li{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;padding:0 13px;font-size:12px;line-height:1.3}#bk26 .bk-benefit-strip li+li{border-left:1px solid #9dc1d3}#bk26 .bk-benefit-strip .bk-icon{color:#009f9d}#bk26 .bk-benefit-strip li:nth-child(2n+1) .bk-icon{color:#146dff}#bk26 .bk-pricing{padding-top:13px;padding-bottom:23px;background:radial-gradient(ellipse at 30% 0,#f1f8ff,transparent 60%)}#bk26 .bk-plan-row{padding-top:12px}#bk26 .bk-plan{height:100%;position:relative;display:flex;flex-direction:column;padding:24px 21px 20px;background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid var(--bk-line);border-radius:20px;box-shadow:0 5px 0 #e8f1ff,0 12px 23px #1d59a511;transition:transform .25s}#bk26 .bk-plan:hover{transform:translateY(-4px)}#bk26 .bk-featured{border:1.5px solid #567aff;box-shadow:0 10px 28px #1455ff20}#bk26 .bk-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#1455ff;color:#fff;padding:4px 18px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:20px}#bk26 .bk-plan-top{display:flex;align-items:center;gap:16px;margin-bottom:17px}#bk26 .bk-plan-top h3{font-size:27px;line-height:1.05;letter-spacing:-.5px}#bk26 .bk-plan-top p{font-size:12px;line-height:1.4;margin-top:5px}#bk26 .bk-plan ul{flex:1;margin:0 0 19px}#bk26 .bk-plan li{position:relative;padding-left:24px;margin-bottom:8px;font-size:13px;line-height:1.4}#bk26 .bk-plan li:before{position:absolute;left:0;content:'✓';color:#1455ff;font-weight:800}#bk26 .bk-plan .bk-btn{width:100%;min-height:38px;padding:8px 10px}#bk26 .bk-plan-note{text-align:center;font-size:12px;margin:19px 0 0}#bk26 .bk-faq-section{padding-top:15px;padding-bottom:25px}#bk26 .bk-faq-list{display:grid;gap:9px}#bk26 .bk-qa{border:1px solid var(--bk-line);border-radius:12px;background:#f8fbff;box-shadow:0 3px 0 #edf4fd}#bk26 .bk-qa summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:12px 17px;list-style:none;font-size:14px;font-weight:700;line-height:1.35}#bk26 .bk-qa summary::-webkit-details-marker{display:none}#bk26 .bk-qa summary>span{font-size:21px;color:#1455ff;line-height:1;transition:transform .25s}#bk26 .bk-qa[open] summary>span{transform:rotate(180deg)}#bk26 .bk-qa p{font-size:13px;line-height:1.45;padding:0 17px 14px}#bk26 .bk-dots{display:block;width:88px;height:60px;margin-top:18px;background:radial-gradient(#96baff 1.5px,transparent 2px);background-size:13px 13px}#bk26 .bk-cta-section{padding:0 0 30px}#bk26 .bk-cta{position:relative;isolation:isolate;overflow:hidden;padding:27px 24px 25px;border-radius:21px;text-align:center;color:#fff;background:linear-gradient(115deg,#20a2ff,#0752ff 55%,#1248fa)}#bk26 .bk-cta:before,#bk26 .bk-cta:after{content:'';position:absolute;z-index:-1;width:300px;height:200px;background:#ffffff13;border-radius:50%;left:-90px;bottom:-160px}#bk26 .bk-cta:after{left:auto;right:-80px;top:-150px;bottom:auto}#bk26 .bk-cta h2{font-size:31px;letter-spacing:-.7px;color:#fff}#bk26 .bk-cta p{font-size:15px;color:#edf5ff;margin:7px 0 16px}#bk26 .bk-white{background:#fff;color:#1455ff;border-color:#fff;min-width:170px;min-height:38px;padding:9px 18px}#bk26 .bk-white:hover{color:#1455ff;background:#eaf4ff}
@media(max-width:1199px){#bk26 h1{font-size:45px}#bk26 .bk-card{padding:19px 15px;gap:12px}#bk26 .bk-card h3{font-size:16px}#bk26 .bk-card p{font-size:13px}#bk26 .bk-ico-box{width:46px;height:50px;flex-basis:46px}#bk26 .bk-ico-box .bk-icon{width:29px;height:29px;flex-basis:29px}#bk26 .bk-report-badges{width:170px;right:12px;top:18px;padding:9px}#bk26 .bk-report-badges>span{font-size:11px;padding:8px 7px;gap:8px}#bk26 .bk-report-badges .bk-icon{width:23px;height:23px;flex-basis:23px}#bk26 .bk-software-card{padding:17px 13px}#bk26 .bk-software-card h3{font-size:18px}#bk26 .bk-software-card>div{gap:9px}#bk26 .bk-software-card img{width:36px;height:36px;flex-basis:36px}#bk26 .bk-process-card{padding:17px 15px}#bk26 .bk-process-card h3{font-size:18px}#bk26 .bk-process-card p{font-size:13px}#bk26 .bk-balance-chart{gap:9px}#bk26 .bk-balance-chart svg{width:107px;height:107px;flex-basis:107px}#bk26 .bk-balance-chart ul{font-size:11px}}
@media(max-width:991px){#bk26 h1{font-size:54px}#bk26 .bk-hero-copy{max-width:680px}#bk26 .bk-lead{max-width:650px}#bk26 .bk-hero-media{max-width:670px;margin:10px auto 0}#bk26 .bk-report-badges{width:200px;top:24px;right:18px;padding:12px}#bk26 .bk-report-badges>span{font-size:13px;padding:10px;gap:11px}#bk26 .bk-card h3{font-size:18px}#bk26 .bk-card p{font-size:14px}#bk26 .bk-illustration-note{margin-left:0}#bk26 .bk-report-card{padding:16px 12px}#bk26 .bk-report-card>h3{font-size:17px;gap:7px}#bk26 .bk-report-card>h3 .bk-icon{width:27px;height:27px;flex-basis:27px}#bk26 .bk-balance-chart{gap:6px}#bk26 .bk-balance-chart svg{width:83px;height:83px;flex-basis:83px}#bk26 .bk-balance-chart ul{font-size:10px;gap:8px}#bk26 .bk-balance-chart li{gap:5px}#bk26 .bk-report-legend{font-size:10px;margin-inline:3px}#bk26 .bk-report-footer{font-size:10px}#bk26 .bk-process-card:after{display:none}#bk26 .bk-process-card h3{font-size:22px}#bk26 .bk-process-card p{font-size:14px}#bk26 .bk-software-card h3{font-size:23px}#bk26 .bk-software-card p{font-size:15px}#bk26 .bk-support-card{padding:15px 12px;gap:10px}#bk26 .bk-support-card h3{font-size:15px}#bk26 .bk-support-card p{font-size:12px}#bk26 .bk-benefit-section h3{font-size:18px}#bk26 .bk-benefit-section .bk-card p{font-size:14px}#bk26 .bk-benefit-strip li{padding:0 9px;gap:9px;font-size:10px}#bk26 .bk-benefit-strip .bk-icon{width:27px;height:27px;flex-basis:27px}#bk26 .bk-plan-row{max-width:600px;margin-inline:auto}#bk26 .bk-plan-top h3{font-size:28px}#bk26 .bk-plan li{font-size:14px}#bk26 .bk-plan-top p{font-size:13px}#bk26 .bk-dots{display:none}#bk26 .bk-faq-section h2 br{display:none}}
@media(max-width:767px){#bk26 .container{padding-inline:20px}#bk26 .bk-section{padding:31px 0}#bk26 h2{font-size:29px}#bk26 .bk-heading{margin-bottom:24px}#bk26 .bk-reports-section{padding:30px 0}#bk26 .bk-report-card{max-width:450px;margin:auto;padding:20px}#bk26 .bk-report-card>h3{font-size:22px;margin-bottom:19px}#bk26 .bk-chart{height:150px}#bk26 .bk-report-legend{font-size:13px;margin:18px 8px}#bk26 .bk-report-legend i{width:95px}#bk26 .bk-report-footer{font-size:13px}#bk26 .bk-balance-chart{height:150px;gap:27px;justify-content:center}#bk26 .bk-balance-chart svg{width:145px;height:145px;flex-basis:145px}#bk26 .bk-balance-chart ul{font-size:14px;gap:12px}#bk26 .bk-report-heading p{font-size:15px}#bk26 .bk-placeholder-lines{gap:14px 32px;margin:24px 12px}#bk26 .bk-process-section h2{font-size:30px}#bk26 .bk-tools-note{align-items:flex-start;text-align:left;font-size:12px;border-radius:14px}#bk26 .bk-benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:21px 0;padding:18px 6px}#bk26 .bk-benefit-strip li{font-size:12px;justify-content:flex-start;padding:0 15px;gap:12px}#bk26 .bk-benefit-strip li:nth-child(3){border-left:0}#bk26 .bk-benefit-section{padding-top:10px}#bk26 .bk-pricing{padding-top:10px}#bk26 .bk-plan-row{margin-inline:-12px}#bk26 .bk-plan-note{font-size:11px}#bk26 .bk-faq-section{padding-top:10px}#bk26 .bk-cta h2{font-size:28px}}
@media(max-width:575px){#bk26 h1{font-size:39px;letter-spacing:-1.35px}#bk26 .bk-hero{padding-top:15px;padding-bottom:27px}#bk26 .bk-crumb{font-size:11px;gap:8px;margin-bottom:20px}#bk26 .bk-tag{font-size:10px}#bk26 .bk-lead{font-size:15px;line-height:1.55}#bk26 .bk-actions{flex-direction:column;gap:10px}#bk26 .bk-checks{font-size:10px;gap:9px 12px}#bk26 .bk-hero-media{border-radius:20px}#bk26 .bk-report-badges{top:13px;right:10px;width:145px;padding:7px;border-radius:11px}#bk26 .bk-report-badges>span{font-size:10px;padding:7px 5px;gap:6px}#bk26 .bk-report-badges .bk-icon{width:20px;height:20px;flex-basis:20px}#bk26 .bk-image-caption{font-size:9px;right:10px;bottom:10px;padding:4px 9px}#bk26 .bk-card{padding:20px 17px;gap:16px}#bk26 .bk-ico-box{width:50px;height:54px;flex-basis:50px}#bk26 .bk-heading p{font-size:13px}#bk26 .bk-process-section{border-radius:20px;padding:26px 0}#bk26 .bk-process-card{padding:20px}#bk26 .bk-process-card>div{gap:20px}#bk26 .bk-software-card{padding:19px}#bk26 .bk-software-card>div{gap:15px;margin-bottom:10px}#bk26 .bk-software-card img{width:44px;height:44px;flex-basis:44px}#bk26 .bk-support-card{padding:17px 20px;gap:17px}#bk26 .bk-support-card h3{font-size:19px}#bk26 .bk-support-card p{font-size:14px}#bk26 .bk-benefit-section .bk-card{padding:19px 17px;gap:15px}#bk26 .bk-benefit-strip li{font-size:10px;padding:0 10px;gap:8px}#bk26 .bk-benefit-strip .bk-icon{width:25px;height:25px;flex-basis:25px}#bk26 .bk-qa summary{font-size:13px;padding:13px}#bk26 .bk-qa p{font-size:12px;padding:0 13px 13px}#bk26 .bk-cta{padding:25px 18px;border-radius:18px}#bk26 .bk-cta h2{font-size:25px}#bk26 .bk-cta p{font-size:13px}#bk26 .bk-report-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){#bk26 *,#bk26 *:before,#bk26 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#bk26 .bk-info{display:inline-grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font:700 10px/1 Arial,sans-serif;vertical-align:middle;color:#1455ff}

/* Bookkeeping page dashboard, workflow and software groups. */
#bk26 .bk-hero h1{font-size:clamp(34px,3.45vw,48px);letter-spacing:-1.6px;line-height:1.08}
#bk26 .bk-financial-dashboard{position:absolute;right:14px;top:22px;width:213px;padding:12px;background:#ffffffd9;border:1px solid #fff;border-radius:15px;backdrop-filter:blur(8px);box-shadow:0 7px 18px #204b7a12}
#bk26 .bk-financial-dashboard>h3{font-size:13px;margin-bottom:10px;letter-spacing:-.15px}
#bk26 .bk-financial-dashboard>div{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:10px}
#bk26 .bk-financial-dashboard strong{font-size:10px;flex:1;white-space:nowrap}
#bk26 .bk-financial-dashboard small{display:flex;gap:4px;align-items:center;padding:4px;background:#e2f7ed;border-radius:5px;font-size:7px;color:#26654b;white-space:nowrap}
#bk26 .bk-financial-dashboard small>b{display:grid;place-items:center;border-radius:50%;background:#10b876;color:#fff;font-size:8px;width:11px;height:11px;line-height:1}
#bk26 .bk-mini-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#e0efff;flex:0 0 24px}
#bk26 .bk-mini-icon .bk-icon{width:17px;height:17px;flex-basis:17px}
#bk26 .bk-mini-pink{background:#ffe2f3}#bk26 .bk-mini-pink .bk-icon{color:#d34b9c}
#bk26 .bk-mini-orange{background:#fff0dd}#bk26 .bk-mini-orange .bk-icon{color:#ff8a35}
#bk26 .bk-mini-purple{background:#ede6ff}#bk26 .bk-mini-purple .bk-icon{color:#7f4ef0}
#bk26 .bk-cyan{background:#ddf8fb}#bk26 .bk-cyan .bk-icon{color:#05afd1}
#bk26 .bk-workflow-section{padding:0 0 27px}
#bk26 .bk-workflow-panel{position:relative;isolation:isolate;overflow:hidden;padding:27px 27px 25px;border-radius:26px;background:radial-gradient(ellipse at 90% 80%,#c9e4ff,transparent 60%),linear-gradient(120deg,#f5fbff,#dfedff)}
#bk26 .bk-workflow-copy h2{font-size:33px;line-height:1.14}
#bk26 .bk-workflow-copy p{font-size:16px;line-height:1.5;max-width:360px;margin-top:12px}
#bk26 .bk-workflow-copy ul{display:grid;gap:12px;margin-top:21px;font-size:14px;line-height:1.4}
#bk26 .bk-workflow-copy li{position:relative;padding-left:25px}
#bk26 .bk-workflow-copy li:before{content:'✓';color:var(--bk-blue);position:absolute;left:0;top:-1px;font-weight:800;font-size:19px}
#bk26 .bk-workflow-art{position:relative;min-width:0;height:300px;padding-top:44px}
#bk26 .bk-workflow-caption{position:absolute;right:0;top:0;padding:5px 11px;background:#ffffffed;border:1px solid #d3e6ff;border-radius:19px;font-size:10px;color:#2e4a7d;box-shadow:0 4px 12px #1455ff12}
#bk26 .bk-workflow-browser{position:absolute;inset:23px 24px 0 16px;border-radius:18px;border:2px solid #d2e7ff;background:linear-gradient(140deg,#fff9,#b4d4ff88);box-shadow:0 12px 23px #175ac433}
#bk26 .bk-browser-bar{display:flex;align-items:center;gap:6px;height:28px;padding-left:14px;background:#ffffffd9;border-radius:16px 16px 0 0}
#bk26 .bk-browser-bar i{display:block;width:7px;height:7px;background:#ff645d;border-radius:50%}
#bk26 .bk-browser-bar i:nth-child(2){background:#ffc23e}#bk26 .bk-browser-bar i:nth-child(3){background:#16b994}
#bk26 .bk-workflow-columns{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.35fr 1fr;gap:16px;align-items:stretch;padding-top:13px}
#bk26 .bk-workflow-columns>div{position:relative;background:linear-gradient(140deg,#fff,#eef6ff);border:1px solid #d3e5ff;border-radius:13px;box-shadow:0 8px 18px #1455ff1c;min-height:211px;padding:12px 9px}
#bk26 .bk-workflow-columns>div:not(:last-child):after{position:absolute;right:-16px;top:45%;z-index:2;display:grid;place-items:center;content:'→';width:20px;height:20px;background:#087bff;color:#fff;border:1px solid #cbfaff;border-radius:50%;box-shadow:0 0 10px #33b6ff;font-size:17px;line-height:1}
#bk26 .bk-workflow-columns h3{font-size:12px;letter-spacing:-.25px;margin-bottom:14px;white-space:nowrap}
#bk26 .bk-paper{width:75%;padding:11px 8px 8px;min-height:134px;background:#fff;border:1px solid #e7edf6;box-shadow:0 4px 10px #24539922;transform:rotate(-3deg);margin:0 auto}
#bk26 .bk-paper strong{display:block;text-align:center;font-size:8px;margin-bottom:11px}
#bk26 .bk-paper i{display:block;height:3px;border-radius:3px;background:#c8d7ed;margin:7px 0}
#bk26 .bk-paper i:nth-child(2n){width:70%}#bk26 .bk-paper>span{display:block;border-top:1px dashed #c9d9ef;height:13px;margin-top:12px}
#bk26 .bk-camera{position:absolute;left:calc(50% - 20px);bottom:10px;width:40px;height:28px;display:grid;place-items:center;border-radius:5px;background:#15a2ff;box-shadow:0 3px 7px #0b83e944}
#bk26 .bk-camera .bk-icon{width:20px;height:20px;flex-basis:20px;color:white}
#bk26 .bk-ledger-panel ul{display:grid;gap:9px}
#bk26 .bk-ledger-panel li{display:flex;gap:7px;align-items:center;background:#e7f0ff77;padding:5px 4px;border-radius:5px;font-size:10px}
#bk26 .bk-ledger-panel li>.bk-icon{width:17px;height:17px;flex-basis:17px;color:#0fa477}
#bk26 .bk-ledger-panel li:nth-child(2)>.bk-icon{color:#a551c9}#bk26 .bk-ledger-panel li:nth-child(3)>.bk-icon{color:#ff9440}#bk26 .bk-ledger-panel li:nth-child(4)>.bk-icon{color:#794de0}
#bk26 .bk-ledger-panel li>b{height:6px;flex:1;max-width:45px;background:#d2e1f4;border-radius:5px;margin-left:auto}
#bk26 .bk-bank-art{display:flex;gap:8px;align-items:center;background:#e6f0ff;padding:7px 5px;border-radius:7px}
#bk26 .bk-bank-art>.bk-icon{width:25px;height:25px;flex-basis:25px}#bk26 .bk-bank-art>span{flex:1}
#bk26 .bk-bank-art i{display:block;height:4px;background:#c5d7ee;border-radius:3px;margin:5px 0}#bk26 .bk-bank-art i:last-child{width:70%}
#bk26 .bk-reconcile-panel ul{display:grid;gap:11px;margin-top:16px}
#bk26 .bk-reconcile-panel li{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:4px}
#bk26 .bk-reconcile-panel li>b{display:grid;place-items:center;width:13px;height:13px;background:#10b779;color:white;border-radius:50%;font-size:10px;line-height:1;flex:0 0 13px}
#bk26 .bk-software-section{padding-top:25px;padding-bottom:20px}
#bk26 .bk-primary-label{margin-top:-10px}
#bk26 .bk-software-card h3{font-size:21px}
#bk26 .bk-freshbooks-mark{display:grid;place-items:center;flex:0 0 35px;width:35px;height:39px;color:#fff;background:linear-gradient(125deg,#1488f8,#035ac8);border-radius:5px;font-size:30px;font-family:Arial,sans-serif;font-weight:800;line-height:1}
#bk26 .bk-wave-mark{display:flex;gap:3px;align-items:flex-end;transform:skew(-18deg);width:40px;height:39px;flex:0 0 40px}
#bk26 .bk-wave-mark i{display:block;width:10px;height:23px;border-radius:8px;background:#168cf0}#bk26 .bk-wave-mark i:nth-child(2){height:32px;background:#51bafa}#bk26 .bk-wave-mark i:nth-child(3){height:38px;background:#258fe6}
#bk26 .bk-additional-card{height:100%;padding:16px 13px;background:linear-gradient(140deg,#fff,#f2f8ff);border:1px solid var(--bk-line);border-radius:15px;box-shadow:0 4px 0 #e7f0ff;text-align:center}
#bk26 .bk-additional-card>div{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;margin-bottom:10px}
#bk26 .bk-additional-card img{width:35px;height:35px;object-fit:contain}
#bk26 .bk-additional-card h3{font-size:19px;line-height:1.1;letter-spacing:-.6px}
#bk26 .bk-additional-card p{font-size:12px;line-height:1.4;text-align:left}
#bk26 .bk-wordmark-tally{font-family:Georgia,serif;font-size:32px!important;font-style:italic;text-decoration:underline;text-decoration-color:#bd352e;text-decoration-thickness:2px;text-underline-offset:5px}
#bk26 .bk-wordmark-odoo{font-size:31px!important;font-weight:600;letter-spacing:-1.2px!important;color:#8d6586}
#bk26 .bk-wordmark-dext{font-size:31px!important;font-weight:800;color:#ff6724;letter-spacing:-1.5px!important}
#bk26 .bk-benefit-section{padding-top:20px}
#bk26 .bk-plan-row>div:first-child .bk-plan-top .bk-icon{color:#0eb58e}
#bk26 .bk-faq-section h2{font-size:34px}
@media(min-width:992px){#bk26 .bk-additional-col{flex:0 0 auto;width:20%}}
@media(max-width:1199px){#bk26 .bk-hero h1{font-size:41px}#bk26 .bk-workflow-copy h2{font-size:29px}#bk26 .bk-workflow-copy p{font-size:15px}#bk26 .bk-workflow-copy ul{font-size:13px}#bk26 .bk-workflow-columns{gap:12px}#bk26 .bk-workflow-columns>div{padding:12px 7px}#bk26 .bk-workflow-columns h3{font-size:10px}#bk26 .bk-workflow-columns>div:not(:last-child):after{right:-14px;width:18px;height:18px;font-size:15px}#bk26 .bk-ledger-panel li{font-size:8px;gap:4px}#bk26 .bk-reconcile-panel li{font-size:8px}#bk26 .bk-software-card h3{font-size:18px}#bk26 .bk-additional-card h3{font-size:16px}#bk26 .bk-additional-card img{width:29px;height:29px}#bk26 .bk-financial-dashboard{width:190px;right:11px;top:17px;padding:10px}}
@media(max-width:991px){#bk26 .bk-hero h1{font-size:50px}#bk26 .bk-financial-dashboard{width:213px;right:18px;top:24px;padding:12px}#bk26 .bk-workflow-copy h2{font-size:34px}#bk26 .bk-workflow-copy h2 br{display:none}#bk26 .bk-workflow-copy p{max-width:570px;font-size:16px}#bk26 .bk-workflow-copy ul{font-size:14px}#bk26 .bk-workflow-art{width:100%;max-width:610px;margin:0 auto}#bk26 .bk-workflow-columns h3{font-size:12px}#bk26 .bk-ledger-panel li{font-size:11px}#bk26 .bk-reconcile-panel li{font-size:10px}#bk26 .bk-software-card h3{font-size:23px}#bk26 .bk-faq-section h2 br{display:block}#bk26 .bk-faq-section h2{font-size:31px}}
@media(max-width:767px){#bk26 .bk-workflow-panel{padding:24px 20px}#bk26 .bk-workflow-copy h2{font-size:30px}#bk26 .bk-workflow-art{max-width:530px}#bk26 .bk-workflow-columns{gap:12px}#bk26 .bk-workflow-columns h3{font-size:11px}#bk26 .bk-ledger-panel li{font-size:10px}#bk26 .bk-reconcile-panel li{font-size:9px}#bk26 .bk-additional-card{padding:18px}#bk26 .bk-additional-card h3{font-size:22px}#bk26 .bk-additional-card p{font-size:14px}#bk26 .bk-additional-card>div{gap:14px;margin-bottom:12px}#bk26 .bk-additional-card img{width:40px;height:40px}}
@media(max-width:575px){#bk26 .bk-hero h1{font-size:31px;letter-spacing:-1px}#bk26 .bk-financial-dashboard{width:162px;right:10px;top:12px;padding:8px;border-radius:11px}#bk26 .bk-financial-dashboard>h3{font-size:10px;margin-bottom:8px}#bk26 .bk-financial-dashboard>div{gap:5px;margin-top:5px}#bk26 .bk-financial-dashboard strong{font-size:8px}#bk26 .bk-financial-dashboard small{font-size:5px;padding:3px;gap:3px}#bk26 .bk-financial-dashboard small>b{font-size:7px;width:9px;height:9px}#bk26 .bk-mini-icon{width:19px;height:19px;flex-basis:19px;border-radius:4px}#bk26 .bk-mini-icon .bk-icon{width:14px;height:14px;flex-basis:14px}#bk26 .bk-workflow-panel{padding:23px 14px;border-radius:21px}#bk26 .bk-workflow-copy h2{font-size:28px}#bk26 .bk-workflow-copy p{font-size:15px}#bk26 .bk-workflow-copy ul{font-size:13px;gap:11px}#bk26 .bk-workflow-art{height:267px;padding-top:45px}#bk26 .bk-workflow-browser{inset:26px 7px 0 5px;border-radius:14px}#bk26 .bk-workflow-caption{font-size:8px;padding:4px 8px}#bk26 .bk-workflow-columns{grid-template-columns:.9fr 1.25fr 1fr;gap:9px;padding-top:12px}#bk26 .bk-workflow-columns>div{min-height:185px;padding:10px 5px;border-radius:9px}#bk26 .bk-workflow-columns h3{font-size:8px;letter-spacing:-.2px;margin-bottom:12px}#bk26 .bk-workflow-columns>div:not(:last-child):after{right:-11px;width:15px;height:15px;font-size:12px}#bk26 .bk-paper{width:84%;padding:10px 6px;min-height:117px}#bk26 .bk-paper strong{font-size:6px}#bk26 .bk-paper i{height:2px;margin:6px 0}#bk26 .bk-camera{width:30px;height:22px;left:calc(50% - 15px);bottom:9px}#bk26 .bk-camera .bk-icon{width:16px;height:16px;flex-basis:16px}#bk26 .bk-ledger-panel ul{gap:7px}#bk26 .bk-ledger-panel li{font-size:7px;gap:3px;padding:5px 3px}#bk26 .bk-ledger-panel li>.bk-icon{width:13px;height:13px;flex-basis:13px}#bk26 .bk-ledger-panel li>b{height:4px;max-width:20px}#bk26 .bk-bank-art{padding:6px 3px;gap:4px}#bk26 .bk-bank-art>.bk-icon{width:21px;height:21px;flex-basis:21px}#bk26 .bk-bank-art i{height:3px;margin:4px 0}#bk26 .bk-reconcile-panel ul{margin-top:16px;gap:11px}#bk26 .bk-reconcile-panel li{font-size:6.5px;gap:3px}#bk26 .bk-reconcile-panel li>b{width:10px;height:10px;flex-basis:10px;font-size:7px}#bk26 .bk-faq-section h2{font-size:29px}}

@media(min-width:1200px){#bk26 .bk-hero h1{font-size:44px}}
/* Payroll and HR Services — Bootstrap 5 grid, page-specific styles only. */
#ph26{--ph-blue:#1455ff;--ph-ink:#0a1538;--ph-text:#354768;--ph-line:#deebfb;--ph-green:#0ab395;--ph-header-height:96px;background:#fff;color:var(--ph-ink);font:16px/1.5 Inter,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden}
#ph26,#ph26 *{box-sizing:border-box}#ph26 .container{max-width:1180px}#ph26 h1,#ph26 h2,#ph26 h3,#ph26 p{margin:0;padding:0;font-family:inherit;text-transform:none}#ph26 h1,#ph26 h2,#ph26 h3{color:var(--ph-ink)}#ph26 h1{font-size:clamp(35px,4.2vw,57px);font-weight:800;line-height:1.04;letter-spacing:-1.9px}#ph26 h2{font-size:clamp(26px,2.9vw,38px);line-height:1.16;letter-spacing:-1px;font-weight:800}#ph26 h3{font-size:18px;line-height:1.2;font-weight:750;letter-spacing:-.25px}#ph26 p{color:var(--ph-text)}#ph26 em{font-style:normal;color:var(--ph-blue)}#ph26 a{text-decoration:none}#ph26 ul{list-style:none;margin:0;padding:0}#ph26 .ph-icon{display:block;width:32px;height:32px;flex:0 0 32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--ph-blue)}#ph26 .ph-header-space{height:var(--ph-header-height);background:linear-gradient(120deg,#061a38,#0e2d58)}#ph26 .ph-section{padding:39px 0}#ph26 .ph-heading{text-align:center;margin-bottom:27px}#ph26 .ph-heading p{margin:8px auto 0;max-width:800px;font-size:15px}#ph26 .ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:11px 18px;border:1.5px solid var(--ph-blue);border-radius:10px;background:var(--ph-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}#ph26 .ph-btn:hover{background:#0745dd;color:white;transform:translateY(-2px);box-shadow:0 8px 18px #1455ff35}#ph26 .ph-outline{background:transparent;color:var(--ph-blue)}#ph26 .ph-outline:hover{color:white;background:var(--ph-blue)}#ph26 a:focus-visible,#ph26 summary:focus-visible{outline:3px solid #53bfff;outline-offset:4px}#ph26 .ph-hero{padding:18px 0 35px;background:radial-gradient(ellipse at 100% 0,#d8f0ff,transparent 60%),linear-gradient(115deg,#f3faff,#e9f4ff)}#ph26 .ph-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:21px;font-size:12px}#ph26 .ph-crumb a{color:#38578c}#ph26 .ph-crumb strong{color:var(--ph-blue)}#ph26 .ph-tag{display:inline-block;border-radius:22px;background:#e2ddff;color:#1648e9;font-size:11px;font-weight:800;letter-spacing:.3px;padding:5px 13px;margin-bottom:14px}#ph26 .ph-lead{font-size:16px;line-height:1.5;margin-top:15px;max-width:510px}#ph26 .ph-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}#ph26 .ph-checks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;font-weight:600;margin-top:20px}#ph26 .ph-checks li:before{content:'✓';font-size:16px;color:var(--ph-blue);margin-right:6px;font-weight:800}#ph26 .ph-hero-media{position:relative;min-width:0;border-radius:27px;overflow:hidden;box-shadow:0 16px 34px #1a559f13}#ph26 .ph-hero-media>img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}#ph26 .ph-report-badges{position:absolute;right:16px;top:24px;padding:12px;background:#ffffffc9;border:1px solid #fff;border-radius:15px;backdrop-filter:blur(8px);width:200px;box-shadow:0 8px 18px #22467a10}#ph26 .ph-report-badges>span{display:flex;align-items:center;gap:12px;padding:10px 9px;background:linear-gradient(120deg,#fff,#e9f5ff);border-radius:8px;box-shadow:0 3px 8px #154f9c14;font-size:13px}#ph26 .ph-report-badges>span+span{margin-top:7px}#ph26 .ph-report-badges .ph-icon{color:var(--ph-green);width:27px;height:27px;flex-basis:27px}#ph26 .ph-report-badges>span:nth-child(2) .ph-icon{color:var(--ph-blue)}#ph26 .ph-image-caption{position:absolute;right:14px;bottom:15px;background:#fffffff0;border:1px solid #dfecff;border-radius:20px;padding:5px 12px;font-size:11px;color:#244478;box-shadow:0 5px 13px #23446a15}#ph26 .ph-card{display:flex;align-items:flex-start;gap:16px;min-width:0;height:100%;border:1px solid var(--ph-line);border-radius:17px;background:linear-gradient(140deg,#fff,#f1f7ff);padding:21px 19px;box-shadow:0 4px 0 #e9f2ff,0 9px 20px #28539b09;transition:transform .25s,border-color .25s,box-shadow .25s}#ph26 .ph-card:hover{transform:translateY(-4px);border-color:#a9c8ff;box-shadow:0 12px 26px #1455ff12}#ph26 .ph-card p{margin-top:7px;font-size:14px;line-height:1.4}#ph26 .ph-ico-box{display:grid;place-items:center;flex:0 0 54px;width:54px;height:59px;border-radius:15px;background:#e1efff}#ph26 .ph-green{background:#dff7f0}#ph26 .ph-green .ph-icon{color:var(--ph-green)}#ph26 .ph-purple{background:#ece6ff}#ph26 .ph-purple .ph-icon{color:#7244fb}#ph26 .ph-reports-section{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 39px;background:linear-gradient(120deg,#f6fbff,#d9eeff)}#ph26 .ph-reports-section:before,#ph26 .ph-reports-section:after{content:'';position:absolute;width:650px;height:200px;z-index:-1;border-radius:50%;background:#a2ceff35;transform:rotate(-15deg);right:-100px;top:60px}#ph26 .ph-reports-section:after{right:200px;top:100px;width:500px;background:#c1e2ff45}#ph26 .ph-report-heading{margin-bottom:22px}#ph26 .ph-report-heading p{font-size:16px;line-height:1.5;margin-top:9px}#ph26 .ph-illustration-note{display:block;width:fit-content;margin-left:auto;border:1px solid #cee5ff;border-radius:20px;background:#ffffffe8;box-shadow:0 5px 14px #1455ff15;padding:7px 15px;font-size:12px;color:#274d84}#ph26 .ph-report-card{height:100%;display:flex;flex-direction:column;padding:19px 16px 15px;background:linear-gradient(130deg,#fff,#f4faff);border:1px solid #dceaff;border-radius:19px;box-shadow:0 5px 0 #bad8ff66,0 11px 20px #1b5daf14}#ph26 .ph-report-card>h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:16px}#ph26 .ph-report-card>h3 .ph-icon{color:var(--ph-green)}#ph26 .col-md-4:nth-child(2) .ph-report-card>h3 .ph-icon{color:var(--ph-blue)}#ph26 .ph-chart{width:100%;height:128px;display:block}#ph26 .ph-report-legend{display:grid;gap:8px;margin:14px 8px 16px;font-size:12px}#ph26 .ph-report-legend li{display:flex;align-items:center;gap:9px}#ph26 .ph-report-legend b{width:12px;height:12px;background:#78e3c6;border-radius:2px}#ph26 .ph-report-legend li:nth-child(2) b{background:#4ea0ff}#ph26 .ph-report-legend li:nth-child(3) b{background:#5fceea}#ph26 .ph-report-legend i{width:77px;max-width:34%;height:7px;background:#d9e4f3;margin-left:auto;border-radius:6px}#ph26 .ph-report-footer{text-align:center;padding:10px 8px;margin-top:auto;background:linear-gradient(90deg,#d9f1fc,#dceaff);border-radius:12px;font-size:12px;line-height:1.3}#ph26 .ph-balance-chart{display:flex;gap:15px;align-items:center;height:128px}#ph26 .ph-balance-chart svg{width:128px;height:128px;flex:0 0 128px}#ph26 .ph-balance-chart ul{display:grid;gap:10px;font-size:12px}#ph26 .ph-balance-chart li{display:flex;align-items:center;gap:8px}#ph26 .ph-balance-chart b{display:block;width:12px;height:12px;border-radius:2px;background:#267aff}#ph26 .ph-balance-chart .ph-key-cyan{background:#65c3ff}#ph26 .ph-balance-chart .ph-key-green{background:#70e0c3}#ph26 .ph-placeholder-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;margin:18px 10px}#ph26 .ph-placeholder-lines i{height:7px;border-radius:5px;background:#d9e4f3}#ph26 .ph-process-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#0a64b8,transparent 40%),radial-gradient(ellipse at 100% 100%,#0759a6,transparent 45%),linear-gradient(110deg,#042452,#031c42);border-radius:28px;color:#fff;padding:29px 0 31px}#ph26 .ph-process-section .ph-heading{margin-bottom:26px}#ph26 .ph-process-section h2{color:#fff;font-size:35px}#ph26 .ph-process-section h2 em{color:#03d3f8}#ph26 .ph-process-card{position:relative;height:100%;background:linear-gradient(130deg,#fff,#e5f3ff);border:1px solid #ccedff;border-radius:18px;padding:18px 20px 21px;box-shadow:0 0 20px #37a0ff22}#ph26 .ph-process-card>div{display:flex;align-items:center;gap:18px;margin-bottom:12px}#ph26 .ph-process-card>div>span{background:#1455ff;color:#fff;border-radius:6px;font-size:12px;font-weight:700;line-height:1;padding:5px 8px}#ph26 .ph-process-card h3{font-size:21px}#ph26 .ph-process-card p{font-size:14px;line-height:1.35;margin-top:7px}#ph26 .ph-process-card:after{content:'→';position:absolute;right:-25px;top:42%;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c9ffff;border-radius:50%;background:#087dff;box-shadow:0 0 12px #4ae4ff;color:#fff;font-size:19px;line-height:1}#ph26 .ph-process-section .row>[class*='col-']:last-child .ph-process-card:after{display:none}#ph26 .ph-software-section{padding-top:25px;padding-bottom:20px;background:linear-gradient(#fff,#f5faff)}#ph26 .ph-software-card{height:100%;padding:19px;background:linear-gradient(135deg,#fff,#f1f8ff);border:1px solid var(--ph-line);border-radius:17px;box-shadow:0 4px 0 #e7f0ff}#ph26 .ph-software-card>div{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}#ph26 .ph-software-card img{display:block;width:43px;height:43px;object-fit:contain;flex:0 0 43px}#ph26 .ph-software-card h3{font-size:21px;letter-spacing:-.6px}#ph26 .ph-software-card p{font-size:14px;line-height:1.4}#ph26 .ph-support-label{display:inline-block;margin:18px 0 12px;padding:3px 16px;background:#e4e1ff;color:#1745e5;font-size:13px;font-weight:700;border-radius:20px}#ph26 .ph-support-card{display:flex;gap:17px;align-items:center;height:100%;padding:15px 20px;border:1px solid var(--ph-line);background:linear-gradient(135deg,#fff,#f1f7ff);border-radius:14px;box-shadow:0 4px 0 #eaf1ff}#ph26 .ph-support-card>img{width:38px;height:38px;flex:0 0 38px;object-fit:contain}#ph26 .ph-support-card h3{font-size:17px}#ph26 .ph-support-card p{font-size:13px;margin-top:4px}#ph26 .ph-tools-note{display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;margin:20px auto 0;padding:10px 15px;border-radius:20px;background:#e4efff;color:#264274;font-size:12px;line-height:1.5}#ph26 .ph-tools-note strong{color:#1744e9}#ph26 .ph-benefit-section{padding-top:20px;padding-bottom:23px}#ph26 .ph-benefit-section .ph-card{padding:17px 13px;gap:11px}#ph26 .ph-benefit-section .ph-ico-box{width:33px;height:34px;flex-basis:33px;border-radius:0;background:none}#ph26 .ph-benefit-section h3{font-size:15px}#ph26 .ph-benefit-section .ph-card p{font-size:12px;margin-top:6px}#ph26 .ph-benefit-strip{display:flex;align-items:center;background:linear-gradient(90deg,#dff6f0,#e7f5ff);border-radius:16px;padding:17px 6px;margin-top:22px}#ph26 .ph-benefit-strip li{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;padding:0 13px;font-size:12px;line-height:1.3}#ph26 .ph-benefit-strip li+li{border-left:1px solid #9dc1d3}#ph26 .ph-benefit-strip .ph-icon{color:#009f9d}#ph26 .ph-benefit-strip li:nth-child(2n+1) .ph-icon{color:#146dff}#ph26 .ph-pricing{padding-top:13px;padding-bottom:23px;background:radial-gradient(ellipse at 30% 0,#f1f8ff,transparent 60%)}#ph26 .ph-plan-row{padding-top:12px}#ph26 .ph-plan{height:100%;position:relative;display:flex;flex-direction:column;padding:24px 21px 20px;background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid var(--ph-line);border-radius:20px;box-shadow:0 5px 0 #e8f1ff,0 12px 23px #1d59a511;transition:transform .25s}#ph26 .ph-plan:hover{transform:translateY(-4px)}#ph26 .ph-featured{border:1.5px solid #567aff;box-shadow:0 10px 28px #1455ff20}#ph26 .ph-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#1455ff;color:#fff;padding:4px 18px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:20px}#ph26 .ph-plan-top{display:flex;align-items:center;gap:16px;margin-bottom:17px}#ph26 .ph-plan-top h3{font-size:27px;line-height:1.05;letter-spacing:-.5px}#ph26 .ph-plan-top p{font-size:12px;line-height:1.4;margin-top:5px}#ph26 .ph-plan ul{flex:1;margin:0 0 19px}#ph26 .ph-plan li{position:relative;padding-left:24px;margin-bottom:8px;font-size:13px;line-height:1.4}#ph26 .ph-plan li:before{position:absolute;left:0;content:'✓';color:#1455ff;font-weight:800}#ph26 .ph-plan .ph-btn{width:100%;min-height:38px;padding:8px 10px}#ph26 .ph-plan-note{text-align:center;font-size:12px;margin:19px 0 0}#ph26 .ph-faq-section{padding-top:15px;padding-bottom:25px}#ph26 .ph-faq-list{display:grid;gap:9px}#ph26 .ph-qa{border:1px solid var(--ph-line);border-radius:12px;background:#f8fbff;box-shadow:0 3px 0 #edf4fd}#ph26 .ph-qa summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:12px 17px;list-style:none;font-size:14px;font-weight:700;line-height:1.35}#ph26 .ph-qa summary::-webkit-details-marker{display:none}#ph26 .ph-qa summary>span{font-size:21px;color:#1455ff;line-height:1;transition:transform .25s}#ph26 .ph-qa[open] summary>span{transform:rotate(180deg)}#ph26 .ph-qa p{font-size:13px;line-height:1.45;padding:0 17px 14px}#ph26 .ph-dots{display:block;width:88px;height:60px;margin-top:18px;background:radial-gradient(#96baff 1.5px,transparent 2px);background-size:13px 13px}#ph26 .ph-cta-section{padding:0 0 30px}#ph26 .ph-cta{position:relative;isolation:isolate;overflow:hidden;padding:27px 24px 25px;border-radius:21px;text-align:center;color:#fff;background:linear-gradient(115deg,#20a2ff,#0752ff 55%,#1248fa)}#ph26 .ph-cta:before,#ph26 .ph-cta:after{content:'';position:absolute;z-index:-1;width:300px;height:200px;background:#ffffff13;border-radius:50%;left:-90px;bottom:-160px}#ph26 .ph-cta:after{left:auto;right:-80px;top:-150px;bottom:auto}#ph26 .ph-cta h2{font-size:31px;letter-spacing:-.7px;color:#fff}#ph26 .ph-cta p{font-size:15px;color:#edf5ff;margin:7px 0 16px}#ph26 .ph-white{background:#fff;color:#1455ff;border-color:#fff;min-width:170px;min-height:38px;padding:9px 18px}#ph26 .ph-white:hover{color:#1455ff;background:#eaf4ff}
@media(max-width:1199px){#ph26 h1{font-size:45px}#ph26 .ph-card{padding:19px 15px;gap:12px}#ph26 .ph-card h3{font-size:16px}#ph26 .ph-card p{font-size:13px}#ph26 .ph-ico-box{width:46px;height:50px;flex-basis:46px}#ph26 .ph-ico-box .ph-icon{width:29px;height:29px;flex-basis:29px}#ph26 .ph-report-badges{width:170px;right:12px;top:18px;padding:9px}#ph26 .ph-report-badges>span{font-size:11px;padding:8px 7px;gap:8px}#ph26 .ph-report-badges .ph-icon{width:23px;height:23px;flex-basis:23px}#ph26 .ph-software-card{padding:17px 13px}#ph26 .ph-software-card h3{font-size:18px}#ph26 .ph-software-card>div{gap:9px}#ph26 .ph-software-card img{width:36px;height:36px;flex-basis:36px}#ph26 .ph-process-card{padding:17px 15px}#ph26 .ph-process-card h3{font-size:18px}#ph26 .ph-process-card p{font-size:13px}#ph26 .ph-balance-chart{gap:9px}#ph26 .ph-balance-chart svg{width:107px;height:107px;flex-basis:107px}#ph26 .ph-balance-chart ul{font-size:11px}}
@media(max-width:991px){#ph26 h1{font-size:54px}#ph26 .ph-hero-copy{max-width:680px}#ph26 .ph-lead{max-width:650px}#ph26 .ph-hero-media{max-width:670px;margin:10px auto 0}#ph26 .ph-report-badges{width:200px;top:24px;right:18px;padding:12px}#ph26 .ph-report-badges>span{font-size:13px;padding:10px;gap:11px}#ph26 .ph-card h3{font-size:18px}#ph26 .ph-card p{font-size:14px}#ph26 .ph-illustration-note{margin-left:0}#ph26 .ph-report-card{padding:16px 12px}#ph26 .ph-report-card>h3{font-size:17px;gap:7px}#ph26 .ph-report-card>h3 .ph-icon{width:27px;height:27px;flex-basis:27px}#ph26 .ph-balance-chart{gap:6px}#ph26 .ph-balance-chart svg{width:83px;height:83px;flex-basis:83px}#ph26 .ph-balance-chart ul{font-size:10px;gap:8px}#ph26 .ph-balance-chart li{gap:5px}#ph26 .ph-report-legend{font-size:10px;margin-inline:3px}#ph26 .ph-report-footer{font-size:10px}#ph26 .ph-process-card:after{display:none}#ph26 .ph-process-card h3{font-size:22px}#ph26 .ph-process-card p{font-size:14px}#ph26 .ph-software-card h3{font-size:23px}#ph26 .ph-software-card p{font-size:15px}#ph26 .ph-support-card{padding:15px 12px;gap:10px}#ph26 .ph-support-card h3{font-size:15px}#ph26 .ph-support-card p{font-size:12px}#ph26 .ph-benefit-section h3{font-size:18px}#ph26 .ph-benefit-section .ph-card p{font-size:14px}#ph26 .ph-benefit-strip li{padding:0 9px;gap:9px;font-size:10px}#ph26 .ph-benefit-strip .ph-icon{width:27px;height:27px;flex-basis:27px}#ph26 .ph-plan-row{max-width:600px;margin-inline:auto}#ph26 .ph-plan-top h3{font-size:28px}#ph26 .ph-plan li{font-size:14px}#ph26 .ph-plan-top p{font-size:13px}#ph26 .ph-dots{display:none}#ph26 .ph-faq-section h2 br{display:none}}
@media(max-width:767px){#ph26 .container{padding-inline:20px}#ph26 .ph-section{padding:31px 0}#ph26 h2{font-size:29px}#ph26 .ph-heading{margin-bottom:24px}#ph26 .ph-reports-section{padding:30px 0}#ph26 .ph-report-card{max-width:450px;margin:auto;padding:20px}#ph26 .ph-report-card>h3{font-size:22px;margin-bottom:19px}#ph26 .ph-chart{height:150px}#ph26 .ph-report-legend{font-size:13px;margin:18px 8px}#ph26 .ph-report-legend i{width:95px}#ph26 .ph-report-footer{font-size:13px}#ph26 .ph-balance-chart{height:150px;gap:27px;justify-content:center}#ph26 .ph-balance-chart svg{width:145px;height:145px;flex-basis:145px}#ph26 .ph-balance-chart ul{font-size:14px;gap:12px}#ph26 .ph-report-heading p{font-size:15px}#ph26 .ph-placeholder-lines{gap:14px 32px;margin:24px 12px}#ph26 .ph-process-section h2{font-size:30px}#ph26 .ph-tools-note{align-items:flex-start;text-align:left;font-size:12px;border-radius:14px}#ph26 .ph-benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:21px 0;padding:18px 6px}#ph26 .ph-benefit-strip li{font-size:12px;justify-content:flex-start;padding:0 15px;gap:12px}#ph26 .ph-benefit-strip li:nth-child(3){border-left:0}#ph26 .ph-benefit-section{padding-top:10px}#ph26 .ph-pricing{padding-top:10px}#ph26 .ph-plan-row{margin-inline:-12px}#ph26 .ph-plan-note{font-size:11px}#ph26 .ph-faq-section{padding-top:10px}#ph26 .ph-cta h2{font-size:28px}}
@media(max-width:575px){#ph26 h1{font-size:39px;letter-spacing:-1.35px}#ph26 .ph-hero{padding-top:15px;padding-bottom:27px}#ph26 .ph-crumb{font-size:11px;gap:8px;margin-bottom:20px}#ph26 .ph-tag{font-size:10px}#ph26 .ph-lead{font-size:15px;line-height:1.55}#ph26 .ph-actions{flex-direction:column;gap:10px}#ph26 .ph-checks{font-size:10px;gap:9px 12px}#ph26 .ph-hero-media{border-radius:20px}#ph26 .ph-report-badges{top:13px;right:10px;width:145px;padding:7px;border-radius:11px}#ph26 .ph-report-badges>span{font-size:10px;padding:7px 5px;gap:6px}#ph26 .ph-report-badges .ph-icon{width:20px;height:20px;flex-basis:20px}#ph26 .ph-image-caption{font-size:9px;right:10px;bottom:10px;padding:4px 9px}#ph26 .ph-card{padding:20px 17px;gap:16px}#ph26 .ph-ico-box{width:50px;height:54px;flex-basis:50px}#ph26 .ph-heading p{font-size:13px}#ph26 .ph-process-section{border-radius:20px;padding:26px 0}#ph26 .ph-process-card{padding:20px}#ph26 .ph-process-card>div{gap:20px}#ph26 .ph-software-card{padding:19px}#ph26 .ph-software-card>div{gap:15px;margin-bottom:10px}#ph26 .ph-software-card img{width:44px;height:44px;flex-basis:44px}#ph26 .ph-support-card{padding:17px 20px;gap:17px}#ph26 .ph-support-card h3{font-size:19px}#ph26 .ph-support-card p{font-size:14px}#ph26 .ph-benefit-section .ph-card{padding:19px 17px;gap:15px}#ph26 .ph-benefit-strip li{font-size:10px;padding:0 10px;gap:8px}#ph26 .ph-benefit-strip .ph-icon{width:25px;height:25px;flex-basis:25px}#ph26 .ph-qa summary{font-size:13px;padding:13px}#ph26 .ph-qa p{font-size:12px;padding:0 13px 13px}#ph26 .ph-cta{padding:25px 18px;border-radius:18px}#ph26 .ph-cta h2{font-size:25px}#ph26 .ph-cta p{font-size:13px}#ph26 .ph-report-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){#ph26 *,#ph26 *:before,#ph26 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#ph26 .ph-info{display:inline-grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font:700 10px/1 Arial,sans-serif;vertical-align:middle;color:#1455ff}

/* Payroll and HR people-operation illustrations */
#ph26 .ph-hero h1{font-size:clamp(35px,3.8vw,53px);line-height:1.07;letter-spacing:-1.8px}
#ph26 .ph-hero .ph-lead{max-width:515px}
#ph26 .ph-hero .ph-checks{font-size:10px;gap:10px 13px}
#ph26 .ph-report-badges{width:204px}
#ph26 .ph-report-badges>span:first-child .ph-icon{color:#06ad80}
#ph26 .ph-report-badges>span:nth-child(2) .ph-icon{color:#1455ff}
#ph26 .ph-report-badges>span:nth-child(3) .ph-icon{color:#02a6b7}
#ph26 .ph-people-section{padding:0 0 35px;background:linear-gradient(#fff,#edf7ff)}
#ph26 .ph-people-heading{margin-bottom:21px}
#ph26 .ph-people-heading h2{font-size:33px}
#ph26 .ph-people-heading p{font-size:14px;margin-top:8px}
#ph26 .ph-screen-caption{display:flex;gap:5px;align-items:center;width:fit-content;margin-left:auto;white-space:nowrap;padding:7px 13px;background:#fafdff;border:1px solid #d3e6ff;border-radius:18px;box-shadow:0 4px 12px #1455ff15;font-size:11px;color:#294b80}
#ph26 .ph-people-card{height:100%;min-width:0;padding:22px 21px 23px;background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid var(--ph-line);border-radius:21px;box-shadow:0 5px 0 #d4e7ff99,0 11px 22px #1455ff12}
#ph26 .ph-people-card>h3{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.4px;margin-bottom:20px;white-space:nowrap}
#ph26 .ph-people-card>h3>.ph-icon{width:30px;height:30px;flex-basis:30px}
#ph26 .col-md-4:last-child .ph-people-card>h3>.ph-icon{color:#0ab480}
#ph26 .ph-employee-list{display:grid;gap:0}
#ph26 .ph-employee-list li{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #cbdff6}
#ph26 .ph-employee-list li:first-child{padding-top:0}
#ph26 .ph-employee-list li:last-child{border-bottom:0;padding-bottom:0}
#ph26 .ph-avatar{display:block;width:49px;height:49px;flex:0 0 49px;border-radius:50%;overflow:hidden}
#ph26 .ph-avatar>svg{display:block;width:100%;height:100%}
#ph26 .ph-employee-list strong{display:block;font-size:14px}
#ph26 .ph-dept{display:inline-block;margin-top:5px;font-size:11px;line-height:1.3;padding:3px 9px;border-radius:14px;background:#e0edff;color:#2164d7}
#ph26 .ph-dept-green{background:#dff5eb;color:#159c72}
#ph26 .ph-dept-purple{background:#e8e6ff;color:#5453e4}
#ph26 .ph-month{display:flex;align-items:center;justify-content:space-between;margin:0 5px 18px;font-size:14px}
#ph26 .ph-month>span{font-size:26px;color:#1455ff;line-height:1}
#ph26 .ph-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;font-size:10px;text-align:center;margin-bottom:7px}
#ph26 .ph-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
#ph26 .ph-calendar-grid>span{display:grid;place-items:center;aspect-ratio:1;max-height:30px;border-radius:5px;background:#e2efff;color:#fff;font-size:18px;font-weight:700;line-height:1}
#ph26 .ph-calendar-grid>.ph-selected{background:#079aff;box-shadow:0 3px 9px #0b99ff30}
#ph26 .ph-approval-list{display:grid;gap:14px;margin-top:25px}
#ph26 .ph-approval-list li{display:flex;align-items:center;gap:20px;background:#e5effd;padding:15px 13px;border-radius:13px}
#ph26 .ph-approval-list strong{font-size:13px;line-height:1.3;font-weight:600}
#ph26 .ph-checkbox{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1.5px solid #13a1ad;border-radius:5px;background:#eefcff;color:white;font-size:18px;line-height:1}
#ph26 .ph-checked{background:#0bb782;border-color:#0bb782}
#ph26 .ph-platform-section{padding-top:28px;padding-bottom:22px;background:linear-gradient(#fff,#f5faff)}
#ph26 .ph-platform-card{height:100%;text-align:center;padding:23px 23px 22px;border:1px solid var(--ph-line);background:linear-gradient(140deg,#fff,#eff7ff);border-radius:19px;box-shadow:0 5px 0 #deebff,0 10px 20px #1a59ac0b;transition:transform .25s,border-color .25s}
#ph26 .ph-platform-card:hover{transform:translateY(-4px);border-color:#9fc2ff}
#ph26 .ph-platform-logo{display:grid;place-items:center;height:61px;margin-bottom:15px}
#ph26 .ph-platform-logo>img{display:block;object-fit:contain;width:150px;height:55px}
#ph26 .col-md-4:last-child .ph-platform-logo>img{width:57px;height:57px}
#ph26 .ph-platform-card h3{font-size:22px;letter-spacing:-.5px}
#ph26 .ph-platform-card p{font-size:15px;line-height:1.4;margin:9px auto 0;max-width:260px}
#ph26 .ph-platform-scope{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:1.4;margin-top:20px;text-align:center}
#ph26 .ph-tools-note{margin-top:13px}
#ph26 .ph-benefit-section{padding-top:20px}
#ph26 .ph-benefit-strip .ph-icon,#ph26 .ph-benefit-strip li:nth-child(2n+1) .ph-icon{color:#08aa7c}
#ph26 .ph-plan-row>div:first-child .ph-plan-top .ph-icon{color:#0bb685}
#ph26 .ph-faq-section h2{font-size:33px}
@media(max-width:1199px){#ph26 .ph-hero h1{font-size:46px}#ph26 .ph-report-badges{width:177px}#ph26 .ph-people-card{padding:20px 15px}#ph26 .ph-people-card>h3{font-size:17px;gap:8px}#ph26 .ph-people-card>h3>.ph-icon{width:26px;height:26px;flex-basis:26px}#ph26 .ph-approval-list li{padding:14px 10px;gap:13px}#ph26 .ph-approval-list strong{font-size:12px}#ph26 .ph-weekdays,#ph26 .ph-calendar-grid{gap:5px}#ph26 .ph-employee-list li{gap:11px}#ph26 .ph-platform-card{padding:21px 18px}#ph26 .ph-platform-card h3{font-size:21px}}
@media(max-width:991px){#ph26 .ph-hero h1{font-size:53px}#ph26 .ph-report-badges{width:204px}#ph26 .ph-hero .ph-lead{max-width:650px}#ph26 .ph-people-heading h2{font-size:31px}#ph26 .ph-screen-caption{margin-left:0}#ph26 .ph-people-card{padding:19px 12px}#ph26 .ph-people-card>h3{font-size:14px;gap:6px}#ph26 .ph-people-card>h3>.ph-icon{width:24px;height:24px;flex-basis:24px}#ph26 .ph-avatar{width:40px;height:40px;flex-basis:40px}#ph26 .ph-employee-list li{gap:8px;padding:11px 0}#ph26 .ph-employee-list strong{font-size:12px}#ph26 .ph-dept{font-size:9px;padding:3px 7px}#ph26 .ph-month{font-size:12px;margin-inline:2px}#ph26 .ph-weekdays{font-size:8px}#ph26 .ph-approval-list{gap:13px}#ph26 .ph-approval-list li{padding:14px 8px;gap:8px}#ph26 .ph-approval-list strong{font-size:10px}#ph26 .ph-checkbox{width:18px;height:18px;flex-basis:18px;font-size:15px}#ph26 .ph-platform-card h3{font-size:18px}#ph26 .ph-platform-card p{font-size:13px}#ph26 .ph-faq-section h2 br{display:block}#ph26 .ph-faq-section h2{font-size:31px}}
@media(max-width:767px){#ph26 .ph-people-section{padding-bottom:30px}#ph26 .ph-people-heading h2{font-size:29px}#ph26 .ph-people-heading p{font-size:14px}#ph26 .ph-people-card{max-width:460px;margin:auto;padding:23px 23px 25px}#ph26 .ph-people-card>h3{font-size:22px;gap:14px;margin-bottom:23px}#ph26 .ph-people-card>h3>.ph-icon{width:32px;height:32px;flex-basis:32px}#ph26 .ph-avatar{width:53px;height:53px;flex-basis:53px}#ph26 .ph-employee-list li{gap:17px;padding:12px 0}#ph26 .ph-employee-list strong{font-size:15px}#ph26 .ph-dept{font-size:12px;margin-top:5px;padding:4px 10px}#ph26 .ph-month{font-size:16px;margin-bottom:20px}#ph26 .ph-weekdays{font-size:12px;gap:8px;margin-bottom:9px}#ph26 .ph-calendar-grid{gap:8px}#ph26 .ph-calendar-grid>span{max-height:39px;border-radius:7px;font-size:22px}#ph26 .ph-approval-list{gap:16px;margin-top:5px}#ph26 .ph-approval-list li{padding:18px 17px;gap:22px}#ph26 .ph-approval-list strong{font-size:15px}#ph26 .ph-checkbox{width:25px;height:25px;flex-basis:25px;font-size:21px}#ph26 .ph-platform-card{max-width:460px;margin:auto;padding:25px}#ph26 .ph-platform-card h3{font-size:25px}#ph26 .ph-platform-card p{font-size:15px}#ph26 .ph-platform-scope{font-size:11px}}
@media(max-width:575px){#ph26 .ph-hero h1{font-size:36px;letter-spacing:-1.2px}#ph26 .ph-hero .ph-checks{font-size:9px;gap:9px 11px}#ph26 .ph-report-badges{width:150px;top:13px;right:10px}#ph26 .ph-report-badges>span{font-size:9px;gap:5px;padding:7px 5px}#ph26 .ph-people-card{padding:23px 20px}#ph26 .ph-people-card>h3{font-size:20px}#ph26 .ph-calendar-grid>span{max-height:35px}#ph26 .ph-weekdays{font-size:10px}#ph26 .ph-approval-list strong{font-size:14px}#ph26 .ph-faq-section h2{font-size:29px}#ph26 .ph-platform-scope{align-items:flex-start;text-align:left;gap:7px}}

#ph26 .ph-report-badges{width:180px;top:14px;right:12px;padding:8px}
#ph26 .ph-report-badges>span{padding:6px;gap:7px;font-size:11px;white-space:nowrap}
#ph26 .ph-report-badges>span+span{margin-top:5px}
#ph26 .ph-report-badges .ph-icon{width:21px;height:21px;flex-basis:21px}
@media(max-width:575px){#ph26 .ph-report-badges{width:147px;top:10px;right:9px;padding:6px}#ph26 .ph-report-badges>span{padding:5px;gap:5px;font-size:9px}#ph26 .ph-report-badges .ph-icon{width:18px;height:18px;flex-basis:18px}}

/* Video and Multimedia — Bootstrap 5 grid, page-specific styles only. */
#vm26{--vm-blue:#1455ff;--vm-ink:#0a1538;--vm-text:#354768;--vm-line:#deebfb;--vm-green:#0ab395;--vm-header-height:96px;background:#fff;color:var(--vm-ink);font:16px/1.5 Inter,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden}
#vm26,#vm26 *{box-sizing:border-box}#vm26 .container{max-width:1180px}#vm26 h1,#vm26 h2,#vm26 h3,#vm26 p{margin:0;padding:0;font-family:inherit;text-transform:none}#vm26 h1,#vm26 h2,#vm26 h3{color:var(--vm-ink)}#vm26 h1{font-size:clamp(35px,4.2vw,57px);font-weight:800;line-height:1.04;letter-spacing:-1.9px}#vm26 h2{font-size:clamp(26px,2.9vw,38px);line-height:1.16;letter-spacing:-1px;font-weight:800}#vm26 h3{font-size:18px;line-height:1.2;font-weight:750;letter-spacing:-.25px}#vm26 p{color:var(--vm-text)}#vm26 em{font-style:normal;color:var(--vm-blue)}#vm26 a{text-decoration:none}#vm26 ul{list-style:none;margin:0;padding:0}#vm26 .vm-icon{display:block;width:32px;height:32px;flex:0 0 32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--vm-blue)}#vm26 .vm-header-space{height:var(--vm-header-height);background:linear-gradient(120deg,#061a38,#0e2d58)}#vm26 .vm-section{padding:39px 0}#vm26 .vm-heading{text-align:center;margin-bottom:27px}#vm26 .vm-heading p{margin:8px auto 0;max-width:800px;font-size:15px}#vm26 .vm-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:11px 18px;border:1.5px solid var(--vm-blue);border-radius:10px;background:var(--vm-blue);color:#fff;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}#vm26 .vm-btn:hover{background:#0745dd;color:white;transform:translateY(-2px);box-shadow:0 8px 18px #1455ff35}#vm26 .vm-outline{background:transparent;color:var(--vm-blue)}#vm26 .vm-outline:hover{color:white;background:var(--vm-blue)}#vm26 a:focus-visible,#vm26 summary:focus-visible{outline:3px solid #53bfff;outline-offset:4px}#vm26 .vm-hero{padding:18px 0 35px;background:radial-gradient(ellipse at 100% 0,#d8f0ff,transparent 60%),linear-gradient(115deg,#f3faff,#e9f4ff)}#vm26 .vm-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:21px;font-size:12px}#vm26 .vm-crumb a{color:#38578c}#vm26 .vm-crumb strong{color:var(--vm-blue)}#vm26 .vm-tag{display:inline-block;border-radius:22px;background:#e2ddff;color:#1648e9;font-size:11px;font-weight:800;letter-spacing:.3px;padding:5px 13px;margin-bottom:14px}#vm26 .vm-lead{font-size:16px;line-height:1.5;margin-top:15px;max-width:510px}#vm26 .vm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}#vm26 .vm-checks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;font-weight:600;margin-top:20px}#vm26 .vm-checks li:before{content:'✓';font-size:16px;color:var(--vm-blue);margin-right:6px;font-weight:800}#vm26 .vm-hero-media{position:relative;min-width:0;border-radius:27px;overflow:hidden;box-shadow:0 16px 34px #1a559f13}#vm26 .vm-hero-media>img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}#vm26 .vm-report-badges{position:absolute;right:16px;top:24px;padding:12px;background:#ffffffc9;border:1px solid #fff;border-radius:15px;backdrop-filter:blur(8px);width:200px;box-shadow:0 8px 18px #22467a10}#vm26 .vm-report-badges>span{display:flex;align-items:center;gap:12px;padding:10px 9px;background:linear-gradient(120deg,#fff,#e9f5ff);border-radius:8px;box-shadow:0 3px 8px #154f9c14;font-size:13px}#vm26 .vm-report-badges>span+span{margin-top:7px}#vm26 .vm-report-badges .vm-icon{color:var(--vm-green);width:27px;height:27px;flex-basis:27px}#vm26 .vm-report-badges>span:nth-child(2) .vm-icon{color:var(--vm-blue)}#vm26 .vm-image-caption{position:absolute;right:14px;bottom:15px;background:#fffffff0;border:1px solid #dfecff;border-radius:20px;padding:5px 12px;font-size:11px;color:#244478;box-shadow:0 5px 13px #23446a15}#vm26 .vm-card{display:flex;align-items:flex-start;gap:16px;min-width:0;height:100%;border:1px solid var(--vm-line);border-radius:17px;background:linear-gradient(140deg,#fff,#f1f7ff);padding:21px 19px;box-shadow:0 4px 0 #e9f2ff,0 9px 20px #28539b09;transition:transform .25s,border-color .25s,box-shadow .25s}#vm26 .vm-card:hover{transform:translateY(-4px);border-color:#a9c8ff;box-shadow:0 12px 26px #1455ff12}#vm26 .vm-card p{margin-top:7px;font-size:14px;line-height:1.4}#vm26 .vm-ico-box{display:grid;place-items:center;flex:0 0 54px;width:54px;height:59px;border-radius:15px;background:#e1efff}#vm26 .vm-green{background:#dff7f0}#vm26 .vm-green .vm-icon{color:var(--vm-green)}#vm26 .vm-purple{background:#ece6ff}#vm26 .vm-purple .vm-icon{color:#7244fb}#vm26 .vm-reports-section{position:relative;isolation:isolate;overflow:hidden;padding:36px 0 39px;background:linear-gradient(120deg,#f6fbff,#d9eeff)}#vm26 .vm-reports-section:before,#vm26 .vm-reports-section:after{content:'';position:absolute;width:650px;height:200px;z-index:-1;border-radius:50%;background:#a2ceff35;transform:rotate(-15deg);right:-100px;top:60px}#vm26 .vm-reports-section:after{right:200px;top:100px;width:500px;background:#c1e2ff45}#vm26 .vm-report-heading{margin-bottom:22px}#vm26 .vm-report-heading p{font-size:16px;line-height:1.5;margin-top:9px}#vm26 .vm-illustration-note{display:block;width:fit-content;margin-left:auto;border:1px solid #cee5ff;border-radius:20px;background:#ffffffe8;box-shadow:0 5px 14px #1455ff15;padding:7px 15px;font-size:12px;color:#274d84}#vm26 .vm-report-card{height:100%;display:flex;flex-direction:column;padding:19px 16px 15px;background:linear-gradient(130deg,#fff,#f4faff);border:1px solid #dceaff;border-radius:19px;box-shadow:0 5px 0 #bad8ff66,0 11px 20px #1b5daf14}#vm26 .vm-report-card>h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:16px}#vm26 .vm-report-card>h3 .vm-icon{color:var(--vm-green)}#vm26 .col-md-4:nth-child(2) .vm-report-card>h3 .vm-icon{color:var(--vm-blue)}#vm26 .vm-chart{width:100%;height:128px;display:block}#vm26 .vm-report-legend{display:grid;gap:8px;margin:14px 8px 16px;font-size:12px}#vm26 .vm-report-legend li{display:flex;align-items:center;gap:9px}#vm26 .vm-report-legend b{width:12px;height:12px;background:#78e3c6;border-radius:2px}#vm26 .vm-report-legend li:nth-child(2) b{background:#4ea0ff}#vm26 .vm-report-legend li:nth-child(3) b{background:#5fceea}#vm26 .vm-report-legend i{width:77px;max-width:34%;height:7px;background:#d9e4f3;margin-left:auto;border-radius:6px}#vm26 .vm-report-footer{text-align:center;padding:10px 8px;margin-top:auto;background:linear-gradient(90deg,#d9f1fc,#dceaff);border-radius:12px;font-size:12px;line-height:1.3}#vm26 .vm-balance-chart{display:flex;gap:15px;align-items:center;height:128px}#vm26 .vm-balance-chart svg{width:128px;height:128px;flex:0 0 128px}#vm26 .vm-balance-chart ul{display:grid;gap:10px;font-size:12px}#vm26 .vm-balance-chart li{display:flex;align-items:center;gap:8px}#vm26 .vm-balance-chart b{display:block;width:12px;height:12px;border-radius:2px;background:#267aff}#vm26 .vm-balance-chart .vm-key-cyan{background:#65c3ff}#vm26 .vm-balance-chart .vm-key-green{background:#70e0c3}#vm26 .vm-placeholder-lines{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px;margin:18px 10px}#vm26 .vm-placeholder-lines i{height:7px;border-radius:5px;background:#d9e4f3}#vm26 .vm-process-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#0a64b8,transparent 40%),radial-gradient(ellipse at 100% 100%,#0759a6,transparent 45%),linear-gradient(110deg,#042452,#031c42);border-radius:28px;color:#fff;padding:29px 0 31px}#vm26 .vm-process-section .vm-heading{margin-bottom:26px}#vm26 .vm-process-section h2{color:#fff;font-size:35px}#vm26 .vm-process-section h2 em{color:#03d3f8}#vm26 .vm-process-card{position:relative;height:100%;background:linear-gradient(130deg,#fff,#e5f3ff);border:1px solid #ccedff;border-radius:18px;padding:18px 20px 21px;box-shadow:0 0 20px #37a0ff22}#vm26 .vm-process-card>div{display:flex;align-items:center;gap:18px;margin-bottom:12px}#vm26 .vm-process-card>div>span{background:#1455ff;color:#fff;border-radius:6px;font-size:12px;font-weight:700;line-height:1;padding:5px 8px}#vm26 .vm-process-card h3{font-size:21px}#vm26 .vm-process-card p{font-size:14px;line-height:1.35;margin-top:7px}#vm26 .vm-process-card:after{content:'→';position:absolute;right:-25px;top:42%;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c9ffff;border-radius:50%;background:#087dff;box-shadow:0 0 12px #4ae4ff;color:#fff;font-size:19px;line-height:1}#vm26 .vm-process-section .row>[class*='col-']:last-child .vm-process-card:after{display:none}#vm26 .vm-software-section{padding-top:25px;padding-bottom:20px;background:linear-gradient(#fff,#f5faff)}#vm26 .vm-software-card{height:100%;padding:19px;background:linear-gradient(135deg,#fff,#f1f8ff);border:1px solid var(--vm-line);border-radius:17px;box-shadow:0 4px 0 #e7f0ff}#vm26 .vm-software-card>div{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px}#vm26 .vm-software-card img{display:block;width:43px;height:43px;object-fit:contain;flex:0 0 43px}#vm26 .vm-software-card h3{font-size:21px;letter-spacing:-.6px}#vm26 .vm-software-card p{font-size:14px;line-height:1.4}#vm26 .vm-support-label{display:inline-block;margin:18px 0 12px;padding:3px 16px;background:#e4e1ff;color:#1745e5;font-size:13px;font-weight:700;border-radius:20px}#vm26 .vm-support-card{display:flex;gap:17px;align-items:center;height:100%;padding:15px 20px;border:1px solid var(--vm-line);background:linear-gradient(135deg,#fff,#f1f7ff);border-radius:14px;box-shadow:0 4px 0 #eaf1ff}#vm26 .vm-support-card>img{width:38px;height:38px;flex:0 0 38px;object-fit:contain}#vm26 .vm-support-card h3{font-size:17px}#vm26 .vm-support-card p{font-size:13px;margin-top:4px}#vm26 .vm-tools-note{display:flex;gap:10px;justify-content:center;align-items:center;text-align:center;margin:20px auto 0;padding:10px 15px;border-radius:20px;background:#e4efff;color:#264274;font-size:12px;line-height:1.5}#vm26 .vm-tools-note strong{color:#1744e9}#vm26 .vm-benefit-section{padding-top:20px;padding-bottom:23px}#vm26 .vm-benefit-section .vm-card{padding:17px 13px;gap:11px}#vm26 .vm-benefit-section .vm-ico-box{width:33px;height:34px;flex-basis:33px;border-radius:0;background:none}#vm26 .vm-benefit-section h3{font-size:15px}#vm26 .vm-benefit-section .vm-card p{font-size:12px;margin-top:6px}#vm26 .vm-benefit-strip{display:flex;align-items:center;background:linear-gradient(90deg,#dff6f0,#e7f5ff);border-radius:16px;padding:17px 6px;margin-top:22px}#vm26 .vm-benefit-strip li{display:flex;align-items:center;justify-content:center;gap:15px;flex:1;padding:0 13px;font-size:12px;line-height:1.3}#vm26 .vm-benefit-strip li+li{border-left:1px solid #9dc1d3}#vm26 .vm-benefit-strip .vm-icon{color:#009f9d}#vm26 .vm-benefit-strip li:nth-child(2n+1) .vm-icon{color:#146dff}#vm26 .vm-pricing{padding-top:13px;padding-bottom:23px;background:radial-gradient(ellipse at 30% 0,#f1f8ff,transparent 60%)}#vm26 .vm-plan-row{padding-top:12px}#vm26 .vm-plan{height:100%;position:relative;display:flex;flex-direction:column;padding:24px 21px 20px;background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid var(--vm-line);border-radius:20px;box-shadow:0 5px 0 #e8f1ff,0 12px 23px #1d59a511;transition:transform .25s}#vm26 .vm-plan:hover{transform:translateY(-4px)}#vm26 .vm-featured{border:1.5px solid #567aff;box-shadow:0 10px 28px #1455ff20}#vm26 .vm-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#1455ff;color:#fff;padding:4px 18px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:20px}#vm26 .vm-plan-top{display:flex;align-items:center;gap:16px;margin-bottom:17px}#vm26 .vm-plan-top h3{font-size:27px;line-height:1.05;letter-spacing:-.5px}#vm26 .vm-plan-top p{font-size:12px;line-height:1.4;margin-top:5px}#vm26 .vm-plan ul{flex:1;margin:0 0 19px}#vm26 .vm-plan li{position:relative;padding-left:24px;margin-bottom:8px;font-size:13px;line-height:1.4}#vm26 .vm-plan li:before{position:absolute;left:0;content:'✓';color:#1455ff;font-weight:800}#vm26 .vm-plan .vm-btn{width:100%;min-height:38px;padding:8px 10px}#vm26 .vm-plan-note{text-align:center;font-size:12px;margin:19px 0 0}#vm26 .vm-faq-section{padding-top:15px;padding-bottom:25px}#vm26 .vm-faq-list{display:grid;gap:9px}#vm26 .vm-qa{border:1px solid var(--vm-line);border-radius:12px;background:#f8fbff;box-shadow:0 3px 0 #edf4fd}#vm26 .vm-qa summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:12px 17px;list-style:none;font-size:14px;font-weight:700;line-height:1.35}#vm26 .vm-qa summary::-webkit-details-marker{display:none}#vm26 .vm-qa summary>span{font-size:21px;color:#1455ff;line-height:1;transition:transform .25s}#vm26 .vm-qa[open] summary>span{transform:rotate(180deg)}#vm26 .vm-qa p{font-size:13px;line-height:1.45;padding:0 17px 14px}#vm26 .vm-dots{display:block;width:88px;height:60px;margin-top:18px;background:radial-gradient(#96baff 1.5px,transparent 2px);background-size:13px 13px}#vm26 .vm-cta-section{padding:0 0 30px}#vm26 .vm-cta{position:relative;isolation:isolate;overflow:hidden;padding:27px 24px 25px;border-radius:21px;text-align:center;color:#fff;background:linear-gradient(115deg,#20a2ff,#0752ff 55%,#1248fa)}#vm26 .vm-cta:before,#vm26 .vm-cta:after{content:'';position:absolute;z-index:-1;width:300px;height:200px;background:#ffffff13;border-radius:50%;left:-90px;bottom:-160px}#vm26 .vm-cta:after{left:auto;right:-80px;top:-150px;bottom:auto}#vm26 .vm-cta h2{font-size:31px;letter-spacing:-.7px;color:#fff}#vm26 .vm-cta p{font-size:15px;color:#edf5ff;margin:7px 0 16px}#vm26 .vm-white{background:#fff;color:#1455ff;border-color:#fff;min-width:170px;min-height:38px;padding:9px 18px}#vm26 .vm-white:hover{color:#1455ff;background:#eaf4ff}
@media(max-width:1199px){#vm26 h1{font-size:45px}#vm26 .vm-card{padding:19px 15px;gap:12px}#vm26 .vm-card h3{font-size:16px}#vm26 .vm-card p{font-size:13px}#vm26 .vm-ico-box{width:46px;height:50px;flex-basis:46px}#vm26 .vm-ico-box .vm-icon{width:29px;height:29px;flex-basis:29px}#vm26 .vm-report-badges{width:170px;right:12px;top:18px;padding:9px}#vm26 .vm-report-badges>span{font-size:11px;padding:8px 7px;gap:8px}#vm26 .vm-report-badges .vm-icon{width:23px;height:23px;flex-basis:23px}#vm26 .vm-software-card{padding:17px 13px}#vm26 .vm-software-card h3{font-size:18px}#vm26 .vm-software-card>div{gap:9px}#vm26 .vm-software-card img{width:36px;height:36px;flex-basis:36px}#vm26 .vm-process-card{padding:17px 15px}#vm26 .vm-process-card h3{font-size:18px}#vm26 .vm-process-card p{font-size:13px}#vm26 .vm-balance-chart{gap:9px}#vm26 .vm-balance-chart svg{width:107px;height:107px;flex-basis:107px}#vm26 .vm-balance-chart ul{font-size:11px}}
@media(max-width:991px){#vm26 h1{font-size:54px}#vm26 .vm-hero-copy{max-width:680px}#vm26 .vm-lead{max-width:650px}#vm26 .vm-hero-media{max-width:670px;margin:10px auto 0}#vm26 .vm-report-badges{width:200px;top:24px;right:18px;padding:12px}#vm26 .vm-report-badges>span{font-size:13px;padding:10px;gap:11px}#vm26 .vm-card h3{font-size:18px}#vm26 .vm-card p{font-size:14px}#vm26 .vm-illustration-note{margin-left:0}#vm26 .vm-report-card{padding:16px 12px}#vm26 .vm-report-card>h3{font-size:17px;gap:7px}#vm26 .vm-report-card>h3 .vm-icon{width:27px;height:27px;flex-basis:27px}#vm26 .vm-balance-chart{gap:6px}#vm26 .vm-balance-chart svg{width:83px;height:83px;flex-basis:83px}#vm26 .vm-balance-chart ul{font-size:10px;gap:8px}#vm26 .vm-balance-chart li{gap:5px}#vm26 .vm-report-legend{font-size:10px;margin-inline:3px}#vm26 .vm-report-footer{font-size:10px}#vm26 .vm-process-card:after{display:none}#vm26 .vm-process-card h3{font-size:22px}#vm26 .vm-process-card p{font-size:14px}#vm26 .vm-software-card h3{font-size:23px}#vm26 .vm-software-card p{font-size:15px}#vm26 .vm-support-card{padding:15px 12px;gap:10px}#vm26 .vm-support-card h3{font-size:15px}#vm26 .vm-support-card p{font-size:12px}#vm26 .vm-benefit-section h3{font-size:18px}#vm26 .vm-benefit-section .vm-card p{font-size:14px}#vm26 .vm-benefit-strip li{padding:0 9px;gap:9px;font-size:10px}#vm26 .vm-benefit-strip .vm-icon{width:27px;height:27px;flex-basis:27px}#vm26 .vm-plan-row{max-width:600px;margin-inline:auto}#vm26 .vm-plan-top h3{font-size:28px}#vm26 .vm-plan li{font-size:14px}#vm26 .vm-plan-top p{font-size:13px}#vm26 .vm-dots{display:none}#vm26 .vm-faq-section h2 br{display:none}}
@media(max-width:767px){#vm26 .container{padding-inline:20px}#vm26 .vm-section{padding:31px 0}#vm26 h2{font-size:29px}#vm26 .vm-heading{margin-bottom:24px}#vm26 .vm-reports-section{padding:30px 0}#vm26 .vm-report-card{max-width:450px;margin:auto;padding:20px}#vm26 .vm-report-card>h3{font-size:22px;margin-bottom:19px}#vm26 .vm-chart{height:150px}#vm26 .vm-report-legend{font-size:13px;margin:18px 8px}#vm26 .vm-report-legend i{width:95px}#vm26 .vm-report-footer{font-size:13px}#vm26 .vm-balance-chart{height:150px;gap:27px;justify-content:center}#vm26 .vm-balance-chart svg{width:145px;height:145px;flex-basis:145px}#vm26 .vm-balance-chart ul{font-size:14px;gap:12px}#vm26 .vm-report-heading p{font-size:15px}#vm26 .vm-placeholder-lines{gap:14px 32px;margin:24px 12px}#vm26 .vm-process-section h2{font-size:30px}#vm26 .vm-tools-note{align-items:flex-start;text-align:left;font-size:12px;border-radius:14px}#vm26 .vm-benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:21px 0;padding:18px 6px}#vm26 .vm-benefit-strip li{font-size:12px;justify-content:flex-start;padding:0 15px;gap:12px}#vm26 .vm-benefit-strip li:nth-child(3){border-left:0}#vm26 .vm-benefit-section{padding-top:10px}#vm26 .vm-pricing{padding-top:10px}#vm26 .vm-plan-row{margin-inline:-12px}#vm26 .vm-plan-note{font-size:11px}#vm26 .vm-faq-section{padding-top:10px}#vm26 .vm-cta h2{font-size:28px}}
@media(max-width:575px){#vm26 h1{font-size:39px;letter-spacing:-1.35px}#vm26 .vm-hero{padding-top:15px;padding-bottom:27px}#vm26 .vm-crumb{font-size:11px;gap:8px;margin-bottom:20px}#vm26 .vm-tag{font-size:10px}#vm26 .vm-lead{font-size:15px;line-height:1.55}#vm26 .vm-actions{flex-direction:column;gap:10px}#vm26 .vm-checks{font-size:10px;gap:9px 12px}#vm26 .vm-hero-media{border-radius:20px}#vm26 .vm-report-badges{top:13px;right:10px;width:145px;padding:7px;border-radius:11px}#vm26 .vm-report-badges>span{font-size:10px;padding:7px 5px;gap:6px}#vm26 .vm-report-badges .vm-icon{width:20px;height:20px;flex-basis:20px}#vm26 .vm-image-caption{font-size:9px;right:10px;bottom:10px;padding:4px 9px}#vm26 .vm-card{padding:20px 17px;gap:16px}#vm26 .vm-ico-box{width:50px;height:54px;flex-basis:50px}#vm26 .vm-heading p{font-size:13px}#vm26 .vm-process-section{border-radius:20px;padding:26px 0}#vm26 .vm-process-card{padding:20px}#vm26 .vm-process-card>div{gap:20px}#vm26 .vm-software-card{padding:19px}#vm26 .vm-software-card>div{gap:15px;margin-bottom:10px}#vm26 .vm-software-card img{width:44px;height:44px;flex-basis:44px}#vm26 .vm-support-card{padding:17px 20px;gap:17px}#vm26 .vm-support-card h3{font-size:19px}#vm26 .vm-support-card p{font-size:14px}#vm26 .vm-benefit-section .vm-card{padding:19px 17px;gap:15px}#vm26 .vm-benefit-strip li{font-size:10px;padding:0 10px;gap:8px}#vm26 .vm-benefit-strip .vm-icon{width:25px;height:25px;flex-basis:25px}#vm26 .vm-qa summary{font-size:13px;padding:13px}#vm26 .vm-qa p{font-size:12px;padding:0 13px 13px}#vm26 .vm-cta{padding:25px 18px;border-radius:18px}#vm26 .vm-cta h2{font-size:25px}#vm26 .vm-cta p{font-size:13px}#vm26 .vm-report-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){#vm26 *,#vm26 *:before,#vm26 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#vm26 .vm-info{display:inline-grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;font:700 10px/1 Arial,sans-serif;vertical-align:middle;color:#1455ff}

/* Video and multimedia creative sections. */
#vm26 .vm-hero h1{font-size:clamp(36px,4vw,57px);line-height:1.06;letter-spacing:-1.8px}
#vm26 .vm-hero .vm-lead{max-width:440px}
#vm26 .vm-hero .vm-tag{font-size:10px;letter-spacing:.2px}
#vm26 .vm-hero .vm-checks{font-size:10px;gap:10px 17px}
#vm26 .vm-hero-media{border-radius:25px;padding-bottom:24px;overflow:visible;box-shadow:none}
#vm26 .vm-hero-media>img{aspect-ratio:1.5;border-radius:24px;box-shadow:0 15px 38px #1455ff15}
#vm26 .vm-image-caption{right:9px;bottom:0;font-size:10px}
#vm26 .vm-areas{padding-top:28px;padding-bottom:25px}
#vm26 .vm-areas .vm-card{position:relative;overflow:hidden;padding:24px 22px;gap:17px}
#vm26 .vm-areas .vm-card:before,#vm26 .vm-areas .vm-card:after{content:'';position:absolute;bottom:-35px;left:-20px;width:100px;height:70px;border-radius:50%;background:linear-gradient(120deg,#22d6ff55,#69d9ff33);transform:rotate(30deg);pointer-events:none}
#vm26 .vm-areas .vm-card:after{left:auto;right:-20px;background:linear-gradient(130deg,#c6b2ff66,#784dff33);transform:rotate(-30deg)}
#vm26 .vm-areas .vm-card>div,#vm26 .vm-areas .vm-card>.vm-ico-box{position:relative;z-index:1}
#vm26 .vm-areas .vm-ico-box{width:62px;height:65px;flex-basis:62px;background:transparent}
#vm26 .vm-areas .vm-icon{width:47px;height:47px;flex-basis:47px}
#vm26 .vm-areas h3{font-size:23px;letter-spacing:-.6px}
#vm26 .vm-areas .vm-card p{font-size:15px;line-height:1.4}
#vm26 .vm-services{padding-top:15px;padding-bottom:32px}
#vm26 .vm-services .vm-card{padding:24px 22px;gap:18px}
#vm26 .vm-services .vm-ico-box{background:none;width:48px;height:52px;flex-basis:48px}
#vm26 .vm-services .vm-icon{width:41px;height:41px;flex-basis:41px}
#vm26 .vm-gallery-section{padding:0 0 10px}
#vm26 .vm-gallery-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:29px;padding:29px 23px 19px;background:radial-gradient(ellipse at 0 0,#00a8dfaa,transparent 40%),radial-gradient(ellipse at 100% 100%,#0b67b8,transparent 45%),linear-gradient(110deg,#09275b,#001b43);color:white}
#vm26 .vm-gallery-panel:before,#vm26 .vm-gallery-panel:after{content:'';position:absolute;z-index:-1;width:500px;height:130px;background:linear-gradient(120deg,#12cfff77,#1a59ce11);border-radius:50%;transform:rotate(-25deg);left:-70px;top:-70px;pointer-events:none}
#vm26 .vm-gallery-panel:after{left:auto;top:auto;right:-70px;bottom:-75px;background:linear-gradient(130deg,#00bbdf77,#6e58ff66)}
#vm26 .vm-gallery-panel .vm-heading{margin-bottom:24px}
#vm26 .vm-gallery-panel h2{color:#fff;font-size:35px}
#vm26 .vm-gallery-panel h2 em{color:#08d9f3}
#vm26 .vm-gallery-panel .vm-heading p{color:#e6efff;font-size:15px}
#vm26 .vm-gallery-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1.5px solid #d7edff;border-radius:17px;background:#e7f0ff;margin:0;box-shadow:0 10px 21px #00163133}
#vm26 .vm-gallery-card>div{position:relative;height:240px;overflow:hidden;background:#dbeaff}
#vm26 .vm-gallery-card img{display:block;width:100%;height:100%;object-fit:cover}
#vm26 .vm-gallery-card figcaption{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:56px;padding:11px 9px;font-size:15px;line-height:1.25;color:#0e2048;background:linear-gradient(90deg,#f7fcff,#e5edff)}
#vm26 .vm-gallery-card figcaption .vm-icon{width:23px;height:23px;flex-basis:23px}
#vm26 .vm-play-mark{position:absolute;display:grid;place-items:center;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:#10233e66;color:white;font-size:24px;padding-left:4px;line-height:1;pointer-events:none}
#vm26 .vm-sample-note{text-align:center;color:#e4efff;font-size:12px;font-style:italic;margin-top:15px}
#vm26 .vm-delivery-section{padding-top:24px;padding-bottom:24px}
#vm26 .vm-process-photo{overflow:hidden;border-radius:22px;background:#dceaff;box-shadow:0 8px 18px #1455ff0a}
#vm26 .vm-process-photo>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
#vm26 .vm-delivery-heading{margin-bottom:21px}
#vm26 .vm-delivery-heading h2{font-size:33px}
#vm26 .vm-delivery-steps{position:relative;list-style:none;margin:0;padding:0 0 0 23px;display:grid;gap:11px}
#vm26 .vm-delivery-steps:before{content:'';position:absolute;left:4px;top:24px;bottom:25px;width:1px;background:#a4c6ff}
#vm26 .vm-delivery-steps li{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--vm-line);border-radius:12px;background:linear-gradient(120deg,#fff,#f1f7ff);box-shadow:0 4px 0 #e4efff}
#vm26 .vm-delivery-steps li:before{content:'';position:absolute;left:-24px;top:20px;width:10px;height:10px;border:2px solid #3474ff;border-radius:50%;background:white}
#vm26 .vm-delivery-steps li>.vm-icon{width:27px;height:27px;flex-basis:27px}
#vm26 .vm-delivery-steps li>span{background:#1455ff;color:white;font-size:11px;font-weight:700;line-height:1;padding:4px 7px;border-radius:5px}
#vm26 .vm-delivery-steps h3{font-size:16px}
#vm26 .vm-delivery-steps p{font-size:12px;margin-top:3px;line-height:1.4}
#vm26 .vm-timeline{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;background:linear-gradient(120deg,#152d52,#071c39);border:2px solid #88c4ff;border-radius:17px;margin:22px auto 0;max-width:1100px;padding:12px 16px;box-shadow:0 6px 0 #b1d7ff66,0 10px 20px #1455ff10}
#vm26 .vm-track-labels{display:flex;flex-direction:column;justify-content:space-around;gap:9px;color:#e2ecff;font-size:12px;border-right:1px solid #365375;padding-right:11px}
#vm26 .vm-track-labels>span{display:flex;align-items:center;gap:9px}
#vm26 .vm-track-labels .vm-icon{color:#d8e8ff;width:20px;height:20px;flex-basis:20px}
#vm26 .vm-tracks{position:relative;display:grid;gap:6px;min-width:0}
#vm26 .vm-video-track{display:flex;gap:3px;height:27px;border:1px solid #60b9ef;border-radius:3px;overflow:hidden}
#vm26 .vm-video-track>span{flex:1;background-size:cover;background-position:center 42%;border-right:1px solid #bbdeff66}
#vm26 .vm-video-track>span:nth-child(2n){background-position:center 65%}
#vm26 .vm-audio-track{height:24px;overflow:hidden;border-radius:3px;background:#064654;border:1px solid #0c8d91}
#vm26 .vm-audio-track svg{display:block;width:100%;height:100%}
#vm26 .vm-audio-track path{fill:none;stroke:#25e2bd;stroke-width:1.6}
#vm26 .vm-graphics-track{display:flex;align-items:stretch;gap:7px;height:16px;background:#1b3153}
#vm26 .vm-graphics-track>span{flex:1;background:linear-gradient(120deg,#a482ec,#6c5bda);border:1px solid #bb9bff;border-radius:3px}
#vm26 .vm-graphics-track>span:nth-child(2n){margin-left:5%;background:linear-gradient(120deg,#9960e4,#c17ff0)}
#vm26 .vm-playhead{position:absolute;top:-5px;bottom:-5px;left:50%;width:1.5px;background:#fff;box-shadow:0 0 7px #00caff;animation:vm26-scrub 8s ease-in-out infinite alternate}
#vm26 .vm-playhead:before{content:'';position:absolute;top:-2px;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #e9f6ff}
#vm26 .vm-benefit-section{padding-top:20px;padding-bottom:20px}
#vm26 .vm-benefit-section .vm-ico-box{color:#1455ff}
#vm26 .vm-format-note{display:flex;align-items:center;justify-content:center;gap:9px;max-width:1040px;margin:20px auto 0;padding:9px 15px;border-radius:12px;border:1px solid #accbff;background:#eff6ff;font-size:12px;line-height:1.4;color:#294979}
#vm26 .vm-format-note strong{color:#1455ff}
#vm26 .vm-pricing{padding-top:12px}
#vm26 .vm-faq-section h2{font-size:34px}
@keyframes vm26-scrub{from{left:24%}to{left:82%}}
@media(max-width:1199px){#vm26 .vm-hero h1{font-size:48px}#vm26 .vm-hero .vm-btn{font-size:12px;padding:11px 13px;gap:9px}#vm26 .vm-areas .vm-card{padding:21px 16px;gap:12px}#vm26 .vm-areas h3{font-size:20px}#vm26 .vm-areas .vm-card p{font-size:13px}#vm26 .vm-areas .vm-ico-box{width:49px;height:55px;flex-basis:49px}#vm26 .vm-areas .vm-icon{width:39px;height:39px;flex-basis:39px}#vm26 .vm-services .vm-card{padding:21px 16px;gap:13px}#vm26 .vm-services .vm-ico-box{width:38px;flex-basis:38px}#vm26 .vm-services .vm-icon{width:35px;height:35px;flex-basis:35px}#vm26 .vm-gallery-panel h2{font-size:31px}#vm26 .vm-gallery-card>div{height:215px}#vm26 .vm-gallery-card figcaption{font-size:13px;gap:6px}#vm26 .vm-delivery-heading h2{font-size:29px}#vm26 .vm-delivery-steps li{gap:10px;padding:11px 12px}#vm26 .vm-delivery-steps h3{font-size:14px}#vm26 .vm-delivery-steps p{font-size:11px}}
@media(max-width:991px){#vm26 .vm-hero h1{font-size:55px}#vm26 .vm-hero .vm-lead{max-width:660px}#vm26 .vm-hero .vm-btn{font-size:14px;padding:12px 18px}#vm26 .vm-hero-media{max-width:760px;margin:12px auto 0}#vm26 .vm-hero .vm-checks{font-size:12px}#vm26 .vm-areas .vm-card{flex-direction:column;padding:21px 18px;gap:12px}#vm26 .vm-areas h3{font-size:20px}#vm26 .vm-areas .vm-card p{font-size:14px}#vm26 .vm-gallery-panel{padding:26px 18px 18px}#vm26 .vm-gallery-card>div{height:190px}#vm26 .vm-gallery-card figcaption{font-size:12px;min-height:65px;gap:6px}#vm26 .vm-gallery-card figcaption .vm-icon{width:20px;height:20px;flex-basis:20px}#vm26 .vm-delivery-heading h2{font-size:34px}#vm26 .vm-process-photo{max-width:660px;margin:auto}#vm26 .vm-delivery-steps h3{font-size:17px}#vm26 .vm-delivery-steps p{font-size:13px}#vm26 .vm-timeline{margin-top:27px}#vm26 .vm-faq-section h2 br{display:block}#vm26 .vm-faq-section h2{font-size:31px}}
@media(max-width:767px){#vm26 .vm-areas .vm-card{flex-direction:row;gap:17px;padding:22px}#vm26 .vm-areas h3{font-size:24px}#vm26 .vm-areas .vm-card p{font-size:15px}#vm26 .vm-services{padding-top:8px}#vm26 .vm-gallery-panel h2{font-size:29px}#vm26 .vm-gallery-panel .vm-heading p{font-size:13px}#vm26 .vm-gallery-card{max-width:480px;margin:auto}#vm26 .vm-gallery-card>div{height:auto;aspect-ratio:1.4}#vm26 .vm-gallery-card figcaption{font-size:17px;min-height:52px;padding:13px 12px}#vm26 .vm-gallery-card figcaption .vm-icon{width:25px;height:25px;flex-basis:25px}#vm26 .vm-delivery-heading h2{font-size:31px}#vm26 .vm-format-note{font-size:12px;align-items:flex-start;border-radius:12px}}
@media(max-width:575px){#vm26 .vm-hero h1{font-size:41px;letter-spacing:-1.4px}#vm26 .vm-hero .vm-tag{font-size:9px;padding:5px 11px}#vm26 .vm-hero .vm-lead{font-size:15px}#vm26 .vm-hero .vm-checks{font-size:10px;gap:10px 15px}#vm26 .vm-hero-media>img{border-radius:18px}#vm26 .vm-image-caption{font-size:8px;right:5px;padding:4px 8px}#vm26 .vm-areas{padding-top:26px;padding-bottom:22px}#vm26 .vm-areas .vm-ico-box{width:53px;height:58px;flex-basis:53px}#vm26 .vm-areas .vm-icon{width:42px;height:42px;flex-basis:42px}#vm26 .vm-areas h3{font-size:22px}#vm26 .vm-services .vm-card{padding:21px 17px;gap:16px}#vm26 .vm-gallery-panel{padding:24px 15px 17px;border-radius:22px}#vm26 .vm-gallery-panel h2{font-size:27px}#vm26 .vm-gallery-card figcaption{font-size:15px;gap:8px}#vm26 .vm-sample-note{font-size:10px}#vm26 .vm-delivery-heading h2{font-size:28px}#vm26 .vm-process-photo{border-radius:18px}#vm26 .vm-delivery-steps{padding-left:20px}#vm26 .vm-delivery-steps li{align-items:flex-start;gap:10px;padding:13px 11px}#vm26 .vm-delivery-steps li:before{left:-21px}#vm26 .vm-delivery-steps li>span{display:none}#vm26 .vm-delivery-steps h3{font-size:16px}#vm26 .vm-delivery-steps p{font-size:12px}#vm26 .vm-timeline{grid-template-columns:68px minmax(0,1fr);gap:9px;padding:12px 10px;border-radius:12px}#vm26 .vm-track-labels{font-size:8px;gap:7px;padding-right:7px}#vm26 .vm-track-labels>span{gap:5px}#vm26 .vm-track-labels .vm-icon{width:15px;height:15px;flex-basis:15px}#vm26 .vm-video-track{height:22px}#vm26 .vm-audio-track{height:21px}#vm26 .vm-graphics-track{height:13px;gap:4px}#vm26 .vm-format-note{font-size:11px;padding:11px 12px}#vm26 .vm-faq-section h2{font-size:29px}}