body {
    overflow-x: hidden !important;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
/* header css */
.mega-drop-title {
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.399999976158142px;
    color: #000000;
}

.mega-list-title {
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.399999976158142px;
    color: #000000 !important;
}

.mega-list-desc {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 1.399999976158142px;
    color: #8C8C8C;
}

.mega-list-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 9.94px;
    font-weight: 500;
    line-height: 13.67px;
    color: #000000 !important;
}

.timeline-hero {
    height: 100%;
}

.position-image {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* .margin-left{
    margin-left: 63px;
}
.margin-right{
    margin-right: 63px;
} */
/* header css end */
.text-start {
    text-align: left !important;
}

.w-33 {
    width: 33px;
}

.h-33 {
    height: 33px;
}

.bg_black {
    background-color: black !important;
}

.tree-img-size {
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.mail-img-size {
    display: flex;
    justify-content: center;
    padding-top: 9px;
}

.footer-list-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

    .footer-list-style:hover {
        color: #000000;
        text-decoration: none;
    }

.footer-list-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

.tel-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

.mail-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #ff2038;
}

    .mail-text:hover {
        color: #ff2038;
    }

.footer-bottom-list {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #8c8c8c;
}

    .footer-bottom-list:hover {
        color: #8c8c8c;
        text-decoration: none;
    }

.footer-bottom-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #8c8c8c;
}

.footer-bg-color {
    background-color: #f5f5f5;
}

.w-29 {
    width: 29px;
}

.h-29 {
    height: 29px;
}

.btn-style {
    border: 1px solid black;
}

    .btn-style:focus {
        outline: none;
        box-shadow: none;
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (max-width:768px) {
    .bg-healthcare {
        background-image: none !important;
    }

    .bg-fpdf {
        background-image: url("") !important;
    }

    .bg-mac-pdf {
        background-image: url("") !important;
    }

    .bgs-creenshot-reader {
        background-image: url("") !important;
    }
}

.nav-link-style {
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.399999976158142px;
    color: #000000 !important;
}

.nav-logo {
    width: 115px;
    height: 34px;
}

.bg-top-nav {
    background: #C7DDF1;
}

.nav-msg-icon {
    width: 20px;
    height: 18px;
}

.top-nav-abby {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.399999976158142px;
    color: #000000;
}

.list1 {
    width: 65px;
    height: 25px;
    top: 4px;
    left: 1631px;
    gap: 0px;
    opacity: 0px;
    color: #000000;
}

.list1-dropdown:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.hero-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.hero-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: left;
    color: #000000;
}

.hero-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    text-decoration: underline;
}

    .hero-btn:hover {
        color: #ffffff;
        text-decoration: none;
    }

.bg-img {
    background-image: url("../images/hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-red {
    background: #FF2038;
}

.abby-category2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    color: #000000;
}

.bg-dark-gray {
    background: #CED4DD;
}

.abby-category3 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    color: #000000;
}

.bg-light-gray {
    background: #E7E9EE;
}

.categories-item {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 100%;
    background: #f3f4f4;
    width: calc(100vw - var(--scroll-width) / 2);
}

.h-24 {
    height: 24px;
}

.line-h-0 {
    line-height: 0px;
}

.icon-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 23.83px;
    font-weight: 500;
    line-height: 27.26px;
    color: #000000;
}

    .icon-text:hover {
        text-decoration: none;
        color: #000000;
    }
/* Slider Container */
.slider {
    position: relative;
    overflow: hidden;
    height: 450px;
    background-color: #ed1c24; /* Red background color */
    text-align: left;
    color: white;
}
/* Active slide */
.active {
    display: flex;
}
/* Heading style */
/* Navigation Arrows */
.prev, .next {
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    padding: 16px;
    background-color: transparent;
    color: black;
    border: none;
    font-size: 18px;
}

.prev {
    left: 50%;
    transform: translateX(-100%);
}

.next {
    right: 50%;
    transform: translateX(100%);
}
/* Dots (Indicators) */
.dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

    .dots span {
        cursor: pointer;
        height: 12px;
        width: 12px;
        margin: 0 5px;
        background-color: white;
        border-radius: 50%;
        display: inline-block;
        border: 2px solid black;
    }
    /* Active dot */
    .dots .active-dot {
        background-color: black;
        border-color: black;
    }
    /* Inactive dots */
    .dots span:not(.active-dot) {
        background-color: white;
        border-color: black;
    }
/* Disabled arrow color */
.disabled {
    color: white !important;
}

.text-black {
    color: #000000;
}

.trans-hero-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.trans-hero-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.digit-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0.08em;
}

.w-150 {
    width: 150px;
}

.text-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    color: #000000;
}

.bg-gradient {
    background: linear-gradient(to right, #FF2038 50%, #e7e9ee 50%) !important;
}

.bg-Rectangle-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images//Rectangle.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media (min-width:992.1px) {
    .slider {
        display: none;
    }

    .trusted-slide {
        display: none;
    }
}

@media (max-width:992.1px) {
    .margin-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .category {
        display: none;
    }

    .trusted-imgs {
        display: none;
    }
}

@media (min-width:768px) {
    .accordion-sm {
        display: none;
    }
}

@media (max-width:767.9px) {
    .margin-100 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .align-text-sm {
        text-align: left !important;
    }

    .padding-sm {
        padding-top: 0px !important;
    }

    .display-sm {
        display: block;
        text-align: center;
    }

    .footer-sm-none {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .p-sm-0 {
        padding: 0px !important;
    }
}

.card-title-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.card-para-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.card-btn-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.26px;
    color: #000000;
}

    .card-btn-style:hover {
        color: #000000;
        text-decoration: none;
    }

.text-category {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
    text-align: center;
}

.text-category-sub {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    text-align: center;
    color: #000000;
}

.text-category-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.triangle-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
    text-align: center;
}

.triangle-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.triangle-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.27px;
    color: #000000;
    text-align: center;
}

    .triangle-link:hover {
        color: #000000;
        text-decoration: none;
    }

.Ab-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26.08px;
    font-weight: 500;
    line-height: 28.69px;
    color: #000000;
}

.Ab-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.91px;
    font-weight: 400;
    line-height: 19.13px;
    color: #000000;
}

.Ab-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 17.24px;
    font-weight: 500;
    line-height: 23.71px;
    color: #000000;
}

    .Ab-link:hover {
        text-decoration: none;
        color: #000000;
    }

a:hover {
    text-decoration: none;
}

.bg-Mask {
    background: linear-gradient(rgba(243, 244, 244, 0.8), rgba(243, 244, 244, 0.8)), url("../images/Mask.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-dark-red {
    background: #FF2038;
}

.article:hover {
    background: transparent;
    color: black;
}

.model-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.model-sub-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.model-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.model-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.27px;
    text-align: center;
    color: #ffffff;
}

    .model-link:hover {
        color: #ffffff;
        text-decoration: none;
    }

.bg-gray {
    background-color: #F3F4F4;
}

.choose-abby {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.Trusted-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    text-align: center;
    color: #000000;
}

.Trusted-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.Trusted-link:hover {
    text-decoration: none;
    color: #000000 !important;
    background-color: #ed1c24 !important;
}

.ready-title {
    font-family: Open Sans Condensed;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    color: #000000;
}

.schedule-btn {
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}

    .schedule-btn:hover {
        text-decoration: none;
        background-color: #ed1c24 !important;
        color: #000000 !important;
    }

.expert-btn {
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
    border: 1px solid black;
}

    .expert-btn:hover {
        border-color: #ed1c24;
        color: #000000;
        text-decoration: none;
    }

.bg-light-blue {
    background-color: #E4EEFD;
}

.dropdown-btn:focus,
.dropdown-btn:hover,
.dropdown-btn:active {
    box-shadow: none !important;
}

@media (max-width: 992.1px) {
    .md-width {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .pt-lg {
        padding-top: 120px !important;
    }
}
/* trusted image slider */
.trusted-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.trusted-slider {
    display: flex;
    align-items: baseline;
    transition: transform 0.5s ease-in-out;
}

.trusted-slide {
    text-align: center;
    min-width: 33.33%; /* Default: Show 3 images */
}

.trusted-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.trusted-prev, .trusted-next {
    background-color: transparent !important;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    margin: 0 20px;
}

    .trusted-prev:hover, .trusted-next:hover {
        background-color: #ddd;
    }

#trustedCurrentSlide, #trustedTotalSlides {
    font-size: 18px;
}

/* Responsive for Small Screens */
@media (max-width: 768px) {
    .trusted-slide {
        text-align: center;
        min-width: 100%; /* Show 2 images on small screens */
    }
}

@media (max-width: 375px) {
    .w-150 {
        width: 100px;
    }
}
/* truste slider  css end */
.accordion-button:focus,
.accordion-button:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #f5f5f5;
}

.form-container {
    background-color: #f8f9fa; /* Light grey background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.submit-btn {
    background-color: #343a40; /* Dark background */
    color: white;
}

    .submit-btn:hover {
        background-color: #495057; /* Slightly lighter on hover */
    }

.accordion-item {
    border-left: 0px !important;
    border-right: 0px !important;
}
/* .accordion-button::after {}
.accordion-button:not(.collapsed)::after {} */
/* form styles */
.form-title {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 15.91px;
    color: #000000;
}

.form-desc {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 15.91px;
    color: #000000;
}

.form-bg {
    background: #CED4DD;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.form-control {
    border-radius: 0px !important;
    border: none;
}

.form-select {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.text-red {
    color: #ff2038;
}

.check-form-text {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 17.9px;
    color: #000000;
}

.fineReader-list {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 23.52px;
    font-weight: 500;
    line-height: 32.34px;
    color: #000000;
}

    .fineReader-list:hover {
        text-decoration: none;
        color: #000000;
    }

.fineReader-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.fineReader-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.address {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.map-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}
/* form style end */
/* nav tabs */
.nav-tabs .nav-link-btn.active {
    color: white !important;
    background-color: black !important;
    border: none !important;
}

.nav-tabs .nav-link-btn {
    color: #000000;
}

.contact-tab-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 30.26px;
    color: #000000;
}

.contact-tab-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000;
}

.bg-white-smoke {
    background: #F5F5F5;
}

.accordian-bg-color {
    background: #F5F5F5 !important;
}

.searching-bar {
    border: 2px solid black;
    border-radius: 0 30px 30px 0 !important
}

    .searching-bar:focus {
        border: 2px solid black;
        background-color: #F5F5F5;
        ;
    }

.searching-bar-icon {
    border: 2px solid black;
    border-radius: 30px 0px 0px 30px !important;
}

.search-box {
    z-index: 2;
    width: 500px;
    right: 150px;
    position: absolute;
    display: none;
}

.border-r-1 {
    border-radius: 1.5rem !important;
    border: 1px solid black !important;
}

.mr-20 {
    margin-right: 20px;
}

.text-align {
    text-align: left !important;
}

.search-box.visible {
    display: block; /* Show when 'visible' class is added */
}

.nav-tabs .nav-link {
    border: none !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: red;
}

.pointer {
    cursor: pointer;
}

.contacts {
    font-family: CoFo Gothic VF;
    font-size: 55px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: 0.02em;
    color: #000000;
}

.icon-right {
    float: right !important;
}

.w-7 {
    width: 7px !important;
}

.contacts2 {
    font-family: CoFo Gothic VF;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.01em;
    color: #000000;
}

.bg-color {
    background: #F8F8F8;
}

.h-50 {
    height: 50px !important;
}
/* nav tabs end */
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e    ");
}
/* header css */
.mega-drop-title {
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.399999976158142px;
    color: #000000;
}

.mega-list-desc {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 1.399999976158142px;
    color: #8C8C8C;
}

.mega-list-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 9.94px;
    font-weight: 500;
    line-height: 13.67px;
    color: #000000 !important;
}

.position-image {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.w-33 {
    width: 33px;
}

.h-33 {
    height: 33px;
}

.bg_black {
    background-color: black !important;
}

.position-cards {
    position: absolute;
    bottom: 20px;
}

.tree-img-size {
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.mail-img-size {
    display: flex;
    justify-content: center;
    padding-top: 9px;
}

.footer-list-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #000000;
    text-decoration: none;
}

    .footer-list-style:hover {
        color: #000000;
        text-decoration: none;
    }

.footer-list-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

.tel-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #000000;
}

.mail-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #ff2038;
}

    .mail-text:hover {
        color: #ff2038;
    }

.footer-bottom-list {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #8c8c8c;
}

    .footer-bottom-list:hover {
        color: #8c8c8c;
        text-decoration: none;
    }

.footer-bottom-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #8c8c8c;
}

.footer-bg-color {
    background-color: #f5f5f5;
}

.w-29 {
    width: 29px;
}

.h-29 {
    height: 29px;
}

.btn-style {
    border: 1px solid black;
}

    .btn-style:focus {
        outline: none;
        box-shadow: none;
    }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .sm-mb {
        margin-bottom: 50px;
    }
}

@media (min-width: 1199.99px) {
    .sm-mb {
        margin-bottom: 45px;
    }
}

.nav-link-style {
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.399999976158142px;
    color: #000000 !important;
}

.nav-logo {
    width: 115px;
    /* height: 34px; */
}

.bg-top-nav {
    background: #C7DDF1;
}

.nav-msg-icon {
    width: 20px;
    height: 18px;
}

.top-nav-abby {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.399999976158142px;
    color: #000000;
}

.list1 {
    width: 65px;
    height: 25px;
    top: 4px;
    left: 1631px;
    gap: 0px;
    opacity: 0px;
    color: #000000;
}

.list1-dropdown:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.hero-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.hero-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: left;
    color: #000000;
}

.hero-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    text-decoration: underline;
}

    .hero-btn:hover {
        color: #ffffff;
        text-decoration: none;
    }

.bg-img {
    background-image: url("../images/hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-red {
    background: #FF2038;
}

.abby-category2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    color: #000000;
}

.bg-dark-gray {
    background: #CED4DD;
}

.abby-category3 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    color: #000000;
}

.bg-light-gray {
    background: #E7E9EE;
}

.categories-item {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 100%;
    background: #f3f4f4;
    width: calc(100vw - var(--scroll-width) / 2);
}

.h-24 {
    height: 24px;
}

.icon-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 23.83px;
    font-weight: 500;
    line-height: 27.26px;
    color: #000000;
}

    .icon-text:hover {
        text-decoration: none;
        color: #000000;
    }

/* Slider Container */
.slider {
    position: relative;
    overflow: hidden;
    height: 450px;
    background-color: #ed1c24; /* Red background color */
    text-align: left;
    color: white;
}


/* Active slide */
.active {
    display: flex;
}

/* Heading style */
h1 {
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 10px;
}

/* Subtitle style */

/* Navigation Arrows */
.prev, .next {
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    padding: 16px;
    background-color: transparent;
    color: black;
    border: none;
    font-size: 18px;
}

.pointer {
    cursor: pointer;
}

.prev {
    left: 50%;
    transform: translateX(-100%);
}

.next {
    right: 50%;
    transform: translateX(100%);
}

/* Dots (Indicators) */
.dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

    .dots span {
        cursor: pointer;
        height: 12px;
        width: 12px;
        margin: 0 5px;
        background-color: white;
        border-radius: 50%;
        display: inline-block;
        border: 2px solid black;
    }

    /* Active dot */
    .dots .active-dot {
        background-color: black;
        border-color: black;
    }

    /* Inactive dots */
    .dots span:not(.active-dot) {
        background-color: white;
        border-color: black;
    }

/* Disabled arrow color */
.disabled {
    color: white !important;
}

.text-black {
    color: #000000;
}

.digit-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0.08em;
}

.w-150 {
    width: 150px;
}

.text-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    color: #000000;
}

.bg-gradient {
    background: linear-gradient(to right, #FF2038 50%, #e7e9ee 50%) !important;
}

.bg-Rectangle-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../media/x4ojrqwz/cs-slate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

@media (min-width:992.1px) {
    .slider {
        display: none;
    }

    .trusted-slide {
        display: none;
    }
}

@media (max-width:992.1px) {
    .margin-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .category {
        display: none;
    }

    .trusted-imgs {
        display: none;
    }
}

@media (min-width:768px) {
    .accordion-sm {
        display: none;
    }
}

@media (max-width:767.9px) {
    .margin-100 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .align-text-sm {
        text-align: left !important;
    }

    .padding-sm {
        padding-top: 0px !important;
    }

    .display-sm {
        display: block;
        text-align: center;
    }

    .footer-sm-none {
        display: none;
    }

    .container {
        max-width: 100% !important;
    }

    .p-sm-0 {
        padding: 0px !important;
    }
}

.card-title-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.card-para-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.card-btn-style {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.26px;
    color: #000000;
}

    .card-btn-style:hover {
        color: #000000;
        text-decoration: none;
    }

.text-category {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
    text-align: center;
}

.text-category-sub {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.79px;
    text-align: center;
    color: #000000;
}

.text-category-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.triangle-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
    text-align: center;
}

.triangle-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.triangle-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.27px;
    color: #000000;
    text-align: center;
}

    .triangle-link:hover {
        color: #000000;
        text-decoration: none;
    }

.Ab-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26.08px;
    font-weight: 500;
    line-height: 28.69px;
    color: #000000;
}

.Ab-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.91px;
    font-weight: 400;
    line-height: 19.13px;
    color: #000000;
}

.Ab-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 17.24px;
    font-weight: 500;
    line-height: 23.71px;
    color: #000000;
}

    .Ab-link:hover {
        text-decoration: none;
        color: #000000;
    }

a:hover {
    text-decoration: none;
}

.bg-Mask {
    background: url("../images/bg-image.9e7a6996.svg (1).png") no-repeat center / cover, linear-gradient(rgba(243, 244, 244, 0.8), rgba(243, 244, 244, 0.8));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-dark-red {
    background: #FF2038;
}

.article:hover {
    background: transparent;
    color: black;
}

.model-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.model-sub-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.model-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.model-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.27px;
    text-align: center;
    color: #ffffff;
}

    .model-link:hover {
        color: #ffffff;
        text-decoration: none;
    }

.bg-gray {
    background-color: #F3F4F4;
}

.choose-abby {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.Trusted-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    text-align: center;
    color: #000000;
}

.Trusted-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.Trusted-link:hover {
    text-decoration: none;
    color: #000000 !important;
    background-color: #ed1c24 !important;
}

.ready-title {
    font-family: Open Sans Condensed;
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    color: #000000;
}

.schedule-btn {
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}

    .schedule-btn:hover {
        text-decoration: none;
        background-color: #ed1c24 !important;
        color: #000000 !important;
    }

.expert-btn {
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
    border: 1px solid black;
}

    .expert-btn:hover {
        border-color: #ed1c24;
        color: #000000;
        text-decoration: none;
    }

.bg-light-blue {
    background-color: #E4EEFD;
}

.dropdown-btn:focus,
.dropdown-btn:hover,
.dropdown-btn:active {
    box-shadow: none !important;
}

@media (max-width: 992.1px) {
    .md-width {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .pt-lg {
        padding-top: 120px !important;
    }
}

/* trusted image slider */
.trusted-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.trusted-slider {
    display: flex;
    align-items: baseline;
    transition: transform 0.5s ease-in-out;
}

.trusted-slide {
    text-align: center;
    min-width: 33.33%; /* Default: Show 3 images */
}

@media (min-width: 768px) and (max-width: 1000px) {
    .trusted-slide {
        text-align: center;
        min-width: 50%; /* Default: Show 3 images */
    }
}

@media (min-width: 999.99px) and (max-width: 1200px) {
    .trusted-slide {
        margin: 0px 10px;
        overflow: hidden;
        text-align: center;
        min-width: 33.33%;
    }
}

.trusted-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.trusted-prev, .trusted-next {
    background-color: transparent !important;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    margin: 0 20px;
}

    .trusted-prev:hover, .trusted-next:hover {
        background-color: #ddd;
    }

#trustedCurrentSlide, #trustedTotalSlides {
    font-size: 18px;
}

/* Responsive for Small Screens */
@media (max-width: 768px) {
    .trusted-slide {
        text-align: center;
        min-width: 100%; /* Show 2 images on small screens */
    }
}

@media (max-width: 375px) {
    .w-150 {
        width: 100px;
    }
}
/* truste slider  css end */

.accordion-button:focus,
.accordion-button:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #f5f5f5;
}

.form-container {
    background-color: #f8f9fa; /* Light grey background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.submit-btn {
    background-color: #343a40; /* Dark background */
    color: white;
}

    .submit-btn:hover {
        background-color: #495057; /* Slightly lighter on hover */
    }

.accordion-item {
    border-left: 0px !important;
    border-right: 0px !important;
}
/* .accordion-button::after {}
.accordion-button:not(.collapsed)::after {} */

/* form styles */
.form-title {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 15.91px;
    color: #000000;
}

.form-desc {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 15.91px;
    color: #000000;
}

.form-bg {
    background: #CED4DD;
}

.basic-addon1 {
    background-color: #ffffff;
    color: red;
    border-radius: 0px !important;
    border: 5px solid white;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.form-control {
    border-radius: 0px !important;
    border: none;
}

.form-select {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.text-red {
    color: #ff2038;
}

.check-form-text {
    font-family: CoFo Gothic VF;
    font-size: 11.93px;
    font-weight: 500;
    line-height: 17.9px;
    color: #000000;
}

.fineReader-list {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 23.52px;
    font-weight: 500;
    line-height: 32.34px;
    color: #000000;
}

    .fineReader-list:hover {
        text-decoration: none;
        color: #000000;
    }

.fineReader-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.fineReader-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

#thankYouMessage {
    font-family: Noto Sans SC, sans-serif !important;
    display: none;
    color: green;
    font-weight: bold;
    text-align: center;
}

#errorMessage {
    font-family: Noto Sans SC, sans-serif !important;
    display: none;
    color: red;
    font-weight: bold;
}

.address {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.map-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}
/* form style end */

/* nav tabs */
.nav-tabs .nav-link-btn.active {
    color: white !important;
    background-color: black !important;
    border: none !important;
}

.nav-tabs .nav-link-btn {
    color: #000000;
}

.contact-tab-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 30.26px;
    color: #000000;
}

.contact-tab-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000;
}

.bg-white-smoke {
    background: #F5F5F5;
}

.accordian-bg-color {
    background: #F5F5F5 !important;
}

.searching-bar {
    border: 2px solid black;
    border-radius: 0 30px 30px 0 !important
}

    .searching-bar:focus {
        border: 2px solid black;
        background-color: #F5F5F5;
        ;
    }

.searching-bar-icon {
    border: 2px solid black;
    border-radius: 30px 0px 0px 30px !important;
}

.search-box {
    width: 500px;
    right: 150px;
    position: absolute;
    display: none;
}

.border-r-1 {
    border-radius: 1.5rem !important;
    border: 1px solid black !important;
}

.mr-20 {
    margin-right: 20px;
}

.text-align {
    text-align: left !important;
}

.search-box.visible {
    display: block; /* Show when 'visible' class is added */
}

.nav-tabs .nav-link {
    border: none !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: red;
}

.pointer {
    cursor: pointer;
}

.contacts {
    font-family: CoFo Gothic VF;
    font-size: 55px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: 0.02em;
    color: #000000;
}

.icon-right {
    float: right !important;
}

.w-7 {
    width: 7px !important;
}

.contacts2 {
    font-family: CoFo Gothic VF;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.01em;
    color: #000000;
}

.bg-color {
    background: #F8F8F8;
}

.h-50 {
    height: 50px !important;
}

/* nav tabs end */

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e    ");
}

.rhenus-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    color: #000000;
}

.shipping-desc2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.bg-rhenus-cs {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/rhenus-cs-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
}

.Rhenus-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
}

.Rhenus-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000 !important;
}

.bg-white {
    background-color: #ffffff;
}

.share-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
}

.share-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 30.26px;
}

.share-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

/* process-intelligence css start */

.process-hero-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.process-hero-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.trans-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.trans-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.trans-analysis {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 300;
    line-height: 62px;
    color: #000000;
    text-align: center;
}

.trans-task {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center !important;
    color: #000000;
}

.trans-task-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.trans-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
    color: #000000;
}

.trans-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 24.44px;
    color: #000000;
}

.trans-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

.customer-Scenarios {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 62px;
    text-align: center !important;
    color: #000000;
}

.Scenarios-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 26.9px;
    text-align: center;
    color: #000000;
}

.Legal-document-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.process-shipping {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    color: #000000;
}

.shipping-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.shipping-acadian-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 400;
    line-height: 24.9px;
    text-align: center;
    color: #000000;
}

.shipping-acadian-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    /* text-align: center; */
    color: #000000;
}

.clay-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    text-align: center;
    color: #000000;
}

.clay-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    color: #000000;
}

.clay-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.trans-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000;
}

.trans-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 400;
    line-height: auto;
    color: #000000;
}

.trans-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 400;
    /* line-height: 23.2; */
    color: #000000;
}

.Scenarios-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.clay-bg-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%),url("../images/Clay Lacy-cs-003.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.timeline-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 400;
    line-height: 62px;
    color: #000000;
}

.timeline-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 45px;
    color: #000000;
}

.free-trial {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000 !important;
}

.timeline-tab1-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 400;
    line-height: 62px;
    color: #000000;
}

.timeline-tab1-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 45px;
    color: #000000;
}

.nav-link-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    color: #000000;
}

.analysis-tools {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 400;
    line-height: 55px;
    text-align: center;
    color: #000000;
}

.task-mining {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.task-mining-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.timeLine-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000;
}

.timeLine-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 400;
    line-height: auto;
    color: #000000;
}

.timeLine-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 400;
    line-height: 23.2px;
    color: #000000 !important;
}

.timeline-para-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 400;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.timeline-para-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.exploration-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26.08px;
    font-weight: 400;
    line-height: 28.7px;
    color: #000000;
}

.exploration-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.91px;
    font-weight: 400;
    line-height: 19.1px;
    color: #000000;
}

.text-category-des {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.inefficiency {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 400;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.inefficiency-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 400;
    line-height: 26.9px;
    text-align: center;
    color: #000000;
}

.inefficiency-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.operation-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 400;
    line-height: 29px;
    color: #000000;
}

.process-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
}

.operation-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
}

.step-improvement {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.improvement-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 500;
    line-height: 16.6px;
    color: #000000;
}

.timeline-acadian-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.64px;
    font-weight: 500;
    line-height: 24.9px;
    color: #000000;
}

.w-10 {
    width: 10px !important;
}

.quiz-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: 44px;
    color: #000000;
    text-align: center;
}

.bg-purple {
    background-color: #7e65a1;
}

.quiz-img-container {
    width: 116px;
    height: 116px;
    background-color: white;
    border-radius: 50%;
}

.pt-30 {
    padding-top: 30px;
}

.bg-light-green {
    background-color: #9aba59;
}

.bg-light-red {
    background-color: #c05250;
}

.timeLine-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.62px;
    font-weight: 500;
    line-height: 16.3px;
    color: #000000;
}

.timeLine-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 24.4px;
    color: #000000;
}

.timeLine-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    color: #000000;
}

.common-question {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    /* line-height: 62; */
    color: #000000;
}

.common-question-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    color: #000000;
}

.common-question-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.process-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.timeline-operation {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 300;
    line-height: 33px;
    color: #000000;
}

.process-analysis {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    color: #000000;
}

.process-task {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.process-task-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.process-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

.process-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 24.44px;
    color: #000000;
}

.process-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
    color: #000000;
}

.process-intelligence {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.pricess-desc2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.process-acadian-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    color: #000000;
}

.process-acadian-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.process-analysis {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    color: #000000 !important;
}
/* css end */
/* legal css start */


.legal-hero-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.legal-hero-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.legal-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.legal-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 300;
    line-height: 62px;
    color: #000000;
}

.legal-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.legal-analysis {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    color: #000000;
}

.legal-task {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000 !important;
}

.legal-task-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.legal-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
    color: #000000;
}

.legal-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: auto !important;
    color: #000000;
}

.legal-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

.Legal-document {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.Legal-document-task {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 26.9px;
    text-align: center;
    color: #000000;
}

.Legal-document-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.bg-Krigsman-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/Case Studies Krigsman Partners.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.Krigsman-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    color: #000000;
}

.share-analysis {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    color: #000000;
}

.Krigsman-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000;
}
/* legal css end */

/* flexicapture css start */
.border-5-white {
    border: 5px solid white !important;
}

.invoice-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.invoice-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.invoice-tab1-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.invoice-tab1-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.invoice-processing {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.invoice-processing-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.invoice-processing-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.increasingly-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 43.9px;
    text-align: center;
    color: #000000;
}

.increasingly-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 21.08px;
    font-weight: 400;
    line-height: 26.6px;
    /* text-align: center; */
    color: #000000;
}

.p-36 {
    padding: 36px;
}

.increasingly-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16.83px;
    font-weight: 500;
    line-height: 27.27px;
    color: #000000 !important;
}

.increasingly-para-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.increasingly-para-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.increasingly-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26.08px;
    font-weight: 500;
    line-height: 28.69px;
    color: #000000;
}

.increasingly-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.91px;
    font-weight: 400;
    line-height: 19.13px;
    color: #000000;
}

.Invoice-automation {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.Invoice-automation-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.Invoice-automation-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.Customer-payments {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    color: #000000;
}

.bg-Rectangle-170-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/Rectangle 170.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.Rectangle-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    text-align: left;
    color: white;
}

.Rectangle-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #000000 !important;
}

.flexinvoice-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
    color: #000000;
}

.flexinvoice-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 30.26px;
    color: #000000;
}

.flexinvoice-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

.automated-Invoice {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: left;
    color: #000000;
}

.automated-Invoice-question {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    text-align: left;
    color: #000000;
}

.automated-Invoice-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    text-align: left;
    color: #000000;
}

.Efficiency-invoice-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.Efficiency-invoice-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.Efficiency-invoice-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 19.83px;
    font-weight: 500;
    line-height: 27.26px;
    color: #000000;
}
/* css end */

/* flexCapture css start */
.flex-capture-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.flex-capture-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.finereader-engine-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.finereader-engine-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #000000;
}

.flexi-tab1-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.flexi-tab1-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.flexi-cloud {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.flexi-cloud-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.flexi-cloud-accordion-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    color: #000000;
}

.flexi-cloud-accordion-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.business-automation {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.business-automation2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.business-automation-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.business-automation-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.DHL-payments {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    color: #000000;
}

.bg-DHLBG-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/DHLBG.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.DHLBG-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
}

.Flexicapture-para-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.Flexicapture-para-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.product-availability-accordion-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    color: #000000;
}

.product-availability-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    text-align: left;
    color: #000000;
}

.product-availability-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: left;
    color: #000000;
}

.integrated-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.image-overlay2 {
    position: relative;
    display: inline-block;
}

.first-img {
    display: block;
    width: 100%; /* Ensures responsiveness */
}

.second-img-logo {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.p-42 {
    padding: 42px;
}

.integrated-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.23px;
    font-weight: 500;
    line-height: 24.46px;
    text-align: left;
    color: #000000;
}

.integrated-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    text-align: left;
    color: #000000 !important;
}

.report-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.63px;
    font-weight: 500;
    line-height: 16.29px;
    color: #000000;
}

.report-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 30.26px;
    color: #000000;
}

.report-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    font-weight: 500;
    line-height: 23.23px;
    color: #000000 !important;
}

.Cloud-availability2 {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.Cloud-availability2-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000000;
}

.Cloud-availability2-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.FlexiCapture-operation {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    text-align: left;
    color: #000000;
}

.FlexiCapture-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.FlexiCapture-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}

.IDP-issue {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.IDP-issue-question {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    color: #000000;
}

.IDP-issue-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}
/* css end */

/* vantage css start */

.vantage-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: left;
    color: #000000;
}

.vantage-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: left;
    color: #000000;
}

.request-demo {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: white !important;
}

.processing-smarter {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}
/* .processing-smarter-desc{
    font-family: Noto Sans SC , sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
} */
.vantage-IDP {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.processing-smarter-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    text-align: center !important;
    color: #000000;
}

.processing-smarter-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.bg-rantage {
    background-image: url("../images/bg-rantage.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.vantage-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 11.86px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000;
}

.vantage-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.23px;
    font-weight: 500;
    line-height: 24.46px;
    color: #000000;
}

.vantage-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 11.86px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000 !important;
}

.vantage-para-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.vantage-para-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.upload-document {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26.08px;
    font-weight: 500;
    line-height: 28.69px;
    color: #000000;
}

.upload-document-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.91px;
    font-weight: 400;
    line-height: 19.13px;
    color: #000000;
}

.vantage-empower {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    text-align: center;
    color: #000000;
}

.vantage-empower-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    color: #000000;
}

.vantage-empower-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    text-align: center;
    color: #000000;
}

.vantage-increasingly {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 43.9px;
    text-align: center;
    color: #000000;
}

.vantage-increasingly-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 21.08px;
    font-weight: 400;
    line-height: 26.6px;
    text-align: center;
    color: #000000;
}

.vantage-text-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.w-10 {
    width: 10px;
}

.vantage-text-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}

.vantage-IDP-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.vantage-IDP-question {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    color: #000000;
}

.vantage-IDP-question-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.vantage-tab2-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 62px;
    color: #000000;
}

.vantage-tab2-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 300;
    line-height: 45px;
    color: #000000;
}

.accelerate-automation {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 60px;
    color: #000000;
}

.accelerate-automation-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.vantage-acadian-btn {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 24.91px;
    color: #000000;
}

.vantage-acadian-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 12.08px;
    font-weight: 400;
    line-height: 16.6px;
    color: #000000;
}

.vantage-process-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.vantage-process-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.52px;
    font-weight: 400;
    line-height: 18.57px;
    color: #000000;
}

.vantage-process-id {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 20.41px;
    font-weight: 500;
    line-height: 26.95px;
    color: #000000;
}

.vantage-process-id-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.52px;
    font-weight: 400;
    line-height: 18.57px;
    color: #000000;
}

.vantage-Checklist-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 11.86px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000;
}

.vantage-Checklist-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.23px;
    font-weight: 500;
    line-height: 24.46px;
    color: #000000;
}

.checklist-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 11.86px;
    font-weight: 400;
    line-height: 16.3px;
    color: #000000 !important;
}

.footer-link {
    position: absolute;
    bottom: 20px;
}
/* vantage css end */

/* insurance css start */

.bg-insurance-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/insurance5.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-about-us-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-about-us-images.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.bg-govern-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/govern02.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

/* insurance css end */
/* financial css start */
.bg-financial-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.8) 100%), url("../images/bg-financial.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

/* end */

/* enterprise css start */

.bg-enterprise-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-enterprise.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
}

/* end css */

/* education css start */

.bg-education-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-education.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


/* css end */

.bg-boarding-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-boarding.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
    position: relative;
}

.aligin-img-text {
    text-wrap: nowrap;
    left: 50%;
    transform: translate(-50%, 50%);
}

.bg-bpo-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-pbo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
}

.bg-ipa-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-ipa.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
    /* position: relative; */
}

.payable-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 33px;
    color: #000000;
}

.pay-radio {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 56px;
    font-weight: 400;
    line-height: 55px;
    color: #ed1c24;
}

.payable-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 53.12px;
    color: #000000;
}

.automation-solution {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    font-weight: 500;
    line-height: 53.12px;
    text-align: center;
    color: #000000;
}

.bg-payable-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-payable.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
    position: relative;
}

.companies-place {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
}

.business-lists > li::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    content: "";
    border: 1px solid #ff2038;
    border-radius: 50%;
    width: 11px;
    height: 11px;
}

.blockquote::before {
    content: open-quote;
    font-size: 2rem;
    /* color: #ff2038; */
    position: absolute;
    top: 0;
    left: 0;
}


.blockquote-footer {
    margin-top: 20px;
    color: #333;
    font-weight: bold;
}

.h-line-red {
    position: relative;
    top: 40px;
}

/* CSS */

.invoice-hero {
    height: 100%;
}

.bg-bluish-gray {
    background-color: #8593a9;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ensures the overlay covers the entire mobile-capture image */
    height: 100%;
    object-fit: cover; /* Ensures the overlay scales properly */
}

.bg-hyper-img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.8) 74.07%), url("../images/bg-hyperautomation.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
}

.h-line-dark-red {
    color: red !important;
}

.comma-img {
    position: relative;
    top: 5fpx;
    width: 45px;
}

.list-style-icon > li {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    line-height: 23.2px;
    position: relative;
    margin: 0 0 .25rem;
    padding-left: 30px;
    color: #000000;
}

.list-style-text > li {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    line-height: 23.2px;
    color: #000000;
}

.list-style-icon > li::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    content: "";
    border: 1px solid #ff2038;
    border-radius: 50%;
    width: 11px;
    height: 11px;
}

.text-left {
    text-align: left !important;
}

.p-l-5 {
    padding-left: 6px;
}

.request-info {
    font-size: 1.625rem;
    line-height: 33px;
    font-weight: 600;
}

.bg-healthcare {
    background-image: url("../images/healthcare.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-flexicapture-sdk {
    background-image: url("../images/bg-flexicapture-sdk.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-product {
    background-image: url("../images/bg-product.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-faq {
    background-image: url("../images/bg-faq.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-business-process-card01 {
    background-image: url("../images/business-process001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-business-process-card02 {
    background-image: url("../images/business-process002.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-business-process-card03 {
    background-image: url("../images/business-process007.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.products-card-h {
    text-transform: uppercase;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 14px;
    color: #8c8c8c;
    margin-bottom: 22px;
}

.products-card-btn-link {
    border: 1px solid black !important;
    color: #000000 !important;
}

    .products-card-btn-link:hover {
        background-color: #d8d8d8;
    }

.border-r-8 {
    border-radius: 10px;
}

.decoration-underline:hover {
    text-decoration: underline;
}

.odp {
    font-size: 1.625rem;
    line-height: 33px;
}

.main-function > li {
    padding-left: 33px !important;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    margin-bottom: 22px;
    margin-top: 0;
    position: relative;
    /* list-style-type: none; */
}
/* .main-function>li::before{
    content: "" !important;
    position: absolute;
    left: 0;
    display: inline-block;
    background: url(/images/sprites/bs4n_interface.svg?v=1707490613088) no-repeat -382px -379px;
    background-size: 3903px 3368px;
    width: 22px;
    height: 22px;
} */
.booklet {
    font-size: .8125rem;
    line-height: 14px;
    text-transform: uppercase;
    color: #000000;
}

.accordion-item {
    border-bottom: none !important;
    border-top: 1.31px solid #A6B4BE !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.w-40 {
    width: 40px;
}

.download-text {
    background-color: white;
    color: red !important;
}

.boolkit-prev, .boolkit-next {
    background-color: transparent !important;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    margin: 0 20px;
}

.bg-yellow {
    background-color: #ffd01e;
}

.boolkit-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    justify-content: left;
}

.card-span {
    order: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 14px;
    color: #8c8c8c;
    margin-bottom: 11px;
}

.text-decoraion-none {
    text-decoration: none !important;
}

.pricing-table-title {
    /* background-color: #e6e3ef; */
    padding: 22px;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 33px;
    border-bottom: 1px solid #dedede;
    font-weight: 500;
    text-align: center;
}

.pointer-none {
    cursor: default !important;
}

.bg-pricing-gray {
    background-color: #f5f5f5;
}

.bg-pricing-dark-gray {
    background-color: #e6e3ef;
}

.license-text {
    font-size: 1.0625rem;
    line-height: 22px;
    font-weight: 500;
    padding-bottom: 0 !important;
}

.pricing-list > li {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14.33px;
    line-height: 23.2px;
    list-style: none;
    position: relative;
    padding-bottom: 10px;
}

.pricing-list {
    font-size: 1rem !important;
    line-height: 22px !important;
    list-style: none;
    position: relative;
    padding-bottom: 10px;
}

    .pricing-list > li:before {
        position: absolute;
        content: url(../images/check-b.svg);
        width: 16px;
        height: 12px;
        display: inline-block;
        left: -30px;
    }

.pricing-list-desc {
    font-size: .875rem;
    line-height: 17px;
    color: #8c8c8c;
    margin-top: 6px;
}

.bg-fpdf {
    background-image: url("../images/finereader-pdf.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-mac-pdf {
    background-image: url("../images/mac-pdf001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bgs-creenshot-reader {
    background-image: url("../images/screenshot-reader001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-industory {
    /*background-image: url("../media/xzhm4luf/healthcare.svg");*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 90%;
    height: 100%;
    width: 100%;
}

.bg-oem-hero {
    background-image: url("../images/oem001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-sharepoint-hero {
    background-image: url("../images/sharepoint001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-avision-hero {
    background-image: url("../images/avision001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-news-hero {
    background-image: url("../images/news001.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-document-classification-hero {
    background-image: url("../images/document-classification001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-rpa {
    background-image: url("../images/rpa001.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-star {
    background-image: url("../images/bg-star.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.bg-fpdf12 {
    background-image: url("../images/fpdf12.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    height: 100%;
    width: 100%;
}

.bg-rpa-card-bg {
    background-image: url("../images/rpa0011.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.w-220 {
    width: 220px;
}

.border-black {
    border: 1px solid black !important;
}

.finereader-hero {
    font-size: 26px;
}

.mac-pdf-card-img {
    padding: 35px 15px 36px;
}

.basic-55 {
    flex-basis: 55%;
}

.finereader-desc {
    font-size: 2.75rem;
    line-height: 55px;
    font-weight: 400;
}

.img-border-r-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.dark-image {
    filter: grayscale(100%);
}

.border-r-6 {
    border-radius: 6px;
}

.filter-card:hover {
    box-shadow: 0 0 15px rgba(33, 33, 33, .2);
}

.filter-card {
    transition: 0.3s;
}

.h-162 {
    height: 162px;
}

.loadbtn:hover {
    background-color: #ed1c24 !important;
    color: #000000 !important;
    border: none !important;
}

.loadbtn:disabled {
    background-color: lightgray !important;
    color: darkgray !important;
    cursor: not-allowed !important;
}

.filters-cards {
    display: none;
}

.text-black {
    color: #000000;
}

.submit-btn:focus {
    box-shadow: none;
}

.resourses-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.resourse-heading-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    color: #000000;
}

.resourse-list > li {
    font-family: Noto Sans SC, sans-serif !important;
    font-weight: 300;
    line-height: 35px;
    color: #000000;
}

.finereader-pdf-educate-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 20.41px;
    line-height: 26.9px;
    font-weight: 400;
    color: #000000;
}

.finereader-pdf-educate-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 13.52px;
    line-height: 18.6px;
    font-weight: 400;
    color: #000000;
}

.w-186 {
    width: 186px;
}

.w-33 {
    width: 33px;
}

.filters-cards:hover .footer-link > span {
    text-decoration: underline !important;
}

.privacy-policy > a {
    font-family: Noto Sans SC, sans-serif !important;
    color: #8c8c8c;
}

.border-left {
    border-left: 1px solid #8c8c8c;
}

.text-light {
    color: #8c8c8c;
}

.slider-card-img {
    height: 240px;
    /* max-height: 240px; */
    background-color: #f5f5f5;
    justify-content: center;
}

.policy-head-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
}

.privacy-intro {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.625rem;
    line-height: 33px;
    font-weight: 500;
}

.privacy-para {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
    color: #000000;
}

.scrolls {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 600;
}

.policy-list > li {
    font-family: Noto Sans SC, sans-serif !important;
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
}

.policy-sub-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 1px;
    font-weight: 600;
}
/* a.nav-link.dropdown-toggle.pointer:active {
    color: red !important;
} */
.nav-pills .nav-link.active {
    color: #8c8c8c;
    background-color: transparent;
}

.policy-link-list > li > a {
    font-family: Noto Sans SC, sans-serif !important;
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
    text-decoration: none;
}

    .policy-link-list > li > a:hover {
        text-decoration: underline;
    }

.card-bg-img {
    position: relative;
    background-color: #8593a9;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

    .card-bg-img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #8593a9;
        z-index: 1;
        transition: opacity 0.3s ease;
    }

    .card-bg-img::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/card-bg-img.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 0;
        transition: opacity .2s .1s;
        opacity: 1;
        z-index: 2;
    }

    .card-bg-img:hover::before {
        opacity: 0;
    }

    .card-bg-img:hover::after {
        opacity: 0;
    }

.stories-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.21px;
    font-weight: 500;
    line-height: 24.44px;
    color: #000000;
    position: relative;
    z-index: 2;
}

.stories-title1 {
    font-family: Noto Sans SC, sans-serif !important;
    color: #000000;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 1px;
    margin: 0 0 .8rem;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.stories-title2 {
    font-family: Noto Sans SC, sans-serif !important;
    color: #000000;
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 1px;
    margin: 0 0 .8rem;
    font-weight: 500;
    display: none;
}

.card-bg-img:hover .stories-title1 {
    display: none;
}

.card-bg-img:hover .stories-title2 {
    display: block;
}

.stories-footer-link {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    opacity: 0;
}

.card-bg-img:hover .stories-footer-link {
    opacity: 100;
}

.stories-footer-link > span {
    text-decoration: underline;
    margin-top: 10px;
}

.bg-finder {
    /* position: relative;
    overflow: hidden;
    clip-path: url(#svgPathHeroSecondary);
    background-color: #8593a9;
     background: linear-gradient(to right, #F3F4F4 65%,  35%) !important;
    background-image: url("../images/ABI.svg");
    background-repeat: no-repeat;
     background-size: cover; 
    background-size: 41.5% 37.5rem;
    background-position: 117%; */
    background-color: #8593a9;
    /* clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%); */
    clip-path: polygon(33% 0, 100% 0%, 100% 100%, 0 100%);
    height: 37.5rem;
}

.object-fill-n {
    object-fit: none;
}

.offcanvas-top {
    height: 60% !important;
    max-height: 70vh !important;
}

/* .modal-custom-accordion .accordion-button::after {
    position: absolute;
    left: -4px;
    margin-left: 0; 
    margin-right: auto; 
    transform: rotate(90deg); 
  }
  
  .modal-custom-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
  } */

.stories-details-des {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 500;
    line-height: 29px;
    color: #000000;
}

.stories-details-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    font-weight: 700;
    line-height: 29px;
    color: #000000;
}

.child-link {
    position: relative; /* Ensure it appears above other elements */
    z-index: 2; /* Higher z-index than parent container */
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.navbar-nav .dropdown-mega.active a {
    color: red;
}

.parent-link {
    display: block; /* Ensure the parent link covers the card */
    position: relative;
    z-index: 1; /* Lower z-index to prioritize child link */
}

.fs-18 {
    font-size: 18px;
}

.border-r-8 {
    border-radius: 8px;
}

.blog-details {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: .8px;
    font-weight: 400;
}

.w-60 {
    width: 50px;
}

.text-black:hover {
    color: #000000;
}

.hover-shadow:hover {
    text-decoration: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
}

.social-icon-style {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #000000;
}

.icon-width {
    margin-top: 8px;
    width: 20px;
    height: 28px;
}

.social-icon-style:hover {
    background-color: #ff2039;
}

.social-icon-style:hover {
    background-color: #ff2039;
}

    .social-icon-style:hover svg path {
        fill: #000000;
    }

.mb-10 {
    margin-bottom: 10px;
}

.popover-body {
    /* padding: 6px 33px 0; */
}

.bg_black2 {
    /* background-color: #000; */
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

.popover-title1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
}

.popover-title2 {
    font-size: 13px;
    line-height: 22px;
    color: #000;
}

.btn-close {
    background-color: white; /* Ensure visibility on a dark background */
}

.popover-content h3 {
    font-size: 1.25rem;
}

.aboutus-text-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 53.12px;
    color: #000000;
}

.fixed-nav {
    position: fixed; /* Fix the navigation to the left */
    top: 0; /* Align it to the top */
    left: 0; /* Align it to the left */
    width: 250px; /* Set a width for the navbar */
    height: 100%; /* Full height */
    overflow-y: auto; /* Allow scrolling if the content is too long */
    background-color: white; /* Background color for visibility */
    border-right: 1px solid #ddd; /* Optional: Add a right border */
    z-index: 1000; /* Ensure it stays above other content */
}

.nav-link.active {
    color: red !important; /* Change the color of the active link */
}

.popover {
    max-width: 100% !important;
}

.bg-feacture-imgs {
    background-image: url("../images/cta-bg-1140x500.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.Edit-organize-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 33px;
    margin-bottom: 11px;
    font-weight: 500;
    color: #000000;
}

.Edit-organize-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    color: #8c8c8c;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
}

.business-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 25.63px;
    font-weight: 500;
    line-height: 37.29px;
    color: #000000;
}

.feacture-b-r {
    border-right: 1px solid #ccc;
}

.licensing-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    font-weight: 500;
    color: #000000;
}

.licensing-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    color: #000000;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
}

.speci-border-bottom {
    border-bottom: 1px solid #dedede;
}

.disc-b {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #5519ff;
    border: 0 solid #5519ff;
    vertical-align: middle !important;
    font-size: 0;
}

.accord-bg-color {
    background-color: #f5f5f5;
}

.trial-text-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 2.75rem;
    line-height: 55px;
    font-weight: 400;
    color: #000000;
}

.text-blue {
    color: #5519ff;
}

.table-th {
    font-family: Noto Sans SC, sans-serif !important;
    line-height: 22px;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
}

.text-nowrap {
    text-wrap: nowrap !important;
}

.fs-17 {
    font-size: 17px !important;
    font-weight: 500;
    color: #000000;
}

.fs-14 {
    font-size: 14px !important;
}

.text-dk-gray {
    color: #8c8c8c !important
}

.form-title2 {
    font-family: CoFo Gothic VF;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.form-check-label {
    font-family: CoFo Gothic VF;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}

.form-control::placeholder {
    color: #000000; /* Sets the placeholder text color to black */
}

.form-desc2 {
    font-family: CoFo Gothic VF;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.volume-licensing {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 2.75rem;
    line-height: 55px;
    font-weight: 400;
}

.demo-text-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 34px;
    line-height: 55px;
    font-weight: 400;
    color: #000000;
}

.demo-text-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
}

.about-us-card-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 24px;
    line-height: 24.5px;
    font-weight: 400;
    color: #000000;
}

.about-us-card-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16px;
    line-height: 16.3px;
    font-weight: 400;
    color: #000000;
}

.about-us-card-link {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 16.83px;
    line-height: 27.3px;
    font-weight: 400;
    color: #000000 !important;
}

.Contact-ABBYY-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    line-height: 33px;
    font-weight: 400;
    color: #000000;
}

.Contact-ABBYY-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    line-height: 45px;
    font-weight: 400;
    color: #000000;
}

.ABBYY-honors-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 55px;
    line-height: 29px;
    font-weight: 400;
    color: #000000;
}

.ABBYY-honors-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 26px;
    line-height: 39px;
    font-weight: 400;
    color: #000000;
}

.top-header-links {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.0625rem;
    line-height: 22px;
    font-weight: 500;
    color: #000000 !important;
    text-decoration: none;
}

.top-header-links-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 14px;
    font-size: .875rem;
    line-height: 17px;
    color: #8c8c8c;
}

.top-header-links:hover {
    text-decoration: underline;
}

.top-dropdown-men-width {
    left: 0 !important;
    right: auto !important;
    width: 350px !important;
}

.cookie-policy-text-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.3rem;
    line-height: 1.875rem;
    font-weight: 600;
    color: #000000;
}

.cookie-policy-text-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .8px;
    font-weight: 400;
    color: #000000;
}

.line-hei-35 {
    line-height: 35px !important;
}

.w-44 {
    width: 44px;
}

.h-44 {
    height: 44px;
}

.fs-26 {
    font-size: 26px !important;
}

.line-h-27 {
    line-height: 27px;
}

.para-text-title {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    line-height: 29px;
    font-weight: 700;
    color: black;
}

.para-text-desc {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 22.64px;
    line-height: 29px;
    font-weight: 500;
    color: black;
}

.dark-green {
    color: #3cb873;
}

.fs-17 {
    font-size: 17px;
}

.custom-btn-width {
    min-height: 2rem; /* Set a consistent minimum height for all buttons */
    white-space: normal;
}

.flowing-text {
    font-family: Noto Sans SC, sans-serif !important;
    font-size: 39px;
    line-height: 46px;
    font-weight: 500;
    color: #000000;
}

.text-blue {
    color: blue !important;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.accor-sub-numer {
    padding-left: 5px;
    background-color: #F3F4F4;
    padding-right: 5px;
    border-radius: 30%;
}

button.navbar-toggler {
    box-shadow: none !important;
}

.w-44 {
    width: 44px;
}

.h-44 {
    height: 44px;
}

.w-77 {
    width: 77px;
}

.h-77 {
    height: 77px;
}

@media (max-width:992px) {
    .custom-modal {
        width: 100% !important;
        margin: auto;
    }

    .modal-dialog {
        max-width: 90% !important;
        margin: 1.75rem auto;
    }

    .service-hero {
        height: auto !important;
    }

    .main-image {
        width: 100%;
        height: auto;
    }

    .clipped-div {
        clip-path: polygon(95px 0%, 100% 0, 100% 99%, 0% 100%);
        -webkit-clip-path: polygon(95px 0%, 100% 0, 100% 99%, 0% 100%);
        overflow: hidden;
        position: relative;
    }

    .main-image {
        object-fit: cover;
        height: 100%;
        object-position: 61% 100%;
    }

    .overlay-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
    }

    .h-300 {
        height: 300px !important;
    }

    .w-md-100 {
        width: 100%;
    }

    .padding-md-0 {
        padding: 0px;
    }
}

@media (min-width:993px) {
    .modal-dialog {
        max-width: 75% !important;
        margin: 1.75rem auto;
    }
}

@media (max-width:480px) {
    .top-dropdown-men-width {
        left: 0 !important;
        right: auto !important;
        width: 250px !important;
    }
}

@media (min-width:768px) {
    .pt-88-lg {
        padding-top: 85px;
    }

    .position-md-relative {
        position: relative;
    }

    .position-md-absolute {
        position: absolute;
    }

    .bottom-md-0 {
        bottom: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    .custom-container .container {
        width: 100%;
        max-width: 100%;
        margin-left: 3.7rem;
    }
}

.header-bg-clor {
    background-color: white;
}

@media (max-width:768px) {
    .bg-healthcare {
        background-image: none !important;
    }

    .bg-flexicapture-sdk {
        background-image: none !important;
    }

    .p-header-sm-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .offcanvas-top {
        height: 100% !important;
        max-height: 100vh !important;
    }

    .p-mb-4 {
        bottom: 4px !important;
    }

    .bg-rpa {
        background-image: none;
    }

    .bg-oem-hero {
        background-image: none;
    }

    .bg-industory {
        background-image: none;
    }

    .slider-card-img {
        height: auto !important;
        /* max-height: auto !important; */
    }
}

@media (min-width:991.9px) {
    .position-top {
        position: relative;
        top: 80px;
    }

    .service-hero {
        height: 100%;
    }

    .right-57 {
        right: 57px;
    }

    .h-297 {
        height: 297px;
    }

    .img-fit-cover {
        height: 100%;
        object-fit: cover;
    }

    .clipped-div {
        clip-path: polygon(95px 0%, 100% 0, 100% 99%, 0% 100%);
        -webkit-clip-path: polygon(95px 0%, 100% 0, 100% 99%, 0% 100%); /* Add WebKit support */
        overflow: hidden; /* Prevent any part of the image from spilling out */
        position: relative; /* Ensure the container maintains its layout */
    }

    .main-image {
        object-fit: cover; /* Ensure the image fills the container proportionally */
        height: 100%;
        object-position: 61% 100%;
    }

    .obj-fit-lr {
        object-fit: cover; /* Ensure the image fills the container proportionally */
        height: 100%;
        /* object-position: 61% 100%; */
    }

    .overlay-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: cover; /* Keep the overlay aligned with the main image */
        pointer-events: none; /* Prevent interaction with the overlay */
    }

    .position-sm-relat {
        position: relative;
    }

    .position-sm-abs {
        position: absolute;
    }

    .w-lg-43 {
        width: 43.5%;
    }
}

@media (min-width:576px) {
    .imgcard04 {
        width: 80%;
    }
}

.text-white {
    color: white !important;
}

.main-image {
    object-fit: cover; /* Ensures the image scales without stretching */
    width: 100%; /* Ensures the image takes full width of its container */
    height: auto; /* Maintains aspect ratio */
}

@media (min-width:992px) {
    .task-mining, .legal-task, .business-automation-title, .processing-smarter-title {
        height: 4rem;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .main-image {
        width: 80%; /* Adjust width for medium-sized screens */
        height: auto;
    }
}

@media (min-width: 1441px) {
    .main-image {
        width: 50%; /* Adjust width for larger screens */
        height: auto;
    }
}

@media (min-width: 2560px) and (max-width: 5120px) {
    .padding-l-9 {
        padding-left: 23%;
    }
}