.rupy-font {
    font-family: "Segoe UI","Roboto","Arial","sans-serif"
}

.abt-img.video-player {
    position: relative;
    width: 100%;
    padding-bottom: 64.3%;
    height: 0;
    overflow: hidden;
    border-radius: 8px
}

.abt-img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.global-box .global-left .presence-country .country .country-contacts li a {
    transition: color 0.3s ease
}

.global-box .global-left .presence-country .country .country-contacts li a:hover {
    color: #113c63
}

.abt-investors .investors-row .investors-col-left .report-news .report {
    transition: transform 0.3s ease,box-shadow 0.3s ease,border-left 0.3s ease,background-color 0.3s ease;
    padding: 16px;
    background-color: #fff;
    border-left: 4px solid transparent;
    border-radius: 8px
}

.abt-investors .investors-row .investors-col-left .report-news .report:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,.08);
    border-left: 4px solid #113c63;
    background-color: #f9faff
}

.visionaries .leaders-box .leads {
    transition: transform 0.4s ease
}

.visionaries .leaders-box .leads:hover {
    transform: translateY(-5px)
}

.power-of-tech .tec-box .tect-item {
    transition: transform 0.3s ease,box-shadow 0.3s ease
}

.power-of-tech .tec-box .tect-item:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    z-index: 1
}

.abt-padding {
    padding: 80px 64px
}

.abt-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 56px
}

.abt-info {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 24px;
    color: #323232
}

.abt-ut-banner {
    background-image: url(/assets//bg/abt-us-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 350px 4px 114px 4px
}

.abt-ut-banner h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 16px
}

.abt-ut-banner p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 32px
}

.abt-ut-banner p span {
    font-weight: 700
}

.text-323232 {
    color: #323232!important
}

.text-EE7C87 {
    color: #ee7c87!important
}

.text-E32235 {
    color: #e32235!important
}

.text-484848 {
    color: #484848!important
}

.text-323232 {
    color: #323232!important
}

.text-323232 {
    color: #323232!important
}

.font-18 {
    font-size: 18px;
    line-height: 27px
}

.font-24 {
    font-size: 24px;
    line-height: 36px
}

.font-40 {
    font-size: 40px;
    line-height: 52px
}

.abt-global-office .abt-office-grid {
    display: grid;
    grid-template-columns: 421px 223px 198px 446px;
    grid-template-rows: auto;
    justify-content: center;
    gap: 24px
}

.abt-global-office .abt-office-grid .abt-grid-item {
    border-radius: 16px;
    padding: 24px;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    gap: 29px
}

.abt-global-office .abt-office-grid .abt-grid-item .abt-img,.abt-global-office .abt-office-grid .abt-grid-item .abt-img img {
    width: 100%
}

.abt-global-office .abt-office-grid .abt-grid-item .abt-grid-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #323232;
    margin-bottom: 11px
}

.abt-global-office .abt-office-grid .abt-grid-item .abt-grid-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #323232
}

.abt-global-office .abt-office-grid .abt-grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2
}

.abt-global-office .abt-office-grid .abt-grid-item:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2
}

.abt-global-office .abt-office-grid .abt-grid-item:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/2
}

.abt-global-office .abt-office-grid .abt-grid-item:nth-child(4) {
    grid-column: 1/3;
    grid-row: 2/3;
    flex-direction: row;
    gap: 24px;
    justify-content: center
}

.abt-global-office .abt-office-grid .abt-grid-item:nth-child(5) {
    grid-column: 3/5;
    grid-row: 2/3;
    flex-direction: row;
    gap: 24px;
    justify-content: center
}

.power-of-tech,.abt-investors,.about-overview,.global-presence,.award-section-desktop {
    background-color: #f7f7f7!important
}

.power-of-tech .tec-box {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: 152px 152px;
    gap: 16px;
    justify-content: center
}

.power-of-tech .tec-box .tect-item {
    display: flex;
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #1018280d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px
}

.power-of-tech .tec-box .tect-item .tech-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.symbolic_moments_wraper {
    padding: 80px 0
}

.symbolic_moments_wraper h2 {
    margin-bottom: 56px
}

.symbolic_moments_wraper .symbolic_moments_data .year {
    border: 1px solid #ee7c87;
    padding: 16px 24px;
    width: max-content;
    border-radius: 1000px;
    margin-bottom: 26px;
    position: relative;
    background-color: #fff
}

.symbolic_moments_wraper .symbolic_moments_data .border-right-after:after {
    content: "";
    width: 170%;
    background-color: #828080;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 170px;
    z-index: -1
}

.symbolic_moments_wraper .symbolic_moments_data .year_list h3 {
    position: relative;
    margin-bottom: 43px!important
}

.symbolic_moments_wraper .symbolic_moments_data .year_list h3:before {
    content: "";
    width: 47px;
    height: 2px;
    background: #e32235;
    position: absolute;
    bottom: -11px
}

.symbolic_moments_wraper .year_list_data {
    margin-bottom: 24px
}

.symbolic_moments_wraper .year_list_data h4 {
    margin-bottom: 4px
}

.symbolic_moments_wraper .symbolic-moments-img {
    margin-top: 63px
}

.abt-investors .investors-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #212121;
    margin-bottom: 24px
}

.abt-investors .investors-row {
    display: flex;
    justify-content: center;
    gap: 73px
}

.abt-investors .investors-row .investors-col-left {
    max-width: 635px
}

.abt-investors .investors-row .investors-col-left .key-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #323232;
    margin-bottom: 24px;
    text-align: left
}

.abt-investors .investors-row .investors-col-left .investor-list {
    list-style: none;
    padding-left: 16px;
    margin-bottom: 32px
}

.abt-investors .investors-row .investors-col-left .investor-list li {
    position: relative;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    padding-left: 16px
}

.abt-investors .investors-row .investors-col-left .investor-list li span {
    font-weight: 700
}

.abt-investors .investors-row .investors-col-left .investor-list li::after {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(/wp-content/uploads/2025/07/tick.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -16px;
    top: 0
}

.abt-investors .investors-row .investors-col-left .investor-list li:last-child {
    margin-bottom: 0
}

.abt-investors .investors-row .investors-col-left .report-news {
    display: flex;
    align-items: stretch;
    gap: 16px
}

.abt-investors .investors-row .investors-col-left .report-news .report {
    background-color: #f9fafb;
    border: 1px solid #828080;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: stretch;
    align-items: stretch
}

.abt-investors .investors-row .investors-col-left .report-news .report:nth-child(1) {
    max-width: 220px;
    width: 100%
}

.report-type {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #e32235
}

.report-year {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121
}

.report-year span:nth-child(2),.report-text span:nth-child(2) {
    align-self: end
}

.report-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.report-year span:nth-child(2) img,.report-text span:nth-child(2) img {
    width: 24px!important;
    height: 24px!important;
    max-width: unset
}

.visionaries .leaders-box {
    display: grid;
    grid-template-columns: repeat(4,285px);
    grid-template-rows: auto;
    gap: 44px 24px;
    justify-content: center
}

.visionaries .leaders-box .leads {
    grid-column: span 1;
    grid-row: span 1;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.visionaries .leaders-box .leads .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 8px;
    margin-top: auto
}

.visionaries .leaders-box .leads div:nth-child(1) {
    position: relative;
    z-index: 1
}

.visionaries .leaders-box .leads div:nth-child(1) .linkedin {
    position: absolute;
    cursor: pointer;
    right: 16px;
    bottom: 11px;
    z-index: 2;
    cursor: pointer
}

.visionaries .leaders-box .leads .designation {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #484848;
    margin-bottom: 16px
}

.visionaries .leaders-box .leads .total-experience {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.about-overview .abt-over-box {
    border-radius: 16px;
    background-color: #fff;
    padding: 40px
}

.about-overview .abt-over-box .over-title {
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    color: #212121;
    margin-bottom: 16px
}

.about-overview .abt-over-box .over-text {
    margin-bottom: 24px
}

.about-overview .abt-over-box .over-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #323232
}

.about-overview .abt-over-box .over-text p span {
    font-weight: 600
}

.about-overview .abt-over-box .overview-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    gap: 48px 0;
    padding-top: 32px;
    justify-content: center;
    position: relative
}

.about-overview .abt-over-box .overview-row .col-over::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #e7e7e7;
    bottom: -24px;
    left: 0
}

.about-overview .abt-over-box .overview-row .col-over {
    border-right: 1px solid #e7e7e7;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    padding-left: 24px
}

.about-overview .abt-over-box .overview-row .col-over:nth-child(4),.about-overview .abt-over-box .overview-row .col-over:nth-child(8) {
    border: none
}

.about-overview .abt-over-box .overview-row .col-over:nth-child(1),.about-overview .abt-over-box .overview-row .col-over:nth-child(5) {
    padding-left: 0
}

.about-overview .abt-over-box .overview-row .col-over .title {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #212121
}

.about-overview .abt-over-box .overview-row .col-over .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.about-overview .abt-over-box .overview-row .col-over .text span {
    font-weight: 600
}

.abt-padding-global {
    padding: 0 4px 80px 4px
}

.global-box {
    display: grid;
    grid-template-columns: 644px 425px;
    grid-template-rows: auto;
    gap: 166px;
    justify-content: center;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 1px 2px 0 #1018280d;
    align-items: center;
    background-color: #fff
}

.global-box .global-left,.global-box .global-right {
    grid-column: span 1;
    grid-row: span 1
}

.global-box .global-left .presence-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #212121;
    margin-bottom: 64px
}

.global-box .global-left .presence-country {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    gap: 48px
}

.global-box .global-left .presence-country .country {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-right: 1px solid #e7e7e7
}

.global-box .global-left .presence-country .country:nth-child(3) {
    border-right: none
}

.global-box .global-left .presence-country .country .country-details {
    display: flex;
    align-items: center;
    gap: 16px
}

.global-box .global-left .presence-country .country .country-contacts {
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.global-box .global-left .presence-country .country .country-contacts li,.global-box .global-left .presence-country .country .country-contacts li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #212121;
    position: relative
}

.global-box .global-left .presence-country .country .country-contacts li a {
    margin-bottom: 0;
    text-decoration: none
}

.global-box .global-left .presence-country .country .country-contacts li::before {
    content: "";
    position: absolute;
    left: -26px;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    transform: translateY(-50%)
}

.global-box .global-left .presence-country .country .country-contacts li:nth-child(:last-child) {
    margin-bottom: 0
}

.global-box .global-left .presence-country .country .country-contacts li.location::before {
    background-image: url(/wp-content/uploads/2025/07/map-pin-1.svg)
}

.global-box .global-left .presence-country .country .country-contacts li.number::before {
    background-image: url(/wp-content/uploads/2025/07/call.svg)
}

.global-box .global-left .presence-country .country .country-contacts li.mail::before {
    background-image: url(/wp-content/uploads/2025/07/mail.svg)
}

.global-box .global-right .form-wrapper {
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px;
    min-height: 473px
}

.global-box .global-left .presence-country .country .country-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121
}

.global-box .global-right .form-wrapper .form-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #18181b;
    margin-bottom: 16px
}

@media screen and (min-width: 1440px) {
    .investors-col-right img {
        max-width:unset
    }

    .global-presence .container {
        max-width: 1340px
    }

    .global-box .global-left .presence-country {
        display: grid;
        grid-template-columns: 200px 188px 1fr;
        grid-template-rows: auto;
        gap: 48px
    }
}

@media screen and (max-width: 1440px) {
    .abt-global-office .abt-office-grid {
        grid-template-columns:3.27fr 1.73fr 1.54fr 3.46fr
    }

    .power-of-tech .tec-box {
        grid-template-columns: repeat(4,1fr)
    }

    .abt-investors .investors-row .investors-col-left {
        max-width: unset
    }

    .visionaries .leaders-box {
        grid-template-columns: repeat(3,1fr)
    }

    .global-box {
        grid-template-columns: 1fr 1fr;
        gap: 34px
    }

    .global-box .global-left .presence-country {
        grid-template-columns: repeat(2,1fr)
    }

    .global-box .global-left .presence-country .country:nth-child(3) {
        border-right: 1px solid #e7e7e7
    }

    .global-box .global-left .presence-country .country:nth-child(2) {
        border-right: 1px solid transparent
    }
}

@media screen and (min-width: 1300px) {
    .about-overview .abt-over-box .overview-row .col-over:nth-child(7)::before,.about-overview .abt-over-box .overview-row .col-over:nth-child(8)::before,.about-overview .abt-over-box .overview-row .col-over:nth-child(5)::before,.about-overview .abt-over-box .overview-row .col-over:nth-child(6)::before {
        display:none
    }

    .mx-213 {
        max-width: 213px
    }
}

@media screen and (max-width: 1300px) {
    .abt-investors .investors-row {
        flex-direction:column
    }

    .abt-investors .investors-title {
        text-align: center
    }

    .abt-investors .investors-row .investors-col-left .key-title {
        text-align: center
    }

    .abt-investors .investors-row .investors-col-left .report-news {
        justify-content: center
    }

    .abt-investors .investors-row .investors-col-left .investor-list {
        margin-left: auto;
        margin-right: auto;
        max-width: 516px
    }

    .abt-investors .investors-row .investors-col-right {
        text-align: center
    }

    .about-overview .abt-over-box .overview-row {
        grid-template-columns: repeat(2,1fr)
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-child(2),.about-overview .abt-over-box .overview-row .col-over:nth-child(6) {
        border-right: none
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-child(7)::before,.about-overview .abt-over-box .overview-row .col-over:nth-child(8)::before {
        display: none
    }

    .abt-global-office .abt-office-grid {
        grid-template-columns: 1fr 1fr
    }

    .abt-global-office .abt-office-grid .abt-grid-item {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    .abt-global-office .abt-office-grid .abt-grid-item:nth-child(3) {
        grid-column: 1/3!important;
        grid-row: 2/3!important
    }

    .abt-global-office .abt-office-grid .abt-grid-item:nth-child(4),.abt-global-office .abt-office-grid .abt-grid-item:nth-child(5) {
        flex-direction: column;
        justify-content: flex-start
    }

    .power-of-tech .tec-box {
        grid-template-columns: repeat(3,1fr)
    }

    .abt-global-office .abt-office-grid .abt-grid-item .abt-img,.abt-global-office .abt-office-grid .abt-grid-item .abt-img img {
        width: 100%;
        height: 100%
    }

    .abt-investors .investors-row .investors-col-left .report-news .report:nth-child(1) {
        max-width: unset
    }

    .abt-investors .investors-row .investors-col-left .report-news {
        flex-direction: column;
        max-width: 72%;
        margin: 0 auto
    }
}

@media screen and (max-width: 992px) {
    .abt-investors .investors-row .investors-col-right img {
        width:100%
    }

    .symbolic_moments_wraper .symbolic_moments_data .border-right-after:after {
        display: none
    }

    .symbolic_moments_data {
        position: relative
    }

    .symbolic_moments_data:before {
        content: "";
        width: 1px;
        background-color: #828080;
        height: auto;
        position: absolute;
        top: 2px;
        left: 24px;
        bottom: 0
    }

    .symbolic_moments_wraper .symbolic-moments-img,.symbolic_moments_wraper .year_list {
        padding-left: 40px
    }

    .symbolic_moments_wraper .symbolic_moments_data .year {
        position: sticky;
        top: 121px;
        background-color: #fff;
        z-index: 2;
        margin-bottom: 22px
    }

    .symbolic_moments_wraper .symbolic-moments-img {
        margin-bottom: 22px
    }

    .symbolic_moments_wraper .padding-0 {
        padding-bottom: 0!important
    }

    .symbolic_moments_wraper .margin-0 {
        margin-bottom: 0!important;
        padding-bottom: 22px
    }

    .visionaries .leaders-box {
        grid-template-columns: repeat(2,1fr)
    }

    .global-box {
        grid-template-columns: 1fr;
        padding: 24px
    }

    .global-box .global-left .presence-country {
        grid-template-columns: repeat(3,1fr);
        gap: 48px
    }

    .global-box .global-left .presence-country .country:nth-child(3) {
        border-right: 1px solid transparent
    }

    .global-box .global-left .presence-country .country:nth-child(2) {
        border-right: 1px solid #e7e7e7
    }

    .visionaries .leaders-box,.visionaries .leaders-box .leads img:not(.linkedin img) {
        width: 100%!important;
        height: 100%
    }

    .global-box .global-right .form-wrapper {
        max-width: 70%;
        margin: 0 auto
    }
}

@media screen and (min-width: 768.5px) and (max-width:992px) {
    .abt-img.mx-213 {
        height:166.23px!important
    }
}

@media screen and (min-width: 992px) and (max-width:1100px) {
    .abt-img.mx-213 {
        height:230px!important
    }
}

@media screen and (max-width: 768px) {
    .abt-ut-banner {
        padding:314px 4px 42px 4px
    }

    .abt-ut-banner h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .abt-ut-banner p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .abt-global-office .abt-office-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .abt-global-office .abt-office-grid .abt-grid-item:nth-child(3) {
        grid-column: span 1!important;
        grid-row: span 1!important
    }

    .abt-padding {
        padding: 32px 4px
    }

    .abt-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 24px!important
    }

    .abt-global-office .abt-office-grid .abt-grid-item {
        padding: 16px;
        border-radius: 8px
    }

    .power-of-tech .tec-box {
        grid-template-columns: repeat(2,1fr)
    }

    .abt-info {
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 16px
    }

    .power-of-tech .tec-box .tect-item .tech-name {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap
    }

    .symbolic_moments_wraper {
        padding: 32px 4px
    }

    .font-40 {
        font-size: 32px;
        line-height: 40px
    }

    .symbolic_moments_wraper h2 {
        margin-bottom: 8px
    }

    .symbolic_moments_wraper .symbolic_moments_data .year {
        margin-bottom: 34px;
        top: 107px
    }

    .symbolic_moments_wraper .symbolic_moments_data .year_list h3 {
        margin-bottom: 43px!important
    }

    .abt-investors .investors-row .investors-col-left .investor-list {
        margin-bottom: 16px
    }

    .abt-investors .investors-title,.abt-investors .investors-row .investors-col-left .key-title {
        text-align: left
    }

    .abt-investors .investors-row .investors-col-left .investor-list,.abt-investors .investors-row .investors-col-left .report-news .report:nth-child(1) {
        max-width: unset
    }

    .abt-investors .investors-row .investors-col-left .report-news {
        flex-direction: column;
        max-width: 100%;
        margin: 0 auto
    }

    .abt-investors .investors-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px
    }

    .abt-investors .investors-row .investors-col-left .key-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px
    }

    .abt-investors .investors-row .investors-col-left .investor-list li {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .abt-investors .investors-row {
        gap: 16px
    }

    .visionaries .leaders-box,.visionaries .leaders-box .leads {
        gap: 16px
    }

    .visionaries .leaders-box .leads .name {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .visionaries .leaders-box .leads .designation {
        font-weight: 500;
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 8px
    }

    .visionaries .leaders-box .leads .total-experience {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .about-overview .abt-over-box {
        border-radius: 8px;
        padding: 24px 16px
    }

    .about-overview .abt-over-box .over-text {
        margin-bottom: 24px
    }

    .about-overview .abt-over-box .over-text p {
        font-size: 16px;
        line-height: 24px
    }

    .about-overview .abt-over-box .overview-row {
        padding-top: 24px;
        gap: 16px 32px
    }

    .about-overview .abt-over-box .overview-row .col-over {
        padding-right: 0;
        padding-left: 0;
        border-bottom: 1px solid #e7e7e7;
        border-right: none;
        word-break: break-word
    }

    .about-overview .abt-over-box .overview-row .col-over::before {
        width: 1px;
        height: 100%;
        top: 0;
        right: -16px;
        left: auto
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-of-type(even)::before {
        display: none
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-child(4) {
        border-bottom: 1px solid #e7e7e7
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-child(7)::before {
        display: block
    }

    .about-overview .abt-over-box .overview-row .col-over:nth-child(7) {
        border-bottom: none
    }

    .global-box .global-left .presence-country {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .global-box .global-left .presence-country .country:not(:last-child) {
        padding-bottom: 16px;
        border-bottom: 1px solid #e7e7e7;
        border-right: 1px solid transparent!important
    }

    .global-box {
        gap: 24px;
        padding: 24px 16px;
        border-radius: 8px
    }

    .global-box .global-left .presence-title {
        font-weight: 600;
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 24px
    }

    .global-box .global-left .presence-country .country .country-name {
        font-weight: 500;
        font-size: 24px;
        line-height: 36px
    }

    .abt-padding-global {
        padding: 0 4px 32px 4px
    }

    .global-box .global-right .form-wrapper {
        padding: 24px 16px;
        border-radius: 16px
    }
}

@media screen and (max-width: 575px) {
    .abt-ut-banner {
        background-image:url(/wp-content/uploads/2025/07/abt-us-banner-mob.webp)
    }

    .about-overview .abt-over-box .overview-row .col-over .title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .about-overview .abt-over-box .overview-row .col-over .text {
        font-size: 14px;
        line-height: 21px;
        font-weight: 500
    }

    .symbolic_moments_wraper .symbolic_moments_data .year {
        top: 79px
    }

    .power-of-tech .tec-box {
        grid-template-columns: repeat(2,163px);
        gap: 8px
    }

    .global-box .global-right .form-wrapper {
        max-width: 100%
    }
}

.ks-odoo-education-page .ks-odoo-education-banner {
    background-image: url(/wp-content/uploads/2025/07/odoo-education-banner.webp)
}

.ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm {
    height: 113px;
    min-width: 292px
}

.ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm:nth-child(2),.ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm:nth-child(4) {
    min-width: 313px
}

.box-text-area-new {
    border: 1px solid #e7e7e7;
    border-radius: 16px
}

.ks-odoo-education-page .ks-manufacturing-expertise-section .snowflake-body {
    max-width: 1187px
}

.ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-container {
    grid-template-rows: 144px 144px 198px;
    grid-template-columns: 236px 0 238px 117px 103px 240px
}

.ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-item:nth-child(10),.ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-item:nth-child(11) {
    padding: 30px 24px
}

.ks-odoo-education-page .border-blue-card .card {
    border-color: #714b67;
    border-radius: 16px;
    border-width: 2px;
    background-color: #f2e6ef33!important;
    padding: 24px;
    box-shadow: none
}

.border-blue-card.rescue-card .card {
    border-bottom: 2px solid #714b67
}

.ks-odoo-education-page .event-grid-container .event-title {
    line-height: 52px
}

.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(1) .event-title {
    font-size: 72px;
    line-height: 86px
}

.ks-odoo-education-page .event-grid-container .event-text {
    line-height: 27px
}

.ks-odoo-education-page .ks-manufacturing-cta .container {
    background-image: url(/wp-content/uploads/2025/07/education-cta-bg.svg)
}

@media screen and (min-width: 1200px) {
    .ks-odoo-education-page .ks-manufacturing-expertise-section .accordion-header {
        width:297px
    }
}

@media screen and (max-width: 1199.98px) {
    .ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-container {
        grid-template-columns:0.241fr 0.03fr 0.229fr 0.136fr 0.105fr 0.26fr;
        grid-template-rows: 144px 175px 200px
    }
}

@media screen and (max-width: 991.98px) {
    .ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-container {
        grid-template-rows:250px 250px 250px;
        grid-template-columns: 1fr 1fr
    }

    .ks-odoo-education-page .ks-manufacturing-expertise-section .snowflake-body .accordion-item:last-child .accordion-button {
        padding-right: 30px
    }

    .ks-odoo-education-page .ks-odoo-education-banner {
        background-image: url(/wp-content/uploads/2025/07/odoo-education-banner-mob.webp);
        height: 840px;
        background-position: bottom
    }
}

@media screen and (max-width: 767.98px) {
    .ks-odoo-education-page .ks-odoo-education-banner {
        background-image:url(/wp-content/uploads/2025/07/odoo-education-banner-mob.webp);
        height: 1019px
    }

    .ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm {
        height: 104px
    }

    .ks-odoo-education-page .gartner-ks-sec-10 h3,.ks-section-title {
        font-size: 32px;
        line-height: 42px
    }

    .ks-odoo-education-page .gartner-ks-sec-10 p {
        font-weight: 500
    }

    .ks-odoo-education-page .ks-manufacturing-expertise-section .snowflake-body {
        margin-top: 24px
    }

    .ks-odoo-education-page .snowflake-subser,.ks-odoo-education-page .ks-section-sub-title {
        font-size: 16px;
        line-height: 24px
    }

    .ks-odoo-education-page .ks-section-title,.ks-odoo-education-page .ks-section-sub-title {
        text-align: start
    }

    .ks-odoo-education-page .ks-manufacturing-choose-section .event-grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9,179px)
    }

    .ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(4),.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(5),.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(6),.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(7) {
        flex-direction: column;
        align-items: start;
        justify-content: center
    }

    .ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(10),.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(11) {
        flex-direction: row!important;
        align-items: center!important
    }

    .mobile-btn {
        width: 100%;
        justify-content: center
    }

    .ks-odoo-education-page .ks-manufacturing-cta .container {
        border-radius: 24px;
        padding: 74px 16px
    }

    .ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(1) .event-title {
        font-size: 40px
    }

    .ks-odoo-education-page .event-grid-container .event-grid-item .event-title {
        line-height: 52px
    }

    .ks-odoo-education-page .event-grid-container .event-text {
        line-height: 22px
    }

    .ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm:nth-child(2),.ks-odoo-education-page .ks-odoo-erp-manufacturing-banner .sup-capm:nth-child(4) {
        min-width: 100%
    }

    .ks-odoo-erp-manufacturing-page .ks-manufacturing-choose-section .event-grid-container .event-grid-item:after {
        background-size: auto
    }
}

.odo-redusbnr {
    background-image: url(/wp-content/uploads/2025/07/redusbnr.webp);
    min-height: 650px;
    height: 650px
}

.proven-transisitons {
    padding: 64px 4px
}

.proven-transisitons .proven-main-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 16px
}

.proven-transisitons .proven-main-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.proven-transisitons .proven-grid-box {
    display: grid;
    grid-template-columns: 609px 609px;
    grid-template-rows: auto;
    justify-content: center;
    column-gap: 32px;
    row-gap: 38px;
    margin-top: 40px
}

.proven-transisitons .proven-grid-box .proven-item {
    display: grid;
    grid-template-columns: 94px 69px 1fr;
    grid-template-rows: 74px 89px auto;
    grid-column: span 1;
    grid-row: span 1;
    position: relative
}

.proven-transisitons .proven-grid-box .proven-item::after,.proven-transisitons .proven-grid-box .proven-item .num::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat
}

.proven-transisitons .num {
    grid-column: 1/3;
    grid-row: 1/3;
    background-color: #714b67;
    border-radius: 24px;
    font-weight: 600;
    font-size: 80px;
    line-height: 126px;
    vertical-align: middle;
    color: #fff;
    padding: 0 24px;
    position: relative;
    z-index: 1
}

.proven-transisitons .content {
    grid-column: 2/4;
    grid-row: 2/4;
    padding: 24px 24px 24px 78px;
    background: linear-gradient(125.76deg,rgba(252,252,252,.3) 37.19%,rgba(239,237,237,.3) 89.26%);
    border: 1px solid #fff6;
    backdrop-filter: blur(12px);
    box-shadow: 4px 4px 8px 0 #c4c4c440;
    border-radius: 24px;
    position: relative;
    z-index: 2
}

.proven-transisitons .proven-grid-box .proven-item:nth-child(1)::after,.proven-transisitons .proven-grid-box .proven-item:nth-child(5)::after {
    background-image: url(/wp-content/uploads/2025/07/one-bg.svg);
    top: 40px;
    left: auto;
    right: -12px;
    width: 450px;
    height: 40px
}

.proven-transisitons .proven-grid-box .proven-item:nth-child(4)::after,.proven-transisitons .proven-grid-box .proven-item:nth-child(8)::after {
    background-image: url(/wp-content/uploads/2025/07/four-bg.png);
    top: 40px;
    left: auto;
    right: -12px;
    width: 450px;
    height: 40px
}

.proven-transisitons .proven-grid-box .proven-item:nth-child(2) .num::after,.proven-transisitons .proven-grid-box .proven-item:nth-child(6) .num::after {
    background-image: url(/wp-content/uploads/2025/07/two-bg.png);
    top: 40px;
    left: auto;
    right: -200px;
    width: 188px;
    height: 40px
}

.proven-transisitons .proven-grid-box .proven-item:nth-child(3) .num::after,.proven-transisitons .proven-grid-box .proven-item:nth-child(7) .num::after {
    background-image: url(/wp-content/uploads/2025/07/three-bg.png);
    top: -29px;
    left: auto;
    right: -200px;
    width: 182px;
    height: 78px
}

.proven-transisitons .proven-grid-box .proven-item:nth-child(4)::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/07/down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: auto;
    bottom: 0;
    left: 43px;
    height: 69%;
    width: 100%
}

.proven-transisitons .content .proven-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121;
    margin-bottom: 24px
}

.proven-transisitons .content .proven-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.proven-transisitons .content .proven-list {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.proven-transisitons .content .proven-list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #484848
}

.proven-transisitons .content .proven-list li:last-child {
    margin-bottom: 0
}

.bg-poorcard {
    border-radius: 16px;
    background: #f9fafb;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px
}

.bg-poorcard .card-title {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px
}

.bg-poorcard .card-text {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.rescue-poorcard .col-xl-4.col-lg-6.col-md-6 {
    padding: 0;
    max-width: 31%;
    width: 100%
}

.rescue-poorcard {
    gap: 16px
}

.odo-redusbnr .banner-card-box.odoerp:nth-child(1) {
    min-width: 194px!important;
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    padding: 16px;
    height: 100%;
    text-align: start
}

.odo-redusbnr .banner-card-box.odoerp:nth-child(2) {
    min-width: 166px!important;
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    padding: 16px;
    height: 100%;
    text-align: start
}

.odo-redusbnr .banner-card-box.odoerp:nth-child(3) {
    min-width: 220px!important;
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    padding: 16px;
    height: 100%;
    text-align: start
}

.odo-redusbnr .banner-card-box.odoerp:nth-child(3) img {
    height: 48px
}

.odo-redusbnr .banner-card-box.odoerp:nth-child(1) img {
    height: 50px;
    width: 100%
}

div#rfp_contact_modal .ks-AutoCapture-form-unit .btnFileUpload {
    width: 100%;
    padding: 8px 12px
}

div#rfp_contact_modal .mainDivFile {
    padding: 0 0;
    display: none
}

input.ks-file-style {
    display: flex!important;
    font-size: 14px;
    padding: 8px 8px 8px 8px!important
}

.rfp-form.fileupload .wpcf7-form-control-wrap input[type="email"]::placeholder {
    color: #454753;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    opacity: .5
}

.rfp-form.fileupload .wpcf7-form-control-wrap input[type="email"] {
    border: 1px solid #e8e8e9;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #fff;
    width: 100%;
    resize: none;
    appearance: none
}

.rfp-form.fileupload .wpcf7-form-control-wrap input[type="email"]:focus,.rfp-form.fileupload .wpcf7-form-control-wrap input[type="email"]:focus-visible {
    outline: none
}

.rfp-form.fileupload .form-group {
    width: 100%
}

div#rfp_contact_modal .mainDivFile .fileNameExternal {
    width: 240px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

@media screen and (min-width: 992px) {
    .proven-transisitons .proven-grid-box .proven-item:nth-child(1) {
        order:1
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(2) {
        order: 2
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(3) {
        order: 4
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(4) {
        order: 3
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(5) {
        order: 5
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(6) {
        order: 6
    }

    .proven-transisitons .proven-grid-box .proven-item:nth-child(7) {
        order: 8
    }

    .proven-grid-box .proven-item:nth-child(8) {
        order: 7
    }
}

@media screen and (max-width: 1350px) {
    .proven-transisitons .proven-grid-box {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (max-width: 1080px) {
    .rescue-poorcard .col-xl-4.col-lg-6.col-md-6 {
        max-width:48%;
        width: 100%
    }

    .odo-redusbnr {
        min-height: 550px;
        height: 550px
    }
}

@media screen and (max-width: 992px) {
    div#rfp_contact_modal .ks-AutoCapture-form-unit .btnFileUpload {
        width:56%;
        padding: 8px 12px
    }

    div#rfp_contact_modal .mainDivFile .fileNameExternal {
        border: none!important;
        outline: none;
        background: transparent;
        color: #6c757d;
        width: 100%!important
    }

    .proven-transisitons .proven-grid-box {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .proven-transisitons .proven-grid-box .proven-item .num::after,.proven-transisitons .proven-grid-box .proven-item::before {
        display: none!important
    }

    .proven-transisitons .proven-grid-box .proven-item::after {
        top: auto!important;
        bottom: -38px!important;
        background-image: url(/wp-content/uploads/2025/07/mob-down.svg)!important;
        height: 38px!important;
        right: auto!important;
        width: 100%!important;
        transform: translateX(-50%)!important;
        left: 50%!important;
        background-position: center
    }

    .proven-transisitons .proven-grid-box .proven-item:last-child:after {
        display: none!important
    }

    .odo-redusbnr {
        background-image: url(/wp-content/uploads/2025/07/resuce-mg.webp);
        min-height: 1100px;
        background-position: bottom;
        height: auto;
        padding: 32px 0
    }

    .odo-redusbnr::before {
        display: none
    }
}

@media screen and (max-width: 767.89px) {
    div#rfp_contact_modal .mainDivFile .fileNameExternal {
        width:100%!important;
        font-size: 12px;
        padding: 8px 4px 8px 8px!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    div#rfp_contact_modal .ks-AutoCapture-form-unit .btnFileUpload {
        width: 66%;
        padding: 8px 12px;
        font-size: 12px;
        height: 41px
    }

    div#rfp_contact_modal .mainDivFile input::placeholder {
        color: #454753;
        font-size: 12px!important;
        font-weight: 500
    }

    .rescue-poorcard .col-xl-4.col-lg-6.col-md-6 {
        max-width: 94%;
        width: 100%
    }

    .odo-redusbnr .banner-card-box.odoerp:nth-child(1) {
        min-width: 100%!important;
        min-height: auto;
        height: auto;
        align-items: center
    }

    .odo-redusbnr .banner-card-box.odoerp:nth-child(2) {
        min-width: 100%!important;
        min-height: auto;
        height: auto;
        align-items: center
    }

    .odo-redusbnr .banner-card-box.odoerp:nth-child(3) {
        min-width: 100%!important;
        min-height: auto;
        height: auto;
        align-items: center
    }

    .odo-redusbnr {
        min-height: 830px
    }

    .proven-transisitons .proven-grid-box .proven-item::after {
        height: 24px!important;
        left: 50%!important;
        bottom: -30px!important;
        background-position: center
    }

    .odo-redusbnr .banner-card-box.odoerp:nth-child(1) img {
        height: 40px;
        width: 82px;
        min-width: 82px
    }

    .proven-transisitons {
        padding: 32px 4px
    }

    .proven-transisitons .proven-grid-box {
        gap: 40px
    }

    .proven-transisitons .proven-grid-box .proven-item {
        grid-template-columns: 52px 40px 1fr;
        grid-template-rows: 58px 32px auto
    }

    .proven-transisitons .num {
        font-weight: 600;
        font-size: 56px;
        line-height: 89.6px;
        vertical-align: middle;
        text-align: center
    }

    .proven-transisitons .content {
        padding: 16px
    }

    .proven-transisitons .proven-main-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px;
        text-align: left
    }

    .proven-transisitons .proven-main-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .proven-transisitons .proven-grid-box {
        margin-top: 24px
    }
}

.ks-captcha-line-container input::placeholder {
    text-transform: capitalize
}

@media (max-width: 1250px) {
    .ks-captcha-line-container {
        display:block!important;
        text-align: start;
        width: 100%
    }

    .ks-captcha-line-container .ks-captcha-line {
        text-align: start;
        width: 100%;
        display: block!important;
        margin-bottom: 5px
    }
}

.ks-odoo-service-management-page .ks-odoo-education-banner {
    background-image: url(/wp-content/uploads/2025/07/odoo-service-management-banner.webp)
}

.ks-odoo-service-management-page .ks-odoo-erp-manufacturing-banner .sup-capm {
    height: 140px;
    min-width: 200px
}

.ks-odoo-service-management-page .ks-odoo-erp-manufacturing-banner .sup-capm:nth-child(2) {
    min-width: 215px
}

.l-h-40 {
    line-height: 40px
}

.ks-odoo-service-management-page .box-text-area-new {
    border: none
}

.ks-odoo-service-management-page .snowflake-body .accordion-img img {
    border-radius: 4px
}

.ks-odoo-service-management-page .ks-manufacturing-expertise-section .snowflake-body {
    max-width: 1206px
}

.ks-odoo-service-management-page .ks-manufacturing-choose-section .event-grid-container {
    grid-template-rows: 144px 144px 170px 143px
}

.ks-odoo-service-management-page .border-blue-card .card {
    background-color: #faf9facc!important
}

@media screen and (min-width: 1200px) {
    .ks-odoo-service-management-page .ks-manufacturing-expertise-section .accordion-header {
        width:320px
    }
}

@media screen and (max-width: 991.98px) {
    .ks-odoo-service-management-page .ks-manufacturing-choose-section .event-grid-container {
        grid-template-rows:250px 250px 250px
    }

    .ks-odoo-service-management-page .ks-odoo-education-banner {
        height: 886px;
        background-position: 80% 73%;
        background-image: url(/wp-content/uploads/2025/07/odoo-service-management-banner-mob.webp)
    }
}

@media screen and (max-width: 767.98px) {
    .ks-odoo-service-management-page .ks-odoo-education-banner {
        background-image:url(/wp-content/uploads/2025/07/odoo-service-management-banner-mob.webp);
        height: 864px;
        background-position: top
    }

    .ks-odoo-service-management-page .ks-odoo-erp-manufacturing-banner .sup-capm {
        height: 113px
    }

    .ks-odoo-service-management-page .event-kswhy .event-img img {
        width: 64px
    }

    .ks-odoo-service-management-page.ks-odoo-education-page .event-grid-container .event-grid-item:nth-child(10) {
        flex-direction: column!important;
        align-items: start!important
    }

    .ks-odoo-service-management-page .event-grid-container .event-text {
        line-height: 27px
    }

    .ks-odoo-service-management-page .ks-manufacturing-choose-section .event-grid-container {
        grid-template-rows: repeat(2,179px)
    }
}

@media screen and (max-width: 575.98px) {
    .ks-odoo-service-management-page .ks-manufacturing-choose-section .event-grid-container .event-grid-item {
        min-height:179px;
        height: auto
    }
}

.msd-services {
    background-color: #f9fafb
}

.msd-services .msd-content-box {
    border-left: 1px solid #e7e7e7;
    padding: 0 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.msd-services .msd-content-box .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #000
}

.msd-services .msd-content-box .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.msd-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 16px;
    color: #212121
}

.msd-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px;
    color: #323232
}

.msd-padding {
    padding: 64px 4px
}

.proven-msd .proven-content-box {
    background-color: #fcfcfc;
    border: 1px solid #e7e7e7;
    padding: 24px;
    border-radius: 16px
}

.proven-msd .proven-content-box .proven-img {
    margin-bottom: 16px
}

.proven-msd .proven-content-box .proven-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 8px
}

.proven-msd .proven-content-box .proven-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.engagement-models .model-engagement-box {
    border-bottom: 4px solid #212121;
    background-color: #fafafa;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.engagement-models .model-engagement-box .model-img {
    margin-bottom: 32px;
    width: auto;
    height: auto
}

.engagement-models .model-engagement-box .engage-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px;
    margin-top: auto
}

.engagement-models .model-engagement-box .engage-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #484848
}

@media screen and (min-width: 992px) {
    .msd-services .border-custom:nth-of-type(odd) .msd-content-box {
        border-left:1px solid transparent
    }

    .h-lg-100 {
        height: 100%!important
    }
}

@media screen and (min-width: 1200px) {
    .msd-services .border-custom:nth-child(1) .msd-content-box,.msd-services .border-custom:nth-child(4) .msd-content-box {
        border-left:1px solid #e7e7e7
    }

    .msd-services .border-custom:nth-of-type(odd) .msd-content-box {
        border-left: 1px solid #e7e7e7
    }
}

@media screen and (max-width: 992px) {
    .msd-services .border-custom .msd-content-box {
        border-left:1px solid transparent;
        border-bottom: 1px solid #e7e7e7
    }

    .msd-services .border-custom .msd-content-box {
        padding: 24px
    }
}

@media screen and (max-width: 768px) {
    .msd-title {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 16px
    }

    .msd-para {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 24px
    }

    .msd-services .msd-content-box .title {
        font-size: 24px;
        line-height: 36px
    }

    .msd-padding {
        padding: 32px 4px
    }
}

@media screen and (max-width: 575px) {
    .engagement-models .model-engagement-box .engage-title {
        font-size:18px;
        line-height: 27px;
        text-align: center
    }

    .engagement-models .model-engagement-box .engage-text {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }
}

div#ajax-loader {
    width: 80px;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.sfc-one.impleme-one {
    background-image: url(/wp-content/uploads/2025/07/sfc-.webp);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 72px 121px
}

.sfc-one .sales-Partnership {
    min-height: 116px
}

.impleme-four.sfc-four .col-lg-4.col-md-6 {
    margin-bottom: 0
}

.financial-common-padding {
    padding: 64px 4px
}

.finance-common-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.finance-common-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

.industry-serve .finance-common-text {
    margin-bottom: 40px
}

.finance-common-para {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.acheive-financial .acheive-box {
    display: flex;
    flex-direction: column;
    background-color: #f1f5f799;
    border-radius: 16px;
    border-bottom: 1px solid #042240;
    padding: 24px;
    gap: 16px;
    height: 100%;
    min-height: 208px
}

.acheive-financial .acheive-box .acheive-content {
    display: flex;
    align-items: center;
    gap: 16px
}

.acheive-financial .acheive-box .acheive-content .acheive-content-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29
}

.acheive-finance-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740
}

.finance-grid .finance-common-title {
    margin-bottom: 40px
}

.finance-grid-box {
    display: grid;
    grid-template-columns: 265px 234px 124px 375px;
    grid-template-rows: auto;
    gap: 16px;
    justify-content: center
}

.finance-grid-box .finance-item {
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 16px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.finance-grid-box .finance-item::before {
    content: "";
    position: absolute;
    background-position: center;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 5px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.finance-mssg {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.finance-grid-box .finance-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
    flex-direction: column;
    justify-content: center;
    gap: 64px;
    background-color: #f2f2f2
}

.finance-grid-box .finance-item:nth-child(1)::before {
    background-image: url(/wp-content/uploads/2025/07/b-one.png)
}

.finance-grid-box .finance-item:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2
}

.finance-grid-box .finance-item:nth-child(2)::before {
    background-image: url(/wp-content/uploads/2025/07/b-two.png);
    left: 0
}

.finance-grid-box .finance-item:nth-child(3)::before {
    background-image: url(/wp-content/uploads/2025/07/b-three.png);
    left: -11px
}

.finance-grid-box .finance-item:nth-child(4)::before {
    background-image: url(/wp-content/uploads/2025/07/b-four.png);
    left: -16px
}

.finance-grid-box .finance-item:nth-child(5)::before {
    background-image: url(/wp-content/uploads/2025/07/b-five.png);
    left: -15px
}

.finance-grid-box .finance-item:nth-child(6)::before {
    background-image: url(/wp-content/uploads/2025/07/b-six.png);
    left: 0
}

.finance-grid-box .finance-item:nth-child(7)::before {
    background-image: url(/wp-content/uploads/2025/07/b-seven.png);
    left: -12px
}

.finance-grid-box .finance-item:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/2;
    background-color: #f2f2f2
}

.finance-grid-box .finance-item:nth-child(4) {
    grid-column: 2/4;
    grid-row: 2/3
}

.finance-grid-box .finance-item:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3
}

.finance-grid-box .finance-item:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/4
}

.finance-grid-box .finance-item:nth-child(7) {
    grid-column: 3/5;
    grid-row: 3/4;
    background-color: #f2f2f2
}

.finance-grid-box .finance-item .finance-grid-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.finance-grid-box .finance-item ul {
    padding-left: 16px;
    margin-bottom: 0
}

.finance-grid-box .finance-item li {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #323232
}

.serve-card {
    position: relative;
    min-height: 331px;
    height: 100%;
    cursor: pointer;
    max-width: 100%;
    border-radius: 16px
}

.serve-card .img-card {
    position: relative
}

.serve-card .img-card img {
    width: 100%
}

.serve-card .hover-content {
    background-color: #03213f;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    padding: 24px 16px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    color: #fff
}

.serve-card .hover-content .hover-title {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px
}

.serve-card .hover-content .hover-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #f9fafb
}

.serve-card:hover .hover-content {
    opacity: 1
}

.serve-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(6,46,86,.4) 0%,rgba(4,39,74,.8) 41.34%,#03213f 82.68%);
    border-radius: 0 0 16px 16px;
    padding: 16px;
    width: 100%;
    min-height: 91px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #fff
}

.impleme-guidance.sec-imple {
    min-height: 0
}

@media screen and (min-width: 1200px) {
    .industry-serve .col-xl-3 {
        width:fit-content!important;
        flex: 0 0 auto!important;
        max-width: none!important
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .industry-serve .col-xl-3.col-lg-4.col-md-6.col-12 {
        grid-column:span 1!important;
        grid-row: span 1!important;
        width: 100%;
        padding: 0!important;
        margin: 0
    }

    .industry-serve .row {
        display: grid!important;
        grid-template-columns: repeat(2,245px)!important;
        grid-template-rows: auto!important;
        justify-content: center;
        gap: 24px;
        padding-top: 24px
    }
}

@media screen and (max-width: 1440px) {
    .finance-grid-box {
        grid-template-columns:2.66fr 2.35fr 1.24fr 3.76fr
    }
}

@media screen and (max-width: 1200px) {
    .finance-grid-box {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr
    }

    .finance-grid-box .finance-item {
        grid-row: span 1!important;
        grid-column: span 1!important;
        flex-direction: column!important;
        gap: 16px!important;
        justify-content: start!important
    }
}

@media screen and (max-width: 992px) {
    .finance-grid-box {
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr
    }

    .finance-grid-box .finance-item::before {
        background-size: cover
    }
}

@media screen and (max-width: 768px) {
    .financial-common-padding {
        padding:32px 4px
    }

    .finance-grid-box .finance-item .img-box img {
        max-width: unset
    }

    .finance-common-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 16px
    }

    .finance-common-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 16px
    }

    .finance-common-para {
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 24px
    }

    .industry-serve .finance-common-text {
        margin-bottom: 24px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

    .finance-grid .finance-common-title {
        margin-bottom: 24px
    }

    .finance-grid-box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(7,199px)
    }

    .finance-grid-box .finance-item {
        flex-direction: row!important;
        align-items: center!important;
        justify-content: flex-start!important
    }

    .finance-grid-box .finance-item:nth-child(1) {
        order: 1
    }

    .finance-grid-box .finance-item:nth-child(2) {
        order: 2
    }

    .finance-grid-box .finance-item:nth-child(3) {
        order: 4
    }

    .finance-grid-box .finance-item:nth-child(4) {
        order: 3
    }

    .finance-grid-box .finance-item:nth-child(5) {
        order: 5
    }

    .finance-grid-box .finance-item:nth-child(6) {
        order: 6
    }

    .finance-grid-box .finance-item:nth-child(7) {
        order: 7
    }

    .finance-grid-box .finance-item::before {
        top: 0
    }

    .finance-grid-box .finance-item:nth-child(1)::before {
        background-image: url(/wp-content/uploads/2025/07/b-one-mob.png)
    }

    .finance-grid-box .finance-item:nth-child(2)::before {
        background-image: url(/wp-content/uploads/2025/07/b-two-mob.png);
        left: 0
    }

    .finance-grid-box .finance-item:nth-child(3)::before {
        background-image: url(/wp-content/uploads/2025/07/b-three-mob.png);
        left: 0
    }

    .finance-grid-box .finance-item:nth-child(4)::before {
        background-image: url(/wp-content/uploads/2025/07/b-four-mob.png);
        left: -16px
    }

    .finance-grid-box .finance-item:nth-child(5)::before {
        background-image: url(/wp-content/uploads/2025/07/b-five-mob.png);
        left: 7px
    }

    .finance-grid-box .finance-item:nth-child(6)::before {
        background-image: url(/wp-content/uploads/2025/07/b-six-mob.png);
        left: 0
    }

    .finance-grid-box .finance-item:nth-child(7)::before {
        background-image: url(/wp-content/uploads/2025/07/b-seven-mob.png);
        left: -12px
    }
}

@media screen and (max-width: 575px) {
    .sfc-one.impleme-one {
        background-image:url(/wp-content/uploads/2025/07/sfc-mob.webp);
        padding: 32px 4px 332px 4px
    }
}

.apache-kafka-upgrade-banner {
    background-image: url(/wp-content/uploads/2025/07/apache-kafka-upgrade-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    min-height: 550px;
    height: auto
}

.apache-kafka-upgrade-page .snowfalk-heading {
    line-height: 60px
}

.apache-kafka-upgrade-page .border-left {
    border-left: 1px solid #828080
}

.apache-kafka-upgrade-page .sup-capm {
    min-width: 209px;
    height: 74px
}

.why-choose-upgrade-section .salesforce-grid-inner {
    border: .84px solid #e7e7e7;
    background: #f5f9ff;
    background-color: #f5f9ff!important
}

.why-choose-upgrade-section .salesforce-grid-inner.bg-white {
    background-color: #fff!important
}

.why-choose-upgrade-section .salesforce-grid-item-hire .salesforce-grid-inner:before {
    background-image: none!important
}

.why-choose-upgrade-section .salesforce-grid-inner .summit-circle {
    width: auto;
    height: auto
}

.why-choose-upgrade-section .salesforce-grid-inner {
    padding: 24px!important;
    gap: 16px!important
}

.why-choose-upgrade-section .salesforce-grid-inner .summit-title {
    font-size: 18px!important
}

.apache-kafka-upgrade-page .snawflak-row {
    background: #f5f9ff;
    border-radius: 16px;
    padding: 0 40px 0 80px;
    box-shadow: none
}

.apache-kafka-upgrade-page .snawfalk-cta {
    position: relative;
    width: auto;
    object-fit: cover;
    right: 0
}

.apache-kafka-upgrade-page .box-text-area-new {
    height: 100%
}

.apache-kafka-experties-section .accordion-img {
    min-width: 342px
}

.apache-kafka-steps-card {
    width: 318px;
    height: 385px
}

.kafka-steps-inner-card {
    box-shadow: 8px 8px 10px 0 #dedaf066;
    border-radius: 16px;
    height: calc(100% - 116px)
}

.apache-kafka-steps-card:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow1.svg);
    background-repeat: no-repeat;
    width: 372px;
    height: 387px;
    position: absolute;
    left: 0;
    top: 0
}

.apache-kafka-steps3:before {
    background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow2.svg);
    background-repeat: no-repeat;
    width: 387px;
    height: 645px
}

.apache-kafka-steps4:before {
    background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow3.svg);
    background-repeat: no-repeat;
    width: 374px;
    height: 387px;
    right: 0;
    left: auto
}

.apache-kafka-steps6:before {
    background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow4.svg);
    background-repeat: no-repeat;
    width: 320px;
    height: 387px
}

.steps-num {
    background: linear-gradient(90deg,#d7d7d7 0%,#9e9e9e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 88px;
    line-height: 114px
}

.apache-kafka-upgrade-page .snawflak-row2 {
    padding: 0 64px 0 64px
}

.apache-kafka-upgrade-page .industry-reach-section .box-text-area-new {
    box-shadow: 0 4px 4px 0 #0000000f;
    border-radius: 8px;
    height: 200px
}

.l-h-21 {
    line-height: 21px
}

@media screen and (min-width: 1200px) {
    .space-lg-nowrap {
        white-space:nowrap
    }

    .apache-kafka-experties-section .snowflake-body {
        max-width: 1240px
    }

    .apache-kafka-experties-section .accordion-header {
        width: 308px
    }

    .apache-kafka-experties-section .accordion-collapse {
        width: 869px
    }

    .apache-kafka-experties-section .snowflake-body .accordion-img img {
        width: 342px
    }

    .apache-kafka-upgrade-page .box-text-area-new {
        height: 152px
    }
}

@media screen and (min-width: 1400px) {
    .why-choose-upgrade-section .salesforce-grid-container {
        grid-template-rows:177px 28px 139px 228px;
        grid-template-columns: 262px 8px 260px 95px 151px 111px 212px
    }
}

@media screen and (max-width: 1200px) {
    .l-h-lg-24 {
        line-height:24px
    }

    .apache-kafka-experties-section .accordion-header {
        min-width: 250px
    }
}

@media screen and (max-width: 992px) {
    .apache-kafka-upgrade-page .profesiional-set-new.hire-sec-new .bg-extensive,.apache-kafka-upgrade-page .profesiional-set-new.hire-sec-new .bg-industry.partnership,.apache-kafka-upgrade-page .profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .bg-global {
        flex-direction:row!important;
        align-items: center!important;
        justify-content: start
    }

    .apache-kafka-upgrade-page .profesiional-set-new.hire-sec-new .bg-ongoing.salesser {
        justify-content: center!important
    }

    .apache-kafka-upgrade-page .salesforce-grid-item-hire .summit-circle {
        width: 64px;
        min-height: 64px;
        min-width: 64px
    }

    .apache-kafka-upgrade-page .order-4 {
        order: 4!important
    }

    .apache-kafka-upgrade-page .order-5 {
        order: 5!important
    }

    .apache-kafka-upgrade-page .order-6 {
        order: 6!important
    }

    .user-guid-content .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%
    }

    .user-guid-content table {
        width: 100%;
        min-width: 600px;
        border-collapse: collapse
    }

    .user-guid-content th,.user-guid-content td {
        padding: 8px 12px;
        border: 1px solid #ccc;
        text-align: left
    }
}

@media screen and (max-width: 767.98px) {
    .apache-kafka-upgrade-banner {
        background-image:url(/wp-content/uploads/2025/07/apache-kafka-upgrade-banner-bg-mobile.webp)
    }

    .apache-kafka-upgrade-page .snowfalk-heading {
        line-height: 40px;
        font-weight: 700!important
    }

    .apache-kafka-upgrade-page .font-sm-24 {
        font-size: 24px!important
    }

    .apache-kafka-upgrade-page .font-sm-20 {
        font-size: 20px!important
    }

    .apache-kafka-upgrade-page .profesiional-set-new .title {
        font-size: 32px;
        line-height: 40px
    }

    .apache-kafka-upgrade-page .sup-capm {
        padding: 16px
    }

    .why-choose-upgrade-section .salesforce-grid-inner {
        min-height: 122px
    }

    .why-choose-upgrade-section .salesforce-grid-inner .summit-circle {
        min-width: 72px!important;
        width: 72px!important;
        min-height: 72px!important
    }

    .why-choose-upgrade-section .salesforce-grid-inner .summit-title {
        font-size: 14px!important;
        line-height: 21px
    }

    .font-sm-48 {
        font-size: 48px!important
    }

    .l-h-sm-60 {
        line-height: 60px!important
    }

    .apache-kafka-upgrade-page .profesiional-set-new.hire-sec-new .salesforce-grid-item-hire .salesforce-grid-inner {
        padding: 24px!important
    }

    .apache-kafka-upgrade-page .salesforce-grid-container.oddo-erp-finac .salesforce-grid-item-hire .mob-bg-icon-1:before,.apache-kafka-upgrade-page .salesforce-grid-container.oddo-erp-finac .salesforce-grid-item-hire .mob-bg-icon-2:before {
        background-image: none!important
    }

    .apache-kafka-upgrade-page .snawflak-cta {
        margin: 0 16px
    }

    .apache-kafka-upgrade-page .snawflak-row {
        padding: 16px
    }

    .apache-kafka-upgrade-page .snawflak-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .apache-kafka-upgrade-page .gartner-ks-sec-10 h3,.apache-kafka-upgrade-page .snowflake-services {
        font-size: 32px;
        line-height: 40px
    }

    .apache-kafka-upgrade-page .snawflak-cta {
        padding: 32px 0
    }

    .apache-kafka-upgrade-page .snawflak-row {
        padding: 32px 16px!important
    }

    .apache-kafka-upgrade-page .snowflake-subser {
        font-size: 16px;
        line-height: 24px
    }

    .apache-kafka-steps-card:before {
        background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow-mobile.svg);
        width: 345px;
        height: 435px;
        margin: auto
    }

    .apache-kafka-steps6:before {
        background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow-mobile2.svg)
    }

    .kafka-steps-inner-card {
        height: calc(100% - 124px)
    }

    .apache-kafka-steps-card {
        width: 343px;
        height: 395px
    }

    .apache-kafka-upgrade-page .service-odoo-content>.font-16 {
        line-height: 24px
    }
}

@media screen and (max-width: 367.98px) {
    .apache-kafka-steps-card:before {
        left:-5px
    }

    .apache-kafka-experties-section .accordion-img img {
        width: 80%
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .apache-kafka-step-row {
        transform:scale(.8);
        margin-top: -70px
    }

    .custom-pt-md-0 {
        padding-top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1400px) {
    .apache-kafka-steps2-mobile:before {
        background-image:url(/wp-content/uploads/2025/07/kafka-approach-step-arrow2.svg);
        height: 645px;
        width: 390px
    }

    .apache-kafka-steps3-mobile:before {
        background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow3.svg);
        right: -16px;
        left: auto
    }

    .apache-kafka-steps4-mobile:before {
        background-image: url(/wp-content/uploads/2025/07/kafka-approach-step-arrow1.svg);
        left: 0
    }

    .apache-kafka-steps2-rotate:before {
        transform: rotateY(180deg)
    }

    .cust-order-md-3 {
        order: 4!important
    }

    .apache-kafka-upgrade-page .cust-order-md-4 {
        order: 3!important
    }

    .cust-order-md-5 {
        order: 5!important
    }

    .cust-order-md-6 {
        order: 6!important
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .text-content h1,.text-content p {
        justify-content:center;
        text-align: center
    }
}

.ks-auto-capture-event {
    padding: 16px 24px 24px
}

.add-p-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 40px;
    color: #212121
}

.add-p-bg {
    background-color: #f9fafb;
    margin-bottom: 110px
}

.card-price-add-temp {
    border-radius: 8px;
    border: 1px solid #cdcccc;
    box-shadow: 0 4px 8px -2px rgba(16,24,40,.05)
}

.card-price-add-temp .card-h {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121;
    border-radius: 8px 8px 0 0
}

.card-price-add-temp .card-h.f1f1f1 {
    background-color: #f1f1f1
}

.card-price-add-temp .card-h.e7e7e7 {
    background-color: #fce8ea
}

.card-price-add-temp.e7e7e7 {
    border-color: #ee7c87
}

.card-price-add-temp .tag-labels {
    background-color: #ff7a01;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    padding: 4px 8px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    border-radius: 4px;
    top: -8px;
    right: 24px
}

.card-price-add-temp .card-bottom-btn-space {
    padding-bottom: 96px!important;
    height: 100%;
    border-radius: 0 0 8px 8px
}

.card-price-add-temp .card-bottom-btn-space .btn:hover {
    transform: scale(1)
}

.card-btn-space {
    bottom: 24px;
    left: 0
}

.card-bottom-btn-space .col-7.px-2 {
    border: 1px solid #e7e7e7;
    border-left: 0;
    color: #212121;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px
}

.card-bottom-btn-space .col-5.px-3 {
    border: 1px solid #e7e7e7;
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-right: 8px!important
}

.card-bottom-btn-space .bl-r {
    border-radius: 0 0 0 8px
}

.card-bottom-btn-space .tl-4 {
    border-radius: 8px 0 0 0
}

.card-bottom-btn-space .tr-r {
    border-radius: 0 8px 0 0
}

.card-bottom-btn-space .br-r {
    border-radius: 0 0 8px 0
}

.card-bottom-btn-space .col-5.bt-0,.card-bottom-btn-space .col-7.bt-0 {
    border-top: 0
}

.py-6-5 {
    padding-top: 6.5px;
    padding-bottom: 6.5px;
    min-height: 76px;
    align-items: center;
    display: flex
}

.card-bottom-btn-space .bg-f9fafb {
    background-color: #f9fafb
}

@media screen and (max-width: 767.98px) {
    .add-p-title {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 21px
    }

    .add-p-bg {
        margin-bottom: 32px
    }

    .card-bottom-btn-space .col-7.px-2 {
        font-size: 12px;
        line-height: 18px
    }

    .card-bottom-btn-space .col-5,.card-bottom-btn-space .col-7 {
        width: 50%
    }

    .card-bottom-btn-space .card-bottom button {
        height: 56px
    }
}

@media screen and (max-width: 321px) {
    .collap-box {
        top:98px!important
    }
}

.img-290px {
    min-width: 290px
}

.odoo-event-exp-2025 .dgiq-sec-3 .time-grey-box {
    width: max-content;
    background: #f2d9f6
}

.dgiq-sec-3 .border-lr-new.border-white {
    border-color: #fff
}

@media screen and (max-width: 767.98px) {
    .odoo-event-exp-2025 .dgiq-sec-3 h4 {
        font-size:24px!important;
        line-height: 36px!important
    }

    .odoo-event-exp-2025 .dgiq-sec-3 .time-grey-box {
        width: 100%
    }

    .odoo-event-exp-2025 .dgiq-sec-3 {
        padding-top: 0
    }

    .img-290px {
        min-width: 290px;
        width: 100%
    }
}

.commom-ai-ml-banner .common-ai-ml-box .descriptive-items img {
    max-width: unset
}

.ml_two {
    position: relative;
    z-index: 1;
    background-image: url(/wp-content/uploads/2025/08/bg-two.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.ml_two .ml_box {
    padding: 64px 58px 64px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 16px
}

.ml_two .ml_box .right .ml_two-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #212121;
    margin-bottom: 24px
}

.ml_two .ml_box .right .ml_two-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848;
    margin-bottom: 16px
}

.ml_two .ml_box .right .ml_two_box {
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: -4px 4px 16px 0 #ddf0ff66;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    align-items: center;
    min-height: 64px
}

.ml_two .ml_box .right .ml_two_box .ml_two_box-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.ml_offers {
    padding: 64px 4px
}

.ml_offers .common-ml-consult-title {
    margin-bottom: 16px
}

.common-ml-consult-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 40px;
    text-align: center
}

.ml_offers .blue-box-ml {
    padding: 21px 22px 21px 22px;
    border: 1px solid #aedaff;
    background-color: #edf4f999;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}

.ml_offers .blue-box-ml::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/08/blue-hover.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    height: 110px;
    width: 145px;
    opacity: 20%;
    transition: all 0.3s ease-in-out
}

.ml_offers .blue-box-ml:hover::after {
    opacity: 100%
}

.ml_offers .blue-box-ml:hover {
    box-shadow: 4px 4px 8px 0 #edf4f9
}

.ml_offers .blue-box-ml .text-box {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ml_offers .blue-box-ml .text-box .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

.ml_offers .blue-box-ml .text-box .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.real-world.ml_two {
    padding: 64px 4px;
    background-color: #f9fafb;
    background-image: none
}

.real-world.ml_two .ml_box .left {
    order: 2
}

.real-world.ml_two .ml_box .right {
    order: 1
}

.real-world.ml_two .ml_box {
    padding: 0 0 0 58px;
    gap: 56px
}

.real-world.ml_two .common-ml-consult-title {
    margin-bottom: 16px
}

.real-world.ml_two .ml_two_card {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.real-world.ml_two .ml_two_card .ml-two-card-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121
}

.real-world.ml_two .ml_two_card .ml-two-card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.hm-choose-erp .integration-choose-us .grid-item::before {
    display: none!important
}

.hm-choose-erp .integration-choose-us .grid-item:nth-child(3),.hm-choose-erp .integration-choose-us .grid-item:nth-child(4),.hm-choose-erp .integration-choose-us .grid-item:nth-child(1),.hm-choose-erp .integration-choose-us .grid-item:nth-child(7),.hm-choose-erp .integration-choose-us .grid-item:nth-child(9) {
    background-color: #f9fafb!important
}

.ml_benefits.ks-manufacturing-expertise-section .snowflake-body .accordion-button[aria-expanded="true"] {
    background: #050631!important;
    color: #fff
}

@media screen and (min-width: 1440px) {
    .real-world.ml_two .ml_box {
        max-width:1602px;
        padding: 0 0 0 0;
        gap: 56px;
        margin-left: auto
    }
}

@media screen and (max-width: 992px) {
    .ml_two .ml_box {
        grid-template-columns:1fr;
        gap: 24px
    }

    .ml_two .ml_box .right {
        padding-left: 58px
    }

    .real-world.ml_two .ml_box .left {
        order: 1
    }

    .real-world.ml_two .ml_box .right {
        order: 2;
        padding-left: 0;
        padding-right: 58px
    }

    .real-world.ml_two .ml_box .left img {
        height: auto
    }
}

@media screen and (max-width: 765px) {
    .ml_two .ml_box {
        padding:32px 16px
    }

    .ml_two .ml_box .right {
        padding-left: 0
    }

    .ml_two .ml_box .right .ml_two-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 41.6px;
        margin-bottom: 16px
    }

    .ml_two .ml_box .right .ml_two-text {
        margin-bottom: 8px
    }

    .ml_two {
        background-image: url(/wp-content/uploads/2025/08/bg-two-mob.webp)
    }

    .ml_offers {
        padding: 32px 4px
    }

    .common-ml-consult-text {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 24px
    }

    .ml_offers .blue-box-ml {
        padding: 16px
    }

    .ml_offers .blue-box-ml .text-box .text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .real-world.ml_two {
        padding: 32px 16px
    }

    .real-world.ml_two .ml_box {
        padding: 0;
        gap: 24px
    }

    .real-world.ml_two .ml_box .right {
        padding-right: 0
    }

    .common-ml-consult-title {
        text-align: left
    }

    .ml_two .ml_box .right .ml_two_box img {
        max-width: unset
    }
}

.text-F9FAFB {
    color: #f9fafb!important
}

.apache-kafka-upgrade-page .sec-one .border-left {
    border-left: 1px solid #e7e7e7
}

.apache-kafka-upgrade-page .sec-one .border-right {
    border-right: 1px solid #e7e7e7;
    padding: 0 16px 0 16px
}

.apache-kafka-upgrade-banner.sec-one {
    background-image: url(/wp-content/uploads/2025/08/up-cassandra.webp);
    padding: 86px 4px;
    background-position: center
}

@media screen and (min-width: 1000px) {
    .ks-manufacturing-expertise-section.sec-five .snowflake-body .accordion-button[aria-expanded="true"] {
        color:#fff!important
    }
}

.ks-manufacturing-expertise-section.sec-five .snowflake-body {
    min-height: 372px
}

.cta-bg {
    background-color: #f5f9ff!important
}

@media screen and (min-width: 768px) {
    .w-fit-content {
        width:fit-content!important
    }
}

@media screen and (max-width: 992px) {
    .apache-kafka-upgrade-banner.sec-one {
        background-image:url(/wp-content/uploads/2025/08/up-cassandra-mob.webp);
        padding: 32px 4px 315px;
        background-position: bottom
    }
}

.ai-driven-banner {
    background-image: url(/wp-content/uploads/2025/08/ai-driven-banner-bg-image.webp);
    padding: 38px 0 38px
}

.text-banner-graadient {
    background: linear-gradient(90deg,#dbd4ff 0%,#f5baa7 70.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.text-CACACA {
    color: #cacaca!important
}

.ai-driven-automation-page .common-ai-ml-box .descriptive-items {
    background: #fff3;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
    box-shadow: none
}

.ai-driven-automation-page .common-ai-ml-box {
    grid-template-columns: 185px 185px 185px;
    grid-template-rows: 64px
}

.ai-driven-banner,.business-challenge-section,.ai-driven-tab-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.business-challenge-section {
    padding: 64px 0;
    background-image: url(/wp-content/uploads/2025/08/business-challenges-bg.webp);
    margin-top: -1px
}

.ai-driven-tab-section {
    padding: 64px 0;
    background-image: url(/wp-content/uploads/2025/08/tab-bg-img.webp);
    margin-bottom: -2px;
    margin-top: -2px
}

.ks-ai-driven-nav {
    margin-bottom: 64px;
    position: sticky;
    top: 68px;
    z-index: 1
}

.ks-ai-driven-nav .nav-link {
    border: 1px solid #4b4b4b;
    background: #1c1c1c;
    padding: 9px 16px;
    font-size: 16px;
    white-space: nowrap;
    min-width: 220px
}

.ks-ai-driven-nav .nav-link:first-child {
    border-top-left-radius: 4px
}

.ks-ai-driven-nav .nav-link:last-child {
    border-top-right-radius: 4px
}

.ks-ai-driven-nav .nav-link:hover {
    background: #3e3e3e;
    border-color: #656565
}

.ks-ai-driven-nav .nav-link.active {
    background-color: #000;
    border-color: #525252;
    border-bottom: none
}

.ai-driven-tab-section .driven-tab-bg {
    background: #51536b1a;
    padding: 40px;
    border-radius: 8px
}

.ai-driven-tab-section .tab-main-heading {
    background: #edf3ff;
    border-radius: 4px;
    padding: 8px;
    width: max-content
}

.driven-card-zig-zag {
    border-radius: 16px
}

.driven-card-zig-zag:hover {
    background-color: #000;
    border-color: #929191
}

.driven-card-zig-zag:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    pointer-events: none
}

.driven-card-zig-zag1:before {
    background: linear-gradient(180deg,#57b4d2 0%,rgba(145,143,143,.4) 95.43%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.driven-card-zig-zag2:before {
    background: linear-gradient(180deg,#d7bd90 0%,rgba(145,143,143,.4) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.driven-card-zig-zag3:before {
    background: linear-gradient(180deg,#bf86cf 0%,rgba(145,143,143,.4) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.driven-card-zig-zag4:before {
    background: linear-gradient(180deg,#b8d396 0%,rgba(145,143,143,.4) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.driven-card-zig-zag5:before {
    background: linear-gradient(180deg,#57b4d2 0%,rgba(145,143,143,.4) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.text-white-80 {
    color: #fffc
}

.color-CACACA {
    color: #cacaca
}

.ai-driven-automation-page .m-w-300 {
    min-width: 300px
}

.ai-driven-automation-page .salespaid-form.implemeform {
    background: #0f0f0f;
    box-shadow: 0 6px 15px 0 #abbdd333;
    border: 1px solid #484848
}

#ai-driven-page.ai-driven-automation-page .salespaid-form.implemeform .salespaid-form-head {
    background: #020202;
    border-bottom: 1px solid #484848;
    color: #fff
}

#ai-driven-page.ai-driven-automation-page .salespaid-form {
    padding: 0 0 32px
}

#ai-driven-page.ai-driven-automation-page .salespaid-form form {
    padding: 16px 24px 0;
    backdrop-filter: blur(10px);
    background: #0f0f0f
}

#ai-driven-page.ai-driven-automation-page form label,#ai-driven-page.ai-driven-automation-page form .ks-form-label,#ai-driven-page.ai-driven-automation-page form .ks-captcha-line {
    color: #fff;
    line-height: 18px
}

#ai-driven-page.ai-driven-automation-page form input:not([type="checkbox"]):not([type="radio"]),#ai-driven-page.ai-driven-automation-page form textarea,#ai-driven-page.ai-driven-automation-page form select,#ai-driven-page.ai-driven-automation-page form .auto-phone-num .intl-tel-input {
    border: 1px solid #414141;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #cacaca
}

#ai-driven-page.ai-driven-automation-page form input,#ai-driven-page.ai-driven-automation-page form select {
    color: #333
}

.ai-driven-automation-page .auto-capture-submit {
    margin-top: 32px
}

.ai-driven-automation-page .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit textarea {
    height: 68px
}

.ai-driven-automation-page input::-webkit-input-placeholder {
    color: #cacaca
}

.ai-driven-automation-page input:-ms-input-placeholder {
    color: #cacaca
}

.ai-driven-automation-page input::placeholder {
    color: #cacaca
}

.ai-driven-automation-page .ks-AutoCaptureForm-main-container .ks-success-message,.ai-driven-automation-page .ks-AutoCaptureForm-main-container .ks-form-error {
    margin-bottom: 0;
    margin-left: 24px;
    margin-right: 24px
}

#Get_a_Free_Consultation {
    width: max-content
}

.page-template-template-partstemplate_ai_driven_automation_for_forward-php footer {
    display: none
}

.ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container p.ks-success-message {
    width: 60%;
    margin-left: 0!important
}

.ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container .ks-form-error {
    width: 40%;
    margin-left: 0!important
}

.automation-grid-box .item .sub-item img {
    max-width: unset!important
}

.ai-driven-automation-page .impl-ratings .rating-box img {
    height: revert-layer;
    width: revert-layer
}

.ai-driven-automation-page .impl-ratings {
    background: none;
    display: block
}

.ai-driven-automation-page .impl-ratings .rating-content-box {
    background-color: #020202;
    border-radius: 8px;
    padding: 16px;
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,212px);
    grid-template-rows: repeat(3,192px)
}

.ai-driven-automation-page .impl-ratings .rating-content-box .rating-box {
    border-radius: 4px;
    background-color: #0f0f0f;
    border: 1px solid #484848;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    grid-column: span 1;
    grid-row: span 1;
    padding: 10
}

.ai-driven-automation-page .impl-ratings .rating-content-box .rating-box .text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff
}

.automation-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 40px;
    color: rgb(255,255,255)
}

.automation-needs {
    padding: 64px 4px
}

.automation-grid-box {
    display: grid;
    grid-template-columns: 273px 79px 241px 79px 273px;
    grid-template-rows: 183px 183px 220px;
    gap: 16px;
    justify-content: center
}

.automation-grid-box .item {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 24px
}

.automation-grid-box .item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 3;
    background-image: url(/wp-content/uploads/2025/08/i-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.automation-grid-box .item:nth-child(2) {
    grid-area: 2 / 1 / 3 / 3;
    background-image: url(/wp-content/uploads/2025/08/i-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.automation-grid-box .item:nth-child(3) {
    grid-area: 1 / 2 / 3 / 5;
    background-image: url(/wp-content/uploads/2025/08/i-3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.automation-grid-box .item:nth-child(4) {
    grid-area: 1 / 4 / 2 / 6;
    background-image: url(/wp-content/uploads/2025/08/i-4.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    justify-content: center;
    position: relative
}

.automation-grid-box .item:nth-child(5) {
    grid-area: 2 / 4 / 3 / 6;
    background-image: url(/wp-content/uploads/2025/08/i-5.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    justify-content: center
}

.automation-grid-box .item:nth-child(6) {
    grid-area: 3 / 1 / 4 / 6;
    display: grid;
    grid-template-rows: auto;
    gap: 16px;
    padding: 0;
    grid-template-columns: 236px 253px 241px 240px
}

.automation-grid-box .item .sub-item {
    grid-area: span 1 / span 1;
    border: .84px solid rgba(231,231,231,.1);
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 13px;
    height: 100%;
    padding: 24px
}

.automation-grid-box .item .sub-item:nth-of-type(2n+1) {
    background-color: rgba(33,33,33,.1)
}

.automation-grid-box .item .sub-item:nth-of-type(2n) {
    background-color: rgba(126,126,126,.1)
}

.automation-grid-box .item .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: rgb(255,255,255)
}

.automation-grid-box .item .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgb(249,250,251)
}

.automation-cta {
    padding: 64px 4px
}

.automation-cta .cta-box {
    gap: 32px;
    padding: 8px 70px;
    position: relative;
    z-index: 1;
    background-image: url(/wp-content/uploads/2025/08/cta-box-bg.webp);
    background-color: rgba(68,68,68,.8);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    border-radius: 16px
}

.automation-cta .cta-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: rgb(255,255,255);
    margin-bottom: 16px
}

.automation-cta .cta-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: rgb(202,202,202);
    margin-bottom: 40px
}

.mob-bg {
    background-image: url(/wp-content/uploads/2025/08/mob-bg-desktop-new.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.impl-nine.ai-automation-impl {
    background-image: url(/wp-content/uploads/2025/08/new-impl-bg.webp);
    background-size: cover;
    height: auto
}

.ai-automation-impl .impl-form-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 32px;
    color: #cacaca
}

.ai-automation-impl .impl-form-dis {
    margin-bottom: 24px
}

.ai-automation-impl form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px
}

.ai-automation-impl form .ks-AutoCapture-form-unit {
    grid-column: span 1
}

.ai-automation-impl form .ks-AutoCapture-form-unit:nth-child(5),.ai-automation-impl form .ks-AutoCapture-form-unit:nth-child(6) {
    grid-column: span 2
}

.ai-automation-impl form .ks-AutoCapture-form-unit:nth-child(6) {
    margin-bottom: 0!important
}

.ai-driven-automation-page .ai-automation-impl .auto-capture-submit {
    margin-top: 24px
}

#ai-driven-page.ai-driven-automation-page .ai-new form input:not([type="checkbox"]):not([type="radio"]),#ai-driven-page.ai-driven-automation-page .ai-new form textarea,#ai-driven-page.ai-driven-automation-page .ai-new form select,#ai-driven-page.ai-driven-automation-page .ai-new form .auto-phone-num .intl-tel-input {
    border: 1px solid #828080
}

.leverage_ai_automation_wraper {
    padding: 64px 0;
    background-image: url(/wp-content/uploads/2025/08/ai-automation-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.leverage_ai_automation_wraper h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 16px
}

.leverage_ai_automation_wraper .para_title {
    margin-bottom: 40px
}

.leverage_ai_automation_wraper .card_flex_wraper {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3,1fr)
}

.leverage_ai_automation_wraper .card_data {
    border-radius: 16px;
    padding: 16px;
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#57b4d2 0%,#333232 100%) border-box;
    border: 1px solid transparent;
    display: flex;
    gap: 16px;
    transition: background 0.8s ease-in-out
}

.leverage_ai_automation_wraper .card_data:nth-child(2) {
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#d7bd90 0%,#333232 100%) border-box
}

.leverage_ai_automation_wraper .card_data:nth-child(3) {
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#bf86cf 0%,#333232 100%) border-box
}

.leverage_ai_automation_wraper .card_data:nth-child(4) {
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#bf86cf 0%,#333232 100%) border-box
}

.leverage_ai_automation_wraper .card_data:nth-child(5) {
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#57b4d2 0%,#333232 100%) border-box
}

.leverage_ai_automation_wraper .card_data:nth-child(6) {
    background: linear-gradient(#121212,#121212) padding-box,linear-gradient(180deg,#d7bd90 0%,#333232 100%) border-box
}

.leverage_ai_automation_wraper .card_data:hover {
    background: linear-gradient(#222222,#222222) padding-box,linear-gradient(180deg,#57b4d2 0%,#333232 100%) border-box;
    border: 1px solid #929191;
    box-shadow: 4px 4px 8px 0 #635a6e40
}

.leverage_ai_automation_wraper .card_content h4 {
    margin-bottom: 8px
}

.leverage_ai_automation_wraper .card_icon img {
    min-width: 48px
}

.ai-automation-impl .ks-success-message,.ai-automation-impl .ks-form-error {
    margin-left: 0!important;
    width: max-content;
    margin-bottom: 10px!important
}

@media screen and (max-width: 1440px) {
    .automation-grid-box .item:nth-child(6) {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media screen and (min-width: 1000px) and (max-width:1440px) {
    .automation-grid-box {
        grid-template-columns:269px 83px 227px 83px 269px;
        row-gap: 9px
    }

    .automation-grid-box .item:nth-child(4) {
        padding: 54px
    }

    .automation-grid-box .item:nth-child(6) {
        gap: 9px
    }

    .mob-bg {
        background-size: auto
    }
}

@media screen and (max-width: 1250px) {
    .ks-ai-driven-nav {
        overflow:auto
    }
}

@media screen and (max-width: 1024px) {
    .leverage_ai_automation_wraper {
        margin-top:-3px;
        margin-bottom: -3px
    }

    .leverage_ai_automation_wraper .card_flex_wraper {
        grid-template-columns: repeat(2,1fr)
    }

    .ai-driven-automation-page .impl-ratings .rating-content-box {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(3,1fr)
    }

    .ks-ai-driven-nav {
        margin-bottom: 32px
    }

    .ks-ai-driven-nav::-webkit-scrollbar {
        height: 6px
    }

    .ks-ai-driven-nav::-webkit-scrollbar-track {
        border-radius: 8px;
        box-shadow: inset 0 0 5px transparent
    }

    .ks-ai-driven-nav::-webkit-scrollbar-thumb {
        background: #28292e;
        border-radius: 8px
    }

    .ks-ai-driven-nav::-webkit-scrollbar-thumb:hover {
        background: #28292e
    }

    .ai-driven-automation-page .common-ai-ml-box {
        grid-template-columns: 170px 170px 170px
    }

    .ai-solvong-img-group2 img,.ai-solvong-img-group1 img {
        object-fit: cover;
        height: auto
    }

    .ai-driven-automation-page .salespaid-form {
        margin-top: 0
    }

    .ai-driven-tab-section {
        margin-bottom: -2px
    }

    .ai-driven-banner {
        padding: 62px 0 62px
    }

    .ai-driven-automation-page .impl-ratings {
        padding: 64px 0
    }
}

@media screen and (max-width: 992px) {
    #Get_a_Free_Consultation {
        margin:auto
    }

    .automation-grid-box {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto
    }

    .automation-grid-box .item {
        grid-area: span 1 / span 1!important;
        background-image: none!important
    }

    .mob-bg {
        background-color: #000;
        background-image: none
    }

    .automation-needs {
        background-image: url(/wp-content/uploads/2025/08/automation-bg-mob-new.webp)
    }

    .automation-grid-box .item {
        border: .84px solid rgba(231,231,231,.1);
        display: flex;
        flex-direction: column;
        gap: 16px;
        border-radius: 13px;
        height: 100%;
        padding: 24px
    }

    .automation-grid-box .item:nth-of-type(2n+1) {
        background-color: rgba(126,126,126,.1)
    }

    .automation-grid-box .item:nth-of-type(2n) {
        background-color: rgba(33,33,33,.1)
    }

    .automation-grid-box .item:nth-child(6) {
        display: contents
    }

    .automation-grid-box .item .sub-item {
        align-items: center;
        justify-content: center
    }

    .automation-grid-box .item .text {
        text-align: center
    }

    .automation-cta .cta-box {
        flex-direction: column;
        padding: 32px 16px
    }

    .automation-cta .cta-box .left,.automation-cta .cta-box .right {
        text-align: center
    }

    .automation-cta .cta-box {
        background-image: url(/wp-content/uploads/2025/08/new-mob-bg.webp);
        background-size: cover;
        border-radius: 16px
    }

    .automation-cta {
        padding: 32px 4px 32px;
        background-image: none
    }

    .business-challenge-section,.ai-driven-tab-section {
        padding: 32px 0
    }

    .ai-driven-automation-page .ks-AutoCaptureForm-main-container {
        max-width: 100%
    }

    .ai-driven-automation-page .common-ai-ml-box {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }

    .ai-driven-automation-page .salespaid-form.implemeform {
        margin-top: 32px
    }

    .ai-driven-automation-page .impl-ratings {
        padding: 0 0 64px
    }

    .ai-driven-automation-page .impl-ratings .rating-content-box {
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(2,1fr)
    }

    .ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container p.ks-success-message {
        width: 60%;
        margin-left: 0!important;
        margin-bottom: 24px!important
    }

    .ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container .ks-form-error {
        width: 40%;
        margin-left: 0!important;
        margin-bottom: 24px!important
    }
}

@media screen and (max-width: 768px) {
    .impl-nine.ai-automation-impl {
        background-image:url(/wp-content/uploads/2025/08/new-impl-bg-mobile.webp)
    }

    .automation-needs {
        background-size: cover;
        background-position: center center
    }

    .automation-grid-box .item .text {
        text-align: left
    }

    .automation-needs {
        padding: 32px 4px
    }

    .automation-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px
    }

    .automation-grid-box .item:nth-child(1),.automation-grid-box .item:nth-child(2),.automation-grid-box .item .sub-item:nth-child(1) {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px
    }

    .automation-grid-box .item:nth-child(3),.automation-grid-box .item:nth-child(4),.automation-grid-box .item:nth-child(5),.automation-grid-box .item .sub-item {
        flex-direction: row;
        justify-content: flex-start
    }

    .automation-cta .cta-title {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .automation-cta .cta-box {
        gap: 24px
    }

    .leverage_ai_automation_wraper {
        background-image: url(/wp-content/uploads/2025/08/ai-automation-bg-mobile.webp);
        padding: 32px 4px
    }

    .leverage_ai_automation_wraper h2 {
        font-size: 32px;
        line-height: 40px
    }

    .leverage_ai_automation_wraper .para_title {
        margin-bottom: 24px
    }

    .ai-driven-banner {
        background-image: url(/wp-content/uploads/2025/08/ai-driven-banner-bg-image-mobile.webp)
    }

    .business-challenge-section {
        background-image: url(/wp-content/uploads/2025/08/business-challenges-bg-mobile.webp);
        margin-top: -1px;
        margin-bottom: -4px
    }

    .ai-driven-tab-section {
        background-image: url(/wp-content/uploads/2025/08/tab-bg-img-mobile.webp)
    }

    .ai-driven-automation-page .commom-ai-ml-banner .common-ai-ml-text {
        font-size: 18px;
        line-height: 27px
    }

    .ai-driven-automation-page .salespaid-form.implemeform .salespaid-form-head {
        font-size: 24px!important
    }

    .ai-driven-automation-page .auto-capture-submit {
        margin-top: 16px
    }

    .commom-ai-ml-banner .common-ai-ml-box .descriptive-items .item-description {
        font-size: 14px;
        line-height: 21px
    }

    #ai-driven-page.ai-driven-automation-page form input:not([type="checkbox"]):not([type="radio"]),#ai-driven-page.ai-driven-automation-page form textarea,#ai-driven-page.ai-driven-automation-page form select,#ai-driven-page.ai-driven-automation-page form .auto-phone-num .intl-tel-input {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px
    }

    .ai-solvong-img-group1 img {
        height: 153px;
        object-fit: cover
    }

    .ai-solvong-img-group2 img {
        height: 314px;
        object-fit: cover;
        width: 100%
    }

    .ai-driven-tab-section .driven-tab-bg {
        padding: 0;
        background: transparent
    }

    .ai-driven-banner {
        padding: 32px 0 32px
    }
}

@media screen and (max-width: 575px) {
    .ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container p.ks-success-message,.ks-auto-capture-campaign-bottom .ks-AutoCaptureForm-main-container .ks-form-error {
        width:100%;
        margin-left: 0!important;
        margin-bottom: 24px!important
    }

    .automation-cta {
        padding: 0 16px
    }

    .automation-title {
        text-align: left
    }

    #Get_a_Free_Consultation {
        margin: inherit
    }

    .automation-cta .cta-box {
        background-size: auto
    }

    .ai-automation-impl .impl-form-subtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 24px
    }

    .ai-driven-automation-page .auto-capture-submit {
        width: 100%;
        grid-column: span 2
    }

    .ai-driven-automation-page .impl-ratings .rating-content-box .rating-box .text {
        font-size: 10px
    }

    .ai-driven-automation-page .impl-ratings {
        background: #020202;
        padding-bottom: 8px
    }

    .ai-driven-automation-page .impl-ratings .rating-content-box {
        grid-template-columns: repeat(2,157px)
    }

    .ai-automation-impl form .ks-AutoCapture-form-unit {
        grid-column: span 2
    }

    .ai-driven-automation-page .m-w-300 img {
        width: 100%;
        object-fit: cover
    }

    .ks-ai-driven-nav {
        top: 48px
    }

    .driven-card-zig-zag {
        flex-wrap: wrap
    }

    .ai-driven-automation-page .m-w-300 {
        min-width: auto;
        max-width: 100%;
        order: -1
    }

    .ai-driven-automation-page .common-ai-ml-box {
        grid-template-columns: repeat(auto-fill,minmax(160px,1fr))
    }

    .automation-grid-box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9,179px)
    }

    .leverage_ai_automation_wraper .card_flex_wraper {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .otgs-development-site-front-end {
        padding-left: 16px!important;
        padding-right: 16px!important
    }
}

@media screen and (max-width: 358px) {
    .ai-driven-automation-page .impl-ratings .rating-content-box {
        grid-template-columns:repeat(2,135px)
    }

    .ai-driven-automation-page .salespaid-form.implemeform .salespaid-form-head {
        font-size: 20px!important
    }
}

.community-over-code-page .grtn-invt-bnr {
    background-image: url(/wp-content/uploads/2025/07/community-code-banner.webp);
    background-position: top right;
    padding-bottom: 148px
}

.exh.yellow {
    background: linear-gradient(90deg,#f3e377 0%,#ecd642 100%)
}

.community-over-code-page .exh {
    font-size: 20px;
    padding: 4px 16px
}

.community-over-code-page .dinvt-subheading {
    font-size: 16px
}

.community-over-code-page .Prizes.grtn {
    margin: 16px 0 32px
}

.community-over-code-page .Meet-belgium {
    border: 1.6px dashed #fcd702;
    background: transparent;
    padding: 2px 10px;
    width: max-content
}

.community-over-code-page .partner-text {
    font-size: 12px
}

.community-over-code-page .partner-box {
    padding: 6px
}

.community-over-code-page .logo-event-row .row .custom-col-md-3:first-child {
    width: 199px
}

.community-over-code-page .logo-event-row {
    max-width: 850px;
    top: -48px;
    margin: 0 auto -48px
}

.community-code-cta {
    background-image: url(/wp-content/uploads/2025/07/community-code-cta-banner.png);
    background-position: center;
    background-size: cover
}

.community-code-cta .cta-inner-bg {
    background: #17153b80;
    padding: 32px;
    border-radius: 16px
}

.community-over-code-page .ind-serve .owl-nav {
    top: -90px
}

.community-over-code-page .event-grid-container .event-grid-item::after {
    display: none!important
}

.community-over-code-page .support-team-video-section .owl-dots .owl-dot span {
    width: 27px;
    height: 4px;
    background: #dadada
}

.community-over-code-page .support-team-video-section .owl-dots .owl-dot.active span {
    background: #113c63
}

.community-over-code-page .support-team-video-section .owl-dots {
    margin-top: 32px
}

.community-over-code-page .support-team-video-section:before {
    content: "";
    background: linear-gradient(90deg,#f9fafb 0%,rgba(249,250,251,0) 102.58%);
    position: absolute;
    display: block;
    width: 188px;
    height: 228px;
    left: 0;
    right: auto;
    top: 0;
    z-index: 1
}

.community-over-code-page .support-team-video-section:after {
    content: "";
    background: linear-gradient(90deg,#f9fafb 0%,rgba(249,250,251,0) 102.58%);
    position: absolute;
    display: block;
    width: 188px;
    height: 228px;
    right: 0;
    left: auto;
    top: 0;
    z-index: 1;
    transform: rotate(180deg)
}

.cmunity-code-service-card {
    box-shadow: 0 2px 6px 0 #7b7b7b33;
    border: 1px solid #e7e7e7;
    border-radius: 138px 138px 16px 16px;
    height: 297px
}

.support-service-icon {
    box-shadow: 4px 4px 24px 0 #7f7f7f40;
    border-radius: 50%
}

.community-over-code-page .dgiq-sec-3 .time-grey-box {
    background: #eceaf5
}

.single-interface {
    padding: 64px 4px;
    background-color: #f9fafb
}

.single-interface .container {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.single-interface .nifi-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.single-interface .nifi-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232
}

.single-interface .nifi-content-box {
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    box-shadow: 4px 4px 12px 0 #d2d2d233;
    border: 1px solid #f4f4f4
}

.single-interface .nifi-content-box .text {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121
}

@media screen and (max-width: 768px) {
    .single-interface {
        padding:32px 4px
    }

    .single-interface .container {
        gap: 24px
    }

    .single-interface .nifi-title {
        font-size: 24px;
        line-height: 36px
    }

    .single-interface .nifi-text {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width: 991px) {
    .community-over-code-page .odoo-Specialist1.global-ai-mgmt .row .col-lg-3 {
        padding:0 12px
    }
}

@media screen and (min-width: 1200px) {
    .community-over-code-page .dgiq-sec-3 .time-grey-box {
        width:max-content
    }

    .community-over-code-page .summit-innovation-case-study .owl-nav {
        top: -100px
    }

    .support-team-video-section .owl-nav {
        position: absolute;
        top: 30%;
        margin: auto;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .community-over-code-page .support-team-video-section .owl-nav button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        border: 1px solid #e7e7e7;
        z-index: 2
    }

    .support-team-video-section .owl-nav button span {
        visibility: hidden
    }

    .support-team-video-section .owl-nav button.owl-prev {
        background-image: url(/wp-content/uploads/2024/10/sleft-arrow.svg);
        margin-left: -60px
    }

    .support-team-video-section .owl-nav button.owl-prev:hover {
        background-color: #113c63;
        background-image: url(/wp-content/uploads/2024/10/sleft-white.svg);
        background-repeat: no-repeat;
        background-position: center
    }

    .support-team-video-section .owl-nav button.owl-next {
        background-image: url(/wp-content/uploads/2024/10/sright-arrow.svg);
        margin-right: -12px
    }

    .support-team-video-section .owl-nav button.owl-next:hover {
        background-color: #113c63;
        background-image: url(/wp-content/uploads/2024/10/sright-white.svg);
        background-repeat: no-repeat;
        background-position: center
    }

    .community-over-code-page .cumtom-col-xl-4 {
        max-width: 310px
    }
}

@media screen and (max-width: 1199.98px) {
    .community-over-code-page .logo-event-row {
        max-width:max-content
    }

    .support-team-video-section .item iframe {
        width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .community-over-code-page .support-team-video-section:before {
        display:none
    }

    .community-over-code-page .support-team-video-section:after {
        display: none
    }

    .community-over-code-page .grtn-invt-bnr {
        background-image: url(/wp-content/uploads/2025/08/novercomemb.webp);
        height: 1042px
    }

    .community-over-code-page .exh {
        font-size: 18px;
        line-height: 27px;
        padding: 10px 16px
    }

    .community-over-code-page .dinvt-div .calendar-icon img {
        width: 26px;
        height: 26px;
        min-width: 26px
    }

    .community-over-code-page .dinvt-div {
        padding: 12px 22px 12px 32px
    }

    .community-over-code-page .Prizes.grtn {
        padding: 6px 8px
    }

    .community-over-code-page .Prizes-in::after {
        top: 26px
    }

    .community-over-code-page .Prizes-in {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .community-over-code-page .Meet-belgium {
        width: 100%
    }

    .community-over-code-page .logo-event-row .row .custom-col-md-3 {
        width: 158px!important
    }

    .community-over-code-page .partner-text {
        font-size: 10px;
        line-height: 14px
    }

    .community-over-code-page .partner-box img {
        min-height: auto
    }

    .font-sm-24 {
        font-size: 24px!important
    }

    .l-h-sm-36 {
        line-height: 36px
    }

    .cmunity-code-service-card {
        border-radius: 168px 168px 16px 16px
    }

    .community-over-code-page .snowfalk .ind-serve-sub {
        font-size: 16px;
        text-transform: none
    }

    .community-over-code-page .sheading {
        line-height: 36px
    }

    .community-over-code-page .ssub-heading {
        font-size: 16px;
        line-height: 24px
    }

    .bgg-fbfcfd,.event-grid-container .event-grid-item:nth-child(9) {
        background-color: #fbfcfd
    }

    .community-code-cta .cta-inner-bg {
        padding: 32px 16px
    }

    .community-over-code-page .gartner-ks-sec-3 .img-manish-290px img {
        height: 340px
    }

    .event-grid-container .event-grid-item:nth-child(9).col-add {
        background-color: #f9fafb!important
    }
}

@media screen and (max-width: 575px) {
    .img-manish-290px.new-mob-set {
        width:100%
    }

    .img-manish-290px.new-mob-set img {
        width: 100%;
        height: auto!important
    }

    .mob-alignment-left .event-grid-container .event-grid-item:nth-child(1),.mob-alignment-left .event-grid-container .event-grid-item:nth-child(6),.mob-alignment-left .event-grid-container .event-grid-item:nth-child(7),.mob-alignment-left .event-grid-container .event-grid-item:nth-child(8),.mob-alignment-left .event-grid-container .event-grid-item:nth-child(9) {
        justify-content: start!important
    }

    .mob-height-set .industries-service img {
        max-height: 400px;
        min-height: 400px;
        object-fit: cover;
        border-radius: 16px
    }
}

@media screen and (max-width: 374.98px) {
    .community-over-code-page .logo-event-row .row .custom-col-md-3 {
        width:130px!important
    }
}

.odoo-Specialist1 .col-lg-3.col-md-2.col-3.text-end a {
    padding-right: 12px
}

.odoo-winners {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: -2px;
    animation: slideIn 1s ease-out forwards
}

@keyframes slideIn {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .odoo-winners {
        bottom:-1px
    }
}

@media screen and (min-width: 820px) {
    .odoo-winners .banner-one {
        display:block!important
    }
}

@media screen and (max-width: 822px) {
    .odoo-winners .banner-one {
        width:564px;
        height: 81px
    }
}

@media screen and (min-width: 765px) and (max-width:800px) {
    .odoo-winners .banner-two {
        display:block!important
    }
}

@media screen and (max-width: 765px) {
    .odoo-winners {
        position:static
    }
}

@media screen and (max-width: 765px) {
    header .topbar {
        display:none
    }
}

.ks-body-case-study .ks-card-tabs-sec .ks-tabs-cards .col-12 .ks-card-area .ks-card-img img {
    height: 100%
}

.nifi-migration-service-page .mig-nifi {
    background-image: url(/wp-content/uploads/2025/08/nifi-migration-banner1.webp)!important;
    background-position: top!important
}

.color-89DAFF {
    color: #89daff
}

.nifi-migration-service-page .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit textarea {
    height: 60px
}

.ks-nifi-expertise-card {
    background-color: #f9fafb;
    padding: 16px;
    border-radius: 16px;
    height: 100%
}

.ks-nifi-expertise-card:hover {
    background: linear-gradient(253.76deg,#04112b 6.11%,#10376e 96.39%)
}

.ks-nifi-expertise-card:hover .color-212121 {
    color: #fff!important
}

.ks-nifi-expertise-card:hover .color-323232 {
    color: #f9fafb!important
}

.nifi-migration-service-page .event-grid-container .event-grid-item::after {
    display: none
}

.nifi-migration-service-page .ldn-grid .event-grid-container .event-grid-item:nth-child(1),.nifi-migration-service-page .ldn-grid .event-grid-container .event-grid-item:nth-child(4),.nifi-migration-service-page .ldn-grid .event-grid-container .event-grid-item:nth-child(7),.nifi-migration-service-page .ldn-grid .event-grid-container .event-grid-item:nth-child(9) {
    background-color: #f9fafb
}

.nifi-migration-service-page .ldn-grid .event-grid-container .event-grid-item:nth-child(3) {
    background-color: #fbfcfd
}

.industry-challenges-card-content {
    width: 772px
}

.industry-challenges-card-content:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/08/challenges-card-bg-img.svg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.industry-card-heading {
    background-color: #edf3ff;
    padding: 4px 8px;
    width: 231px;
    border-radius: 8px
}

.industry-challenges-card-inner {
    padding: 24px
}

.m-w-24 {
    min-width: 24px
}

.nifi-migration-service-page .new_our_awards_accred>.container {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.nifi-migration-service-page .new_our_awards_accred>.container>.row {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.nifi-migration-service-page .card-items-bg {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px
}

.nifi-migration-service-page .card-items-bg:hover {
    box-shadow: 8px 8px 8px 0 #b5bbc466
}

.nifi-migration-service-page .card-item-img img {
    margin-top: -80px
}

.nifi-migration-service-page .event-grid-container .event-grid-item:nth-child(1) .event-title {
    font-size: 72px
}

.page-template-template_apache_nifi_services footer {
    display: none
}

.nifi-banner-btn {
    width: max-content
}

@media screen and (max-width: 1025px) {
    .nifi-migration-service-page .salespaid-form {
        margin-top:0
    }

    .industry-challenges-card-content {
        width: 60%
    }

    .industry-card-heading {
        width: 120px
    }
}

@media screen and (max-width: 991.98px) {
    .challenges-img-card {
        background-color:#fff;
        border-radius: 16px;
        margin: 0 26.5px -26.5px;
        padding: 11px;
        order: -1
    }

    .industry-challenges-card-content {
        border: 1px solid #f3f3f3;
        border-radius: 16px;
        background-color: #fff;
        padding: 16px;
        width: 100%
    }

    .industry-challenges-card-content:before {
        display: none
    }

    .industry-challenges-card-inner {
        padding: 16px;
        border-radius: 8px;
        background-color: #edf3ff66
    }

    .industry-card-heading {
        width: 100%;
        padding: 8px
    }
}

@media screen and (max-width: 767.98px) {
    .nifi-migration-service-page .mig-nifi {
        background-image:url(/wp-content/uploads/2025/08/nifi-migration-banner-mobile.webp)!important
    }

    .nifi-migration-service-page .sheading {
        font-size: 32px;
        line-height: 40px
    }

    .nifi-migration-service-page .event-grid-container {
        grid-template-rows: repeat(9,179px)
    }

    .nifi-migration-service-page .event-grid-container .event-text {
        font-size: 18px
    }

    .nifi-migration-service-page .event-grid-container .event-grid-item:nth-child(1) .event-title {
        font-size: 40px;
        line-height: 52px!important
    }

    .nifi-migration-service-page .event-img {
        min-width: 64px
    }

    .nifi-migration-service-page .event-grid-container .event-grid-item:nth-child(6) {
        flex-direction: column;
        align-items: start
    }

    .nifi-migration-service-page .case-study-new-title {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 575px) {
    .nifi-migration-service-page .salespaid-form .salespaid-form-head {
        padding:0 24px
    }
}

.odoo-cta .h-auto {
    height: auto
}

.dn-popup .popup-container {
    max-width: 785px;
    height: 512px;
    border-radius: 12px
}

.dn-popup .contact-right.common-capmform iframe {
    height: 100%;
    width: 100%;
    border-radius: 4px!important
}

.dn-popup .popup-close {
    right: 5px!important;
    top: -5px!important
}

.dn-popup h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #18181b;
    margin-bottom: 12px;
    width: 95%
}

.dn-popup .contact-right {
    padding: 16px 24px;
    border-radius: 12px;
    background-color: #f5f6f8
}

.sector-box {
    border-radius: 16px;
    border: 2px solid #e7e7e7;
    background: #fafafa;
    box-shadow: 0 3.687px 22.124px rgba(0,0,0,.02);
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    height: 100%;
    transition: all 0.3s ease
}

.sector-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 28px rgba(0,0,0,.08);
    border-color: #d1d5db;
    background: #fff
}

.ai-video-wrap img.video-thumb {
    vertical-align: middle;
    position: absolute;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%
}

.sector-header {
    display: flex;
    align-items: center;
    gap: 16px
}

.sector-icon {
    min-width: 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease
}

.sector-box:hover .sector-icon {
    background: #9e9e9e29;
    color: #fff;
    border-color: #dd4862
}

.sector-title {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0
}

.sector-list {
    margin: 0;
    padding-left: 1.25rem
}

.sector-list li {
    color: #484848;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
}

.sector-list li:last-child {
    margin-bottom: 0
}

.dn-odoo-title {
    color: #212121;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 1rem
}

.dn-odoo-title strong {
    color: #e94e5e;
    font-weight: 600
}

.dn-odoo-subtitle {
    color: #323232;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin: 0 0 40px 0
}

.odoo-cta-box {
    border-radius: 16px;
    background: #f3f3f3;
    display: flex;
    padding: 64px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.ai-video-card {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ai-video-top {
    background: #fff;
    padding: 8px;
    border-radius: 8px
}

.ai-video-wrap {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 16 / 9
}

.ai-video-wrap iframe,.ai-video-wrap video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    cursor: pointer;
    width: auto!important
}

.ai-video-wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000047;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

@supports not (aspect-ratio: 16/9) {
    .ai-video-wrap {
        padding-top:56.25%
    }
}

.ai-video-caption {
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .01em;
    color: #212121;
    margin-bottom: 0
}

.border-16 {
    border-radius: 16px
}

.dn-odoo-videos .btn-ytb {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    outline: none;
    box-shadow: none
}

.dn-odoo-videos .btn-ytb:focus,.dn-odoo-videos .btn-ytb:focus-visible,.dn-odoo-videos.btn-ytb:focus-within {
    border: none;
    outline: none;
    box-shadow: none
}

.dashboard-ninja-video .item {
    width: 100%;
    height: 100%
}

.dashboard-ninja-video .owl-dots {
    margin-top: 32px!important
}

.dashboard-ninja-video .owl-dots span {
    width: 27px!important;
    height: 4px!important;
    margin: 4px 5px!important;
    background: #dadada!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px
}

.dashboard-ninja-video .owl-dots .owl-dot.active span {
    background: #113c63!important
}

@media (max-width: 922px) {
    .odoo-cta-box {
        padding:32px 16px
    }

    .dn-odoo-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 1rem
    }

    .dn-odoo-subtitle {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px 0
    }
}

@media (max-width: 768px) {
    .dashboard-ninja .container {
        position:relative
    }

    .dashboard-ninja .container::before {
        content: "";
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        border-left: 3px solid #e6e6e6;
        height: 97%;
        z-index: -1
    }

    .dashboard-ninja .title-box {
        background-color: #f4f4f4;
        padding: 16px 24px;
        border-radius: 8px;
        gap: 16px;
        color: #212121
    }

    .ninja-list {
        list-style: none;
        margin-top: 24px;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative
    }

    .ninja-list li {
        display: flex;
        align-items: center;
        gap: 16px;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        color: #212121;
        position: relative;
        padding-left: 48px;
        padding-right: 30px
    }

    .ninja-list li::after {
        content: "";
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #e32235
    }

    .odoo-cta-box .dn-odoo-title {
        line-height: 36px
    }

    .odoo-cta-box .dn-odoo-subtitle {
        font-weight: 500;
        font-size: 14px
    }
}

@media screen and (max-width: 575px) {
    .sector-box {
        padding:24px 16px
    }

    .ai-video-caption {
        font-size: 16px!important;
        line-height: 27px
    }

    .dn-popup .popup-container {
        border-radius: 12px;
        width: 100%;
        padding: 12px;
        height: auto;
        max-width: 95%
    }

    .dn-popup .contact-right.common-capmform iframe {
        width: 100%;
        height: revert-layer
    }

    .dn-popup h4 {
        font-size: 16px;
        line-height: normal
    }

    .dn-popup .contact-right {
        padding: 8px
    }

    .dn-popup h4 {
        width: 90%
    }
}

.acc-banner-demo .logo-txt-main {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px
}

.acc-banner-demo .min-txt-line {
    color: #323232;
    font-weight: 600;
    font-size: 16px;
    line-height: 126%
}

.acc-banner-demo .acc-para {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 1200px) {
    .acc-banner-demo .py-44 {
        padding-top:44px;
        padding-bottom: 44px
    }
}

.acc-banner-demo .tidycal-embed .container-lg-wide {
    max-width: 100%!important
}

.acc-banner-demo .btn-1 {
    padding: 12px 16px;
    border-radius: 3px;
    background-color: #e32235;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.acc-banner-demo .btn-1:hover {
    background-color: #ba1828
}

.acc-banner-demo .btn-2 {
    padding: 12px 16px;
    border-radius: 3px;
    background-color: #212121;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.acc-banner-demo .btn-2:hover {
    background-color: #141414
}

.acc-banner-demo .btn-3 {
    padding: 12px 16px;
    border-radius: 3px;
    background-color: transparent;
    color: #e32235;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #e32235;
    text-decoration: none
}

.acc-banner-demo .btn-3:hover {
    background-color: #f9d2d6;
    border: 1px solid #e32235
}

.main-box-cta {
    background-color: #f3f3f3;
    padding: 64px 24px;
    border-radius: 16px
}

.acc-cta h2 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

.acc-cta h5 {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.acc-cta {
    padding-top: 64px;
    padding-bottom: 64px
}

.benefit-set-us {
    background-color: #fce8ea
}

.benefit-set-us h2 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px
}

.benefit-set-us h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 40px
}

.benefit-set-us .benefit-card {
    background-color: #fff;
    width: 100%;
    border-radius: 9px;
    padding: 24px 16px;
    height: 160px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: start;
    border: 1px solid #e7e7e7
}

.benefit-set-us .benefit-card .benefit-text {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.exp-peerless-sec h2 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px
}

.exp-peerless-sec h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 40px
}

.exp-peerless-sec .box-colored-main {
    border-radius: 16px
}

.col-blue-e4f {
    background-color: #e4f1ff
}

.col-orange-FAF {
    background-color: #faf1e3
}

.exp-peerless-sec .main-h-t {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: left
}

.exp-peerless-sec .para-txt {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

.exp-peerless-sec img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px
}

.grey-industries-sec h2 {
    color: #212121;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px
}

.grey-industries-sec h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 40px
}

.grey-industries-sec .grey-box-main {
    border: 2px solid #e7e7e7;
    box-shadow: 0 3.69px 22.12px 0 rgba(0,0,0,.02);
    border-radius: 22px;
    background-color: #f9fafb
}

.grey-industries-sec .grey-box-main img {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px
}

.grey-industries-sec .grey-box-main .t-grey-main {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: left
}

.grey-industries-sec .grey-box-main .p-grey-main {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

@media screen and (max-width: 767.98px) {
    .acc-cta {
        padding-top:32px;
        padding-bottom: 32px
    }

    .benefit-set-us h2,.exp-peerless-sec h2,.grey-industries-sec h2 {
        font-size: 24px;
        line-height: 36px
    }

    .benefit-set-us h5,.exp-peerless-sec h5,.grey-industries-sec h5 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .benefit-set-us .benefit-card {
        height: 100%;
        flex-direction: row;
        gap: 18px!important;
        padding: 18px 14px
    }

    .benefit-set-us .benefit-card .benefit-text {
        margin-top: 0px!important;
        text-align: left;
        font-size: 18px;
        line-height: 27px
    }

    .benefit-set-us h2,.exp-peerless-sec h2,.grey-industries-sec h2 {
        text-align: left
    }

    .benefit-set-us h5,.exp-peerless-sec h5,.grey-industries-sec h5 {
        text-align: left
    }

    .grey-industries-sec .grey-box-main .t-grey-main {
        font-size: 16px;
        line-height: normal
    }

    .grey-industries-sec .grey-box-main .p-grey-main {
        font-size: 14px;
        line-height: 21px
    }
}

@media screen and (max-width: 575px) {
    .btn-cont-set a {
        width:100%
    }

    .main-box-cta {
        padding: 24px
    }

    .acc-cta h2 {
        font-size: 24px;
        line-height: 36px
    }

    .acc-cta h5 {
        font-size: 14px;
        line-height: 21px
    }

    .benefit-set-us img {
        width: 50px;
        height: 50px
    }

    .benefit-set-us .img-w-mob {
        width: 75px!important;
        height: 37px!important
    }

    .br-active-375 {
        display: block!important
    }
}

@media screen and (max-width: 374px) {
    .br-active-375 {
        display:none!important
    }
}

.manufacturing-box .integration-choose-us .grid-item::before {
    display: none!important
}

.manufacturing-box .sub-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #323232
}

.manufacturing-box img {
    max-width: unset
}

.manufacturing-box .integration-choose-us {
    grid-template-rows: auto
}

.manufacturing-box .integration-choose-us .grid-item:nth-child(1) {
    gap: 32px
}

.manufacturing-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.manufacturing-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.manufacturing-padding {
    padding: 64px 4px
}

.service-expertise {
    background-color: #f9fafb
}

.service-expertise .service-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%
}

.service-expertise .service-content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.service-expertise .service-content h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin: 0
}

.service-expertise .service-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740;
    margin: 0
}

.manufacturing-banner {
    background-image: url(/wp-content/uploads/2025/08/manufacturing-banner.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.manufacturing-guidance .guid-content ul li {
    font-weight: 500;
    font-size: 18px;
    color: #f9fafb
}

.manufacturing-guidance {
    padding: 0 0 0 86px
}

.salef-real-result-wraper {
    padding: 64px 0
}

.salef-real-result-wraper h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #000;
    margin-bottom: 8px
}

.salef-real-result-wraper p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 16px
}

.salef-real-result-wraper .stats-box {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 1rem
}

.salef-real-result-wraper .stats-number-div {
    width: 200px;
    height: 47px;
    background: #d9d9d9;
    border-radius: 4px;
    opacity: 1
}

.salef-real-result-wraper .stats-number {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 5px 15px;
    border-radius: 4px;
    background: #042240
}

.salef-real-result-wraper .stats-number.first {
    width: 78px
}

.salef-real-result-wraper .stats-number.second {
    width: 141px
}

.salef-real-result-wraper .stats-number.thaird {
    width: 101px
}

.salef-real-result-wraper .stats-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #484848
}

.salef-real-result-wraper .stats-note {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #484848;
    margin-bottom: 0
}

.salef-real-result-wraper .salef-real-result-data {
    padding-right: 40px
}

.salef-modern-manufacturers-wraper {
    background-color: #f9fafb;
    padding: 64px 0
}

.salef-modern-manufacturers-wraper h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.salef-modern-manufacturers-wraper .text-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.salef-modern-manufacturers-wraper .card-custom {
    border: 1px solid #e4f3f8;
    border-radius: 24px;
    background: #fff;
    padding: 32px 24px;
    transition: all 0.3s ease
}

.salef-modern-manufacturers-wraper .card-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.1)
}

.salef-modern-manufacturers-wraper .icon-circle {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.salef-modern-manufacturers-wraper h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin-bottom: 0
}

.salef-modern-manufacturers-wraper .card-custom p {
    color: #2e3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.salef-manufacturing-industry-wraper {
    background-color: #fff
}

.salef-manufacturing-industry-wraper .card-custom p {
    margin-bottom: 8px
}

.salef-manufacturing-industry-wraper .card-custom p:nth-last-child(1) {
    margin-bottom: 0
}

.salef-manufacturing-industry-wraper .read-more-link {
    color: #e32235;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    vertical-align: middle;
    text-decoration: none;
    margin-top: 8px
}

.new-manufacturing-cta {
    padding: 0 0 0 0;
    color: #fff;
    background-image: url(/wp-content/uploads/2025/03/impleme-five.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.cta-grid {
    display: grid;
    grid-template-columns: 952px 561px;
    gap: 80px;
    align-items: center;
    justify-content: end;
    grid-template-rows: 472px
}

.cta-left {
    display: grid;
    row-gap: 40px;
    padding: 64px 0
}

.cta-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #fff;
    margin-bottom: 16px
}

.cta-list {
    margin: 0;
    padding-left: 1.25rem;
    list-style: disc
}

.cta-list li {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #f9fafb
}

.cta-list li+li {
    margin-top: 8px
}

.cta-list li::marker {
    color: #f9fafb
}

.cta-visual img {
    width: 100%;
    height: auto;
    display: block
}

.manufacturing-banner .sales-Partnership.rating {
    min-height: 116px
}

.salesforcepaid-banner .sales-Partnership.rating {
    min-height: 116px;
    height: auto
}

@media screen and (min-width: 1440px) {
    .manufacturing-box .integration-choose-us {
        grid-template-columns:203px 29px 11px 243px 119px 131px 240px
    }
}

@media screen and (max-width: 1600px) {
    .cta-grid {
        grid-template-columns:0.7fr 0.8fr;
        gap: 23px;
        padding: 0 0 0 90px;
        grid-template-rows: auto
    }
}

@media screen and (max-width: 1200px) {
    .cta-grid {
        padding:0 0 0 32px
    }

    .service-expertise .service-card .service-img img {
        object-fit: cover;
        width: 100%
    }
}

@media screen and (min-width: 765px) and (max-width:1100px) {
    .pl-new-48 {
        padding-left:48px!important
    }
}

@media screen and (max-width: 992px) {
    .manufacturing-banner {
        background-image:url(/wp-content/uploads/2025/08/manufacturing-mob-banner.webp);
        background-position: bottom;
        padding-bottom: 324px!important
    }

    .salef-real-result-wraper .stats-note {
        margin-bottom: 24px
    }

    .salef-real-result-wraper .salef-real-result-data {
        padding-right: 0
    }

    .new-manufacturing-cta {
        padding: 32px 0 0 0
    }

    .cta-grid {
        grid-template-columns: 1fr;
        gap: 60px;
        padding-left: 16px
    }

    .cta-left {
        padding: 0 16px 0 0;
        row-gap: 32px
    }

    .cta-title {
        text-align: center
    }

    .cta-list {
        text-align: center;
        list-style: none
    }

    .cta-list li span {
        position: relative
    }

    .cta-list li span::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: -16px;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 768px) {
    .manufacturing-padding {
        padding:32px 4px
    }

    .manufacturing-title {
        font-size: 24px;
        line-height: 36px
    }

    .manufacturing-text {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .salef-modern-manufacturers-wraper,.salef-real-result-wraper {
        padding: 32px 0
    }

    .salef-modern-manufacturers-wraper h2 {
        font-size: 24px;
        line-height: 36px
    }

    .salef-modern-manufacturers-wraper .text-title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .salef-real-result-wraper h3 {
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        color: #212121;
        margin-bottom: 16px
    }

    .salef-real-result-wraper p {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        color: #323232;
        margin-bottom: 24px
    }

    .salef-real-result-wraper .stats-box {
        align-items: start;
        gap: 8px;
        flex-direction: column
    }

    .salef-real-result-wraper .stats-number-div {
        width: 100%
    }

    .salef-real-result-wraper .stats-number.second {
        width: 265px
    }

    .salef-real-result-wraper .stats-number.thaird {
        width: 140px
    }

    .salef-real-result-wraper .stats-note {
        margin: 24px 0;
        text-align: left
    }

    .manufacturing-box .integration-choose-us .grid-item:nth-child(1),.manufacturing-box .integration-choose-us .grid-item:nth-child(2) {
        flex-direction: row!important
    }
}

@media screen and (max-width: 575px) {
    .manufacturing-box .integration-choose-us .grid-item {
        flex-direction:column!important;
        align-items: flex-start!important;
        text-align: left!important
    }

    .manufacturing-box .integration-choose-us .grid-item:nth-child(1) {
        max-width: 100%;
        height: auto;
        width: 100%
    }

    .manufacturing-box .integration-choose-us .grid-item .title {
        line-height: normal
    }

    .cta-title {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 16px
    }

    .cta-list li {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .cta-list li span::before {
        width: 6px;
        height: 6px
    }

    .cta-grid {
        gap: 24px
    }
}

.dinvt-txt .col-FFD {
    color: #ffde8b;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    padding-left: 3px
}

@media screen and (max-width: 767.98px) {
    .dinvt-txt .col-FFD {
        font-weight:600;
        font-size: 20px!important
    }

    .set-14-txt .dinvt-txt {
        font-size: 14px!important
    }
}

.manufacturing-banner {
    background-image: url(/wp-content/uploads/2025/09/salesforce-retails-banner.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.salesforce-retail-page .impleme-three .container {
    max-width: 1100px!important;
    padding: 41px 60px;
    box-shadow: none
}

.salesforce-retail-page .salef-real-result-wraper .stats-number.first {
    width: 184px
}

.salesforce-retail-page .salef-real-result-wraper .stats-number.second {
    width: 95px
}

.salesforce-retail-page .imp-partner .odoo-partners {
    padding: 4px
}

.salesforce-retail-page .sales-Partnership {
    padding: 8px 16px;
    max-width: 172px!important;
    height: 91px;
    min-height: 91px!important
}

.salesforce-retail-page .imp-years .sales-Partnership.rating {
    max-width: 215px!important
}

.salesforce-retail-page .imp-years .sales-Partnership.rating {
    align-content: center
}

.l-h-18 {
    line-height: 18px
}

.salesforce-retail-page .revamp-sf-sect-1.impleme-one {
    padding-top: 58px;
    padding-bottom: 58px
}

.l-h-48 {
    line-height: 48px!important
}

.client-sec-new .card-user-set {
    border: 1px solid #daeaff
}

.cta-sider-card {
    background-color: #042240;
    border-radius: 16px;
    padding: 32px 28px
}

.salesforce-retail-page .impleme-five.bg-map {
    background-image: url(/wp-content/uploads/2025/09/retail-saleforce-cta-bg.svg);
    background-size: cover
}

.retail-border-l-r {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

@media screen and (min-width: 1440px) {
    .salesforce-retail-page .summit-innovation-case-study .owl-nav {
        top:-95px
    }
}

@media screen and (max-width: 992px) {
    .manufacturing-banner {
        background-image:url(/wp-content/uploads/2025/09/salesforce-retails-banner-mobile.webp);
        background-position: bottom;
        padding-bottom: 324px!important
    }

    .cta-sider-card {
        background-color: transparent;
        padding: 0;
        width: 100%
    }

    .retail-border-l-r {
        border: none
    }

    .retail-border-l-r:before,.retail-border-l-r:after {
        content: "";
        width: 88px;
        height: 1px;
        display: block;
        margin: auto
    }

    .retail-border-l-r:before {
        content: "";
        border-top: 1px solid #fff;
        padding-bottom: 16px
    }

    .retail-border-l-r:after {
        content: "";
        border-bottom: 1px solid #fff;
        padding-top: 16px
    }
}

@media screen and (max-width: 767.98px) {
    .salesforce-retail-page .revamp-sf-sect-1.impleme-one {
        padding-top:32px
    }

    .salesforce-retail-page .sales-Partnership,.salesforce-retail-page .imp-years .sales-Partnership.rating {
        max-width: 48%!important
    }

    .salesforce-retail-page .imp-years .sales-Partnership.rating {
        padding: 7px
    }

    .salesforce-retail-page h2.cta-paid-title {
        line-height: 36px!important
    }

    .salesforce-retail-page .manufacturing-box .integration-choose-us {
        grid-template-rows: repeat(9,175px)!important
    }

    .salesforce-retail-page .manufacturing-box .integration-choose-us .grid-item {
        align-items: center!important;
        gap: 16px!important;
        padding: 24px
    }

    .salesforce-retail-page .integration-choose-us .grid-item .text {
        font-size: 18px;
        line-height: 27px
    }

    .salesforce-retail-page .manufacturing-box .integration-choose-us .grid-item:nth-child(3),.salesforce-retail-page .manufacturing-box .integration-choose-us .grid-item:nth-child(5) {
        flex-direction: row!important
    }

    .salesforce-retail-page .integration-choose-us .grid-item:nth-child(4),.salesforce-retail-page .integration-choose-us .grid-item:nth-child(6),.salesforce-retail-page .integration-choose-us .grid-item:nth-child(7),.salesforce-retail-page .integration-choose-us .grid-item:nth-child(8),.salesforce-retail-page .integration-choose-us .grid-item:nth-child(9) {
        align-items: start!important;
        justify-content: center!important
    }

    .salesforce-retail-page .integration-choose-us .grid-item .title {
        font-size: 40px
    }

    .salesforce-retail-page .page-section.sm-txt-bold .ks-heading-outer .color-28292E.font-40 {
        font-weight: 600!important
    }

    .l-h-sm-20 {
        line-height: 20px!important
    }

    .salesforce-retail-page .salesforce-Diverse-Industry .col-lg-3 {
        min-width: 200px
    }

    .impleme-five .saless-cta-title {
        font-size: 24px!important
    }
}

@media screen and (max-width: 360.98px) {
    .salesforce-retail-page .sales-Partnership {
        height:100px
    }
}

.reactjs-tech-stack {
    display: flex;
    padding: 64px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

.reactjs-tech-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0
}

.reactjs-tech-title {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -.8px
}

.reactjs-tech-tabs {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    list-style: none
}

.reactjs-tech-tabs .nav-link {
    display: flex;
    padding: 12px 16px!important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px!important;
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #323232!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.reactjs-tech-tabs .nav-link.active {
    background-color: #113c63!important;
    color: #fff!important;
    border-left: 0!important
}

.reactjs-tech-tabs .nav-link.active:hover {
    background-color: #113c63!important
}

.reactjs-tech-tabs .nav-link:hover {
    background-color: #F9D2D6!important
}

.reactjs-tech-content {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    align-self: stretch
}

.reactjs-tech-box {
    display: flex;
    width: 190px;
    padding: 24px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    background: #fff;
    text-align: center
}

.reactjs-solutions {
    display: flex;
    padding: 64px 0;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch
}

.reactjs-title {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 20px
}

.reactjs-box-wrapper {
    justify-content: center
}

.reactjs-box {
    display: flex;
    height: 100%;
    padding: 24px;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid transparent;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
    transition: all 0.3s ease-in-out
}

.reactjs-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,.12)
}

.reactjs-box-icon {
    display: flex;
    width: 64px;
    height: 64px;
    padding: 9.514px 7.784px 8.977px 7.784px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1
}

.reactjs-box-icon img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    min-width: 64px
}

.reactjs-box-text {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px
}

.reactjs-client-testimonials {
    display: flex;
    padding: 64px 0;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch
}

.reactjs-section-title {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px
}

.reactjs-section-subtitle {
    color: #323232;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 800px;
    margin: 0 auto
}

.reactjs-testimonial-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    background: #fff;
    flex: 1;
    height: 100%;
    border-radius: 16px;
    border: 1px solid #e7e7e7;
    background: #f9fafb
}

.reactjs-quote-icon {
    fill: #e6e6e6;
    width: 41.5px;
    height: 31.727px
}

.reactjs-testimonial-text {
    color: #484848;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 16px;
    flex-grow: 1
}

.reactjs-testimonial-footer {
    width: 100%
}

.reactjs-rating {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.reactjs-star {
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #f39f04
}

.reactjs-client-title {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px
}

.reactjs-approach-section {
    display: flex;
    padding: 64px 0;
    flex-direction: column;
    align-items: center;
    align-self: stretch
}

.reactjs-approach-title {
    color: #212121;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px
}

.reactjs-approach-subtitle {
    color: #323232;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
    margin-bottom: 32px
}

.reactjs-approach-main {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center
}

.reactjs-approach-box {
    display: flex;
    max-width: 406px;
    width: 100%;
    height: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    flex-shrink: 0;
    border-left: 1px solid #d1d2d7
}

.reactjs-approach-number {
    color: #e32235;
    font-size: 56px;
    font-weight: 400;
    line-height: 56px
}

.reactjs-approach-box-title {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-top: 8px
}

.reactjs-approach-box-desc {
    color: #484848;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.react-grid-box {
    padding: 64px 4px;
    background-color: rgb(249,250,251);
    color: rgb(33,33,33)
}

.react-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -.02em;
    text-align: center
}

.react-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.react-grid {
    display: grid;
    grid-template-columns: 313px 112px 426px 112px 313px;
    grid-template-rows: repeat(5,186px);
    gap: 8px
}

.white-box {
    border-radius: 16px;
    background: rgb(255,255,255);
    border: 1px solid rgb(231,231,231);
    padding: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    flex-direction: row
}

.white-box.large-box {
    gap: 48px;
    flex-direction: column
}

.number-box {
    background: linear-gradient(rgb(245,247,249) 0%,rgb(255,255,255) 100%);
    text-align: center;
    font-weight: 600;
    border-radius: 8px
}

.number-box.large {
    padding: 43px 0;
    font-size: 48px;
    line-height: 60px;
    width: 100%
}

.number-box.small {
    padding: 34px 13px;
    font-size: 32px;
    line-height: 40px;
    min-width: 112px
}

.number-box img {
    width: 52px;
    height: 52px
}

.content-box .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px
}

.content-box .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(72,72,72)
}

.white-box:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2
}

.white-box:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4
}

.white-box:nth-child(3) {
    grid-area: 1 / 4 / 2 / 6
}

.white-box:nth-child(4) {
    grid-area: 2 / 2 / 3 / 4
}

.white-box:nth-child(5) {
    grid-area: 2 / 4 / 3 / 6
}

.white-box:nth-child(6) {
    grid-area: 3 / 1 / 4 / 3
}

.white-box:nth-child(7) {
    grid-area: 3 / 3 / 4 / 5
}

.white-box:nth-child(8) {
    grid-area: 3 / 5 / 5 / 6
}

.white-box:nth-child(9) {
    grid-area: 4 / 1 / 5 / 3
}

.white-box:nth-child(10) {
    grid-area: 4 / 3 / 5 / 5
}

.white-box:nth-child(11) {
    grid-area: 5 / 1 / 6 / 3
}

.white-box:nth-child(12) {
    grid-area: 5 / 3 / 6 / 4
}

.white-box:nth-child(13) {
    grid-area: 5 / 4 / 6 / 6
}

@media screen and (min-width: 1440px) {
    .logo-p img {
        max-width:unset
    }

    .react-stl-set .reactjs-tech-box-desk .col-c:nth-child(1) {
        width: 451px
    }

    .react-stl-set .reactjs-tech-box-desk .col-c:nth-child(2) {
        width: auto
    }
}

@media screen and (max-width: 1300px) {
    .react-grid {
        grid-template-columns:repeat(3,1fr);
        grid-template-rows: repeat(5,1fr)
    }

    .react-grid .white-box {
        flex-direction: column;
        grid-area: span 1 / span 1!important
    }

    .number-box.small {
        width: 100%;
        padding: 43px 0
    }

    .number-box.large {
        font-size: 32px;
        line-height: 40px
    }

    .white-box.large-box {
        gap: 16px
    }
}

@media (max-width: 992px) {
    .reactjs-title,.reactjs-approach-title,.reactjs-section-title,.reactjs-tech-title {
        font-size:32px;
        line-height: 42px
    }

    .reactjs-box {
        height: 100%;
        padding: 20px
    }

    .reactjs-approach-box {
        max-width: 285px
    }

    .react-grid {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto
    }

    .content-box .text,.content-box .title {
        text-align: center
    }
}

@media (max-width: 768px) {
    .reactjs-approach-main {
        width:100%;
        gap: 16px
    }

    .reactjs-approach-box {
        width: 100%;
        height: auto;
        border-left: 0;
        padding: 16px!important;
        border-bottom: 1px solid #d1d2d7
    }

    .reactjs-approach-box:last-child {
        border: none!important
    }

    .reactjs-approach-section {
        gap: 0
    }

    .reactjs-solutions,.reactjs-approach-section,.reactjs-client-testimonials {
        padding: 32px 0
    }
}

@media (max-width: 767.98px) {
    .reactjs-box-text {
        font-size:16px;
        line-height: 24px
    }

    .react-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .react-grid-box {
        padding: 32px 4px
    }

    .react-title {
        font-size: 32px;
        line-height: 40px
    }

    .react-text {
        margin-bottom: 24px!important
    }

    .white-box {
        padding: 16px;
        gap: 8px!important
    }

    .number-box {
        padding: 16px 0px!important;
        font-size: 40px!important;
        line-height: 52px!important
    }

    .white-box:nth-child(1) {
        order: 1
    }

    .white-box:nth-child(2) {
        order: 2
    }

    .white-box:nth-child(3) {
        order: 3
    }

    .white-box:nth-child(4) {
        order: 5
    }

    .white-box:nth-child(5) {
        order: 4
    }

    .white-box:nth-child(6) {
        order: 6
    }

    .white-box:nth-child(7) {
        order: 8
    }

    .white-box:nth-child(8) {
        order: 10
    }

    .white-box:nth-child(9) {
        order: 7
    }

    .white-box:nth-child(10) {
        order: 9
    }

    .white-box:nth-child(11) {
        order: 11
    }

    .white-box:nth-child(12) {
        order: 12
    }

    .white-box:nth-child(13) {
        order: 13
    }

    .reactjs-box {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding: 16px
    }

    .reactjs-testimonial-box {
        width: 100%;
        height: auto;
        padding: 16px
    }

    .reactjs-approach-box {
        width: 100%;
        max-width: 100%
    }
}

.quote-img-style {
    padding-bottom: 46px
}

.quote-img-style .reactjs-quote-icon-1 {
    position: absolute;
    bottom: 28px;
    right: 0
}

.rjs-banner {
    background-image: url(/wp-content/uploads/2025/09/rjs-banner.webp);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 48px;
    padding-bottom: 140px
}

.rjs-banner h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px
}

.rjs-banner h5 {
    color: #f9fafb;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.bottom-banner-phase .white-tab-set {
    border-radius: 8px;
    height: 107px;
    width: 245px;
    padding-left: 7px;
    border: 1px solid #e7e7e7
}

.bottom-banner-phase .inner-txxt {
    color: #212121;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 10px
}

@media screen and (min-width: 991.98px) {
    .rjs-banner .col-lg-7 {
        width:60%
    }

    .rjs-banner .col-lg-5 {
        width: 40%
    }
}

@media screen and (max-width: 991px) {
    .bottom-banner-phase .white-tab-set {
        width:auto
    }
}

@media screen and (max-width: 767.98px) {
    .rjs-banner {
        background-image:url(/wp-content/uploads/2025/09/rjs-banner-mob.webp);
        background-position: center;
        padding-top: 32px;
        padding-bottom: 159px
    }

    .rjs-banner h1 {
        font-size: 32px;
        line-height: 40px
    }

    .rjs-banner h5 {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

    .bottom-banner-phase .white-tab-set {
        width: 100%
    }

    .rjs-banner .img-set-py {
        margin: 32px 0;
        height: auto!important
    }
}

.get-i-section .w-1270 {
    max-width: 1270px;
    width: 100%;
    border-radius: 24px 24px 0 0;
    padding-top: 48px;
    padding-bottom: 64px;
    gap: 40px;
    margin-top: -113px
}

.get-i-section .w-1270 h3 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.get-i-section .w-1090 {
    max-width: 1090px;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    background-color: #f9fafb;
    padding: 32px 36px
}

.get-i-section .txt-inside,.get-i-section .link-attach {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.get-i-section .txt-inside {
    padding-right: 40px
}

.get-i-section .link-attach::after {
    position: absolute;
    bottom: 0;
    background-color: #484848;
    content: "";
    height: 1px;
    width: 100%;
    left: 0
}

.rjs-cta {
    background-image: url(/wp-content/uploads/2025/09/cta-react.webp);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px
}

.rjs-cta h5 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

.build-cutting-edge-sec {
    background-image: url(/wp-content/uploads/2025/09/build-img.webp);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat
}

.build-cutting-edge-sec .grad-box-cont {
    background: rgba(1,1,1,.5);
    border-radius: 16px
}

.build-cutting-edge-sec h3 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

.build-cutting-edge-sec p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.reactjs-tech-tabs {
    margin-bottom: 0px!important
}

@media screen and (max-width: 767.98px) {
    .reactjs-tech-stack {
        padding:32px 0
    }

    .reactjs-tech-stack .reactjs-tech-title {
        margin-bottom: 10px!important
    }

    .reactjs-tech-stack .container.gap-md-5 {
        gap: 10px
    }

    .get-i-section .txt-inside {
        padding-left: 0
    }

    .get-i-section .w-1270 {
        max-width: 1270px;
        width: 100%;
        border-radius: 16px 16px 0 0;
        padding-top: 16px;
        padding-bottom: 16px;
        gap: 24px;
        margin-top: -113px
    }

    .get-i-section .w-1270 h3 {
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }

    .get-i-section .w-1090 {
        max-width: 1090px;
        width: 100%;
        padding: 16px
    }

    .get-i-section .txt-inside,.get-i-section .link-attach {
        color: #484848;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none
    }

    .rjs-cta {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .rjs-cta h5 {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }

    .build-cutting-edge-sec h3 {
        font-size: 32px;
        line-height: 40px
    }

    .build-cutting-edge-sec p {
        font-weight: 500
    }

    .build-cutting-edge-sec {
        background-position: center
    }
}

@media screen and (min-width: 991.98px) {
    .react-stl-set .snowflake-services {
        color:#212121;
        font-weight: 600;
        font-size: 40px;
        line-height: 52px
    }

    .react-stl-set .snowflake-subser {
        color: #323232;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px
    }

    .react-stl-set .reactjs-tech-box-desk .left-cord {
        background-color: #f9fafb;
        border-radius: 8px
    }

    .react-stl-set .reactjs-tech-box-desk .left-cord .nav-link {
        color: #323232!important;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        padding: 12px!important;
        border-radius: 8px!important;
        border: 1px solid #e7e7e7;
        background-color: #ffffff!important;
        display: flex;
        align-items: center;
        justify-content: start;
        text-align: left
    }

    .react-stl-set .reactjs-tech-box-desk .left-cord .nav-link.active {
        background-color: #113c63!important;
        color: #ffffff!important
    }

    .react-stl-set .reactjs-tech-box-desk .left-cord .nav-link.active:hover {
        background-color: #113c63!important
    }

    .react-stl-set .reactjs-tech-box-desk .left-cord .nav-link:hover {
        background-color: #F9D2D6!important
    }

    .react-stl-set .reactjs-tech-box-desk .row {
        margin: 0 -16px
    }

    .react-stl-set .reactjs-tech-box-desk .col-c {
        padding: 0 16px
    }

    .react-stl-set .reactjs-tech-box-desk .right-cord {
        background-color: #f9fafb;
        border-radius: 8px;
        padding: 32px 33px
    }

    .react-stl-set .reactjs-tech-box-desk .content-main-cord {
        padding-right: 40px;
        max-width: 380px
    }

    .react-stl-set .reactjs-tech-box-desk .content-main-cord h3 {
        color: #212121;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .react-stl-set .reactjs-tech-box-desk .content-main-cord p {
        color: #484848;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1199.98px) and (min-width:991px) {
    .react-stl-set .reactjs-tech-box-desk .right-cord {
        padding:24px
    }

    .react-stl-set .reactjs-tech-box-desk .content-main-cord {
        padding-right: 0;
        max-width: 100%;
        padding-bottom: 24px
    }

    .reactjs-tech-tabs {
        padding: 0
    }
}

@media screen and (max-width: 991.98px) {
    .reactjs-tech-tabs {
        padding:0
    }

    .react-stl-set .snowflake-services {
        color: #212121;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        text-align: center!important
    }

    .react-stl-set .snowflake-subser {
        color: #323232;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center!important
    }

    .react-stl-set .react-stl-set-mob {
        background-color: #f9fafb
    }

    .react-stl-set .react-stl-set-mob .accordion-item {
        padding: 0 12px 0 12px;
        background-color: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 8px;
        margin-bottom: 4px
    }

    .reactjs-main .react-stl-set .react-stl-set-mob .accordion-item:first-child .accordion-button[aria-expanded="true"],.reactjs-main .react-stl-set .react-stl-set-mob .accordion-item .accordion-button[aria-expanded="true"] {
        background-color: #fff;
        border: none!important;
        border-radius: 0px!important;
        color: #323232;
        font-weight: 500!important;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 24px 12px 0
    }

    .react-stl-set .react-stl-set-mob .accordion-item .accordion-button {
        color: #323232;
        font-weight: 500!important;
        padding: 12px 24px 12px 0;
        font-size: 16px;
        line-height: 24px;
        background-color: #fff;
        border: none!important;
        border-radius: 0px!important
    }

    .react-stl-set .react-stl-set-mob .accordion-content {
        background-color: #fff;
        color: #484848;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
        margin-top: 8px
    }

    .react-stl-set .react-stl-set-mob .accordion-body {
        background-color: #fff;
        padding: 0px!important
    }

    .react-stl-set .react-stl-set-mob .accordion-img img {
        width: 100%!important;
        margin-bottom: 16px
    }

    .react-stl-set .react-stl-set-mob .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23484848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important;
        right: 0
    }
}

@media screen and (max-width: 575px) {
    .btn-w button {
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .reactjs-tech-tabs li,.reactjs-tech-tabs li button {
        width: 100%
    }

    .reactjs-tech-box p {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px
    }

    .reactjs-tech-tabs .nav-link {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px
    }

    .bllok-box {
        width: 50%
    }

    .reactjs-tech-box {
        width: 100%;
        padding: 15.5px 10.5px;
        min-width: 167px
    }

    .main-view-div {
        padding: 0
    }
}

@media screen and (max-width: 370px) {
    .btn-fs-12 button {
        font-size:12px
    }
}

.reactjs-tech-stack {
    background-color: #f9fafb
}

@media screen and (min-width: 1199.98px) {
    .reactjs-tech-tabs {
        padding:0 50px!important
    }
}

.pr-banner {
    background-image: url(/wp-content/uploads/2025/09/pr-banner-img.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 591px
}

.pr-banner .breadcrumb-pr {
    color: #113c63;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    top: 32px
}

.pr-banner .breadcrumb-pr .red-a {
    color: #113c63;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px
}

.pr-banner .breadcrumb-pr .white-a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px
}

.pr-banner h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 18px
}

.pr-banner h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.filter-set-action {
    padding-top: 51px;
    padding-bottom: 40px
}

.filter-set-action h3 {
    color: #212121;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px
}

.filter-set-action .fit-text {
    color: #484848;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width: 767.98px) {
    .border-E7 {
        border-bottom:1px solid #e7e7e7
    }
}

@media screen and (max-width: 767.98px) {
    .pr-banner h1 {
        font-size:32px;
        line-height: 40px
    }

    .pr-banner h5 {
        font-size: 16px;
        line-height: 24px
    }

    .filter-set-action {
        padding-top: 32px;
        padding-bottom: 24px
    }

    .filter-set-action h3 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .pr-banner {
        padding-top: 52px;
        padding-bottom: 66px;
        min-height: 254px
    }
}

.filter-part-cont .dropdown-toggle {
    background-color: #fff;
    color: #212121;
    border: none;
    width: auto;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.filter-part-cont .dropdown-toggle::after {
    float: right;
    background-image: url(/wp-content/uploads/2025/09/dp-arrow-blk.svg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 20px;
    min-height: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: none
}

.filter-part-cont .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    width: 100%;
    box-shadow: 0 2px 4px -2px rgba(16,24,40,.06),0 4px 8px -2px rgba(16,24,40,.1);
    padding: 16px;
    padding-right: 6px;
    min-width: fit-content
}

.filter-part-cont .dropdown-item {
    color: #212121;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    padding: 4px 10px
}

.filter-part-cont .dropdown-item:hover {
    background-color: transparent;
    color: #212121
}

.filter-part-cont .dropdown-toggle:hover {
    background-color: transparent;
    color: #212121
}

.filter-part-cont .btn.active,.filter-part-cont .btn.show,.filter-part-cont .btn:first-child:active {
    color: #212121;
    background-color: transparent
}

.filter-part-cont .btn.show:focus-visible,.filter-part-cont.btn:first-child:active:focus-visible {
    box-shadow: none;
    border: none
}

.filter-part-cont .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg)
}

.cards-part-cont .row {
    row-gap: 40px;
    justify-content: center
}

.cards-part-cont .ccard-area {
    text-decoration: none;
    color: #212121
}

.cards-part-cont .inner-a {
    text-decoration: none;
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer
}

.cards-part-cont .ccard-area .img-8 {
    border-radius: 8px;
    margin-bottom: 24px;
    height: auto
}

.cards-part-cont .ccard-area .img-8 img {
    object-fit: cover;
    border-radius: 8px;
    height: auto
}

.card-content-area .date-txt {
    color: #484848;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    text-decoration: none
}

.card-content-area .content-short {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-decoration: none
}

.inner-pr-banner {
    min-height: 529px;
    max-height: 529px;
    height: 100%
}

.inner-content-area .cont-w-1100 {
    border-radius: 16px;
    padding: 32px;
    max-width: 1100px;
    margin-top: -384px;
    z-index: 1
}

.inner-content-area .date-txt-line {
    color: #2d343f;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    border-top: 1px solid #e9f0fb;
    border-bottom: 1px solid #e9f0fb;
    width: 100%;
    align-items: flex-start!important
}

.inner-content-area .date-txt-line img {
    margin-top: 2px
}

.inner-content-area .main-t-title {
    color: #2d343f;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

.inner-content-area .main-text-area {
    color: #2d343f;
    font-weight: 400;
    font-size: 20px;
    line-height: 38px
}

.inner-content-area .main-text-area a {
    text-decoration: none;
    color: #113c63
}

.title-mini {
    color: #2d343f;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.filter-part-cont .btn:hover {
    transform: none!important;
    box-shadow: none!important;
    border: none!important
}

.cards-part-cont .card-content-area {
    width: 100%
}

.inner-content-area .main-text-area h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    margin: 24px 0 10px
}

.inner-content-area .main-text-area h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    margin: 24px 0 10px
}

.inner-content-area .main-text-area h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    margin: 22px 0 10px
}

.inner-content-area .main-text-area h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    margin: 20px 0 10px
}

.title-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    height: 100%
}

@media screen and (max-width: 1080px) {
    .title-img img {
        width:100%;
        object-fit: contain;
        border-radius: 8px;
        height: 100%
    }

    .cards-part-cont .ccard-area .img-8 img {
        height: 100%
    }
}

@media screen and (max-width: 922px) {
    .title-img img {
        width:100%;
        object-fit: contain;
        border-radius: 8px;
        height: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .cards-part-cont .ccard-area .img-8 {
        border-radius:8px;
        margin-bottom: 16px
    }

    .cards-part-cont .row {
        row-gap: 24px
    }

    .inner-pr-banner {
        min-height: 254px;
        max-height: 254px;
        height: 100%
    }

    .inner-content-area .cont-w-1100 {
        border-radius: 8px;
        padding: 16px;
        margin-top: -199px
    }

    .inner-content-area .main-t-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .inner-content-area .main-text-area {
        font-weight: 400;
        font-size: 18px;
        line-height: 30px
    }

    .inner-content-area .title-mini {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .ai-driven-automation-page .ks-AutoCaptureForm-main-container .ks-success-message,.ai-driven-automation-page .ks-AutoCaptureForm-main-container .ks-form-error {
        margin-top: 20px
    }
}

.supcomp-content .bd-tech-content img {
    height: auto;
    width: 100%
}

.ks-auto-capture-campaign .ks-form-error {
    margin: 15px 32px 0!important
}

.ks-AutoCaptureForm-main-container.odoo-on-demand-from form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    text-align: start
}

.ks-AutoCaptureForm-main-container.odoo-on-demand-from form .ks-AutoCapture-form-unit {
    max-width: 48%;
    width: 100%
}

.ks-AutoCaptureForm-main-container.odoo-on-demand-from form .ks-AutoCapture-form-unit.description-box-odoo {
    width: 100%;
    max-width: 100%!important
}

.ks-AutoCaptureForm-main-container.odoo-on-demand-from form .ks-AutoCapture-form-unit.ks-auto-capture-robot-captcha {
    max-width: 100%!important
}

.odoo-demand-form .ks-AutoCaptureForm-main-container {
    max-width: 100%!important
}

.odoo-demand-form .ks-success-message {
    width: max-content
}

.cros-odoo {
    width: 22px;
    height: 22px;
    right: 0;
    top: -8px;
    position: absolute;
    cursor: pointer
}

.ks-current-hosting select {
    outline: none
}

@media screen and (max-width: 767.98px) {
    .ks-AutoCaptureForm-main-container.odoo-on-demand-from form .ks-AutoCapture-form-unit {
        max-width:100%;
        width: 100%
    }

    .mr-33 {
        margin-right: 0
    }

    .odoo-demand-form .ks-success-message {
        width: 100%
    }

    .cros-odoo {
        width: 12px;
        height: 13px;
        right: 5px;
        top: 1px;
        position: absolute
    }
}

@media screen and (max-width: 341px) {
    .cros-odoo {
        width:12px;
        height: 13px;
        right: 5px;
        top: 0;
        position: absolute
    }
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container {
    max-width: 100%
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(5),.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(6) {
    grid-column: span 2
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .auto-capture-submit {
    width: fit-content
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container input,.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container textarea {
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid #828080!important;
    border-radius: 8px;
    background: transparent!important;
    resize: none;
    color: #323232!important;
    font-size: 14px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input {
    background-color: transparent!important;
    width: 100%;
    min-height: 40px;
    border: 1px solid #828080!important;
    border-radius: 8px;
    background: transparent!important;
    color: #323232!important;
    font-size: 14px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input input {
    border: none!important
}

.hustle-free-form .ks-form-error,.hustle-free-form .ks-success-message {
    width: fit-content!important
}

.hustle-free-form.OdoobusinessGrowth .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container input,.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container textarea {
    color: #fff!important
}

@media screen and (max-width: 575px) {
    .hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit {
        grid-column:span 2!important
    }
}

.cta-img-set .py-c-1530 {
    padding-top: 15px;
    padding-bottom: 30px
}

.nifi-support-template.abt-page .new-set-druid-content .apache-ecosystem-grid-main-box {
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.06),0 1px 3px 0 rgba(16,24,40,.1);
    background-color: #f9fafb
}

@media screen and (min-width: 1199.99px) and (max-width:1920px) {
    .cassandra-support-main.nifi-support-template .abt-banner::after {
        height:1000px!important
    }
}

@media screen and (min-width: 991.98px) {
    .cassandra-support-main.nifi-support-template .abt-banner::after {
        background-image:url(/wp-content/uploads/2025/09/abt-banner-img.svg)
    }

    .abt-page .abt-banner {
        padding-top: 72px;
        padding-bottom: 84px!important
    }

    .apache-developement-service-tab.cassolutions-tabs.nifitabs.pinot-tabs {
        padding-top: 48px
    }

    .abt-page .apache-developement-service-tab .container {
        max-width: 1320px
    }

    .w-1251.solutions-cont {
        max-width: 800px;
        margin: 0 auto
    }

    .abt-page section.apache-developement-service-tab.cassolutions-tabs .solutions-capm.nifiscroll #v-pills-tab {
        height: 484px!important
    }
}

@media screen and (max-width: 1200px) and (min-width:991px) {
    .supcomp-content .bd-tech-content {
        padding-right:0px!important
    }
}

.cta-new-abt .main-cta-area {
    background-color: #e1edf1;
    padding: 52px 30px;
    margin: 110px 0;
    border-radius: 16px
}

.cta-new-abt h2 {
    color: #323232;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px
}

@media screen and (max-width: 991px) {
    .cta-img-set .py-c-1530 {
        padding-top:0;
        padding-bottom: 32px
    }

    .cta-new-abt .main-cta-area {
        padding: 32px 16px;
        margin: 32px 0
    }

    .cta-new-abt h2 {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (min-width: 1199.98px) {
    .custom-w-change .col-lg-7 {
        width:65%
    }

    .w-1251.solutions-cont {
        max-width: 1051px;
        margin: 0 auto
    }

    .custom-w-change .col-lg-5 {
        width: 35%
    }

    .abt-page section.apache-developement-service-tab.cassolutions-tabs .solutions-capm.nifiscroll #v-pills-tab {
        height: 469px!important
    }
}

@media screen and (min-width: 1399.98px) {
    .w-1251.solutions-cont {
        max-width:1251px;
        margin: 0 auto
    }

    .abt-page section.apache-developement-service-tab.cassolutions-tabs .solutions-capm.nifiscroll #v-pills-tab {
        height: 552px!important
    }
}

@media screen and (min-width: 991.98px) {
    .abt-page section.apache-developement-service-tab.cassolutions-tabs .solutions-capm.nifiscroll #v-pills-tab {
        height:100%
    }

    .abt-page .apache-developement-service-tab.cassolutions-tabs .kafka-solution .solutions-capm.nifiscroll .supcomp-content {
        padding-bottom: 32px!important
    }

    .abt-page .apache-developement-service-tab.cassolutions-tabs .kafka-solution .solutions-capm.nifiscroll .supcomp-content {
        max-width: 100%!important
    }
}

.apache-developement-service-tab .container {
    border-radius: 16px 16px 0 0
}

.pt-110-custom {
    padding-top: 110px
}

@media screen and (max-width: 991px) {
    .abt-page .cassuport-banner {
        padding-top:32px;
        padding-bottom: 32px!important
    }

    .pt-110-custom {
        padding-top: 64px
    }
}

@media screen and (max-width: 920px) {
    .abt-page .cassuport-banner {
        padding-top:32px;
        padding-bottom: 32px!important
    }
}

@media screen and (max-width: 991.98px) and (min-width:767.98px) {
    .cta-new-abt h2 {
        text-align:center
    }
}

.abt-chall {
    padding-bottom: 110px
}

.abt-chall h2 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.abt-chall .card-abt {
    border-radius: 8px;
    border: 1px solid #e7e7e7
}

.abt-chall .text-op {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #212121
}

.abt-chall .para-op {
    color: #323232;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 991.98px) {
    .abt-chall {
        padding-bottom:64px
    }

    .abt-chall h2 {
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }
}

.abt-page .apache-support-cta.cta-img-set .support-title,.abt-page .abt-banner .Support-heading,.abt-page .abt-banner .experts-txt {
    color: #212121
}

.abt-page .apache-support-cta.cta-img-set .support-sub {
    color: #484848
}

.sf-camp-updated .salesforce_banner {
    padding: 64px 0;
    background-image: url(/wp-content/uploads/2025/09/sf-camp-updated-banner4.svg)
}

.sf-camp-updated .salesforce_banner .container:before {
    background-image: url(/wp-content/uploads/2025/09/sf-camp-updated-banner2.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 100%;
    height: 710px;
    position: absolute;
    right: 0;
    top: 0
}

.mb-39 {
    margin-bottom: 39px!important
}

.sf-camp-updated .salespaid-form.common-capmform form {
    padding: 16px 24px 0
}

.sf-camp-updated .salespaid-form.common-capmform .salespaid-form-head {
    padding: 24px;
    background: #f8f9fa
}

.sf-camp-updated .new_impleme_five .sales-Partnership {
    max-width: 216px
}

.sf-camp-updated .bg-client-roi {
    background-image: none;
    background-color: transparent
}

.sf-camp-updated .bg-client-roi:before {
    content: "";
    background-color: #f9fafb;
    background-image: url(/wp-content/uploads/2025/09/hear-client-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 746px;
    opacity: .5
}

.sf-camp-updated .bg-client-roi .symbol-client-logo.quotes-icon::after {
    left: 26px;
    top: auto;
    margin-top: -28px
}

.sf-camp-updated .bg-client-roi .card-items-bg {
    min-height: 490px;
    border: 1px solid #e7e7e7;
    padding: 16px 37px;
    box-shadow: 0 12px 16px -4px #10182814
}

.sf-camp-updated .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px
}

.sf-camp-updated .bg-client-roi .owl-dots .owl-dot.active span {
    background: #113c63
}

.sf-camp-updated .bg-client-roi .owl-dots .owl-dot span {
    width: 47px;
    height: 4px;
    background: #828080
}

.sf-camp-updated .roi-slider .certified-div {
    border-radius: 20px
}

.sf-camp-updated .bg-client-roi .client-profile-icon img {
    height: 84px
}

.sf-camp-updated .bg-client-roi .client-star-icon img {
    height: 22px
}

.sf-camp-updated .blue-grad-bot .form-left-s .impl-form-dis {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 40px
}

.sf-camp-updated .new_scale_sal_team .scale_sal_data {
    height: 100%
}

.sf-camp-updated .ai-automation-impl.blue-grad-bot .ks-AutoCapture-form-loader {
    margin-top: -18px
}

.sf-camp-updated .salesforce_banner .ks-AutoCapture-form-unit.mb-3 {
    margin-bottom: 8px!important
}

@media screen and (max-width: 1200px) {
    .sf-camp-updated .salesforce_banner .container:before {
        background-position:right;
        left: -32%;
        top: auto;
        bottom: 0;
        right: auto
    }

    .sf-camp-updated .bg-client-roi:before {
        height: 100%
    }

    .sf-camp-updated .ks-AutoCapture-form-loader {
        margin-top: -18px
    }
}

@media screen and (max-width: 1199.98px) {
    .sf-camp-updated .ai-automation-impl.blue-grad-bot .ks-AutoCapture-form-loader {
        margin-top:-30px
    }
}

@media screen and (max-width: 850px) {
    .sf-camp-updated .salesforce_banner .container:before {
        left:-25%
    }
}

@media screen and (max-width: 767.98px) {
    .sf-camp-updated .imp-partner .odoo-partners {
        width:30%
    }

    .sf-camp-updated .salesforce_banner {
        padding: 32px 0
    }

    .sf-camp-updated .salesforce_banner .banner-grid .item-left h1 {
        margin-bottom: 32px!important
    }

    .sf-camp-updated .imp-partner.mb-39 {
        margin-bottom: 26px!important
    }

    .sf-camp-updated .salesforce_banner .banner-grid .salespaid-form.common-capmform {
        margin-top: 0!important
    }

    .sf-camp-updated .new_impleme_five .sales-Partnership {
        height: 80px;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .sf-camp-updated .new_impleme_five .imp-years .sales-Partnership.rating .d-flex.gap-1 img {
        height: 16px;
        width: 16px
    }

    .sf-camp-updated .bg-client-roi .symbol-client-logo.quotes-icon::after {
        margin-top: -20px
    }

    .sf-camp-updated .bg-client-roi .card-items-bg {
        min-height: 532px;
        padding: 16px 32px
    }

    .sf-camp-updated .blue-grad-bot .form-left-s .impl-form-dis {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px
    }

    .sf-camp-updated .l-h-sm-28 {
        line-height: 28px!important
    }

    .sf-camp-updated .salesforce_banner .container:before {
        display: none!important
    }

    .sf-camp-updated .ks-AutoCapture-form-loader {
        margin-top: -30px
    }

    .sf-camp-updated .salesforce_banner .salespaid-form.common-capmform .ks-form-error {
        margin: 16px 16px!important
    }
}

@media screen and (max-width: 575px) {
    .sf-camp-updated .imp-partner .odoo-partners {
        width:47%
    }

    .sf-camp-updated .ai-automation-impl.blue-grad-bot .ks-AutoCapture-form-loader {
        margin-top: -25px
    }

    .sf-camp-updated .ks-AutoCapture-form-loader {
        margin-top: -10px
    }
}

@media screen and (max-width: 375px) {
    .sf-camp-updated .salespaid-form {
        max-width:300px
    }
}

.color-D4D4D4 {
    color: #d4d4d4
}

.new-bg {
    background-image: url(/wp-content/uploads/2025/09/cta-bg-devops.webp)!important;
    background-size: cover
}

.devops-main .uipath-developers-banner-section .banner-card-box {
    min-height: 90px
}

.devops-main .uipath-developers-banner-section {
    background-image: url(/wp-content/uploads/2025/09/devop-banner-desktop.webp)
}

.devops-main .uipath-developers-banner-section .banner-card-box:first-child,.devops-main .uipath-developers-banner-section .banner-card-box:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 16px
}

.performance-section {
    padding: 64px 4px
}

.performance-section .stat-box {
    background: #f9fafb;
    border-radius: 8px;
    padding: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.performance-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.performance-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px;
    color: #323232
}

.stat-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #414040;
    margin: 0
}

.percentage-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.percentage-circle::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat
}

.percentage-circle.one::before {
    background-image: url(/wp-content/uploads/2025/09/curve-1.png)
}

.percentage-circle.two::before {
    background-image: url(/wp-content/uploads/2025/09/curve-2.png)
}

.percentage-circle.three::before {
    background-image: url(/wp-content/uploads/2025/09/curve-3.png)
}

.percentage-circle.four::before {
    background-image: url(/wp-content/uploads/2025/09/curve-4.png)
}

.percentage-circle.five::before {
    background-image: url(/wp-content/uploads/2025/09/curve-5.svg);
    background-position: top right;
    background-size: auto
}

.percentage-circle.six::before {
    background-image: url(/wp-content/uploads/2025/09/curve-6.png)
}

.percentage-text {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #414040;
    position: relative;
    z-index: 1;
    width: 88px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 4px 4px 4px 0 #a5a5a540
}

.devops-main .manufacturing-box .choose-heading {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 16px;
    color: #212121
}

.devops-main .manufacturing-box .text-sub {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px;
    color: #323232
}

.devops-main .integration-choose-us .grid-item:nth-child(4),.devops-main .manufacturing-box .integration-choose-us .grid-item:nth-child(1),.devops-main .integration-choose-us .grid-item:nth-child(7) {
    background-color: #f2f2f2
}

.devops-consulting-services-wraper .red-button {
    padding: 16px 32px;
    border-radius: 3px;
    background: #113c63;
    border: 1px solid #113c63;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.devops-consulting-services-wraper .red-button:hover {
    background-color: #cb202d;
    border-color: #cb202d
}

.devops-consulting-services-wraper .ksolves-devOps-experts {
    background-image: url(/wp-content/uploads/2025/09/devop-expert-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    padding: 64px 0
}

.devops-consulting-services-wraper .ksolves-devOps-experts h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 16px
}

.devops-consulting-services-wraper .ksolves-devOps-experts h5 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #f9fafb;
    margin-bottom: 8px
}

.devops-consulting-services-wraper .ksolves-devOps-experts ul {
    margin-bottom: 32px;
    list-style-type: none;
    padding: 0
}

.devops-consulting-services-wraper .ksolves-devOps-experts ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #f9fafb
}

.devops-consulting-services-wraper .ksolves-devOps-experts ul li span {
    width: 5px;
    height: 5px;
    background-color: #f9fafb;
    border-radius: 50%;
    display: inline-block
}

.devops-consulting-services-wraper .ksolves-devOps-experts ul li:nth-last-child(1) {
    margin: 0
}

.devops-consulting-services-wraper .ksolves-devOps-experts-data {
    padding-right: 53px
}

.devops-consulting-services-wraper .our-technology-stack {
    background-color: #f9fafb;
    padding: 64px 0
}

.devops-consulting-services-wraper .our-technology-stack h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.devops-consulting-services-wraper .our-technology-stack .section-title-para {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.devops-consulting-services-wraper .tab-section-desktop {
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    min-height: 516px
}

.devops-consulting-services-wraper .tab-data-wrap {
    background-color: #fff;
    padding: 24px 0
}

.devops-main.devops-consulting-services-wraper .tab-data-wrap .nav-pills .nav-link {
    border: 1px solid #e7e7e7;
    padding: 8px!important;
    border-radius: 8px!important;
    width: 213px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #212121;
    transition: all 0.3s ease
}

.devops-consulting-services-wraper .tab-data-wrap .nav-pills .nav-link:hover {
    box-shadow: 4px 4px 4px 0 #dadada40;
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#acbee7 8.31%,#f9fafb 100%) border-box
}

.devops-main .salef-modern-manufacturers-wraper .card-custom {
    border: 1px solid transparent!important
}

.devops-main .salef-modern-manufacturers-wraper .card-custom:hover {
    border: 1px solid transparent!important;
    border-radius: 24px;
    background: linear-gradient(#f9fafb,#f9fafb) padding-box,linear-gradient(180deg,#acbee7 0%,#f9fafb 100%) border-box;
    box-shadow: none
}

.devops-consulting-services-wraper .tab-data-wrap .nav-pills .nav-link.active,.devops-consulting-services-wraper .tab-data-wrap .nav-pills .show>.nav-link {
    background: #090d18!important;
    border-color: #090d18!important;
    color: #fff!important
}

.devops-consulting-services-wraper .tab-content-wrap {
    padding: 40px 0
}

.devops-consulting-services-wraper .tab-content-div {
    width: 202px;
    height: 56px;
    padding: 8px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 16px
}

.devops-consulting-services-wraper .tab-content-div p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.devops-consulting-services-wraper .tab-content-data {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px
}

.devops-consulting-services-wraper .accordion-mobile-view {
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 16px;
    background-color: #fff;
    display: none
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-body {
    background: #f9fafb;
    padding: 8px;
    margin-bottom: 8px
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-item {
    border: none
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-header {
    margin: 0!important
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-button {
    border: 1px solid #f4f4f499!important;
    border-radius: 8px!important;
    margin-bottom: 8px;
    padding: 8px 16px;
    justify-content: space-between;
    gap: 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #212121;
    height: 58px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-button:focus {
    box-shadow: none
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #090d18;
    border-color: #090d18!important;
    box-shadow: none
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-button::after {
    display: none
}

.devops-consulting-services-wraper .accordion-mobile-view .accordion-button:not(.collapsed) img {
    filter: brightness(0) invert(1);
    transform: rotate(-180deg)
}

.devops-main .uipath-developers-banner-section {
    min-height: 727px
}

.devops-main .salef-modern-manufacturers-wraper {
    margin-top: -172px;
    position: relative;
    z-index: 1;
    background-color: transparent!important;
    padding-top: 0
}

.devops-main .salef-modern-manufacturers-wraper .container {
    background-color: #fff;
    border-radius: 16px;
    padding: 48px 32px 0 32px
}

@media screen and (min-width: 991px) {
    .devops-main .uipath-developers-banner-section {
        padding-top:99px
    }
}

@media screen and (min-width: 768px) {
    .devops-main .uipath-developers-banner-section .banner-card-box {
        width:213px!important;
        height: 100%;
        min-width: 200px!important
    }

    .devops-main .banner-card-box img {
        max-width: unset
    }
}

@media screen and (min-width: 992px) {
    .devops-main .uipath-developers-banner-section .banner-card-box {
        width:219px!important;
        height: 100%
    }
}

@media screen and (min-width: 1400px) {
    .devops-consulting-services-wraper .ksolves-devOps-experts {
        background-size:108%
    }
}

@media screen and (max-width: 1200px) {
    .devops-main .uipath-developers-banner-section {
        background-position:right
    }
}

@media screen and (max-width: 992px) {
    .devops-main .salef-modern-manufacturers-wraper .container {
        padding:32px 16px 0
    }

    .devops-main .uipath-developers-banner-section {
        background-image: url(/wp-content/uploads/2025/09/devop-banner-mob.webp);
        background-position: bottom center;
        padding-bottom: 389px;
        padding-top: 32px;
        height: 1000px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts-data {
        padding-right: 0;
        text-align: center;
        margin-bottom: 24px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts-data .red-button {
        width: -webkit-fill-available;
        margin: 0 15px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts ul {
        align-items: center
    }

    .devops-main .salef-modern-manufacturers-wraper h2 {
        font-size: 32px;
        line-height: 40px
    }

    .devops-main .salef-modern-manufacturers-wraper .text-title {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 765px) {
    .devops-main .salef-modern-manufacturers-wraper .container {
        padding:32px 16px 0
    }

    .devops-main .salef-modern-manufacturers-wraper {
        padding: 0 16px 32px 16px;
        margin-top: -50px
    }

    .performance-section {
        padding: 32px 4px
    }

    .devops-main .uipath-developers-banner-section {
        height: 960px
    }

    .performance-title {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .performance-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .devops-main .uipath-developers-banner-section .banner-card-box {
        min-height: 74px;
        flex: 1;
        width: 100%!important;
        min-width: unset!important;
        max-width: 100%
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts,.devops-consulting-services-wraper .our-technology-stack {
        padding: 32px 0
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts h5 {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 16px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts ul {
        margin-bottom: 40px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts ul li {
        position: relative;
        display: unset;
        padding-left: 0;
        font-weight: 500
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts ul li span {
        position: absolute;
        top: 11px
    }

    .devops-consulting-services-wraper .ksolves-devOps-experts ul .li-content {
        display: inline;
        padding-left: 15px
    }

    .devops-consulting-services-wraper .red-button {
        padding: 12px 8px;
        font-size: 16px
    }

    .devops-consulting-services-wraper .our-technology-stack h2,.devops-consulting-services-wraper .our-technology-stack .section-title-para {
        text-align: left!important
    }

    .devops-consulting-services-wraper .our-technology-stack h2 {
        font-size: 32px;
        line-height: 40px
    }

    .devops-consulting-services-wraper .our-technology-stack .section-title-para {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .devops-consulting-services-wraper .tab-section-desktop {
        display: none
    }

    .devops-consulting-services-wraper .accordion-mobile-view {
        display: block
    }

    .devops-consulting-services-wraper .tab-content-data {
        gap: 8px
    }

    .devops-consulting-services-wraper .tab-content-div {
        width: 100%;
        justify-content: start
    }

    .devops-main .uipath-developers-banner-section h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .devops-main .manufacturing-box .integration-choose-us .grid-item:not(:last-child) {
        flex-direction: row!important
    }

    .devops-main .impleme-five .saless-cta-title {
        line-height: revert
    }
}

.sf-nop-camp-main .sales-certified-team.impleme-two {
    height: auto!important
}

.sf-nop-camp-main .sf-nop-camp {
    background-image: url(/wp-content/uploads/2025/09/sf-np-banner-img.webp)!important;
    background-size: cover!important;
    background-position: right;
    background-repeat: no-repeat!important;
    background: transparent;
    padding: 37px 0 38px 0!important;
    min-height: 0px!important
}

.sf-nop-camp-main .sf-nop-camp .salesforcepaid-heading {
    color: #212121;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px
}

.sf-nop-camp-main .sf-nop-camp h1 span {
    color: #e32235;
    font-weight: 700
}

.sf-nop-camp-main .sf-nop-camp .head-po {
    color: #323232;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.sf-np-percentage.salef-real-result-wraper .stats-number.first {
    width: 173px
}

.sf-np-percentage.salef-real-result-wraper .stats-number.second {
    width: 98px
}

.sf-np-percentage.salef-real-result-wraper .stats-number.thaird {
    width: 98px
}

.sf-nop-card-set .card-custom.h-100 {
    padding: 24px!important
}

.sf-nop-camp-main .sf-nop-camp .sales-Partnership {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08)!important;
    background-color: rgba(255,255,255,.2)!important;
    border-color: #dadada!important;
    min-height: 116px!important
}

.sf-nop-camp-main .sf-nop-camp .sales-Partnership.rating .d-flex.gap-1.mb-2 {
    height: 36px;
    align-items: center;
    margin-bottom: 0px!important
}

.sf-nop-camp-main .sf-nop-camp .logo-size-set {
    max-height: 124px
}

@media screen and (max-width: 767.98px) {
    .sf-nop-camp-main .sf-nop-camp .sales-Partnership {
        justify-content:center;
        display: flex;
        flex-direction: column;
        padding: 11px 8px;
        max-width: 48%;
        min-height: 105px!important
    }

    .sf-nop-camp-main .sf-nop-camp {
        background-image: url(/wp-content/uploads/2025/09/mob-sf-banner-imag-set.webp)!important;
        height: auto;
        padding-left: 4px!important;
        padding-right: 4px!important
    }
}

@media screen and (max-width: 370px) {
    .sf-nop-camp-main .sf-nop-camp .sales-Partnership {
        min-height:127px!important
    }
}

.new-nonprofit-industries-data {
    max-width: 984px;
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(312px,1fr));
    margin: 0 auto
}

.new-nonprofit-industries-data .nonprofit-card {
    border-radius: 16px;
    overflow: hidden;
    position: relative
}

.new-nonprofit-industries-data .overlay-data {
    background: #002f6c;
    padding: 24px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0
}

.new-nonprofit-industries-data .overlay-data h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 16px
}

.new-nonprofit-industries-data .overlay-data p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px
}

.new-nonprofit-industries-data .nonprofit-img-heading h3 {
    background: #ddf6ff;
    padding: 11px 16px;
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    height: 80px;
    display: flex;
    align-items: center
}

.new-nonprofit-industries-data .nonprofit-card:hover .overlay-data {
    opacity: 1;
    transition: all 0.3s ease-in-out
}

.page-template-template_salesforce_for_nonprofits footer {
    display: none
}

@media (max-width: 575px) {
    .new-nonprofit-industries-data {
        grid-template-columns:1fr
    }

    .sf-nop-camp-main .sf-non-p-grid .grid-item {
        gap: 16px!important
    }

    .sf-nop-camp-main .sf-non-p-grid .grid-item:nth-child(9) {
        flex-direction: row!important;
        align-items: center!important
    }

    .sf-nop-camp-main .sf-non-p-grid .grid-item .text {
        font-weight: 600!important;
        font-size: 18px!important;
        line-height: 27px!important
    }

    .sf-nop-camp-main .sf-non-p-grid .grid-item .title {
        font-weight: 700!important;
        font-size: 40px!important;
        line-height: 52px!important
    }
}

.hover-card-sec .top-head-txt h2 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    margin-bottom: 16px
}

.hover-card-sec .top-head-txt div {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width: 767.98px) {
    .hover-card-sec .top-head-txt h2 {
        font-size:24px;
        line-height: 36px
    }

    .hover-card-sec .top-head-txt div {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 24px
    }

    .sf-nop-camp-main .sf-non-p-grid .grid-item:nth-child(1),.sf-nop-camp-main .sf-non-p-grid .grid-item:nth-child(2) {
        flex-direction: column!important;
        gap: 24px!important
    }
}

@media screen and (max-width: 1200px) and (min-width:767.98px) {
    .nonprofit-img-heading img {
        width:100%;
        height: auto
    }
}

.form-bottom-lne {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    margin-top: 40px
}

@media screen and (max-width: 767.98px) {
    .sf-nop-camp-main .sf-nop-camp .salesforcepaid-heading {
        font-size:32px;
        line-height: 38.4px
    }

    .form-bottom-lne {
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        margin-top: 24px
    }

    .sf-nop-camp-main .blue-grad-bot .rating-box {
        height: 170px!important
    }
}

.nonp-F9FAFB {
    background-color: #f9fafb
}

.sf-nop-camp .salespaid-form .ks-success-message {
    margin: 15px 32px 0 32px
}

.supcomp-content .bd-tech-content img {
    height: auto;
    width: 100%
}

@media screen and (max-width: 575px) {
    .sf-nop-camp-main .col-xl-5.col-lg-6.mt-lg-0.mt-4.mb-lg-0.mb-4.pb-lg-0.pb-2 {
        padding-left:16px;
        padding-right: 16px
    }
}

.ambari-sec-two .supcomp-content,.amabari-cta .kafka-cluster-container,.ambari-sec-two .ks-faq.faq-castabfaq .card-body {
    background-color: #f1e1e1!important
}

#kafka-ksolves-support .ambari-sec-one.apache-kafka-support::after {
    background-image: url(/wp-content/uploads/2025/09/ambari-desktop.png)
}

.ambari-sec-two .solutions-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px
}

.ambari-sec-last {
    background-color: #f1e1e1;
    background-image: none!important
}

.ambari-sec-last .struggling-with-kafka-container {
    gap: 40px
}

@media screen and (min-width: 1000px) {
    .ambari-sec-two .container {
        background-color:#fff;
        border-radius: 16px;
        padding: 48px 48px 0 48px
    }

    #kafka-ksolves-support .ambari-sec-one .info-grid-container {
        grid-template-columns: 1.2fr 0.8fr 1fr
    }

    #kafka-ksolves-support .ambari-sec-one {
        padding-bottom: 84px!important
    }
}

@media screen and (max-width: 992px) {
    .ambari-sec-last .stuggling-img {
        padding-bottom:32px
    }
}

@media screen and (max-width: 768px) {
    .ambari-sec-two .solutions-text {
        font-weight:500;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px
    }

    .ambari-sec-last .struggling-with-kafka-container {
        gap: 0
    }

    .ambari-sec-two .solutions-title {
        text-align: center
    }
}

@media screen and (max-width: 575px) {
    #kafka-ksolves-support .ambari-sec-one.apache-kafka-support::after {
        background-image:url(/wp-content/uploads/2025/09/ambari-mobile.png);
        height: 910px
    }

    .sf-nop-card-set {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media screen and (max-width: 767.98px) {
    .client-value-mob {
        width:100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }

    .client-value-mob .client-value-div {
        width: 48%
    }
}

.stats-grid {
    display: grid;
    grid-template-columns: 262px 24px 260px 71px 166px 96px 165px;
    grid-template-rows: 177px 42px 140px 184px;
    justify-content: center;
    gap: 14px
}

.ks-grid-new {
    padding: 65px 4px 115px
}

.grid-item {
    border-radius: 14px;
    border: .84px solid #e4f3f8;
    display: flex;
    align-items: flex-start;
    padding: 20px;
    background: #fff;
    gap: 24px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.grid-item:first-child {
    gap: 40px
}

.grid-item.column {
    flex-direction: column;
    align-items: flex-start
}

.number {
    font-weight: 500;
    font-size: 40px;
    line-height: normal;
    vertical-align: middle
}

.content {
    display: flex;
    flex-direction: column
}

.content .title {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 8px;
    color: #323232
}

.content .text {
    font-family: Inter,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18.41px;
    color: #3f3f3f
}

.item-img {
    width: auto;
    height: auto;
    display: block
}

.stats-grid .grid-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1 / 4;
    justify-content: center;
    background-color: #f8fbff
}

.stats-grid .grid-item:nth-child(2) {
    grid-column: 2/5;
    grid-row: 1/2;
    align-items: center
}

.stats-grid .grid-item:nth-child(3) {
    grid-column: 5 / 7;
    grid-row: 1 / 3;
    flex-direction: column
}

.stats-grid .grid-item:nth-child(4) {
    grid-column: 7/8;
    grid-row: 1/3;
    background-color: #fafdfe
}

.stats-grid .grid-item:nth-child(5) {
    grid-column: 2/5;
    grid-row: 2 / 4;
    flex-direction: row;
    align-items: center;
    background-color: #f7fbfe99
}

.stats-grid .grid-item:nth-child(6) {
    grid-column: 5/8;
    grid-row: 3/4;
    align-items: center;
    background-color: #f8fafe
}

.stats-grid .grid-item:nth-child(7) {
    grid-column: 1/3;
    grid-row: 4/5
}

.stats-grid .grid-item:nth-child(8) {
    grid-column: 3/4;
    grid-row: 4/5;
    background-color: #f8fbff
}

.stats-grid .grid-item:nth-child(9) {
    grid-column: 4/6;
    grid-row: 4/5;
    background-color: #f8fbff
}

.stats-grid .grid-item:nth-child(10) {
    grid-column: 6/8;
    grid-row: 4/5;
    background-color: #fafdfe
}

.ks-grid-new .new-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 48px
}

.stats-grid .grid-item::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    z-index: -1
}

.stats-grid .grid-item:nth-child(1)::before {
    background-image: url(/wp-content/uploads/2025/09/m-1.png)
}

.stats-grid .grid-item:nth-child(2)::before {
    background-image: url(/wp-content/uploads/2025/09/m-2.png)
}

.stats-grid .grid-item:nth-child(3)::before {
    background-image: url(/wp-content/uploads/2025/09/m-3.png)
}

.stats-grid .grid-item:nth-child(4)::before {
    background-image: url(/wp-content/uploads/2025/09/m-4.png)
}

.stats-grid .grid-item:nth-child(5)::before {
    background-image: url(/wp-content/uploads/2025/09/m-5.png)
}

.stats-grid .grid-item:nth-child(6)::before {
    background-image: url(/wp-content/uploads/2025/09/m-6.png)
}

.stats-grid .grid-item:nth-child(7)::before {
    background-image: url(/wp-content/uploads/2025/09/m-7.png)
}

.stats-grid .grid-item:nth-child(8)::before {
    background-image: url(/wp-content/uploads/2025/09/m-8.png)
}

.stats-grid .grid-item:nth-child(9)::before {
    background-image: url(/wp-content/uploads/2025/09/m-9.png)
}

.stats-grid .grid-item:nth-child(10)::before {
    background-image: url(/wp-content/uploads/2025/09/m-10.png)
}

.sales-Partnership.rating.apexchcamp {
    min-height: 116px;
    height: 100%;
    max-width: 220px
}

.page-template-template_salesforce_services_paid_campaign footer {
    display: none
}

.salerevamp-partner .odoo-partners img.img-fluid {
    border-radius: 4px
}

.ai-driven-automation-page .custom-mob-only.implformcamp .impl-ratings {
    background: transparent;
    display: block;
    height: auto;
    padding: 0
}

.ai-driven-automation-page .custom-mob-only.implformcamp .impl-ratings .rating-content-box {
    background: rgba(2,28,54,.9)
}

.ai-driven-automation-page .custom-mob-only.implformcamp .impl-ratings .rating-content-box .rating-box {
    background-color: rgba(3,16,37,.9);
    border: 1px solid #828080;
    display: flex;
    align-items: center;
    padding: 8px;
    height: auto;
    justify-content: center;
    width: 100%
}

.page-template-template_salesforce_for_nonprofits footer {
    display: none
}

@media screen and (min-width: 992px) {
    .ai-driven-automation-page .custom-mob-only.implformcamp .impl-ratings {
        padding:64px 0
    }

    .ai-driven-automation-page .impl-row {
        gap: 0
    }
}

@media screen and (max-width: 767.98px) {
    .salerevamp-partner .odoo-partners {
        width:30%;
        height: 115px
    }

    .salerevamp-partner {
        margin: 0 auto
    }

    .salerevamp-partner .odoo-partners .pledge-logo {
        height: 115px;
        object-fit: contain!important
    }

    .salerevamp-partner .odoo-partners img.img-fluid {
        height: 115px;
        width: 100%;
        object-fit: cover;
        border-radius: 4px
    }

    .client-value-mob {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }

    .sales-Partnership.rating.apexchcamp {
        max-width: 47%
    }

    .client-value-mob .client-value-div {
        width: 48%
    }
}

@media screen and (max-width: 1440px) {
    .stats-grid {
        grid-template-columns:0.25fr 0.02fr 0.25fr 0.07fr 0.16fr 0.09fr 0.16fr;
        grid-template-rows: auto
    }
}

@media screen and (max-width: 992px) {
    .stats-grid {
        grid-template-columns:1fr 1fr 1fr
    }

    .stats-grid .grid-item {
        grid-column: span 1!important;
        grid-row: span 1!important;
        flex-direction: column!important;
        align-items: flex-start!important
    }

    .summit-circle {
        width: 85px;
        height: 85px;
        margin-bottom: 12px;
        min-width: 85px
    }

    .stats-grid .grid-item:nth-child(1) {
        gap: 24px
    }
}

@media screen and (max-width: 768px) {
    .stats-grid {
        grid-template-columns:1fr 1fr
    }

    .stats-grid .grid-item {
        grid-column: span 2!important;
        grid-row: span 1!important;
        padding: 24px 16px
    }

    .stats-grid .grid-item:nth-child(1),.stats-grid .grid-item:nth-child(2),.stats-grid .grid-item:nth-child(5),.stats-grid .grid-item:nth-child(6),.stats-grid .grid-item:nth-child(7),.stats-grid .grid-item:nth-child(8) {
        flex-direction: row!important;
        align-items: center!important
    }

    .ks-grid-new .new-title {
        font-size: 32px;
        line-height: 42px;
        text-align: center;
        margin-bottom: 32px
    }

    .ks-grid-new {
        padding: 32px 4px
    }

    .stats-grid .grid-item:nth-child(1) {
        order: 1
    }

    .stats-grid .grid-item:nth-child(2) {
        order: 2
    }

    .stats-grid .grid-item:nth-child(3) {
        order: 4;
        grid-column: 1 / 2!important
    }

    .stats-grid .grid-item:nth-child(4) {
        order: 8;
        grid-column: 1 / 2!important;
        justify-content: center
    }

    .stats-grid .grid-item:nth-child(5) {
        order: 3
    }

    .stats-grid .grid-item:nth-child(6) {
        order: 5
    }

    .stats-grid .grid-item:nth-child(7) {
        order: 6
    }

    .stats-grid .grid-item:nth-child(8) {
        order: 7
    }

    .stats-grid .grid-item:nth-child(9) {
        order: 4;
        grid-column: 2 / 3!important
    }

    .stats-grid .grid-item:nth-child(10) {
        order: 8;
        grid-column: 2 / 3!important
    }

    .content .title {
        font-size: 14px;
        line-height: 20px
    }

    .number {
        font-size: 32px;
        line-height: 17.58px
    }

    .stats-grid .grid-item:nth-child(1)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-1.png)
    }

    .stats-grid .grid-item:nth-child(2)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-2.png)
    }

    .stats-grid .grid-item:nth-child(3)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-3.png)
    }

    .stats-grid .grid-item:nth-child(4)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-4.png)
    }

    .stats-grid .grid-item:nth-child(5)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-5.png)
    }

    .stats-grid .grid-item:nth-child(6)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-6.png)
    }

    .stats-grid .grid-item:nth-child(7)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-7.png)
    }

    .stats-grid .grid-item:nth-child(8)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-8.png)
    }

    .stats-grid .grid-item:nth-child(9)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-9.png)
    }

    .stats-grid .grid-item:nth-child(10)::before {
        background-image: url(/wp-content/uploads/2025/09/mob-10.png)
    }

    .stats-grid .grid-item::before {
        background-size: cover
    }
}

.blog-carousel .owl-nav .btns-outer .btn[disabled] {
    opacity: .1
}

.blog-carousel .owl-nav button.owl-prev:hover,.blog-carousel .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.blog-carousel .owl-nav button span {
    background-color: rgb(225,61,75,.8);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.blog-carousel .owl-nav button span:hover {
    background-color: rgb(225,61,75);
    border-radius: 50%;
    background-size: 10px;
    padding: 9px 21px 9px 21px!important;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 28px
}

.blog-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -70px
}

.blog-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -70px
}

.blog-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.blog-carousel .owl-nav button.owl-prev:hover,.blog-carousel .owl-nav button.owl-next:hover {
    background-color: rgb(225,61,75);
    color: #FFF;
    text-decoration: none;
    border-radius: 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    font-size: 32px
}

.v-align-middle {
    vertical-align: middle
}

@media (max-width: 1080px) {
    .blog-carousel .owl-item .item {
        width:100%;
        margin: 0 auto;
        max-width: 300px
    }

    .blog-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: -20px
    }

    .blog-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -20px
    }

    .blog-carousel .owl-item .item .nifi-blog-card {
        min-height: auto
    }
}

@media (max-width: 922px) {
    .blog-carousel .owl-nav button.owl-prev {
        position:absolute;
        left: -60px
    }

    .blog-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -60px
    }
}

@media (max-width: 786px) {
    .blog-carousel .owl-nav button.owl-prev {
        position:absolute;
        left: -40px
    }

    .blog-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -40px
    }
}

.popup-overlay-odoo-won {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease,visibility 0.4s ease
}

.popup-overlay-odoo-won.show {
    opacity: 1;
    visibility: visible
}

.popup-overlay-odoo-won .popup {
    background: url(/wp-content/uploads/2025/09/odoo-win-new-25.webp) no-repeat center center / cover;
    min-height: 455px;
    max-width: 673px;
    width: 90%;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #fff;
    transform: scale(.85);
    transition: transform 0.35s ease;
    top: auto;
    left: auto;
    opacity: 1;
    z-index: -1;
    visibility: visible;
    height: auto
}

.popup-overlay-odoo-won.show .popup {
    transform: scale(1)
}

.popup-overlay-odoo-won .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 29px;
    position: relative
}

.popup-overlay-odoo-won .popup-close-odoo {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
    opacity: 1
}

.popup-overlay-odoo-won .popup-footer-btn {
    position: absolute;
    bottom: 45px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center
}

.popup-overlay-odoo-won .popup-footer-btn a {
    color: #fff;
    padding: 8px 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px!important;
    transition: background 0.3s;
    text-decoration: none
}

.popup-overlay-odoo-won .popup-footer-btn a:hover {
    background: #c62828
}

.nonprofit-banner .sales-Partnership.rating {
    min-height: 116px
}

@media (max-width: 767px) {
    .popup-overlay-odoo-won .popup {
        width:95%;
        min-height: 97%;
        border-radius: 20px;
        background-image: url(/wp-content/uploads/2025/09/odoo-win-india-mob.webp);
        background-position: center
    }

    .nonprofit-banner .sales-Partnership.rating {
        min-height: 125px
    }

    .popup-overlay-odoo-won .popup-header {
        padding: 16px
    }

    .popup-overlay-odoo-won .popup-footer-btn {
        right: 0;
        left: 0;
        transform: none;
        bottom: 50px;
        width: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .popup-overlay-odoo-won .logo img {
        height: 27px;
        width: 95px;
        object-fit: contain
    }

    .popup-overlay-odoo-won {
        z-index: -1
    }

    .cards-part-cont .ccard-area .img-8 img {
        height: 100%
    }

    .blog-carousel .owl-nav button span {
        background-color: rgb(225,61,75,.8);
        border-radius: 50%;
        background-size: 40px;
        padding: 0;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .blog-carousel .owl-item .item {
        width: 100%;
        margin: 0 auto;
        max-width: 270px
    }

    .blog-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: -15px
    }

    .blog-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -15px
    }
}

@media (max-width: 350px) {
    .blog-carousel .owl-item .item {
        width:100%;
        margin: 0 auto;
        max-width: 210px
    }

    .nifi-blog-content h3 {
        font-size: 14px!important;
        line-height: normal;
        min-height: auto
    }
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container {
    max-width: 100%!important
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(5),.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(6) {
    grid-column: span 2
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(5) {
    margin-bottom: 8px!important
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .auto-capture-submit {
    width: fit-content
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container input,.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container textarea,.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input {
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid #828080!important;
    border-radius: 8px;
    background: 0 0!important;
    resize: none;
    font-size: 14px
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input {
    padding: 0!important
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container input::placeholder,.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container textarea::placeholder,.implform-div .form-unit-gen span input::placeholder {
    color: #828080!important;
    font-weight: 500;
    line-height: 18px;
    font-size: 14px
}

.impl-nine.updated-impl-nine .ks-AutoCaptureForm-main-container.ks-auto-capture-campaign-bottom.ks-auto-capture-subject input,.impl-nine.updated-impl-nine .ks-AutoCaptureForm-main-container.ks-auto-capture-campaign-bottom.ks-auto-capture-subject textarea {
    color: #fff!important
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input input {
    border: 0!important;
    color: #fff!important
}

.impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input .selected-flag .iti-arrow {
    border-top: 4px solid #fff!important
}

.impl-nine .ks-form-error,.impl-nine .ks-success-message {
    width: fit-content!important
}

.impl-nine {
    background-size: cover
}

@media screen and (max-width: 575px) {
    .impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit {
        grid-column:span 2!important
    }
}

.salespaid-form .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit {
    text-align: left
}

.impl-nine.updated-impl-nine .implform-section {
    padding: 54px 0
}

.impl-nine.updated-impl-nine .impl-ratings {
    display: block;
    background: transparent;
    padding: 51px 0 0 0
}

.impl-nine.updated-impl-nine .impl-ratings .rating-box-container {
    background-color: #021c36e5;
    padding: 64px 34px;
    display: grid;
    grid-template-columns: 206px 206px;
    grid-template-rows: 192px 192px 192px;
    gap: 24px
}

.impl-nine.updated-impl-nine .impl-ratings .rating-box-container .rating-box {
    border: 1px solid #828080;
    background-color: #031025e6;
    border-radius: 16px;
    padding: 10px 8px
}

.impleme-one .sales-Partnership.rating {
    min-height: 116px
}

@media screen and (max-width: 1200px) {
    .impl-nine.updated-impl-nine .impl-row {
        gap:10px;
        justify-content: space-between
    }

    .impl-nine.updated-impl-nine {
        height: auto!important
    }

    .impl-nine.updated-impl-nine .impl-ratings .rating-box-container {
        padding: 32px 23px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 192px 192px 192px;
        gap: 8px
    }
}

@media screen and (max-width: 992px) {
    .impl-nine.updated-impl-nine .impl-ratings {
        padding-top:0;
        padding-bottom: 32px
    }

    .impl-nine.updated-impl-nine .impl-ratings .rating-box-container {
        padding: 32px;
        gap: 24px;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .impl-nine.updated-impl-nine .implform-section {
        padding:32px 12px 0
    }

    .impl-nine.updated-impl-nine .impl-row .implform-section .implform-div .ks-AutoCaptureForm-main-container .auto-capture-submit {
        grid-column: span 2
    }

    .impl-nine.updated-impl-nine .impl-row {
        gap: 32px
    }

    .impl-nine.updated-impl-nine .impl-ratings .rating-box-container {
        gap: 8px;
        padding: 16px;
        grid-template-rows: auto
    }
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container {
    max-width: 100%
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(5),.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit:nth-child(6) {
    grid-column: span 2
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .auto-capture-submit {
    width: fit-content
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container input,.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container textarea {
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid #828080!important;
    border-radius: 8px;
    background: transparent!important;
    resize: none;
    color: #323232!important;
    font-size: 14px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input {
    background-color: transparent!important;
    width: 100%;
    min-height: 40px;
    border: 1px solid #828080!important;
    border-radius: 8px;
    background: transparent!important;
    color: #323232!important;
    font-size: 14px
}

.hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .auto-phone-num .intl-tel-input input {
    border: none!important
}

.hustle-free-form .ks-form-error,.hustle-free-form .ks-success-message {
    width: fit-content!important
}

@media screen and (max-width: 575px) {
    .hustle-free-form .form-grid-box .left .main-form .implform-div .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit {
        grid-column:span 2!important
    }
}

.break-down-table-new .table-wrapper::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.pro-banner-talend {
    display: none
}

.break-down-table-new .table-wrapper::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px
}

.new-industry-sec.talend-common-padding {
    padding-bottom: 48px
}

.mt-40-new {
    margin-top: 40px
}

.talend-main-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    margin-bottom: 40px;
    color: #212121
}

.talend-common-padding {
    padding: 64px 4px
}

.features-section {
    background-color: #fff
}

.feature-box {
    background: #fff;
    border: 2px solid var(--Border-Default,#fce8ea);
    border-radius: 14px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    height: 100%;
    justify-content: start;
    text-align: center
}

.feature-box .text {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #484848;
    height: 80px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center
}

.feature-box p {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #555;
    margin: 0
}

.break-down-table-new {
    padding: 64px 4px
}

.break-down-table-new .table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    max-width: 99%;
    margin: 0 auto
}

.break-down-table-new tr:last-child td {
    border-bottom: 0
}

.break-down-table-new table {
    width: 100%;
    border-collapse: separate;
    min-width: 772px;
    border-spacing: 0
}

.break-down-table-new table tr:nth-of-type(even) td {
    background-color: #f9fafb
}

.break-down-table-new th {
    padding: 16px 24px;
    background-color: #000104;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    border-left: 1px solid #e7e7e7;
    white-space: nowrap;
    text-align: left
}

.break-down-table-new th:first-child {
    border-top-left-radius: 16px;
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #000104;
    border-left: 0;
    text-align: left
}

.break-down-table-new th:last-child {
    border-top-right-radius: 16px
}

.break-down-table-new td {
    padding: 16px 24px;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    color: #323232;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    font-weight: 500;
    border-left: 0;
    border-top: 0;
    height: 113px
}

.break-down-table-new td:last-child {
    border-right: 0
}

.break-down-table-new td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    min-width: 212px;
    border-left: 0;
    border-right: 1px solid #e6e6e6
}

.step-content-box {
    background: #fff;
    padding: 32px 24px;
    border-radius: 24px;
    border: 1px solid #32728840;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    height: 100%
}

.num-text {
    font-weight: 500;
    font-size: 72px;
    line-height: 80px;
    color: #cdcaca
}

.step-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin: 0
}

.step-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740;
    margin: 0
}

.step-box {
    position: relative
}

.step-box::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.features-section-new {
    background-color: #f9fafb
}

.features-section-new .feature-box {
    background: #fff;
    padding: 24px 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    border: none
}

.features-section-new .feature-title {
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin: 0
}

.features-section-new .feature-text {
    font-family: Inter,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740;
    margin: 0;
    text-align: left
}

.talend-banner .section-title {
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 0
}

.talend-banner .content-box {
    padding: 24px 16px;
    background: #1d174a33;
    border: .9px solid #dadada33;
    box-shadow: 0 1px 2px 0 #00000014;
    border-radius: 8px
}

.talend-banner .content-text {
    margin: 0;
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #fff
}

.talend-banner {
    padding: 57px 0 89px;
    background-image: url(/wp-content/uploads/2025/09/talend-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.talend-banner .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.talend-banner .title {
    font-weight: 700;
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 16px;
    color: #fff
}

.talend-banner .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #f9fafb;
    margin-bottom: 32px
}

.box-container {
    margin-top: -38px
}

.container .card-panel {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px
}

.card-panel {
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 4px 16px 0 rgba(28,28,28,.1);
    border-radius: 24px
}

.panel-inner {
    padding: 40px 73px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    text-align: center
}

.panel-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: #000;
    margin: 0
}

.panel-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .01em;
    color: #484848;
    margin: 0;
    max-width: 960px
}

.talend-cta .cta-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
    background-image: url(/wp-content/uploads/2025/09/talend-cta.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 64px 16px
}

.talend-cta .cta-box .cta-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    margin-bottom: 0
}

.new-industry-sec {
    background: #f9fafb
}

.new-industry-sec .industry-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    text-align: center;
    margin-bottom: 16px
}

.new-industry-sec .industry-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    text-align: center;
    margin-bottom: 40px!important;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto
}

.new-industry-sec .industry-box-container {
    gap: 24px;
    max-width: 1320px;
    margin: 0 auto;
    justify-content: center
}

.new-industry-sec .white-box {
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.06);
    padding: 20px;
    border-radius: 8px;
    min-width: 306px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: none
}

.new-industry-sec .box-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #34353a;
    margin: 0
}

@media screen and (min-width: 1440px) {
    .break-down-table-new .table-wrapper {
        max-width:964px
    }
}

@media (max-width: 1024px) {
    .new-industry-sec .industry-title {
        font-size:24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .new-industry-sec .industry-text {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 32px!important
    }

    .new-industry-sec .white-box {
        min-width: 188px;
        max-width: 188px
    }
}

@media screen and (min-width: 1000px) {
    .talend-banner .content-wrapper {
        max-width:500px
    }

    .container .card-panel {
        max-width: 1100px
    }
}

@media (min-width: 992px) {
    .step-box:nth-child(1)::after,.step-box:nth-child(2)::after,.step-box:nth-child(5)::after,.step-box:nth-child(4)::after {
        background-image:url(/wp-content/uploads/2025/09/arrow.png);
        width: 32px;
        height: 32px;
        right: -16px;
        top: 50%;
        transform: translateY(-50%)
    }

    .step-box:nth-child(5)::after,.step-box:nth-child(4)::after {
        background-image: url(/wp-content/uploads/2025/09/left-arrow.png)
    }

    .step-box:nth-child(3)::after {
        background-image: url(/wp-content/uploads/2025/09/down-arrow.png);
        width: 32px;
        height: 32px;
        left: 50%;
        bottom: -40px;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .break-down-table-new th {
        white-space:nowrap
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .talend-banner {
        background-position:right;
        background-image: none;
        background-color: #10253c
    }

    .pro-banner-talend {
        display: block;
        margin-top: 40px;
        text-align: center
    }

    .talend-banner .container {
        align-items: center
    }

    .talend-banner .section-title {
        text-align: center
    }
}

@media screen and (max-width: 991px) {
    .step-box:nth-child(1) {
        order:1
    }

    .step-box:nth-child(2) {
        order: 2
    }

    .step-box:nth-child(3) {
        order: 3
    }

    .step-box:nth-child(4) {
        order: 6
    }

    .step-box:nth-child(5) {
        order: 5
    }

    .step-box:nth-child(6) {
        order: 4
    }

    .features-section-new .row.g-4 {
        gap: 24px
    }

    .talend-banner .container {
        align-items: center
    }

    .talend-banner .title,.talend-banner .text,.talend-banner .section-title {
        text-align: center
    }

    .panel-inner {
        padding: 32px 24px
    }

    .talend-banner {
        background-image: url(/wp-content/uploads/2025/09/talend-banner-mob.png);
        padding-bottom: 628px;
        background-position: bottom
    }

    .step-box:nth-child(odd)::after {
        background-image: url(/wp-content/uploads/2025/09/arrow.png);
        width: 32px;
        height: 100%;
        right: -18px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 767.98px) {
    .break-down-table-new th {
        text-align:left
    }

    .step-box:not(:nth-child(4))::after {
        background-image: url(/wp-content/uploads/2025/09/down-arrow.png);
        width: 32px;
        height: 32px;
        left: 50%;
        bottom: -40px;
        transform: translateX(-50%);
        top: auto
    }

    .features-section-new .row.g-4 {
        gap: 16px
    }

    .talend-banner .title,.talend-banner .text,.talend-banner .section-title {
        text-align: left
    }

    .talend-banner .title {
        font-weight: 600;
        font-size: 32px;
        line-height: 38.4px;
        margin-bottom: 16px
    }

    .talend-banner .text {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 32px
    }

    .talend-banner .content-box {
        padding: 16px;
        display: flex;
        align-items: center!important
    }

    .talend-banner {
        padding: 32px 4px 462px
    }

    .box-container {
        padding: 0 4px;
        margin-top: -83px
    }

    .panel-title {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        font-weight: 600
    }

    .panel-text {
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }

    .talend-main-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 24px
    }

    .talend-common-padding {
        padding: 32px 4px
    }

    .talend-cta .cta-box,.panel-inner {
        align-items: normal
    }

    .new-industry-sec.talend-common-padding {
        padding-bottom: 16px
    }

    .new-industry-sec .industry-box-container {
        justify-content: start
    }
}

@media screen and (max-width: 575px) {
    .talend-banner .section-title {
        margin-top:32px
    }

    .break-down-table-new th {
        font-size: 16px;
        line-height: 24px;
        padding: 8px
    }

    .break-down-table-new td {
        font-size: 16px!important;
        line-height: 24px!important;
        padding: 8px
    }

    .break-down-table-new .common-dfm-title {
        padding-right: 18px
    }

    .break-down-table-new {
        padding: 32px 0 32px 16px
    }

    .break-down-table-new .container {
        padding: 0
    }

    .break-down-table-new .table-wrapper {
        border-radius: 8px 0 0 8px
    }

    .break-down-table-new th:last-child {
        border-radius: 0
    }

    .break-down-table-new th {
        white-space: wrap
    }

    .break-down-table-new th:first-child {
        border-right: 1px solid #e6e6e6
    }

    .break-down-table-new th:nth-child(2) {
        border-left: 0
    }

    .break-down-table-new td:first-child {
        min-width: 131px
    }

    .talend-cta .cta-box .cta-title {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .talend-cta .cta-box {
        gap: 32px;
        padding: 32px 16px
    }

    .mt-40-new {
        margin-top: 32px
    }

    .break-down-table-new th:first-child {
        border-top-left-radius: 8px
    }
}

.ks-aws-nifi-migraion-banner {
    background-image: url(/wp-content/uploads/2025/09/aws-apache-migration-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.ks-glu-nifi-cta .glu-cta-bg {
    background-image: url(/wp-content/uploads/2025/09/glu-nifi-banner-cta.svg);
    border-radius: 16px
}

.ks-glu-nifi-cta.ks-glu-nifi-cta2 .glu-cta-bg {
    background-image: url(/wp-content/uploads/2025/09/glu-nifi-banner-cta2.svg);
    padding: 64px 48px 64px
}

.ks-aws-nifi-migraion-page .box-card-arrow {
    border: 1px solid #32728840;
    border-radius: 24px;
    padding: 32px 24px
}

.ks-aws-nifi-migraion-page .num-txt {
    color: #cdcaca;
    font-size: 72px;
    line-height: 80px;
    font-weight: 500
}

.ks-aws-nifi-migraion-page .card-head-txt {
    color: #141f29;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500
}

.ks-aws-nifi-migraion-page .card-para {
    color: #2e3740
}

.ks-aws-nifi-migraion-page .box-card-arrow::after {
    background-image: url(/wp-content/uploads/2025/09/step-arrow.svg);
    right: -42px;
    width: 32px;
    height: 6px
}

.ks-aws-nifi-migraion-page .box-card-arrow.reverse::after {
    transform: rotate(180deg)
}

.ks-aws-nifi-migraion-page .box-card-arrow.top-90::after {
    top: -28px;
    transform: rotate(90deg);
    left: 50%
}

.salesforce-Diverse-Industry .ks-product-exp-card {
    min-height: 200px;
    box-shadow: 0 4px 4px 0 #0000000f;
    border-radius: 8px!important;
    padding: 20px!important
}

.ks-aws-nifi-migraion-page .imp-years .sales-Partnership {
    box-shadow: 0 1px 2px 0 #00000014;
    border: .9px solid #dadada33;
    background: #1d174a33;
    border-radius: 8px;
    padding: 24px 16px;
    gap: 8px;
    max-width: 220px;
    min-height: 90px
}

.banner-bottom-sec {
    background-color: #fff;
    box-shadow: 0 4px 16px 0 #1c1c1c1a;
    border: 1px solid #e7e7e7;
    border-radius: 25px;
    padding: 40px 73px;
    text-align: center;
    margin-top: -35px
}

.ks-aws-nifi-migraion-page .thanos-support-box.odoo-erp {
    gap: 16px;
    padding: 24px 16px;
    border: none;
    border-radius: 16px
}

.white-space-normal {
    white-space: normal
}

.ks-aws-nifi-migraion-page .break-down-table-new .table-wrapper {
    max-width: 964px
}

.ks-aws-nifi-migraion-page .break-down-table-new td {
    border-bottom: 1px solid #e7e7e7
}

.ks-aws-nifi-migraion-page .break-down-table-new td:first-child {
    font-weight: 600
}

@media screen and (max-width: 1199.98px) {
    .ks-aws-nifi-migraion-page .box-card-arrow::after {
        right:-22px;
        width: 18px;
        height: 6px
    }
}

@media screen and (max-width: 991.98px) {
    .mobile-btn-width {
        margin:auto
    }

    .box-card-arrow::after {
        transform: rotate(90deg);
        left: 46%;
        width: 32px!important
    }

    .order-mob-4 {
        order: 4
    }

    .order-mob-5 {
        order: 5
    }

    .order-mob-6 {
        order: 6
    }

    .ks-aws-nifi-migraion-page .order-mob-5 .box-card-arrow.reverse::after,.ks-aws-nifi-migraion-page .order-mob-6 .box-card-arrow.reverse::after {
        transform: rotate(90deg);
        top: -28px
    }

    .ks-aws-nifi-migraion-page .order-mob-4 .box-card-arrow.mob-set-arrow.odoerparrow::after {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .salef-real-result-wraper .stats-number.first {
        width:86%!important
    }
}

@media screen and (max-width: 767.98px) {
    .ks-aws-nifi-migraion-banner {
        background-image:url(/wp-content/uploads/2025/09/aws-apache-migration-banner-mobile-.svg)
    }

    .ks-aws-nifi-migraion-page .imp-years .sales-Partnership {
        padding: 16px;
        max-width: 100%;
        min-height: 72px
    }

    .aws-banner-img-sider img {
        height: 258px
    }

    .banner-bottom-sec {
        padding: 32px 24px
    }

    .l-h-sm-36 {
        line-height: 36px!important
    }

    .ks-aws-nifi-migraion-page .break-down-table-new .table-wrapper {
        border-radius: 8px 0 0 8px
    }

    .ks-aws-nifi-migraion-page .break-down-table-new th:first-child {
        border-top-left-radius: 8px
    }

    .break-down-table-new th {
        height: 70px
    }

    .ks-glu-nifi-cta.ks-glu-nifi-cta2 .glu-cta-bg {
        padding: 32px 16px 32px
    }
}

.proven-approach {
    padding: 80px 4px;
    background-image: url(/wp-content/uploads/2025/09/proven-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.proven-approach .title-div {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -.02em;
    color: #fff
}

.proven-approach .text-div {
    font-family: Inter,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff
}

.proven-approach .approach-box {
    padding: 16px 24px;
    border-left: 1px solid #5a3a59;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%
}

.proven-approach .approach-box .number {
    font-family: "DM Sans",sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -.02em;
    color: #ff87ed
}

.proven-approach .approach-box .box-title {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #e7e7e7
}

.proven-approach .approach-box .box-text {
    font-family: Inter,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e3d4e2
}

.proven-approach .g-40 {
    --bs-gutter-y: 40px
}

@media screen and (min-width: 1440px) {
    .proven-approach .text-div {
        max-width:563px
    }

    .proven-approach .title-div {
        max-width: 454px
    }
}

@media (max-width: 991px) {
    .proven-approach .approach-box {
        border-left:none
    }

    .proven-approach .col-md-6:nth-child(even) .approach-box {
        border-left: 1px solid #5a3a59
    }
}

@media (max-width: 575px) {
    .proven-approach .approach-box {
        border-left:none!important;
        border-bottom: 1px solid #5a3a59!important;
        padding: 16px
    }

    .proven-approach .approach-box.last {
        border-bottom: none!important
    }

    .proven-approach {
        padding: 32px 4px;
        background-image: url(/wp-content/uploads/2025/09/proven-bg-mob.webp)
    }

    .proven-approach .title-div {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .proven-approach .g-40 {
        --bs-gutter-y: 24px
    }
}

.erpnext-services-tab-wraper {
    padding: 80px 0
}

.erpnext-services-tab-wraper .tittle {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.erpnext-services-tab-wraper .sub-tittle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #323232;
    margin-bottom: 48px
}

.erpnext-services-tab-wraper .erpnext-serives-tab .nav-pills .nav-link {
    text-align: start;
    padding: 12px!important;
    border-radius: 4px!important;
    background: #250745!important;
    color: #e7e7e7!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-left: 31px;
    position: relative;
    border-left: none!important;
    border: none
}

.erpnext-services-tab-wraper .erpnext-serives-tab .nav-pills .nav-link::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background: #d9d9d9;
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%)
}

.erpnext-services-tab-wraper .erpnext-serives-tab .nav-pills .nav-link.active {
    background: #942294!important;
    color: #fff!important
}

.erpnext-services-tab-wraper .erpnext-serives-tab .nav-pills .nav-link.active::before {
    background: #942294
}

.erpnext-services-tab-wraper .erpnext-serives-tab .nav-pills:before {
    top: 30px;
    content: "";
    background-color: #e7e7e799;
    width: 1px;
    height: 90%;
    position: absolute;
    left: 7px
}

.erpnext-services-tab-wraper .erpnext-serives-tab .tab-content {
    padding-left: 70px
}

.erpnext-services-tab-wraper .tab-pane {
    background-color: #f9fafb;
    height: 100%;
    border: 1px solid;
    border-image-source: linear-gradient(180deg,rgba(255,209,248,.1) 0%,rgba(249,220,245,.1) 100%);
    border-radius: 16px;
    padding: 32px;
    padding-bottom: 90px
}

.erpnext-services-tab-wraper .tab-content-data h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #212121;
    margin-bottom: 16px
}

.erpnext-services-tab-wraper .tab-content-data p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.erpnext-services-tab-wraper .red-button {
    text-decoration: none;
    padding: 12px 24px;
    background: #113c63;
    color: #fff;
    border-radius: 3px;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: max-content
}

.erpnext-services-tab-wraper .pe-40 {
    padding-right: 40px!important
}

.accordion-mobile-view .accordion-button {
    background: #250745;
    color: #e7e7e7;
    padding: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    border: none!important;
    text-align: left;
    position: relative;
    transition: all 0.3s ease-in-out
}

.accordion-mobile-view .accordion-button::after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2025/09/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    height: 16px;
    width: 16px
}

.accordion-mobile-view .accordion-button[aria-expanded="true"]::after {
    background-image: url(/wp-content/uploads/2025/09/chevron-up.svg)
}

.accordion-mobile-view .red-button {
    width: 96%;
    margin: 0 auto
}

.accordion-mobile-view .accordion-button:focus {
    box-shadow: none
}

.accordion-mobile-view .accordion-button::after {
    filter: brightness(0) invert(1)
}

.accordion-mobile-view .accordion {
    --bs-accordion-border-radius: 0px
}

.accordion-mobile-view .accordion-item {
    margin-bottom: 8px
}

.accordion-mobile-view .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 4px
}

.accordion-mobile-view .accordion-button[aria-expanded="true"] {
    margin: 0;
    background-color: #942294;
    border: none;
    box-shadow: none;
    border-radius: 8px 8px 0 0!important;
    color: #fff
}

.accordion-mobile-view .accordion-body {
    background-color: #942294;
    padding: 16px 12px;
    border-radius: 0 0 8px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #f9fafb
}

@media (max-width: 1199.98px) {
    .erpnext-services-tab-wraper .erpnext-serives-tab .tab-content {
        padding-left:0;
        margin-top: 32px
    }
}

@media (max-width: 767.98px) {
    .erpnext-services-tab-wraper {
        padding:32px 0
    }

    .erpnext-services-tab-wraper .tittle {
        font-size: 32px;
        line-height: 40px
    }

    .erpnext-services-tab-wraper .sub-tittle {
        margin-bottom: 24px
    }
}

.erp-odoo {
    text-align: center;
    background: linear-gradient(104deg,#832cb7 6.06%,#210f68 94.43%);
    display: flex;
    padding: 80px 0;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.monitor-man-shade .grad-box-cont {
    background-image: url(/wp-content/uploads/2025/09/monitor-man-shade.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 767.89px) {
    .erp-odoo {
        padding:48px 0
    }
}

@media screen and (max-width: 767.89px) {
    .erp-odoo {
        padding:32px 0
    }
}

.erpnext-banner {
    padding: 93px 0 79px 0;
    background-image: url(/wp-content/uploads/2025/09/banner-outter-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.erpnext-banner h1 {
    font-weight: 600;
    font-size: 64px;
    line-height: 60px
}

.erpnext-banner h2 {
    color: #f9fafb;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.erpnext-banner .inner-box-deta {
    border-radius: 24px;
    background-image: url(/wp-content/uploads/2025/09/banner-inner-bgg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #67477c
}

.erpnext-banner .inside-space-box {
    border: 1px solid #67477c;
    border-radius: 16px;
    padding: 32px 36px
}

.erpnext-banner h3 {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.erpnext-banner .inner-box-txt-set {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.pb-92 {
    padding-bottom: 92px
}

@media screen and (max-width: 767.98px) {
    .erpnext-banner .inside-space-box {
        padding:16px
    }

    .erpnext-banner {
        padding: 36px 0 40px 0;
        background-image: url(/wp-content/uploads/2025/09/banner-outter-bg-mobi.webp)
    }

    .pb-92 {
        padding-bottom: 48px
    }

    .erpnext-banner .inner-box-deta {
        border-radius: 16px;
        background-image: url(/wp-content/uploads/2025/09/banner-inner-bgg-mobi.webp)
    }

    .erpnext-banner h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .erpnext-banner h2 {
        font-size: 16px;
        line-height: 24px
    }

    .erpnext-banner h3 {
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }

    .erpnext-banner .inner-box-txt-set {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1200px) {
    .erpnext-services-tab-wraper .btn-w.btn-fs-12 {
        display:flex;
        justify-content: center;
        margin-top: 16px
    }
}

@media screen and (min-width: 1200px) {
    .erpnext-services-tab-wraper .tab-pane {
        min-height:498px;
        max-height: 498px
    }
}

.erpnext-grid-box .react-grid {
    grid-template-rows: repeat(4,1fr)
}

@media screen and (max-width: 1300px) {
    .erpnext-grid-box .react-grid {
        grid-template-rows:repeat(4,1fr)
    }
}

@media screen and (max-width: 991px) {
    .accordion-mobile-view .accordion-body img {
        max-width:100%;
        height: auto
    }
}

.infomaticebnr {
    background-image: url(/wp-content/uploads/2025/09/infomatica-bnr-new.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .infomaticebnr.talend-banner {
        background-position:right;
        background-image: none;
        background-color: #10253c;
        padding-bottom: 115px
    }

    .infomaticebnr .pro-banner-talend {
        display: block
    }
}

@media screen and (max-width: 767.89px) {
    .infomaticebnr {
        background-image:url(/wp-content/uploads/2025/09/infomatica-mobbnr.webp);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 370px
    }
}

.angular-set-banner.rjs-banner {
    background-image: url(/wp-content/uploads/2025/09/angl-mob-banner.webp)!important
}

@media screen and (min-width: 991.98px) {
    .angular-set .col-lg-6 {
        width:56%
    }

    .angular-set-banner.rjs-banner {
        background-image: url(/wp-content/uploads/2025/09/angl-desk-banner.webp)!important;
        padding-bottom: 199px;
        padding-top: 86px
    }

    .react-stl-set .reactjs-tech-box-desk .content-main-cord {
        max-width: 390px
    }
}

.angular-custom-box .reactjs-box {
    padding-right: 3px
}

.card-techno {
    border: 1px solid #e7e7e7;
    padding: 24px 22px
}

.text-techno {
    color: #323232;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .angular-set-stack .reactjs-tech-title {
        margin-bottom:24px!important
    }
}

@media screen and (min-width: 1200px) {
    .client-success-new .client-text.angular-page {
        max-width:565px
    }
}

.a-border-red a {
    border: 1px solid #113c63;
    width: 128px;
    border-radius: 3px;
    text-decoration: none;
    color: #113c63;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.reactjs-approach-main {
    align-items: start!important
}

.reactjs-main .service-faq-sec .ks-heading-outer .font-32.f-w-600.font-sm-24 {
    text-align: center!important
}

@media screen and (max-width: 575px) {
    .rjs-cta {
        background-image:url(/wp-content/uploads/2025/09/rtjs-mob-cta.webp)
    }
}

.react-grid.openshift .number-box img {
    width: auto;
    height: auto
}

.logo-p img {
    max-width: unset
}

.openshift .rjs-banner {
    padding-top: 96px;
    padding-bottom: 120px;
    min-height: 658px;
    background-image: url(/wp-content/uploads/2025/09/hero-openshift.webp)
}

.openshift .build-cutting-edge-sec {
    background-image: url(/wp-content/uploads/2025/09/cta-openshift.webp)
}

.OpenShift-Flavors {
    background: #1b1b1b;
    padding: 64px 4px
}

.flavors-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -.02em;
    text-align: center;
    color: #f9fafb;
    margin-bottom: 0
}

.flavors-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin-top: 16px;
    margin-bottom: 40px
}

.flavor-box {
    border: 1px solid #353535;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%
}

.flavor-box-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #fff
}

.flavor-box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ddd
}

.openshift-new {
    padding: 64px 4px
}

.openshift-new .section-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -2%;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.openshift-new .section-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #323232;
    margin-bottom: 40px
}

.blue-box {
    border: 1px solid #e7e7e7;
    padding: 24px;
    background: #f9fafb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%
}

.blue-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #212121;
    margin-bottom: 0
}

.blue-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #484848;
    margin-bottom: 0
}

.sub-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 16px
}

.white-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.white-list li {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 80px;
    position: relative;
    padding-left: 48px
}

.white-list li::before {
    content: "";
    background-image: url(/wp-content/uploads/2025/09/check-circle.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 16px;
    top: 22px
}

.client-success-new {
    padding: 64px 4px;
    background: #f9fafb
}

.client-success-new .client-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -.02em;
    color: #212121
}

.client-success-new .client-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323232
}

.client-success-new .case-box {
    gap: 24px
}

.client-success-new .case-box img {
    min-height: 319px
}

.client-success-new .case-box .case-link img {
    min-height: unset
}

.client-success-new .case-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.client-success-new .case-link {
    font-weight: 500;
    line-height: 28px;
    color: #212121;
    text-decoration: none;
    gap: 16px;
    transition: color 0.3s ease;
    width: fit-content
}

.client-success-new .case-link .arrow {
    transition: transform 0.3s ease
}

.client-success-new .case-link:hover {
    color: #113c63
}

.client-success-new .case-link:hover .arrow {
    transform: translateX(4px)
}

.client-success-new .g-40 {
    gap: 40px
}

.client-success-new .gap-48 {
    gap: 48px
}

.opeshift-tabs {
    background: #0b0c0e;
    padding: 64px 4px
}

.openshift-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #f9fafb
}

.openshift-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #f9fafb;
    max-width: 458px
}

.openshift-grid {
    grid-template-columns: 0.6fr 1fr;
    gap: 32px
}

.openshift-grid .nav .tab-btn {
    border-radius: 8px!important;
    padding: 16px!important;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #ffffff!important;
    border: none;
    transition: background 0.3s ease
}

.openshift-grid .nav .tab-btn.active,.openshift-grid .nav .tab-btn:hover {
    background: #e32235!important
}

.bg-box {
    background: #242424;
    padding: 32px;
    border-radius: 16px;
    min-height: 225px
}

.tab-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.tab-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #dedede
}

.gap-16 {
    gap: 16px
}

.gap-48 {
    gap: 48px
}

.tab-btn:nth-child(1) {
    width: 50%;
    bottom: -10px;
    z-index: 2;
    position: relative;
    background-color: #303030!important
}

.tab-btn:nth-child(2) {
    width: 75%;
    bottom: -5px;
    z-index: 1;
    position: relative;
    background-color: #303030!important
}

.tab-btn:nth-child(3) {
    width: 100%;
    background-color: #1e1e1e!important
}

.opeshift-tabs .mt-40 {
    margin-top: 40px
}

@media screen and (min-width: 1440px) {
    .bg-box img {
        max-width:unset
    }

    .react-grid.openshift {
        grid-template-columns: 313px 112px 160px 266px 112px 313px!important
    }
}

@media screen and (min-width: 1300px) {
    .react-grid.openshift {
        grid-template-columns:0.245fr 0.088fr 0.125fr 0.209fr 0.088fr 0.245fr!important
    }

    .openshift .white-box:nth-child(2) {
        grid-area: 1 / 2 / 2 / 5
    }

    .openshift .white-box:nth-child(3) {
        grid-area: 1 / 5 / 2 / 7
    }

    .openshift .white-box:nth-child(4) {
        grid-area: 2 / 2 / 3 / 5
    }

    .openshift .white-box:nth-child(5) {
        grid-area: 2 / 5 / 3 / 7
    }

    .openshift .white-box:nth-child(7) {
        grid-area: 3 / 3 / 4 / 6
    }

    .openshift .white-box:nth-child(8) {
        grid-area: 3 / 6 / 5 / 7
    }

    .openshift .white-box:nth-child(10) {
        grid-area: 4 / 3 / 5 / 6
    }

    .openshift .white-box:nth-child(11) {
        grid-area: 5 / 1 / 6 / 4
    }

    .openshift .white-box:nth-child(12) {
        grid-area: 5 / 4 / 6 / 7
    }
}

@media screen and (min-width: 1200px) {
    .openshift-grid {
        grid-template-columns:336px 911px;
        gap: 67px
    }

    .openshift .reactjs-tech-box-desk {
        min-height: 400px
    }

    .client-success-new .client-text {
        max-width: 500px
    }

    .client-success-new .client-text.angular-page {
        max-width: 564px
    }
}

@media screen and (min-width: 992px) {
    .react-grid.openshift {
        grid-template-columns:repeat(3,1fr);
        grid-template-rows: repeat(4,1fr)
    }
}

@media screen and (max-width: 1200px) {
    .openshift-grid {
        grid-template-columns:1fr;
        gap: 24px
    }

    .openshift .rjs-banner {
        padding-bottom: 183px
    }

    .client-success-new .case-box img {
        min-height: unset;
        height: auto
    }
}

@media screen and (max-width: 992px) {
    .bg-box {
        min-height:auto
    }

    .opeshift-tabs .gap-48 {
        gap: 32px
    }

    .opeshift-tabs .mt-40 {
        margin-top: 32px
    }
}

@media screen and (max-width: 768px) {
    .client-success-new .case-box img {
        min-height:auto
    }

    .opeshift-tabs {
        padding: 32px 4px
    }

    .openshift-title {
        font-size: 32px;
        line-height: 40px
    }

    .opeshift-tabs .gap-48 {
        gap: 16px
    }

    .openshift-text {
        font-size: 16px;
        line-height: 24px
    }

    .opeshift-tabs .mt-40 {
        margin-top: 24px
    }

    .bg-box {
        padding: 16px
    }

    .tab-text {
        font-size: 16px;
        line-height: 24px
    }

    .opeshift-tabs .tab-pane .gap-48 {
        gap: 24px
    }
}

@media screen and (max-width: 575px) {
    .OpenShift-Flavors,.openshift-new,.client-success-new {
        padding:32px 4px
    }

    .flavors-title,.openshift-new .section-title,.client-success-new .client-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0
    }

    .flavors-text,.openshift-new .section-subtitle,.client-success-new .client-text {
        margin-top: 16px;
        margin-bottom: 24px
    }

    .flavor-box {
        padding: 16px
    }

    .blue-box {
        padding: 16px
    }

    .client-success-new .gap-48,.client-success-new .g-40 {
        gap: 0
    }

    .client-success-new .case-text {
        font-size: 16px;
        line-height: 24px
    }

    .client-success-new .case-link {
        font-weight: 500;
        font-size: 14px;
        line-height: 28px
    }

    .openshift .rjs-banner {
        background-image: url(/wp-content/uploads/2025/09/hero-openshift-mob.webp);
        padding-top: 32px;
        min-width: unset;
        padding-bottom: 187px
    }

    .openshift .build-cutting-edge-sec {
        background-image: url(/wp-content/uploads/2025/09/cta-mob-bg.webp)
    }
}

.sf-imp-service-banner {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/09/sf-mp-c-mgnew.webp);
    background-size: cover;
    background-position: right;
    padding-top: 109px;
    padding-bottom: 157px;
    background-color: #042240
}

.sf-imp-service-banner .sf-logos-cont {
    background-color: #6C8AA8;
    border-radius: 10px
}

.sf-imp-service-banner h4 {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.sf-imp-service-banner h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px
}

.sf-imp-service-banner h5 {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.oc-added-block .accre-award-title {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center
}

.oc-added-block .para-kl {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.oc-added-block .my-28 {
    margin-bottom: 28px;
    margin-top: 28px
}

.oc-added-block .customer-card {
    border-radius: 16px;
    border: 1px solid #828080;
    padding: 40px 0;
    position: relative
}

.oc-added-block .card-yellow-set {
    background-color: rgba(255,213,0,.1);
    height: 100%;
    align-items: start!important
}

.oc-added-block .customer-card h4 {
    color: #484848;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.oc-added-block .customer-card h5 {
    color: #141F29;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.oc-added-block .customer-card h6 {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width: 1425px) {
    .oc-added-block .customer-card h6,.content-grad-bottom .txt-po {
        white-space:nowrap
    }
}

.oc-added-block .up-shade {
    top: -25px;
    left: 28px
}

.oc-added-block .dn-shade {
    bottom: -25px;
    right: 28px
}

.oc-added-block .img-style {
    min-height: 58px;
    min-width: 58px
}

.oa-section-sf {
    background-color: #F9FAFB
}

.oa-section-sf h5 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px
}

.oa-section-sf p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

.oa-section-sf .cont-txt {
    padding-right: 64px
}

.oa-section-sf .img-set-area img {
    width: 100%;
    height: auto
}

.cert-sf-box {
    background-color: #F9FAFB
}

.cert-sf-box .box-whte-space {
    border: 1px soild #E7E7E7;
    border-radius: 16px
}

.cert-sf-box .para-ln-area {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 40px
}

.cert-sf-box .para-ln-area a {
    color: #E32235;
    text-decoration: none
}

.cert-sf-box h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px
}

.cert-sf-box .num-p {
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.cert-sf-box .text-p {
    color: #323232;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.border-l-lne {
    border-left: 1px solid #828080
}

.slder-sec-box .cont-txt-top h5 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center
}

.slder-sec-box .cont-txt-top p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.slder-sec-box .gred-txt {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width: 1400px) {
    .slder-sec-box .gred-txt {
        white-space:nowrap
    }
}

.brr-16 {
    border-radius: 16px
}

.slder-sec-box.grad-set {
    background-image: url(/wp-content/uploads/2025/09/des-bg-gred.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.content-grad-bottom h4 {
    color: #212121;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.content-grad-bottom .txt-po {
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.content-grad-bottom .border-left-set {
    border-left: 1px solid #828080
}

.mult-card-set .sm-dv-txt {
    height: 80px;
    padding: 11px;
    border-radius: 0 0 16px 16px;
    background-color: #F0F3F9;
    color: #212121;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

.card-ha {
    border-radius: 16px;
    overflow: hidden
}

.mult-card-set .hover-style-box {
    background-color: #272E3A;
    padding: 16px 20px;
    gap: 62px
}

.card-ha:hover .hover-style-box {
    display: flex!important;
    top: 0;
    left: 0;
    color: #F9FAFB;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    gap: 62px;
    flex-direction: column
}

.slder-area-box {
    border: 1px solid #E7E7E7;
    background-color: #FFF;
    border-radius: 16px;
    padding: 24px
}

.rgt-sde-slder h3 {
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.rgt-sde-slder h5 {
    color: #323232;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px
}

.rgt-sde-slder h6 {
    color: #212121;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.rgt-sde-slder span {
    color: #212121;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.border-blc-lne {
    border-left: 1px solid #828080;
    border-right: 1px solid #828080
}

@media screen and (min-width: 991px) {
    .salesforce-portfolio.owl-theme .owl-nav .nav-btn.prev-slide {
        left:0;
        top: 50%;
        position: absolute;
        transform: translateY(-50%)
    }

    .salesforce-portfolio.owl-theme .owl-nav .nav-btn.next-slide {
        right: 0;
        top: 50%;
        position: absolute;
        transform: translateY(-50%)
    }
}

.salesforce-portfolio.owl-theme .owl-nav .nav-btn.prev-slide {
    background-image: url(/wp-content/uploads/2025/09/new-slder-left.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 58px;
    height: 58px
}

.salesforce-portfolio.owl-theme .owl-nav .nav-btn.next-slide {
    background-image: url(/wp-content/uploads/2025/09/new-slder-rght.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 58px;
    height: 58px
}

.salesforce-portfolio.owl-theme .owl-dots .owl-dot span {
    width: 27px;
    background-color: #E7E7E7;
    border-radius: 10px;
    height: 3px
}

.salesforce-portfolio.owl-theme .owl-dots .owl-dot.active span {
    background-color: #113c63
}

@media screen and (max-width: 991.98px) {
    .slder-area-box {
        padding:16px
    }

    .salesforce-portfolio.owl-theme .owl-dots {
        display: none
    }

    .salesforce-portfolio.owl-theme .owl-nav .owl-prev {
        margin-right: 12px
    }

    .salesforce-portfolio.owl-theme .owl-nav .owl-next {
        margin-left: 12px
    }

    .border-left-set.lne-remove {
        border-left: none
    }

    .slder-sec-box .cont-txt-top h5 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px
    }

    .slder-sec-box .cont-txt-top p {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px
    }

    .oc-added-block .up-shade {
        top: -25px;
        left: 24px
    }

    .oc-added-block .dn-shade {
        bottom: -25px;
        right: 24px
    }

    .oc-added-block .my-28 {
        margin-top: 0;
        margin-bottom: 0
    }

    .oa-section-sf .cont-txt {
        padding-right: 0
    }

    .oa-section-sf h5 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .oa-section-sf p {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .mob-p-11 {
        padding: 11px
    }
}

@media screen and (max-width: 767.98px) {
    .rgt-sde-slder h3 {
        font-size:1px;
        line-height: 27px
    }

    .rgt-sde-slder h5 {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .border-blc-lne {
        border-right: none
    }

    .slder-sec-box.grad-set {
        background-image: url(/wp-content/uploads/2025/09/mob-bg-gred.webp)
    }

    .sf-imp-service-banner h4 {
        font-weight: 600;
        line-height: 21px
    }

    .sf-imp-service-banner h1 {
        font-weight: 700;
        font-size: 32px;
        line-height: 38px
    }

    .sf-imp-service-banner h5 {
        font-weight: 600;
        line-height: 21px
    }

    .sf-imp-service-banner {
        background-image: url(/wp-content/uploads/2025/09/sf-rev-mob-banner.webp);
        background-position: bottom;
        padding-top: 32px;
        padding-bottom: 424px
    }

    .sf-imp-service-banner .btun-set button {
        padding-left: 4px!important;
        padding-right: 4px!important
    }

    .oc-added-block .accre-award-title {
        font-size: 24px;
        line-height: 36px
    }

    .oc-added-block .para-kl {
        font-size: 14px;
        line-height: 21px
    }

    .oc-added-block .my-28 .col-lg-4.col-md-6 {
        margin-top: 40px
    }

    .oc-added-block .my-28 .col-lg-4.col-md-6:first-child {
        margin-top: 14px
    }

    .cert-sf-box h4 {
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .cert-sf-box .para-ln-area {
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 24px
    }

    .border-l-lne.lne-nv {
        border-left: none;
        padding-left: 0px!important
    }
}

@media screen and (max-width: 1200px) {
    .mob-photo {
        border-radius:0 0 16px 16px
    }

    .w-75.card-show {
        width: 90%!important
    }
}

@media screen and (max-width: 1400px) and (min-width:1200px) {
    .border-l-lne.lne-nv {
        border-left:none;
        padding-left: 0px!important
    }
}

.new-sf-servces-p .imple-card {
    padding: 24px!important;
    background-color: #F9FAFB!important;
    border: 0px!important;
    gap: 0
}

.new-sf-servces-p .imple-card img {
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px
}

.new-sf-servces-p .imple-card .imple-card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141F29;
    margin-bottom: 16px!important;
    margin-top: 24px
}

.new-sf-servces-p .imple-card .imple-card-dis {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.mult-card-set {
    background-color: #F9FAFB
}

.sider-new-set-btn {
    width: 136px;
    height: 40px
}

@media screen and (max-width: 767px) {
    .sider-new-set-btn {
        width:100%
    }

    .sider-new-set-btn a {
        width: 100%
    }
}

.sider-new-set-btn a {
    white-space: nowrap
}

.google-analytics-updated-page section.google-analytics-banner {
    background-image: url(/wp-content/uploads/2025/09/google-analytics-banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.google-analytics-updated-page.new-nifi-apache-developement section.tab-service {
    box-shadow: none
}

.google-analytics-updated-page.google-analytics .container.Key-Features-analytics .nav-pills .nav-link {
    padding: 8px!important;
    line-height: 24px
}

.google-analytics-updated-page.google-analytics .container.Key-Features-analytics .nav-pills .nav-link.active {
    background-color: #113c63!important;
    color: #fff!important
}

.google-analytics-updated-page.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link:hover {
    background-color: #113c63!important;
    color: #fff!important;
    border-radius: 4px!important;
    font-weight: 600!important
}

.google-analytics-updated-page.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link.active {
    border-radius: 4px!important
}

.google-analytics-updated-page.new-nifi-apache-developement .apache-developement-service-tab #v-pills-tab .nav-link.active:hover {
    color: #fff!important
}

.google-analytics-updated-page .apache-developement-service-tab #v-pills-tab .nav-link,.new-nifi-apache-developement.big-data-page .apache-developement-service-tab #v-pills-tab {
    max-width: 377px
}

.google-analytics-updated-page .container.Key-Features-analytics .bd-tech-card,.google-analytics-updated-page .container.Key-Features-analytics .bd-tech-card .bd-tech-content {
    max-width: 488px
}

.google-analytics-updated-page .container.Key-Features-analytics .bd-tech-card .bd-tech-content .tab-scoll-Apache {
    min-height: 336px;
    height: 336px
}

.google-analytics-updated-page .bg-pricing-color {
    box-shadow: 4px 4px 7px 0 #A7A7A740;
    border-radius: 16px
}

.google-analytics-updated-page .happy-client-service .items {
    border: 1px solid #ECECEC;
    background-color: #FBFBFB;
    border-radius: 16px;
    padding: 30px 24px;
    height: 354px
}

.happy-client-service .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px!important
}

.happy-client-service .owl-dots .owl-dot.active span,.happy-client-service .owl-dots .owl-dot:hover span {
    background: #F9D0D4!important;
    width: 14px;
    height: 14px
}

.happy-client-service .owl-dots .owl-dot span {
    background: #F9D0D4!important
}

@media screen and (max-width: 767px) {
    .google-analytics-updated-page.new-nifi-apache-developement.big-data-page.microservices-service .btn-lg {
        width:auto
    }

    .ks-gac-business-sec>.col-lg-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 992px) {
    .google-analytics-updated-page .service-faq-sec-mobile {
        padding:16px 0
    }

    .new-nifi-apache-developement .service-faq-sec .card-header .btn-accordian:after,.new-nifi-apache-developement .service-faq-sec details[open] .btn-accordian:after {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='white' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A")
    }

    .google-analytics-updated-page section#Google-Analytics-Connector:after {
        background-image: url(/wp-content/uploads/2025/09/gac-ecommer.svg)
    }

    .google-analytics-updated-page .service-faq-sec-mobile .ks-faq .card .card-header {
        background-color: #FAF9F9!important
    }

    .google-analytics-updated-page .container.Key-Features-analytics-sec-mobile details[open] .card-header {
        color: #fff!important;
        background-color: #113c63!important;
        padding: 10px 16px;
        margin-bottom: 0!important
    }

    .new-nifi-apache-developement .service-faq-sec details[open] .btn-accordian:after {
        top: 10px
    }

    .new-nifi-apache-developement .Key-Features-analytics-sec-mobile .card .card-body .tab-scoll-Apache {
        height: 100%;
        padding-left: 16px!important;
        padding-right: 0
    }

    .google-analytics-updated-page .happy-client-service .items {
        height: 386px
    }

    .google-analytics-updated-page .mobile-btn-width {
        margin: 0
    }
}

.salesforce-healthcare-page .manufacturing-banner {
    background-image: url(/wp-content/uploads/2025/09/salesforce-healthcare-banner.webp)
}

.salesforce-healthcare-page.salesforce-retail-page .salef-real-result-wraper .stats-number.first {
    width: 75px!important
}

.salesforce-healthcare-page.salesforce-retail-page .salef-real-result-wraper .stats-number.second {
    width: 180px
}

.salesforce-healthcare-page.salesforce-retail-page .salef-real-result-wraper .stats-number.third {
    width: 85px
}

@media screen and (max-width: 992px) {
    .salesforce-healthcare-page .manufacturing-banner {
        background-image:url(/wp-content/uploads/2025/09/salesforce-healthcare-banner-mobile.webp)
    }

    .salesforce-healthcare-page.salesforce-retail-page .salef-real-result-wraper .stats-number.second {
        width: 91%
    }
}

@media screen and (max-width: 575.99px) {
    .salesforce-healthcare-page.salesforce-retail-page .salesforce-Diverse-Industry .col-lg-3 {
        min-width:250px
    }
}

.bg-f99 {
    background-color: #F9FAFB
}

.card-sf-imp-services {
    background-color: #F9FAFB;
    border-radius: 16px;
    padding: 24px 16px
}

.card-sf-imp-services img {
    min-width: 72px;
    min-height: 72px;
    width: 72px;
    height: 72px;
    max-width: 72px;
    min-width: 72px
}

.card-sf-imp-services h3 {
    color: #141F29;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.card-sf-imp-services span {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.img-bradius img {
    border-radius: 0 0 16px 16px;
    object-fit: cover
}

.ui-path-ksolves.bg-f99 .ks-subtitle {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.ks-16-br {
    border-radius: 0 0 16px 0
}

.cert-sf-box .box-whte-space {
    border: 1px solid #E7E7E7
}

.auto-slider-new-set {
    background-image: none!important;
    min-height: 0px!important;
    padding: 64px 0px!important
}

.sma-tiltes {
    border: 1px solid #E7E7E7;
    border-radius: 16px
}

.bene-sf-rev-cloud h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px
}

.bene-sf-rev-cloud h6 {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px
}

@media screen and (min-width: 1199.98px) {
    .img-bradius img {
        border-radius:0 16px 16px 0;
        object-fit: cover;
        height: 100%
    }
}

@media screen and (max-width: 1199.98px) and (min-width:767.98px) {
    .cert-sf-box .col-xxl-3 {
        min-height:133px;
        max-height: 133px
    }
}

.img-side-view img {
    object-fit: cover;
    height: 100%;
    border-radius: 16px
}

@media screen and (min-width: 991.98px) {
    .w-722 {
        max-width:772px
    }

    .w-722 .col-md-2 {
        width: 20%
    }
}

@media screen and (max-width: 767.98px) {
    .ks-16-br {
        border-radius:0 0 16px 16px
    }

    .ui-path-ksolves.bg-f99 .ks-subtitle {
        font-size: 14px;
        line-height: 21px
    }

    .auto-slider-new-set {
        background-image: none!important;
        min-height: 0px!important;
        padding: 32px 0px!important
    }

    .bene-sf-rev-cloud h4 {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .bene-sf-rev-cloud h6 {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .ks-buttons {
        width: 100%
    }

    .ks-buttons button {
        width: 100%
    }
}

.tab-set-data {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
    border: 1px solid #DADADA;
    border-radius: 8px;
    padding: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    min-height: 110px;
    max-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    background-color: rgba(255,255,255,.2);
    width: 162px
}

.tab-set-data-cont {
    flex-wrap: wrap
}

.tab-set-data-cont .tab-set-data:last-child {
    width: 186px
}

.tab-set-data-cont .tab-set-data h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.sf-imp-service-banner.uipath-add {
    padding-top: 126px;
    padding-bottom: 166px;
    background-image: url(/wp-content/uploads/2025/10/uipath-ban-d.webp)
}

@media screen and (max-width: 991.98px) {
    .tab-set-data {
        width:47%
    }

    .tab-set-data-cont .tab-set-data:last-child {
        width: 47%
    }
}

@media screen and (max-width: 767.98px) {
    .sf-imp-service-banner.uipath-add {
        padding-top:32px;
        padding-bottom: 211px;
        background-image: url(/wp-content/uploads/2025/10/uipath-ban-m.webp)
    }
}

@media screen and (max-width: 370.98px) {
    .tab-set-data {
        max-height:100%
    }
}

@media screen and (max-width: 370.98px) and (min-width:364px) {
    .tab-set-data-cont .tab-set-data:first-child,.tab-set-data-cont .tab-set-data:nth-child(2) {
        max-height:133px;
        min-height: 133px
    }
}

@media screen and (max-width: 991px) {
    .sf-imp-service-banner.uipath-add {
        background-image:url(/wp-content/uploads/2025/10/uipath-ban-m.webp);
        background-position: bottom
    }
}

@media screen and (max-width: 575px) {
    .mob-txt-small button {
        font-size:14px!important;
        padding-left: 8px!important;
        padding-right: 8px!important
    }
}

.auto-slider-new-set {
    background-image: none!important;
    min-height: 0px!important;
    padding: 64px 0px!important;
    background-position: top
}

@media screen and (max-width: 767.98px) {
    .auto-slider-new-set {
        background-image:none!important;
        min-height: 0px!important;
        padding: 32px 0px!important
    }
}

.ui-path-consulting .ui-path-dev-banner {
    background-image: url(/wp-content/uploads/2025/09/banner-bg.webp)
}

.samrter-automation {
    padding: 64px 4px;
    background: #f9fafb
}

.samrter-automation .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.samrter-automation .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

.samrter-automation .sub-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 0
}

.samrter-automation .info-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%
}

.samrter-automation .info-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    position: relative;
    margin-bottom: 8px
}

.samrter-automation .info-title::after {
    content: "";
    display: block;
    border: 1.9px solid #fa4616;
    width: 88px;
    margin-top: 4px
}

.samrter-automation .info-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740
}

.samrter-automation .gap-40 {
    gap: 40px
}

.samrter-automation .gap-16 {
    gap: 16px
}

.samrter-automation .gy-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px
}

.ui-path-ksolves {
    padding: 64px 4px
}

.ui-path-ksolves .ks-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121
}

.ui-path-ksolves .row {
    border: 2px solid #e7e7e7;
    border-bottom: none;
    border-right: none;
    border-radius: 16px!important
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(1) .ks-box {
    border-top-left-radius: 16px
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
    border-top-right-radius: 16px
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
    border-bottom-left-radius: 16px
}

.ui-path-ksolves .col-md-12.col-lg-4:nth-child(9) .ks-box {
    border-bottom-right-radius: 16px
}

.ui-path-ksolves .ks-box {
    background: #a6ccd31a;
    border-bottom: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7;
    padding: 32px 24px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
    min-height: 222px;
    justify-content: center
}

.ui-path-ksolves .ks-box-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    letter-spacing: -2%;
    color: #212121
}

.ui-path-ksolves .ks-box-sub {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #323232
}

.ui-path-ksolves .ks-btn {
    background: #e53935;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 28px;
    font-size: 16px
}

.ui-path-ksolves .gap-40 {
    gap: 40px
}

.consulting-experts {
    padding: 64px 4px
}

.consulting-experts .container {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.ce-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.ce-lead {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.ce-box {
    border: 1px solid #e7e7e7;
    padding: 16px;
    box-shadow: 4px 4px 8px 0 #72727226;
    border-radius: 16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent
}

.ce-box-top {
    gap: 16px
}

.ce-box-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29
}

.ce-box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740
}

.ui-consultants {
    padding: 64px 4px;
    background-color: #f9fafb
}

.ui-consultants .container {
    gap: 40px;
    display: flex;
    flex-direction: column
}

.ui-consultants .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.ui-consultants .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin: 0
}

.ui-consultants .row {
    --bs-gutter-x: 80px;
    --bs-gutter-y: 0
}

.ui-consultants ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.ui-consultants ul li {
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin-bottom: 16px;
    position: relative;
    list-style: none;
    padding-left: 32px
}

.ui-consultants ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #141f29;
    left: 16px;
    border-radius: 50%;
    display: block
}

.ui-consultants .col-6 img {
    max-width: 100%;
    border-radius: 16px
}

.UIpath-services {
    padding: 64px 4px;
    background-color: #f9fafb
}

.UIpath-services .row {
    padding: 24px 4px;
    border: 1px solid #828080;
    border-radius: 16px;
    background-color: #fff;
    max-width: 1029px;
    margin: 0 auto;
    --bs-gutter-x: 40px
}

.UIpath-services .container {
    gap: 40px;
    display: flex;
    flex-direction: column
}

.UIpath-services .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    margin-bottom: 16px
}

.UIpath-services .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #323232
}

.UIpath-services .nav-item {
    list-style: none;
    height: inherit;
    display: flex;
    align-items: center;
    width: 100%
}

.UIpath-services .nav-pills .nav-link {
    border-radius: 8px!important;
    padding: 16px!important;
    font-weight: 500;
    font-size: 18px!important;
    line-height: 27px!important;
    color: #141f29!important;
    width: 100%;
    border-left: 3px solid transparent!important
}

.UIpath-services .nav-link.active {
    background-color: #ffffff!important;
    border-left: 3px solid #fa4616!important
}

.UIpath-services .nav-link:not(.active) {
    background-color: #f9fafb!important
}

.UIpath-services .tab-pane .content {
    gap: 16px;
    display: flex;
    flex-direction: column
}

.UIpath-services .tab-pane img {
    max-width: 100%
}

.UIpath-services .tab-pane .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #323232
}

.UIpath-services .accordion-button {
    background: #f9fafb;
    padding: 8px;
    border-radius: 8px!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    color: #212121;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.UIpath-services .accordion-header {
    margin-bottom: 0
}

.UIpath-services .accordion-button:not(.collapsed) {
    background: #ffffff!important;
    border-left: 3px solid #fa4616!important;
    color: #212121;
    box-shadow: none
}

.UIpath-services .accordion-item {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.UIpath-services .accordion-button::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/chevron-down-ori.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    transition: transform 0.3s ease
}

.UIpath-services .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg)
}

.uipath-link {
    color: #E32235;
    text-decoration: none
}

.consulting-partner {
    padding: 64px 4px
}

.consulting-grid {
    display: grid;
    grid-template-columns: 563px 721px;
    grid-template-rows: auto;
    justify-content: center;
    gap: 40px;
    align-items: center
}

.consulting-img img {
    width: 100%;
    height: auto;
    display: block
}

.consulting-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    margin-bottom: 16px
}

.consulting-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #484848
}

.ttwu-sec .sub-text {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #212121
}

.ttwu-sec .mb-32 {
    margin-bottom: 32px
}

.ui-path-dev-grid-col .col-md-6:nth-child(even) .ks-box {
    background: rgba(172,228,235,.1)
}

.UIpath-services .red-link-add {
    color: #E32235;
    text-decoration: none
}

@media screen and (min-width: 1440px) {
    .ui-path-ksolves .row {
        max-width:996px;
        margin: 0 auto
    }

    .samrter-automation .info-box .icon img {
        max-width: unset
    }
}

@media (max-width: 1024px) {
    .consulting-grid {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 768px) {
    .ce-box.h-100 {
        height:100%
    }
}

@media screen and (max-width: 992px) {
    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
        border-top-right-radius:0
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
        border-bottom-left-radius: 0
    }

    .ui-consultants .row {
        --bs-gutter-y: 24px;
        --bs-gutter-x: 0
    }

    .UIpath-services .row {
        max-width: 100%;
        margin: 0;
        padding: 16px 8px;
        --bs-gutter-x: 16px
    }

    .UIpath-services .accordion {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .UIpath-services .accordion-body {
        padding: 16px;
        border-radius: 16px;
        display: flex;
        flex-direction: column-reverse;
        gap: 24px
    }

    .UIpath-services .accordion-body .title {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 8px
    }

    .UIpath-services .accordion-body .text {
        font-size: 14px;
        line-height: 21px
    }
}

@media (max-width: 820px) {
    .consulting-grid {
        grid-template-columns:1fr;
        text-align: center
    }

    .consulting-img {
        display: flex;
        justify-content: center
    }

    .consulting-content {
        text-align: left
    }

    .consulting-grid {
        gap: 24px
    }

    .consulting-title {
        text-align: center
    }

    .consulting-text {
        text-align: center
    }
}

@media screen and (max-width: 765px) {
    .samrter-automation,.ui-path-ksolves,.consulting-experts,.ui-consultants {
        padding:32px 4px
    }

    .samrter-automation .title,.ui-path-ksolves .ks-title,.ce-title,.ui-consultants .title {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .samrter-automation .text,.ce-lead,.ui-consultants .text {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .samrter-automation .sub-text {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .samrter-automation .gap-40,.ui-path-ksolves .gap-40,.consulting-experts .container,.ui-consultants .container {
        gap: 24px
    }

    .samrter-automation .info-box img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        object-fit: contain
    }

    .samrter-automation .info-title {
        margin-bottom: 20px
    }

    .samrter-automation .gy-40 {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
        border-top-right-radius: 0
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
        border-bottom-left-radius: 0
    }

    .UIpath-services {
        padding: 32px 4px
    }

    .UIpath-services .title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .UIpath-services .text {
        font-size: 14px;
        line-height: 21px
    }

    .UIpath-services .container {
        gap: 24px
    }

    .consulting-partner {
        padding: 32px 4px
    }

    .consulting-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .ttwu-sec .sub-text {
        font-size: 18px;
        line-height: 27px
    }

    .ttwu-sec .mb-32 {
        margin-bottom: 16px
    }
}

.list-style-disc {
    list-style: disc
}

.javadevc-main .rjs-banner {
    background-image: url(/wp-content/uploads/2025/09/jdc-banner.webp);
    background-position: top;
    padding-bottom: 175px
}

.javadevc-main .react-grid {
    grid-template-rows: repeat(4,186px)
}

.industry-serve-tag {
    border: 1px solid #E7E7E7;
    padding: 16px 24px;
    border-radius: 100px;
    width: auto
}

.javadevc-main .reactjs-testimonial-box img {
    width: auto!important
}

.javadevc-main .reactjs-testimonial-box {
    min-height: 390px
}

.javadevc-main .quote-img-style .reactjs-quote-icon-1 {
    bottom: 0
}

.javadevc-main .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px
}

.javadevc-main .owl-dots .owl-dot span {
    width: 47px;
    height: 4px;
    background: #828080
}

.javadevc-main .owl-dots .owl-dot.active span {
    background: #113c63
}

.javadevc-main .build-cutting-edge-sec .grad-box-cont {
    border: 1px solid #444
}

@media screen and (min-width: 1199.98px) {
    .javadevc-main .reactjs-tech-tabs {
        padding:0 110px!important
    }
}

@media screen and (max-width: 1300px) {
    .javadevc-main .react-grid {
        grid-template-rows:repeat(4,1fr)
    }
}

@media screen and (max-width: 992px) {
    .javadevc-main .react-grid {
        grid-template-rows:auto
    }
}

@media screen and (max-width: 568px) {
    .javadevc-main .quote-img-style .reactjs-quote-icon-1 {
        bottom:-28px
    }
}

.red-btn-a {
    color: #113c63;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    height: 24px;
    width: 123px;
    margin-top: 10px
}

@media screen and (min-width: 991.98px) {
    .our-solution-sec .content-box-set {
        padding-bottom:50px!important;
        position: relative
    }

    .red-btn-a {
        position: absolute;
        bottom: 16px;
        left: 16px
    }
}

.tab-set-data {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
    border: 1px solid #DADADA;
    border-radius: 8px;
    padding: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    min-height: 110px;
    max-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    background-color: rgba(255,255,255,.2);
    width: 162px
}

.tab-set-data-cont {
    flex-wrap: wrap
}

.tab-set-data-cont .tab-set-data:last-child {
    width: 186px
}

.tab-set-data-cont .tab-set-data h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.sf-imp-service-banner.uipath-add {
    padding-top: 126px;
    padding-bottom: 166px;
    background-image: url(/wp-content/uploads/2025/10/uipath-ban-d.webp)
}

@media screen and (max-width: 991.98px) {
    .tab-set-data {
        width:47%
    }

    .tab-set-data-cont .tab-set-data:last-child {
        width: 47%
    }
}

@media screen and (max-width: 767.98px) {
    .sf-imp-service-banner.uipath-add {
        padding-top:32px;
        padding-bottom: 211px;
        background-image: url(/wp-content/uploads/2025/10/uipath-ban-m.webp)
    }
}

@media screen and (max-width: 370.98px) {
    .tab-set-data {
        max-height:100%
    }
}

@media screen and (max-width: 370.98px) and (min-width:364px) {
    .tab-set-data-cont .tab-set-data:first-child,.tab-set-data-cont .tab-set-data:nth-child(2) {
        max-height:133px;
        min-height: 133px
    }
}

@media screen and (max-width: 991px) {
    .sf-imp-service-banner.uipath-add {
        background-image:url(/wp-content/uploads/2025/10/uipath-ban-m.webp);
        background-position: bottom
    }
}

@media screen and (max-width: 575px) {
    .mob-txt-small button {
        font-size:14px!important;
        padding-left: 8px!important;
        padding-right: 8px!important
    }
}

.color-1D324B {
    color: #1D324B!important
}

.color-032C60 {
    color: #032C60!important
}

.color-053063 {
    color: #053063!important
}

.color-11253D {
    color: #11253D!important
}

.camp-heading {
    color: #11253D;
    font-size: 56px;
    font-weight: 500;
    line-height: 68px
}

.camp-heading span {
    font-style: italic
}

.salesforcamp-banner {
    background: url(/wp-content/uploads/2025/10/camp-newbnr.webp);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 42px 0 57px;
    min-height: 100%;
    height: auto
}

.salesforcamp-banner .sales-Partnership {
    border-radius: 8px;
    border: 1px solid #D9ECFF;
    background: #FFF;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%
}

.salesforcamp-banner .salespaid-form-head {
    border-bottom: 1px solid #E6E6E6
}

.btn-read-more.text-end.camp-read {
    display: flex;
    justify-content: end;
    align-items: end;
    position: relative;
    right: 0;
    width: 100%;
    flex: 1
}

.impleme-four.salescmp-imp .four-card-title {
    color: #11253D;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.impleme-four.salescmp-imp .four-card-dis {
    color: #1D324B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.impleme-four.salescmp-imp .impleme-four-card {
    box-shadow: none;
    position: relative
}

.testimonials-serve.new-camp-client {
    background-color: #fff!important;
    background-image: none
}

.bg-062F62 {
    background-color: #062F62
}

.impleme-four.salescmp-imp .impleme-four-card .imp-four-img img {
    min-width: 56px;
    height: 56px;
    width: 56px
}

.budget-card {
    display: flex;
    height: 100%;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    background: #FFF;
    gap: 24px;
    height: 100%
}

.budget-title {
    color: #1D324B;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 8px
}

.budget-dis {
    color: #1D324B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.revenue-card {
    border-radius: 16px;
    border: 1px solid #2D5E9A;
    background: linear-gradient(111deg,#083771 22.36%,#02254F 96.62%);
    display: flex;
    min-height: 222px;
    height: auto;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.revenue-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.revenue-dis {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px
}

.l-h-normal {
    line-height: normal!important
}

.footer-camp-set {
    padding-top: 96px;
    padding-bottom: 54px;
    background-image: url(/wp-content/uploads/2025/10/camp-footer-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-camp-set .foot-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.footer-camp-set .card-logo {
    background: linear-gradient(180deg,rgba(45,94,154,.6) 0%,rgba(15,32,52,.6) 100%);
    padding: 1px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 6.14px;
    line-height: 9.22px;
    text-align: center;
    min-height: 120px
}

.footer-camp-set .card-logo .p-2 {
    background-color: #0C2D56;
    gap: 6px;
    border-radius: 8px
}

.footer-camp-set .follow-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px
}

.footer-camp-set .link-ouuter-a {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background-color: #EDEDED
}

.footer-camp-set .mid-sector h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 14px
}

.footer-camp-set .f-link-a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px
}

.footer-camp-set .bottom-line {
    font-weight: 600;
    font-size: 14px;
    line-height: 13.49px
}

.vertical-srl-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F5F9FF
}

.vertical-srl-section h3 {
    color: #042240;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.vertical-srl-section h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #042240
}

.main-area-srl {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 490px;
    padding-right: 50px
}

.main-area-srl .content-div {
    border: 1px solid #DBEAFE;
    padding: 40px;
    border-radius: 16px
}

.main-area-srl .content-div h2 {
    color: #062F62;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px
}

.main-area-srl .inner-detail-sset {
    background-color: #EEF6FF;
    border-radius: 16px
}

.main-area-srl .content-div .text-res {
    color: #053064;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.main-area-srl .dark-box-set {
    background: linear-gradient(118.22deg,#083771 21.16%,#02254F 126.63%);
    border-radius: 8px
}

.main-area-srl .dark-box-set h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

.main-area-srl .dark-box-set h6 {
    color: #EAF3FF;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center
}

.link-a-btn {
    margin-top: 32px;
    height: 48px;
    width: 163px;
    border-radius: 3px;
    border: 1px solid #E32235;
    color: #E32235;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.m-w-12 {
    min-width: 12px
}

.salesforce-service-nav-parent .nav-parent {
    width: calc(100% - 150px)
}

.salesforce-service-nav-parent .nav-parent .dropdown-menu.mini-menu {
    max-width: 100%;
    left: 0;
    box-shadow: 0 2px 4px -2px #1018280F;
    border-radius: 0!important;
    padding: 40px 16px
}

.salesforce-service-nav-parent .salesforce-menu-link {
    width: max-content
}

.salesforce-service-nav-parent .salesforce-menu-link:hover {
    color: #113c63!important
}

.salesforce-service-nav-parent .salesforce-menu-link:hover svg {
    margin-left: 4px
}

.salesforce-service-nav-parent .salesforce-menu-link:hover svg path {
    stroke: #113c63
}

.salesforce-service-nav-parent .nav-menu {
    max-width: 100%;
    width: 100%
}

.testimonials-serve.new-camp-client .testimonials-serve-title {
    color: #11253D!important;
    font-weight: 600
}

#salesforce_contact_modal .form-request-call.salespaid-form {
    margin: 0;
    max-width: 100%;
    border: none
}

#salesforce_contact_modal .popup-container.custom-popup-area {
    max-width: 425px;
    width: 100%!important;
    padding: 0
}

#salesforce_contact_modal .form-request-call.salespaid-form .popup-close {
    top: 14px;
    opacity: 1;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center
}

#salesforce_contact_modal .popup-container.custom-popup-area .salespaid-form-head {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 0!important
}

#salesforce_contact_modal .popup-container.custom-popup-area .auto-capture-submit {
    margin-top: 32px
}

.footer-camp-set .salespaid-form {
    margin-top: 0px!important;
    max-width: 100%!important;
    background-color: #F8F9FA!important
}

.footer-camp-set .ks-AutoCaptureForm-main-container {
    background-color: #F8F9FA!important;
    border-radius: 0;
    border-top: 1px solid #E6E6E6
}

#salesforce_contact_modal .popup-container.custom-popup-area .ks-success-message,#salesforce_contact_modal .popup-container.custom-popup-area .ks-form-error {
    margin: 8px 16px
}

.footer-camp-set .ks-AutoCaptureForm-main-container .ks-success-message,.salesforcamp-banner .ks-success-message {
    margin: 0 32px
}

#salesforce_contact_modal .popup-container.custom-popup-area button.popup-close {
    top: 6px;
    opacity: 1
}

.salesforcamp-banner .salespaid-form .auto-capture-submit {
    margin-top: 24px
}

.footer-camp-set .ks-AutoCaptureForm-main-container .auto-capture-submit {
    margin-top: 24px
}

.budget-card .ks-buttons .btn-secondry.text-red:hover {
    color: #fff!important
}

.budget-card .ks-buttons .btn-secondry.text-red:hover .arrow-icon.custom-arrow.stroke-red {
    filter: brightness(0) invert(1)
}

.ks-industry-section {
    background-color: #062F62;
    padding: 80px 0
}

.ks-industry-section .row {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 45px;
    cursor: grab;
    user-select: none
}

.ks-industry-section .row::-webkit-scrollbar {
    display: none
}

.ks-industry-section .testimonial-card {
    width: 311px;
    height: 335px;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0
}

.ks-industry-section .scrollbar-track {
    width: 385px;
    height: 4px;
    background-color: #E4E4E4;
    border-radius: 6px;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.ks-industry-section .scrollbar-thumb {
    height: 6px;
    background-color: #76B3FF;
    border-radius: 6px;
    width: 100px;
    position: absolute;
    left: 0;
    top: -1.2px;
    cursor: grab
}

.ks-industry-section .scrollbar-thumb:active {
    cursor: grabbing
}

.ks-industry-section .card-text {
    position: absolute;
    bottom: 32px;
    width: 100%;
    text-align: center
}

.s-exp-hover-text {
    display: none
}

.testimonial-card:hover .s-exp-hover-text {
    display: block;
    background-color: #F3F3F3;
    padding: 24px 16px;
    border-radius: 18px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: auto
}

.salesforce-service-nav-parent .active-menu-item.active-parent-menu>.nav-div>a {
    color: #28292e!important
}

.after-none::after {
    display: none!important
}

.link-a-btn:hover {
    background-color: #113c63;
    color: #fff
}

.link-a-btn:hover svg path {
    stroke: #fff
}

.ks-industry-section .testimonial-card.salespaid-animate-form {
    box-shadow: none!important;
    border: none
}

.impleme-four-card.salespaid-animate-form {
    box-shadow: 0 21px 15px -9px rgba(248,247,247,.2)!important;
    transform: scale(1);
    transition: transform 1s ease-in,box-shadow 0.2s ease-in-out;
    border: 2px solid #062f62!important
}

@media screen and (min-width: 1200px) {
    .impleme-four.salescmp-imp .impleme-four-grid {
        display:flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center
    }

    .impleme-four.salescmp-imp .impleme-four-card {
        box-shadow: none;
        max-width: 24%;
        width: 100%;
        height: auto
    }
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .salesforce-service-nav-parent .logo-responsive {
        width:auto
    }
}

@media screen and (max-width: 1400px) {
    .main-area-srl {
        max-height:520px
    }
}

@media screen and (max-width: 992px) {
    .main-area-srl {
        padding:0;
        max-height: 870px
    }

    .salesforce-service-nav-parent .mega-menu-ul>li:last-child a::after {
        display: none
    }

    .main-area-srl .content-div h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 42px
    }

    .testimonials-serve.new-camp-client .owl-nav {
        margin-bottom: 32px
    }

    .salesforce-service-nav-parent .mega-menu-ul>li {
        border-bottom: none;
        margin-bottom: 16px
    }

    .salesforce-service-nav-parent .nav-div {
        position: relative
    }

    .salesforce-service-nav-parent .menu-dropdown>.nav-div>a {
        font-size: 16px!important
    }

    .salesforce-service-nav-parent .menu-dropdown>.nav-div>a:after {
        right: 0;
        top: 12px;
        position: absolute
    }

    .salesforce-service-nav-parent .nav-parent .dropdown-menu.mini-menu {
        padding: 16px 16px 0px!important
    }

    .salesforce-service-nav-parent .salesforce-menu-link {
        font-size: 14px!important;
        font-weight: 400!important;
        line-height: 21px;
        width: 100%
    }

    .salesforce-service-nav-parent .salesforce-menu-link:after {
        content: "";
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L5 5.5L9 1.5' stroke='%2328292E' strokeWidth='1.2' strokeLinecap='round' strokeLinejoin='round'/%3E%3C/svg%3E%0A");
        width: 10px;
        height: 6px;
        vertical-align: middle;
        transform: rotate(-90deg);
        right: 0;
        position: absolute
    }

    .salesforce-service-nav-parent .salesforce-menu-link svg {
        display: none
    }

    .salesforce-service-nav-parent .nav-parent .dropdown-menu.mega-menu {
        max-width: 100%;
        padding: 16px 16px 0px!important
    }

    .salesforce-service-nav-parent .header-phone-icon svg {
        width: 12px
    }
}

@media screen and (max-width: 767.89px) {
    .f-sm-w-600 {
        font-weight:600
    }

    .salesforcamp-banner .salespaid-form {
        margin-top: 24px
    }

    .testimonials-serve.new-camp-client .testimonials-serve-title {
        margin-bottom: 24px
    }

    .camp-heading {
        font-size: 32px;
        line-height: 42px
    }

    .salesforcamp-banner {
        padding: 32px 0
    }

    .salesforcamp-banner .s-achieve {
        margin: 32px 0
    }

    .impleme-four.salescmp-imp .impleme-four-grid {
        gap: 16px
    }

    .footer-camp-set .bottom-line {
        line-height: 19px;
        font-size: 12px;
        font-weight: 500
    }

    .footer-camp-set {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .footer-camp-set .f-link-a {
        font-weight: 500;
        font-size: 13px;
        line-height: 19.5px
    }

    .vertical-srl-section {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .vertical-srl-section h3 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .vertical-srl-section h5 {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px
    }

    .main-area-srl {
        max-height: 860px
    }

    .main-area-srl .content-div {
        padding: 32px 16px
    }

    .impleme-four.salescmp-imp .impleme-four-card {
        padding: 16px 16px 24px 16px;
        gap: 16px
    }
}

@media screen and (max-width: 575.98px) {
    .main-area-srl {
        overflow-y:hidden;
        overflow-x: auto;
        max-height: 100%
    }

    .main-area-srl .content-div {
        min-width: 341px
    }

    .salesforce-service-nav-parent .header-phone-icon {
        width: 100%
    }

    .ks-industry-section .scrollbar-track {
        width: 94%
    }

    .ks-industry-section .row {
        padding-bottom: 0;
        gap: 16px;
        flex-wrap: wrap;
        user-select: auto;
        cursor: auto
    }

    .ks-industry-section .testimonial-card {
        width: 100%;
        height: 333px;
        padding: 16px;
        border-radius: 8px
    }

    .main-area-srl .owl-nav {
        display: none
    }

    .main-area-srl .owl-dots {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .main-area-srl .owl-dots .owl-dot {
        width: 100%;
        height: 4px;
        border-radius: 0;
        background-color: #E4E4E4
    }

    .main-area-srl .owl-dots .owl-dot span {
        display: none
    }

    .main-area-srl .owl-dots .owl-dot.active {
        background-color: #062F62
    }

    .main-area-srl .content-div {
        min-height: 1010px;
        margin-bottom: 32px
    }

    .ks-dfm-testimonials-section.ks-industry-section .row {
        padding-bottom: 45px;
        gap: 0;
        flex-wrap: nowrap;
        cursor: grab;
        user-select: none
    }

    .ks-industry-section {
        padding: 32px 0px!important
    }

    .testimonial-card:hover .s-exp-hover-text {
        height: 333px;
        width: 310px;
        top: 16px
    }
}

@media screen and (min-width: 575.99px) {
    .footer-camp-set .ks-AutoCaptureForm-main-container {
        max-width:100%!important
    }

    .main-area-srl::-webkit-scrollbar {
        width: 8px!important;
        border-radius: 8px
    }

    .main-area-srl::-webkit-scrollbar-track {
        background: #E4E4E4;
        border-radius: 8px
    }

    .main-area-srl::-webkit-scrollbar-thumb {
        background: #062F62;
        border-radius: 8px
    }
}

@media screen and (max-width: 340px) {
    .ks-industry-section .testimonial-card {
        height:380px
    }

    #salesforce_contact_modal .popup-container.custom-popup-area {
        padding: 0;
        width: 90%;
        margin: 0 auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 95%;
        min-height: auto
    }

    #salesforce_contact_modal .popup-container.custom-popup-area .salespaid-form-head {
        font-size: 14px!important
    }

    #salesforce_contact_modal .popup-container.custom-popup-area .popup-close {
        position: absolute;
        right: 20px;
        top: 8px;
        width: 25px;
        height: 25px;
        opacity: 1!important
    }

    .salesforcamp-banner .salespaid-form-head {
        font-size: 16px!important
    }
}

.njs-devco-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121
}

.njs-devco-banner-wraper {
    background: url(/wp-content/uploads/2025/10/nj-dev-banner.webp) no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
    padding: 38px 0
}

.njs-devco-banner-wraper .njs-devco-banner-content {
    padding-right: 104px
}

.njs-devco-banner-wraper .njs-devco-banner-content small {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #89D36A;
    margin-top: 8px
}

.njs-devco-banner-wraper .njs-devco-banner-content .njs-devco-banner-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #FFF;
    margin-bottom: 8px
}

.njs-devco-banner-wraper .njs-devco-banner-content .njs-devco-banner-title span {
    color: #89D36A
}

.njs-devco-banner-wraper .njs-devco-banner-content .njs-devco-banner-subtitle {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #FFF;
    margin-bottom: 8px
}

.njs-devco-banner-wraper .njs-devco-banner-content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #F9FAFB;
    margin-bottom: 32px
}

.njs-devco-trusted-brands-wraper {
    padding: 64px 0
}

.njs-devco-trusted-brands-wraper .njs-devco-title {
    margin-bottom: 40px
}

.njs-devco-trusted-brands-wraper .njs-devco-trusted-brands-item {
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    padding: 12px
}

.njs-devco-tabs-wraper {
    padding: 64px 0;
    background-color: #F9FAFB
}

.njs-devco-tabs-wraper .njs-devco-title {
    margin-bottom: 16px
}

.njs-devco-tabs-wraper .heading-img-part p {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin-bottom: 32px
}

.njs-devco-tabs-wraper .heading-img-part img {
    border-radius: 16px;
    object-fit: cover
}

.njs-devco-tabs-wraper .tabs-content-part {
    padding-left: 72px;
    padding-right: 37px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.njs-devco-tabs-wraper .tab-heading-para {
    border-radius: 8px 0 0 8px;
    position: relative;
    z-index: 99999;
    border-left: 4px solid #BDBDBD;
    cursor: pointer
}

.njs-devco-tabs-wraper .tab-heading-para:has(.show) {
    border-color: #333
}

.njs-devco-tabs-wraper .tab-heading-para h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141F29;
    margin-bottom: 0;
    padding: 16px
}

.njs-devco-tabs-wraper .tab-heading-para p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin: 0;
    padding: 16px;
    padding-top: 0
}

.njs-devco-tabs-wraper .scroll-bar-tab {
    width: 5px;
    border-radius: 10px;
    background: #D9D9D9;
    height: 80%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10%
}

.njs-devco-tabs-wraper .scroll-bar-thumb {
    width: 5px;
    height: 56px;
    background: #333;
    border-radius: 2px;
    cursor: pointer
}

.njs-devco-why-kasolves-wraper {
    padding: 64px 0
}

.njs-devco-why-kasolves-wraper .njs-devco-title {
    margin-bottom: 40px
}

.njs-devco-why-kasolves-wraper .njs-devco-why-kasolves-data {
    background-color: #F9FAFB;
    padding: 24px;
    border-radius: 16px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(1) {
    background: linear-gradient(90deg,rgba(255,255,255,.48) 10.5%,rgba(207,233,195,.6) 165.9%);
    padding: 86px 61px;
    border-radius: 8px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(2),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(5) {
    background: linear-gradient(180deg,rgba(255,255,255,.48) 24.76%,rgba(207,233,195,.6) 191.55%);
    padding: 55px 19px;
    border-radius: 8px;
    text-align: center
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(3),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(4) {
    background: linear-gradient(180deg,rgba(207,233,195,.6) -100.9%,rgba(255,255,255,.48) 88.42%);
    padding: 55px 19px;
    border-radius: 8px;
    text-align: center
}

.njs-devco-grid-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 278px 66px 278px;
    gap: 24px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 3
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(2) {
    grid-row: 1 / 3;
    grid-column: 3 / 4
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(3) {
    grid-row: 1 / 3;
    grid-column: 4 / 5
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(4) {
    grid-row: 2 / 4;
    grid-column: 1 / 2
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(5) {
    grid-row: 2 / 4;
    grid-column: 2 / 3
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(6) {
    grid-row: 3 / 4;
    grid-column: 3 / 5;
    background: linear-gradient(270deg,rgba(255,255,255,.48) 17.73%,rgba(207,233,195,.6) 148.43%);
    padding: 86px 61px;
    border-radius: 8px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data:has(.numbering-data) {
    display: flex;
    gap: 32px;
    align-items: center
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .numbering {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    color: #212121
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .numbering-data {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .numbering-data h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    margin: 0
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .numbering-data p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2E3740;
    margin: 0
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .img-data img {
    margin-bottom: 32px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .img-data h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #212121;
    margin-bottom: 8px
}

.njs-devco-why-kasolves-wraper .why-ksolves-data .img-data p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #2E3740;
    margin: 0
}

.njs-devco-security-quality-wraper {
    padding: 64px 0
}

.njs-devco-security-quality-wraper .njs-devco-title {
    margin-bottom: 40px
}

.njs-devco-security-quality-wraper .data-box {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #323232;
    text-align: center
}

.njs-devco-testimonials-wraper {
    background-color: #F9FAFB;
    padding: 64px 0
}

.njs-devco-testimonials-wraper .test-card-data {
    box-shadow: 4px 4px 8px 0 #C7C7C740;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    flex: 0 0 412px
}

.njs-devco-testimonials-wraper .test-card-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 16px
}

.njs-devco-testimonials-wraper h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #141F29
}

.njs-devco-testimonials-wraper h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 8px
}

.njs-devco-testimonials-wraper .tick-icon-data {
    display: flex;
    gap: 16px;
    align-items: center
}

.njs-devco-testimonials-wraper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #484848
}

.njs-devco-testimonials-wraper .tick-icon-data p {
    margin-bottom: 0
}

.njs-devco-testimonials-wraper .njs-devco-title {
    margin-bottom: 40px
}

.njs-devco-cta-wraper.impleme-five {
    background-image: url(/wp-content/uploads/2025/10/njs-cat-bg.webp);
    padding: 64px 0;
    background-position: center center,center bottom;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 991px) {
    .njs-devco-banner-wraper .njs-devco-banner-content {
        padding:0
    }

    .njs-devco-banner-wraper .banner-content-logo {
        margin-bottom: 32px
    }

    .njs-devco-banner-wraper {
        background: url(/wp-content/uploads/2025/10/nj-dev-banner-mobile.webp) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100%;
        padding: 32px 0
    }

    .njs-devco-tabs-wraper .tabs-content-part {
        padding-left: 0;
        margin-top: 24px;
        padding-right: 21px
    }

    .njs-devco-grid-container {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: unset
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(1),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(2),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(3),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(4),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(5),.njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(6) {
        grid-row: unset;
        grid-column: unset;
        padding: 16px;
        text-align: center
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:has(.numbering-data) {
        flex-direction: column;
        gap: 16px;
        justify-content: center
    }

    .njs-devco-security-quality-wraper .data-box {
        width: 100%
    }

    .njs-devco-testimonials-wraper .test-card-flex {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 16px;
        justify-content: start
    }
}

@media (max-width: 767px) {
    .njs-devco-banner-wraper .njs-devco-banner-content small {
        margin-bottom:16px
    }

    .njs-devco-banner-wraper .njs-devco-banner-content .njs-devco-banner-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px
    }

    .njs-devco-banner-wraper .njs-devco-banner-content .njs-devco-banner-subtitle {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .njs-devco-banner-wraper .njs-devco-banner-content p {
        font-weight: 400;
        margin-bottom: 16px
    }

    .njs-devco-banner-wraper .banner-content-logo img {
        height: auto;
        width: 150px
    }

    .njs-devco-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 24px
    }

    .njs-devco-trusted-brands-wraper .njs-devco-title {
        text-align: left!important;
        margin-bottom: 24px
    }

    .njs-devco-testimonials-wraper .njs-devco-title {
        margin-bottom: 24px
    }

    .njs-devco-trusted-brands-wraper,.njs-devco-tabs-wraper,.njs-devco-why-kasolves-wraper,.njs-devco-security-quality-wraper,.njs-devco-testimonials-wraper {
        padding: 32px 0
    }

    .njs-devco-trusted-brands-wraper .njs-devco-trusted-brands-item {
        padding: 21px 3px
    }

    .njs-devco-trusted-brands-wraper .njs-devco-trusted-brands-item img {
        height: 60px;
        width: 100%
    }

    .njs-devco-tabs-wraper .heading-img-part p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .njs-devco-tabs-wraper .heading-img-part img {
        width: 100%;
        height: auto
    }

    .njs-devco-grid-container {
        grid-template-columns: repeat(1,1fr);
        gap: 16px
    }

    .njs-devco-why-kasolves-wraper .njs-devco-why-kasolves-data {
        padding: 32px 16px
    }

    .njs-devco-why-kasolves-wraper .njs-devco-title {
        margin-bottom: 24px;
        text-align: left!important
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(4) {
        order: 2
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(5) {
        order: 3
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(2) {
        order: 4
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(3) {
        order: 5
    }

    .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(6) {
        order: 6
    }

    .njs-devco-security-quality-wraper .njs-devco-title {
        margin-bottom: 24px
    }

    .njs-devco-cta-wraper.impleme-five {
        background-image: url(/wp-content/uploads/2025/10/njs-cat-bg-mobile.webp);
        padding: 32px 0
    }
}

@media (max-width: 575px) {
    .njs-devco-testimonials-wraper .test-card-data {
        flex:0 0 100%
    }
}

.njs-banner {
    background-image: url(/wp-content/uploads/2025/10/nojs-banner.webp);
    padding-bottom: 150px
}

.reactjs-approach-section .reactjs-approach-box {
    height: -webkit-fill-available!important
}

@media screen and (max-width: 991.98px) {
    .njs-banner {
        background-image:url(/wp-content/uploads/2025/10/njs-banner.webp)
    }
}

@media screen and (min-width: 767.98px) {
    .client-success-new.new-set-add .case-box img {
        min-height:0;
        object-fit: cover;
        border-radius: 16px
    }
}

.client-success-new .case-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 49px
}

@media (max-width: 768px) {
    .reactjs-tech-box img {
        height:revert-layer
    }
}

.add-height-more .reactjs-tech-box {
    min-height: 180px
}

.add-height-more-2 .reactjs-tech-box {
    min-height: 156px
}

@media screen and (min-width: 991px) {
    .nodejs-camp-header .node-header-inner {
        width:100%
    }

    .nodejs-camp-header .node-header-inner .new_header_nav_list {
        width: 100%;
        justify-content: center
    }

    .nodejs-camp-header .node-header-inner .btn.btn-primary.header-button {
        width: 155px
    }
}

@media screen and (max-width: 1080px) {
    .nodejs-camp-header .node-header-inner .btn.btn-primary.header-button {
        width:165px!important;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .njs-devco-banner-wraper .salespaid-form.implemeform {
        margin-top: 32px!important
    }
}

@media (max-width: 767.98px) {
    .njs-devco-banner-wraper .salespaid-form.implemeform {
        margin-top:0px!important
    }

    .node-bottom-sec .bottom-seat-line {
        line-height: normal
    }

    .nodejs-camp-header .node-header-inner .btn.btn-primary.header-button {
        width: fit-content!important
    }

    .node-bottom-sec .auto-capture-submit {
        margin: 24px 0
    }
}

.ui-path-dev-banner {
    background-image: url(/wp-content/uploads/2025/09/ui-path-baner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 120px;
    padding-bottom: 170px
}

.card-banner-view {
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    min-height: 168px
}

.ui-path-dev-banner h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px
}

.ui-path-dev-banner h2 {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.card-banner-view span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media screen and (max-width: 991.98px) {
    .ui-path-dev-banner {
        padding-top:80px;
        padding-bottom: 81px;
        background-position: left
    }
}

@media screen and (max-width: 767.98px) {
    .ui-path-dev-banner {
        background-image:url(/wp-content/uploads/2025/09/ui-path-banner-mobl-0.webp);
        background-position: center;
        padding-top: 32px
    }

    .ui-path-dev-banner h1 {
        font-weight: 600;
        font-size: 32px;
        line-height: 38.4px
    }

    .ui-path-dev-banner h2 {
        font-weight: 600;
        font-size: 16px;
        line-height: 21px
    }

    .card-banner-view span {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center
    }
}

.ttwu-sec h4 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center
}

.ttwu-sec .card-view-outter {
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    box-shadow: 4px 4px 8px 0 rgba(166,166,166,.15);
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    min-height: 158px
}

.iws-sec-col {
    background-color: #F9FAFB
}

.iws-sec-col .card-view-outter {
    background-color: rgba(124,176,185,.2)!important;
    box-shadow: none!important;
    border: none!important;
    color: #141F29!important;
    min-height: 0
}

.iws-sec-col .card-view-outter img {
    width: 82px;
    height: 82px
}

@media screen and (min-width: 1199.98px) {
    .iws-sec-col .col-xl-3 {
        width:20%
    }
}

@media screen and (max-width: 767.98px) {
    .ttwu-sec h4 {
        font-size:24px;
        line-height: 36px;
        border-radius: 16px
    }
}

@media screen and (max-width: 575px) {
    .ttwu-sec .card-view-outter {
        min-height:0
    }
}

.uipath-rpa-development-wraper {
    background-color: #F9FAFB;
    padding: 64px 0
}

.uipath-rpa-development-wraper .g-5 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px
}

.uipath-rpa-development-wraper .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0%;
    text-align: center;
    color: #212121;
    margin-bottom: 40px
}

.uipath-rpa-development-wraper .step-number {
    width: 100px;
    height: 100px;
    background: #FA4616;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    font-weight: 500;
    font-size: 56px;
    color: #fff
}

.uipath-rpa-development-wraper .main-card {
    height: 100%
}

.uipath-rpa-development-wraper .step-card {
    background: #FFF6;
    backdrop-filter: blur(32px);
    border: 1px solid #FFF;
    padding: 16px;
    border-radius: 16px;
    margin: -26px 40px 0 40px;
    flex-grow: 1
}

.uipath-rpa-development-wraper .step-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 16px
}

.uipath-rpa-development-wraper .step-description {
    margin: 0;
    color: #484848;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%
}

.uipath-rpa-development-wraper .main-card {
    display: flex;
    flex-direction: column;
    width: 100%
}

.uipath-rpa-development-wraper .main-card:after {
    content: '';
    width: 24px;
    height: 8px;
    background-image: url(/wp-content/uploads/2025/10/arrow-glass.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    right: 8px
}

.uipath-rpa-development-wraper .col-div {
    display: flex
}

.uipath-rpa-development-wraper .col-div:nth-child(3) .main-card:after,.uipath-rpa-development-wraper .col-div:nth-child(4) .main-card:after {
    top: auto;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg)
}

.uipath-rpa-development-wraper .col-div:nth-child(6) .main-card:after,.uipath-rpa-development-wraper .col-div:nth-child(5) .main-card:after {
    left: -74px;
    right: auto;
    transform: translateY(-50%) rotate(180deg)
}

.uipath-rpa-development-wraper .col-div:nth-child(7) .main-card:after {
    display: none
}

@media (max-width: 991px) {
    .uipath-rpa-development-wraper .col-div.col-div:nth-child(3) {
        order:4
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(6) {
        order: 3
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(4) {
        order: 6
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(5) {
        order: 5
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(7) {
        order: 8
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(8) {
        order: 7
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(2) .main-card:after {
        top: auto;
        bottom: -23px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg)
    }

    .uipath-rpa-development-wraper .col-div:nth-child(3) .main-card:after {
        bottom: auto;
        top: 50%;
        transform: translateX(-50%) rotate(180deg);
        right: auto;
        left: -62px
    }

    .uipath-rpa-development-wraper .col-div:nth-child(6) .main-card:after {
        top: auto;
        bottom: -23px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg)
    }

    .uipath-rpa-development-wraper .col-div:nth-child(5) .main-card:after {
        left: auto;
        right: 8px;
        transform: translateY(-50%)
    }
}

@media (max-width: 767px) {
    .uipath-rpa-development-wraper {
        background-color:#F9FAFB;
        padding: 32px 0
    }

    .uipath-rpa-development-wraper .title {
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 16px
    }

    .uipath-rpa-development-wraper .main-card:after,.uipath-rpa-development-wraper .col-div.col-div:nth-child(2) .main-card:after,.uipath-rpa-development-wraper .col-div:nth-child(3) .main-card:after,.uipath-rpa-development-wraper .col-div:nth-child(5) .main-card:after {
        top: auto;
        right: auto;
        bottom: -23px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg)
    }

    .uipath-rpa-development-wraper .g-5 {
        --bs-gutter-x: 0
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(6) {
        order: 4
    }

    .uipath-rpa-development-wraper .col-div.col-div:nth-child(3) {
        order: 3
    }
}

.cta-ui-grey {
    background-image: url(/wp-content/uploads/2025/10/ui-path-cta.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.cta-ui-grey button {
    gap: 8px
}

.cta-ui-grey h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

.cta-ui-grey h4 {
    color: #F9FAFB;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.ui-path-dev-grid-col .col-md-6:nth-child(even) .ks-box {
    background: rgba(172,228,235,.1)
}

.UIpath-services .red-link-add {
    color: #E32235;
    text-decoration: none
}

@media screen and (min-width: 767.98px) {
    .cs-slider-sub .ind-serve-sub {
        width:554px
    }
}

@media screen and (max-width: 767px) {
    .cta-ui-grey h3 {
        font-size:24px;
        line-height: 36px
    }

    .cta-ui-grey h4 {
        font-size: 14px;
        line-height: 21px
    }
}

.cta-ui-grey button {
    gap: 8px
}

.UIpath-services .nav.nav-pills.d-flex {
    overflow-y: auto;
    max-height: 500px
}

.UIpath-services .nav.nav-pills.d-flex::-webkit-scrollbar {
    width: 4px
}

.ui-path-consulting .ui-path-dev-banner {
    background-image: url(/wp-content/uploads/2025/10/ui-pathcon-desktp.webp)
}

.samrter-automation {
    padding: 64px 4px;
    background: #f9fafb
}

.samrter-automation .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.samrter-automation .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 16px
}

.samrter-automation .sub-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin-bottom: 0
}

.samrter-automation .info-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%
}

.samrter-automation .info-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    position: relative;
    margin-bottom: 8px
}

.samrter-automation .info-title::after {
    content: "";
    display: block;
    border: 1.9px solid #fa4616;
    width: 88px;
    margin-top: 4px
}

.samrter-automation .info-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740
}

.samrter-automation .gap-40 {
    gap: 40px
}

.samrter-automation .gap-16 {
    gap: 16px
}

.samrter-automation .gy-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px
}

.ui-path-ksolves {
    padding: 64px 4px
}

.ui-path-ksolves .ks-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121
}

.ui-path-ksolves .row {
    border: 2px solid #e7e7e7;
    border-bottom: none;
    border-right: none;
    border-radius: 16px!important
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(1) .ks-box {
    border-top-left-radius: 16px
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
    border-top-right-radius: 16px
}

.ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
    border-bottom-left-radius: 16px
}

.ui-path-ksolves .col-md-12.col-lg-4:nth-child(9) .ks-box {
    border-bottom-right-radius: 16px
}

.ui-path-ksolves .ks-box {
    background: #a6ccd31a;
    border-bottom: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7;
    padding: 32px 24px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
    min-height: 222px;
    justify-content: center
}

.ui-path-ksolves .ks-box-title {
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    letter-spacing: -2%;
    color: #212121
}

.ui-path-ksolves .ks-box-sub {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #323232
}

.ui-path-ksolves .ks-btn {
    background: #e53935;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 28px;
    font-size: 16px
}

.ui-path-ksolves .gap-40 {
    gap: 40px
}

.consulting-experts {
    padding: 64px 4px
}

.consulting-experts .container {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.ce-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.ce-lead {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.ce-box {
    border: 1px solid #e7e7e7;
    padding: 16px;
    box-shadow: 4px 4px 8px 0 #72727226;
    border-radius: 16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent
}

.ce-box-top {
    gap: 16px
}

.ce-box-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29
}

.ce-box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e3740
}

.ui-consultants {
    padding: 64px 4px;
    background-color: #f9fafb
}

.ui-consultants .container {
    gap: 40px;
    display: flex;
    flex-direction: column
}

.ui-consultants .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    color: #212121;
    margin-bottom: 16px
}

.ui-consultants .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #323232;
    margin: 0
}

.ui-consultants .row {
    --bs-gutter-x: 80px;
    --bs-gutter-y: 0
}

.ui-consultants ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.ui-consultants ul li {
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    padding: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #141f29;
    margin-bottom: 16px;
    position: relative;
    list-style: none;
    padding-left: 32px
}

.ui-consultants ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #141f29;
    left: 16px;
    border-radius: 50%;
    display: block
}

.ui-consultants .col-6 img {
    max-width: 100%;
    border-radius: 16px
}

.UIpath-services {
    padding: 64px 4px;
    background-color: #f9fafb
}

.UIpath-services .row {
    padding: 24px 4px;
    border: 1px solid #828080;
    border-radius: 16px;
    background-color: #fff;
    max-width: 1029px;
    margin: 0 auto;
    --bs-gutter-x: 40px
}

.UIpath-services .container {
    gap: 40px;
    display: flex;
    flex-direction: column
}

.UIpath-services .title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    margin-bottom: 16px
}

.UIpath-services .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
    color: #323232
}

.UIpath-services .nav-item {
    list-style: none;
    height: inherit;
    display: flex;
    align-items: center;
    width: 98%
}

.UIpath-services .nav-pills .nav-link {
    border-radius: 8px!important;
    padding: 16px!important;
    font-weight: 500;
    font-size: 18px!important;
    line-height: 27px!important;
    color: #141f29!important;
    width: 100%;
    border-left: 3px solid transparent!important
}

.UIpath-services .nav-link.active {
    background-color: #ffffff!important;
    border-left: 3px solid #fa4616!important
}

.UIpath-services .nav-link:not(.active) {
    background-color: #f9fafb!important
}

.UIpath-services .tab-pane .content {
    gap: 16px;
    display: flex;
    flex-direction: column
}

.UIpath-services .tab-pane img {
    max-width: 100%
}

.UIpath-services .tab-pane .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #323232
}

.UIpath-services .accordion-button {
    background: #f9fafb;
    padding: 8px;
    border-radius: 8px!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-transform: capitalize;
    color: #212121;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.UIpath-services .accordion-header {
    margin-bottom: 0
}

.UIpath-services .accordion-button:not(.collapsed) {
    background: #ffffff!important;
    border-left: 3px solid #fa4616!important;
    color: #212121;
    box-shadow: none
}

.UIpath-services .accordion-item {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.UIpath-services .accordion-button::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/chevron-down-ori.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    transition: transform 0.3s ease
}

.UIpath-services .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg)
}

.uipath-link {
    color: #E32235;
    text-decoration: none
}

.consulting-partner {
    padding: 64px 4px
}

.consulting-grid {
    display: grid;
    grid-template-columns: 563px 721px;
    grid-template-rows: auto;
    justify-content: center;
    gap: 40px;
    align-items: center
}

.consulting-img img {
    width: 100%;
    height: auto;
    display: block
}

.consulting-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    color: #212121;
    margin-bottom: 16px
}

.consulting-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #484848
}

.ttwu-sec .sub-text {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #212121
}

.ttwu-sec .mb-32 {
    margin-bottom: 32px
}

@media screen and (min-width: 1440px) {
    .ui-path-ksolves .row {
        max-width:996px;
        margin: 0 auto
    }

    .samrter-automation .info-box .icon img {
        max-width: unset
    }
}

@media (max-width: 1024px) {
    .consulting-grid {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 768px) {
    .ce-box.h-100 {
        height:100%
    }
}

@media screen and (max-width: 992px) {
    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
        border-top-right-radius:0
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
        border-bottom-left-radius: 0
    }

    .ui-consultants .row {
        --bs-gutter-y: 24px;
        --bs-gutter-x: 0
    }

    .UIpath-services .row {
        max-width: 100%;
        margin: 0;
        padding: 16px 8px;
        --bs-gutter-x: 16px
    }

    .UIpath-services .accordion {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .UIpath-services .accordion-body {
        padding: 16px;
        border-radius: 16px;
        display: flex;
        flex-direction: column-reverse;
        gap: 24px
    }

    .UIpath-services .accordion-body .title {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 8px
    }

    .UIpath-services .accordion-body .text {
        font-size: 14px;
        line-height: 21px
    }
}

@media (max-width: 820px) {
    .consulting-grid {
        grid-template-columns:1fr;
        text-align: center
    }

    .consulting-img {
        display: flex;
        justify-content: center
    }

    .consulting-content {
        text-align: left
    }

    .consulting-grid {
        gap: 24px
    }

    .consulting-title {
        text-align: center
    }

    .consulting-text {
        text-align: center
    }
}

@media screen and (max-width: 765px) {
    .samrter-automation,.ui-path-ksolves,.consulting-experts,.ui-consultants {
        padding:32px 4px
    }

    .samrter-automation .title,.ui-path-ksolves .ks-title,.ce-title,.ui-consultants .title {
        font-size: 24px;
        line-height: 36px;
        text-align: center
    }

    .samrter-automation .text,.ce-lead,.ui-consultants .text {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .samrter-automation .sub-text {
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }

    .samrter-automation .gap-40,.ui-path-ksolves .gap-40,.consulting-experts .container,.ui-consultants .container {
        gap: 24px
    }

    .samrter-automation .info-box img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        object-fit: contain
    }

    .samrter-automation .info-title {
        margin-bottom: 20px
    }

    .samrter-automation .gy-40 {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(3) .ks-box {
        border-top-right-radius: 0
    }

    .ui-path-ksolves .col-md-6.col-lg-4:nth-child(7) .ks-box {
        border-bottom-left-radius: 0
    }

    .UIpath-services {
        padding: 32px 4px
    }

    .UIpath-services .title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .UIpath-services .text {
        font-size: 14px;
        line-height: 21px
    }

    .UIpath-services .container {
        gap: 24px
    }

    .consulting-partner {
        padding: 32px 4px
    }

    .consulting-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px
    }

    .ttwu-sec .sub-text {
        font-size: 18px;
        line-height: 27px
    }

    .ttwu-sec .mb-32 {
        margin-bottom: 16px
    }
}

.ui-path-consulting .ttwu-sec .card-view-outter {
    justify-content: center!important
}

.ui-path-consulting .iws-sec-col .col-xl-3.col-md-4.col-sm-6.col-12:nth-of-type(even) .card-view-outter {
    background-color: #7FCFD933!important
}

.ui-path-consulting .uipath-cat {
    background: #14004C
}

@media screen and (max-width: 767.98px) {
    .ui-path-consulting .ui-path-consulting .ui-path-dev-banner {
        background-image:url(/wp-content/uploads/2025/10/ui-pathcon.webp)
    }
}

.sal-reseller-bnr {
    background-image: url(/wp-content/uploads/2025/10/sales-seller.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 96px 0
}

@media screen and (max-width: 922px) {
    .sal-reseller-bnr {
        background-image:url(/wp-content/uploads/2025/10/selerimg-mobnew.webp);
        padding: 90px 0 250px;
        background-position: bottom
    }

    .reselss .border-left-set {
        border: none
    }
}

@media screen and (max-width: 767.89px) {
    .sal-reseller-bnr {
        padding:32px 0 165px;
        background-position: bottom;
        background-size: cover;
        background-image: url(/wp-content/uploads/2025/10/selerimg-mobnew.webp)
    }

    .sal-rfelx img {
        max-width: 48%
    }
}

.microservicesdevc-main .rjs-banner {
    background-image: url(/wp-content/uploads/2025/10/mdc-banner.webp);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 96px;
    padding-bottom: 154px
}

.microservicesdevc-main .get-i-section .w-1270 {
    margin-top: -45px
}

.advantage-section {
    background-image: url(/wp-content/uploads/2025/10/advantages-bg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px
}

.adv-box {
    border: 1px solid #b638f5;
    border-radius: 8px;
    width: 225px;
    padding: 20px
}

.microservicesdevc-main .white-box {
    align-items: center
}

.microservicesdevc-main .ind-serve-sub {
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width: 767.98px) {
    .microservicesdevc-main .rjs-banner {
        padding-top:32px
    }

    .advantage-section {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .adv-box .font-sm-14 {
        font-size: 14px!important
    }

    .adv-box {
        width: calc(100% / 2 - 8px);
        padding: 20px 16px
    }
}

@media screen and (min-width: 1199.98px) {
    .javadevc-main.microservicesdevc-main .reactjs-tech-tabs {
        padding:0 145px!important
    }

    .col-xl-545 {
        width: 545px
    }

    .col-xl-717 {
        width: 717px
    }
}

.sal-manu-bnr {
    background-image: url(/wp-content/uploads/2025/10/sales-manu-bnrnew.webp)!important;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 96px 0;
    min-height: 615px;
    height: auto
}

@media screen and (max-width: 1080px) {
    .img-side-view.benemanu {
        order:2
    }
}

@media screen and (max-width: 922px) {
    .sal-manu-bnr {
        background-image:url(/wp-content/uploads/2025/10/sales-manu-mb.webp)!important;
        padding: 90px 0 250px;
        background-position: right
    }

    .reselss .border-left-set {
        border: none
    }

    .sf-imp-service-banner .sf-logos-cont {
        background-color: transparent;
        border-radius: 10px;
        justify-content: center!important;
        width: max-content
    }

    .sf-imp-service-banner .sf-logos-cont img {
        background: #6c8aa8;
        border: 4px solid #6c8aa8;
        border-radius: 4px;
        width: max-content
    }
}

@media screen and (max-width: 767.89px) {
    .sal-manu-bnr {
        padding:32px 0 520px;
        background-position: bottom;
        background-size: cover;
        background-color: transparent
    }
}

.footer-camp-set {
    padding-top: 96px;
    padding-bottom: 54px;
    background-image: url(/wp-content/uploads/2025/10/camp-footer-bg.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-camp-set .foot-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.footer-camp-set .card-logo {
    background: linear-gradient(180deg,rgba(45,94,154,.6) 0%,rgba(15,32,52,.6) 100%);
    padding: 1px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 6.14px;
    line-height: 9.22px;
    text-align: center;
    min-height: 120px
}

.footer-camp-set .card-logo .p-2 {
    background-color: #0C2D56;
    gap: 6px;
    border-radius: 8px
}

.footer-camp-set .follow-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px
}

.footer-camp-set .link-ouuter-a {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background-color: #EDEDED
}

.footer-camp-set .mid-sector h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 14px
}

.footer-camp-set .f-link-a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px
}

.footer-camp-set .bottom-line {
    font-weight: 600;
    font-size: 14px;
    line-height: 13.49px
}

.vertical-srl-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F5F9FF
}

.vertical-srl-section h3 {
    color: #042240;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    text-align: center
}

.vertical-srl-section h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #042240
}

.main-area-srl {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 490px;
    padding-right: 50px
}

.main-area-srl .content-div {
    border: 1px solid #DBEAFE;
    padding: 40px;
    border-radius: 16px
}

.main-area-srl .content-div h2 {
    color: #062F62;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px
}

.main-area-srl .inner-detail-sset {
    background-color: #EEF6FF;
    border-radius: 16px
}

.main-area-srl .content-div .text-res {
    color: #053064;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.main-area-srl .dark-box-set {
    background: linear-gradient(118.22deg,#083771 21.16%,#02254F 126.63%);
    border-radius: 8px
}

.main-area-srl .dark-box-set h4 {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

.main-area-srl .dark-box-set h6 {
    color: #EAF3FF;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center
}

.link-a-btn {
    margin-top: 32px;
    height: 48px;
    width: 163px;
    border-radius: 3px;
    border: 1px solid #E32235;
    color: #E32235;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

@media screen and (max-width: 767.98px) {
    .footer-camp-set .bottom-line {
        line-height:19px;
        font-size: 12px;
        font-weight: 500
    }

    .footer-camp-set {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .footer-camp-set .f-link-a {
        font-weight: 500;
        font-size: 13px;
        line-height: 19.5px
    }

    .vertical-srl-section {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .vertical-srl-section h3 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px
    }

    .vertical-srl-section h5 {
        font-weight: 500;
        font-size: 18px;
        line-height: 27px
    }
}

@media screen and (max-width: 1400px) {
    .main-area-srl {
        max-height:520px
    }
}

@media screen and (max-width: 991.98px) {
    .main-area-srl {
        padding:0;
        max-height: 930px
    }

    .main-area-srl .content-div h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 42px
    }
}

@media screen and (max-width: 767.98px) {
    .main-area-srl {
        max-height:820px
    }

    .main-area-srl .content-div {
        padding: 32px 16px
    }
}

@media screen and (max-width: 575px) {
    .main-area-srl {
        overflow-y:hidden;
        overflow-x: auto;
        max-height: 100%
    }

    .main-area-srl .content-div {
        min-width: 341px
    }
}

.njs-slider-camp {
    background-color: #F9FAFB
}

.njs-slider-camp h2 {
    color: #212121;
    font-weight: 600;
    font-size: 40px;
    line-height: 54px;
    text-align: center
}

.njs-slider-camp h4 {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.njs-src-area .content-slider .slider-head {
    color: #212121;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    border-radius: 16px;
    text-align: center
}

.njs-src-area .content-slider .slider-para {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #323232
}

.njs-src-area .content-slider {
    border-radius: 16px;
    background-color: #F9FAFB;
    border: 1px solid #E7E7E7;
    box-shadow: 4px 4px 16px 0 rgba(47,47,47,.2)
}

.njs-src-area .content-slider.active {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2025/10/slider-blk-active.webp);
    border: 1px solid transparent;
    box-shadow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.njs-src-area .content-slider.active .slider-para {
    color: #F9FAFB
}

@media screen and (max-width: 767.98px) {
    .njs-slider-camp h2 {
        font-size:32px;
        line-height: 40px;
        text-align: left
    }

    .njs-slider-camp h4 {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }
}

@media screen and (min-width: 991px) {
    .semi-slider-area .new-slider-set {
        top:50%;
        width: 100%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .semi-slider-area .img-resp {
        width: 35%;
        object-fit: cover;
        border-radius: 0 16px 16px 0
    }
}

.semi-slider-area .owl-stage-outer {
    padding: 20px 0
}

.njs-src-area .content-slider {
    min-height: 273px
}

@media screen and (max-width: 1800px) {
    .njs-src-area .content-slider {
        min-height:297px
    }
}

@media screen and (max-width: 1530px) {
    .njs-src-area .content-slider {
        min-height:321px
    }
}

@media screen and (max-width: 1110px) {
    .njs-src-area .content-slider {
        min-height:345px
    }
}

@media screen and (max-width: 1050px) {
    .njs-src-area .content-slider {
        min-height:372px
    }
}

@media screen and (max-width: 1023.98px) {
    .njs-src-area .content-slider {
        min-height:273px
    }
}

@media screen and (max-width: 991px) {
    .njs-src-area .semi-slider-area {
        width:100%
    }

    .njs-src-area .new-slider-set {
        position: relative!important;
        margin-top: -240px
    }

    .njs-src-area .new-slider-set .items {
        display: flex;
        justify-content: center
    }

    .njs-src-area .content-slider {
        max-width: 390px
    }

    .njs-src-area .owl-carousel .owl-item img {
        width: 100px;
        height: 100px
    }
}

.njs-src-area .semi-slider-area .owl-dots {
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.njs-src-area .semi-slider-area .owl-dots .owl-dot {
    width: 24px;
    height: 3px;
    border-radius: 10px;
    background-color: #E7E7E7
}

.njs-src-area .semi-slider-area .owl-dots .owl-dot.active {
    background-color: #113c63
}

.owl-theme .owl-dots .owl-dot span {
    display: none
}

.njs-devco-banner-wraper {
    height: auto
}

.logo-slider-new-set .slider-text {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 40px
}

.logo-slider-new-set .slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 10px;
    position: relative
}

.logo-slider-new-set .slider-track {
    display: flex;
    width: calc(140px * 10 * 2);
    animation: scroll-left 60s linear infinite;
    gap: 16px
}

.logo-slider-new-set .slider-track img {
    width: 140px;
    height: 100px;
    object-fit: cover;
    flex-shrink: 0
}

@keyframes scroll-left {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0)
    }
}

.paused {
    animation-play-state: paused!important
}

.logo-slider-new-set .reverse {
    animation: scroll-right 60s linear infinite
}

@media screen and (max-width: 575px) {
    .logo-slider-new-set .slider-text {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.new-card-client-slider {
    padding: 40px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: start
}

.new-card-client-slider h3 {
    color: #141F29;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 50px
}

.new-card-client-slider h5 {
    color: #2E3740;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.new-card-client-slider a {
    color: #113c63;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px
}

.testi-text-sub {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.new-camp-client.py-lg-5.b-f99 {
    background-color: #F9FAFB!important
}

.new-camp-client .owl-carousel .owl-item img {
    width: 100%;
    height: 100%
}

.new-camp-client .owl-carousel .owl-nav button.owl-next,.new-camp-client .owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    width: 42px!important
}

.testimonials-serve.new-camp-client .nodejspaid-service .owl-nav {
    margin-bottom: 32px
}

.node-bottom-sec {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(/wp-content/uploads/2025/10/bottom-node-camp-bg.webp)!important
}

.node-bottom-sec .auto-capture-submit {
    margin: 32px 0
}

.node-bottom-sec .bottom-seat-line {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.node-camp-bottom-right {
    background: rgba(31,27,28,.8);
    border-radius: 8px
}

.node-bottom-sec .fox-text {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px
}

.node-bottom-sec .link-ouuter-a {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background-color: #EDEDED
}

.node-bottom-sec .card-area-inner-box {
    border: 1px solid #828080;
    background: rgba(9,9,9,.7);
    padding: 8px;
    border-radius: 4px;
    min-height: 192px;
    height: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    gap: 12px
}

.node-bottom-sec .impl-form-subtitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px
}

.njs-devco-banner-wraper .ks-AutoCapture-form-unit.ks-auto-capture-robot-captcha {
    padding: 16px 0
}

.impl-nine.ai-automation-impl.node-bottom-sec .ks-AutoCapture-form-unit.ks-auto-capture-robot-captcha {
    padding: 20px 0 0 0
}

.njs-devco-banner-wraper .ks-success-message {
    margin-left: 24px;
    margin-right: 24px
}

@media screen and (max-width: 991px) {
    .node-bottom-sec {
        padding-top:32px;
        padding-bottom: 32px
    }

    .node-bottom-sec .fox-text {
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px
    }

    .node-bottom-sec .card-area-inner-box {
        font-family: Inter;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 767.98px) {
    .node-camp .testimonials-serve {
        height:auto!important
    }

    .testimonials-serve.new-camp-client .nodejspaid-service .owl-nav {
        margin-bottom: 14px
    }

    .node-camp .testimonials-serve.new-camp-client .testimonials-serve-title {
        text-align: left;
        font-weight: 600;
        font-size: 32px;
        margin-bottom: 16px!important;
        line-height: 40px;
        padding: 0 16px
    }

    .testi-text-sub {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        padding: 0 16px
    }

    .nodejspaid-service {
        padding: 0 16px
    }

    .nodejspaid-service .new-card-client-slider {
        padding: 16px
    }

    .njs-devco-banner-wraper .salespaid-form.implemeform .ks-AutoCaptureForm-main-container {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        background-color: #fff!important
    }

    .njs-devco-banner-wraper .ks-success-message {
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 24px
    }

    .njs-devco-banner-wraper .salespaid-form.implemeform {
        background-color: #fff!important
    }

    .njs-devco-banner-wraper .ks-AutoCapture-form-unit.ks-auto-capture-robot-captcha {
        padding: 16px 0 0
    }
}

.page-template-template_nodejs_camp footer {
    display: none
}

.camp-float-btn {
    position: fixed;
    bottom: 24px;
    right: 12px;
    z-index: 3
}

.camp-float-btn .float-btn-btn {
    background-color: #113c63;
    border-radius: 3px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    height: 56px;
    width: 152px
}

.njs-devco-tabs-wraper {
    z-index: 1
}

.njs-devco-banner-wraper .salespaid-form.implemeform {
    background-color: rgba(255,255,255,.7);
    border-radius: 1px solid #E8E8E9
}

.njs-slider-camp .owl-dots .owl-dot span {
    display: none!important
}

.page-template-template_angularjs_services footer {
    display: none
}

@media screen and (max-width: 1199.98px) {
    .njs-devco-banner-wraper .njs-devco-banner-content {
        padding-right:0
    }
}

@media screen and (min-width: 991.98px) {
    .desk-top-card-view .new-card-client-slider {
        padding:24px;
        padding-bottom: 52px!important;
        position: relative
    }

    .desk-top-card-view .new-card-client-slider a {
        bottom: 24px;
        z-index: 1;
        left: 32px
    }
}

@media screen and (max-width: 767.98px) {
    .node-bottom-sec {
        background-image:url(/wp-content/uploads/2025/10/bg-webp-format.webp)!important
    }

    .camp-float-btn {
        position: fixed;
        bottom: 85px;
        right: 12px;
        z-index: 3
    }
}

#BusinessGrowth.node-bottom-sec .ks-AutoCaptureForm-main-container form input.form-control::placeholder,#BusinessGrowth.node-bottom-sec .ks-AutoCaptureForm-main-container form textarea::placeholder {
    color: #828080!important
}

@media screen and (min-width: 991.98px) {
    .sticky-add .position-sticky-top {
        position:sticky;
        top: 90px
    }

    .tab-heading-para {
        transition: 0.3s ease-in-out all
    }

    .tab-heading-para:hover {
        background-image: linear-gradient(to right,#ffffff,#dfdfdf);
        border-radius: 16px
    }

    .tab-heading-para:hover .img-box {
        transform: scale(1.2)
    }
}

.njs-devco-tabs-wraper .tab-heading-para h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.njs-devco-tabs-wraper .tab-heading-para p {
    font-size: 20px;
    line-height: 28px
}

.njs-devco-tabs-wraper .img-box {
    min-width: 48px;
    min-height: 48px;
    transition: 0.3s ease-in-out all;
    display: none
}

.njs-devco-tabs-wraper .tab-heading-para {
    border-color: #333333!important
}

@media screen and (max-width: 767.98px) {
    .njs-devco-tabs-wraper .tab-heading-para h3 {
        font-size:20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 0
    }

    .njs-devco-tabs-wraper .tab-heading-para p {
        font-size: 16px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 0
    }
}

.njs-devco-banner-wraper.reactcamp {
    background-image: url(/wp-content/uploads/2025/10/reabner.webp)
}

.color-61DAFB {
    color: #61DAFB!important
}

.njs-devco-cta-wraper.impleme-five.reactjs-cta {
    background-image: url(/wp-content/uploads/2025/10/rec-cta.webp)
}

.node-bottom-sec.reactcamp-bot {
    background-image: url(/wp-content/uploads/2025/10/reabner-bottom.webp)!important
}

.page-template-template-partstemplate_reactjs_camp-php footer {
    display: none
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(1) {
    background: linear-gradient(90deg,rgba(255,255,255,.48) 10.5%,rgba(228,249,255,.6) 165.9%)
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(2) {
    background: linear-gradient(180deg,rgba(255,255,255,.48) 24.76%,rgba(228,249,255,.6) 191.55%)
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(3) {
    background: linear-gradient(180deg,rgba(207,233,195,.6) -100.9%,rgba(228,249,255,.48) 88.42%)
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(4) {
    background: linear-gradient(180deg,rgba(228,249,255,.6) -73%,rgba(255,255,255,.48) 100%)
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(5) {
    background: linear-gradient(180deg,rgba(255,255,255,.48) 33.81%,rgba(228,249,255,.6) 184.67%)
}

.njs-devco-why-kasolves-wraper.reactcamp .why-ksolves-data:nth-child(6) {
    background: linear-gradient(270deg,rgba(255,255,255,.48) 17.73%,rgba(228,249,255,.6) 148.43%)
}

@media (max-width: 767.98px) {
    .node-bottom-sec.reactcamp-bot {
        background-image:url(/wp-content/uploads/2025/10/rect-btm-cta.webp)!important
    }

    .njs-devco-cta-wraper.impleme-five.reactjs-cta {
        background-image: url(/wp-content/uploads/2025/10/rect-btmcta.webp)
    }

    .njs-devco-banner-wraper.reactcamp {
        background-image: url(/wp-content/uploads/2025/10/rect-brnmob1.webp)
    }

    .rectjscard .new-card-client-slider {
        padding: 16px
    }

    .node-bottom-sec.reactcamp-bot .card-area-inner-box {
        min-height: 165px;
        height: auto
    }

    img.g2-react {
        width: 100px;
        height: 100px;
        max-width: 100px
    }
}

.color-FF9BB3 {
    color: #FF9BB3!important
}

.tool-ad-card {
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    width: 140px;
    height: 100px;
    display: flex;
    align-items: center
}

.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(1) {
    background: linear-gradient(90deg,rgba(255,255,255,.48) 10.5%,rgba(255,222,230,.6) 165.9%)
}

.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(2),.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(5) {
    background: linear-gradient(180deg,rgba(255,255,255,.48) 24.76%,rgba(255,222,230,.6) 191.55%)
}

.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(3),.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(4) {
    background: linear-gradient(180deg,rgba(255,222,230,.6) -100.9%,rgba(255,255,255,.48) 88.42%)
}

.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(6) {
    background: linear-gradient(270deg,rgba(255,255,255,.48) 17.73%,rgba(255,222,230,.6) 148.43%)
}

.angular-services-page .njs-devco-why-kasolves-wraper .why-ksolves-data:nth-child(6) {
    display: flex;
    gap: 32px;
    align-items: center
}

.angular-services-page .desk-top-card-view .new-card-client-slider {
    background-color: #F9FAFB
}

@media screen and (max-width: 568px) {
    .angular-services-page .tool-ad-card {
        width:109px;
        height: 78px;
        display: flex
    }
}

@media screen and (max-width: 1800px) {
    .angular-services-page .njs-src-area .content-slider {
        min-height:346px
    }
}