/* old css fonts */

@import url(../css.css);
@import url(../css-1.css);
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.jpg');
    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-fanatics {
    font-weight: 500;
    font-size: 18px;
    background-color: #1d2b6d;
    color: #fff;
    padding: 0px 40px;
    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: 0;
    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 .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 .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;
    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.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 {
    border-bottom: none !important;
    margin-bottom: 30px;
    border-radius: 5px !important;
    overflow: hidden;
}

.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: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 .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;
}

.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.jpg');
}

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

.sub-banner-section.manufacturers {
    background-image: url('../images/manufactures-banner.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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.jpg');
    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;
}

.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: 200px 0px;
}

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

.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;
}

.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');
}

.no-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 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 !important;
}

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

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

.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;
    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-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 {
    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-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;
    margin-bottom: 10px;
}

.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: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 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.png');
    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;
}

.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 p {
    margin-bottom: 0;
    line-height: 22px;
    font-size: 16px;
}

.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 a.active,
.products-category-grid ul li a:hover {
    background-color: #eff1f5 !important;
    color: #1d2755 !important;
}

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

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

.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;
    list-style: none;
}

.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;
}

.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;
}

.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-content: 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 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;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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;
}

.no-webp .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-what-as2-protocol ul {
    padding-left: 0;
    margin-bottom: 30px;
}

.a-what-as2-protocol ul li {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    list-style: none;
    color: #636881;
}

.a-what-as2-protocol ul li:last-child {
    margin-bottom: 0px;
}

.a-what-as2-protocol ul li:before {
    content: '';
    position: absolute;
    background-image: url('../images/double-tick.webp');
    background-position: center;
    background-repeat: no-repeat;
    top: 1px;
    left: 0;
    width: 21px;
    height: 21px;
    background-size: 100%;
}

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

.a-what-as2-protocol p:last-child {
    margin-bottom: 0px;
}

.a-benifits-of-edi-integration {
    background: url('../images/ring-bg.png') no-repeat center center;
    background-size: cover;
    padding: 70px 0px;
}

.no-webp .a-benifits-of-edi-integration {
    background: url('../images/ring-bg.webp') no-repeat center center;
}

.a-benifit-edi-item {
    position: relative;
    z-index: 1;
    padding: 50px 15px 30px;
    background: #fff;
    margin-bottom: 30px;
    border: 2px solid #acb4d8;
    border-radius: 15px;
    text-align: center;
}

.a-benifit-edi-item .service_icon {
    margin-bottom: 20px;
    min-height: 56px;
    position: relative;
    display: inline-block;
}

.a-benifit-edi-item .service_icon img {
    width: 80px;
    height: 80px;
}

.a-benifit-edi-item .service_icon:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    right: -30px;
    top: -20px;
    z-index: -1;
    background: #acb4d8;
    opacity: .5;
    border-radius: 50%;
    transition: .4s ease-in-out;
}

.a-benifit-edi-item:hover .service_icon:after {
    right: 0px;
    top: 0px;
}

.a-benifit-edi-item h3 {
    color: #1d2755;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}

.a-benifit-edi-item p {
    color: #636881;
    font-size: 18px;
    margin-bottom: 0px;
}

.a-benifits-of-edi-integration h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #1d2755;
    text-align: center;
}

.a-benifits-of-edi-integration span {
    color: #636881;
    font-size: 18px;
    max-width: 100%;
    text-align: center;
    display: block;
}

.a-benifit-edi-row {
    margin-top: 40px;
}

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

.a-introduction-amosoft-services {
    background: url(../images/sh-bg.svg) no-repeat center center;
    background-size: cover;
    padding: 70px 0px 100px;
}

.a-introduction-amosoft-services h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #1d2755;
    text-align: center;
}

.a-introduction-amosoft-content p {
    color: #636881;
    font-size: 16px;
    max-width: 100%;
}

.a-introduction-amosoft-content p:last-child {
    margin-bottom: 0px;
}

.a-introduction-amosoft-image {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.a-introduction-amosoft-image .phone-img {
    animation: floating2 7s infinite;
    width: 100%;
}

@keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

.a-introduction-amosoft-image .rings {
    position: absolute;
    top: 0%;
    z-index: -1;
    margin: 0 auto;
    left: 0%;
    transform: translate(-50%, -50%);
    animation: rotate-m 4s linear infinite;
    width: 90%;
}

@-webkit-keyframes rotate-m {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-m {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.what-amosoft-offers {
    background-image: url('../images/a-introduction-amosoft-bg.webp');
    background-size: cover;
    background-position: center top;
    padding-top: 150px;
    padding-bottom: 50px;
    margin-top: 50px;
}

.no-webp .what-amosoft-offers {
    background-image: url('../images/a-introduction-amosoft-bg.png');
}

.what-amosoft-offers h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
    color: #ffffff;
    text-align: center;
}

.a-amosoft-offers-list {
    padding-left: 0px;
    margin-bottom: 0px;
}

.a-amosoft-offers-list li {
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 15px;
    list-style: none;
    position: relative;
    padding-left: 35px;
}

.a-amosoft-offers-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;
}

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

.a-amosoft-b2b-solutions {
    padding: 80px 0px;
    background-image: url(../images/a-amosoft-b2b-solutions-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.no-webp .a-amosoft-b2b-solutions {
    background-image: url(../images/a-amosoft-b2b-solutions-bg.jpg);
}

.a-amosoft-b2b-solutions h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #1d2755;
    text-align: center;
}

h2.a-why-amosoft-edi {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 70px;
    color: #1d2755;
    text-align: center;
}

.a-amosoft-b2b-solutions ul.nav-tabs {
    justify-content: center;
}

.a-amosoft-b2b-solutions ul.nav-tabs li a {
    color: #6a7c92;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    position: relative;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
}

.a-amosoft-b2b-solutions ul.nav-tabs li a.active {
    color: #4154f1;
    background: transparent;
}

.a-amosoft-b2b-solutions ul.nav-tabs li a:hover:before,
.a-amosoft-b2b-solutions ul.nav-tabs li a.active:before {
    left: 0px;
    right: 0px;
    opacity: 1;
}

.a-amosoft-b2b-solutions ul.nav-tabs li a:before {
    left: 15px;
    right: 15px;
    bottom: -1px;
    content: '';
    height: 2px;
    opacity: 0;
    position: absolute;
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #4154f1;
}

.b2b-solution-list {
    padding-left: 0;
}

.b2b-solution-list li {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px;
    list-style: none;
    color: #1d2755;
}

.b2b-solution-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 .b2b-solution-list li:before {
    background-image: url('../images/double-tick.png');
}

.a-amosoft-b2b-solutions .tab-pane {
    padding-top: 40px;
}

.b2b-solution-image img {
    width: 100%;
}

.a-amosoft-quote {
    background-image: url('../images/quote-bg.webp');
    padding: 50px 0px;
    background-size: cover;
}

.no-webp .a-amosoft-quote {
    background-image: url('../images/quote-bg.png');
}

.a-amosoft-quote h2 {
    color: #fff;
    text-align: center;
    line-height: 44px;
}


/* style old css */

* {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.height119 {
    height: 119px;
}

input[type=submit],
input[type=button] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #000000;
}

.wrap {
    max-width: 1854px;
    margin: 0 auto;
    position: relative;
}

input,
textarea,
select {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.clr {
    clear: both;
    display: block;
    width: 100%;
}

.clearfix:after,
.clearfix:before {
    clear: both;
    width: 100%;
    display: block;
    content: '';
}

#contact {
    min-height: 800px;
}


/* images and misc. */

img {
    max-width: 100%;
}

.a-industry-title {
    padding-bottom: 0px !important;
    margin-bottom: 10px;
    color: #1d2755 !important;
    font-family: 'Lato', sans-serif;
}

.a-industry-subtitle {
    color: #1d2755;
    max-width: 290px;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 40px;
    min-height: 40px;
    font-family: 'Lato', sans-serif;
}

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

.a-industry h3.a-subtitle,
.a-service-section h3.a-subtitle {
    font-size: 21px !important;
    color: #959595 !important;
    text-align: center;
    letter-spacing: 0px !important;
    margin-bottom: 50px;
    font-family: 'Lato', sans-serif;
}

.wrap1854 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.wrap1425 {
    max-width: 1425px;
    margin: 0 auto;
    position: relative;
}

.wrap1060 {
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}

.wrap1090 {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
}

.wrap1010 {
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
}

.wrap1000 {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.wrap1565 {
    max-width: 1565px;
    margin: 0 auto;
    position: relative;
}

.wrap1490 {
    max-width: 1490px;
    margin: 0 auto;
    position: relative;
}

.wrap1705 {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.main-container {
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


/* Header */

.main-header {
    width: 100%;
    background: #1d2755;
    background: #fff;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 99999;
    min-height: 119px;
}

.header-tp {
    background: #1d2755;
    font-size: 20px;
    color: #fff;
    /*font-family: 'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    padding: 8px 0px 6px;
}

.header-tp .login-link {
    float: left;
}

.header-tp a {
    color: #fff;
}

.header-tp .phnno {
    float: right;
    width: 180px;
    text-align: right;
}

.header-tp .phnno img {
    float: left;
}

.logo-n-menu {
    padding: 13px 0px 4px;
    width: 100%;
    left: 0px;
    z-index: 99999;
    background: #fff;
    min-height: 65px;
}

.logo-n-menu.f-nav {
    position: fixed;
    top: 0px;
}

.logo-n-menu img {
    display: block;
}

.main-menu {
    /*font-family: 'latomedium';*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    float: right;
    font-size: 15.92px;
    color: #1d2755;
    padding: 44px 0px 0px 0px;
}

.logo {
    float: left;
}

.tglmenu {
    display: none;
}

.main-menu ul li {
    float: left;
    position: relative;
}

.main-menu ul li a {
    color: #1d2755;
    float: left;
    display: block;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 1px;
}

.main-menu ul li:last-child a {
    margin: 0px;
}

.main-menu ul li a:hover {
    /*color:#018c4f;border-bottom:1px solid #018c4f;*/
    border-bottom: 1px solid #1d2755;
    padding: 0px 0px 0px;
    /*text-shadow: 1px 1px 4px rgba(1, 140, 79, 0.50);*/
}

.main-menu ul li a.active {
    color: #018c4f;
}

.main-menu ul li .sub-menu li a {
    text-align: left !important;
    width: 100%;
}

.main-menu ul li .sub-menu {
    width: 137%;
}

.main-menu ul ul {
    position: absolute;
    display: none;
    width: 100%;
    padding: 0px;
    z-index: 99999;
    top: 20px;
    padding: 10px;
    background: #fff;
}

.main-menu ul li ul {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
}

.main-menu ul li ul li {
    padding: 0 !important;
    margin: 0px !important;
    display: block;
    float: none;
    text-shadow: none !important;
}

.main-menu ul li ul a {
    color: #555457;
    padding: 5px 0px 5px 0px !important;
    margin: 0px !important;
    display: block !important;
    text-align: center;
    /*border-bottom:1px solid #018c4f*/
    border-bottom: 1px solid #1d2755 !important;
}

.main-menu ul li ul li.current-menu-item a {
    color: #555457;
    background: none !important;
    height: auto;
    padding: 0px !important;
    border: 0px !important;
}

.main-menu ul li ul a:hover {
    border-bottom: 1px solid #018c4f;
    text-shadow: none !important;
    padding: 5px 0px 5px 0px !important;
    margin: 0px !important;
}

.main-menu ul ul li:hover {
    background: none;
    color: #555457;
}

.main-menu ul ul ul {
    top: auto;
    padding: 0;
}


/**/

.main-menu ul li ul ul {
    left: 160px;
    top: 0px;
}

.main-menu ul li:hover ul ul,
#dropmenu li:hover ul ul ul,
#dropmenu li:hover ul ul ul ul {
    display: none;
    border: none;
    background: none;
}

.main-menu ul li:hover ul,
#dropmenu li li:hover ul,
#dropmenu li li li:hover ul,
#dropmenu li li li li:hover ul {
    display: block;
}

.main-menu ul li.current_page_item li {
    color: #000;
    background: none;
    border: 0px;
}

.main-menu ul li.current_page_item li a:hover {
    color: #000;
}

.main-menu ul li ul li.current_page_item,
#menu ul li ul li.current_page_item a {
    color: #000;
}

.slider-banner {
    width: 100%;
    position: relative;
}

.arrow-slide-btm {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    bottom: 22.5%;
    cursor: pointer;
    height: 60px;
    background: url(../images/slide-btm2.png) no-repeat top center;
}

.arrow-slide-btm img {
    display: inline-block;
    transition: all 0.2s linear 0s;
    position: relative;
    top: 0px;
}

.arrow-slide-btm img:hover {
    position: relative;
    top: 5px;
}

.slider-banner .slides-title {
    position: absolute;
    top: 19%;
    left: 0px;
    width: 100%;
    /*font-family: 'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #fff;
    font-size: 106px;
    background: url(../images/slider-titler-bg.png);
    padding: 72px 0px;
}

.slider-banner .slick-slide {
    position: relative;
}

.slider-banner .slick-prev {
    top: 32%;
    width: 45px;
    height: 45px;
    left: 73px;
    position: absolute;
    background: url(../images/slider-left-arrow.png) no-repeat top left;
}

.slider-banner .slick-prev:hover {
    background: url(../images/slider-left-arrow.png) no-repeat top right;
}

.slider-banner .slick-next {
    top: 32%;
    width: 45px;
    height: 45px;
    right: 73px;
    position: absolute;
    background: url(../images/slider-right-arrow.png) no-repeat top right;
}

.slider-banner .slick-next:hover {
    background: url(../images/slider-right-arrow.png) no-repeat top left;
}

.slider-banner .slick-slider {
    margin: 0px;
}


/* Header */


/* HP Text Icons */

.hp-infobox-main {
    padding: 94px 0px 93px;
}

.hp-infobox {
    width: 195px;
    margin: 0px 38px 40px;
    text-align: center;
    font-size: 16px;
    float: left;
}

.hp-infobox .iconbox {
    margin: 0px 0px 32px;
    height: 180px;
    overflow: hidden;
}

.hp-infobox h3 {
    /*font-family:'ubunturegular';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 23px;
    height: 52px;
    overflow: hidden;
    color: #1d2755;
}

.hp-infobox .descp {
    font-size: 16px;
    color: #000000;
    /*font-family: 'latolight';*/
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    height: 213px;
    overflow: hidden;
}

a.learnmore {
    background: #1d2755;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    /*font-family: 'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 5px 0px 0px 0px;
    border: 2px solid #1d2755;
}

a.learnmore:hover {
    /*background:#018c4f;*/
    color: #1d2755;
    background: #fff;
    border: 2px solid #1d2755;
}


/* HP Text Icons */


/* Parallax 1 */

.hp-prallax1-main {
    min-height: 1258px;
    color: #fff;
    text-align: center;
    position: relative;
}

.hp-prallax1-main .arrowdown {
    background: url(../images/down-arrow-circle-1-bg.png) no-repeat top center;
}

.hp-midbluebox .arrowdown {
    background: url(../images/down-arrow-circle-3-bg.png) no-repeat top center;
}

.hp-form-main .arrowdown {
    background: url(../images/down-arrow-circle-3-bg.png) no-repeat top center;
}

.hp-prallax2-main .arrowdown {
    background: url(../images/down-arrow-circle-4-bg.png) no-repeat top center;
}

.arrowdown {
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    top: -85px;
    cursor: pointer;
}

.arrowdown img {
    display: inline-block;
    transition: all 0.2s linear 0s;
    position: relative;
    top: 0px;
}

.arrowdown img:hover {
    position: relative;
    top: 5px;
}

.inner-arrowdown {
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
    top: -85px;
    cursor: pointer;
}

.inner-arrowdown img {
    display: inline-block;
}

.hp-parallax1-cont {
    padding: 119px 0px 0px;
}

.hp-parallax1-cont .slick-prev,
.hp-parallax1-cont .slick-next {
    display: none !important;
}

.hp-prallax1-main .desctext {
    padding: 0px 0px 30px;
    /*font-family: 'latomedium_italic';*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    text-shadow: -4px 1px 6px rgba(0, 0, 0, 0.75);
}

.hp-prallax1-main .clientname {
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 36px;
    text-shadow: -4px 1px 6px rgba(0, 0, 0, 0.75);
}

.hp-parallax1box.hp-parallax1 {
    background: transparent none repeat scroll 0 0;
    height: 1258px;
}


/* Tool Tip */

.hp-tootltipsec {
    background: #1d2755;
    width: 100%;
    padding: 90px 0px 0px 0px;
    min-height: 885px;
}

.hp-tootltipsec h2,
.hp-tootltipsec h1 {
    text-align: center;
    color: #fff;
    /*font-family: 'latolight';*/
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 58px;
    padding: 0px 0px 31px;
}

.hp-tootltipsec h2 span,
.hp-tootltipsec h1 span {
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.hp-tootltipsec h3 {
    text-align: center;
    color: #8abddd;
    font-size: 30px;
    /*font-family: 'latomedium';*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 0px 0px 117px;
}

.hp-tootltipsec .boxcont {
    float: left;
    font-size: 13px;
    margin: 0 38px 70px;
    text-align: center;
    width: 195px;
    color: #919bcc;
    cursor: pointer;
}

.hp-tootltipsec .boxcont .iconimg img {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.hp-tootltipsec .boxcont:hover .iconimg img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.hp-tootltipsec .boxcont.vanicon .iconimg {
    border: 6px solid #4ce24c;
    border-radius: 195px;
    -moz-border-radius: 195px;
    -webkit-border-radius: 195px;
    -o-border-radius: 195px;
    -ms-border-radius: 195px;
}

.hp-tootltipsec .boxcont.as2icon .iconimg {
    border: 6px solid #f6a337;
    border-radius: 195px;
    -moz-border-radius: 195px;
    -webkit-border-radius: 195px;
    -o-border-radius: 195px;
    -ms-border-radius: 195px;
}

.hp-tootltipsec .boxcont.manageicon .iconimg {
    border: 6px solid #c94cfd;
    border-radius: 195px;
    -moz-border-radius: 195px;
    -webkit-border-radius: 195px;
    -o-border-radius: 195px;
    -ms-border-radius: 195px;
}

.hp-tootltipsec .boxcont.implementationicon .iconimg {
    border: 6px solid #00aeef;
    border-radius: 195px;
    -moz-border-radius: 195px;
    -webkit-border-radius: 195px;
    -o-border-radius: 195px;
    -ms-border-radius: 195px;
}

.hp-tootltipsec .iconimg {
    margin: 0px 0px 24px;
    width: 195px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.hp-tootltipsec h4 {
    text-align: center;
    background: url(../images/mid-tooltip-title-bg.png) no-repeat top center;
    font-size: 23px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 29px 0px 0px;
    min-height: 62px;
}

.hp-tootltipsec h4.green-colr {
    color: #4ce24c;
}

.hp-tootltipsec h4.orange-colr {
    color: #f6a337;
}

.hp-tootltipsec h4.purple-colr {
    color: #c94cfd;
}

.hp-tootltipsec h4.blue-colr {
    color: #00aeef;
}

.hp-tootltipsec ul li {
    border-bottom: 1px solid #364476;
    margin: 0px 0px 14px;
    padding: 0px 0px 15px;
}

.hp-tootltipsec ul li:last-child {
    border: 0px;
}

.hp-tootltipsec .open-div {
    /*display:none;*/
    opacity: 0;
    background: #333d6c;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 0px 1px;
    border-left: 1px solid #364476;
    border-right: 1px solid #364476;
    border-bottom: 1px solid #364476;
    /*transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;*/
}

.hp-tootltipsec .boxcont:hover .open-div {
    /*display:block;*/
    opacity: 1;
}

.hp-tootltipsec .boxcont:hover h4 {
    background: url(../images/mid-tooltip-title-bg2.png) no-repeat top center;
}


/* Tool Tip */


/* Blue BG */

.hp-midbluebox {
    position: relative;
    width: 100%;
    background: url(../images/blue-dot-bg.jpg);
    padding: 101px 0px 40px 0px;
    color: #fff;
    font-size: 16px;
}

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

.hp-midbluebox ul li:last-child {
    margin: 0px 0px 50px 0px;
}

.hp-midbluebox h3 {
    font-size: 27px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 0px 0px 0px;
    min-height: 59px;
}


/* Blue BG */


/* Client Logo */

.hp-client-logo {
    position: relative;
    width: 100%;
    padding: 80px 0px 60px;
}

.hp-client-logo ul li {
    width: 20%;
    float: left;
    margin: 0px 0px 30px;
}


/* Client Logo */


/* Hp Form */

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

.hp-form-main .leftaddress {
    width: 25%;
    float: right;
}

.hp-form-main .leftaddress a {
    color: #fff;
}

.hp-form-main .leftaddress h4 {
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.hp-form-main .leftaddress p {
    padding: 0px 0px 60px;
    font-size: 13px;
    line-height: 1.5;
}

.hp-form-main .formfield {
    width: 74%;
    float: right;
}

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

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

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

.hp-form-main .submit-cta input {
    width: 229px;
    height: 59px;
    background: #1d2755;
    border: 1px solid #83bee4;
    text-align: center;
    color: #fff;
    font-size: 26px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    cursor: pointer;
}


/*.hp-form-main .submit-cta input:hover{background:#018c4f; border:1px solid #04c671;}*/

.hp-form-main .submit-cta input:hover {
    color: #1d2755;
    background: #fff;
    border: 2px solid #1d2755;
}


/* Hp Form */


/* Watch Video */

.hp-watch-video {
    text-align: center;
    background: #1d2755;
    color: #fff;
    font-size: 33px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 26px 0px 51px;
}

.hp-watch-video a {
    color: #fff;
}

.hp-watch-video span {
    display: inline-block;
}

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


/* Watch Video */


/* Ready Get */

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

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

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

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


/* Ready Get */


/* Testimonial */

.hp-testimonial {
    background: url(../images/white-dotbg.jpg);
    width: 100%;
    position: relative;
    padding: 24px 0px 87px;
    color: #388ec7;
    font-size: 25px;
    text-align: center;
    color: #388ec7;
    font-size: 25px;
}

.hp-testimonial-slide {
    position: relative;
}

.hp-testimonial .testirptbox {
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.hp-testimonial h3 {
    color: #1d2755;
    font-size: 35px;
    padding: 0px 70px 19px;
    font-family: 'Lato', sans-serif;
}

.hp-testimonial p {
    color: #388ec7;
    font-size: 24px;
    padding: 0px 70px 29px;
}

.hp-testimonial strong {
    display: block;
    color: #388ec7;
    font-size: 25px;
}

.hp-testimonial .slick-prev {
    width: 22px;
    height: 37px;
    position: absolute;
    left: 0px;
    top: 112px;
    background: url(../images/blue-arrow-left.png);
}

.hp-testimonial .slick-prev:hover {
    background: url(../images/blue-arrow-left.png);
}

.hp-testimonial .slick-next {
    width: 22px;
    height: 37px;
    position: absolute;
    right: 0px;
    top: 112px;
    background: url(../images/blue-arrow-right.png);
}

.hp-testimonial .slick-next:hover {
    background: url(../images/blue-arrow-right.png);
}


/* Testimonial */


/* Parallax 2 */

.hp-prallax2-main {
    min-height: 500px;
    color: #fff;
    text-align: center;
    position: relative;
}

.hp-parallax2-cont {
    padding: 150px 0px 0px;
}

.hp-parallax2box.hp-parallax2 {
    background: transparent none repeat scroll 0 0;
    height: 500px;
}

.hp-prallax2-main h2 {
    background: url(../images/black-transparent-bg.png);
    font-size: 35px;
    /* font-family: 'latobold'; */
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 50px 0px 50px;
}


/* Parallax 2 */


/* HP gets Start */

.hp-get-start {
    background: #202b5d;
    width: 100%;
    position: relative;
    background: url(../images/blue-bg.jpg);
    padding: 0px 0px 76px;
}

.hp-get-start .box1 {
    background: #1376b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px 0px 23px;
    top: -61px;
    position: relative;
    margin: 0px 0px 39px;
}

.hp-get-start .inner.box1 {
    top: 0px;
    margin: 0px 0px 100px;
}

.inner.hp-get-start {
    padding: 84px 0px 76px;
}

a.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: url(../images/request-a-quota.png) no-repeat top center;
    width: 166px;
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.hp-get-start .box1 h2 {
    float: left;
    color: #fff;
    font-size: 58px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    padding: 0px 0px 0px 63px;
    position: relative;
    top: -7px;
}

.hp-get-start .box2 {
    background: url(../images/light-blue-bg.jpg);
    border: 1px solid #509dd0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 30.7%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 16px;
    color: #fff;
}

.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;
}

.hp-get-start h3 {
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 6px 0px 18px;
}

.hp-get-start h4 {
    font-size: 14px;
    color: #fff;
    padding: 0px 10px 20px;
}

.hp-get-start h5 {
    font-size: 16px;
    color: #fff;
    /*font-family: 'latoitalic';*/
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-style: italic;
    padding: 0px 0px 27px;
}

.hp-get-start .get-dir {
    padding: 0px 58px;
    margin: 0px 0px -22px;
    position: relative;
}

.hp-get-start .get-dir a {
    height: 47px;
    line-height: 47px;
    color: #fff;
    /*font-family:'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    width: 100%;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #76abd2;
    background: #1c2755;
    position: relative;
}

.hp-get-start .get-dir a:hover {
    /*background:#018c4f; border:1px solid #04c671;*/
    color: #1d2755;
    background: #fff;
    border: 1px solid #1d2755;
    text-shadow: none;
}

.hp-get-start .get-dir span {
    display: inline-block;
    background: url(../images/white-double-arrow.png) no-repeat;
    height: 13px;
    width: 21px;
}

.hp-get-start .get-dir a:hover span {
    background: url(../images/white-double-arrow-hover.png) no-repeat;
}

.hp-get-start .get-dir .twit {
    position: absolute;
    right: -29px;
    top: -24px;
}

.hp-get-start .box3 {
    float: left;
    margin: 0px 0px 0px 36px;
    width: 30.7%;
}

.hp-get-start .box3 .signup {
    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: url(../images/request-a-quota.png) no-repeat top center;
    width: 166px;
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin: 0 auto;
    cursor: pointer;
    border: 0px;
    text-transform: uppercase;
}

.hp-get-start .box3 .inputbox {
    padding: 0px 0px 30px;
    width: 100%;
}

.hp-get-start .box3 .inputbox input {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #7db4db !important;
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    font-size: 16px;
    color: #1d2755;
    padding: 0px 15px;
    /*font-family: 'ubuntulight_italic';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-style: italic;
    outline: none !important;
    box-shadow: none;
}

.hp-get-start .box3 .inputbox input:focus {
    border: 1px solid #7db4db !important;
    outline: none !important;
    box-shadow: none;
}

.hp-get-start .box3 .inputbox input:active {
    border: 1px solid #7db4db !important;
    outline: none !important;
    box-shadow: none;
}

input:focus {
    outline: 0;
}

[required] {
    box-shadow: none;
}

.hp-get-start .box3 .topsec {
    margin: 0px 0px 40px;
    width: 100%;
    background: url(../images/light-blue-bg.jpg);
    border: 1px solid #509dd0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.hp-get-start .box3 .topsec .bluebox-btmarrow {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 21px;
    background: url(../images/bluebox-btmarrow.jpg) no-repeat top center;
    bottom: -20px;
}

.hp-get-start .box3 .topsec h2 {
    font-size: 23px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-align: center;
    padding: 26px 0px 13px;
    /*font-family:'latomedium'; */
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.hp-get-start .box3 .topsec h3 {
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 0px 0px 35px;
}


/* HP gets Start */


/* Bottom Social Sec */

.btm-social-sec {
    background: #0a1339;
    padding: 40px 0px 37px;
}

.btm-social-sec ul {
    padding: 0px 0px 30px;
}

.btm-social-sec ul li {
    /*width: 330px;*/
    width: 324px;
    float: left;
    font-size: 18px;
    padding: 0px 0px 38px;
    position: relative;
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin: 0px 33px 0px 0px;
}

.btm-social-sec ul li:last-child {
    margin: 0px;
}

.btm-social-sec ul li h3 {
    /*font-family: 'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 26px;
    padding: 12px 0px 8px;
}

.btm-social-sec ul li .social-icon {
    width: 86px;
    height: 86px;
    margin: 0px 10px 0px 0px;
    float: left;
    border: 2px solid #254c81;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    transition: top 0.4s ease-out;
    -webkit-transition: top 0.4s ease-out;
    -moz-transition: top 0.4s ease-out;
    -ms-transition: top 0.4s ease-out;
    top: 0;
    font-size: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btm-social-sec ul li a:hover .social-icon {
    top: -8px;
}

.btm-social-sec ul li .social-icon i {
    font-size: 55px;
    line-height: 86px;
    padding: 0px 0px 0px 18px;
}

.btm-social-sec ul li.fb-box {
    color: #4b94e7;
}

.btm-social-sec ul li.fb-box a {
    color: #4b94e7;
}

.btm-social-sec ul li.gplus-box {
    color: #fd5858;
}

.btm-social-sec ul li.gplus-box a {
    color: #fd5858;
}

.btm-social-sec ul li.gplus-box .social-icon {
    border: 2px solid #fd5858;
}

.btm-social-sec ul li.lin-box .social-icon {
    border: 2px solid #419dca;
}

.btm-social-sec ul li.lin-box {
    color: #419dca;
}

.btm-social-sec ul li.lin-box a {
    color: #419dca;
}

.btm-social-sec ul li.fb-box:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 55px;
    position: absolute;
    right: 0px;
    top: 21px;
    background: #4b94e7;
}

.btm-social-sec ul li.gplus-box:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 55px;
    position: absolute;
    right: 0px;
    top: 21px;
    background: #4b94e7;
}

.btm-social-sec ul li.lin-box:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 55px;
    position: absolute;
    right: 0px;
    top: 21px;
    /*background: #419dca;*/
}

.btm-social-sec .visit-our {
    text-align: center;
    /*font-family: 'ubuntubold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fd5858;
}

.btm-social-sec .visit-our a {
    color: #fd5858;
}

.btm-social-sec .visit-our a:hover {
    color: #ffffff;
}

.btm-social-sec .visit-our i {
    position: relative;
    right: -10px;
}


/* Main Footer */

.main-footer {
    background: url(../images/footer-patter.jpg);
    padding: 75px 0px 30px;
}

a.scroltop {
    background: url(../images/slide-top-top.png) no-repeat top right;
    width: 33px;
    height: 19px;
    float: right;
}

.main-footer .copyright {
    float: left;
    font-size: 20px;
    color: #fff;
    /*font-family: 'latomedium';*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 0px 0px 10px;
    width: 400px;
}

.main-footer .copyright a {
    color: #fff;
}

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

.main-footer .social-icon {
    float: right;
    color: #fff;
    padding: 0px 0px 49px;
    width: 410px;
}

.main-footer .social-icon a {
    color: #fff;
    display: inline-block;
    font-size: 35px;
    padding: 0px 0px 0px 40px;
}

.main-footer .social-icon .fa-twitter:hover {
    color: #28a9e0;
}

.main-footer .social-icon .fa-facebook-f:hover {
    color: #3c5a99;
}

.main-footer .social-icon .fa-google-plus:hover {
    color: #cf1717;
}

.main-footer .social-icon .fa-linkedin-in:hover {
    color: #007ab9;
}

.main-footer .social-icon .fa-youtube:hover {
    color: #e64a41;
}


/* Main Footer */


/* Blog */

.inner-title-sec {
    width: 100%;
    background: url(../images/inner-title-bg.jpg);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.60);
    margin: 0px 0px 75px;
}

.inner-title-sec h1 {
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-size: 68px;
    padding: 84px 0px 37px;
    text-transform: uppercase;
}

.inner-title-sec h2 {
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 35px;
    padding: 0px 0px 98px;
}

.blog-content {
    padding: 0px 0px 50px;
}

.blog-right {
    width: 24.5%;
    float: right;
}

.blog-right .social-icons {
    padding: 0px 0px 49px;
}

.blog-right .social-icons img {
    display: inline-block;
    padding: 0px 25px 0px 0px;
}

.blog-right .category {
    padding: 0px 0px 73px;
    color: #1d2755;
    font-size: 28px;
}

.blog-right .category h3 {
    padding: 0px 0px 23px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #009ddc;
}

.blog-right .category ul li {
    padding: 0px 0px 19px;
}

.blog-right .category ul li a {
    color: #1d2755;
    display: block;
    padding: 0px 0px 0px 40px;
    background: url(../images/blog-right-blue-arrow.png) no-repeat top left;
}

.blog-right .category ul li a:hover,
.blog-right .category ul li a.active {
    background: url(../images/blog-right-grey-arrow.png) no-repeat top left;
    color: #3db8e4;
}

.blog-right .archives {
    padding: 0px 0px 76px;
    color: #1d2755;
    font-size: 28px;
}

.blog-right .archives h3 {
    padding: 0px 0px 23px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #1d2755;
}

.blog-right .archives ul li {
    padding: 0px 0px 19px;
}

.blog-right .archives ul li a {
    color: #1d2755;
    display: block;
    padding: 0px 0px 0px 40px;
    background: url(../images/blog-right-dblue-arrow.png) no-repeat top left;
}

.blog-right .archives ul li a:hover,
.blog-right .archives ul li a.active {
    background: url(../images/blog-right-grey-arrow.png) no-repeat top left;
    color: #3db8e4;
}

.hyperlink {
    color: blue;
}

.blog-left {
    width: 70%;
    float: left;
    background: url(../images/blog-vertical-seperator.jpg) no-repeat top right;
    padding: 0px 51px 50px 0px;
}

.blog-posts {
    padding: 0px 0px 42px;
}

.blog-rptbox {
    padding: 0px 0px 50px;
    font-size: 33px;
    color: #010101;
}

.blog-rptbox h2 {
    font-size: 39px;
    color: #26326e;
    /*font-family: 'latomedium';*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 0px 0px 11px;
}

.blog-rptbox h2 a {
    color: #26326e;
}

.blog-rptbox .infobox {
    font-size: 32px;
    color: #2a75ae;
    background: url(../images/blog-horizontal-seperator.jpg) no-repeat bottom left;
    padding: 0px 0px 16px;
    margin: 0px 0px 20px;
}

.blog-rptbox .infobox a {
    color: #2a75ae;
}

.blog-rptbox .infobox span {
    color: #000000;
}

.blog-rptbox .desp {
    padding: 0px 0px 0px 92px;
    background: url(../images/blog-globe-icon.png) no-repeat top left;
}

.blog-rptbox a,
.blog-rptbox .desp a {
    color: blue;
}

.blog-rptbox strong,
.blog-rptbox .desp strong {
    color: #010101;
}

.blog-rptbox .text {
    padding: 4px 0px 22px;
    font-size: 33px;
    color: #010101;
}

.blog-rptbox a.readmore {
    font-size: 20px;
    color: #fff;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: #1d2755;
    border: 2px solid #1d2755;
    display: block;
    height: 59px;
    line-height: 59px;
    text-align: center;
    max-width: 215px;
}

.blog-rptbox a.readmore:hover {
    font-size: 20px;
    color: #1d2755;
    background: #fff;
    border: 2px solid #1d2755;
}

.blog-left .load-more-post {
    background: #e1e6e8;
    margin: 0px 0px 15px;
    text-align: center;
    color: #009ddc;
    font-size: 30px;
    max-width: 786px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.blog-left .load-more-post a {
    display: block;
    color: #009ddc;
    text-align: center;
    padding: 22px 0px 22px;
}

.blog-left .load-more-post span {
    display: inline-block;
}

.blog-left .load-more-post a:hover {
    background: #1d2755;
}

.blog-left .loading-next {
    font-size: 30px;
    color: #595959;
    max-width: 786px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: url(../images/blog-loading-bg.jpg);
    text-align: center;
    padding: 17px 0px 24px;
    margin: 0px 0px 5px;
}

.blog-left .loading-next span {
    display: inline-block;
    position: relative;
    top: 3px;
}


/* Blog */


/* Inner */

.inner-pg-title-sec {
    width: 100%;
    background: url(../images/inner-page-title-bg.jpg) #b5d8e1;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.60);
    margin: 0px 0px 75px;
    min-height: 342px;
}

.inner-pg-title-sec.magento {
    background: url(../images/magento-bg.jpg) #000;
}

.inner-pg-title-sec h1 {
    text-align: center;
    /*font-family: 'ubuntumedium';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
    font-size: 50px;
    color: #fff;
    padding: 13px 0px 34px 0px;
}

.inner-pg-title-sec .leftban {
    float: left;
    width: 79.5%;
    text-align: right;
}

.inner-pg-title-sec .leftban img {
    display: inline-block;
}

.inner-pg-title-sec .cta-sec {
    width: 234px;
    float: right;
    padding: 36px 0px 0px 0px;
}

.inner-pg-title-sec .cta-sec a {
    margin: 0px 0px 14px;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    height: 67px;
    font-size: 22px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: url(../images/inner-title-cta-bg.png) no-repeat top center;
    line-height: 67px;
}

.left-container {
    float: left;
    width: 21.3%;
    padding: 0px 17px 0px 0px;
    background: url(../images/inner-page-line-sep.jpg) no-repeat top right;
    color: #565657;
    font-size: 18px;
    min-height: 1435px;
}

.left-container .tglinte {
    display: none;
}

.left-container h2 {
    font-size: 22px;
    color: #1d2755;
    padding: 0px 0px 36px;
    /*font-family: 'latobold';*/
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.left-container ul li {
    background: url(../images/inner-left-link-sep.jpg) no-repeat bottom left;
}

.left-container ul li:last-child {
    background: none;
}

.left-container ul li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #565657;
    padding: 16px 0px 16px 0px;
    display: block;
}

.left-container ul li a:hover {
    color: #1d2755;
}

.right-container {
    float: right;
    width: 73.3%;
    background: url(../images/inner-page-line-sep.jpg) no-repeat top right;
    min-height: 1435px;
    padding: 0px 17px 0px 0px;
}

.right-container h1 {
    color: #1d2755;
    font-size: 44px;
    padding: 0px 50px 44px 0px;
}

.right-container h6 {
    color: #1d2755;
    font-size: 24px;
    padding: 0px 0px 41px 0px;
    background: url(../images/inner-page-horizontal.jpg) no-repeat bottom left;
    margin: 0px 0px 46px;
}

.right-container .rptdiv {
    padding: 0px 0px 57px 94px;
    color: #1d2755;
    font-size: 24px;
    background: url(../images/blog-globe-icon.png) no-repeat top left;
}

.right-container .rptdiv h2 {
    color: #0226c1;
    font-size: 38px;
    padding: 0px 0px 31px;
}

.right-container .rptdiv h2 a {
    color: #0226c1;
}

.right-container .rptdiv h3 a {
    color: #0226c1;
}

.inner-pg-content {
    padding: 0px 0px 85px;
}


/* Inner */


/**/

.popup {
    display: none;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 9999;
}

.popcontent {
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    max-width: 800px;
    background: #fff;
    padding: 10px;
}

.vframe {
    width: 100%;
    border: 0px;
    height: 400px;
}

.b-close {
    background: url(../images/vclose.png) no-repeat center center #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: -30px;
    cursor: pointer;
}

.b-close:hover {
    opacity: 0.8;
}

.overlay {
    background: #000;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}

.hp-client-logo .portfolio-image {
    overflow: hidden;
    display: block;
    position: relative;
}

.hp-client-logo .portfolio-image img {
    width: 100%;
    height: auto;
}

.portfolio>a,
.portfolio>a:hover {
    color: #ffffff;
}

.hp-client-logo .portfolio>a:hover>.portfolio-overlay {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.portfolio>a img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-overlay .thumb-info h3 {
    top: 27%;
    font-size: 22px;
    line-height: 1.1;
}

.portfolio-overlay .thumb-info p {
    top: 59%;
    font-size: 10px;
    line-height: 1.3;
    text-transform: uppercase;
}

.portfolio-overlay .thumb-info h3 {
    color: #ffffff;
    width: 96%;
    position: absolute;
    text-align: center;
    padding: 0 2%;
}

.portfolio-overlay .thumb-info p {
    color: #ffffff;
    width: 96%;
    position: absolute;
    text-align: center;
    font-weight: bold;
    padding: 0 2%;
}

.portfolio .portfolio-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 4;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0.4px;
    padding: 0.6px;
}

.portfolio-item .portfolio>a:hover>.portfolio-overlay {
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

.portfolio>a img {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio>a:hover img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio .thumb-info {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    /*for a smooth font */
}

.portfolio a:hover .portfolio-overlay .thumb-info {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-overlay .thumb-info h4 {
    position: absolute;
    top: 53%;
    line-height: 20px;
    padding: 0 10%;
    width: 80%;
    text-align: center;
    -moz-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.wrap1060 .box1 h2 {
    font-size: 35px;
    font-family: 'Lato', sans-serif;
}

.wrap1060 .box1 .request-a-quote {
    margin: 0 30px 0 0 !important;
}

#getStarted,
.BlogTopic,
.BlogArchives,
.loadmore {
    cursor: pointer;
}

.inner-pg-title-sec .cta-sec a {
    background: rgba(0, 0, 0, 0) url("../images/inner-title-cta-bg.png") no-repeat scroll center top;
    color: #fff;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 700;
    height: 67px;
    line-height: 67px;
    margin: 0 0 14px;
    text-align: center;
    width: 100%;
}

.inner-pg-title-sec.magento .cta-sec a {
    background: rgba(0, 0, 0, 0) url("../images/magento-cta-bg.png") no-repeat scroll center top;
}

.fss-frame {
    max-width: 980px;
    margin: 0 auto;
}

.fss-frame a {
    cursor: pointer;
}

.fss-frame h2 {
    color: #1d2755;
    text-align: center;
    font-size: 38px;
    margin: 30px 0 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.services-tabs {
    margin: 0 0 24px;
    position: relative;
}

.services-tabs:before {
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 74%;
    height: 22px;
    content: "";
    background: #d5d5d5;
    background: -moz-linear-gradient(top, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(10%, #dedede), color-stop(14%, #e5e5e5), color-stop(29%, #f1f1f1), color-stop(38%, #f6f6f6), color-stop(48%, #f8f8f8), color-stop(81%, #f8f8f8), color-stop(90%, #f6f6f6), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
    z-index: 1;
}

.services-tabs li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    position: relative;
    z-index: 2;
    padding: 192px 0 0;
}

.fss-step-number {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 176px;
    height: 176px;
    font-size: 75px;
}

.fss-step-number strong {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 3px 4px rgba(0, 0, 0, .2);
    content: "";
    z-index: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.fss-step-number em {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 118px;
    height: 118px;
    background: #fff;
    color: #a0a0a0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    font: 57px/118px, sans-serif;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .2s;
    transition: all .2s;
    line-height: 118px;
}

.active .fss-step-number em {
    background: rgba(136, 186, 0, 1) none repeat scroll 0 0;
    color: #fff;
    height: 142px;
    line-height: 142px;
    width: 142px;
}

.active .tab-text {
    color: #88ba00;
}

.fss-active-1 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(2) .fss-step-number em {
    background: #1d2754;
    color: #fff;
}

.fss-active-1 li:nth-child(1) .tab-text,
.fss-active-2 li:nth-child(1) .tab-text,
.fss-active-2 li:nth-child(2) .tab-text {
    color: #1d2754;
}

.tab-text {
    font-weight: bold !important;
    font-size: 20px;
    line-height: 20px;
}

.tab-text {
    font-family: "Lato", sans-serif !important;
    color: #a0a0a0;
    text-align: center;
    display: block;
    padding: 0 40px;
    line-height: 20px !important;
}

.fss-frame .progress-filler {
    background-color: #1d2754 !important;
}

.progress-filler {
    margin: 0 0 60px;
    height: 17px;
    background: #0078ae;
    border-radius: 4px;
    position: relative;
}

.fss-active-2 .progress-indicator {
    width: 100%;
}

.fss-active-0 .progress-active {
    left: 16.3%;
}

.fss-active-1 .progress-active {
    left: 50%;
}

.fss-active-1 .progress-indicator {
    width: 66.66%;
}

.fss-active-2 .progress-active {
    left: 83.5%;
}

.fss-active-1 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(2) .fss-step-number em {
    background: #1d2754 none repeat scroll 0 0;
    color: #fff;
}

.progress-indicator {
    display: block;
    width: 33.33%;
    height: 17px;
    background: #88ba00;
    border-radius: 4px;
    -webkit-transition: width .4s;
    transition: width .4s;
}

active {
    left: 83.5%;
}

.progress-active {
    position: absolute;
    top: 100%;
    margin-left: -22px;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 16px solid #88ba00;
    -webkit-transition: left .4s;
    transition: left .4s;
}

.tabs-content {
    padding: 0 46px;
}

.tabs-column:first-child {
    width: 42.1%;
    padding: 0 48px 0 0;
    font: 33px/1.2, sans-serif;
    color: #0078ae;
}

.tabs-column {
    float: left;
    width: 51.8%;
    font-size: 17px;
    line-height: 1.6;
    color: #a0a0a0;
    font-family: 'Lato', sans-serif;
}

.fss-frame .first-tabs-col p {
    color: #1d2755;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
}

.tabs-content p {
    margin: 0 0 28px;
}

.teamwork {
    background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0 / cover;
    color: #fff;
    /*padding: 164px 0;*/
    height: 800px;
    text-align: center;
}

.teamwork .wrap1010 {
    top: 35%;
}

.teamwork .play-icon {
    width: 147px;
    margin: 0 auto;
    display: block;
    transition: all 0.4s ease-in;
}

.teamwork h1,
.teamwork p {
    margin: 20px 0px;
}

.teamwork h4 {
    margin: 20px 0px;
    font-size: 30px;
}

#playVideo .wistia_embed {
    width: 100%;
    height: 800px;
}

.active .fss-step-number strong {
    width: 176px;
    height: 176px;
}

a:hover .fss-step-number em {
    background: rgba(136, 186, 0, 1) none repeat scroll 0 0;
    color: #fff;
}

.teamwork .play-icon:hover {
    opacity: 0.5;
    transition: all 0.4s ease-in 0s;
    cursor: pointer;
}

.inputgroup {
    margin-bottom: 1rem;
    position: relative;
    margin-bottom: 1.6rem;
    clear: both;
}

.inputgroup label {
    font-size: 1.3rem;
    top: 1.1rem;
    left: 1.2rem;
    position: absolute;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    top: 1rem;
    left: 0.8rem;
}

.inputgroup input,
.inputgroup textarea {
    height: 60px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 300;
    outline: none;
    height: 44px;
    width: 100%;
    border-radius: 3px;
    border: 0;
    padding-left: 0.8rem;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.inputgroup input,
.inputgroup select,
.inputgroup textarea {
    font-size: 1.3rem;
    padding-left: 1.2rem;
    height: 52px;
}

.inputgroup.active label {
    color: #00457d;
    font-size: 0.7rem;
    left: 1.2rem;
    top: 0.45rem;
}

.inputgroup.active input,
.inputgroup.active textarea {
    border-bottom: 5px solid #000066;
}

.container #signupsplash .inputgroup label {
    font-size: 1rem;
    top: 1.05rem;
    color: #00457d;
}

#signupsplash .inputgroup.active label {
    font-size: 0.7rem;
    left: 0.8rem;
    top: 0.35rem;
}

.inputgroup {
    position: relative;
    margin-bottom: 1.6rem;
    clear: both;
}

#signupsplash .inputgroup label {
    position: absolute;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    top: 1rem;
    left: 0.8rem;
    font-size: 1.1rem;
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.inputgroup input {
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 300;
    outline: none;
    height: 44px;
    width: 100%;
    border-radius: 3px;
    border: 0;
    padding-left: 0.8rem;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}


/*.inputgroup input:focus,
.inputgroup textarea:focus,
.inputgroup select:focus {
background-color: white;
}*/

.inputgroup input.empty,
.inputgroup textarea.empty,
.inputgroup select.empty {
    border-bottom: 3px solid #f55b5b;
}

.inputgroup.active input,
.inputgroup.active textarea,
.inputgroup.active select {
    background-color: white;
}

.inputgroup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.hp-form-main .rptinput input {
    height: 55px;
    box-sizing: border-box;
    font-size: 20px;
    color: #1d2755;
    padding: 14px 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding-top: 28px;
    width: 96%;
}

.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;
    border-bottom: none !important;
}

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

.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: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: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 35px;
    position: absolute;
    top: 0px;
    left: 0;
    font-family: 'Font Awesome\ 5 Free';
    color: #32aefc;
}

.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;
}

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

.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;
    height: auto;
}

.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 {
    color: #636881;
    font-size: 16px;
    max-width: 100%;
}

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

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

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

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

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

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

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

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

@media only screen and (min-width:1300px) {
    .wrap1854 {
        max-width: 94%;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1425 {
        max-width: 1425px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1060 {
        max-width: 1060px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1090 {
        max-width: 1090px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1010 {
        max-width: 1010px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1000 {
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1565 {
        max-width: 95%;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1490 {
        max-width: 1490px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .inner-pg-title-sec .leftban {
        width: 70%;
    }
    .blog-right {
        width: 25%;
    }
    .blog-right .social-icons img {
        width: 45%;
        padding: 0;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
}

@media only screen and (max-width:1300px) {
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:1200px) {
    .wrap1854 {
        max-width: 1854px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1425 {
        max-width: 1425px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1060 {
        max-width: 1060px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1090 {
        max-width: 1090px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1010 {
        max-width: 1010px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1000 {
        max-width: 1000px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1565 {
        max-width: 1565px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .wrap1490 {
        max-width: 1490px;
        margin: 0 auto;
        position: relative;
        padding: 0px 10px;
    }
    .inner-pg-title-sec .leftban {
        width: 70%;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:1150px) {
    .logo {
        width: 30%;
    }
    .btm-social-sec ul li {
        margin: 0px 10px 0px 0px;
        width: 300px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:1030px) {
    .hp-midbluebox ul li {
        margin: 0 20px 50px 0;
    }
    #playVideo,
    #playVideo .wistia_embed {
        height: 551px;
        width: 980px;
    }
    .divVideoContent {
        height: 551px;
        width: 981px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:1000px) {
    .hp-get-start .box1 h2 {
        padding: 0 0 20px 0px;
        text-align: center;
        width: 100%;
        float: none;
    }
    a.request-a-quote {
        margin: 0 auto;
        float: none;
    }
    .left-container {
        padding: 0px;
        margin: 0px;
    }
    .left-container .tglinte {
        display: block;
        width: auto;
        padding: 10px;
        margin: 0px 0px 15px;
        background: url(../images/inn-menuicon.png) no-repeat center right #1d2755;
        font-size: 20px;
        color: #fff;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    .left-container ul li {
        background: url(../images/inner-page-horizontal.jpg) no-repeat scroll left bottom;
    }
    .inn-pg-left-menu {
        display: none;
    }
    .left-container h2 {
        display: none;
    }
    .tglmenu {
        display: block;
    }
    .main-menu {
        display: none;
        padding: 0px;
        background: #fff;
        position: absolute;
        top: 45px;
        right: 0px;
        width: 100%;
    }
    .main-menu ul li {
        float: none;
        display: block;
        border-bottom: 1px solid #CCC;
    }
    .main-menu ul li a {
        float: none;
        display: block;
        text-align: center;
        padding: 10px 0px 10px 0px !important;
        font-size: 20px;
        border: 0px !important;
        margin: 0px !important;
    }
    .main-menu ul li ul a {
        border: 0px !important;
    }
    .main-menu ul li ul {
        display: block !important;
        position: relative !important;
        top: 0px !important;
        padding: 0px;
    }
    .main-menu ul li ul li {
        border: 0px !important;
    }
    .tglmenu {
        background: rgba(0, 0, 0, 0) url(../images/menuicon.png) no-repeat scroll right top;
        color: #1d2755;
        display: block;
        font-size: 14px;
        height: 21px;
        padding: 5px 31px 0;
        position: absolute;
        right: 10px;
        top: 5px;
        width: 90px;
        z-index: 9999;
        text-align: right;
    }
    .logo {
        width: 376px;
    }
    .hp-infobox-main {
        text-align: center;
    }
    .hp-infobox {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .hp-tootltipsec {
        text-align: center;
        padding: 59px 0 50px;
    }
    .hp-tootltipsec .boxcont {
        display: inline-block;
        float: none;
        vertical-align: top;
        cursor: pointer;
    }
    .btm-social-sec ul li {
        margin: 0px auto 20px auto !important;
        max-width: 300px !important;
        width: auto !important;
        float: none !important;
    }
    .btm-social-sec ul li:after {
        display: none !important;
    }
    .btmready-get i {
        right: -10px;
    }
    .inner-pg-title-sec .leftban {
        width: 100%;
        float: none;
        text-align: center;
    }
    .inner-pg-title-sec .cta-sec {
        float: none;
        width: 100%;
        text-align: center;
    }
    .inner-pg-title-sec .cta-sec a {
        width: 233px;
        display: inline-block;
    }
    .left-container {
        float: none;
        width: auto;
        background: none;
        min-height: inherit;
    }
    .right-container {
        float: none;
        width: auto;
        background: none;
        min-height: inherit;
    }
    .right-container .rptdiv {
        padding: 0 0 57px 59px;
    }
    .blog-right {
        float: left;
        width: auto;
        background: none;
    }
    .blog-left {
        float: left;
        width: auto;
        background: none;
        padding: 0px 0px 50px 0px;
    }
    .blog-rptbox .desp {
        padding: 0 0 0 60px;
    }
    .popcontent {
        width: 80%;
    }
    .hp-client-logo ul li {
        width: 25%;
    }
    #playVideo .wistia_embed {
        height: 100%;
        width: 100%;
    }
    .teamwork {
        padding: 3px 0;
        height: auto;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:800px) {
    .hp-get-start .box2,
    .hp-get-start .box3 {
        float: none !important;
        width: auto !important;
        margin: 0px 0px 80px !important;
    }
    .hp-client-logo ul li {
        width: 33.33%;
    }
    .tabs-column {
        width: 100% !important;
    }
    .fss-frame h2 {
        font-size: 30px !important;
        margin: 0 0 20px !important;
    }
    .active .fss-step-number strong {
        width: 140px;
        height: 140px;
    }
    .fss-step-number strong {
        width: 122px;
        height: 122px;
    }
    .active .fss-step-number em {
        line-height: 115px;
        width: 115px;
        height: 115px;
    }
    .fss-step-number em {
        line-height: 94px;
        width: 94px;
        height: 94px;
    }
    .tab-text {
        padding: 0px;
    }
    #playVideo,
    #playVideo .wistia_embed {
        height: 450px;
        width: 800px;
    }
    .divVideoContent {
        height: 450px;
        width: 800px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 5px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width: 768px) {
    #playVideo,
    #playVideo .wistia_embed {
        height: 432px;
        width: 768px;
    }
    .divVideoContent {
        height: 432px;
        width: 768px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:730px) {
    .main-footer .copyright,
    .main-footer .social-icon {
        text-align: center;
        width: 100%;
        float: none;
    }
    .main-footer .copyright {
        padding: 0 0 40px;
    }
    .main-footer .social-icon a {
        padding: 0 8px 0 8px;
    }
    .slider-banner .slides-title {
        display: none;
    }
    .slider-banner .slick-prev {
        left: 10px;
        top: 40%;
    }
    .slider-banner .slick-next {
        right: 10px;
        top: 40%;
    }
    .hp-midbluebox ul li {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0px 0px 0px;
        padding: 0px 0px 30px;
        display: block;
    }
    .hp-client-logo ul li {
        width: 33.33%;
    }
    .hp-form-main .leftaddress {
        float: none;
        width: 250px;
        margin: 0px auto;
    }
    .hp-form-main .formfield {
        width: 100%;
        float: none;
    }
    .hp-testimonial p {
        padding: 0 20px 29px;
    }
    .hp-testimonial h3 {
        padding: 0 20px 19px;
    }
    .tab-text {
        padding: 0;
        font-size: 13px;
    }
    .tabs-content {
        padding: 0 5px;
    }
    .fss-frame .first-tabs-col p {
        margin: 0;
        font-size: 19px;
        line-height: 25px;
    }
    .progress-filler {
        margin: 0 0 23px;
    }
    .services-tabs li {
        padding: 148px 0 0;
    }
    .active .fss-step-number strong {
        width: 78px;
        height: 78px;
    }
    .fss-step-number strong {
        width: 66px;
        height: 66px;
    }
    .active .fss-step-number em {
        line-height: 64px;
        width: 64px;
        height: 64px;
        font-size: 33px !important;
    }
    .fss-step-number em {
        line-height: 52px;
        width: 52px;
        height: 52px;
        font-size: 33px !important;
    }
    .fss-frame h2 {
        font-size: 30px !important;
        margin: 8px 0 0 !important;
    }
    .fss-step-number {
        width: 125px;
    }
    .tabs-column:first-child {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
    .tabs-column {
        width: 100% !important;
        font-size: 13px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:715px) {
    .services-tabs li {
        width: 33%;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:640px) {
    .hp-client-logo ul li {
        width: 50%;
    }
    .fss-step-number {
        width: 125px;
    }
    .tab-text {
        padding: 0;
        font-size: 13px;
    }
    .tabs-content {
        padding: 0 5px;
    }
    .fss-frame .first-tabs-col p {
        margin: 0;
        font-size: 19px;
        line-height: 25px;
    }
    .progress-filler {
        margin: 0 0 23px;
    }
    .services-tabs li {
        padding: 148px 0 0;
        width: 33%;
    }
    .active .fss-step-number strong {
        width: 78px;
        height: 78px;
    }
    .fss-step-number strong {
        width: 66px;
        height: 66px;
    }
    .active .fss-step-number em {
        line-height: 64px;
        width: 64px;
        height: 64px;
        font-size: 33px !important;
    }
    .fss-step-number em {
        line-height: 52px;
        width: 52px;
        height: 52px;
        font-size: 33px !important;
    }
    .fss-frame h2 {
        font-size: 30px !important;
        margin: 8px 0 0 !important;
    }
    .fss-step-number {
        width: 125px;
    }
    .tabs-column:first-child {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
    .tabs-column {
        width: 100% !important;
        font-size: 13px;
    }
    #playVideo .wistia_embed {
        height: 100%;
        width: 100%;
    }
    .teamwork {
        padding: 3px 0;
        height: auto;
    }
    .teamwork .play-icon {
        width: 70px;
    }
    .teamwork h1 {
        font-size: 46px;
    }
    .teamwork h4 {
        font-size: 46px;
    }
    .teamwork p {
        font-size: 14px;
    }
    #playVideo,
    #playVideo .wistia_embed {
        width: 640px;
        height: 360px;
    }
    .divVideoContent {
        width: 640px;
        height: 360px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:615px) {
    .services-tabs li {
        width: 32.5%;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:600px) {
    /*.hp-prallax1-main .desctext, .hp-prallax1-main .clientname{font-size:28px;}]*/
    .tab-text {
        padding: 0;
        font-size: 13px;
    }
    .tabs-content {
        padding: 0 5px;
    }
    .fss-frame .first-tabs-col p {
        margin: 0;
        font-size: 19px;
        line-height: 25px;
    }
    .progress-filler {
        margin: 0 0 23px;
    }
    .services-tabs li {
        padding: 148px 0 0;
        width: 32.5%;
    }
    .active .fss-step-number strong {
        width: 78px;
        height: 78px;
    }
    .fss-step-number strong {
        width: 66px;
        height: 66px;
    }
    .active .fss-step-number em {
        line-height: 64px;
        width: 64px;
        height: 64px;
        font-size: 33px !important;
    }
    .fss-step-number em {
        line-height: 52px;
        width: 52px;
        height: 52px;
        font-size: 33px !important;
    }
    .fss-frame h2 {
        font-size: 30px !important;
        margin: 8px 0 0 !important;
    }
    .fss-step-number {
        width: 125px;
    }
    .tabs-column:first-child {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
    .tabs-column {
        width: 100% !important;
        font-size: 13px;
    }
    #playVideo .wistia_embed {
        height: 100%;
        width: 100%;
    }
    .teamwork {
        padding: 3px 0;
        height: auto;
    }
    .teamwork .play-icon {
        width: 70px;
    }
    .teamwork h4 {
        font-size: 46px;
    }
    .teamwork p {
        font-size: 14px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width:500px) {
    .logo {
        width: 210px;
        padding: 10px 0px 0px 0px;
    }
    .tglmenu {
        top: 16px;
    }
    .main-header {
        min-height: inherit;
    }
    .main-menu {
        top: 38px;
    }
    .inner-title-sec h1 {
        font-size: 50px;
    }
    .hp-client-logo ul li {
        width: 100%;
    }
    .fss-step-number {
        width: 113px;
    }
    .fss-frame .first-tabs-col p {
        margin: 0;
        font-size: 19px;
        line-height: 25px;
    }
    .progress-filler {
        margin: 0 0 23px;
    }
    .services-tabs li {
        padding: 148px 0 0;
        width: 32%;
    }
    .active .fss-step-number strong {
        width: 78px;
        height: 78px;
    }
    .fss-step-number strong {
        width: 66px;
        height: 66px;
    }
    .active .fss-step-number em {
        line-height: 64px;
        width: 64px;
        height: 64px;
        font-size: 33px !important;
    }
    .fss-step-number em {
        line-height: 52px;
        width: 52px;
        height: 52px;
        font-size: 33px !important;
    }
    .fss-frame h2 {
        font-size: 22px !important;
        margin: 8px 0 0 !important;
    }
    .tabs-column:first-child {
        font-size: 19px !important;
        margin-bottom: 20px;
    }
    .tabs-column {
        width: 100% !important;
        font-size: 13px;
    }
    #playVideo .wistia_embed {
        height: 100%;
        width: 100%;
    }
    .teamwork {
        padding: 3px 0;
        height: auto;
    }
    .teamwork .play-icon {
        width: 48px;
    }
    .teamwork h1 {
        font-size: 16px;
    }
    .teamwork h4 {
        font-size: 16px;
    }
    .teamwork p {
        font-size: 14px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width: 458px) {
    #playVideo,
    #playVideo .wistia_embed {
        height: 208px;
        width: 458px;
    }
    .divVideoContent {
        height: 208px;
        width: 458px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width: 360px) {
    #playVideo,
    #playVideo .wistia_embed {
        height: 203px;
        width: 360px;
    }
    .divVideoContent {
        height: 203px;
        width: 360px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

@media only screen and (max-width: 320px) {
    #playVideo,
    #playVideo .wistia_embed {
        height: 180px;
        width: 320px;
    }
    .divVideoContent {
        height: 180px;
        width: 320px;
    }
    .hp-form-main .rptinput input {
        padding: 20px 15px 7px;
    }
    .hp-form-main .rptinput {
        padding: 0;
    }
    .inputgroup {
        margin-bottom: 15px;
    }
    .hp-form-main .rptinput textarea {
        padding: 18px 13px;
    }
}

.a-service-section {
    padding: 60px 0 0;
    background-color: #f7f9fb;
    position: relative;
}

.a-service-section:before {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 450px;
    width: 100%;
    left: 0;
    background-image: url('../images/dots-arrow-left-side.png');
}

.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;
}

.a-service-section-sub h3.a-subtitle {
    font-size: 22px !important;
    font-family: 'Lato', sans-serif;
    color: #959595 !important;
    text-align: center;
    letter-spacing: 0px !important;
    margin-bottom: 30px;
}

.a-service-section-sub {
    padding: 60px 0 0;
    background-color: #fff;
    position: relative;
    margin: 0 70px;
}

.a-industry-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.industry-img {
    min-height: 225px;
    padding-top: 18px;
}

.a-homepage-blocks-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.a-homepage-blocks-wrapper .a-field--name-field-components {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.a-homepage-blocks-wrapper .a-field__item {
    padding-top: 50px;
    flex: 30% 0 0;
    transition: .5s;
    border-bottom: 5px solid #005593;
    position: relative;
    overflow: hidden;
}

.paragraph--type--homepage-blocks {
    height: 100%;
    position: relative;
}

.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.field--name-field-homepage-block-title {
    font-size: 27px;
    line-height: 45px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 18px;
}

.field--name-field-homepage-block-body {
    padding-bottom: 30px;
}

.field--name-field-homepage-block-body p {
    font-size: 19px;
    line-height: 27px;
    font-family: 'Lato', sans-serif;
}

.homepage-block-inner-right {
    margin-top: auto;
}

.field--name-field-homepage-block-link {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    padding-bottom: 80px;
    position: relative;
    transition: .2s ease-in;
    height: 50px;
    display: inline-block;
}

.path-frontpage .feature-link--dark-blue-arrow a {
    font-weight: 800;
    text-transform: uppercase;
}

.feature-link--dark-blue-arrow a:after {
    content: '';
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-white-double.svg);
    background-position: -17px center;
    background-color: #1f82c3;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(252, 252, 252, .75);
    transition: .3s ease-in;
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    background-color: #005593;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(100%);
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:hover {
    border-color: #e3173e;
    color: #fff;
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:hover a {
    color: #fff;
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:hover:before {
    transform: translateY(0);
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:nth-child(1):before {
    background-image: url(../images/revision-image-1.jpg);
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:nth-child(2):before {
    background-image: url(../images/revision-image-2.jpg);
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:nth-child(3):before {
    background-image: url(../images/revision-image-3.jpg);
}

.feature-link--dark-blue-arrow a {
    color: #1f82c3;
    font-family: 'Lato', sans-serif;
}

.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;
}

.service-message-section h3.a-subtitle {
    font-size: 21px !important;
    color: #fff !important;
    text-align: center;
    letter-spacing: 0px !important;
    margin-bottom: 50px;
    font-weight: 400 !important;
}

.service-message-section p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width: 991px) {
    .wrap1060 .box1 .request-a-quote {
        margin: 0 auto !important;
    }
}

@media (max-width: 575px) {
    .hp-prallax2-main h2 {
        font-size: 30px;
    }
}

.a-homepage-blocks-wrapper .a-field--name-field-components>.a-field__item:hover a:after {
    height: 32px;
    width: 32px;
    background-color: #e3173e;
    box-shadow: 0 0 0 10px rgba(252, 252, 252, .5);
    background-position: 14px center;
    animation: bg-position-change .3s ease;
}

.modal {
    top: 15% !important;
    z-index: 99999999 !important;
}


/* end style old css */

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #1d2755;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #1d2755 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 999999999999999;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header1 .phnno a,
.main-header2 .phnno a {
    display: flex;
    align-items: center;
}

.main-header1 .phnno a img,
.main-header2 .phnno a img {
    margin-right: 15px;
}

.a-cloud-banner-section {
    height: 100vh;
    background-image: url('../images/cloud-banner.webp');
    background-size: cover;
    background-position: center;
    position: relative;
}

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

.a-cloud-banner-section::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 39, 84, 0.65);
}

.a-cloud-banner-section .a-cloud-banner-content {
    position: relative;
    text-align: center;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}

.a-cloud-banner-section .a-cloud-banner-content h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
}

.a-cloud-banner-section .a-cloud-banner-content h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10px;
}

.a-cloud-banner-section .a-cloud-banner-content p {
    color: #fff;
    max-width: 760px;
    margin: 0 auto;
    font-size: 18px;
}

.a-become-global-section {
    background-color: #f6f6f6;
    padding: 80px 0px;
}

.a-cloud-title h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #1d2755;
    text-align: center;
}

.a-cloud-title h3 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
    color: #9f9f9f;
    text-align: center;
}

.a-cloud-title p {
    color: #1d2755;
    font-size: 18px;
    margin-bottom: 0px;
    text-align: center;
}

.a-become-global-section .a-cloud-title p {
    max-width: 920px;
    margin: 0 auto;
}

.a-become-global-image {
    padding: 50px 0px;
}

.a-become-global-image img {
    width: 100%;
}

.a-become-global-button {
    text-align: center;
}

.a-become-global-button a {
    background-color: #2083c4;
    padding: 14px 45px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s;
    border-radius: 3px;
}

.a-become-global-button a:hover {
    background-color: #80808d;
}

.a-amosoft-works-section {
    padding: 70px 0px;
}

.a-amosoft-works-section .a-cloud-title {
    margin-bottom: 50px;
}

.a-amosoft-works-image {
    margin-bottom: 50px;
}

.a-amosoft-works-image img {
    width: 100%;
    height: auto;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.a-works-item {
    text-align: center;
}

.a-works-item .a-works-icon {
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s;
}

.a-works-item .a-works-icon svg {
    width: 50px;
    height: 50px;
}

.a-works-item h4 {
    color: #1d2755;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.a-works-item p {
    color: #1d2755;
    font-size: 18px;
    margin-bottom: 0px;
}

.a-works-item .a-works-icon.a-icon-1 {
    background-color: #dae8fe;
    transition: 0.3s;
}

.a-works-item .a-works-icon.a-icon-1 svg {
    fill: #488bf8;
    transition: 0.3s;
}

.a-works-item:hover .a-works-icon.a-icon-1 {
    background-color: #488bf8;
}

.a-works-item:hover .a-works-icon.a-icon-1 svg {
    fill: #fff;
}

.a-works-item .a-works-icon.a-icon-2 {
    background-color: #d6f3d6;
    transition: 0.3s;
}

.a-works-item .a-works-icon.a-icon-2 svg {
    fill: #33c534;
    transition: 0.3s;
}

.a-works-item:hover .a-works-icon.a-icon-2 {
    background-color: #33c534;
}

.a-works-item:hover .a-works-icon.a-icon-2 svg {
    fill: #fff;
}

.a-works-item .a-works-icon.a-icon-3 {
    background-color: #ffdcd9;
    transition: 0.3s;
}

.a-works-item .a-works-icon.a-icon-3 svg {
    fill: #ff5242;
    transition: 0.3s;
}

.a-works-item:hover .a-works-icon.a-icon-3 {
    background-color: #ff5242;
}

.a-works-item:hover .a-works-icon.a-icon-3 svg {
    fill: #fff;
}

.a-works-item .a-works-icon.a-icon-4 {
    background-color: #e3e1f3;
    transition: 0.3s;
}

.a-works-item .a-works-icon.a-icon-4 svg {
    fill: #7467c4;
    transition: 0.3s;
}

.a-works-item:hover .a-works-icon.a-icon-4 {
    background-color: #7467c4;
}

.a-works-item:hover .a-works-icon.a-icon-4 svg {
    fill: #fff;
}

.a-works-explore-button {
    text-align: center;
    margin-top: 50px;
}

.a-works-explore-button a {
    color: #fff;
    background-color: #2083c4;
    padding: 14px 45px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s;
    border-radius: 3px;
}

.a-works-explore-button a:hover {
    background-color: #80808d;
}


/* banner animation */

.a-cloud-banner-section .apps_wrap {
    z-index: 2;
    bottom: 90px;
    position: absolute;
}

.a-cloud-banner-section .apps_wrap>ul {
    width: 429px;
    height: 311px;
}

.a-cloud-banner-section .apps_wrap>ul>li {
    width: 100px;
    height: 100px;
    position: absolute;
}

.a-cloud-banner-section .apps_wrap>ul>li>a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: white;
    -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1);
    box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1);
}

.a-cloud-banner-section .apps_wrap>ul>li>a:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.a-cloud-banner-section .apps_wrap>ul>li>a>img {
    margin: auto;
    height: auto;
}

.a-cloud-banner-section .apps_wrap.wrap_left {
    left: 50px;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(1) {
    top: 138px;
    right: -170px;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(1)>a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(2) {
    left: 0px;
    top: 30px;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(2)>a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(3) {
    top: 128px;
    right: 200px;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(3)>a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(4) {
    right: 10px;
    top: 80px;
}

.a-cloud-banner-section .apps_wrap.wrap_left>ul>li:nth-child(4)>a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_right {
    right: 50px;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(1) {
    top: 158px;
    left: -210px;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(1)>a {
    -webkit-animation: bounceIn 3000ms infinite alternate;
    animation: bounceIn 3000ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(2) {
    right: 0px;
    top: 70px;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(2)>a {
    -webkit-animation: bounceIn 3400ms infinite alternate;
    animation: bounceIn 3400ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(3) {
    top: 138px;
    left: 142px;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(3)>a {
    -webkit-animation: bounceIn 3600ms infinite alternate;
    animation: bounceIn 3600ms infinite alternate;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(4) {
    left: -25px;
    bottom: 110px;
}

.a-cloud-banner-section .apps_wrap.wrap_right>ul>li:nth-child(4)>a {
    -webkit-animation: bounceIn 3800ms infinite alternate;
    animation: bounceIn 3800ms infinite alternate;
}

.a-cloud-banner-section .deco_wrap {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    overflow: hidden;
}

.a-cloud-banner-section .cloud_image {
    width: 100px;
}

.a-cloud-banner-section .cloud_image.cloud_1 {
    top: 250px;
    left: 191px;
}

.a-cloud-banner-section .cloud_image.cloud_1 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}

.a-cloud-banner-section .cloud_image.cloud_2 {
    top: 217px;
    left: unset;
    right: 234px;
}

.a-cloud-banner-section .cloud_image.cloud_2 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}

.a-cloud-banner-section .cloud_image.cloud_3 {
    top: 450px;
    left: unset;
    right: 0;
}

.a-cloud-banner-section .cloud_image.cloud_3 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}

.a-cloud-banner-section .cloud_image.cloud_4 {
    top: 551px;
    left: unset;
    right: 541px;
}

.a-cloud-banner-section .cloud_image.cloud_4 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}

.a-cloud-banner-section .triangle_1 {
    top: 161px;
    left: 307px;
}

.a-cloud-banner-section .triangle_1 img {
    -webkit-animation: spin 3000ms linear infinite;
    animation: spin 3000ms linear infinite;
}

.a-cloud-banner-section .triangle_2 {
    top: 274px;
    left: unset;
    right: 514px;
}

.a-cloud-banner-section .triangle_2 img {
    -webkit-animation: spin 3000ms linear infinite;
    animation: spin 3000ms linear infinite;
}

.a-cloud-banner-section .dot_1 {
    top: 450px;
    left: 223px;
}

.a-cloud-banner-section .layer {
    position: relative !important;
}

.a-cloud-banner-section .dot_1 img {
    -webkit-animation: updown 1.2s infinite alternate;
    animation: updown 1.2s infinite alternate;
}

.a-cloud-banner-section .dot_2 {
    top: 560px;
    left: 54px;
}

.a-cloud-banner-section .dot_2 img {
    -webkit-animation: zoominout 4000ms infinite alternate;
    animation: zoominout 4000ms infinite alternate;
}

.a-cloud-banner-section .dot_3 {
    top: 525px;
    left: 500px;
}

.a-cloud-banner-section .dot_3 img {
    -webkit-animation: zoominout 5000ms infinite alternate;
    animation: zoominout 5000ms infinite alternate;
}

.a-cloud-banner-section .dot_4 {
    top: 294px;
    left: unset;
    right: 82px;
}

.a-cloud-banner-section .dot_4 img {
    -webkit-animation: zoominout 3000ms infinite alternate;
    animation: zoominout 3000ms infinite alternate;
}

.a-cloud-banner-section .dot_5 {
    top: 423px;
    left: unset;
    right: 305px;
}

.a-cloud-banner-section .dot_5 img {
    -webkit-animation: updown 1s infinite alternate;
    animation: updown 1s infinite alternate;
}

.a-cloud-banner-section .dot_6 {
    top: 611px;
    left: unset;
    right: 117px;
}

.a-cloud-banner-section .dot_6 img {
    -webkit-animation: zoominout 5000ms infinite alternate;
    animation: zoominout 5000ms infinite alternate;
}


/* section decoration - start
================================================== */

.deco_wrap {
    z-index: 1;
    position: relative;
}

.deco_wrap .deco_image {
    z-index: -1;
    position: absolute;
}

.sec_deco_shape {
    left: 0px;
    right: 0px;
    position: absolute;
}

.shap_top {
    top: 0px;
}

.shap_bottom {
    bottom: -3px;
}

@-webkit-keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.a-search-box-images-container {
    position: relative;
}

.a-search-logo-slider {
    display: flex;
    align-items: center;
}

.a-search-logo-slider .a-search-box-item {
    animation: topToBottom 12.5s linear infinite 0s;
    -ms-animation: topToBottom 12.5s linear infinite 0s;
    -webkit-animation: topToBottom 12.5s linear infinite 0s;
    color: #00abe9;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 60px;
    z-index: 2;
    cursor: pointer;
}

.a-search-logo-slider .a-search-box-item:nth-child(2) {
    animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

.a-search-logo-slider .a-search-box-item:nth-child(3) {
    animation-delay: 5s;
    -ms-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.a-search-logo-slider .a-search-box-item:nth-child(4) {
    animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s;
}

.a-search-logo-slider .a-search-box-item:nth-child(5) {
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;
}


/*topToBottom Animation*/

@keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -moz-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -moz-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -moz-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -moz-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes topToBottom {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -ms-transform: translateY(-50px);
    }
    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -ms-transform: translateY(50px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.a-cloud-banner-content .a-search-box {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
    position: relative;
    width: 410px;
    margin-left: auto;
    margin-right: auto;
}

.a-search-box-item {
    display: flex;
    align-items: center;
}

.a-search-box-item .a-logo-image {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.a-search-box-item .a-logo-image img {
    max-width: 40px;
}

.a-search-box .a-search-input {
    position: relative;
    z-index: 1;
}

.a-search-box .a-search-input input {
    height: 60px;
    padding-left: 15px;
    width: 350px;
    border: none;
    font-size: 18px;
}

.a-search-box-item .a-logo-name {
    color: #1d2755;
    font-weight: 400;
    font-size: 20px;
    display: block;
    width: 275px;
    text-align: left;
}

.a-search-box .a-search-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1d2755;
    color: #fff;
    height: 60px;
    width: 60px;
    font-size: 24px;
    transition: 0.3s;
}

.a-search-box .a-search-button a:hover {
    background-color: #2083c4;
}

.a-search-box .a-search-input input::placeholder {
    opacity: 0;
}

.a-search-box.active .a-search-logo-slider {
    display: none;
}

.a-search-box.active .a-search-input input::placeholder {
    opacity: 1;
}

#sd-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateY(-50%);
}

#sd-container::before {
    content: 'How it works?';
    color: #fff;
    position: absolute;
    bottom: 60px;
    width: 150px;
    left: -50px;
    text-transform: uppercase;
    font-size: 16px;
}

.arrow {
    position: relative;
    width: 42px;
    height: 16px;
    opacity: 0;
}

.arrow::before,
.arrow::after {
    content: "";
    width: 21px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
}

.arrow::before {
    transform: rotate(45deg) translateX(25%);
}

.arrow::after {
    transform: rotate(-45deg) translateX(-25%);
}

.arrow:nth-child(1) {
    top: -50px;
    opacity: 1;
    -webkit-animation: arrow2 1s ease 0s infinite;
    animation: arrow2 1s ease 0s infinite;
}

.arrow:nth-child(2) {
    top: -25px;
    -webkit-animation: arrow1 1s ease 0.25s infinite;
    animation: arrow1 1s ease 0.25s infinite;
}

@-webkit-keyframes arrow1 {
    from {
        opacity: 0;
        top: -25px;
    }
    to {
        opacity: 0;
        top: 0px;
    }
    50% {
        opacity: 1;
    }
}

@keyframes arrow1 {
    from {
        opacity: 0;
        top: -25px;
    }
    to {
        opacity: 0;
        top: 0px;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes arrow2 {
    from {
        opacity: 0;
        top: -35px;
    }
    to {
        opacity: 0;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
}

@keyframes arrow2 {
    from {
        opacity: 0;
        top: -35px;
    }
    to {
        opacity: 0;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
}

.a-how-it-works span {
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.a-tranditional-works-image img {
    max-width: 100%;
}

.a-amosoft-cloud-section {
    background-color: #f6f6f6;
    padding: 70px 0px;
}

.a-amosoft-cloud-section .a-cloud-title {
    margin-bottom: 30px;
}

.a-amosoft-cloud-section .a-cloud-title h2,
.a-amosoft-cloud-section .a-cloud-title h3 {
    text-align: left;
}

.a-amosoft-cloud-section .a-cloud-title h3 {
    margin-bottom: 0px;
}

.a-amosoft-cloud-section .a-cloud-content p {
    font-size: 18px;
    color: #1d2755;
    margin-bottom: 0px;
}

.a-cloud-edi-tab-section {
    padding: 70px 0px;
}

.a-cloud-edi-tab-section .a-connect-just-once {
    padding-top: 70px;
}

.a-cloud-edi-tab-section .a-connect-just-once .a-cloud-title h2,
.a-cloud-edi-tab-section .a-connect-just-once .a-cloud-title h3,
.a-cloud-edi-tab-section .a-connect-just-once .a-cloud-title p {
    text-align: left !important;
}

.a-cloud-edi-tab-section .nav-pills li a {
    background-color: #f1f1f3;
    color: #979797;
    font-size: 16px;
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 0px;
}

.a-cloud-edi-tab-section .nav-pills li a.active {
    background-color: #1c2754;
}

.a-cloud-edi-tab-section .a-connect-just-once .row {
    margin: 50px 0px;
}

.a-cloud-edi-tab-section .a-connect-just-once .a-connect-item a {
    display: block;
    border-bottom: 2px solid #8d93a9;
    padding-bottom: 15px;
    margin-bottom: 10px;
    max-width: 70px;
}

.a-cloud-edi-tab-section .a-connect-just-once .a-connect-item a img {
    max-width: 100%;
    transition: 0.4s;
}

.a-cloud-edi-tab-section .a-connect-just-once .a-connect-item:hover img {
    transform: translate(0px, -10px);
}

.a-cloud-edi-tab-section .a-connect-just-once .a-connect-item p {
    font-size: 20px;
    margin-bottom: 0px;
    color: #1c2754;
}

.a-renovate-it {
    padding: 70px 0px;
    background-image: url('../images/renovate-it-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 50px;
}

.no-webp .a-renovate-it {
    background-image: url('../images/renovate-it-bg.jpg');
}

.a-renovate-it::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('../images/renovate-it-color-bg.png');
    background-size: cover;
    opacity: 0.8;
}

.a-renovate-it .a-cloud-title {
    position: relative;
    margin-bottom: 50px;
}

.a-renovate-it .a-cloud-title h2,
.a-renovate-it .a-cloud-title h3 {
    text-align: left;
    color: #fff;
}

.a-renovate-item {
    position: relative;
    z-index: 1;
}

.a-renovate-item .a-renovate-icon {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-bottom: 15px;
}

.a-renovate-item .a-renovate-icon span {
    color: #1d2755;
    font-size: 28px;
    font-weight: 700;
}

.a-renovate-item .a-renovate-icon img {
    width: 70px;
    height: 70px;
}

.a-renovate-item h4 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 700;
}

.a-renovate-item p {
    color: #fff;
    font-size: 17px;
    max-width: 230px;
}

.a-real-time-solutions {
    padding: 70px 0px 40px;
}

.a-real-time-solutions .a-cloud-title h2,
.a-real-time-solutions .a-cloud-title h3,
.a-real-time-solutions .a-cloud-title p {
    text-align: left;
}

.a-real-time-solutions .a-real-time-image {
    padding: 50px 0px;
}

.a-real-time-item {
    background-color: #f5f5f5;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    transition: 0.3s;
}

.a-real-time-container [class*="col-"] {
    display: flex;
    width: 100%;
}

.a-real-time-item .a-real-time-icon {
    background-color: #e4f3f6;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.a-real-time-item .a-real-time-icon img {
    width: 50px;
    height: 50px;
}

.a-real-time-item:hover {
    background-color: #e4f3f6;
}

.a-real-time-item h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #1d2755;
}

.a-real-time-item p {
    color: #1d2755;
    font-size: 18px;
    max-width: 230px;
    margin: 0 auto;
}

.a-instant-authentcation {
    background-color: #f6f6f6;
    padding: 70px 0px;
    position: relative;
    margin-top: 50px;
}

.a-instant-authentcation .a-cloud-title h2,
.a-instant-authentcation .a-cloud-title h3,
.a-instant-authentcation .a-cloud-title p,
.a-any-transaction .a-cloud-title h2,
.a-any-transaction .a-cloud-title h3,
.a-any-transaction .a-cloud-title p,
.a-trade-with-partners .a-cloud-title h2,
.a-trade-with-partners .a-cloud-title h3,
.a-trade-with-partners .a-cloud-title p {
    text-align: left;
}

.a-instant-authentcation .a-instant-authentication-image {
    padding: 50px 0px;
}

.a-instant-authentcation .a-instant-authentication-image img {
    width: 100%;
}

.a-any-transaction {
    padding: 70px 0px;
}

.a-any-transaction .a-cloud-title {
    margin-bottom: 40px;
}

.a-any-transaction .a-any-transaction-item h4 {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
    border: 1px solid #e3e8fe;
    font-size: 28px;
    font-weight: 700;
    color: #1c2754;
    transition: 0.3s;
}

.a-any-transaction .a-any-transaction-item h4:hover {
    box-shadow: 0 15px 50px 0 rgba(0, 27, 103, 0.15);
    border-color: #fff;
}

.a-any-transaction .a-any-transaction-item {
    margin-bottom: 50px;
}

.a-any-transaction-item p {
    text-align: center;
    font-size: 18px;
    color: #1c2754;
    font-weight: 600;
    margin-bottom: 0px;
}

.a-trade-with-partners {
    padding: 70px 0px;
    background-color: #f6f6f6;
    margin-top: 50px;
}

.a-trade-with-partners .a-cloud-title {
    margin-bottom: 50px;
}

.a-trade-with-content h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1d2755;
}

.a-trade-with-content ul {
    padding-left: 0px;
}

.a-trade-with-content ul li {
    list-style: none;
    display: block;
    margin-bottom: 30px;
}

.a-trade-with-content ul li:last-child {
    margin-bottom: 0px;
}

.a-trade-with-item {
    display: flex;
}

.a-trade-with-item .a-trade-with-icon {
    background-color: #1d2755;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
}

.a-trade-with-item .a-trade-with-icon img {
    max-width: 30px;
}

.a-trade-with-item .a-trade-with-detail h5 {
    color: #1d2755;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.a-trade-with-item .a-trade-with-detail p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #1d2755;
}

.a-trade-with-image img {
    max-width: 100%;
}

.a-faq-section {
    padding: 70px 0px;
}

.a-faq-section .a-cloud-title h2,
.a-faq-section .a-cloud-title h3 {
    text-align: left;
}

.a-faq-section .a-cloud-title {
    margin-bottom: 30px;
}

.a-faq-section .accordion {
    margin-top: 40px;
}

.a-faq-section .accordion .card {
    border: none;
    margin-bottom: 20px;
    background-color: #1d2755;
    padding: 25px;
}

.a-faq-section .accordion .card h2 {
    background: url('../images/down-arrow.webp') no-repeat calc(100% - 10px) center;
    background-size: 17px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.no-webp .a-faq-section .accordion .card h2 {
    background: url('../images/down-arrow.png') no-repeat calc(100% - 10px) center;
}

.a-faq-section .accordion .card h2.collapsed {
    background-image: url('../images/up-arrow.webp');
    background-size: 19px;
}

.no-webp .a-faq-section .accordion .card h2.collapsed {
    background-image: url('../images/up-arrow.png');
}

.a-faq-section .accordion .card-body {
    padding-left: 0;
    padding-right: 0;
}

.a-faq-section .accordion .card-body p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 0px;
}

.a-check-how-amosoft {
    background-image: url('../images/check-how-amosoft-bg.webp');
    position: relative;
    padding: 80px 0px;
}

.no-webp .a-check-how-amosoft {
    background-image: url('../images/check-how-amosoft-bg.jpg');
}

.a-check-how-amosoft::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(29, 39, 85, 0.8);
}

.a-check-how-cloud {
    position: relative;
}

.a-check-how-cloud .a-check-how-cloud-image {
    max-width: 220px;
    margin: 0 auto 40px auto;
}

.a-check-how-cloud h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
    text-align: center;
    max-width: 750px;
    margin: 0 auto 40px auto;
}

.a-check-how-cloud .a-check-how-list {
    padding-left: 0px;
    margin: 0;
    text-align: center;
}

.a-check-how-cloud .a-check-how-list li {
    display: inline-block;
    margin-right: 20px;
}

.a-check-how-cloud .a-check-how-list li:last-child {
    margin-right: 0px;
}

.a-check-how-cloud .a-check-how-list li a {
    padding: 10px 30px;
    background-color: #fff;
    color: #1d2755;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    display: block;
    transition: 0.3s;
}

.a-check-how-cloud .a-check-how-list li a:hover {
    background-color: rgba(255, 255, 255, .8);
}

/* Manufacturer edi page css starts */

.edi-outsourcing-section-content.manufacturer-right-box li {
    list-style-image: url("../images/success-ico.svg");
}

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

.manufacturers-edi-for-manufacturer {
    padding: 0px 0px 70px;
}

.manufacturers-implementing {
    background-image: url('../images/implement-edi-manufacturer.jpg');
}

    .manufacturers-implementing::before {
        background-color: transparent;
    }

.advantage-of-edi-for-manufacturer {
    position: relative;
}

    .advantage-of-edi-for-manufacturer .manufacturers-edi-content h2 {
        color: rgba(212, 175, 55, 1);
    }

    .advantage-of-edi-for-manufacturer::before {
        content: "";
        background-image: url("../images/manufacturer-advantage-object-left.png");
        position: absolute;
        left: 0;
        top: -100px;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .advantage-of-edi-for-manufacturer::after {
        content: "";
        background-image: url("../images/manufacturer-advantage-object-right.png");
        position: absolute;
        right: 0;
        top: -100px;
        height: 100%;
        width: 490px;
        z-index: -1;
        background-repeat: no-repeat;
    }

    .advantage-of-edi-for-manufacturer .manufacturers-edi-detail {
        height: 250px;
    }

.small-and-mid-sized-suppliers {
    background: rgba(29, 39, 85, 1);
    position: relative;
}

    .small-and-mid-sized-suppliers .container-1440 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

.small-and-mid-sized-suppliers-content h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}

.small-and-mid-sized-suppliers-content p {
    color: #fff;
    font-size: 16px;
    width: 100%;
}

.integration-with-manufacturing-systems h2,
.manufacturers-edi-for-manufacturer h2,
.manufacturers-web-based-edi-portal h2 {
    color: rgba(29, 39, 85, 1);
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 600;
}

.integration-with-manufacturing-systems .intgration-card {
    background-color: rgba(29, 39, 85, 1);
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px;
    color: #fff;
}

.manufacturers-web-based-edi-portal {
    padding-bottom: 70px;
}
/* Manufacturer edi page css ends */