a:hover {
    text-decoration: none;
}

.default-btn {
    background-color: #1d2755;
    color: #fff;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 0px;
    transition: 0.5s ease-in-out all;
    border: 1px solid #1d2755;
}

    .default-btn:hover {
        background-color: transparent;
        color: #1d2755;
    }

.header {
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    width: 100%;
    /* box-shadow: 0 0 9px rgba(0, 0, 0, .2784313725490196); */
    background-color: transparent;
}

    .header .navbar {
        padding: 16px 50px;
    }

    .header .navbar-light .navbar-nav .nav-link {
        /* color: #1d2755; */
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 500;
    }

    .header .n-btn {
        background: #1d2755;
        color: #fff !important;
        border-radius: 2px;
        margin-left: 5px;
    }

.counter {
    animation-duration: 1s;
    animation-delay: 0s;
}

.banner-section {
    background-image: url('../images/banner-image.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0px 100px;
}

.no-webp .banner-section {
    background-image: url('../images/banner-image.jpg');
}

.banner-section:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.banner-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    background-image: url(../images/banner-devider.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 130px;
    left: 0;
    right: 0;
}

.no-webp .banner-section::after {
    background-image: url('../images/banner-devider.png');
}

.banner-section h1 {
    font-weight: 700;
    color: #fff;
    font-size: 45px;
    margin-bottom: 30px;
}

.banner-section p {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
    line-height: 35px;
}

.banner-buttons {
    margin-bottom: 60px;
    display: inline-block;
}

    .banner-buttons button {
        margin-right: 30px;
    }

        .banner-buttons button:last-child {
            margin-right: 0;
        }

.btn-with-bg {
    font-weight: 500;
    font-size: 18px;
    background-color: #1d2b6d;
    color: #fff;
    padding: 15px 30px;
    border-radius: 0px;
}

    .btn-with-bg:hover {
        background-color: #fff;
        color: #1d2b6d;
        border-color: #ffffff;
    }

.btn-with-outline {
    font-weight: 500;
    font-size: 18px;
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    padding: 15px 30px;
    border-radius: 0px;
}

    .btn-with-outline:hover {
        background-color: #fff;
        color: #1d2b6d;
    }

.counter-item h2 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 20px;
}

.counter-item h3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
}

.refer-section {
    background-color: #fff;
    text-align: center;
    padding: 50px 0 70px;
}

    .refer-section h2 {
        font-size: 40px;
        font-weight: 600;
        margin-bottom: 30px;
        color: #1d2755;
    }

    .refer-section p {
        font-size: 18px;
        font-weight: 400;
        color: #1d2755;
    }

        .refer-section p a {
            color: #1d2755;
            font-weight: 600;
        }

.edi-integration-section {
    background-color: #1D99B3;
    padding: 60px 0px;
}

.edi-integration-image img,
.edi-integration-required-image img {
    width: 100%;
    height: auto;
}

.edi-integration-section .edi-integration-content {
    height: 100%;
}

    .edi-integration-section .edi-integration-content h2 {
        font-size: 40px;
        color: #fff;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .edi-integration-section .edi-integration-content p {
        color: #fff;
        margin-bottom: 35px;
        font-size: 18px;
        line-height: 30px;
    }

.edi-integration-required-section .edi-integration-required-content p {
    color: #1d275590;
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 30px;
}

    .edi-integration-required-section .edi-integration-required-content p:last-child {
        margin-bottom: 0px;
    }

.edi-integration-required-section {
    background-color: #fff;
    padding: 80px 0px;
}

    .edi-integration-required-section .edi-integration-required-content h2 {
        font-size: 40px;
        color: #1d2755;
        margin-bottom: 30px;
        font-weight: 600;
    }

.sticky {
    position: fixed !important;
    top: 0px !important;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .2784313725490196);
}

.header .logo-blue {
    display: none;
}

.header.sticky .logo-white {
    display: none;
}

.header.sticky .logo-blue {
    display: block;
    width: 303px;
}

.header.sticky .nav-link {
    color: #1d2755 !important;
}

    .header.sticky .nav-link.n-btn {
        color: #fff !important;
    }

.edi-integration-help {
    background-image: url('../images/edi-integration-help.webp');
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 100px 0px;
}

.no-webp .edi-integration-help {
    background-image: url('../images/edi-integration-help.jpg');
}

.edi-integration-help::before {
    content: '';
    background-color: rgba(29, 43, 109, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.edi-integration-help h2 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    text-align: center;
}

.edi-integration-help .col-md-6:last-child ul li:last-child {
    margin-bottom: 0;
}

.edi-integration-help ul li {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    list-style: none;
    position: relative;
    padding-left: 40px;
}

    .edi-integration-help ul li:before {
        content: '';
        position: absolute;
        background-image: url(../images/list-arrow.webp);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 25px;
        height: 25px;
        top: 5px;
        left: 0;
    }

.no-webp .edi-integration-help ul li:before {
    background-image: url(../images/list-arrow.png);
}

.important-documents {
    background-color: #f5f5f5;
    padding: 100px 0px;
}

    .important-documents h2 {
        font-size: 40px;
        color: #1d2755;
        margin-bottom: 50px;
        font-weight: 600;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .important-documents .important-doc-item {
        border-radius: 5px;
        background-color: #fff;
        padding: 30px;
        margin-bottom: 60px;
        min-height: 300px;
        max-width: 320px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 1;
    }

        .important-documents .important-doc-item::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: scaleY(0);
            transform-origin: bottom center;
            background-color: #1d2b6d;
            z-index: -1;
            transition: transform 0.3s;
        }

        .important-documents .important-doc-item:hover::after {
            transform: scaleY(1);
        }

        .important-documents .important-doc-item:hover {
            cursor: pointer;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        }

            .important-documents .important-doc-item:hover .doc-item-icon {
                background-color: #fff;
            }

            .important-documents .important-doc-item:hover p {
                color: #fff;
            }

        .important-documents .important-doc-item .doc-item-icon {
            width: 80px;
            height: 80px;
            background-color: #f5f5f5;
            border-radius: 50%;
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .important-documents .important-doc-item .doc-item-icon img {
                max-width: 100%;
            }

        .important-documents .important-doc-item p {
            color: #1d2755;
            font-weight: 500;
            margin-bottom: 0;
        }

.importance-edi-section {
    background-color: #1d2b6d;
    padding: 100px 0px 70px;
}

.importance-edi-image .importance-edi-image-1,
.importance-edi-image .importance-edi-image-2 {
    height: 373px;
    max-width: 313px;
    border-radius: 10px;
    overflow: hidden;
}

.importance-edi-image {
    position: relative;
}

.importance-edi-image-1 {
    background-image: url('../images/importance-edi-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.importance-edi-image-2 {
    background-image: url('../images/importance-edi-2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.no-webp .importance-edi-image-1 {
    background-image: url('../images/importance-edi-1.jpg');
}

.no-webp .importance-edi-image-2 {
    background-image: url('../images/importance-edi-2.jpg');
}

.importance-edi-image .importance-edi-image-1 img,
.importance-edi-image .importance-edi-image-2 img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.importance-edi-image .importance-edi-image-2 {
    margin-left: auto;
    margin-top: -150px;
}

.importance-edi-standards h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
}

.importance-edi-standards p {
    color: #fff;
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 30px;
}

    .importance-edi-standards p:last-child {
        margin-bottom: 0;
    }

.what-amosoft-item {
    position: relative;
    margin: 0 auto 50px auto;
    max-width: 450px;
    height: 350px;
    z-index: 1;
}

.what-amosoft-item {
    position: relative;
}

    .what-amosoft-item .item-card {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 1;
        flex-direction: column;
        justify-content: center;
    }


    /* .what-amosoft-item:hover .item-card {
transform: rotateY(180deg);
cursor: pointer;
transition: all 0.4s ease-in-out;
} */

    .what-amosoft-item .face {
        position: absolute;
        width: 100%;
        height: 100%;
    }

.face.back-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 10px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
}

.what-amosoft-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.what-amosoft-item .front-side h3 {
    position: absolute;
    color: #fff;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
}

.what-amosoft-item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
}

.what-amosoft-item:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.what-amosoft-item.item1:before {
    background-image: url('../images/what-amosoft-item1.webp');
}

.what-amosoft-item.item2:before {
    background-image: url('../images/what-amosoft-item2.webp');
}

.what-amosoft-item.item3:before {
    background-image: url('../images/what-amosoft-item3.webp');
}

.what-amosoft-item.item4:before {
    background-image: url('../images/what-amosoft-item4.webp');
}

.no-webp .what-amosoft-item.item1:before {
    background-image: url('../images/what-amosoft-item1.jpg');
}

.no-webp .what-amosoft-item.item2:before {
    background-image: url('../images/what-amosoft-item2.jpg');
}

.no-webp .what-amosoft-item.item3:before {
    background-image: url('../images/what-amosoft-item3.jpg');
}

.no-webp .what-amosoft-item.item4:before {
    background-image: url('../images/what-amosoft-item4.jpg');
}

.what-amosoft-item .item-card h3 {
    max-width: 370px;
    margin: 0 auto 30px auto;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.what-amosoft-item .item-card p {
    max-width: 370px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    transition: opacity 0.6s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.what-amosoft-item .item-card:hover {
    cursor: pointer;
}

    .what-amosoft-item .item-card:hover p {
        opacity: 1;
        height: auto;
    }


/*
.what-amosoft-item:hover .face:before {
z-index: -1;
}

.what-amosoft-item:hover .front-side h3 {
display: none;
} */

.what-is-amosoft h2 {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 60px auto;
    color: #1d2b6d;
    font-weight: 600;
    font-size: 40px;
}

.what-is-amosoft {
    padding: 100px 0px 50px;
}

.what-amosoft-item .back-side p {
    max-width: 370px;
    margin: 0 auto;
}

.what-amosoft-item .back-side h3,
.what-amosoft-item .front-side h3 {
    font-weight: 600;
}

.what-amosoft-item .back-side h3 {
    margin-bottom: 15px;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
}

.innovative-electronic {
    background-color: #f5f5f5;
    padding: 100px 0px;
}

    .innovative-electronic h2 {
        text-align: center;
        max-width: 820px;
        margin: 0 auto 60px auto;
        color: #1d2b6d;
        font-weight: 600;
        font-size: 40px;
    }

    .innovative-electronic ul li {
        width: 125px;
        height: 125px;
        overflow: hidden;
        display: block;
        border-radius: 50%;
    }

        .innovative-electronic ul li a {
            height: 125px;
            width: 125px;
            display: table-cell;
            background-color: #fff;
            text-align: center;
            line-height: 100px;
        }

    .innovative-electronic ul {
        justify-content: space-between;
        padding-bottom: 25px;
        border-color: #c7c7c7;
        position: relative;
        overflow: hidden;
    }

        .innovative-electronic ul li a.active {
            background-color: #1d2b6d !important;
            border: none !important;
        }

            .innovative-electronic ul li a.active::after {
                content: '';
                width: 150px;
                position: absolute;
                bottom: 0;
                border-bottom: 3px solid #1d2b6d;
                height: 2px;
                display: flex;
                justify-content: flex-start;
                margin-left: -20px;
            }

            .innovative-electronic ul li a.active svg {
                fill: #fff;
            }

        .innovative-electronic ul li a svg {
            width: 70px;
            height: 70px;
            fill: #1d2b6d;
        }

.innovative-item {
    padding-top: 40px;
}

    .innovative-item h3 {
        color: #1d2b6d;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .innovative-item p {
        color: #606060;
        font-size: 22px;
        margin-bottom: 0;
    }

.perks-of-integratededi {
    background-color: #1d2b6d;
    padding: 100px 0;
    position: relative;
}

    .perks-of-integratededi:before {
        content: '';
        position: absolute;
        background-image: url('../images/perks-of-bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50%;
    }

.no-webp .perks-of-integratededi:before {
    background-image: url('../images/perks-of-bg.jpg');
}

.perks-of-integratededi:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

.perks-of-integratededi h2 {
    text-align: left;
    max-width: initial;
    margin: 0px 0 15px 20px;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}

.perks-of-integratededi p {
    color: #fff;
    margin-bottom: 40px;
    margin-left: 20px;
}

.perks-of-content li img {
    margin-right: 5px;
}

.perks-of-content li {
    list-style: none;
}

.perks-of-content li {
    color: #fff;
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
}

    .perks-of-content li:before {
        content: '';
        position: absolute;
        background-image: url(../images/cog.webp);
        background-position: center;
        background-repeat: no-repeat;
        top: 3px;
        left: 0;
        width: 15px;
        height: 15px;
        background-size: 100%;
    }

.no-webp .perks-of-content li:before {
    background-image: url(../images/cog.png);
}

.perks-of-content a {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    padding-left: 70px;
}

    .perks-of-content a:hover {
        text-decoration: underline;
    }

.edi-use-cases-section {
    padding: 100px 0px;
    background-image: url('../images/use-case-bg.webp');
    background-size: cover;
    background-position: center;
}

.no-webp .edi-use-cases-section {
    background-image: url('../images/use-case-bg.jpg');
}

.edi-use-cases-section h2 {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 30px auto;
    color: #1d2b6d;
    font-weight: 600;
    font-size: 31px;
}

.edi-use-cases-section p {
    font-size: 18px;
    color: #606060;
    text-align: center;
    margin-bottom: 40px;
}

.use-case-item {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.16);
    padding: 30px;
    height: 100%;
}

    .use-case-item h3 {
        color: #1d2755;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 30px;
        line-height: 25px;
        height: 100px;
        display: flex;
        align-items: center;
    }

    .use-case-item ul {
        margin: 0 0 20px 0;
        padding: 0;
    }

        .use-case-item ul li {
            list-style: none;
            color: #878a9d;
            font-size: 15px;
            margin-bottom: 13px;
        }

.how-to-carry-out-section {
    background-image: -moz-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
    padding: 100px 0px;
}

    .how-to-carry-out-section.how-as2-works {
        background-image: -moz-linear-gradient( 180deg, #2fc7f5 0%, #39b970 100%);
        background-image: -webkit-linear-gradient( 90deg, #2fc7f5 0%, #39b970 100%);
        background-image: -ms-linear-gradient( 180deg, #2fc7f5 0%, #39b970 100%);
        padding: 70px 0px;
    }

    .how-to-carry-out-section h2 {
        text-align: center;
        max-width: 760px;
        margin: 0 auto 70px auto;
        color: #fff;
        font-weight: 600;
        font-size: 40px;
    }

    .how-to-carry-out-section.how-as2-works h2 {
        margin: 0 auto 15px auto;
    }

    .how-to-carry-out-section.how-as2-works .how-as2-works-desc {
        margin-bottom: 50px;
    }

        .how-to-carry-out-section.how-as2-works .how-as2-works-desc p {
            color: #fff;
            text-align: center;
            font-size: 18px;
        }

    .how-to-carry-out-section h3 button {
        color: #1f2d71;
        font-size: 23px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0;
        margin: 0;
        font-weight: 600;
    }

    .how-to-carry-out-section h3 {
        margin-bottom: 0px;
    }

        .how-to-carry-out-section h3 button:hover,
        .how-to-carry-out-section h3 button:focus {
            text-decoration: none;
        }

    .how-to-carry-out-section .card-body p {
        color: #1f2d71;
        font-size: 21px;
    }

        .how-to-carry-out-section .card-body p:last-child {
            margin-bottom: 0px;
        }

    .how-to-carry-out-section .card-header {
        border-bottom: 2px solid #1d2b6d;
        margin-bottom: -2px !important;
    }

    .how-to-carry-out-section .card {
        border-bottom: none !important;
        margin-bottom: 30px;
        border-radius: 5px !important;
        overflow: hidden;
    }

.how-to-carry-out-section {
    border-bottom: none !important;
}

.exclusive-integrated-edi {
    padding: 100px 0px;
    background-color: #ffffff;
}

    .exclusive-integrated-edi h2 {
        max-width: 760px;
        margin: 0 auto 20px auto;
        color: #1d2755;
        font-weight: 600;
        font-size: 40px;
    }

    .exclusive-integrated-edi p {
        color: #1d2755;
        font-size: 19px;
        margin-bottom: 50px;
    }

.exclusive-integrated-image {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0px 0px 0px 40px;
    position: relative;
}

    .exclusive-integrated-image::after {
        content: '';
        position: absolute;
        bottom: 40px;
        background-image: url('../images/dots.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
        width: 230px;
        height: 120px;
        left: 0;
    }

.no-webp .exclusive-integrated-image::after {
    background-image: url('../images/dots.png');
}

.exclusive-integrated-image img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.exclusive-integrated-edi ul {
    padding-left: 0;
}

    .exclusive-integrated-edi ul li {
        font-size: 17px;
        line-height: 24px;
        position: relative;
        padding-left: 30px;
        margin-bottom: 25px;
        list-style: none;
        color: #1d2755;
    }

        .exclusive-integrated-edi ul li:before {
            content: '';
            position: absolute;
            background-image: url('../images/double-tick.webp');
            background-position: center;
            background-repeat: no-repeat;
            top: 3px;
            left: 0;
            width: 18px;
            height: 18px;
            background-size: 100%;
        }

.no-webp .exclusive-integrated-edi ul li:before {
    background-image: url('../images/double-tick.png');
}

.ultimate-system-architecture,
.ecommerce-integration-section {
    position: relative;
    padding: 100px 0px;
    background-image: url('../images/perks-of-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.no-webp .ultimate-system-architecture,
.no-webp .ecommerce-integration-section {
    background-image: url('../images/perks-of-bg.jpg');
}

.ultimate-system-architecture:before,
.ecommerce-integration-section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ecommerce-integration-section h2,
.ecommerce-integration-section p {
    position: relative;
}

.ecommerce-integration-section p {
    margin-bottom: 0;
}

.ultimate-system-architecture h2,
.ecommerce-integration-section h2,
.ecommerce-edi-integration-section h2,
.service-we-offer-section h2 {
    color: #fff;
    margin: 0 auto 30px auto;
    font-weight: 600;
    font-size: 34px;
    text-align: center;
}

.ultimate-system-architecture p,
.ecommerce-integration-section p,
.ecommerce-edi-integration-section p {
    color: #fff;
    text-align: center;
    font-size: 17px;
}

.ultimate-system-architecture-content {
    position: relative;
    z-index: 1;
}

.edi-implementation-section,
.setting-up-edi-section {
    padding: 100px 0px;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

    .edi-implementation-section:before {
        content: '';
        background-color: #1f2e74;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        top: 0;
        width: 65%;
    }

    .setting-up-edi-section:before {
        content: '';
        background-color: #32aefc;
        position: absolute;
        left: 0;
        right: auto;
        bottom: 0;
        top: 0;
        width: 65%;
    }

    .edi-implementation-section .edi-implementation {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .setting-up-edi-section .setting-up-edi {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
    }

    .edi-implementation-section .edi-implementation h2 {
        color: #1d2755;
        margin: 0 auto 10px auto;
        font-weight: 600;
        font-size: 35px;
    }

    .setting-up-edi-section .setting-up-edi h2 {
        color: #fff;
        margin: 0 auto 15px auto;
        font-weight: 600;
        font-size: 35px;
    }

    .edi-implementation-section .edi-implementation h3,
    .certificates-that-comply h3 {
        font-size: 20px;
        color: #1f2e74;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .setting-up-edi-section .setting-up-edi h3 {
        font-size: 20px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 30px;
    }

    .edi-implementation-section .edi-implementation ul,
    .edi-implementation-section .aligning-your-edi ul,
    .setting-up-edi-section .setting-up-edi ul,
    .certificates-that-comply ul {
        padding-left: 0;
        margin-bottom: 0;
    }

        .edi-implementation-section .edi-implementation ul li,
        .edi-implementation-section .aligning-your-edi ul li,
        .setting-up-edi-section .setting-up-edi ul li,
        .certificates-that-comply li {
            font-size: 17px;
            line-height: 24px;
            position: relative;
            padding-left: 30px;
            margin-bottom: 25px;
            list-style: none;
        }

            .edi-implementation-section .edi-implementation ul li:last-child,
            .edi-implementation-section .aligning-your-edi ul li:last-child,
            .setting-up-edi-section .setting-up-edi ul li:last-child,
            .certificates-that-comply li:last-child {
                margin-bottom: 0px;
            }

            .edi-implementation-section .edi-implementation ul li:before,
            .edi-implementation-section .aligning-your-edi ul li:before,
            .setting-up-edi-section .setting-up-edi ul li:before,
            .certificates-that-comply li:before {
                content: "\f111";
                font-family: 'Font Awesome\ 5 Free';
                font-weight: bold;
                display: inline-block;
                font-size: 10px;
                position: absolute;
                top: 0px;
                left: 0;
            }

    .edi-implementation-section .aligning-your-edi {
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

.certificates-that-comply {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.aligning-your-edi h2 {
    color: #fff;
    margin: 0 auto 50px auto;
    font-weight: 600;
    font-size: 35px;
}

.certificates-that-comply h2 {
    color: #1f2e74;
    margin: 0 auto 10px auto;
    font-weight: 600;
    font-size: 35px;
}

.edi-implementation-section .aligning-your-edi ul li:before,
.edi-implementation-section .aligning-your-edi ul li {
    color: #fff;
}

.edi-implementation-section .edi-implementation ul li,
.edi-implementation-section .edi-implementation ul li:before {
    color: #1d2755;
}

.setting-up-edi-section .setting-up-edi ul li {
    color: #fff;
}

.certificates-that-comply li {
    color: #1f2e74;
}

    .certificates-that-comply li:before {
        color: #32aefc;
    }

.edi-for-modern-business {
    background-image: url('../images/edi-for-modern-business.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px;
    position: relative;
}

.no-webp .edi-for-modern-business {
    background-image: url('../images/edi-for-modern-business.jpg');
}

.edi-for-modern-business:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.edi-for-modern-business-image img {
    width: 100%;
}

.edi-for-modern-business h2,
.edi-for-modern-business2 h2 {
    margin-bottom: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.edi-for-modern-business2 {
    background-color: #1f2e74;
    padding: 80px 0px;
}

    .edi-for-modern-business p,
    .edi-for-modern-business2 p {
        font-size: 20px;
        line-height: 34px;
        position: relative;
        margin-bottom: 25px;
        list-style: none;
        color: #1d2b6e;
        color: #fff;
        z-index: 1;
        text-align: center;
    }

        .edi-for-modern-business p:last-child,
        .edi-for-modern-business2 p:last-child {
            margin-bottom: 0;
        }

.edi-for-modern-business .row {
    align-items: center;
}

.sub-banner-section.industries {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 550px;
}

.sub-banner-section.industries {
    background-image: url('../images/perks-of-bg.webp');
}

.no-webp .sub-banner-section.industries {
    background-image: url('../images/perks-of-bg.jpg');
}

.sub-banner-section.manufacturers {
    background-image: url('../images/manufactures-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.manufacturers {
    background-image: url('../images/manufactures-banner.png');
}

.sub-banner-section.retailers {
    background-image: url('../images/retailers-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.retailers {
    background-image: url('../images/retailers-banner.jpg');
}

.sub-banner-section.grocers {
    background-image: url('../images/grocers-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.grocers {
    background-image: url('../images/grocers-banner.png');
}

.sub-banner-section.supplier {
    background-image: url('../images/suppliers-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.partners {
    background-image: url('../images/suppliers-banner.jpg');
}

.sub-banner-section.partners {
    background-image: url('../images/suppliers-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 550px;
}

.no-webp .sub-banner-section.services {
    background-image: url('../images/what-amosoft-item3.jpg');
}

.sub-banner-section.services {
    background-image: url('../images/what-amosoft-item3.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 550px;
}

.no-webp .sub-banner-section.contact {
    background-image: url('../images/edi-for-modern-business.jpg');
}

.sub-banner-section.contact {
    background-image: url('../images/edi-for-modern-business.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 450px;
}

.no-webp .sub-banner-section.products {
    background-image: url('../images/edi-for-modern-business.jpg');
}

.sub-banner-section.products {
    background-image: url('../images/edi-for-modern-business.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 450px;
}

.no-webp .sub-banner-section.supplier {
    background-image: url('../images/suppliers-banner.jpg');
}

.no-webp .sub-banner-section.logistics {
    background-image: url('../images/logistics-banner.jpg');
}

.sub-banner-section.logistics {
    background-image: url('../images/logistics-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.edi-outsourcing {
    background-image: url('../images/outsourcing-banner.jpg');
}

.sub-banner-section.edi-outsourcing {
    background-image: url('../images/outsourcing-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.no-webp .sub-banner-section.edi-ecommerce {
    background-image: url('../images/ecommerce-integration-banner.jpg');
}

.sub-banner-section.edi-ecommerce {
    background-image: url('../images/ecommerce-integration-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
}

.sub-banner-section.edi-outsourcing h2 {
    color: #fff;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
}

.sub-banner-section.edi-outsourcing p,
.sub-banner-edi-outsourcing-content p {
    position: relative;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 34px;
}

.sub-banner-supplier-content,
.sub-banner-logisticss-content,
.sub-banner-edi-outsourcing-content,
.sub-banner-partner-content,
.sub-banner-partner-detail-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .sub-banner-section.supplier h2,
    .sub-banner-logisticss-content h2 {
        color: #fff;
        text-align: center;
        font-weight: 600;
        margin-bottom: 15px;
        position: relative;
    }

    .sub-banner-section.supplier h3,
    .sub-banner-logisticss-content h3 {
        color: #fff;
        margin-bottom: 15px;
        font-size: 30px;
        text-align: center;
        position: relative;
    }

    .sub-banner-section.supplier p,
    .sub-banner-logisticss-content p {
        position: relative;
        color: #fefefe;
        font-size: 20px;
        text-align: center;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

.sub-banner-section:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.sub-banner-section h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    width: 100%;
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    text-align: center;
}

.industries-section {
    padding: 100px 0px;
}

    .industries-section h2 {
        font-size: 49px;
        font-weight: 700;
        color: #1d2755;
        margin-bottom: 10px;
        text-align: center;
    }

    .industries-section p {
        color: #959595;
        font-size: 25px;
        margin-bottom: 50px;
        text-align: center;
    }

.industry-item {
    background-color: #f7f9fb;
    padding: 30px;
    border: 1px solid #d2dce8;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

    .industry-item h3 {
        font-size: 22px;
        font-weight: 600;
        color: #1d2755;
        margin-bottom: 10px;
        text-align: center;
    }

    .industry-item p {
        color: #1d2755;
        font-size: 15px;
        margin-bottom: 0;
    }

    .industry-item img {
        max-height: 150px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .industry-item:hover {
        cursor: pointer;
    }


/* .industry-item:hover:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
} */

.sub-banner-section.digital-agencies {
    background-image: url('../images/digital-agency-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 250px 0px;
}

.no-webp .sub-banner-section.digital-agencies {
    background-image: url('../images/digital-agency-banner.jpg');
}

.sub-banner-section.digital-agencies h2 {
    color: #fff;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
}

.sub-banner-section.digital-agencies p {
    position: relative;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 34px;
}

.use-our-api-section {
    padding: 100px 0px;
}

.use-our-api-image img {
    width: 100%;
}

.use-our-api-content {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 30px;
}

    .use-our-api-content h2 {
        font-size: 40px;
        color: #1d2755;
        margin-bottom: 25px;
        font-weight: 600;
    }

    .use-our-api-content p {
        color: #636881;
        font-size: 20px;
        line-height: 34px;
        width: 100%;
    }

.we-help-digital {
    padding: 100px 0px;
    position: relative;
    background-image: url('../images/we-help-digital.webp');
    background-size: cover;
    background-position: center;
}

    .we-help-digital:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

.no-webp .we-help-digital {
    background-image: url('../images/we-help-digital.jpg');
}

.we-help-digital h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.business-collabration-section {
    padding: 100px 0px;
    background-color: #3dc4be;
}

.business-collabration-content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

    .business-collabration-content h2 {
        color: #fff;
        font-size: 40px;
        margin-bottom: 25px;
        font-weight: 600;
    }

    .business-collabration-content p {
        color: #fff;
        font-size: 17px;
        line-height: 28px;
        width: 100%;
    }

.business-collabration-image img {
    width: 100%;
}

.sub-banner-section.distributer {
    background-image: url('../images/distributer-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 250px 0px;
}

.no-webp .sub-banner-section.distributer {
    background-image: url('../images/distributer-banner.jpg');
}

.sub-banner-section.distributer {
    padding: 200px 0px;
}

    .sub-banner-section.distributer h2 {
        color: #fff;
        text-align: center;
        font-weight: 600;
        margin-bottom: 15px;
        position: relative;
    }

    .sub-banner-section.distributer h3 {
        color: #fff;
        margin-bottom: 15px;
        font-size: 30px;
        text-align: center;
        position: relative;
    }

    .sub-banner-section.distributer p {
        position: relative;
        color: #fefefe;
        font-size: 20px;
        text-align: center;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

.we-help-distributor-image {
    text-align: center;
}

    .we-help-distributor-image img {
        max-width: 100%;
        max-height: 400px;
    }

.we-help-distributor {
    padding: 100px 0px;
}

    .we-help-distributor h1 {
        text-align: center;
        font-size: 50px;
        color: #1d2755;
        margin-bottom: 100px;
        font-weight: 700;
    }

    .we-help-distributor h2 {
        font-size: 35px;
        font-weight: 700;
        color: #1d2755;
        margin-bottom: 30px;
    }

    .we-help-distributor p {
        color: #636881;
        font-size: 18px;
        margin-bottom: 25px;
    }

        .we-help-distributor p:last-child {
            margin-bottom: 0;
        }

.boost-your-supply {
    background-color: #4da3a4;
    padding: 80px 0px;
}

.boost-your-supply-image img {
    width: 100%;
}

.boost-your-supply h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
}

.boost-your-supply p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
}

.end-to-end-integration-image {
    text-align: center;
}

    .end-to-end-integration-image img {
        max-width: 60%;
    }

.end-to-end-integration {
    padding: 100px 0px;
}

    .end-to-end-integration h2 {
        color: #1d2755;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .end-to-end-integration p {
        color: #636881;
        margin-bottom: 0;
        font-size: 18px;
    }

.outstanding-service {
    background-color: #3ac6ab;
    padding: 80px 0px;
}

.outstanding-service-image img {
    width: 100%;
}

.outstanding-service h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.outstanding-service p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
}

.we-know-how {
    padding: 100px 0px;
}

.we-know-how-image img {
    width: 100%;
}

.we-know-how h2 {
    color: #1d2755;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.we-know-how p {
    color: #636881;
    margin-bottom: 0;
    font-size: 18px;
}

.sub-banner-section .container {
    height: 100%;
}

.sub-banner-section .sub-banner-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .sub-banner-section .sub-banner-content p {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        text-align: center;
        font-size: 20px;
        position: relative;
        max-width: 930px;
        margin: 0 auto;
    }

.sub-banner-section.manufacturers .sub-banner-content h1 {
    height: auto;
    margin-bottom: 10px;
}

.edi-for-manufacturers-section {
    padding: 100px 0px;
}

.edi-for-manufacturers-image {
    text-align: center;
}

    .edi-for-manufacturers-image img {
        width: 100%;
    }

.edi-for-manufacturers-content h2 {
    font-size: 40px;
    color: #1d2755;
    margin-bottom: 25px;
    font-weight: 600;
}

.edi-for-manufacturers-content p {
    color: #636881;
    font-size: 16px;
    width: 100%;
}

    .edi-for-manufacturers-content p:last-child {
        margin-bottom: 0;
    }

/*.implementing-edi-for-manufacturing {
    background-image: url('../images/implementing-edi-for-manufacturing.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 100px 0px;
    text-align: center;
}*/

.no-webp .implementing-edi-for-manufacturing {
    background-image: url('../images/implementing-edi-for-manufacturing.jpg');
}

.implementing-edi-for-manufacturing.customer-service {
    background-image: url('../images/customer-service.webp');
}

.implementing-edi-for-manufacturing.customer-service {
    background-image: url('../images/customer-service.jpg');
}

.implementing-edi-for-manufacturing:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.implementing-edi-for-manufacturing h2 {
    color: #fff;
    position: relative;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.implementing-edi-for-manufacturing p {
    color: #fff;
    position: relative;
    font-size: 20px;
    max-width: 920px;
    margin: 0 auto;
}

.manufacturers-sections {
    padding: 70px 0px;
}

    .manufacturers-sections h2 {
        font-size: 40px;
        color: #1d2755;
        margin-bottom: 25px;
        font-weight: 600;
    }

    .manufacturers-sections p {
        color: #636881;
        font-size: 16px;
        width: 100%;
    }

        .manufacturers-sections p:last-child {
            margin-bottom: 0;
        }

.manufacturers-section-image {
    text-align: center;
}

    .manufacturers-section-image img {
        width: 100%;
    }

.small-mid-supplier-vendor {
    background-color: #3dc4be;
}

    .small-mid-supplier-vendor p {
        color: #fff;
    }

    .small-mid-supplier-vendor h2 {
        color: #fff;
    }

.web-based-edi-portal {
    background-color: #4ba5a5;
}

    .web-based-edi-portal h2 {
        color: #fff;
    }

    .web-based-edi-portal p {
        color: #fff;
    }

.retailers-section,
.edi-for-grocers,
.supplier-section {
    padding: 100px 0px;
}

.edi-outsourcing-section,
.webstore-integrations-section,
.ecommerce-edi-section {
    padding: 80px 0px;
}

.webstore-integrations-section {
    background-color: #1d2755;
}

.retailers-section-image,
.savings-your-money-image,
.small-mid-sized-retailer-image,
.savings-your-money-image,
.smart-and-flexible-platform-image,
.fully-managed-edi-solution-image,
.supplier-section-image,
.logistics-section-image {
    padding: 30px;
}

    .retailers-section-image img,
    .savings-your-money-image img,
    .small-mid-sized-retailer-image img,
    .grocers-section-image img,
    .supplier-section-image img,
    .fully-managed-edi-solution-image img,
    .smart-and-flexible-platform-image img,
    .supplier-section-image img,
    .logistics-section-image img,
    .supply-chain-logistics-image img,
    .communication-security-image img,
    .logistic-edi-solutions-image img,
    .transferring-merchandise-image img,
    .edi-outsourcing-section-image img,
    .complete-edi-outsourcing-service-image img,
    .assuring-error-free-image img,
    .webstore-integrations-image img,
    .ecommerce-edi-section-image img {
        max-width: 450px;
        width: 100%;
        height: auto;
    }

.retailers-section-content h2,
.grocers-section-content h2,
.supplier-section-content h2,
.logistics-section-content h2,
.transferring-merchandise-content h2 {
    font-size: 40px;
    color: #1d2755;
    margin-bottom: 25px;
    font-weight: 600;
}

.retailers-section-content p,
.grocers-section-content p,
.supplier-section-content p,
.logistics-section-content p,
.transferring-merchandise-content p,
.edi-outsourcing-section-content p,
.for-b2b-company-content p,
.a-what-as2-protocol p {
    color: #636881;
    font-size: 16px;
    max-width: 100%;
}

    .retailers-section-content p:last-child,
    .grocers-section-content p:last-child,
    .supplier-section-content p:last-child,
    .logistics-section-content p:last-child,
    .transferring-merchandise-content p:last-child,
    .edi-outsourcing-section-content p:last-child {
        margin-bottom: 0;
    }

.small-mid-sized-retailer {
    background-color: #61b9e1;
    padding: 100px 0px;
}

    .small-mid-sized-retailer h2,
    .savings-your-money-content h2,
    .smart-and-flexible-platform-content h2,
    .supply-chain-logistics-content h2,
    .communication-security-content h2,
    .logistic-edi-solutions-content h2,
    .disadvantage-of-in-house-section h2,
    .assuring-error-free-content h2 {
        color: #fff;
        font-size: 40px;
        margin-bottom: 25px;
        font-weight: 600;
    }

    .small-mid-sized-retailer p,
    .savings-your-money-content p,
    .fully-managed-edi-solution-content p,
    .smart-and-flexible-platform-content p,
    .supply-chain-logistics-content p,
    .communication-security-content p,
    .logistic-edi-solutions-content p,
    .disadvantage-of-in-house-section p,
    .assuring-error-free-content p {
        color: #fff;
        font-size: 16px;
        width: 100%;
    }

.savings-your-money-section {
    background-color: #17afa2;
    padding: 100px 0px;
}

.smart-and-flexible-platform {
    background-color: #338480;
    padding: 60px 0px;
}

.fully-managed-edi-solution {
    background-color: #69c6e8;
    padding: 100px 0px;
}

.fully-managed-edi-solution-content h2 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 25px;
    font-weight: 600;
}

.logistics-section {
    padding: 100px 0px;
}

.supply-chain-logistics {
    padding: 100px 0px;
    background-color: #29264c;
}

.communication-security-section {
    padding: 100px 0px;
    background-color: #39ceca;
}

.logistic-edi-solutions-section {
    padding: 100px 0px;
    background-color: #95b7a6;
}

.transferring-merchandise-section {
    padding: 100px 0px;
    background-color: #e7f6fd;
}

.sub-banner-industry-section {
    height: 100%;
    display: flex;
    align-items: center;
}

.industry-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    height: 70%;
}

.industry-item:hover .industry-details {
    top: 50%;
    left: 50%;
    opacity: 1;
    height: 70%;
}

.industry-details.fadeIn-top {
    top: 20%;
}

.industry-item .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.industry-item:hover .content-overlay {
    opacity: 1;
}

.industry-details-btn {
    display: block;
}

    .industry-details-btn a:first-child {
        display: block;
        background: #20305e;
        border: #fff 1px solid;
        padding: 10px 0;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        border-radius: 5px;
        transition: 0.3s;
        margin-bottom: 15px;
    }

        .industry-details-btn a:first-child:hover {
            background: #fff;
            color: #20305e;
        }

    .industry-details-btn a:last-child {
        display: block;
        background: none;
        border: #fff 1px solid;
        padding: 10px 0;
        font-size: 19px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        border-radius: 5px;
        transition: 0.3s;
    }

        .industry-details-btn a:last-child:hover {
            background: #20305e;
            color: #fff;
        }

.industry-details-title {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.disadvantage-of-in-house-section {
    background-image: url('../images/disadvantage-of-in-house.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0px 100px;
}

.no-webp .banner-section {
    background-image: url('../images/disadvantage-of-in-house.jpg');
}

.disadvantage-of-in-house-section {
    text-align: center;
}

    .disadvantage-of-in-house-section::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(51, 102, 255, 0.2);
    }

    .disadvantage-of-in-house-section h2,
    .disadvantage-of-in-house-section p {
        position: relative;
        z-index: 1;
    }

.assuring-error-free-section {
    background-color: #0b051f;
    padding: 80px 0px;
}

.assuring-error-free-content p:last-child {
    margin-bottom: 0px;
}

.complete-edi-outsourcing-service {
    background-color: #69c6b4;
    padding: 80px 0px;
}

.complete-edi-outsourcing-service-content h2,
.webstore-integrations-content h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}

.edi-outsourcing-section-content h2,
.a-what-as2-protocol h2 {
    color: #1d2755;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}

.complete-edi-outsourcing-service-content p,
.webstore-integrations-content p {
    color: #fff;
    font-size: 16px;
    width: 100%;
}

    .complete-edi-outsourcing-service-content p:last-child {
        margin-bottom: 0;
    }

.complete-edi-outsourcing-service-image,
.edi-outsourcing-section-image,
.webstore-integrations-image {
    text-align: center;
}

.sub-banner-partner-content,
.sub-banner-partner-detail-content {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 80px;
}

    .sub-banner-partner-content h1,
    .sub-banner-partner-detail-content h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .sub-banner-partner-content p {
        color: #fff;
        max-width: 840px;
        margin-bottom: 20px;
    }

    .sub-banner-partner-detail-content p {
        color: #fff;
        max-width: 800px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .sub-banner-partner-content button,
    .sub-banner-partner-detail-content button {
        background-color: #1d2755;
        color: #fff;
        padding: 10px 25px;
        font-weight: 600;
        border-radius: 0px;
    }

        .sub-banner-partner-content button:hover,
        .sub-banner-partner-detail-content button:hover {
            background-color: #fff;
            color: #1d2755;
        }

.find-your-edi-partner-section {
    padding: 100px 0px 70px;
}

    .find-your-edi-partner-section h2 {
        color: #1d2755;
        font-weight: 600;
        font-size: 35px;
        margin-bottom: 25px;
        text-align: center;
    }

    .find-your-edi-partner-section .input-group input {
        height: 50px;
        padding-left: 20px;
        border-width: 2px;
    }

        .find-your-edi-partner-section .input-group input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #495057;
            opacity: 1;
        }

        .find-your-edi-partner-section .input-group input::-moz-placeholder {
            /* Firefox 19+ */
            color: #495057;
            opacity: 1;
        }

        .find-your-edi-partner-section .input-group input:-ms-input-placeholder {
            /* IE 10+ */
            color: #495057;
            opacity: 1;
        }

        .find-your-edi-partner-section .input-group input:-moz-placeholder {
            /* Firefox 18- */
            color: #495057;
            opacity: 1;
        }

        .find-your-edi-partner-section .input-group input:focus {
            box-shadow: none;
            outline: none;
            border-color: #1d2755;
        }

    .find-your-edi-partner-section .input-group .input-group-append button {
        background-color: #1d2755;
        color: #fff;
        font-size: 20px;
        width: 50px;
    }

    .find-your-edi-partner-section .search-bar {
        margin-bottom: 40px;
    }

.find-your-edi-partner-item {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 9px 36px 4px rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
    cursor: pointer;
    transition: 0.5s;
}

    .find-your-edi-partner-item:hover {
        box-shadow: 0px 9px 32px 8px rgba(0, 0, 0, 0.1);
        transform: scale(1.1);
    }

.find-your-edi-partner-image {
    min-height: 130px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

    .find-your-edi-partner-image img {
        max-width: 100%;
        margin: 0 auto;
        transition: 0.5s;
    }

.find-your-edi-partner-item h4 {
    font-size: 20px;
    color: #1d2755;
    font-weight: 600;
    margin-bottom: 15px;
    transition: 0.5s;
}

.find-your-edi-partner-item p {
    color: #1d2755;
    font-size: 15px;
    margin-bottom: 25px;
    transition: 0.5s;
}

.find-your-edi-partner-item a {
    color: #5b6fc7;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
    border-bottom: 1.5px solid #5b6fc7;
    transition: 0.5s;
}

.find-your-edi-partner-item:hover a {
    color: #1d2755;
    border-color: #1d2755;
}

.partner-detail-page-section {
    padding: 100px 0px;
}

    .partner-detail-page-section h2,
    .simple-yet-revolutionery h2,
    .services-page h2 {
        text-align: center;
        font-size: 45px;
        font-weight: 600;
        color: #1d2755;
    }

    .partner-detail-page-section p,
    .simple-yet-revolutionery p,
    .services-page p {
        text-align: center;
        font-size: 18px;
        color: #1d2755;
    }

        .partner-detail-page-section p:first-child,
        .simple-yet-revolutionery p:first-child {
            margin-bottom: 0;
        }

.partner-detail-page-content {
    padding-top: 80px;
}

    .partner-detail-page-content .partner-detail-page-image img {
        width: 100%;
    }

    .partner-detail-page-content .partner-detail-page-text h2 {
        color: #1d2755;
        font-size: 35px;
        margin-bottom: 25px;
        font-weight: 600;
        text-align: left;
    }

    .partner-detail-page-content .partner-detail-page-text p {
        text-align: left;
        font-size: 17px;
        color: #1d2755;
    }

.trust-edi-expert-section {
    background-color: #1d2755;
    padding: 70px 0px;
}

.trust-edi-expert-content h2 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 600;
}

.trust-edi-expert-content p {
    color: #fff;
    margin-bottom: 0;
    text-align: left;
    font-size: 17px;
}

.trust-edi-expert-image {
    padding: 20px;
    text-align: center;
}

    .trust-edi-expert-image img {
        max-width: 100%;
    }

.common-edi-documents-section {
    padding: 70px 0px;
    background-image: url('../images/outsourcing-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.no-webp .common-edi-documents-section {
    background-image: url('../images/outsourcing-banner.jpg');
}

.common-edi-documents-section:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.common-edi-documents-section h2 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.common-edi-documents-section ul {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.common-edi-documents-content {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.common-edi-documents-section ul li {
    color: #fff;
    list-style: none;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}

    .common-edi-documents-section ul li:last-child {
        margin-bottom: 0;
    }

.common-edi-documents-section ul:first-child {
    margin-right: 150px;
}

.common-edi-documents-section ul li img {
    margin-right: 20px;
}

.partner-client-testimonial-image img {
    width: 100%;
}

.partner-client-testimonial-section {
    padding: 70px 0px;
    background-color: #f7f7f7;
}

    .partner-client-testimonial-section h2 {
        color: #1d2755;
        font-size: 35px;
        margin-bottom: 40px;
        font-weight: 600;
        text-align: center;
    }

.partner-client-testimonial .item p {
    color: #1d2755;
    font-size: 20px;
    margin: 0 auto 30px auto;
    max-width: 500px;
    text-align: center;
}

.partner-client-testimonial .item span {
    font-weight: 600;
    text-align: center;
    display: block;
    font-size: 23px;
    color: #1d2755;
}

.partner-client-testimonial .owl-dots .owl-dot.active span,
.partner-client-testimonial .owl-dots .owl-dot:hover span {
    background: #1d2755 !important;
}

.partner-client-testimonial .owl-dots .owl-dot span {
    background-color: #fff !important;
    border: 1px solid #1d2755 !important;
}

.partner-client-testimonial .owl-dots .owl-dot:focus {
    box-shadow: none;
    outline: none !important;
}

.simple-yet-revolutionery {
    padding: 70px 0px;
}

.simple-revolutionery-image {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}

    .simple-revolutionery-image img {
        max-width: 100%;
    }

.simple-yet-revolutionery-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 130%;
    height: 280px;
    background-color: #1d2755;
    transform: translate(-130%, 0) skew(-30deg);
    transition: 0.5s;
}

.simple-yet-revolutionery-item:hover::before {
    transform: translate(-10%, 0) skew(-15deg);
}

.simple-yet-revolutionery-item {
    background-color: #fff;
    box-shadow: 0px 9px 32px 8px rgba(0, 0, 0, 0.05);
    padding: 30px 20px;
    margin-bottom: 30px;
    height: 280px;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

    .simple-yet-revolutionery-item:hover {
        /* background-color: #1d2755; */
        cursor: pointer;
    }

        .simple-yet-revolutionery-item:hover h3,
        .simple-yet-revolutionery-item:hover p,
        .simple-yet-revolutionery-item:hover span {
            color: #fff;
            position: relative;
        }

    .simple-yet-revolutionery-item .a-item-header {
        display: flex;
        position: relative;
    }

    .simple-yet-revolutionery-item h3 {
        font-size: 20px;
        color: #1d2755;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .simple-yet-revolutionery-item p {
        text-align: left;
        font-size: 16px;
        color: #000;
    }

    .simple-yet-revolutionery-item span {
        display: block;
        color: #e7e7e7;
        font-size: 75px;
        font-weight: 700;
        line-height: 55px;
    }

.industry-trusted-proved-section {
    padding: 70px 0px;
    background-color: #00aae5;
}

    .industry-trusted-proved-section h2 {
        color: #fff;
        font-size: 35px;
        margin-bottom: 25px;
        font-weight: 600;
        text-align: center;
        position: relative;
    }

    .industry-trusted-proved-section p {
        text-align: center;
        font-size: 18px;
        color: #fff;
        max-width: 950px;
        margin: 0 auto;
    }

.industry-trusted-proved-filter {
    text-align: center;
}

    .industry-trusted-proved-filter .row {
        justify-content: center;
    }


/* filter start */

.industry-trusted-proved-section .Portfolio {
    position: relative;
    margin-right: 30px;
    width: 180px;
    display: inline-block;
    transition-duration: 0.4s;
    animation: winanim 0.5s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

    .industry-trusted-proved-section .Portfolio a {
        display: flex;
        justify-content: center;
        background: #fff;
        height: 180px;
        align-items: center;
        padding: 20px;
    }

    .industry-trusted-proved-section .Portfolio:last-child {
        margin-right: 0;
    }

    .industry-trusted-proved-section .Portfolio:hover img {
        transform: scale(1);
    }

    .industry-trusted-proved-section .Portfolio img {
        max-width: 100%;
        height: auto;
        transform: scale(0.7);
        transition: 0.5s transform;
    }

.industry-trusted-proved-filter .nav {
    padding: 20px;
    justify-content: center;
    margin-bottom: 50px;
}

    .industry-trusted-proved-filter .nav li:last-child a {
        margin-right: 0;
    }

    .industry-trusted-proved-filter .nav li a {
        margin-right: 15px;
        padding: 12px 30px;
        font-size: 20px;
        color: #fff;
        transition-duration: 0.4s;
        font-weight: 500;
        border: 1px solid #00aae5;
    }

    .industry-trusted-proved-filter .nav a:hover {
        color: #1d2755;
    }

    .industry-trusted-proved-filter .nav .active {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

@keyframes winanim {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}


/* filter end */

.find-your-edi-partner-btn {
    margin-top: 80px;
}

    .find-your-edi-partner-btn button {
        background-color: #fff;
        color: #00aae5;
        padding: 10px 25px;
        font-weight: 600;
        border-radius: 0px;
        transition: 0.5s ease-in-out all;
    }

        .find-your-edi-partner-btn button:hover {
            background-color: #1d2755;
            color: #fff;
        }

.eliminate-the-expense-section {
    padding: 70px 0px;
    background-image: url('../images/edi-integration-help.webp');
    background-position: center;
    background-size: cover;
    position: relative;
}

.no-webp .eliminate-the-expense-section {
    background-image: url('../images/edi-integration-help.jpg');
}

.eliminate-the-expense-section::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.eliminate-the-expense-form {
    position: relative;
    background-color: #fff;
    padding: 50px 50px;
}

    .eliminate-the-expense-form h2 {
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        color: #1d2755;
    }

    .eliminate-the-expense-form p {
        text-align: center;
        font-size: 18px;
        color: #1d2755;
        margin-bottom: 50px;
    }

    .eliminate-the-expense-form input::-webkit-input-placeholder,
    .eliminate-the-expense-form textarea::-webkit-input-placeholder {
        opacity: 1;
    }

    .eliminate-the-expense-form input::-moz-placeholder,
    .eliminate-the-expense-form textarea::-moz-placeholder {
        opacity: 1;
    }

    .eliminate-the-expense-form input:-ms-input-placeholder,
    .eliminate-the-expense-form textarea:-ms-input-placeholder {
        opacity: 1;
    }

    .eliminate-the-expense-form input:-moz-placeholder,
    .eliminate-the-expense-form textarea:-moz-placeholder {
        opacity: 1;
    }

    .eliminate-the-expense-form input {
        height: 50px;
    }

    .eliminate-the-expense-form input,
    .eliminate-the-expense-form textarea {
        padding-left: 15px;
        font-size: 15px;
        font-weight: 500;
        border-radius: 0px;
        color: #1d2755;
    }

        .eliminate-the-expense-form input:focus,
        .eliminate-the-expense-form textarea:focus {
            border: 1px solid #1d2755;
            box-shadow: none;
        }

    .eliminate-the-expense-form .form-group p {
        color: #1d2755;
        text-align: left;
        font-size: 16px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .eliminate-the-expense-form .form-group .form-check {
        height: 18px;
        margin-top: -5px;
    }

        .eliminate-the-expense-form .form-group .form-check label {
            font-size: 15px;
            color: #1d2755;
        }

    .eliminate-the-expense-form .form-group p span {
        font-weight: 600;
    }

.talk-to-specialist button {
    margin-top: 30px;
    margin-bottom: 5px;
}

.talk-to-specialist p {
    font-size: 13px !important;
    margin-top: 5px;
    font-weight: 500;
}

.services-page {
    padding: 80px 0px;
    background-color: #eceeed;
}

.a-service-item {
    background-color: #fff;
    padding: 25px;
    max-width: 500px;
    margin-bottom: 30px;
    margin-top: 100px;
    transition: 0.5s;
    display: block;
}

    .a-service-item:hover {
        cursor: pointer;
        box-shadow: 0px 9px 27.2px 12.8px rgba(0, 0, 0, 0.04);
    }

        .a-service-item:hover .a-service-icon {
            background-color: #1d80c1;
        }

        .a-service-item:hover button {
            color: #1d80c1;
        }

.a-service-icon {
    background-color: #0a1339;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -70px;
    margin-left: 35px;
    margin-bottom: 30px;
    transition: 0.5s;
}

    .a-service-icon img {
        max-width: 60%;
    }

.a-service-item h3 {
    font-size: 30px;
    font-weight: 600;
    color: #1d2755;
}

.a-service-item p {
    text-align: left;
    font-size: 18px;
}

.a-service-item button {
    color: #1d2755;
    font-weight: 700;
    transition: 0.5s;
    border: none;
    background-color: transparent;
    padding-left: 0px;
}

.contact-form-grid {
    background-color: #f5f5f5;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    margin: 80px 0px;
}

    .contact-form-grid .contact-form {
        padding: 90px 20px;
    }

.contact-address .contact-address-item h3 {
    color: #1d2755;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}

.contact-address .contact-address-item p {
    color: #1d2755;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px;
}

.contact-address .contact-address-item {
    margin-bottom: 40px;
}

    .contact-address .contact-address-item:last-child {
        margin-bottom: 0;
    }

.contact-address-item ul {
    margin: 0;
    padding: 0;
}

    .contact-address-item ul li {
        list-style: none;
    }

        .contact-address-item ul li img {
            margin-right: 5px;
            max-width: 22px
        }

        .contact-address-item ul li a {
            color: #1d2755;
            font-size: 18px;
        }

    .contact-address-item ul li {
        margin-bottom: 10px;
    }

        .contact-address-item ul li:last-child {
            margin-bottom: 0;
        }

.contact-form-grid .contact-form input {
    border-radius: 0;
    height: 50px;
    padding-left: 20px;
}

    .contact-form-grid .contact-form input:focus,
    .contact-form-grid .contact-form textarea:focus {
        box-shadow: none;
        outline: none;
        border-color: #1d2755;
    }

.contact-form-grid .contact-form textarea {
    border-radius: 0;
    padding-left: 20px;
}

.contact-form-grid .contact-form .form-group {
    margin-bottom: 25px;
}

.contact-form-grid .contact-form .form-row button {
    width: 150px;
    padding: 13px 25px;
}

.products-page-category {
    padding: 100px 0px;
    background-color: #1d2755;
}

    .products-page-category h2 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 50px;
        text-align: center;
    }

.products-apps-item-image {
    background-image: url('../images/popular-apps-bg.webp');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    height: 145px;
    text-align: center;
    line-height: 145px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
}

.no-webp .banner-section {
    background-image: url('../images/popular-apps-bg.png');
}

.products-apps-item {
    color: #fff;
    transition: 0.5s;
}

    .products-apps-item img {
        transition: 0.5s;
        max-width: 100%;
    }

    .products-apps-item:hover img {
        transform: scale(1.1);
    }

    .products-apps-item h3,
    .products-apps-item p {
        font-size: 18px;
    }

    .products-apps-item h3 {
        margin-bottom: 5px;
    }

    .products-apps-item p {
        margin-bottom: 0;
        line-height: 25px;
    }

    .products-apps-item h3 a {
        color: #fff;
    }

.products-other-apps {
    padding: 70px 0px;
    position: relative;
}

.products-category-grid {
    padding: 0;
}

.products-category-list {
    background-color: #f9fafc;
    border: 1px solid #eff1f5;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    position: sticky;
    top: 93px;
    width: 100%;
}

.products-category-head h4 {
    color: #1d2755;
    font-size: 25px;
    font-weight: 600;
}

.products-category-grid ul {
    padding: 0;
    margin: 0;
}

    .products-category-grid ul li {
        list-style: none;
        margin-bottom: 5px;
    }

        .products-category-grid ul li a svg {
            opacity: 0;
            transition: 0.5s;
            color: #c1c1c1;
        }

        .products-category-grid ul li a {
            color: #000;
            font-size: 17px;
            font-weight: 500;
            padding: 10px 15px 10px 15px;
            display: block;
            width: 100%;
            transition: 0.5s;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .products-category-grid ul li.active a,
            .products-category-grid ul li a:hover {
                background-color: #eff1f5;
                color: #1d2755;
            }

                .products-category-grid ul li.active a svg,
                .products-category-grid ul li a:hover svg {
                    opacity: 1;
                }

.products-other-apps-integration {
    padding-left: 30px;
}

    .products-other-apps-integration ul li {
        list-style: none;
    }

    .products-other-apps-integration ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }

    .products-other-apps-integration h4 {
        font-size: 30px;
        color: #1f394d;
        margin-bottom: 40px;
        font-weight: 600;
    }

    .products-other-apps-integration ul li {
        margin-bottom: 50px;
        margin-right: 15px;
        text-align: center;
    }

        .products-other-apps-integration ul li a .products-item-image {
            display: block;
            border: 1px solid #eff1f5;
            height: 144px;
            width: 144px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 0px 12.61px 0.39px rgba(0, 0, 0, 0.08);
            margin-bottom: 10px;
        }

        .products-other-apps-integration ul li a span {
            font-size: 18px;
            color: #000;
            font-weight: 500;
            max-width: 144px;
            display: block;
        }

        .products-other-apps-integration ul li a img {
            transition: 0.5s;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .products-other-apps-integration ul li a:hover .products-item-image img {
            transform: scale(1.1);
        }

.products-category-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

    .products-category-head button {
        color: #1d2755;
        background: none;
        border: none;
        display: none;
    }

        .products-category-head button:focus {
            box-shadow: none;
            border: none;
            outline: none;
        }

.products-category-list ul.show {
    opacity: 1;
    transition-delay: 0s;
    height: 100%;
}

.contact-address-item p a {
    color: #1d2755;
    font-weight: 500;
}

.a-customer-support p {
    max-width: 350px;
}

.contact-feature-item {
    padding: 30px;
    height: 100%;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    background-color: #fff;
    position: relative;
    display: block
}

    .contact-feature-item h4 {
        font-size: 19px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .contact-feature-item p {
        font-size: 15px;
        margin-bottom: 0;
    }

.contact-page-features {
    padding: 50px 0px 100px;
}

.contact-form .form-group img {
    max-width: 100%;
}

.manage-inventory-section {
    background-color: #609ecf;
}

.ecommerce-integration-banner {
    background-image: url('../images/edi-integration-help.webp');
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 250px 0px;
    /*height: 100vh !important;*/ /*Add By Niharika (16-12-2020)*/
}

.no-webp .ecommerce-integration-banner {
    background-image: url('../images/edi-integration-help.jpg');
}

.sub-banner-ecommerce-integration {
    position: relative;
    z-index: 1;
    text-align: center;
}

.ecommerce-integration-logos ul {
    position: relative;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 25px 40px;
    margin-bottom: 0;
}

.ecommerce-integration-logos {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

    .ecommerce-integration-logos ul li {
        list-style: none;
        display: inline-block;
    }

.sub-banner-ecommerce-integration p {
    color: #fff;
}

.ecommerce-integration-logos ul li a {
    opacity: 0.5;
    transition: 0.3s;
    padding: 15px;
    display: block;
}

    .ecommerce-integration-logos ul li a:hover {
        opacity: 1;
    }

    .ecommerce-integration-logos ul li a img {
        max-width: 150px;
    }

.sub-banner-ecommerce-integration p {
    color: #fff;
    font-size: 20px;
    max-width: 850px;
    margin: 10px auto 0 auto;
}

.ecommerce-edi-integration-section {
    position: relative;
    padding: 100px 0px;
    background-image: url('../images/ecommerce-integration-banner.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.no-webp .ecommerce-edi-integration-section {
    background-image: url('../images/ecommerce-integration-banner.jpg');
}

.ecommerce-edi-integration-section:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ecommerce-edi-integration-section h2,
.ecommerce-edi-integration-section p {
    position: relative;
    z-index: 1;
}

.for-b2b-company-section {
    padding: 100px 0px;
}

.for-b2b-company-content h2 {
    color: #1d2755;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: 600;
}

.for-b2b-company-content ul {
    padding-left: 0;
}

    .for-b2b-company-content ul li {
        list-style: none;
        position: relative;
        padding-left: 40px;
        color: #636881;
        margin-bottom: 10px;
        font-size: 16px;
    }

        .for-b2b-company-content ul li:last-child {
            margin-bottom: 0;
        }

        .for-b2b-company-content ul li:before {
            content: '';
            position: absolute;
            background-image: url('../images/b2b-tick.webp');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 23px;
            height: 23px;
            top: 0px;
            left: 0;
        }

.no-webp .for-b2b-company-content ul li:before {
    background-image: url('../images/b2b-tick.png');
}

.for-b2b-company-image {
    position: relative;
}

.for-b2b-company-image-1 {
    position: absolute;
    top: 130px;
}

    .for-b2b-company-image-1 img,
    .for-b2b-company-image-2 img {
        width: 100%;
        max-width: 360px;
        box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
    }

.for-b2b-company-image-2 {
    margin-left: auto;
    display: block;
    width: 100%;
    text-align: right;
}

.for-b2b-company-image:after {
    content: '';
    background-image: url('../images/dots-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 250px;
    height: 250px;
    z-index: -1;
}

.no-webp .for-b2b-company-image:after {
    content: '';
    background-image: url('../images/dots-2.webp');
}

.service-we-offer-section {
    background: url('../images/squares.png') #282828;
    position: relative;
    padding: 100px 0px;
}

.no-webp .service-we-offer-section {
    background-image: url('../images/squares.png');
}

.service-we-offer-section h2 {
    margin-bottom: 50px;
}

.service-we-offer-item {
    background-color: #fff;
    margin-bottom: 80px;
    padding: 30px 35px;
    margin-left: 0px;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.3s;
}

    .service-we-offer-item:hover {
        background-color: #5063be;
    }

    .service-we-offer-item.active {
        background-color: #5063be;
    }

    .service-we-offer-item:hover p,
    .service-we-offer-item:hover a,
    .service-we-offer-item:hover h3 {
        color: #fff;
    }

        .service-we-offer-item:hover a:hover {
            color: #fff;
        }

    .service-we-offer-item p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
    }

        .service-we-offer-item p.a-read-more {
            overflow: visible;
            display: block;
        }

    .service-we-offer-item h3 {
        color: #282828;
        font-size: 24px;
        font-weight: 600;
    }

.service-we-offer-section .col-md-6:nth-child(2n) .service-we-offer-item {
    margin-top: 80px;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 0;
}

.service-we-offer-item .a-service-we-link {
    color: #1d2755;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 15px;
    display: block;
}

    .service-we-offer-item .a-service-we-link:hover {
        color: #000;
    }

.edi-integration-content h2 span {
    font-size: 35px;
}

.edi-for-modern-business2 .edi-quatation {
    font-size: 24px;
    font-style: italic;
}

.a-thanks-header .navbar-light .navbar-nav .nav-link {
    color: #1d2755;
}

.a-thank-you-section {
    background-color: #fff;
    height: calc(100vh - 255px);
    margin-top: 85px;
    padding: 50px 0px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.a-thank-you-image {
    text-align: center;
    margin-bottom: 25px;
}

    .a-thank-you-image img {
        max-width: 100%;
    }

.a-thank-you-section h4 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #1d2755;
    margin-bottom: 15px;
}

.a-thank-you-section p {
    color: #1d2755;
    font-size: 18px;
    text-align: center;
}

.a-footer {
    background-color: #1d2755;
    padding: 50px 0px;
}

    .a-footer .container {
        padding: 0px 50px;
        max-width: 100%;
    }

.a-footer-copyright p {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.a-footer-copyright ul {
    padding-left: 0;
}

    .a-footer-copyright ul li {
        margin-right: 15px;
        display: inline-block;
        list-style: none;
        position: relative;
    }

        .a-footer-copyright ul li:after {
            content: '|';
            position: absolute;
            right: -13px;
            color: #fff;
        }

        .a-footer-copyright ul li:last-child:after {
            display: none;
        }

        .a-footer-copyright ul li a {
            color: #fff;
            font-weight: 500;
        }

            .a-footer-copyright ul li a:hover {
                text-decoration: underline;
            }

.footer-social-list {
    padding-left: 0;
    text-align: right;
}

    .footer-social-list li a {
        color: #fff;
        font-size: 35px;
    }

    .footer-social-list li {
        list-style: none;
        display: inline-block;
        margin-right: 50px;
    }

        .footer-social-list li:last-child {
            margin-right: 0px;
        }

        .footer-social-list li:nth-child(1) a:hover {
            color: #28a9e0;
        }

        .footer-social-list li:nth-child(2) a:hover {
            color: #3c5a99;
        }

        .footer-social-list li:nth-child(3) a:hover {
            color: #007ab9;
        }

        .footer-social-list li:nth-child(4) a:hover {
            color: #e64a41;
        }

.a-partner-page-sub h2 {
    font-size: 35px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
}

.a-partner-page-head {
    padding: 50px 0px 20px;
}

.a-partner-head-image {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 9px 36px 4px rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
    cursor: pointer;
    transition: 0.5s;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .a-partner-head-image img {
        max-width: 100%;
    }

.a-partner-head-content p {
    font-size: 18px;
    font-weight: 400;
    color: #1d2755;
}

.a-partner-page-content {
    padding: 70px 0px;
}

    .a-partner-page-content .nav a {
        background-color: #fff;
        border: 1px #D5DADF solid;
        border-left: 5px solid #D5DADF;
        box-shadow: 0 2px 3px rgba(213, 218, 223, 0.35);
        padding: 30px;
        border-radius: 3px;
        cursor: pointer;
        transition: all .2s ease;
        margin-bottom: 15px;
        color: #1d2755;
        font-size: 17px;
        font-weight: 500;
    }

        .a-partner-page-content .nav a:hover,
        .a-partner-page-content .nav a.active {
            box-shadow: 0px 3px 3px 2px rgba(213, 218, 223, 0.35);
            border-left: 5px solid #006e94;
            background-color: #00aae5 !important;
            color: #fff;
        }

.a-partner-tabs p {
    font-size: 18px;
    font-weight: 400;
    color: #1d2755;
}

    .a-partner-tabs p:last-child {
        margin-bottom: 0;
    }

.a-partner-tabs {
    background-color: #ffffff;
    padding: 35px;
    border: 1px solid #dedede;
    border-radius: 5px;
}

.a-partner-page-content .nav .visited {
    border-left: 5px solid #5cd5ff !important;
    background-color: #1d2755 !important;
    color: #fff;
}

.a-partner-page-sub .sub-banner-supplier-content {
    position: relative;
    text-align: center;
}

.a-partner-page-sub.partners {
    height: 400px;
}

.a-service-item.service-big-block {
    max-width: 100%;
}

.webstore-integrations-section.moving-data-section {
    background-color: #83e6f0;
}

.edi-van-service-image {
    overflow: hidden;
    margin-bottom: 20px;
    height: 250px;
}

    .edi-van-service-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.van-servcies-section {
    padding: 50px 0px;
    background-image: -moz-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(66, 90, 207) 0%, rgb(29, 43, 109) 100%);
}

.van-servcies-item {
    background-color: #fff;
    padding: 40px 30px;
    text-align: center;
}

    .van-servcies-item .van-servcies-image {
        margin-bottom: 15px;
    }

        .van-servcies-item .van-servcies-image img {
            width: auto;
            max-height: 150px;
        }

    .van-servcies-item h4 {
        color: #1d2755;
        font-size: 26px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .van-servcies-item p {
        margin-bottom: 0px;
        color: #636881;
        font-size: 16px
    }

.van-edi-production {
    background-color: #208c87 !important;
}

.customer-service p {
    font-size: 16px !important;
}

.van-services-list h3 {
    font-size: 25px;
    color: #1d2755;
    font-weight: 600;
    margin-bottom: 12px;
}

.van-services-list {
    padding-left: 0px;
}

    .van-services-list li {
        list-style: none;
        color: #636881;
        font-size: 16px;
        margin-bottom: 15px;
    }

        .van-services-list li:last-child {
            margin-bottom: 0px;
        }

.van-edi-content h2 {
    text-align: center;
}

.van-edi-content p {
    text-align: center;
}

.van-edi-row {
    margin-top: 30px;
}

.van-services-list {
    padding-left: 0;
    margin-bottom: 0px;
}

    .van-services-list li {
        font-size: 17px;
        line-height: 24px;
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        list-style: none;
        color: #1d2755;
    }

        .van-services-list li:before {
            content: '';
            position: absolute;
            background-image: url('../images/double-tick.webp');
            background-position: center;
            background-repeat: no-repeat;
            top: 3px;
            left: 0;
            width: 18px;
            height: 18px;
            background-size: 100%;
        }

.no-webp .van-services-list li:before {
    background-image: url('../images/double-tick.png');
}

.a-what-is-edi {
    background-image: url('../images/edi-van-bg.webp');
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 70px 0px;
}

.no-webp .a-what-is-edi {
    background-image: url('../images/edi-van-bg.jpg');
}

.a-what-is-edi.best-van-edi {
    background-image: url('../images/best-van-edi-solution-available.webp');
}

.no-webp .a-what-is-edi.best-van-edi {
    background-image: url('../images/best-van-edi-solution-available.jpg');
}

.a-what-is-edi::before {
    content: '';
    background-color: rgba(29, 43, 109, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.a-what-is-edi.a-what-is-edi.best-van-edi::before {
    background-color: rgba(29, 43, 109, 0.6);
}

.a-what-is-edi-content {
    position: relative;
    z-index: 1;
}

    .a-what-is-edi-content h2 {
        font-size: 40px;
        color: #ffffff;
        margin-bottom: 30px;
        font-weight: 600;
        position: relative;
        z-index: 1;
        text-align: left;
    }

    .a-what-is-edi-content p {
        color: #fff;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 30px;
        text-align: left;
    }

        .a-what-is-edi-content p:last-child {
            margin-bottom: 0px;
        }

.a-benifits-edi-van h2 {
    color: #1d2755;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
    text-align: center;
}

.a-benifits-edi-van .manufacturers-section-image img {
    width: 80%;
}

.a-benifits-edi-van p {
    color: #636881;
    font-size: 18px;
}

    .a-benifits-edi-van p:last-child {
        margin-bottom: 0px;
    }

.a-migrating-partner {
    background-color: #f1f1f1;
}

.a-benifits-edi-van.a-migrating-partner {
    padding: 50px 0px;
}

.edi-van-offerings {
    padding: 50px 0px;
    background-image: url('../images/edi-van-offerings.webp');
}

.no-webp .edi-van-offerings {
    background-image: url('../images/edi-van-offerings.jpg');
}

.edi-van-offerings:before {
    background-color: rgba(0, 0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.edi-van-offerings ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .edi-van-offerings ul li {
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
        list-style: none;
        position: relative;
        padding-left: 40px;
    }

        .edi-van-offerings ul li:last-child {
            margin-bottom: 0px;
        }

        .edi-van-offerings ul li:before {
            content: '';
            position: absolute;
            background-image: url(../images/list-arrow.webp);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 25px;
            height: 25px;
            top: 5px;
            left: 0;
        }

.no-webp .edi-van-offerings ul li:before {
    background-image: url(../images/list-arrow.png);
}

.edi-van-offerings h2 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.edi-van-offerings p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 30px;
}

.ecommerce-edi-section.van-services-section {
    padding: 50px 0px;
}

.value-added-image img {
    width: 70%;
}

.best-solution-list {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 30px;
}

    .best-solution-list li {
        color: #fff;
        font-size: 20px;
        margin-bottom: 15px;
        list-style: none;
        position: relative;
        padding-left: 40px;
    }

        .best-solution-list li:last-child {
            margin-bottom: 0px;
        }

        .best-solution-list li:before {
            content: '';
            position: absolute;
            background-image: url(../images/list-arrow.webp);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 25px;
            height: 25px;
            top: 5px;
            left: 0;
        }

.no-webp .best-solution-list li:before {
    background-image: url(../images/list-arrow.png);
}

.best-edi-soluition-image {
    box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    background: #fff;
}

    .best-edi-soluition-image img {
        width: 100%;
    }

.sub-banner-section.as2-protocol-header h2 {
    font-size: 40px;
    color: #fff;
}

.a-what-as2-protocol {
    padding: 70px 0px;
}

.a-what-as2-row {
    margin-top: 30px;
}

    .a-what-as2-row [class*="col-"] {
        display: flex;
    }

.a-as2-item {
    background: #f5f5f6;
    padding: 20px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

    .a-as2-item:hover {
        cursor: pointer;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
    }

    .a-as2-item .a-as2-icon {
        text-align: center;
        line-height: 110px;
        width: 110px;
        height: 110px;
        border-radius: 50%;
        position: relative;
        margin: auto;
        transition: all 0.3s ease-in-out 0s;
    }

        .a-as2-item .a-as2-icon img {
            width: auto;
            transition: all 0.5s ease-in-out 0s;
        }

    .a-as2-item h3 {
        font-size: 18px;
        text-transform: uppercase;
        color: #1d2755;
        text-align: center;
        margin-top: 25px;
        font-weight: 600;
    }

    .a-as2-item:hover img {
        transform: rotate(360deg);
    }

.as2-works-list,
.benifits-as2-protocol ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .as2-works-list li {
        font-size: 21px;
        line-height: 24px;
        position: relative;
        padding-left: 35px;
        margin-bottom: 15px;
        list-style: none;
        color: #1f2d71;
    }

    .benifits-as2-protocol ul li {
        font-size: 18px;
        line-height: 24px;
        position: relative;
        padding-left: 35px;
        margin-bottom: 15px;
        list-style: none;
        color: #1f2d71;
    }

        .as2-works-list li:last-child,
        .benifits-as2-protocol ul li:last-child {
            margin-bottom: 0px;
        }

        .as2-works-list li:before,
        .benifits-as2-protocol ul li:before {
            content: '';
            position: absolute;
            background-image: url('../images/double-tick.webp');
            background-position: center;
            background-repeat: no-repeat;
            top: 3px;
            left: 0;
            width: 23px;
            height: 23px;
            background-size: 100%;
        }

.no-webp .as2-works-list li:before,
.no-webp .benifits-as2-protocol ul li:before {
    background-image: url('../images/double-tick.png');
}

.manufacturers-sections.benifits-as2-protocol {
    padding: 70px 0px;
}

.as2-protocol-implementation {
    position: relative;
    background: #0585ec;
    padding: 70px 0px;
}

    .as2-protocol-implementation:after {
        content: '';
        background: url(../images/diamonds-shape.webp) no-repeat;
        background-position: left top;
        width: 100%;
        height: 100%;
        z-index: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

.no-webp .as2-protocol-implementation:after {
    background: url(../images/diamonds-shape.png) no-repeat;
}

.as2-protocol-implementation h2 {
    margin: 0 auto 50px auto;
    text-align: center;
    max-width: 760px;
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}

.as2-protocol-implementation-list {
    padding-left: 0;
    margin-bottom: 0;
}

    .as2-protocol-implementation-list li {
        list-style: none;
        margin-bottom: 30px;
    }

        .as2-protocol-implementation-list li:last-child {
            margin-bottom: 0px;
        }

        .as2-protocol-implementation-list li:nth-child(even) {
            text-align: right;
        }

            .as2-protocol-implementation-list li:nth-child(even) p {
                margin-left: auto;
            }

        .as2-protocol-implementation-list li h3 {
            color: #fff;
            position: relative;
            margin-bottom: 20px;
        }

            .as2-protocol-implementation-list li h3:after {
                content: '';
                position: absolute;
                left: 0;
                width: 150px;
                height: 2px;
                background: #fff;
                bottom: -5px;
            }

        .as2-protocol-implementation-list li:nth-child(even) h3:after {
            right: 0;
            left: auto;
        }

        .as2-protocol-implementation-list li p {
            color: #fff;
            max-width: 650px;
            font-size: 17px;
        }

            .as2-protocol-implementation-list li p:last-child {
                margin-bottom: 0px;
            }

    .as2-protocol-implementation-list .as2-inner-list {
        padding-left: 20px;
        margin-bottom: 20px;
    }

        .as2-protocol-implementation-list .as2-inner-list li {
            color: #fff;
            text-align: left;
            margin-bottom: 5px;
            font-size: 17px;
            line-height: 30px;
            list-style: none;
            position: relative;
            padding-left: 30px;
            max-width: 650px;
        }

            .as2-protocol-implementation-list .as2-inner-list li:before {
                content: '';
                position: absolute;
                background-image: url(../images/list-arrow.webp);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                width: 20px;
                height: 20px;
                top: 5px;
                left: 0;
            }

            .as2-protocol-implementation-list .as2-inner-list li:before {
                background-image: url(../images/list-arrow.png);
            }

.as2-protocol-implementation .container {
    position: relative;
    z-index: 1;
}

.a-industry h2.a-title,
.a-service-section h1.a-title {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #1d2755;
    margin-bottom: 13px;
}

.a-service-section h2.a-title {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #1d2755;
    margin-bottom: 13px;
}

.a-service-section-sub h1.a-title {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 55px;
    color: #1d2755;
    margin-bottom: 13px;
}

.service-message-section h1.a-title {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    margin-bottom: 13px;
}

.a-product-home-section h2 {
    font-size: 45px;
    margin: 20px 0px 35px;
    text-align: center;
}

.a-simplify-home-section h2 {
    text-align: center;
    font-weight: 700;
    font-size: 45px;
    color: #1d2755;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .a-product-home-section h2,
    .a-simplify-home-section h2,
    .a-industry h2.a-title, .a-service-section h1.a-title,
    .a-service-section h2.a-title {
        font-size: 35px;
    }
}

.hp-midbluebox ul li {
    float: left;
    width: 30%;
    margin: 0px 33px 50px 0px !important;
}

.hp-watch-video img {
    display: inline-block;
    position: relative;
    top: 0px !important;
    right: -15px;
    cursor: pointer;
}

/* Ready Get */

.btmready-get {
    color: #388ec7;
    font-size: 40px;
    text-align: center;
}

    .btmready-get a {
        color: #1d2755 !important;
        display: block;
        padding: 24px 0px 29px;
        /* font-family: 'latobold';*/
        font-family: 'Lato', sans-serif;
        font-weight: 700;
    }

        .btmready-get a:hover {
            color: #388ec7 !important;
        }

    .btmready-get i {
        position: relative;
        right: -87px;
    }


/* Ready Get */

.hp-get-start a {
    color: #fff ;
}

.hp-get-start .logo-icon {
    text-align: center;
    width: 100%;
    position: relative;
    top: -32px;
}

    .hp-get-start .logo-icon img {
        display: inline-block;
    }


.post_probtn button {
    background: #20305e;
    padding: 16px 19px;
    margin-left: 8%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 20px;
    display: block;
    border: #fff 2px solid !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    transition: 0.3s !important;
}

/*.post_probtn_Header button {
    background: #20305e;
    padding: 16px 50px;
    margin-left:32%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 20px;
    display: block;
    border: #fff 2px solid !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    transition: 0.3s !important;
}*/


.hp-form-main .rptinput {
    padding: 0px 0px 0px;
}

    .hp-form-main .rptinput input {
        width: 100%;
        border: 2px solid #1d2755;
        height: 50px;
        box-sizing: border-box;
        font-size: 20px;
        color: #1d2755;
        padding: 0px 13px;
        /*font-family: 'latomedium';*/
        font-family: 'Lato', sans-serif;
        font-weight: 400;
    }

    .hp-form-main .rptinput textarea {
        width: 100%;
        border: 2px solid #1d2755;
        height: 200px;
        box-sizing: border-box;
        font-size: 20px;
        color: #1d2755;
        padding: 18px 13px;
        /* font-family: 'latomedium'; */
        font-family: 'Lato', sans-serif;
        font-weight: 400;
    }


.hp-form-main {
    position: relative;
    width: 100%;
    background: url(../images/blue-dot-bg.jpg);
    padding: 100px 0px 65px 0px !important;
    color: #fff;
    font-size: 16px;
}

button.request-a-quote {
    float: right;
    margin: 17px 30px 0px 0px;
    display: block;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-align: center;
    height: 37px;
    line-height: 37px;
    background: none !important;
    background-color: #20305e !important;
    width: 166px;
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.hp-get-start header {
    font-size: 20px;
    color: #000000;
    /*font-family: 'latoitalic';*/
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 0px 0px 0px;  
}

.sub-banner-section.a-fanatics-banner.a-manufacturer-banner {
    background-image: url('../images/manufacturer-edi-banner.jpg');
    padding: 170px 0px !important;
}