* {
    margin: 0;
    padding: 0
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;
    background-color: #fff;
    color: #666;
    text-decoration: none
}

a {
    text-decoration: none
}

p {
    padding-bottom: 0
}

h1,
h4,
h2,
h4,
h3 {
    font-family: "Poppins", sans-serif
}

span {
    font-family: "Poppins", sans-serif
}

h1.display-4.text-center {
    text-align: center;
    color: #655DAC;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 600
}

section {
    padding: 60px 0
}

li.nav-item.dropdown {
    position: initial
}

ul.dropdown-menu {
    min-width: 100%;
    transform: translateY(-20px);
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: 0.6s;
    position: absolute;
    left: 0;
    background: linear-gradient(90deg, #fff 50%, #f3f4f6 50%);
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    transition-duration: 200ms;
    transform-origin: top;
    box-shadow: 0 8px 18px -6px rgb(17 17 17 / .05), 0 24px 42px -4px rgb(17 17 17 / .1);
    top: 0
}

ul.dropdown-menu.show {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.nav-link.dropdown-toggle.show svg {
    transform: rotate(180deg) !important
}

.nav-link.dropdown-toggle svg {
    transition: 0.5s;
    margin-top: -2px;
    width: 12px;
    fill:white;
}

.nav-link.dropdown-toggle::after {
    display: none
}

nav a.navbar-brand img {
    width: 145px
}

nav a.navbar-brand {
    width: 150px
}

nav button.btn.btn-outline-success {
    background: #655DAC;
    color: #fff;
    border: none
}

.navbar-light .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 400;
    color: white;
    padding: 14px 13px
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    padding: 15px 0;
    width: 100%;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light.is-sticky {
    position: fixed;
    top: 38px;
    left: 0;
    width: 100%;
    padding: 8px 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 18px 1px rgb(0 0 0 / .1);
    box-shadow: 0 0 18px 1px rgb(0 0 0 / .1);
    background-color: #ffffff !important;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
}

nav ul.dropdown-menu.show {
    background: #fff
}

nav a.bridge-sabmenu-main {
    text-decoration: none;
    display: block
}

.MainLIHereCover {
    margin-top: 22px
}

.MainLIHereCover li {
    margin-top: 7px !important
}

.MainLIHereCover li a {
    color: #000
}

nav .bridge-sabmenu h5 {
    font-size: 20px;
    color: #000
}

nav .bridge-sabmenu p {
    font-size: 13px;
    color: #000
}

.MainLIHereCover li:hover a {
    color: #0D7CC8
}

img.MainCollaborate {
    width: 108%
}

nav .bridge-sabmenu {
    padding: 0 42px 4px;
    border-left: 1px solid darkgrey
}

nav .bridge-menu-img img {
    width: 100%;
    margin-left: 28px
}

nav .integration-div li.integrations-li a {
    color: #000
}

nav .integration-div li.integrations-li a:hover {
    color: #0D7CC8
}

nav .integration-div {
    padding: 0 38px 0;
    border-radius: 4px
}

nav .row.main-integration {
    padding-top: 38px;
    padding-bottom: 40px
}

nav .col-md-3.bridge-img .btn-btn {
    text-align: center
}

nav .col-md-3.bridge-img .btn-btn div {
    display: contents
}

nav .col-md-3.bridge-img .btn-btn a {
    color: #000;
    font-size: 14px;
    transition: .5s
}

nav .col-md-3.bridge-img .btn-btn div i {
    transition: .5s;
    width: 20px
}

nav .col-md-3.bridge-img .btn-btn div:hover i {
    padding-left: 10px
}

nav li.integrations-li {
    margin-top: 0;
    padding: 7px
}

nav a.main-nav-linkedin img {
    height: 100%;
    width: 100%
}

nav a.main-nav-linkedin {
    box-shadow: 0 6px 14px -6px rgb(17 17 17 / .05), 0 10px 32px -4px rgb(17 17 17 / .05)
}

nav .main-linkedin-bridge h5 {
    padding: 20px;
    margin-top: 20px;
    font-size: 16px;
    color: #000;
    line-height: 2
}

nav .main-linkedin-bridge h4 {
    margin-left: 23px;
    font-size: 15px;
    margin-top: 30px
}

nav button.btn-free-trial {
    border: none;
    font-weight: unset;
    font-size: 13px;
    background: none;
    transform: translate(-30px, 0)
}

nav ul.dropdown-menu.first.show {
    background: #fff;
    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 75%, rgb(242 243 245) 75%)
}

nav .row.main-row {
    padding-top: 38px;
    padding-bottom: 35px
}

nav .row.CollaborateRow {
    padding-top: 0
}

nav .col-md-6.main-row {
    padding-top: 30px;
    padding-bottom: 30px
}

ul.dropdown-menu.gradient.show {
    background-size: cover;
    width: 100%;
    height: 68vh;
    background-repeat: no-repeat
}

ul.dropdown-menu.second-menu.show {
    background: #fff;
    background: linear-gradient(90deg, rgb(255 255 255) 35%, rgb(242 243 245) 35%)
}

nav ul.dropdown-menu.second-menu.show .icons-bridge .img img {
    width: 90%;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 4px 8px -3px rgb(25 45 100 / .12)
}

nav ul.dropdown-menu.second-menu.show .icons-bridge a {
    display: flex
}

nav ul.dropdown-menu.second-menu.show .icons-bridge li {
    text-align: center;
    margin-top: 16px;
    color: #000;
    font-weight: 500
}

nav ul.dropdown-menu.second-menu.show .icons-bridge li:hover {
    color: #4318FF
}

nav ul.dropdown-menu.second-menu.show h5 {
    font-size: 16px;
    margin-top: 20px;
    margin-left: 13px
}

nav ul.dropdown-menu.second-menu.show .col-md-8.integrations {
    padding: 0 54px
}

nav ul.dropdown-menu.second-menu.show .col-md-8.integrations span {
    font-size: 24px;
    color: #000;
    font-weight: 300;
    margin-top: 10px;
    padding-bottom: 23px;
    display: inline-block
}

nav ul.dropdown-menu.second-menu.show .icons-bridge .img {
    width: 114px;
    height: 80px
}

nav ul.dropdown-menu.last.show .bridge-last-menu h5 {
   font-size: 15px;
    color: #3b467c;
    margin-top: 10px;
    padding-bottom: 12px;
}

nav ul.dropdown-menu.last.show .bridge-last-menu p {
      font-size: 13px;
    color: #3e3838;
    font-family: 'Roboto';
    line-height: 1.6;
}
.bridge-last-menu img{
    width:100%;
    border-radius:10px;
    margin-top:20px;
}
nav ul.dropdown-menu.last.show .bridge-last-menu li a {
    color: #000
}
.bridge-last-menu li:hover{
    background-color:lightgrey;
}
nav ul.dropdown-menu.last.show .bridge-last-menu li:hover a {
    color: #0D7CC8
}

nav ul.dropdown-menu.last.show .bridge-last-menu li {
    margin-top: 13px
}

nav ul.dropdown-menu.last.show .bridge-last-menu {
    padding: 10px;
    margin-left: 0;
    margin-top: 10px;
    padding: 20px 42px 45px;
    border-left: 1px solid #a9a9a954;
}

ul.dropdown-menu.last.show {
    background: #fff;
    /*background: linear-gradient(90deg, rgb(255 255 255) 77%, rgb(242 243 245) 50%)*/
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        padding: 0;
        margin: 0
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        padding: 0 5%
    }
}

@media (max-width:767.99px) {
    ul.dropdown-menu {
        display: none
    }

    .ProfessionalNetSuiteImplementationServices .MainContent h3 {
        font-size: 25px
    }

    ul.dropdown-menu.last.show {
        background: #fff
    }

    ul.dropdown-menu.gradient.show {
        background: #fff
    }

    ul.dropdown-menu.second-menu.show {
        background: #fff
    }

    nav ul.dropdown-menu.first.show {
        background: #fff
    }

    ul.dropdown-menu.last.show {
        height: 245px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .row.main-row {
        height: 245px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .row.main-integration {
        height: 245px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.EndPadding {
    background-color: #131D38
}

.TopBarCinntra li {
    list-style: none;
    width: 215px
}

.TopBarCinntra li img {
    border: 1px solid #fff;
    margin-top: -2px;
    width: 32px
}

.TopBarCinntra .TobarLi {
    display: flex
}

.TopBarCinntra .TobarLi li.MainTalkTopbar {
    font-size: 16px
}

.TopBarCinntra .TobarLi li a {
    color: #fff
}

.TopBarCinntra {
    text-align: end;
    padding: 6px 0;
    display: flex
}

.container.MainTopBAr {
    display: flex;
    justify-content: space-between
}

.SocialMediaIconsTop {
    display: flex
}

.SocialMediaIconsTop li {
    list-style: none;
    padding: 7px;
    border-radius: 3px;
    height: 28px;
    width: 29px;
    margin-top: 5px;
    margin-left: 7px;
    line-height: 0;
    text-align: center
}

.SocialMediaIconsTop li i {
    color: #fff;
    font-size: 15px
}

.TobarLi::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(265deg, #3f3690 0%, #0d395d 100%);
    z-index: -1
}

.hero-banner {
    background-image: url(../image/hero-banner/banner2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 67px;
    height: 100vh
}

.hero-banner-img img {
    width: 100%
}

.hero-banner .hero-banner-img img {
    width: 50%;
    margin: 0 auto;
    display: block
}

.hero-banner .hero-banner-content {
    margin-top: 85px
}

.hero-banner .hero-banner-content h1 {
    color: #032D60;
    font-size: 45px;
    font-weight: 700
}

.hero-banner .hero-banner-content span {
    color: #ff4f00;
    font-weight: 800;
    margin-top: 10px;
    display: block
}

.hero-banner .hero-banner-content p {
    font-size: '';
    font-size: 16px;
    color: #000;
    line-height: 2
}

a.hero-btn {
    padding: 9px 30px;
    background: #4295ff;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block
}

.hero-banner .hero-banner-img {
    margin-top: 110px
}

@media (min-width:1200px) {

    .container.footer-main,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1080px
    }
}

section#mian-footer {
    padding: 100px 0
}

.main-footer .footer-logo img {
    width: 22%
}

.main-footer .footer-social-icon {
    display: flex
}

.main-footer .footer-social-icon li {
    list-style: none;
    width: 34px;
    margin-top: 24px
}

.main-footer .footer-social-icon li i {
    font-size: 30px
}

.main-footer a.bridge-number {
    margin-top: 8px;
    display: inline-block;
    font-weight: 600;
    color: #59575c
}

.main-footer .footer-main-title h5 {
    font-size: 14px;
    margin-top: 20px;
    color: #000;
    font-weight: 700
}

.main-footer .footer-main-li {
    margin-top: 23px;
    font-size: 12px;
    font-weight: 300;
    color: #095BAA;
    list-style: none
}

.main-footer .footer-main-li li {
    margin-top: 5px
}

.main-footer li.news-li a {
    color: #444;
    font-weight: 400;
    line-height: 20px;
    display: block;
    padding-bottom: 20px
}

.main-footer .content {
    width: 100%;
    height: 40px;
    box-shadow: 2px 4px 10px rgb(0 0 0 / .2);
    border-radius: 60px;
    overflow: hidden
}

.main-footer .subscription {
    position: relative;
    width: 100%;
    height: 100%
}

.main-footer .subscription .add-email {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 20px
}

.main-footer .subscription .submit-email {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100% - 2px);
    width: 100px;
    border: none;
    border-radius: 60px;
    outline: none;
    margin: 1px;
    padding: 0 20px;
    cursor: pointer;
    background: #4ABEBB;
    color: #FFF;
    transition: width .35s ease-in-out;
    background: .35s ease-in-out
}

.main-footer .subscription.done .submit-email {
    width: calc(100% - 2px);
    background: #4295FF
}

.main-footer .subscription .submit-email .before-submit,
.main-footer .subscription .submit-email .after-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 38px;
    transition: visibility .35s ease-in-out, opacity .35s ease-in-out
}

.main-footer .subscription.done .submit-email .before-submit,
.main-footer .subscription:not(.done) .submit-email .after-submit {
    visibility: hidden;
    opacity: 0
}

.main-footer .subscription .submit-email .after-submit {
    transition-delay: .35s
}

.main-footer .subscription .add-email::placeholder {
    font-size: 12px
}

.main-footer .subscription:not(.done) .submit-email .before-submit,
.main-footer .subscription.done .submit-email .after-submit {
    visibility: visible;
    opacity: 1
}

.main-footer .footer-main-li a {
    color: #000;
    font-weight: 300
}

.main-footer .footer-main-li a:hover {
    color: #4295FF
}

.main-footer a.footer-book-your {
    display: block;
    margin-top: 29px;
    text-align: center;
    padding: 7px;
    background: #655DAC;
    width: 43%;
    font-size: 13px;
    color: #fff;
    border-radius: 5px
}

.main-footer .copyright {
    margin-top: 35px;
    display: grid
}

.main-footer .copyright span {
    font-size: 12px
}

section#main-footer {
    padding: 60px 0 12px
}

.hero-banner {
    position: relative;
    overflow: hidden
}

.hero-banner-slides-wrapper p {
    font-size: 20px;
    color: #fff;
    width: 50%;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 20px
}

.hero-banner-slides-wrapper a.SliderBtn {
    padding: 13px 29px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block
}

.hero-banner-slides-wrapper a.SliderBtn i {
    font-size: 14px
}

.hero-banner-slider-section {
    position: relative
}

.hero-banner-slider {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: #fff0
}

.hero-banner-slides-wrapper {
    position: relative
}

.hero-banner-slider-section,
.hero-banner-slider,
.hero-banner-slide,
.hero-banner-asset {
    height: 100vh
}

.hero-banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    width: 0;
    overflow: hidden
}

.hero-banner-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(90deg, #18242e 0%, rgb(0 0 0 / 9%) 100%)
}

.hero-banner-slide .Clients-Intro img {
    width: 100%;
    margin-top: 20px;
    filter: brightness(.6);
    transition: .5s
}

.hero-banner-slide .Clients-Intro img:hover {
    filter: none;
    transform: scale(1.1)
}

div#All_Clinets_Imgaes {
    margin-top: 10px
}

.hero-slider-content {
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: 1000ms opacity ease 500ms
}

.active-slide .hero-slider-content {
    opacity: 1
}

.hero-banner-slide.animate {
    transition: width 500ms ease
}

.hero-banner-slide.active-slide {
    opacity: 1;
    width: 100%
}

.hero-banner-asset {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat
}

.hero-slider-title h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 45px;
    font-weight: 500
}

.slider-background-img {
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top
}

.slider-pagination-section {
    position: absolute;
    bottom: 18vh;
    width: 82.905982906%;
    left: 50%;
    margin: 0 0 0 -42%;
    display: flex;
    list-style-type: none;
    padding: 0 84px;
    z-index: 2
}

.slide-pagination-block {
    flex-grow: 1;
    flex-basis: 0%;
    border-bottom: 1px solid rgb(255 255 255 / .5);
    cursor: pointer;
    position: relative;
    color: rgb(255 255 255 / .5);
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    padding-bottom: 10px
}

.slide-pagination-block.active-slide-pagination-block {
    color: rgb(255 255 255);
    border-bottom: 1px solid rgb(255 255 255)
}

.slide-pagination-text {
    position: absolute;
    top: 35px;
    line-height: 22px
}

.xs-slide-pagination {
    display: none
}

.span7.hero-slider-title {
    margin-top: 158px;
    margin-left: 85px
}

.span6.hero-slider-title {
    margin-top: 156px
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .hero-banner {
        position: static
    }

    .brand-tagline-row1 {
        height: auto
    }

    .brand-tagline-section {
        background-color: #13294b;
        padding: 158px 0 48px
    }

    .brand-tagline-row2 {
        padding: 0
    }

    .brand-tagline-row2 .row-fluid .span10 {
        width: 100%
    }

    .xs-scribble {
        display: block;
        margin-left: -84px;
        width: calc(100% + 168px);
        padding: 40px 0
    }

    .xs-scribble img {
        width: 100%
    }

    .lg-scribble {
        display: none !important
    }

    .hero-banner-slider-section,
    .hero-banner-slider,
    .hero-banner-slide,
    .hero-banner-asset {
        height: 85vh
    }
}

@media (max-width:1280px) {
    .row-fluid [class*="span"].hero-slider-title {
        width: 91%
    }
}

@media (max-width:1200px) {
    .row-fluid [class*="span"].hero-slider-title {
        width: 100%
    }

    .row-fluid [class*="span"].hero-slider-desc {
        width: 75%
    }
}

@media (max-width:1023px) {
    .hero-banner {
        position: static
    }

    .hero-banner-slider-section,
    .hero-banner-slider,
    .hero-banner-slide,
    .hero-banner-asset {
        height: 85vh
    }

    .row-fluid [class*="span"].hero-slider-desc {
        width: 100%
    }

    .slider-pagination-section {
        padding: 0 60px
    }

    .slider-background-img {
        background-position: center
    }

    .lg-slide-video {
        display: none
    }

    .hero-slider-desc {
        width: 100%
    }

    .brand-tagline-desc {
        display: inline
    }

    .brand-tagline-desc,
    .brand-tagline-desc p {
        margin-bottom: 0
    }

    .brand-tagline-txt.small-h1 {
        position: static;
        transform: translateY(0) !important;
        display: inline !important
    }

    .brand-tagline-row1 {
        height: auto
    }

    .brand-tagline-section {
        background-color: #13294b;
        padding: 158px 0 48px
    }

    .brand-tagline-row2 {
        padding: 0
    }

    .brand-tagline-row2 .row-fluid .span10 {
        width: 100%
    }

    .xs-scribble {
        display: block;
        margin-left: -60px;
        width: calc(100% + 120px);
        padding: 40px 0
    }

    .xs-scribble-img {
        width: 100%;
        height: auto
    }

    .lg-scribble {
        display: none !important
    }
}

@media (max-width:767px) {
    .slider-background-img-desk {
        background-image: none !important
    }

    .slider-background-img-mob {
        width: 100%
    }

    .hero-slider-title {
        margin-top: 15px;
        margin-bottom: 25px
    }

    .row-fluid [class*="span"].hero-slider-desc {
        display: none
    }

    .slider-pagination-section {
        width: 100%;
        padding: 0 24px;
        margin-left: -50%;
        left: 50%;
        align-items: center
    }

    .hero-banner-slider-section .slide-pagination-text,
    .hero-banner-slider-section .slide-pagination-number {
       /*display: none*/
    }

    .xs-slide-pagination {
        display: inline
    }

    .xs-slide-pagination-left {
        padding-right: 16px
    }

    .xs-slide-pagination-right {
        padding-left: 16px;
        margin-top: -24px
    }

    .slide-pagination-block {
        border: none;
        padding-bottom: 0;
        background: rgb(255 255 255 / .5);
        height: 1px
    }

    .slide-pagination-block.active-slide-pagination-block {
        background: rgb(255 255 255)
    }

    .xs-next-slide {
        opacity: .5
    }

    .xs-scribble {
        margin-left: -24px;
        width: calc(100% + 48px)
    }
}

@media (max-width:1023px) and (orientation:landscape) {
    .row-fluid [class*="span"].hero-slider-desc {
        display: none
    }

    .hero-slider-title {
        margin-top: 6px;
        margin-bottom: 6px
    }
}

@media (min-width:768px) {
    .slider-background-img-mob {
        background-image: none !important
    }
}

@media (min-width:1440px) {
    .slider-pagination-section {
        max-width: 1195px;
        margin-left: -597.6px;
        left: 50%
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .hero-banner-slider-section,
    .hero-banner-slider,
    .hero-banner-slide,
    .hero-banner-asset {
        height: 100vh
    }

    .hero-banner-slide h1 {
        margin-top: 0
    }
}

@media (min-width:992px) and (max-width:1024px) and (orientation:landscape) {

    .hero-banner-slider-section,
    .hero-banner-slider,
    .hero-banner-slide,
    .hero-banner-asset {
        height: 85vh
    }
}

@media (max-height:600px) and (width:1024px) and (orientation:landscape) {

    .hero-banner-slider-section,
    .hero-banner-slider,
    .hero-banner-slide,
    .hero-banner-asset {
        height: 100vh
    }

    .hero-slider-desc {
        margin-top: 5px;
        margin-bottom: 15px
    }
}

.ClientsUpdate .BoxClientsUpdate img {
    width: 13%;
    border: 1px solid lightgray;
    padding: 10px;
    margin-left: 8px
}

.WhoWeAreSection {
    background-image: url(../image/who-we-are/who-we-are-banner.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0
}

.WhoWeAreSection .WhoBox img {
    width: 90%
}

.WhoWeAreSection .WhoBox {
    padding: 50px 0;
    margin-top: 35px
}

.WhoWeAreSection a.WhoWeAreSectionBTN {
    color: #445F70;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #445F70;
    display: inline-block
}

.WhoWeAreSection a.WhoWeAreSectionBTN:hover {
    color: #48A0D7
}

.WhoWeAreSection .WhoBox h3 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    word-spacing: -1px
}

.WhoWeAreSection .WhoBox p.discription {
    font-size: 20px;
    color: #000;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 10px
}

.WhoWeAreSection p.WhowP {
    font-size: 22px
}

.TechNologiesShowBtn a.KnowMore {
    color: #445F70;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 17px;
    margin: auto;
    font-weight: 600;
    border: 1px solid #445F70;
    display: table;
    margin-top: 35px
}

.TechNologiesShowBtn a.KnowMore:hover {
    color: #48A0D7
}

.CintraTechnologiesTabs {
    padding: 38px 0 65px
}

.CintraTechnologiesTabs li.MainBTN button i {
    font-size: 20px;
    color: #8a2be2;
    width: 35px
}

.CintraTechnologiesTabs li.MainBTN button {
    height: 64px;
    width: 188px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400
}

.CintraTechnologiesTabs li.MainBTN {
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 7px
}

.CintraTechnologiesTabs li.MainBTN button img {
    width: 25px;
    margin: auto;
    line-height: 5px;
    margin-top: -10px;
    margin-left: 0
}

.CintraTechnologiesTabs li.MainBTN button:hover {
    box-shadow: 0 16px 22px rgb(0 50 125 / .15)
}

.CintraTechnologiesTabs ul#BridgeMarketingTabs {
    display: flex;
    justify-content: center
}

.CintraTechnologiesTabs li.MainBTN button.active {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%)
}

.CintraTechnologiesTabs div#MainPanalHere {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%);
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 60px
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent li {
    list-style: none;
    justify-content: center;
    display: flex
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent img {
    width: 60%
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent {
    text-align: center;
    padding-bottom: 20px
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent li a {
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: #2f3a5e;
    line-height: 28px;
    list-style: none;
    font-size: 1rem;
    padding-bottom: 10px;
    display: flex
}

.CintraTechnologiesTabs .MainTitle h1 {
    text-align: center;
    color: #032d60;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px solid
}

.CintraTechnologiesTabs .MainTitle p {
    padding-bottom: 35px;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    color: #000
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere {
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    margin-left: 30px I !important
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere i {
    transition: .5s ease-in-out
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere:hover i {
    margin-left: 10px;
}

.CintraTechnologiesTabs div#MainPanalHere .SideImg img {
    width: 100%
}

@media only screen and (max-width:1280px) {
    .WhoWeAreSection .WhoBox h3 {
        font-size: 32px;
        font-weight: 900;
        color: #000
    }

    .CintraTechnologiesTabs li.MainBTN button {
        width: 165px
    }

    .WhoWeAreSection .WhoBox p.discription {
        font-size: 18px;
        line-height: 1.6
    }

    .UpdateCaseStudy .MainText p {
        font-size: 19px;
        color: #fff
    }

    .CintraTechnologiesTabs li.MainBTN button {
        font-size: 14px
    }

    .dropbtnHover {
        font-size: 15px !important;
        padding: 8px 55px 8px 10px
    }

    .S4HANADropDown .dropdown-content a {
        color: #000;
        padding: 7px 16px !important;
        text-decoration: none;
        display: block;
        font-size: 15px !important
    }

    .S4HANADropDown .dropdown-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 301px;
        box-shadow: 0 8px 16px 0 rgb(7 7 7 / 11%);
        z-index: 1;
        margin-left: 218px !important;
        margin-top: -52px
    }

    .CounterSectionHere .about-counter-title h6 {
        font-size: 35px !important;
        color: #fff;
        font-weight: 600
    }

    .CounterSectionHere .counter-box p {
        margin: 5px 0 0;
        padding: 0;
        color: #fff;
        font-size: 16px !important;
        font-weight: 500;
        text-align: center
    }

    .CounterSectionHere .about-counter-title p {
        font-size: 18px !important;
        color: #fff;
        line-height: 1.7;
        font-weight: 300;
        padding-bottom: 10px
    }

    .OurClientsSectionHome .carousel-inner.WidthFix .ClientsSays p {
        font-size: 16px !important
    }

    .hero-slider-title h1 {
        font-size: 32px
    }

    .OurClientsSectionHome .MainTitle h4 {
        padding-bottom: 26px !important
    }

    .hero-banner-slides-wrapper p {
        font-size: 17px;
        width: 100%
    }

    .hero-banner-slides-wrapper p.NetsuiteLengthDescription {
        width: 55%
    }

    .hero-banner-slides-wrapper a.SliderBtn {
        padding: 11px 24px;
        font-size: 13px
    }
}

.OurClientsSectionHome {
    background-image: url(../image/client/clients-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.OurClientsSectionHome .OurClientsContact h5 {
    color: #fff;
    font-size: 38px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 0
}

.OurClientsSectionHome .OurClientsContact p {
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 0
}

.client-logo img {
    width: 23%;
    border: 1px solid #fff;
    padding: 4px;
    margin-left: 10px
}

.OurClientsSectionHome .about-page-clients marquee {
    max-width: 180%;
    animation: marquee 2s linear infinite
}

section#OurClientsSectionHome {
    padding: 60px 0;
    height: 70vh
}

section#OurClientsSectionHome .OurClientsContact {
    padding: 45px 26px 22px
}

section#OurClientsSectionHome section.about-page-clients {
    padding: 20px 0
}

section#OurClientsSectionHome .client-logo {
    padding-bottom: 6px
}

:root {
    --gap: 1em;
    --duration: 10s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));

    @media (prefer-reduced-motion) {
        --duration: 120s
    }
}

.mask__group {
    animation: scroll-y var(--duration) linear infinite;
    animation-name: scroll-x
}

.mask__group {
    -webkit-animation: scroll-y var(--duration) linear infinite;
    animation: scroll-y var(--duration) linear infinite;
    -webkit-animation-name: scroll-x;
    animation-name: scroll-x
}

.mask__group--reverse {
    animation-direction: reverse;
    animation-delay: -3s
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start))
    }

    to {
        transform: translateX(var(--scroll-end))
    }
}

.mark_container {
    overflow: hidden
}

.mark_group {
    display: flex
}

.mark_group img {
    width: 23%;
    border: 1px solid #fff;
    padding: 4px;
    margin-left: 10px;
    margin-top: 20px
}

.swiper.ClientsTestimonialUpdate {
    width: 100%;
    height: 100%
}

.swiper.ClientsTestimonialUpdate .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 72px;
    border-radius: 8px
}

.swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote {
    text-align: left;
    margin-top: -11px;
    position: absolute
}

.swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote img {
    width: 22px
}

.swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote2 {
    text-align: left;
    margin-top: -11px;
    transform: translate(395px, -23px)
}

.swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote2 img {
    width: 22px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Clients_img img {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate p {
    color: #000;
    font-weight: 400;
    font-size: 16px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Info {
    margin-top: 30px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Info ul {
    padding: 0
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Info ul li {
    list-style-type: none;
    color: #f9b100;
    font-weight: 500;
    font-size: 16px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Info ul i {
    font-size: 11px
}

.swiper.ClientsTestimonialUpdate .ClientsBoxUpdate .Info span {
    padding-bottom: 15px;
    color: #000;
    font-size: 13px;
    font-weight: 300
}

.swiper.ClientsTestimonialUpdate .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper.ClientsTestimonialUpdate .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--swiper-theme-color)
}

.swiper.ClientsTestimonialUpdate .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg)
}

section#recent-blog-posts {
    padding: 10px 0 60px
}

.recent-blog-posts .post-box {
    transition: 0.3s;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 40px rgb(0 0 0 / .05)
}

.recent-blog-posts .post-box .post-img {
    overflow: hidden;
    position: relative
}

.recent-blog-posts .post-box .post-img img {
    transition: 0.5s
}

.recent-blog-posts .post-box .meta {
    margin-top: 15px
}

.recent-blog-posts .post-box .meta .post-date {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-primary)
}

.recent-blog-posts .post-box .meta .post-author {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-secondary)
}

.recent-blog-posts .post-box .post-title-n {
    font-size: 16px;
    color: #000;
    padding: 26px 26px 10px;
    font-weight: 500;
    position: relative;
    line-height: 1.5;
    font-family: 'poppins';
    text-align: start !important;
    transition: 0.3s;
    list-style: none
}

.recent-blog-posts .post-box .post-title {
    font-size: 24px;
    color: var(--color-secondary);
    font-weight: 700;
    margin: 15px 0 0 0;
    position: relative;
    text-align: start !important;
    transition: 0.3s
}

.recent-blog-posts .post-box p {
    padding: 11px 30px 6px;
    font-size: 16px;
    color: #000;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 10px
}

.recent-blog-posts .NewsBtnDetails {
    background-color: #F0F0F0;
    padding: 17px;
    display: flex;
    justify-content: space-between
}

.recent-blog-posts .NewsBtnDetails i {
    margin-top: 9px;
    font-size: 16px
}

.recent-blog-posts .NewsBtnDetails:hover {
    background: linear-gradient(90deg, rgb(2 0 36) 0%, rgb(192 192 255) 0%, rgb(217 249 255) 100%);
    color: #000
}

.recent-blog-posts .post-box a.readmore {
    color: #000
}

.recent-blog-posts .post-box .readmore i {
    line-height: 0;
    margin-left: 4px;
    font-size: 18px
}

.recent-blog-posts .post-box:hover .post-title {
    color: var(--color-primary)
}

.recent-blog-posts .post-box:hover .post-img img {
    transform: scale(1.1)
}

.recent-blog-posts .section-header h5 {
    text-align: center;
    color: #032d60;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 10px
}

.recent-blog-posts .section-header p {
    padding-bottom: 40px;
    border-bottom: 1px solid;
    text-align: center;
    font-size: 20px;
    color: #000;
    line-height: 1.7;
    font-weight: 300
}

.recent-blog-posts .section-header span {
    list-style-type: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 4px;
    font-size: 15px;
    padding: 2px 2px 11px;
    text-align: center;
    display: block
}

.FooterUpImagesShape {
    background-image: url(../image/pre-footer-banner.svg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2.5rem 5rem;
    transform: translateY(25%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto
}

.ContactDetails {
    display: contents
}

.FooterUpImagesShape .ContactDetails .title h5 {
    font-size: 30px;
    color: #fff
}

.FooterUpImagesShape .ContactDetails .contactbtn a {
    padding: 17px 44px;
    background-color: #fff;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
    border: 1px solid #000
}

.blog .posts-list article {
    box-shadow: 0 4px 16px rgb(0 0 0 / .1);
    padding: 30px;
    height: 100%
}

.blog .posts-list article+article {
    margin-top: 60px
}

.blog .posts-list .post-img {
    max-height: 240px;
    margin: -30px -30px 0 -30px;
    overflow: hidden
}

.blog .posts-list .title {
    font-size: 20px;
    font-weight: 500;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    margin: 20px 0 0 0
}

.blog .posts-list .title a {
    color: #485664;
    transition: 0.3s
}

.blog .posts-list .title a:hover {
    color: #0ea2bd
}

.blog .posts-list .meta-top {
    margin-top: 20px;
    color: #6c757d
}

.blog .posts-list .meta-top ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0
}

.blog .posts-list .meta-top i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 1.5;
    color: rgb(14 162 189 / .8)
}

.blog .posts-list .meta-top a {
    color: #6c757d;
    font-size: 14px;
    display: inline-block;
    line-height: 1
}

.blog .posts-list .content {
    margin-top: 20px
}

.blog .posts-list .read-more a {
    display: inline-block;
    background: #0ea2bd;
    color: #fff;
    padding: 8px 30px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 4px
}

.blog .posts-list .read-more a:hover {
    background: rgb(14 162 189 / .8)
}

.blog .blog-details {
    padding: 0 0 8PX
}

.blog .blog-details .post-img {
    margin: 30px 0 0px !important;
    overflow: hidden
}

.blog .blog-details .title {
    font-size: 28px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 20px 0 0 0;
    color: #02253d
}

.blog .blog-details .content {
    margin-top: 20px
}

.blog .blog-details .content h3 {
    font-size: 22px;
    margin-top: 30px;
    font-weight: 700
}

.blog .blog-details .content blockquote {
    overflow: hidden;
    background-color: rgb(72 86 100 / .06);
    padding: 60px;
    position: relative;
    text-align: center;
    margin: 20px 0
}

.blog .blog-details .content blockquote p {
    color: #1a1f24;
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 22px
}

.blog .blog-details .content blockquote:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #6c757d;
    margin-top: 20px;
    margin-bottom: 20px
}

.blog .blog-details .meta-top {
    margin-top: 20px;
    color: var(--color-gray)
}

.blog .blog-details .meta-top ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0
}

.blog .blog-details .meta-top ul li+li {
    padding-left: 20px
}

.blog .blog-details .meta-top i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 0;
    color: rgb(14 162 189 / .8)
}

.blog .blog-details .meta-top a {
    color: #6c757d;
    font-size: 14px;
    display: inline-block;
    line-height: 1
}

.blog .blog-details .meta-bottom {
    padding-top: 10px;
    border-top: 1px solid rgb(72 86 100 / .15)
}

.blog .blog-details .meta-bottom i {
    color: var(--color-secondary-light);
    display: inline
}

.blog .blog-details .meta-bottom a {
    color: rgb(72 86 100 / .8);
    transition: 0.3s
}

.blog .blog-details .meta-bottom a:hover {
    color: #0ea2bd
}

.blog .blog-details .meta-bottom .cats {
    list-style: none;
    display: inline;
    padding: 0 20px 0 0;
    font-size: 14px
}

.blog .blog-details .meta-bottom .cats li {
    display: inline-block
}

.blog .blog-details .meta-bottom .tags {
    list-style: none;
    display: inline;
    padding: 0;
    font-size: 14px
}

.blog .blog-details .meta-bottom .tags li {
    display: inline-block
}

.blog .blog-details .meta-bottom .tags li+li::before {
    padding-right: 6px;
    color: #1a1f24;
    content: ","
}

.blog .blog-details .meta-bottom .share {
    font-size: 16px
}

.blog .blog-details .meta-bottom .share i {
    padding-left: 5px
}

.blog .post-author {
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 16px rgb(0 0 0 / .1)
}

.blog .post-author img {
    max-width: 120px;
    margin-right: 20px
}

.blog .post-author h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    padding: 0;
    color: #485664
}

.blog .post-author .social-links {
    margin: 0 10px 10px 0
}

.blog .post-author .social-links a {
    color: rgb(72 86 100 / .5);
    margin-right: 5px
}

.blog .post-author p {
    font-style: italic;
    color: rgb(108 117 125 / .8);
    margin-bottom: 0
}

.blog .sidebar {
    padding: 30px;
    box-shadow: 0 4px 16px rgba(var(--color-black-rgb), .1)
}

.blog .sidebar .sidebar-title {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: #485664
}

.blog .sidebar .sidebar-item+.sidebar-item {
    margin-top: 40px
}

.blog .sidebar .search-form form {
    background: #fff;
    border: 1px solid rgb(72 86 100 / .3);
    padding: 3px 10px;
    position: relative
}

.blog .sidebar .search-form form input[type=text] {
    border: 0;
    padding: 4px;
    border-radius: 4px;
    width: calc(100% - 40px)
}

.blog .sidebar .search-form form input[type=text]:focus {
    outline: none
}

.blog .sidebar .search-form form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 15px;
    margin: -1px;
    background: #0ea2bd;
    ;
    color: #fff;
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
    line-height: 0
}

.blog .sidebar .search-form form button i {
    line-height: 0
}

.blog .sidebar .search-form form button:hover {
    background: rgb(14 162 189 / .8)
}

.blog .sidebar .categories ul {
    list-style: none;
    padding: 0
}

.blog .sidebar .categories ul li+li {
    padding-top: 10px
}

.blog .sidebar .categories ul a {
    color: #485664;
    transition: 0.3s
}

.blog .sidebar .categories ul a:hover {
    color: #1a1f24
}

.blog .sidebar .categories ul a span {
    padding-left: 5px;
    color: rgb(26 31 36 / .4);
    font-size: 14px
}

.blog .sidebar .recent-posts .post-item {
    display: flex
}

.blog .sidebar .recent-posts .post-item+.post-item {
    margin-top: 15px
}

.blog .sidebar .recent-posts img {
    width: 80px;
    margin-right: 15px
}

.blog .sidebar .recent-posts h4 {
    font-size: 18px;
    font-weight: 400
}

.blog .sidebar .recent-posts h4 a {
    color: #485664;
    transition: 0.3s
}

.blog .sidebar .recent-posts h4 a:hover {
    color: #0ea2bd
}

.blog .sidebar .recent-posts time {
    display: block;
    font-style: italic;
    font-size: 14px;
    color: rgb(26 31 36 / .4)
}

.blog .sidebar .tags {
    margin-bottom: -10px
}

.blog .sidebar .tags ul {
    list-style: none;
    padding: 0
}

.blog .sidebar .tags ul li {
    display: inline-block
}

.blog .sidebar .tags ul a {
    color: #8f9fae;
    font-size: 14px;
    padding: 6px 14px;
    margin: 0 6px 8px 0;
    border: 1px solid rgb(143 159 174 / .8);
    display: inline-block;
    transition: 0.3s
}

.blog .sidebar .tags ul a:hover {
    color: #fff;
    border: 1px solid #0ea2bd;
    background: #0ea2bd;
}

.blog .sidebar .tags ul a span {
    padding-left: 5px;
    color: rgb(143 159 174 / .8);
    font-size: 14px
}

.blog .comments {
    margin-top: 30px
}

.blog .comments .comments-count {
    font-weight: 700
}

.blog .comments .comment {
    margin-top: 30px;
    position: relative
}

.blog .comments .comment .comment-img {
    margin-right: 14px
}

.blog .comments .comment-img li {
    width: 60px;
    height: 60px;
    background: #0EA2BD;
    border-radius: 50px;
    text-align: center
}

.blog .comments .comment-img span {
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase
}

.blog .comments .comment .comment-img img {
    width: 60px
}

.blog .comments .comment h5 {
    font-size: 16px;
    margin-bottom: 2px
}

.blog .comments .comment h5 a {
    font-weight: 700;
    color: #1a1f24;
    transition: 0.3s
}

.blog .comments .comment h5 a:hover {
    color: #0ea2bd
}

.blog .comments .comment h5 .reply {
    padding-left: 10px;
    color: #485664
}

.blog .comments .comment h5 .reply i {
    font-size: 20px
}

.blog .comments .comment time {
    display: block;
    font-size: 14px;
    color: rgb(72 86 100 / .8);
    margin-bottom: 5px
}

.blog .comments .comment.comment-reply {
    padding-left: 40px
}

.blog .comments .reply-form {
    margin-top: 30px;
    padding: 30px;
    box-shadow: 0 4px 16px rgb(0 0 0 / .1)
}

.blog .comments .reply-form h4 {
    font-weight: 700;
    font-size: 22px
}

.blog .comments .reply-form p {
    font-size: 14px
}

.blog .comments .reply-form input {
    border-radius: 4px;
    padding: 10px 10px;
    font-size: 14px
}

.blog .comments .reply-form input:focus {
    box-shadow: none;
    border-color: rgb(14 162 189 / .8)
}

.blog .comments .reply-form textarea {
    border-radius: 4px;
    padding: 10px 10px;
    font-size: 14px
}

.blog .comments .reply-form textarea:focus {
    box-shadow: none;
    border-color: rgb(14 162 189 / .8)
}

.blog .comments .reply-form .form-group {
    margin-bottom: 25px
}

.blog .comments .reply-form .btn-primary {
    border-radius: 4px;
    padding: 10px 20px;
    border: 0;
    background-color: #485664
}

.blog .comments .reply-form .btn-primary:hover {
    background-color: rgb(72 86 100 / .8)
}

.blog .blog-pagination {
    margin-top: 30px;
    color: #000
}

.blog .blog-pagination ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.blog .blog-pagination li {
    margin: 0 5px;
    transition: 0.3s
}

.blog .blog-pagination li a {
    color: var(--color-secondary);
    padding: 7px 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
    background: var(--color-primary)
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
    color: var(--color-white)
}

footer.UpdateFooterSection {
    background-image: url(../image/footer-img/footer_bg.jpeg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0 10px
}

.UpdateFooterSection .MainAboutContent .Logo-Img img {
    width: 47%
}

.UpdateFooterSection .Contact-List-Footer li {
    list-style: none;
    color: #000;
    margin-top: 10px
}

.UpdateFooterSection .Contact-List-Footer li a {
    color: #fff;
    font-weight: 300;
    font-size: 16px
}

.UpdateFooterSection .Contact-List-Footer li i {
    color: #fff;
    font-weight: 300;
    width: 32px
}

.UpdateFooterSection .Contact-List-Footer li sup {
    color: #fff
}

.UpdateFooterSection .MainAboutContent p {
    color: #fff;
    padding-bottom: 18px;
    border-bottom: 1px solid;
    font-size: 15px;
    line-height: 1.7;
    margin-top: 30px;
    font-weight: 300
}

.About-Footer-Li-down {
    padding: 0 20px
}

.About-Footer-Li-down li.MainLi {
    font-size: 22px;
    color: #fff;
    list-style-type: none;
    margin-top: 20px;
    padding-bottom: 30px;
    font-weight: 400
}

.MainLocationMentionFooter li.MainLi {
    font-size: 22px !important;
    color: #fff;
    list-style-type: none;
    margin-top: 20px !important;
    padding-bottom: 30px;
    font-weight: 400
}

.IndustriesFooterLI li {
    list-style: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 17px
}

.IndustriesFooterLI li a {
    color: #fff
}

.IndustriesFooterLI li.MainLi {
    font-size: 22px !important;
    color: #fff;
    list-style-type: none;
    margin-top: 20px !important;
    padding-bottom: 30px;
    font-weight: 400
}

.MainLocationMentionFooter p {
    font-size: 16px;
    font-weight: 300
}

.MainLocationMentionFooter li {
    list-style: none;
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    padding-bottom: 6px
}

.About-Footer-Li-down li a {
    color: #fff
}

.MainLocationMentionFooter li a {
    color: #fff
}

.MainLocationMentionFooter p {
    color: #fff
}

.About-Footer-Li-down li {
    list-style: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 17px
}

.UpdateFooterSection .FooterSocialMediaIcons ul {
    display: flex
}

.UpdateFooterSection .FooterSocialMediaIcons {
    display: flex;
    justify-content: space-between
}

.UpdateFooterSection .FooterSocialMediaIcons .FourLiopstions {
    display: flex;
    margin-top: 8px
}

.UpdateFooterSection .FooterSocialMediaIcons .FourLiopstions li a {
    color: #fff
}

.UpdateFooterSection .FooterSocialMediaIcons .FourLiopstions li {
    list-style: none;
    color: #fff;
    width: 105px
}

.UpdateFooterSection .FooterSocialMediaIcons .Icons i {
    color: #fff
}

.CopyRightsUpdate.text-center p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    margin-top: 10px
}

.UpdateFooterSection .FooterSocialMediaIcons .Icons li {
    list-style: none;
    padding: 7px;
    border-radius: 3px;
    height: 37px;
    width: 37px;
    margin-top: 5px;
    margin-left: 7px;
    line-height: -1px;
    text-align: center;
    list-style: none
}

@media (max-width:768px) {
    .UpdateFooterSection .FooterSocialMediaIcons {
        display: block
    }

    section#OurClientsSectionHome {
        overflow: hidden
    }

    .S4HANADropDown .dropdown-content {
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-top: -1px !important
    }

    .ContactDetails {
        display: block
    }

    section#OurClientsSectionHome .OurClientsContact {
        padding: 0 26px 0
    }

    .FooterUpImagesShape {
        padding: 23px 16px 22px 20px
    }

    .FooterUpImagesShape .ContactDetails .contactbtn a {
        margin-top: 20px;
        display: block;
        padding: 11px 39px
    }

    .span7.hero-slider-title {
        margin-top: 147px;
        margin-left: 20px
    }

    .hero-slider-title h1 {
        font-size: 28px
    }

    .span6.hero-slider-title {
        margin-top: 115px
    }

    nav a.navbar-brand img {
        width: 93px
    }

    .SocialMediaIconsTop {
        display: none
    }

    .TopBarCinntra {
        text-align: left
    }

    .TopBarCinntra li {
        width: auto;
        margin-left: 13px
    }

    .TopBarCinntra li img {
        border: 1px solid #fff;
        width: 16px
    }

    .TopBarCinntra .TobarLi li.MainTalkTopbar {
        font-size: 12px;
        display: none
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
        padding: 9px 8px
    }

    .TopBarCinntra .TobarLi li a {
        font-size: 10px
    }

    .WhoWeAreSection .WhoBox {
        padding: 32px 0;
        margin-top: -11px
    }

    .WhoWeAreSection {
        background-size: auto
    }

    section#recent-blog-posts {
        padding: 48px 0 30px
    }

    section#IndustriesWeServeSection {
        padding: 35px 0
    }

    .CintraTechnologiesTabs li.MainBTN button {
        width: 159px
    }

    .CintraTechnologiesTabs div#MainPanalHere {
        padding: 23px
    }

    .CintraTechnologiesTabs div#MainPanalHere .AllContent img {
        width: 50%
    }

    section#UpdateCaseStudy {
        padding: 30px 0 0
    }

    .EnterprisesDigital .MainTitle h4 {
        padding-bottom: 0;
        margin-top: 25px
    }

    section.EnterprisesDigital {
        padding: 0
    }

    .swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote {
        display: none
    }

    .swiper.ClientsTestimonialUpdate .swiper-slide .iconQuote2 {
        display: none
    }

    img.MainCollaborate {
        width: 100%
    }

    .NetSuiteGrowSection .MainTitleHere h3 {
        font-size: 26px !important;
        text-align: left !important;
        padding-bottom: 18px !important
    }
}

.dropbtnHover {
    color: #000;
    border: none;
    text-align: left;
    width: 100%;
    padding: 10px 55px 10px 10px;
    background-color: #fff
}

.dropbtnHover {
    background: #f6f6f6;
    background: linear-gradient(90deg, rgb(246 246 246) 0%, rgb(255 255 255) 100%)
}

.S4HANADropDown {
    position: relative;
    display: inline-block;
    width: 100%
}

.S4HANADropDown .MainArrowIcons {
    display: flex
}

.S4HANADropDown .MainArrowIcons i {
    margin: auto
}

.S4HANADropDown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 301px;
    box-shadow: 0 8px 16px 0 rgb(7 7 7 / 11%);
    z-index: 1;
    margin-left: 247px;
    margin-top: -52px
}

.S4HANADropDown .dropdown-content a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 10px 27px
}

.S4HANADropDown .dropdown-content a:hover {
    color: #4318FF
}

.S4HANADropDown:hover .dropdown-content {
    display: block
}

.CounterSectionHere {
    background-image: url(../image/counter/counter-bg.jpg);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

.CounterSectionHere .counter-box {
    display: block;
    padding: 25px 20px 28px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 -1px 18px -3px #ccc
}

.CounterSectionHere li.CounterImage {
    list-style-type: none;
    width: 55px;
    height: 55px;
    background-color: orange;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    transform: translate(119px, -30px);
    text-align: center
}

.CounterSectionHere li.CounterImage img {
    width: 70%;
    margin-top: 9px
}

.CounterSectionHere .counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #000 !important;
    font-size: 17px;
    font-weight: 400
}

.CounterSectionHere .counter-box span.counter-plus {
    font-size: 55px;
    font-family: 'Poppins';
    font-weight: 700;
    color: #000
}

.CounterSectionHere .counter {
    font-size: 42px;
    line-height: 70px;
    letter-spacing: -3px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    color: #000 !important;
    font-family: 'poppins'
}

.CounterSectionHere .counter-box.colored p,
.CounterSectionHere .counter-box.colored .counter {
    color: #0000
}

.CounterSectionHere .about-counter-title h6 {
    font-size: 40px;
    color: #000 !important;
    text-align: center;
    font-weight: 700;
    word-spacing: -1px;
    padding-bottom: 10px
}

.CounterSectionHere .about-counter-title p {
    font-size: 20px;
    color: #000000 !important;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    width: 70%;
    padding-bottom: 80px
}

@media (max-width:768px) {
    section#CounterSectionHere {
        padding: 60px 0
    }

    .CounterSectionHere .counter {
        font-size: 60px
    }

    .CounterSectionHere .counter-box span.counter-plus {
        font-size: 60px
    }
}

.NetSuiteGrowSection {
    padding: 60px 0;
    margin-top: 60px;
    background-color: #F5FFFE
}

.NetSuiteGrowSection .MainTitleHere h3 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #000;
    padding-bottom: 60px
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox ul {
    text-align: right
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox ul li {
    list-style: none;
    background-color: #DAF5FF;
    display: initial;
    padding: 6px 45px;
    border-radius: 31px;
    color: #000;
    font-size: 14px
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox {
    border-bottom: 1px solid #9AE4FF;
    padding: 25px;
    height: 290px
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox .Img p {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-top: 36px
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox .AllContent p {
    font-size: 16px;
    color: #000;
    font-weight: 300
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox .Img img {
    width: 120px;
    padding-bottom: 22px
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox a.NetSuiteBTn {
    color: #0077B7;
    font-size: 16px;
    font-weight: 500
}

.NetSuiteGrowSection .NetSuiteGrowHomeBox a.NetSuiteBTn:hover {
    color: #3E368E
}

.UpdateHomePageClients .MainTitle h5 {
    text-align: center;
    color: #032d60;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 5px
}

.UpdateHomePageClients .MainTitle p {
    padding-bottom: 25px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #000;
    line-height: 1.7;
    font-weight: 300;
    width: 80%
}

.UpdateHomePageClients marquee {
    max-width: 180%;
    animation: marquee 2s linear infinite
}

.UpdateHomePageClients .client-logo img {
    width: 150px;
    margin-top: 8px;
    border: 1px solid #dcdcdc
}

.OurClientsSectionHome .MainTitle h4 {
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0;
    padding-bottom: 40px
}

.OurClientsSectionHome .carousel-inner.WidthFix .ClientsSays p {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    line-height: 1.7
}

.OurClientsSectionHome .carousel-inner.WidthFix .ClientsSays img.one {
    width: 26px;
    margin-top: -7px;
    margin-left: -35px;
    position: absolute
}

.OurClientsSectionHome .carousel-inner.WidthFix .ClientsSays img.two {
    width: 26px;
    margin-top: 16px;
    margin-left: 25px;
    position: absolute
}

.OurClientsSectionHome .carousel-inner.WidthFix {
    width: 80%;
    margin: auto
}

.carousel-indicators.DwonSlideDive {
    margin-bottom: -78px
}

.OurClientsSectionHome .ClientsPhoto img {
    width: 80%
}

.OurClientsSectionHome .ClientsPhoto {
    margin-top: 70px
}

.ClientsSays .ClientNameDigination span {
    font-size: 20px;
    font-weight: 700
}

.ClientsSays .ClientNameDigination p {
    font-size: 15px;
    color: lightgray
}

@media (max-width:767.99px) {
    .WhoWeAreSection .WhoBox h3 {
        font-size: 26px
    }

    .NetSuiteGrowSection .NetSuiteGrowHomeBox {
        height: auto
    }

    .WhoWeAreSection p.WhowP {
        font-size: 18px
    }

    .WhoWeAreSection a.WhoWeAreSectionBTN {
        padding: 9px 14px;
        font-size: 13px
    }

    .CounterSectionHere .about-counter-title h6 {
        font-size: 26px !important;
        text-align: left
    }

    .CounterSectionHere .about-counter-title p {
        font-size: 20px;
        width: 100%;
        text-align: left
    }

    .CounterSectionHere .counter-box {
        padding: 25px 20px 28px;
        margin-top: 39px
    }

    .CounterSectionHere li.CounterImage {
        position: absolute;
        transform: translate(167px, 8px) !important;
        text-align: center
    }

    .UpdateHomePageClients .MainTitle h5 {
        font-size: 26px
    }

    section#OurClientsSectionHome {
        padding: 18px 0;
        height: auto
    }

    .OurClientsSectionHome .MainTitle h4 {
        font-size: 22px
    }

    .OurClientsSectionHome .ClientsPhoto {
        margin-top: 22px
    }

    .FooterUpImagesShape .ContactDetails .title h5 {
        font-size: 22px;
        color: #fff
    }
}

.contact_content a.loaction_btn {
    color: #fff;
    background: #FFB52C;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 19px 13px;
    border-radius: 2px;
    margin-top: 50px !important;
    ;
    margin: 0 auto;
    display: table
}

.contact_content h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif
}

.contact_content p {
    padding-bottom: 50px;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    margin-top: 18px
}

section.contact_content .contact_box {
    width: 100%;
    border: 1px dotted #02253D;
    height: 190px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 0
}

section.contact_content .contact_box li {
    list-style: none;
    font-family: 'Poppins', sans-serif;
    display: flex;
    margin-top: 20px
}

section.contact_content .contact_box h4 {
    font-family: 'Poppins', sans-serif
}

section.contact_content .contact_box a {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    height: 88px
}

section.contact_content .contact_box i {
    padding: 0 10px 0 0;
    margin-top: 5px
}

section#contact_content {
    padding: 30px 0 0
}

section#contact_form {
    padding: 30px 0 100px
}

.form-bg .contact_img img {
    width: 100%;
    border-radius: 5px 0 0 5px
}

.form-container {
    padding: 33px
}

.form-container .title {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 25px
}

.form-container .title:after {
    content: '';
    background-color: #00A9EF;
    height: 3px;
    width: 60px;
    margin: 10px 0 0;
    display: block;
    clear: both
}

.form-container .sub-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px
}

@media only screen and (max-width:479px) {
    .contact_content p {
        width: 100%;
        text-align: left
    }

    .contact_content h1 {
        font-size: 30px;
        text-align: left;
        font-family: 'Poppins', sans-serif
    }

    .hero-contact h2.contact_h2 {
        font-size: 30px
    }

    .contact_content a.loaction_btn {
        margin-top: 0 !important;
        margin: 0
    }
}

.form-container .form-horizontal {
    font-size: 0
}

.form-container .form-horizontal .form-group {
    color: #333;
    width: 50%;
    padding: 0 8px;
    margin: 0 0 40px;
    display: inline-block
}

.form-container .form-horizontal .form-group:nth-child(4) {
    margin-bottom: 30px
}

.form-container .form-horizontal .form-group label {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #e2e2e2
}

.form-container .form-horizontal .form-control {
    color: #888;
    background: #fff;
    font-weight: 400;
    height: 40px;
    padding: 6px 12px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #428BCA;
    box-shadow: none !important;
    font-size: 16px;
    appearance: auto
}

.form-container .form-horizontal .form-control:focus {
    box-shadow: 0 0 5px #dcdcdc
}

.form-container .form-horizontal .check-terms {
    padding: 0 8px;
    margin: 0 0 25px
}

.form-container .form-horizontal .check-terms .check-label {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    vertical-align: top;
    display: inline-block
}

.form-container .form-horizontal .check-terms .checkbox {
    height: 17px;
    width: 17px;
    min-height: auto;
    margin: 2px 8px 0 0;
    border: 2px solid #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.3s ease 0s
}

.form-container .form-horizontal .check-terms .checkbox:before {
    content: '';
    height: 5px;
    width: 9px;
    border-bottom: 2px solid #00A9EF;
    border-left: 2px solid #00A9EF;
    transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 2.5px;
    transition: all 0.3s ease
}

.form-container .form-horizontal .check-terms .checkbox:checked:before {
    opacity: 1
}

.form-container .form-horizontal .check-terms .checkbox:not(:checked):before {
    opacity: 0
}

.form-container .form-horizontal .check-terms .checkbox:focus {
    outline: none
}

.form-container .signin-link {
    color: #333;
    font-size: 14px;
    width: calc(100% - 190px);
    margin-right: 30px;
    display: inline-block;
    vertical-align: top
}

.form-container .signin-link a {
    color: #00A9EF;
    font-weight: 600;
    transition: all 0.3s ease 0s
}

.form-container .signin-link a:hover {
    text-decoration: underline
}

.form-container .form-horizontal .signup {
    margin-left: 10px;
    color: #fff;
    background: #0ea2bd;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 19px 13px;
    border-radius: 2px;
    transition: all .3s ease 0s;
    margin-top: -12px !important;
    display: block
}

.form-container .form-horizontal .btn:hover,
.form-container .form-horizontal .btn:focus {
    text-shadow: 0 0 5px rgb(0 0 0 / .5);
    box-shadow: 3px 3px rgb(0 0 0 / .15), 5px 5px rgb(0 0 0 / .1);
    outline: none
}

@media only screen and (max-width:479px) {
    .form-container .form-horizontal .form-group {
        width: 100%
    }

    .form-container .signin-link {
        width: 100%;
        margin: 0 10px 15px
    }
}

section#contact {
    padding: 0
}

section.hero-about {
    background-image: url(../img/About_img/about_banner.webp);
    width: 100%;
    height: 90vh;
    background-size: cover
}

section.hero-about .about_page_slider span {
    font-size: 18px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff
}

section.hero-about .about_page_slider h1 {
    font-size: 49px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #ffae00
}

section.hero-about .about_page_slider p {
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff
}

section.hero-about .about_we_img {
    background-image: url(../img/About_img/1.about_gif.gif);
    width: 100%;
    height: 400px;
    background-size: cover;
    height: 100vh
}

.partner_inner_page {
    background-image: url(../img/our_partner/main_slider.webp);
    width: 100%;
    height: 38vh;
    background-size: cover;
    background-repeat: no-repeat
}

.partner_inner_page h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

.partner_inner_title p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 300
}

.partner_inner_img a {
    padding: 20px 0
}

.partner_inner_img img {
    width: 100%
}

.partner_inner_img {
    width: 100%;
    box-shadow: 1px 1px 8px -1px lightgrey;
    border-radius: 5px;
    padding: 20px
}

.our_partner_inner .our_partner_p p {
    width: 70%;
    margin: 0 auto;
    padding: 20px 0 60px;
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif
}

.our_clinet_inner {
    background-image: url(../img/our_partner/sap-b1-img.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.our_clinet_inner_title h1 {
    font-size: 36px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    color: #fff;
    margin-top: 80px
}

.our_clinet_inner_title.pt-5 p {
    font-size: 17px;
    color: #fff;
    font-weight: 100
}

.our-clientpage2 .our-clientpageBox {
    padding: 20px
}

.our-clientpage2 .our-clientpageBox h4 {
    font-size: 20px;
    font-weight: 600
}

.our-clientpage2 .our-clientpageBox p {
    font-size: 18px
}

.our_client_page1 .our_client_img1 img {
    width: 100%;
    background-repeat: no-repeat
}

.our_client_page1 .our_client_img1 p {
    color: #2a2a2a;
    font-weight: 300;
    text-align: left !important;
    font-size: 19px;
    line-height: 1.9;
    font-family: 'Poppins', sans-serif;
    margin-top: 22px
}

section#our_client_page1 {
    padding: 0
}

.our_client_pageBox h2 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 40px
}

@media only screen and (max-width:767.98px) {
    .our_clinet_inner_title h1 {
        font-size: 30px;
        font-weight: 300;
        line-height: 35px
    }

    .our_clinet_inner_title p {
        width: 100%
    }

    .our_clinet_inner_title h1 {
        width: 100%
    }

    .our_clinet_inner_title a.inner_page_btn {
        padding: 10px 17px 10px 17px;
        margin-top: 0
    }

    .our_client_pageBox h2 {
        font-size: 30px
    }
}

section#privacy-policy {
    background-image: url(../img/company_info/privacy-policy.webp);
    width: 100%;
    height: 47vh;
    background-repeat: no-repeat;
    background-size: cover
}

.privacy-policy-content1 p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.award_inner {
    background-image: url(../img/award/banner.webp);
    width: 100%;
    height: 60vh;
    margin-top: 93px;
    background-size: cover;
    background-repeat: no-repeat
}

.award_inner_title h1 {
    font-size: 50px;
    color: #02253D;
    font-weight: 800;
    text-align: center;
    font-family: 'Poppins', sans-serif
}

.award_inner_title p {
    font-size: 17px;
    font-weight: 100;
    color: #000;
    text-align: center;
    padding-bottom: 20px
}

.award_inner_page .award_inner_img img {
    width: 100%
}

.award_inner_page .award_inner_img h3 {
    font-size: 20px;
    font-weight: 100;
    color: #000;
    text-align: center;
    margin-top: 10px
}

.sap_inner_page {
    background-image: linear-gradient(rgb(0 0 0 / 87%), rgb(1 146 209 / 52%)), url(../img/sap-partner/main_banner.webp);
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.sap_inner_page a.sap-inner-btn {
    padding: 15px 40px 15px 40px;
    background: orange;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
    color: #fff
}

.sap_inner_page h1 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #fff
}

.award_inner_title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: "Poppins", sans-serif;
    color: #252B33
}

.sap_partner_inner .sap_inner_content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.sap_software_deal {
    background-image: url(../img/sap-partner/banner1.webp);
    width: 100%;
    height: auto;
    background-size: cover
}

.oracle_software_content1 li {
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    border: 1px solid lightgray;
    padding: 10px;
    list-style: none;
    width: 450px;
    text-align: center;
    background-color: #0EA2BD;
    margin-top: 20px;
    margin-left: 10px
}

.oracle_software_content1 ul {
    display: flex
}

.oracle_software_content_1 h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: "Poppins", sans-serif
}

.oracle_software_content_2 p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.oracle_software_content_2 h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: "Poppins", sans-serif
}

.oracle_software_content_2 span {
    display: block;
    color: #0EA2BD;
    font-size: 27px;
    font-weight: 600
}

.oracle_software_content_2 a.oracle-inner-btn {
    color: #fff;
    background: #0EA2BD;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 50px 16px 50px;
    border-radius: 2px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    margin-top: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-left: 10px
}

.oracle_software_content_2 .oracle_btn2 {
    padding-top: 50px
}

.oracle_inner_page {
    background: linear-gradient(rgb(0 0 0 / 87%), rgb(1 146 209 / 52%)), url(../img/sap-partner/main_banner.webp);
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.oracle_inner_page a.oracle-inner-btn {
    padding: 17px 35px 17px 35px;
    background: #02253d;
    border-radius: 5px;
    margin-top: 0;
    display: inline-block;
    color: #fff
}

.oracle_inner_page h1 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 800;
    color: #fff;
    margin-top: 100px;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px
}

.oracle_software_content {
    display: table;
    margin: 0 auto
}

section#sap_software_deal {
    padding: 0
}

section#sap_software_deal h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif
}

.oracle_software_content li {
    color: #fff;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    border: 1px solid lightgray;
    padding: 10px;
    list-style: none;
    width: 300px;
    text-align: center;
    background-color: #0EA2BD;
    margin-top: 20px;
    margin-left: 10px
}

.oracle_software_content ul {
    display: flex
}

.oracle_software_img1 img {
    width: 100%;
    border-radius: 5px
}

.oracle_software_content_1 h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    letter-spacing: -1px
}

.oracle_software_content_1 p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.oracle_software_content_1 span {
    display: block;
    color: #0EA2BD;
    font-size: 27px;
    font-weight: 600
}

.oracle_software_content_1 a.oracle-inner-btn {
    color: #fff;
    background: #0EA2BD;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 50px 16px 50px;
    border-radius: 2px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    margin-top: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-left: 10px
}

.oracle_software_content_1 .oracle_btn2 {
    padding-top: 50px
}

@media only screen and (max-width:767.98px) {
    .oracle_inner_page h1 {
        margin-top: 0px !important
    }

    .oracle_software_content ul {
        display: block
    }

    section#sap_software_deal h1 {
        font-size: 30px
    }

    .oracle_inner_page {
        height: auto
    }

    .oracle_inner_page h1 {
        font-size: 30px
    }

    .oracle_inner_page a.oracle-inner-btn {
        padding: 8px 11px 8px 11px
    }

    .oracle_software_content h1 {
        font-size: 33px
    }

    section#sap_software_deal_1 {
        padding: 0
    }

    section#sap_software_deal {
        padding: 0
    }

    .oracle_software_content_1 {
        padding: 22px 0
    }

    .oracle_software_content_1 h1 {
        font-size: 37px;
        text-align: left
    }

    .oracle_software_content_1 p {
        text-align: left;
        padding-top: 0
    }

    .oracle_software_content_1 span {
        text-align: left;
        font-size: 21px
    }

    .oracle_software_content_1 .oracle_btn2 {
        text-align: left;
        padding-top: 50px
    }

    .oracle_software_content_1 a.oracle-inner-btn {
        padding: 12px 40px 12px 40px
    }

    .oracle_software_content {
        padding: 30px 0
    }

    .header.sticked .navbar a {
        color: #fff !important
    }

    .award_inner {
        height: auto
    }
}

.microsoft_inner {
    background-image: url(../img/microsoft/bg-banner.webp);
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-repeat: no-repeat
}

section.microsoft_counter {
    padding: 30px
}

section#microsoft_page {
    padding: 30px 0
}

.microsoft_inner_title h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.microsoft_counter .microsoft_inner_box {
    cursor: pointer
}

.microsoft_counter .microsoft_inner_box p {
    font-size: 18px;
    font-weight: 500;
    color: #0EA2BD
}

.microsoft_counter .microsoft_inner_box .box {
    margin-top: 20px;
    background: #F1F1F1;
    padding: 10px 0;
    border-radius: 5px;
    margin: 10px;
    text-align: center
}

.microsoft_page .microsoft_page_content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.microsoft_page .micro_li li {
    font-weight: 600;
    color: #031019;
    font-size: 16px;
    color: #252b33;
    line-height: 28px;
    margin-bottom: 16px
}

.microsoft_page .microsoft_page_content {
    width: 80%;
    margin: 0 auto
}

.microsoft_page .microsoft_page_content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 50px
}

.microsoft_page .microsoft_page_content span {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 50px
}

@media (max-width:767.98px) {
    .microsoft_section4 {
        height: auto !important;
        padding: 0 !important
    }

    .mobile-development-one .mobile-development-centent .all-li i {
        width: 0
    }

    .microsoft_section4 h1 {
        font-size: 30px !important;
        line-height: 40px
    }

    .microsoft_section4 .microsoft_section4_btn a {
        padding: 8px 31px 8px 31px !important
    }

    .microsoft_page .microsoft_page_content {
        width: 100%
    }

    .microsoft_page .microsoft_page_content h1 {
        font-size: 30px;
        line-height: 41px;
        padding-bottom: 25px;
        font-family: 'Poppins', sans-serif
    }

    .microsoft_inner {
        height: 30vh
    }

    .m4_content {
        padding: 20px 0 !important
    }

    .microsoft_inner_title h1 {
        font-size: 30px
    }
}

.microsoft_section4 {
    background-image: url(../img/microsoft/img1.webp);
    width: 100%;
    height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 85px 0
}

.microsoft_section4 h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px
}

.microsoft_section4 p {
    color: #fff;
    margin-top: 20px;
    display: inline-block
}

.microsoft_section4 .microsoft_section4_btn a {
    padding: 16px 31px 16px 31px;
    background: #fff;
    border-radius: 3px;
    margin-top: 20px;
    display: inline-block;
    color: #000;
    font-weight: 600
}

.sap_business .sap_business_inner img {
    width: 100%;
    border-radius: 0;
    border-top: 1.2px solid #090909
}

.sap_business .sap_business_inner h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: -.5px;
    padding-bottom: 10px
}

.sap_business .sap_business_inner p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.sap_business .sap_business_inner .sap_inner_li_new li {
    list-style-type: none;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-top: 10px;
    color: #000;
    display: flex
}

.sap_business .sap_business_inner .sap_inner_li_new i {
    align-items: center;
    display: flex;
    width: 30px
}

.sap_business .sap_business_inner .sap_inner_li li {
    list-style-type: none;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-top: 10px;
    width: 218px
}

.sap_business_title.text-center h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #fff;
    margin-top: 113px;
    font-family: 'Poppins', sans-serif
}

.sap_business_box {
    padding: 25px 30px;
    text-align: center;
    height: 333px;
    background: #01243C;
    border-top: 3px solid #eed956;
    border-bottom: 3px solid #eed956;
    position: relative
}

.sap_business_box:before {
    content: "";
    border-top: 0 solid #eed956;
    border-right: 0 solid #fff0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0s
}

.sap_business_box:hover:before {
    border-top-width: 78px;
    border-right-width: 78px
}

.sap_business_box:after {
    content: "";
    border-bottom: 0 solid #eed956;
    border-left: 0 solid #fff0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s ease 0s
}

.sap_business_box:hover:after {
    border-bottom-width: 78px;
    border-left-width: 78px
}

.sap_business_box .title {
    font-size: 20px;
    font-weight: 700;
    color: #eed956;
    letter-spacing: 1px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease 0s
}

.sap_business_box:hover .title {
    letter-spacing: 3px
}

.sap_business_box .description {
    font-size: 19px;
    color: #d7d7d7;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300
}

@media only screen and (max-width:990px) {
    .sap_business_box {
        margin-bottom: 30px;
        height: auto
    }
}

@media (min-width:1280px) {
    .ebs-suite-2 .ebs-suite-content2 {
        margin-top: 18px !important
    }

    .sap_business_add .sap_add_box li {
        font-size: 15px !important
    }

    .sap_business .sap_business_inner .sap_inner_li li {
        font-size: 14px
    }
}

div#sap_offer_mt {
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    section#sap_business {
        padding: 25px 0
    }

    .sap_business .sap_business_inner h2 {
        font-size: 25px;
        padding-bottom: 0
    }

    section#sap_business_features {
        padding: 0
    }

    .row.sap_invers {
        flex-direction: column-reverse
    }
}

.sap_business_features {
    background-image: url(../img/sap-B1/it-bg.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

.sap_about2 .serviceBox3 {
    text-align: center;
    margin: 0 -12px
}

.sap_about2 .serviceBox3 img {
    width: 100%;
    height: auto
}

section.sap_about2 {
    padding: 0;
    margin-top: 50px
}

.sap_about2 .serviceBox3 .service-content {
    position: relative;
    padding: 50px 30px 30px;
    color: #000
}

.sap_about2 .sap_about2_title h5 {
    padding-bottom: 50px;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap_about2.serviceBox3 .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase
}

.sap_about2 .serviceBox3 .description {
    font-size: 17px;
    color: #000;
    margin: 0;
    font-weight: 300
}

.sap_about2 .serviceBox3 .read-more:hover {
    color: #00a996;
    background: #f0f4ba;
    text-decoration: none
}

.sap_about2 .serviceBox3.middle .service-content {
    padding: 15px 30px 14px
}

@media only screen and (max-width:990px) {
    .sap_about2 .serviceBox3 .title {
        font-size: 17px
    }
}

@media only screen and (max-width:767px) {
    .sap_about2 .serviceBox3 {
        margin: 0 0 30px 0
    }

    section#sap-industry-serve {
        padding: 10px 0
    }
}

.sap-industry-serve .sap-serve h6 {
    padding-bottom: 50px;
    font-size: 38px;
    color: #000;
    font-weight: 700;
    line-height: 42px
}

section.sap-industry-serve .industries_box {
    width: 100%;
    padding: 9px 0 9px 50px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #c0e7fb;
    margin-bottom: 20px;
    transition: .5s
}

section.sap-industry-serve .industries_box:hover {
    color: #06A9E7;
    transform: translateY(-10px)
}

section.sap-industry-serve .industries_box img {
    padding-bottom: 5px;
    width: 33px
}

section.sap-industry-serve .industries_box li {
    list-style-type: none;
    display: initial
}

.sap_business_add .sap_about2_title h5 {
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif;
    padding-bottom: 50px
}

.sap_business_add .sap_add_box {
    background: #fff;
    border: 1px solid #b8b8b8;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    margin-top: 15px;
    transition: .5s;
    cursor: pointer
}

.sap_business_add a.ebs-suite_btn {
    display: flex;
    background-color: orange;
    justify-content: center;
    width: 170px;
    align-items: center;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    margin: auto;
    margin-top: 54px
}

.sap_business_add .sap_add_box:hover {
    background-color: #EDEDED;
    border: none
}

.sap_business_add .sap_add_box li {
    color: #000;
    font-size: 18px;
    margin: 0;
    list-style: none
}

.sap_about2_title.education.text-center h1 {
    text-align: center !important;
    color: #000;
    font-weight: 700;
    font-size: 40px
}

section.sap_business_add.education p {
    color: #000;
    font-size: 17px
}

section#services .service-item h3 {
    color: #000;
    font-weight: 600
}

section#services .service-item p {
    color: #000;
    font-size: 17px;
    line-height: 1.9
}

.services .section-header h2 {
    text-align: center;
    color: #000;
    font-weight: 600;
    padding-bottom: 43px;
    font-size: 40px
}

.sap-starter-package {
    background-image: url(../img/our-client/bg_banner.webp);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat
}

.sap-starter-package_title.text-center {
    margin-top: 100px
}

.sap-starter-package_title h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

.sap-starter-package_title p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 15px
}

.sap-starter-package a.banner_btn {
    margin-left: 10px;
    color: #fff;
    background: #FFB52C;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 19px 13px;
    border-radius: 2px;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    display: inline-block
}

.sap-B1-package .sap-B1-package_box {
    margin-top: 60px
}

.sap-B1-package .sap-B1-package_box h3 {
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -.5px;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.sap-B1-package .sap-B1-package_box p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.sap-B1-package .sap-img-package_box img {
    width: 100%
}

.sap-B2-package {
    background: linear-gradient(to right, rgb(39 70 133 / .8) 0%, rgb(61 179 197 / .8) 100%), url(../img/sap-B1/hero-bg.webp);
    background-size: cover
}

.sap-B2-package .sap_B2_package_box h3 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    line-height: 48px;
    letter-spacing: -.5px;
    color: #fff;
    font-family: "Poppins", sans-serif
}

.sap-B2-package .sap_B2_package_box p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: 300
}

.sap-B2-package .sap_img_package_box img {
    width: 100%;
    border-radius: 5px
}

.sap-B3-package {
    background-color: #F1F1F1
}

.sap-B3-package .sap-b3-box {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    height: calc(100% - 12px)
}

.sap-B3-package .sap-b3-box h2 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
    color: #000
}

.sap-B3-package .sap-b3-box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sap-B3-package .sap-b3-box ul li {
    width: 100%;
    margin-top: 10px;
    font-weight: 300
}

.sap-B3-package .sap-b3-box ul i {
    color: #1193d4;
    width: 25px;
    line-height: 45px;
    float: left;
    display: block
}

@media only screen and (max-width:990px) {
    .sap-B3-package .sap-b3-box {
        margin: 0 10px 40px
    }

    .sap-B3-package .sap-b3-box {
        height: auto
    }
}

.sap-B4-package .sap-B4-box {
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    padding: 35px;
    border-radius: 12px;
    margin-top: 30px;
    cursor: pointer;
    text-align: center
}

.sap-B4-package .sap-B4-title b {
    padding-bottom: 40px !important;
    display: block
}

.sap-B4-package .sap-B4-box p {
    font-size: 16px;
    line-height: 26px;
    color: #252B33;
    margin-bottom: 16px
}

.sap-B4-package .sap-B4-box li {
    list-style: none;
    width: 60px;
    height: 60px;
    margin: auto;
    display: inline-table !important
}

.sap-B4-package .sap-B4-box li i {
    align-items: center;
    text-align: center;
    line-height: 2;
    font-size: 30px
}

.sap-B4-package .sap-B4-box h5 {
    font-weight: 700;
    padding-bottom: 20px
}

.sap-B4-package .sap-B4-title h6 {
    padding-bottom: 10px;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif;
    margin-top: 50px
}

.sap-B5-package {
    background-image: url(../img/sap-B1/img4.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.sap_b5_img img {
    width: 100%
}

.sap_b5_content h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px
}

.sap_b5_content h5 {
    font-size: 30px;
    color: orange;
    font-weight: 700
}

.sap_b5_content p {
    font-size: 30px;
    color: #fff;
    line-height: 40px
}

.sap-B6-package .sap_b6_title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px
}

.sap-B6-package .sap_b6_title h5 {
    padding-bottom: 40px
}

@media only screen and (max-width:767px) {
    .sap-starter-package_title h1 {
        font-size: 28px
    }

    .sap-B4-package .sap-B4-title h6 {
        margin: 0
    }

    section#sap-B1-package {
        padding: 0
    }

    .sap-B1-package .sap-B1-package_box h3 {
        font-size: 24px
    }

    .sap-B2-package .sap_B2_package_box h3 {
        font-size: 26px
    }

    .sap-B3-package .sap-b3-box {
        padding: 22px
    }

    .sap-B4-package .sap-B4-title h6 {
        font-size: 26px;
        margin-top: 40px
    }

    .sap_b5_content h1 {
        font-size: 30px
    }

    .sap_b5_content h5 {
        font-size: 17px
    }

    .sap-B4-package .sap-B4-box {
        padding: 25px
    }

    .sap-B6-package .sap_b6_title h1 {
        font-size: 26px
    }
}

.hana-implementation {
    background-image: url(../img/our-client/bg_banner.webp);
    width: 100%;
    height: 66vh;
    background-size: cover;
    background-repeat: no-repeat
}

.hana-implementation_title.text-center {
    margin-top: 72px
}

.hana-implementation_title h1 {
    font-size: 35px;
    padding-bottom: 13px;
    color: #efefef;
    font-weight: 800
}

.hana-implementation_title p {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 15px;
    color: #fff
}

.hana-implementation_title a.inner_page_btn {
    background: orange;
    padding: 10px 25px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 4px;
    color: #fff
}

.hana_implementation_content {
    margin-top: 20px
}

.hana-implementation-2 .hana_implementation_content h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    letter-spacing: -.5px
}

.hana-implementation-2 .hana_implementation_content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 20px
}

.hana-implementation-2 .hana_implementation_img img {
    width: 100%;
    border-radius: 5px
}

.hana-implementation-1 {
    background: linear-gradient(279.3deg, #0d92de 2.98%, #02253D 98.6%)
}

.hana-implementation-1 {
    background-position: bottom right;
    background-repeat: no-repeat
}

.hana-implementation-1 .curve {
    bottom: 0;
    left: 0;
    z-index: 2
}

.hana-implementation-1 .consult-overlay {
    padding-bottom: 250px
}

@media (max-width:1399.98px) {
    .hana-implementation-1 .consult-overlay {
        padding-bottom: 350px
    }
}

@media (max-width:991.98px) {
    .hana-implementation-1 .consult-right {
        display: none
    }
}

.hana-implementation-1 .list-content h4 {
    color: #fff;
    font-weight: 700
}

.hana-implementation-1 .list-content p {
    color: #d4d4d4;
    font-family: 'Poppins', sans-serif;
    font-size: 16px
}

.hana-implementation-1 .consult-list {
    max-width: 560px
}

.hana-implementation-1 .consult-list li+li {
    margin-top: 30px
}

.hana-implementation-1 .consult-list .icon-box {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 18px
}

.hana-implementation-1 .consult-list .icon-box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100px;
    background-color: #fff
}

.hana-implementation-1 .consult-overlay {
    padding-bottom: 250px
}

.hana-implementation-1 .consult-list .icon-box {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 18px
}

.hana-implementation-1 .consult-list .icon-box i {
    color: #fff
}

.hana-implementation-1 .consult-left h2 {
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -.5px;
    color: #fff
}

.hana-implementation-3 .implementation-3-content h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    line-height: 47px;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.hana-implementation-3 .implementation-3-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.hana-implementation-3 .implementation-3-content h4 {
    font-weight: 600;
    font-size: 20px;
    color: #000
}

.hana-implementation-3 .implementation-3-content li {
    list-style-type: none;
    color: #000
}

.hana-implementation-3 .implementation-3-content i {
    color: #0B88D8;
    padding: 8px 11px 11px 1px
}

.hana-implementation-3 .implementation-3-img img {
    width: 100%
}

.hana-implementation-5 {
    background-image: url(../img/hana_img/get.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center, center
}

.hana-implementation-5 .implementation-5-contnet a {
    background: #0ea2bd;
    padding: 16px 35px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 4px;
    color: #fff
}

.hana-implementation-5 .implementation-5-contnet p {
    font-size: 20px;
    color: #fff;
    font-weight: 400
}

.hana-implementation-5 .implementation-5-contnet h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.ProminentElementsSection {
    position: relative;
    background-image: url(https://www.cinntra.com/add/netsuite/netsuite-img/netsuite-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

.ProminentElementsSection .NetSuiteDeliver {
    height: 435px
}

.ProminentElementsSection .mainBox {
    height: calc(100% - 0px);
    background: #fff;
    padding: 30px;
    box-shadow: 0 3px 46px rgb(0 0 0 / .04);
    border-radius: 5px
}

.ProminentElementsSection .mainBox .Content {
    padding: 25px 20px
}

.ProminentElementsSection .mainBox .Content p {
    font-size: 16px
}

.ProminentElementsSection .mainBox h5 {
    font-weight: 600;
    font-size: 20px
}

.ProminentElementsSection .mainBox .MainImg img {
    width: 20%
}

div#DOwnPagination {
    margin-top: 20px !important;
    transform: translate(0, 30px);
    padding-bottom: 18px
}

section.ProminentElementsSection {
    padding: 50px 0
}

.swiper.CinntraServices {
    height: 438px
}

.ProminentElementsSection .MainTItle span {
    color: #ffec6e;
    font-weight: 800
}

.ProminentElementsSection .MainTItle h4 {
    font-weight: 600;
    font-size: 36px;
    padding-bottom: 10px;
    color: #fff
}

.ProminentElementsSection .MainTItle p {
    font-size: 27px;
    padding-bottom: 35px;
    color: #fff
}

.NetSuiteServices {
    position: relative
}

.MainService-img img {
    width: 100%
}

.ProminentElementsSection .swiper-container {
    overflow: inherit
}

.ProminentElementsSection .swiper-button-prev {
    margin-left: -8px
}

.ProminentElementsSection .swiper-button-next,
.ProminentElementsSection .swiper-button-prev {
    background: #fff;
    margin-top: -50px;
    padding: 22px;
    border-radius: 100%;
    filter: drop-shadow(0 3px 6px rgb(0 0 0 / .08))
}

.ProminentElementsSection .swiper-container {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    list-style: none !important;
    padding: 0;
    z-index: 1
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
    color: #000
}

.NetSuiteBck-img {
    background-image: url(./netsuite-img/l-skew.svg);
    background-size: 28vw;
    height: 30vw;
    width: 30vw;
    position: absolute;
    left: 0;
    top: 10%;
    background-repeat: no-repeat
}

.vn-elem-8 {
    background-image: url(https://www.vnmtsolutions.com/wp-content/themes/twentytwenty-child/images/elem6.svg);
    background-size: 25vw;
    height: 25vw;
    width: 15vw;
    position: absolute;
    left: 0;
    top: 60%;
    background-position: right;
    z-index: 0;
    background-repeat: no-repeat
}

.NetSuiteCinntra[data-scroll="in"] {
    transform: translateY(-120px);
    transition: all 1.5s
}

.ProminentElementsSection #margin-top {
    margin-top: 25px
}

@media (min-width:1200px) {
    #NetSuiteSLider {
        max-width: 1230px
    }
}

.CinntraSAPadd_Ons .MainContent {
    text-align: center
}

.CinntraSAPadd_Ons .MainContent h2 {
    font-weight: 600;
    font-size: 35px;
    color: #000
}

.CinntraSAPadd_Ons .MainContent span {
    color: #01243C;
    font-weight: 800
}

.CinntraSAPadd_Ons .MainContent p {
    font-size: 17px;
    margin-top: 10px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #c5c5c5
}

section.CinntraSAPadd_Ons {
    padding: 0 0 60px
}

.SAPadd-ons__Services {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    margin-top: 30px;
    justify-items: center
}

.SAPadd-ons__Services img {
    width: 100%;
    height: 4.6vw;
    object-fit: contain
}

.SAPadd-ons__Services p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    color: #000
}

@media (max-width:570px) {
    .SAPadd-ons__Services {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media (max-width:768px) {
    .SAPadd-ons__Services img {
        height: 50px
    }

    .SAPadd-ons__Services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5px;
        margin-top: 30px;
        justify-items: center
    }

    section.CinntraSAPadd_Ons {
        padding: 22px 0 41px
    }

    .CinntraSAPadd_Ons .MainContent h2 {
        font-weight: 600;
        font-size: 25px
    }

    .CinntraSAPadd_Ons .MainContent p {
        font-size: 14px
    }
}

.hana-implementation-4 .serviceBox {
    font-family: 'Poppins', sans-serif;
    padding: 25px 2px 1px 11px;
    position: relative;
    border: 1px solid #d6dbde;
    height: 360px;
    border-radius: 5px
}

.hana-implementation-4 .serviceBox .title {
    display: block;
    width: 190px;
    font-size: 24px;
    color: #433b3b;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #175faa;
    padding-bottom: 20px;
    margin: 0 auto 20px;
    position: relative
}

.hana-implementation-4 .serviceBox .title:before,
.hana-implementation-4 .serviceBox .title:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #175faa;
    margin: 0 -5px 0 0;
    position: absolute;
    bottom: -5px;
    right: 50%;
    transition: all 0.4s ease 0s
}

.hana-implementation-4 .serviceBox .title:before {
    left: 50%;
    margin: 0 0 0 -5px
}

.hana-implementation-4 .serviceBox:hover .title:before {
    left: 100%
}

.hana-implementation-4 .serviceBox:hover .title:after {
    right: 100%
}

.hana-implementation-4 .serviceBox .description {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #000;
    font-weight: 300
}

@media only screen and (max-width:990px) {
    .hana-implementation-4 .serviceBox {
        margin-bottom: 30px;
        height: auto
    }
}

@media only screen and (max-width:767.99px) {
    .hana-implementation-2 .hana_implementation_content h2 {
        font-size: 25px
    }

    .ProminentElementsSection .NetSuiteDeliver {
        height: auto
    }

    .ProminentElementsSection {
        background-position: right
    }

    .ProminentElementsSection .MainTItle p {
        font-size: 18px
    }

    .ProminentElementsSection .MainTItle h4 {
        font-size: 25px
    }

    .NetSuiteDeliversSection {
        background-position: right
    }

    .NetSuiteDeliversSection #margin-top {
        margin-top: 0
    }

    .NetSuiteDeliversSection .NetSuiteDeliver {
        height: auto
    }

    .hana-implementation {
        height: auto
    }

    .hana-implementation_title h1 {
        font-size: 25px
    }

    section#hana-implementation-2 {
        padding: 10px 0
    }

    .hana-implementation-1 .consult-left h2 {
        font-size: 25px
    }

    .domain-area .title h1 {
        font-size: 25px
    }

    section#hana-implementation-3 {
        padding: 10px 0
    }

    .domain-area .title h1 {
        font-size: 25px !important
    }

    .hana-implementation-3 .implementation-3-content h2 {
        font-size: 25px
    }
}

.light-bg {
    background-color: #343434
}

.domain-area {
    margin-top: -382px
}

.domain-area .title h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 35px;
    color: #000
}

.domain_box {
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    padding: 17px;
    text-align: center;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid lightblue;
    cursor: pointer
}

.domain-search-box {
    z-index: 10;
    padding: 60px 20px 50px 20px;
    background-color: #fff !important;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%)
}

@media (max-width:767.98px) {
    .domain-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px
    }
}

.hana_migration_1 .hana_migration_content1 h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: -.5px
}

.hana_migration_1 .hana_migration_content1 p {
    font-size: 16px;
    color: #252b33;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 16px;
    margin-top: 10px
}

.hana_migration_1 .hana_migration_img1 img {
    width: 100%;
    border-radius: 5px
}

.hana_migration_2 .hana_migration_content2 h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: center
}

.hana_migration_2 .migration_box h5 {
    font-size: 18px;
    color: #0ea2bd
}

section#hana_migration_2 {
    padding: 20px 0 60px;
    background-color: #fafafa
}

.hana_migration_2 .hana_migration_content2 p {
    font-size: 17px;
    color: #000;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 16px;
    width: 80%;
    margin: auto
}

.hana_migration_2 .migration_box {
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    padding: 40px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center
}

.hana_migration_2 .migration_box li {
    list-style: none;
    font-size: 20px;
    font-weight: 500
}

.hana_migration_3 {
    background-image: url(../img/hana_img/hana_2.webp);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover
}

.hana_migration_3 .hana_migration_box3 {
    padding: 30px;
    margin-top: 24px;
    border-radius: 5px;
    background: rgb(21 21 21 / 50%);
    height: calc(100% - 53px)
}

.hana_migration_3 .hana_migration_box3 p {
    color: #e8e8e8
}

.hana_migration_box3.h5 {
    background: none
}

.hana_migration_3 .hana_migration_box3.h5 h5 {
    font-size: 35px;
    color: #fff;
    font-weight: 800;
    line-height: 1.3
}

.hana_migration_5 .hana_migration_content5 a {
    background: #01213a;
    padding: 16px 35px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 4px;
    color: #fff
}

.hana_migration_5 .hana_migration_content5 p {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

section#hana_migration_5 {
    padding: 30px 0 30px 0;
    background: #0EA2BD
}

section#hana_migration_4 {
    background: #F6FCFD
}

.hana_migration_4 .hana_migration_title4 h4 {
    font-weight: 700;
    font-size: 38px;
    line-height: 1.4;
    color: #000
}

.hana_migration_4 .hana_migration_title4 p {
    padding-bottom: 30px;
    color: #000;
    font-size: 17px;
    font-weight: 300;
    margin-top: 20px
}

.hana_migration_4 .hana_serviceBox {
    padding: 50px 35px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-color: #428ef8;
    position: relative;
    transition: all 0.5s ease 0s;
    cursor: pointer
}

.hana_migration_4 .hana_serviceBox:hover {
    border: 1px solid #428ef8
}

.hana_migration_4 .hana_serviceBox:before,
.hana_migration_4 .hana_serviceBox:after {
    content: "";
    width: 70%;
    height: 5px;
    background: #428ef8;
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s
}

.hana_migration_4 .hana_serviceBox:hover:before,
.hana_migration_4 .hana_serviceBox:hover:after {
    opacity: 1;
    left: 50%
}

.hana_migration_4 .hana_serviceBox:after {
    top: auto;
    bottom: -3px
}

.hana_migration_4 .hana_serviceBox .service-icon {
    line-height: 65px;
    font-size: 36px;
    color: orange
}

.hana_migration_4 .hana_serviceBox .title {
    font-size: 20px;
    font-weight: 700;
    color: #252525;
    margin: 12px 0 10px 0;
    transition: all 0.5s ease 0s;
    text-align: left !important
}

.hana_migration_4 .hana_serviceBox:hover .title {
    opacity: 0
}

.hana_migration_4 .hana_serviceBox .description li {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
    text-align: left;
    list-style: none;
    padding: 1px 0 10px 25px
}

.hana_migration_4 .hana_serviceBox .description li i {
    margin-left: -25px;
    padding: 5px
}

.hana_migration_4 .hana_serviceBox:hover .description li {
    margin-top: -20px;
    padding-bottom: 20px
}

@media only screen and (max-width:990px) {
    .hana_migration_4 .hana_serviceBox {
        margin-bottom: 30px
    }
}

.sap-B2-package .sap_B2_package_box h4 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif;
    text-align: center
}

.hana_migration_6 .hana_migration_content6 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 1.4;
    padding-bottom: 15px
}

.hana_migration_6 .hana_migration_content6 ul {
    line-height: 2.5;
    font-size: 17px;
    font-family: 'Poppins', sans-serif
}

.hana_migration_6 .hana_migration_content6 {
    margin-top: 80px
}

.hana_migration_6 .hana_migration_form6 .form_slider {
    background: #fff;
    padding: 40px;
    border-radius: 5px;
    box-shadow: -1px 1px 13px 1px #f3f3f3
}

.hana_migration_6 .hana_migration_form6 .form_slider h1.text-center {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600
}

.hana_migration_6 .hana_migration_form6 .form_slider input#exampleInputName1 {
    margin-bottom: 20px;
    padding: 10px
}

.hana_migration_6 .hana_migration_form6 .form_slider input#exampleInputEmail1 {
    margin-bottom: 20px;
    padding: 10px
}

.hana_migration_6 .hana_migration_form6 .form_slider input#exampleInputText {
    margin-bottom: 20px;
    padding: 10px
}

.hana_migration_6 .hana_migration_form6 .form_slider input#PhoneNumber {
    margin-bottom: 20px;
    padding: 10px
}

.hana_migration_6 .hana_migration_form6 .form_slider button.btn.form_btn {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 30px;
    color: #fff;
    background: #06A9E7;
    width: 100%
}

@media (max-width:767.99px) {
    .hana_migration_6 .hana_migration_form6 .form_slider {
        padding: 5px
    }

    .hana_migration_2 .hana_migration_content2 p {
        width: 100%
    }

    .hana_migration_6 .hana_migration_form6 .form_slider h1.text-center {
        font-size: 23px;
        font-family: "Poppins", sans-serif;
        font-weight: 600
    }

    .hana_migration_6 .hana_migration_content6 h1 {
        font-size: 23px
    }

    .hana_migration_6 .hana_migration_content6 ul {
        line-height: 1.8
    }

    .hana_migration_6 .hana_migration_content6 {
        margin-top: 0
    }

    .hana_migration_4 .hana_migration_title4 h1 {
        font-size: 23px
    }

    .hana_migration_5 .hana_migration_content5 p {
        font-size: 23px;
        font-weight: 500
    }

    .hana_migration_3 .hana_migration_box3.h5 h5 {
        font-size: 25px
    }

    .hana_migration_3 .hana_migration_box3 {
        padding: 22px
    }

    .hana_migration_2 .hana_migration_content2 h2 {
        font-size: 25px
    }

    .hana_migration_1 .hana_migration_content1 h1 {
        font-size: 25px
    }
}

section#oracle-netsuite_1 {
    padding: 10px 0
}

.oracle-netsuite_1 .oracle-netsuite_content h2 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    color: #252B33;
    padding-bottom: 20px
}

.oracle-netsuite_1 .oracle-netsuite_content {
    padding: 60px 40px 0 40px
}

.oracle-netsuite_2 {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

section#oracle-netsuite_2 {
    padding: 0 0
}

.oracle-netsuite_2 .oracle-netsuite_title h4 {
    font-weight: 600;
    font-size: 35px;
    line-height: 1.4;
    color: #000;
    margin-top: 27px
}

.oracle-netsuite_content2 {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-top: 60px;
    cursor: pointer
}

.oracle-netsuite_content2 p {
    text-align: center;
    margin-top: 20px
}

.oracle-netsuite_content2 h5 {
    font-size: 25px;
    text-align: center;
    font-weight: 600
}

.oracle-netsuite_box {
    color: #db7100;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 25px 10px 0;
    position: relative;
    z-index: 1;
    margin-top: 50px
}

.oracle-netsuite_box:before {
    content: "";
    height: 180px;
    width: 180px;
    border: 2px dashed #0EA2BD;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1
}

.oracle-netsuite_box .title {
    color: #fff;
    background-color: #02253D;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 15px 10px;
    border-radius: 50px;
    margin: 0 -10px 5px;
    display: inline-block
}

.oracle-netsuite_box .service-icon {
    font-size: 45px;
    margin: 0 0 70px
}

.oracle-netsuite_box .description {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.oracle-netsuite_box.gray {
    color: #5A696E
}

.oracle-netsuite_box.gray:before {
    border-color: #0EA2BD
}

.oracle-netsuite_box.gray .title {
    background-color: #02253D
}

@media only screen and (max-width:990px) {
    .serviceBox {
        margin: 0 0 30px
    }
}

.oracle-netsuite_3 .oracle-netsuite_title h4 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33
}

.oracle-netsuite_3 .oracle-Box {
    border: 1px solid lightgray;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 25px;
    width: 100%;
    height: 700px
}

.oracle-netsuite_3 .oracle-Box img {
    width: 100%;
    transition: .5s
}

.oracle-netsuite_3 .oracle-Box img:hover {
    transform: scale(1.1)
}

.oracle-netsuite_3 .oracle-Box p {
    padding: 0 1px 0 15px;
    font-size: 16px;
    line-height: 26px;
    color: #252B33;
    margin-bottom: 16px
}

.oracle-netsuite_3 .oracle-Box h3 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    text-align: left !important;
    margin-left: 14px;
    margin-top: 35px
}

.oracle-netsuite_3 .oracle-Box li {
    padding: 0 1px 5px 15px
}

.oracle-netsuite_4 {
    background-image: url(../img/sap-B1/netsuite-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding: 44px 0
}

.oracle-netsuite_4 .orcale-netsuite-content4 p {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 100
}

.oracle-netsuite_4 .orcale-netsuite-content4 h4 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    color: #fff
}

.oracle-netsuite_4 .orcale-netsuite-content4 a.banner_btn {
    padding: 15px 40px 15px 40px;
    background: orange;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block
}

.our_clinet_inner .our_clinet_inner_title a.banner_btn {
    padding: 15px 40px 15px 40px;
    background: orange;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block
}

.oracle-netsuite_5 {
    background-color: #f3f3f3
}

.oracle-netsuite_title5 h6 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33
}

section.sap_about2.oracle {
    padding: 60px 0;
    margin: 0
}

section.sap_about2.oracle h6 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    padding-bottom: 23px
}

.oracle-netsuite_5 .oracle-netsuite_box5 {
    text-align: center;
    position: relative;
    margin-top: 50px
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto 45px;
    border: 2px solid #0EA2BD;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon:before,
.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon:after {
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #F3F3F3;
    border: 3px solid #0EA2BD;
    border-top: 2px solid #fff0;
    border-right: 2px solid #fff0;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) rotate(135deg);
    transition: all 0.3s ease 0s
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon:after {
    width: 20px;
    height: 20px;
    background: #0EA2BD;
    border: none
}

.oracle-netsuite_5 .oracle-netsuite_box5:hover .service-icon:before {
    bottom: -16px;
    opacity: 1
}

.oracle-netsuite_5 .oracle-netsuite_box5:hover .service-icon:after {
    bottom: -8px;
    opacity: 1
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 50px;
    color: #0EA2BD;
    line-height: 104px;
    border-radius: 50%;
    border: 2px solid #0EA2BD
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon span:before,
.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon span:after {
    content: '';
    display: block;
    width: 3px;
    height: 30px;
    background: #0EA2BD;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s
}

.oracle-netsuite_5 .oracle-netsuite_box5 .service-icon span:after {
    width: 20px;
    height: 20px;
    background: #fff0;
    border: 3px solid #0EA2BD;
    border-left: 3px solid #fff0;
    border-top: 3px solid #fff0;
    transform: translateX(-48%) rotate(45deg)
}

.oracle-netsuite_5 .oracle-netsuite_box5:hover .service-icon span:before,
.oracle-netsuite_5 .oracle-netsuite_box5:hover .service-icon span:after {
    bottom: -30px;
    opacity: 1
}

.oracle-netsuite_5 .oracle-netsuite_box5 .title {
    font-size: 20px;
    color: #02253D;
    text-transform: uppercase;
    margin: 0 0 10px 0
}

.oracle-netsuite_5 .oracle-netsuite_box5 .description {
    font-size: 15px;
    color: #555;
    padding: 0 10px;
    margin: 0
}

@media only screen and (max-width:990px) {
    .oracle-netsuite_5 .oracle-netsuite_box5 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767.99px) {
    .oracle-netsuite_1 .oracle-netsuite_content {
        padding: 20px 0
    }

    .oracle-netsuite_1 .oracle-netsuite_content h2 {
        font-size: 25px;
        text-align: left
    }

    .oracle-netsuite_1 .oracle-netsuite_content p {
        text-align: left
    }

    .oracle-netsuite_3 .oracle-netsuite_title h4 {
        font-size: 25px
    }

    .oracle-netsuite_3 .oracle-Box {
        height: auto
    }

    .oracle-netsuite_4 .orcale-netsuite-content4 {
        margin-top: 0
    }

    .oracle-netsuite_4 .orcale-netsuite-content4 h4 {
        font-size: 30px
    }

    .oracle-netsuite_4 .orcale-netsuite-content4 p {
        font-size: 20px
    }

    .oracle-netsuite_title5 h6 {
        font-size: 25px
    }

    .sap_about2 .sap_about2_title h5 {
        font-size: 28px
    }
}

.sap_business_inner.ebs-suite p {
    margin-top: 40px
}

.ebs-suite .ebs-suite-title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    padding-bottom: 50px;
    font-family: 'Poppins', sans-serif
}

.sap_business.ebs-suite {
    padding: 60px 0 0 0
}

.ebs-suite-1 {
    background-image: url(../img/sap-B1/1oracle-ebs.webp);
    width: 100%;
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat
}

.ebs-suite-1 .ebs-suite-content1 h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #fff;
    font-family: 'Poppins', sans-serif
}

.ebs-suite-1 .ebs-suite-content1 p {
    color: #fff;
    font-size: 25px
}

.ebs-suite-1 .ebs-suite-content1 a.ebs-suite_btn {
    padding: 15px 35px 15px 35px;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block;
    color: #01243c;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s
}

.ebs-suite-1 .ebs-suite-content1 a.ebs-suite_btn:hover {
    background: orange;
    color: #fff
}

.ebs-suite-2 {
    background-color: #F1F1F1
}

.ebs-suite-2 .ebs-suite-content-img img {
    width: 100%;
    border-radius: 50px
}

.ebs-suite-2 .ebs-suite-content2 {
    margin-top: 50px
}

.ebs-suite-2 .ebs-suite-content2 h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.ebs-suite-2 .ebs-suite-content2 p {
    font-size: 16px;
    line-height: 26px;
    color: #252B33
}

.ebs-suite-3 {
    background-color: #f3f3f3
}

.hana-implementation-4.ebs-suite .serviceBox {
    height: 280px;
    padding: 15px
}

.hana-implementation-4.ebs-suite .serviceBox .title {
    display: block;
    width: 190px;
    font-size: 24px;
    color: #433b3b;
    line-height: 30px;
    text-align: center !important;
    border-bottom: 1px solid #175faa;
    padding-bottom: 20px;
    margin: 0 auto 20px;
    position: relative
}

.ebs-suite-5 .ebs-suite-title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    text-align: center;
    font-family: 'Poppins', sans-serif
}

.ebs-suite-5 .ebs-suite-content5 {
    margin-top: 30px
}

.ebs-suite-5 .ebs-suite-content5 li {
    list-style: none;
    margin-left: 10px;
    list-style-type: none;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: flex;
    line-height: 1.8;
    margin-top: -7px
}

.ebs-suite-5 .ebs-suite-content5 i {
    padding: 10px;
    display: flex
}

.sap_business_add.ebs-suite {
    background-color: #F1F1F1
}

.sap_about2_title.ebs-suite h4 {
    text-align: center;
    color: #000;
    font-size: 35px;
    padding-bottom: 20px;
    line-height: 35px
}

.ebs-suite-6 .login-box {
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px
}

.ebs-suite-6 .login-box input#exampleInputName1 {
    margin-bottom: 20px;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #087ACF
}

.ebs-suite-6 .login-box input#exampleInputEmail1 {
    margin-bottom: 20px;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #087ACF
}

.ebs-suite-6 .login-box input#exampleInputText {
    margin-bottom: 20px;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #087ACF
}

.ebs-suite-6 .login-box input#PhoneNumber {
    margin-bottom: 20px;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #087ACF
}

.ebs-suite-6 .login-box button.btn.form_btn {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 30px;
    color: #fff;
    background: orange;
    border: 2px solid orange
}

.ebs-suite-6 .login-box select#countryCode {
    margin-bottom: 20px;
    padding: 10px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #087ACF
}

.ebs-suite-6 .login-box .form_slider {
    border-top: none;
    margin-top: 0
}

.ebs-suite-6 .login-box h1 {
    font-size: 35px;
    padding-bottom: 10px;
    font-weight: 700 !important;
    color: #02243d;
    font-family: 'Poppins', sans-serif
}

@media (max-width:767.99px) {
    .sap_business_add .sap_about2_title h5 {
        font-size: 28px
    }

    .ebs-suite-6 .login-box h1 {
        font-size: 28px
    }

    section#ebs-suite-4 {
        padding: 0
    }

    .ebs-suite-5 .ebs-suite-title h1 {
        font-size: 28px
    }

    .ebs-suite .ebs-suite-title h1 {
        font-size: 28px
    }

    .ebs-suite-2 .ebs-suite-content2 h1 {
        font-size: 28px
    }

    .ebs-suite-1 .ebs-suite-content1 h1 {
        font-size: 28px
    }

    .ebs-suite-1 {
        padding: 40px 0
    }

    .sap_business.ebs-suite {
        padding: 0 0 0 0
    }
}

@media only screen and (max-width:767.99px) {
    .sap_inner_page h1 {
        font-size: 25px;
        line-height: 35px
    }

    .oracle-fusion .oracle-fusion-content {
        width: 100% !important;
        padding-bottom: 30px
    }

    .oracle-netsuite_4 {
        height: auto
    }

    .sap_inner_page a.sap-inner-btn {
        padding: 8px 25px 8px 25px;
        font-size: 13px
    }

    .sap_design_content {
        padding: 0
    }

    .sap_design_content h1 {
        font-size: 25px !important;
        line-height: 31px !important
    }

    section#ebs-suite-6 {
        padding: 30px 0
    }

    .sap-B2-package .sap_B2_package_box h1 {
        color: #fff;
        font-size: 25px
    }

    .sap-B2-package .sap_B2_package_box p {
        font-size: 17px;
        color: #fff;
        font-weight: 100
    }

    .sap_about2_title.ebs-suite h4 {
        text-align: center;
        color: #000;
        font-size: 25px;
        padding-bottom: 20px;
        line-height: 35px
    }

    .sap-design-2 .sap-design-content2 h4 {
        font-size: 25px
    }
}

.oracle-fusion .oracle-fusion-content {
    padding: 0 20px;
    width: 80%;
    margin: auto;
    text-align: center
}

section#oracle-fusion {
    padding: 60px 0 0
}

.oracle-fusion .oracle-fusion-content p {
    margin-top: 10px
}

section#sap-B4-package\ \ oracle-fusion {
    padding: 0 0 60px 0
}

.sap-B4-box li img {
    width: 100%;
    padding-bottom: 20px
}

.sap-B4-box.oracle-fusion2.text-center {
    background: #fff
}

section#oracle-fusion .login-box.sap_design {
    box-shadow: -2px 3px 9px 7px #f1f1f1;
    padding: 40px
}

.sap_design_content {
    padding: 20px
}

.sap_design_contact p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 16px
}

.sap_design_content p {
    font-size: 17px;
    color: #000
}

.sap_design_content h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 10px
}

.sap_B2_package_box b {
    font-size: 18px;
    color: #fff;
    padding-bottom: 10px;
    display: flex
}

.sap_bydesign1 {
    color: var(--main-color);
    padding: 25px 20px 25px 80px;
    position: relative;
    z-index: 1;
    margin-top: 25px
}

.sap_bydesign1:before,
.sap_bydesign1:after {
    content: '';
    border: 2px solid var(--main-color);
    position: absolute;
    left: 28px;
    top: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(0 0, 65% 0%, 50% 100%, 0% 100%)
}

.sap_bydesign1:after {
    clip-path: polygon(95% 15%, 100% 15%, 100% 100%, 95% 100%)
}

.sap_bydesign1 .title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
    text-align: left !important
}

.sap_bydesign1 .service-icon {
    text-align: center
}

.sap_bydesign1 .description {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    color: #000
}

.sap_bydesign1.orange {
    --main-color: #0EA2BD
}

@media only screen and (max-width:1199px) {
    .sap_bydesign1 {
        margin: 0 0 40px
    }
}

.sap-design-2 .sap-design-img2 img {
    width: 100%;
    border-radius: 10px
}

.sap-design-2 {
    background-color: #F1F1F1
}

.sap-design-2 .sap-design-content2 h4 {
    font-weight: 800;
    font-size: 35px;
    line-height: 1.4;
    color: #000
}

.sap-design-2 .sap-design-content2 p {
    font-size: 17px;
    margin: 0;
    font-weight: 300;
    padding-bottom: 20px;
    color: #000
}

h2.MaintinaceHereSapDesign {
    color: #fff;
    font-size: 35px;
    padding-bottom: 10px;
    font-weight: 600
}

.sap-design-2 .sap-design-content2 li {
    list-style: none;
    padding: 3px;
    margin-top: 4px;
    color: #000;
    font-size: 23px;
    font-weight: 800
}

.sap-design-3 a.spa-design-btn3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 30px;
    color: #fff;
    background: orange;
    border: 2px solid orange
}

.sap-design-3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.4
}

.sap-design-4 .sap-design-img4 {
    background-image: url(../img/sap-B1/1sap-design.webp);
    width: 100%;
    height: auto;
    padding: 66px;
    background-size: cover;
    border-radius: 5px;
    background-repeat: no-repeat
}

.sap-design-4 .sap-design-img4 h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.sap-design-4 .sap-design-img4 p {
    font-size: 20px;
    color: #fff
}

section#it-consulting {
    background-image: url(../img/sap-B1/it-bg.webp);
    width: 100%;
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

a.CallActionBtn i {
    transition: .5s;
    font-size: 12px;
    width: 30px;
    color: #fff
}

a.CallActionBtn:hover i {
    margin-left: 10px;
    width: 20px
}

a.CallActionBtn {
    padding: 16px 35px;
    color: #fff;
    border-radius: 19px;
    font-size: 18px;
    border: 1px solid #fff;
    font-weight: 500;
    text-decoration: none;
    display: table;
    border-radius: 46px;
    margin-top: 30px
}

section#it-consulting .our_clinet_inner_title p {
    color: #fff;
    font-size: 17px;
    font-weight: 100
}

.it-consulting .our_clinet_inner_title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    font-family: "Poppins", sans-serif;
    letter-spacing: -.5px
}

.it-consulting-1 .it-consulting-img-1 img {
    width: 100%;
    border-radius: 10px
}

.it-consulting-1 .it-consulting-content h2 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px
}

.it-consulting-1 .it-consulting-content p {
    font-size: 17px;
    color: #252b33;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 16px
}

section#it-consulting-1 {
    padding: 80px 0;
    background-color: #f3f3f3
}

.it-consulting-2 {
    background-image: url(../img/sap-B1/it-bg1.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.it-consulting-title-2 h3 {
    font-size: 40px;
    line-height: 1.4;
    color: #fff
}

.it-consulting-title-2 p {
    font-size: 16px;
    padding: 0 20px;
    color: #fff;
    font-weight: 100
}

.it-consulting-box-2 {
    padding: 20px;
    border: 1px solid #f4f4f4;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    height: calc(100% - 30px)
}

.it-consulting-box-2 .title {
    font-size: 20px;
    font-weight: 700;
    color: #e0a841;
    text-transform: capitalize;
    margin: 0 0 15px 0
}

.it-consulting-box-2 li {
    color: #fff
}

.it-consulting-box-2 .description {
    font-size: 15px;
    color: #e6e6e6;
    line-height: 27px
}

.ConsultingServicesUpadte .MainTitleUpdate h4 {
    font-size: 40px;
    color: #000;
    text-align: center
}

.ConsultingServicesUpadte .MainTitleUpdate p {
    font-size: 17px;
    color: #000;
    font-weight: 300;
    text-align: center
}

.ConsultingServicesUpadte .UpadteSection {
    margin-top: 40px;
    height: calc(100% - 30px);
    padding: 30px;
    border-radius: 5px
}

.ConsultingServicesUpadte .UpadteSection li {
    list-style-type: none;
    font-size: 22px;
    color: #000;
    padding-bottom: 15px
}

.ConsultingServicesUpadte .UpadteSection p {
    color: #000;
    font-size: 16px;
    font-weight: 300
}

@media only screen and (max-width:990px) {
    .it-consulting-box-2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767.99px) {
    section#it-consulting-1 {
        padding: 30px 0
    }

    h2.MaintinaceHereSapDesign {
        font-size: 25px
    }

    section#ConsultingServicesUpadte {
        padding: 0 0 50px
    }

    .ConsultingServicesUpadte .MainTitleUpdate h4 {
        font-size: 28px
    }

    .it-consulting-1 .it-consulting-content h2 {
        font-size: 28px
    }

    .it-consulting-title-2 h3 {
        font-size: 28px
    }
}

section#sap-btp {
    background-image: url(../img/sap-B1/sap-bpt.webp);
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.sap-btp1 .sap-btp1-content h3 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 5px
}

section#sap-btp a.inner_page_btn {
    padding: 10px 30px 10px 30px;
    background: orange;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 16px
}

.sap-btp1-content {
    margin-top: 20px
}

.sap-btp1 .sap-btp1-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px
}

.sap-btp1 .sap-btp1-img img {
    width: 100%
}

section#sap-btp1 {
    padding: 60px 0 0
}

.sap-btp2-box {
    border-radius: 5px;
    box-shadow: 0 0 10px 1px #e9e9e9;
    padding: 30px;
    margin-top: 25px;
    height: calc(100% - 50px)
}

.sap-btp2 .sap-btp2-box p {
    color: #000;
    font-size: 15px;
    font-weight: 300
}

.sap-btp2 .sap-btp2-box li {
    list-style: none;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    padding-bottom: 5px
}

.sap-btp2 .sap-btp2-title h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 10px
}

.sap-btp3 {
    background-image: url(../img/sap-B1/img4.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
    background-attachment: fixed
}

.sap-btp3 .sap-btp3-title h2 {
    font-size: 35px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    padding-bottom: 5px
}

.sap-btp3 .sap-btp3-li li {
    color: #e4e4e4;
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 300
}

.sap-btp5 .sap-btp5-title.text-center h1 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
    padding-bottom: 10px
}

.sap-btp4 .sap-btp4-title {
    display: flex;
    justify-content: space-between
}

.sap-btp4 .sap-btp4-title h4 {
    font-weight: 100;
    font-size: 35px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff
}

section#sap-btp4 {
    background: #1A1F24
}

.sap-btp4 .sap-btp4-title a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: .5s
}

.sap-btp4 .sap-btp4-title a:hover {
    color: #01213a
}

.sap-btp5 {
    background-color: #F1F1F1
}

.sap-btp5 .sap-btp5-title {
    padding: 20px
}

.sap-btp5 .sap-btp5-title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.sap-btp5 .sap-btp5-title p {
    font-size: 17px;
    color: #252b33;
    line-height: 28px
}

.sap-btp5 .sap-btp5-box {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 25px
}

.sap-btp5 .sap-btp5-box li {
    list-style-type: none;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    color: #000
}

.sap-btp5 .sap-btp5-box li img {
    width: 55px;
    padding-bottom: 15px
}

.sap-btp5 .sap-btp5-box p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px
}

.sap-btp6 .sap-btp6-title h3 {
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #1A1F24
}

.sap-btp6 .sap-btp6-title p {
    color: #000;
    font-size: 20px
}

.sap-btp6 .sap-btp6-title a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: .5s
}

.sap-btp5 .sap-btp5-title h4 {
    font-size: 27px;
    color: #000;
    font-weight: 600;
    padding-bottom: 10px
}

@media only screen and (max-width:767.99px) {
    .sap-btp1 .sap-btp1-content h3 {
        font-size: 28px
    }

    .sap-btp5 .sap-btp5-title.text-center h4 {
        font-size: 25px
    }

    .sap-btp4 .sap-btp4-title h4 {
        font-size: 28px
    }

    .sap-btp4 .sap-btp4-title {
        display: inline-block
    }

    section#sap-btp2 {
        padding: 10px 0 60px 0
    }

    .sap-btp3 .sap-btp3-title h2 {
        font-size: 25px
    }

    .sap-btp3 .sap-btp3-li li {
        font-size: 20px
    }

    .sap-btp5 .sap-btp5-title h4 {
        font-size: 25px
    }

    .sap-btp6 .sap-btp6-title h3 {
        font-size: 28px;
        padding-bottom: 0
    }

    .sap-btp2 .sap-btp2-title h2 {
        font-size: 28px
    }
}

section#manufacturing {
    background-image: url(../img/manufacturing/manufacturing-banner.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.manufacturing1 .manufacturing1-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.manufacturing1 .manufacturing1-content p {
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 28px
}

.manufacturing1 .down.manufacturing1-img {
    margin-top: 25px
}

.manufacturing1-img img {
    border-radius: 10px;
    width: 100%
}

.manufacturing1 .down.manufacturing1-img img {
    border-radius: 10px;
    width: 100%
}

.sap_about2_title.manufacturing2.text-center h1 {
    padding: 10px 0
}

section.sap_business_add.\.manufacturing2 {
    padding: 0 0 60px 0
}

.manufacturing3 {
    background-image: url(../img/manufacturing/banner-bg.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.manufacturing3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    text-align: center
}

.manufacturing3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .manufacturing1 .manufacturing1-content h1 {
        font-size: 28px
    }

    .manufacturing3 h1 {
        font-size: 28px;
        padding: 0
    }

    .manufacturing3 {
        padding: 45px 0
    }

    .services .section-header h2 {
        font-size: 28px
    }

    .services .details {
        margin: 0
    }
}

section#pharma {
    background-image: url(../img/manufacturing/fharma.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.pharma3 {
    background-image: url(../img/manufacturing/pharma-bg.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.pharma3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    text-align: center
}

.pharma3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .pharma3 h1 {
        font-size: 28px;
        padding: 0
    }

    .pharma3 {
        padding: 45px 0
    }
}

section#construction {
    background-image: url(../img/manufacturing/construction.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.construction3 {
    background-image: url(../img/manufacturing/construction-bg.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.construction3 h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 10px;
    padding: 0 50px;
    text-align: center;
    font-family: 'Poppins', sans-serif
}

.construction3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .construction3 h1 {
        font-size: 28px;
        padding: 0
    }

    .construction3 {
        padding: 45px 0
    }
}

section#chemical {
    background-image: url(../img/manufacturing/Chemical-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.chemical3 {
    background-image: url(../img/manufacturing/Chemical-bg1.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.chemical3 h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    font-family: 'Poppins', sans-serif;
    text-align: center
}

.chemical3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .chemical3 h1 {
        font-size: 28px;
        padding: 0
    }

    .chemical3 {
        padding: 45px 0
    }
}

section#entertainment {
    background-image: url(../img/manufacturing/entertainment.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.entertainment3 {
    background-image: url(../img/manufacturing/entertainment3.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.entertainment3 h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding: 0 50px;
    text-align: center
}

.entertainment3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .entertainment3 h1 {
        font-size: 28px;
        padding: 0
    }

    .mobile-development-two .mobile-development-title.text-center h5 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: -.5px
    }

    .entertainment3 {
        padding: 45px 0
    }
}

section#logistics {
    background-image: url(../img/manufacturing/logistics-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.logistics3 {
    background-image: url(../img/manufacturing/entertainment3.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.logistics3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    text-align: center
}

.logistics3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .logistics3 h1 {
        font-size: 28px;
        padding: 0
    }

    .logistics3 {
        padding: 45px 0
    }
}

section#trading {
    background-image: url(../img/manufacturing/trading.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.trading3 {
    background-image: url(../img/our_partner/main_slider.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-color: #202020
}

.trading3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 20px 50px;
    text-align: center
}

.trading3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .trading3 h1 {
        font-size: 28px;
        padding: 0
    }

    .trading3 {
        padding: 45px 0
    }
}

section#automotive {
    background-image: url(../img/manufacturing/automotive.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.automotive3 {
    background-image: url(../img/manufacturing/automotive2.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.automotive3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    text-align: center
}

.automotive3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .automotive3 h1 {
        font-size: 28px;
        padding: 0
    }

    .automotive3 {
        padding: 45px 0
    }
}

section#retail {
    background-image: url(../img/manufacturing/retail-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.retail3 {
    background-image: url(../img/manufacturing/retail-2.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.retail3 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 46px;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #fff;
    padding: 0 50px;
    text-align: center
}

.retail3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .retail3 h1 {
        font-size: 28px;
        padding: 0
    }

    .retail3 {
        padding: 45px 0
    }
}

.india {
    position: absolute;
    top: -14%;
    right: 86%
}

.uae {
    position: absolute;
    top: -18%;
    right: 71%
}

.africa {
    position: absolute;
    top: -19%;
    right: 49%
}

.usa {
    position: absolute;
    top: -19%;
    right: 27%
}

.five {
    position: absolute;
    top: -9%;
    right: 4%
}

.six {
    position: absolute;
    top: 27%;
    right: 77%
}

.seven {
    position: absolute;
    top: 10%;
    right: 60%
}

.eight {
    position: absolute;
    top: 13%;
    right: 30%
}

.nine {
    position: absolute;
    top: 32%;
    right: 24%
}

.ten {
    position: absolute;
    top: 25%;
    right: 43%
}

.eleven {
    position: absolute;
    top: 43%;
    right: 63%
}

.career_slider .career_page_slider h1 {
    font-size: 60px;
    color: #252B33;
    font-weight: 800;
    line-height: 70px;
    letter-spacing: -1px;
    font-family: 'poppins'
}

.career-hero-bg {
    background: url(../img/career/career-bg.jpg);
    background-size: cover;
    width: 100%;
    height: 50vh
}

.career_slider .career_page_slider span {
    font-weight: 800;
    font-family: 'poppins'
}

.career_slider .career_page_slider a.career_button {
    cursor: pointer;
    background-color: #0EA2BD;
    color: #fff;
    padding: 13px 30px 13px 30px;
    margin-top: 20px;
    display: inline-block
}

.video_section video {
    margin: 0 auto;
    display: table;
    border: 4px solid #0EA2BD;
    border-radius: 25px;
    box-shadow: 0 2px 9px 2px #000
}

@media (max-width:767.99px) {
    .career-hero-bg {
        height: 15vh !important
    }
}

.career_section1 {
    background-color: #FAFAFA
}

.career_section1 .career_section_title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    font-family: 'poppins';
    text-align: center
}

.career_section1 .career_section_title p {
    text-align: center;
    padding: 0 15%;
    font-size: 18px;
    margin-top: 30px;
    font-weight: 100;
    color: #000
}

.career_section1 .career_section_title h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    margin-top: 30px;
    font-family: 'poppins';
    padding-bottom: 20px;
    color: #000
}

.career_section1 .career_content {
    width: 100%;
    background-color: #fff;
    justify-content: space-between;
    display: flex;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 2px 3px 7px -1px lightgrey;
    margin-top: 25px;
    transition: .5s
}

a.career_content:hover {
    background-color: #0EA2BD !important;
    color: #fff
}

li.apply_btn {
    list-style: none !important;
    font-size: 16px;
    color: #252B33 !important
}

.career_section1 .career_content a:hover {
    background-color: orange
}

.career_section1 .career_content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #252B33;
    margin-top: 8px;
    font-family: 'poppins'
}

.career_section1 .career_content a {
    color: #000;
    font-size: 16px;
    color: #252B33;
    margin-top: 8px
}

.row.cv_box {
    margin-top: 120px;
    padding: 50px
}

.career_cv_content h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    font-family: 'poppins';
    color: #fff
}

.career_cv_content {
    margin-top: 80px
}

.career_cv_content a.cv_btn {
    margin-top: 30px;
    display: inline-block;
    color: #fff
}

.career_section2 .career_title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #252B33;
    font-family: 'poppins'
}

.career_section2 .career_box {
    text-align: center;
    margin-top: 80px
}

.career_section2 .career_box h5 {
    font-family: 'poppins';
    font-weight: 600
}

.career_section2 .career_box li {
    list-style: none;
    padding-bottom: 15px
}

.career_section2 .career_box img {
    width: 50px
}

.career_section4 {
    background-color: #FAFAFA
}

.career_section4 .career_box img {
    width: 70px;
    padding-bottom: 20px
}

.career_section4 .career_box p {
    font-size: 14px;
    line-height: 24px;
    color: #252B33;
    padding: 0 40px;
    display: block;
    font-weight: 400;
    font-family: 'poppins'
}

.career_section4 .career_box h5 {
    font-size: 18px;
    color: #252B33;
    font-weight: 600;
    margin-bottom: 12px
}

@media (max-width:767.99px) {
    .career_slider .career_page_slider h1 {
        font-size: 30px;
        line-height: 1.5;
        font-family: 'poppins'
    }

    .career_slider .career_page_slider span {
        font-size: 20px
    }

    .row.cv_box {
        margin-top: 56px;
        padding: 18px
    }

    .career_cv_content h1 {
        font-size: 30px
    }

    .career_video {
        padding: 0px !important
    }

    .career_section1 .career_section_title h1 {
        font-size: 27px;
        line-height: 50px
    }

    .career_section1 .career_section_title p {
        padding: 0;
        font-size: 16px
    }

    .career_section2 .career_title h1 {
        font-size: 30px
    }

    .career_cv_img img {
        width: 100% !important
    }
}

section#career_job {
    background-image: url(../img/career/job-bg.webp);
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 150px
}

.career_job .career_job_slider h1 {
    font-size: 3rem;
    line-height: 1.2;
    position: relative;
    font-weight: 500;
    word-break: break-word;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

.career_job .career_job_slider a.career_button {
    padding: 15px;
    background-color: orange
}

.career_job1 .job-breadcrumb li {
    display: inline-block;
    color: #000;
    padding: 15px
}

section#career_job1 {
    padding: 0
}

.career_job1 .job-breadcrumb a {
    display: inline-block;
    color: #317cf9;
    font-size: 16px
}

.career_job1 .job-breadcrumb {
    border-bottom: 1px solid #c2c2c2;
}

.career_job2 .job2_box h3 {
    text-align: left !important;
    font-family: 'poppins';
    padding-bottom: 20px;
    padding-top: 20px
}

.career_job2 .job2_box ul li {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 2
}

.career_job2 .job2_box a.job_apply_btn {
    margin-top: 20px;
    padding: 12px 25px 12px 25px;
    background-color: #0EA2BD;
    display: inline-block
}

.career_job2 .job2_box p {
    line-height: 24px;
    word-break: break-word;
    line-height: 1.7rem
}

@media (max-width:767.99px) {
    section#career_job {
        padding: 40px
    }

    .career_job .career_job_slider h1 {
        font-size: 32px
    }

    section#career_jpb2 {
        padding: 18px 0
    }
}

@media (min-width:1400px) {

    .container.job_container,
    .container.job_container-lg,
    .container.job_container-md,
    .container.job_container-sm,
    .container.job_container-xl,
    .container.job_container-xxl {
        max-width: 1024px
    }
}

section#career_section2 {
    padding: 0 0 60px 0
}

.career-gallery-section {
    overflow: hidden
}

.career-gallery-section .image-gallery {
    max-width: 1920px;
    margin: 0 auto
}

.career-gallery-section .image-gallery .image-row {
    display: flex;
    margin: 0 -5px
}

.career-gallery-section .image-gallery .grid-sm,
.career-gallery-section .image-gallery .grid-lg {
    padding: 0 5px
}

.career-gallery-section .image-gallery .grid-sm,
.career-gallery-section .image-gallery .grid-lg {
    padding: 0 5px
}

.career-gallery-section .image-gallery .grid-sm,
.career-gallery-section .image-gallery .grid-lg {
    padding: 0 5px
}

.career-gallery-section .image-gallery .grid-sm .img-box {
    margin-bottom: 10px
}

.career-gallery-section .image-gallery .grid-sm .img-box:last-child {
    margin-bottom: 0
}

.career-gallery-section .image-gallery .grid-sm .img-box {
    margin-bottom: 10px
}

.career-gallery-section .image-gallery .grid-sm .img-box img {
    width: 250px;
    height: 312px;
    object-fit: cover
}

.career-gallery-section .image-gallery .grid-lg .img-box img {
    width: 480px;
    height: 634px;
    object-fit: cover
}

@media only screen and (max-width:1280px) {
    .career-gallery-section .image-gallery .grid-sm .img-box img {
        width: 203px;
        height: 203px
    }

    .career-gallery-section .image-gallery .grid-lg .img-box img {
        width: 416px;
        height: 416px
    }

    .brand-wrap .brand-detail h2 {
        font-size: 50px;
        line-height: 36px
    }
}

@media only screen and (max-width:1700px) {
    .brand-wrap .brand-detail {
        max-width: 800px;
        padding: 5% 5% 5% 15%
    }

    .brand-wrap .brand-img {
        max-width: 850px
    }
}

@media only screen and (max-width:1440px) {
    .career-gallery-section .image-gallery .grid-sm .img-box img {
        width: 230px;
        height: 230px
    }

    .career-gallery-section .image-gallery .grid-lg .img-box img {
        width: 470px;
        height: 470px
    }

    .brand-wrap .brand-detail {
        padding: 5%
    }
}

.blog-main-bg {
    background-image: url(../img/blog/main-bg.jpg);
    width: 100%;
    height: 35vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.case_studies_inner {
    background-image: url(../img/case-studies/main_slider.webp);
    width: 100%;
    height: 35vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.case-studies {
    background-color: #F5F5F8
}

.case-studies .case-studies-box img {
    width: 100%
}

.case-studies .case-studies-box h2 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    padding-bottom: 10px;
    padding: 0 20px
}

.case-studies .case-studies-box span {
    padding: 0 10px;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 300
}

.case-studies .case-studies-box a.case-studies-btn {
    padding: 8px 16px;
    font-size: 15px;
    color: orange;
    background: #0EA2BD;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    margin-left: 20px
}

.case-studies .case-studies-box {
    padding: 0 0 30px;
    box-shadow: 1px 0 10px 0 #e4e4e4;
    margin-top: 25px;
    background-color: #fff;
    height: 500px
}

@media (max-width:767.99px) {
    .case-studies .case-studies-box {
        height: auto
    }
}

section#pedlar-pos-bg {
    background-image: url(../img/pedlar/pedlar-bg.jpg);
    width: 100%;
    height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section#pedlar-pos-bg .about_page_slider h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    line-height: 55px;
    letter-spacing: -.5px;
    margin-top: 100px
}

section#pedlar-pos-bg .about_page_slider p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    color: #fff;
    font-family: 'Poppins', sans-serif
}

section#pedlar-pos-bg .about_page_slider .pedlar-2btn a.pedlar-btn {
    padding: 15px 25px 15px 25px;
    background: orange;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block
}

.pedlar-about .pedlar-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.pedlar-about .pedlar-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 16px
}

.pedlar-about .pedlar-content span {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
    display: block
}

.pedlar-about-img img {
    width: 100%
}

section#about-section2\ pedlar-about {
    padding: 80px 0
}

section.pedlar-3 {
    background-image: url(../img/pedlar/bg-2.png);
    background-size: cover;
    width: 80%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center
}

section.pedlar-3 .pedlar-3content {
    width: 80%;
    margin: 0 auto
}

section.pedlar-3 .pedlar-3content h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

section.pedlar-3 .pedlar-3content p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif
}

section.pedlar-4 {
    background-color: #fcfcfc;
    margin-top: 30px
}

section.pedlar-4 h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif
}

section.pedlar-4 .pedlar-4content {
    margin-top: 40px;
    border: 1px solid lightgray;
    padding: 25px;
    height: 580px
}

section.pedlar-4 .pedlar-4content li {
    list-style-type: none;
    margin-top: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px
}

section.pedlar-4 .pedlar-4content h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: left !important;
    padding: 20px 0
}

.pedlar-5 .pedlar_title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif
}

.pedlar-5 .pedlar_title p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif
}

.pedlar-5 .pedlar-5box {
    margin-top: 40px;
    text-align: center
}

.pedlar-5 .pedlar-5box .icon5 {
    padding-bottom: 20px
}

.pedlar-5 .pedlar-5box li {
    font-size: 23px;
    font-weight: 600;
    color: #000;
    list-style: none;
    padding-bottom: 10px
}

.pedlar-5 .pedlar-5box p {
    font-size: 17px !important;
    color: #252b33;
    font-weight: 100;
    line-height: 28px;
    text-align: center;
    margin-bottom: 16px;
    font-size: 14px
}

section.pedlar-6 .pedlar-6img img {
    background-image: url(../Img/pedlar/2pedlar-bg.jpg);
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

section.pedlar-6 .pedlar-6content {
    margin-top: 90px
}

section.pedlar-6 .pedlar-6content h3 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: left !important;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

section.pedlar-6 .pedlar-6content a.pedlar-6btn {
    padding: 13px 33px;
    border-radius: 5px;
    background-color: orange;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    margin-top: 18px;
    display: inline-block
}

section.pedlar-6 .pedlar-6content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

@media (min-width:1200px) {
    .container.pedlar-pos-container {
        max-width: 1300px
    }
}

@media (max-width:767.99px) {
    section.pedlar-4 .pedlar-4content {
        height: auto
    }

    .industries-services-title h4 {
        font-size: 30px !important;
        line-height: 50px
    }

    section.pedlar-3 .pedlar-3content h1 {
        font-size: 30px !important;
        font-weight: 400;
        line-height: 44px;
        text-align: left
    }

    section.pedlar-4 h1 {
        font-size: 30px;
        line-height: 50px
    }

    .pedlar-5 .pedlar_title h1 {
        font-size: 30px;
        line-height: 50px
    }

    section.pedlar-6 .pedlar-6content {
        margin-top: 0
    }

    section#pedlar-6 {
        padding: 0
    }

    section.pedlar-6 .pedlar-6content h3 {
        font-size: 30px;
        line-height: 50px
    }

    section.pedlar-3 .pedlar-3content {
        width: 100%;
        margin: 0 auto
    }

    section.pedlar-3 {
        width: 100%
    }

    section.pedlar-3 .pedlar-3content p {
        text-align: left
    }

    section#pedlar-pos-bg .about_page_slider h1 {
        font-size: 30px;
        color: #fff;
        font-weight: 400;
        margin-top: 50px
    }

    section#pedlar-pos-bg .about_page_slider .pedlar-2btn a.pedlar-btn {
        padding: 10px 18px 10px 18px
    }
}

section.bridge-bg {
    background-image: url(../img/pedlar/bridge-bg.jpg);
    width: 100%;
    height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.bridge-bg .about_page_slider h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

section.bridge-bg .about_page_slider p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

section.bridge-bg .about_page_slider .pedlar-2btn a.bridge-btn {
    padding: 15px 25px 15px 25px;
    background: orange;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

.bridge-one .bridge-one-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.bridge-one .bridge-one-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 16px
}

section#bridge-one {
    padding-top: 120px
}

.video-bridge video {
    width: 100%;
    border: 5px solid #fff;
    box-shadow: 0 2px 15px 0 lightgrey
}

.bridge-two-content {
    text-align: center;
    padding: 60px;
    border-radius: 5px
}

section#bridge-two {
    padding: 0 0 60px
}

.bridge-two .bridge-two-content h4 {
    padding-bottom: 15px
}

.bridge-two .bridge-two-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.bridge-two .bridge-two-content:hover img {
    transform: scale(1.1);
    transition: .5s
}

.bridge-two h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 80px;
    text-align: center;
    font-family: 'Poppins', sans-serif
}

.bridge-three .bridge-three-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.bridge-three .bridge-three-content p {
    font-size: 16px;
    color: #252b33;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.bridge-three .bridge-three-content .bridge-three-btn a {
    padding: 14px 40px;
    color: #fff;
    background: #4EA5D1;
    font-family: poppins;
    font-size: 15px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 4px
}

.bridge-three .bridge-three-content {
    padding-top: 35px
}

.bridge-three .bridge-three-img img {
    width: 100%
}

section#bridge-six {
    padding: 0
}

.bridge-five .bridge-five-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.bridge-six .bridge-six-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.bridge-four-content h1 {
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

.bridge-four-content p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.bridge-four-img img {
    width: 100%
}

.bridge-four {
    padding: 70px 0 0;
    background: linear-gradient(90deg, rgb(0 81 132) 0%, rgb(0 0 0) 0%, rgb(104 86 165) 75%)
}

@media only screen and (min-width:1280px) {
    h1.who_title {
        font-size: 43px !important
    }

    p.who_desc {
        font-size: 16px !important;
        margin-top: 12px
    }

    .title-right-detail p {
        font-weight: 200;
        font-size: 16px
    }

    .projects-two-info p {
        font-weight: 200;
        font-size: 15px;
        height: 110px
    }

    section.clients .swiper-slide .client_box {
        border: 1px solid #0c88d7
    }

    section#our_work .our_work_content p {
        font-size: 18px !important;
        font-weight: 200 !important
    }

    .recent-blog-posts .post-box p {
        font-size: 15px !important
    }

    section.about-section5 .about-section-content5 h3 {
        font-size: 18px !important;
        margin-top: 123px !important;
        font-weight: 500 !important
    }

    section.hero-about .about_page_slider h1 {
        font-size: 40px !important
    }

    .our_client_page1 .our_client_img1 p {
        font-size: 16px;
        margin-top: 10px
    }

    .slide-content-box .button a.thm-btn {
        border: 1px solid orange !important
    }
}

section#fmcg {
    background-image: url(../img/manufacturing/fmcg.jpg);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.fmcg {
    background-image: url(../img/manufacturing/automotive2.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.fmcg1 .fmcg1-content p {
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 28px
}

.fmcg1 .fmcg1-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.fmcg1-img img {
    width: 100%
}

.fmcg3 {
    background-image: url(../img/manufacturing/FMCG-BG.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0
}

.fmcg3 h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding: 0 50px;
    text-align: center
}

.fmcg3 a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .fmcg3 h1 {
        font-size: 28px;
        padding: 0
    }
}

section#education {
    background-image: url(../img/manufacturing/education-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.education-one .education-one-content p {
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 28px
}

.education-one .education-one-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.education-one .education-one-img img {
    width: 100%
}

.sap_about2_title.education.text-center {
    width: 80%;
    margin: auto
}

.education-two {
    background-image: url(../img/manufacturing/retail-bg.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0
}

.education-two h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding: 0 50px;
    text-align: center
}

.education-two a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .education-two h1 {
        font-size: 28px;
        padding: 0
    }

    section.sap_business_add.education {
        padding: 0
    }
}

@media only screen and (min-width:1440px) {
    .education-one-content {
        margin-top: 70px
    }

    .sap_about2_title.education.text-center {
        width: 100%
    }

    .oil-gus-one-content {
        margin-top: 50px
    }
}

section#oil-gus {
    background-image: url(../img/manufacturing/oil-bg.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 55vh
}

.oil-gus-one .oil-gus-one-content p {
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 28px
}

.oil-gus-one .oil-gus-one-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif
}

.oil-gus-one .oil-gus-one-img img {
    width: 100%
}

.sap_about2_title.education.text-center {
    width: 80%;
    margin: auto
}

.oil-gus-two {
    background-image: url(../img/manufacturing/retail-bg.webp);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 100px 0
}

.oil-gus-two h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding: 0 50px;
    text-align: center
}

.oil-gus-two a {
    padding: 15px 35px 15px 35px;
    background: #0EA2BD;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    transition: .5s;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

@media only screen and (max-width:767.99px) {
    .education-two h1 {
        font-size: 28px;
        padding: 0
    }

    section.sap_business_add.education {
        padding: 0
    }

    .oil-gus-two h1 {
        padding: 0
    }
}

section.b1-customization {
    background-image: url(../img/pedlar/bridge-bg.jpg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.about_page_slider.text-center {
    margin-top: 80px
}

section.b1-customization .about_page_slider h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px
}

section.b1-customization .about_page_slider p {
    font-size: 19px;
    font-weight: 100;
    line-height: 28px;
    margin-bottom: 16px;
    color: #fff
}

section.b1-customization .about_page_slider .pedlar-2btn a.bridge-btn {
    padding: 15px 25px 15px 25px;
    background: orange;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

section.about-area-sap-1 {
    padding: 70px 0 0
}

.about-area .about-style-one h2 {
    font-size: 35px;
    font-weight: 200;
    line-height: 50px;
    color: #000;
    letter-spacing: -.5px
}

.about-area .about-style-one p {
    margin-top: 20px;
    line-height: 1.8;
    color: #000;
    font-size: 17px;
    font-weight: 300
}

.b1-customization-one {
    background-color: #F1F3F4;
    background-image: url(../img/all-pages/b1-img_1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 60px
}

.b1-customization-one .b1-customization-one-1 li {
    color: #fff
}

.b1-customization-one .b1-customization-one-1 p {
    color: #fff;
    font-weight: 200
}

.b1-customization-one .b1-customization-one-1 h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 200;
    line-height: 45px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.b1-customization-one .b1-customization-one-1 li {
    margin-top: 20px;
    font-weight: 200;
    font-size: 15px
}

.services-area.default-padding.bottom-less h4.sub-title {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif
}

.services-area.default-padding.bottom-less p {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 10px;
    color: #252b33;
    font-weight: 100
}

section.sap_business_add.\.manufacturing2 .services-style-four {
    margin-bottom: 30px
}

.services-style-four .item {
    padding: 60px 20px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 20px 50px rgb(0 0 0 / .1);
    box-shadow: 0 20px 50px rgb(0 0 0 / .1);
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: calc(100% - 23px)
}

.services-style-four .item .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 80%;
    width: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.services-style-four .item .thumb::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #091d3e;
    z-index: -1;
    opacity: .6;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.services-style-four .item .bg-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 150px;
    width: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: right bottom;
    opacity: .5
}

.services-style-four .item>i {
    display: inline-block;
    font-size: 60px;
    border-radius: 50%;
    text-align: center;
    color: #104cba;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.services-style-four .item>i::before {
    line-height: inherit
}

.services-style-four .item a {
    color: #232323;
    font-size: 20px;
    font-family: 'Poppins', sans-serif
}

.services-style-four .item:hover a {
    left: 0;
    opacity: 1;
    visibility: visible
}

.services-style-four .item:hover p {
    color: #fff
}

.services-style-four .item p {
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.services-style-four .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px
}

.services-style-four .bottom span {
    font-size: 40px;
    font-weight: 900;
    opacity: .2;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.services-style-four .bottom i::before {
    line-height: inherit
}

.services-style-four:first-child .item .thumb,
.services-style-four:hover .item .thumb {
    visibility: visible;
    opacity: 1;
    height: 100%
}

.services-style-four:first-child .item>i,
.services-style-four:hover .item>i {
    color: #fff
}

.services-style-four:first-child a,
.services-style-four:hover a {
    color: #fff
}

.services-style-four:first-child p,
.services-style-four:hover p {
    color: #fff;
    opacity: .9
}

.services-style-four:first-child span,
.services-style-four:hover span {
    color: #fff;
    opacity: .4
}

.about-area {
    position: relative;
    z-index: 1
}

.shape-left-top {
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    width: 500px;
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    .shape-left-top {
        display: none
    }

    .services-area.default-padding.bottom-less h4.sub-title {
        font-size: 30px;
        color: #252b33;
        font-weight: 800;
        line-height: 35px
    }
}

.about-area .shape-animated {
    position: absolute;
    right: 50px;
    top: 80px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54, .085, .5, .92);
    animation-timing-function: cubic-bezier(.54, .085, .5, .92);
    -webkit-animation-name: UpDown;
    animation-name: UpDown;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

@media only screen and (max-width:767px) {
    .about-area .shape-animated {
        display: none
    }
}

.about-area .shape-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .3;
    z-index: -1
}

.about-area .shape-right-bottom img {
    height: 100%;
    width: 100%
}

.about-area .experience {
    position: relative;
    padding-top: 35px;
    margin-top: 70px;
    padding-bottom: 15px;
    display: block
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .about-area.default-padding-top {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .about-area.default-padding-top {
        padding-bottom: 110px
    }
}

.about-style-one .thumb {
    position: relative
}

.about-style-one .thumb .shape {
    position: absolute
}

.about-style-one .thumb .shape:first-child {
    left: 50%;
    top: 0;
    height: 100%;
    width: 15px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.about-style-one .thumb .shape:nth-child(2) {
    right: 0;
    top: 0;
    height: 60px;
    width: 50%;
    background: #fff
}

@media only screen and (min-width:1400px) {
    .about-style-one .thumb .shape:nth-child(3) {
        background: #E7EDF8
    }
}

@media only screen and (max-width:767px) {
    .about-style-one .thumb .shape {
        display: none
    }
}

.about-style-one>.info {
    margin-top: 55px
}

@media only screen and (max-width:767px) {
    .about-style-one>.info {
        margin-top: 30px
    }
}

.hana-implementation-1 ul.consult-list.one.mt-5 .icon-box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 60px !important;
    background-color: #fff
}

@media (max-width:991.98px) {
    .hana-implementation-1 .consult-right {
        display: none
    }
}

.sap-b1-customization-two {
    background-color: #000
}

@media (min-width:1280px) {
    .bridge-six .bridge-six-content {
        margin-top: 50px
    }
}

.sap_partner_inner_title {
    margin-top: 100px
}

section#bridge-five {
    padding: 0
}

.bridge-five-content {
    margin-top: 80px
}

.bridge-five-img {
    padding: 0
}

.bridge-five .bridge-five-img img {
    width: 80%;
    margin-left: 118px
}

section#bridge-saven {
    padding: 0
}

section#bridge-saven {
    padding: 30px 0 60px 0
}

.bridge-saven .bridge-saven-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.bridge-saven .bridge-saven-content {
    margin-top: 50px
}

.bridge-earth {
    background-color: #D1D3F6;
    width: 100%
}

.bridge-earth .bridge-earth-content h1 {
    font-size: 40px;
    color: #232323;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.bridge-earth .bridge-earth-content a.bridge-btn {
    font-weight: 0;
    font-size: 14px;
    color: #fff;
    background-color: #06C;
    padding: 15px 50px;
    border: 2px solid #06c;
    box-shadow: #000 0 0 0 0;
    border-radius: 50px;
    transition: 1000ms;
    display: inline-block;
    margin-top: 20px
}

.bridge-earth .bridge-earth-content a.bridge-btn:hover {
    transition: 1000ms;
    padding: 15px 100px;
    transform: translateY(0);
    background-color: #fff;
    color: #06c;
    border: solid 2px #06c
}

.bridge-nine {
    background-image: url(../img/pedlar/bg-01.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.bridge-nine-content h4 {
    font-size: 20px;
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 40px
}

.bridge-nine .bridge-nine-content li {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    list-style-type: none;
    margin-top: 15px;
    padding-top: 5px
}

.bridge-nine .bridge-nine-content-main {
    box-shadow: 0 35px 100px 0 rgb(171 181 189 / 35%);
    margin-top: 50px
}

.bridge-nine .bridge-nine-content img {
    width: 30%;
    padding-bottom: 40px
}

.bridge-nine .bridge-nine-content:hover img {
    filter: brightness(.2)
}

.bridge-nine .bridge-nine-content {
    background: #fff;
    padding: 40px;
    width: 25%;
    transition: .5s !important;
    cursor: pointer;
    border-right: 1px solid #ececec
}

.bridge-nine .bridge-nine-content:hover {
    background-color: #0EA2BD;
    color: #fff;
    transition: .05s
}

.bridge-nine-title.text-center h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

@media only screen and (max-width:768px) {
    .bridge-five .bridge-five-img img {
        width: 100% !important;
        margin-left: 0
    }

    .bridge-nine .bridge-nine-content li {
        font-size: 17px
    }

    .bridge-nine .bridge-nine-content {
        width: 100% !important;
        border-bottom: 1px solid #cccc
    }

    .bridge-nine-content h4 {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1440px) {
    .bridge-saven .bridge-saven-content {
        margin-top: 130px
    }

    .bridge-five-content {
        margin-top: 180px
    }
}

@media only screen and (max-width:991px) {
    .bridge-nine .bridge-nine-content {
        width: 50%
    }
}

.bridge-nine-content-main {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:1440px) {
    .bridge-five-content {
        margin-top: 180px
    }

    .bridge-saven .bridge-saven-content {
        margin-top: 130px
    }
}

.bridge-tan .bridge-tan-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.bridge-tan .bridge-tan-content a.bridge-tan-btn {
    font-weight: 0;
    font-size: 14px;
    color: #fff;
    background-color: #06C;
    padding: 15px 50px;
    border: 2px solid #06c;
    box-shadow: #000 0 0 0 0;
    border-radius: 50px;
    transition: 1000ms;
    display: inline-block;
    margin-top: 20px
}

.bridge-tan .bridge-tan-content a.bridge-tan-btn:hover {
    transition: 1000ms;
    padding: 15px 100px;
    transform: translateY(0);
    background-color: #fff;
    color: #06c;
    border: solid 2px #06c
}

.bridge-11-title.text-center h1 {
    padding-bottom: 45px
}

.bridge-11 .bridge-11-title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.bridge-11 .services-item {
    margin: 0 -10px 0 0;
    padding: 60px 35px 60px 35px;
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 50px 11px #EEE;
    position: relative;
    text-align: left;
    cursor: pointer
}

.bridge-11 .services-item .services-icon {
    position: relative;
    transition: all .3s ease
}

.bridge-11 .services-item .services-icon .image-part .main-img {
    height: 70px;
    width: 70px
}

.bridge-11 .services-item .services-icon .image-part .hover-img {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease
}

.bridge-11 .services-item .services-content {
    padding: 33px 0 0 0;
    position: relative
}

.bridge-11 .services-item:hover .services-content .services-text .title {
    color: #fff
}

.bridge-11 .services-item .services-content .services-text .title {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 13px;
    font-family: 'Poppins', sans-serif;
    text-align: left !important
}

.bridge-11 .services-item .services-content .services-text .title a {
    color: #161616
}

.bridge-11 .services-item .services-content .services-text .title a:hover {
    color: #fd6509
}

.bridge-11 .services-item .services-content .services-desc p {
    margin: 0;
    color: #444
}

.bridge-11 .services-item .services-content .serial-number {
    position: absolute;
    right: 15px;
    top: -113px;
    font-size: 70px;
    font-weight: 600;
    line-height: 119px;
    color: #02010108;
    margin-bottom: 10px
}

.bridge-11 .services-item:hover {
    background-color: #0EA2BD
}

.bridge-11 .services-item .services-item:hover .services-icon {
    position: relative;
    transition: all .3s ease
}

.bridge-11 .services-item:hover .services-icon .image-part .main-img {
    transform: scale(0)
}

.bridge-11 .services-item:hover .services-icon .image-part .hover-img {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.bridge-11 .services-item:hover .services-content {
    padding: 33px 0 0 0;
    position: relative
}

.bridge-11 .services-item:hover .services-content .services-text .title a {
    color: #fff
}

.bridge-11 .services-item:hover .services-content .services-text .title a:hover {
    color: #fd6509
}

.bridge-11 .services-item:hover .services-content .services-desc p {
    color: #fff
}

.bridge-11 .services-item:hover .services-content .serial-number {
    color: #FFFFFF26
}

@media only screen and (min-width:1300px) {
    .container.bridge-11 {
        max-width: 1240px;
        width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .bridge-11 .services-item .services-content .services-desc p {
        margin: 0;
        color: #444;
        font-size: 15px;
        font-weight: 300
    }
}

.bridge-12 .bridge-12-content li {
    list-style-type: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #e1e1e1;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    position: relative
}

.bridge-12 .bridge-12-content li:hover {
    background-color: #f9f9f9
}

.bridge-12 .bridge-12-content h1 {
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px
}

.bridge-13 .bridge-13-content img {
    width: 100%
}

.bridge-13 .bridge-13-content h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.bridge-13 .bridge-13-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin-top: 20px;
    line-height: 30px
}

section#bridge-13 {
    padding: 0 0 60px
}

@media only screen and (max-width:768px) {
    .bridge-13 .bridge-13-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-one .bridge-one-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-two h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-three .bridge-three-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-six .bridge-six-content h1 {
        font-size: 32px;
        font-weight: 700;
        text-align: left
    }

    .bridge-six .bridge-six-content p {
        text-align: left
    }

    .bridge-five .bridge-five-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-saven .bridge-saven-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-nine-title.text-center h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-11 .bridge-11-title h1 {
        font-size: 32px;
        font-weight: 700
    }

    .bridge-tan .bridge-tan-content h1 {
        font-size: 32px;
        font-weight: 700
    }

    section#bridge-one {
        padding-top: 30px
    }

    section#bridge-three {
        padding: 0 0 47px
    }
}

section.blockchain-slider {
    background-image: url(../img/pedlar/blockchain-slider.png);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.about_page_slider.text-center {
    margin-top: 90px
}

section.blockchain-slider .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

section.blockchain-slider .about_page_slider p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    font-family: 'Poppins', sans-serif;
    color: #fff
}

section.blockchain-slider .about_page_slider .pedlar-2btn a.bridge-btn {
    padding: 15px 25px 15px 25px;
    background: orange;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block
}

#blockchain .center-heading {
    padding-bottom: 100px
}

.blockchain-one {
    position: relative;
    border-bottom: 1px dashed #CEE1F8
}

.blockchain-one .blockchain-item-full {
    border-top: 1px dashed #CEE1F8;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.blockchain-one .blockchain-item-full:hover {
    background: #F3F8FF
}

.blockchain-one .blockchain-item-full:hover .status {
    height: 134px
}

.blockchain-one .blockchain-item-full .date {
    float: right;
    color: #252b33;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .78px;
    font-family: 'Poppins', sans-serif
}

.blockchain-one .blockchain-item-full .status {
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    width: 2px;
    height: 124px;
    background: #747FEB;
    margin: auto;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.blockchain-one .blockchain-item-full .status.complate {
    background: #747FEB
}

.blockchain-one .blockchain-item-full .status.complate:before {
    background: #747FEB
}

.blockchain-one .blockchain-item-full .status:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    bottom: 0;
    left: -8px;
    background: #CEE1F8;
    box-shadow: 0 1px 18px 10px #F3F8FF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.blockchain-one .blockchain-item-full .status:after {
    content: "";
    position: absolute;
    width: 66px;
    height: 66px;
    bottom: -24px;
    left: -32px;
    border: 1px solid #CEE1F8;
    z-index: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.blockchain-one .blockchain-item-full p {
    font-weight: 400;
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
    letter-spacing: .69px
}

section#blockchain {
    padding: 60px 0 0
}

@media (max-width:768px) {
    .blockchain-one .blockchain-item-full:hover .status {
        height: 60px
    }

    .blockchain-one .blockchain-item-full .date {
        float: none;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .blockchain-one .blockchain-item-full .status {
        height: 60px;
        top: -130px
    }

    .blockchain-one .blockchain-item-full p {
        text-align: center
    }
}

.blockchain-two .blockchain-box {
    width: 100%;
    border: 1px solid #d1d2d2;
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 23px
}

.blockchain-two .blockchain-box:hover {
    background-color: #f2f2f2
}

.blockchain-two .blockchain-box .icon img {
    width: 50px;
    margin-left: 5px
}

.blockchain-two .blockchain-box .icon li {
    list-style-type: none;
    margin-top: 15px
}

.blockchain-two .blockchain-box .icon li a {
    color: #000;
    font-family: poppins, sans-serif;
    font-size: 16px;
    margin-left: 20px
}

.blockchain-two .blockchain-box .icon {
    display: flex
}

section#blockchain-two {
    background-color: #F3F8FF
}

section#blockchain-two .blockchain-title h5 {
    font-size: 40px;
    color: #000;
    font-weight: 100;
    padding-bottom: 28px
}

section#blockchain-two .blockchain-title h1 {
    padding-bottom: 50px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.blockchain-three {
    background-image: url(../img/pedlar/chain-bg.jpg);
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    padding: 130px 0
}

.blockchain-three .blockchain-box h1 {
    padding-bottom: 28px;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.blockchain-three .blockchain-box a {
    padding: 15px 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    background-color: orange
}

.blockchain-four .blockchain-four-title h1 {
    padding-bottom: 100px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.blockchainserviceBox {
    text-align: center
}

.blockchainserviceBox .service-icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    background: #f03089;
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px;
    position: relative
}

.blockchainserviceBox .service-icon img {
    width: 50px
}

.blockchainserviceBox .service-icon:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    border: 5px solid #fff;
    border-right-color: #fff0;
    border-radius: 50%;
    transition: all 0.3s ease 0s
}

.blockchainserviceBox:hover .service-icon:before {
    transform: rotate(180deg)
}

.blockchainserviceBox .service-icon:after {
    content: "";
    width: 2px;
    height: 30px;
    background: #f03089;
    margin: 0 auto;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0
}

.blockchainserviceBox .title {
    font-size: 20px;
    font-weight: 600;
    color: #072458;
    text-transform: uppercase;
    margin: 0
}

.blockchainserviceBox .description {
    font-weight: 400;
    font-size: 16px;
    color: #252b33;
    font-family: 'Poppins', sans-serif;
    line-height: 28px;
    letter-spacing: .69px;
    margin: 10px 0 0 0
}

.blockchainserviceBox.green .service-icon,
.blockchainserviceBox.green .service-icon:after {
    background: #03263E
}

.blockchainserviceBox.blue .service-icon,
.blockchainserviceBox.blue .service-icon:after {
    background: #1a9fab
}

@media only screen and (max-width:990px) {
    .serviceBox {
        margin-bottom: 30px
    }
}

#mobile-development {
    width: 100%;
    background: url(../img/services-img/Mobile-bg.webp);
    position: relative;
    padding: 120px 0 0 0
}

#mobile-development:before {
    content: "";
    background: rgb(0 0 0 / 52%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

#mobile-development h1 {
    margin: 0 0 20px 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 47px;
    color: #fff
}

#mobile-development h1 span {
    color: #fff
}

#mobile-development h2 {
    font-weight: 100;
    font-size: 17px;
    color: #000;
    line-height: 28px;
    margin-bottom: 20px
}

#mobile-development .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both
}

@media (min-width:1024px) {
    #mobile-development {
        background-attachment: fixed
    }
}

@media (max-width:991px) {
    #mobile-development {
        padding-top: 80px
    }

    #mobile-development .animated {
        -webkit-animation: none;
        animation: none
    }

    #mobile-development .hero-img {
        text-align: center
    }

    #mobile-development .hero-img img {
        max-width: 50%
    }

    #mobile-development h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px
    }

    #mobile-development h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

@media (max-width:575px) {
    #mobile-development .hero-img img {
        width: 80%;
        display: none
    }
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px)
    }

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

@keyframes up-down {
    0% {
        transform: translateY(10px)
    }

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

.hero-waves {
    display: block;
    margin-top: 60px;
    width: 100%;
    height: 60px;
    z-index: 5;
    position: relative
}

.wave1 use {
    -webkit-animation: move-forever1 10s linear infinite;
    animation: move-forever1 10s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

.wave2 use {
    -webkit-animation: move-forever2 8s linear infinite;
    animation: move-forever2 8s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

.wave3 use {
    -webkit-animation: move-forever3 6s linear infinite;
    animation: move-forever3 6s linear infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s
}

@-webkit-keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%)
    }

    100% {
        transform: translate(-90px, 0%)
    }
}

@keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%)
    }

    100% {
        transform: translate(-90px, 0%)
    }
}

@-webkit-keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

@keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

@-webkit-keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

@keyframes move-forever3 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

.mobile-development-one .f-img::after {
    position: absolute;
    content: '';
    width: 480px;
    height: 480px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 33px;
    border: 30px solid #fa573a;
    border-radius: 50%;
    z-index: -1
}

.col-lg-6.col-md-10.m-md-auto.f-img {
    position: relative;
    z-index: 1
}

.mobile-development-one .mobile-development-centent {
    margin-top: 100px
}

.mobile-development-one .mobile-development-centent h4 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 15px
}

.mobile-development-one .mobile-development-centent .all-li {
    padding-top: 0
}

.mobile-development-one .mobile-development-centent .all-li i {
    width: 25px;
    color: #FA573A
}

.mobile-development-one .mobile-development-centent .all-li li {
    padding-top: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #000
}

.mobile-development-two .mobile-development-title.text-center h5 {
    padding-bottom: 50px;
    font-size: 40px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.sotcox-brand-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    flex-wrap: nowrap;
    border: 1px solid #E6EEFB;
    padding: 5px;
    border-radius: 40px;
    width: auto;
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.sotcox-brand-box .icon {
    background: #266FF2;
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.sotcox-brand-box .title {
    font-size: 18px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 15px
}

.sotcox-brand-box .content h6 {
    font-size: 17px;
    color: #000
}

.sotcox-brand-box__1 .icon {
    background: #266FF2
}

.sotcox-brand-box__1 .icon img {
    width: 38px
}

.sotcox-brand-box__3 .icon img {
    width: 38px
}

.sotcox-brand-box__4 .icon img {
    width: 38px
}

.sotcox-brand-box__2 .icon img {
    width: 38px
}

.sotcox-brand-box__2 .icon {
    background: #FE636E
}

.sotcox-brand-box__3 .icon {
    background: #7CCC92
}

.sotcox-brand-box__4 .icon {
    background: #65676B
}

.sotcox-brand-box:hover .icon {
    transform: rotateY(180deg)
}

.mobile-development-two {
    background-color: #F3F8FF
}

.mobile-development-two .mobile-development-title h3 {
    padding-bottom: 20px;
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.section-title.border-radius-5.p-35.bg-base.style-white.mb-lg-0 {
    background: #0060ff;
    border-radius: 5px;
    padding: 38px 38px 84px
}

section.mobile-development-three {
    background-image: url(../img/services-img/mobile1.webp);
    background-size: cover;
    background-repeat: no-repeat
}

section.mobile-development-three {
    padding: 100px 0;
    z-index: 999
}

.mobile-development-three .section-title h2 {
    font-weight: 100;
    color: #fff
}

.mobile-development-three .section-title p {
    font-weight: 200;
    margin-top: 50px;
    color: #fff;
    font-size: 17px
}

.mobile-development-three .single-service-inner {
    padding: 40px 30px 35px 32px;
    border-radius: 5px;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / .1);
    box-shadow: 0 0 15px rgb(0 0 0 / .1);
    margin-bottom: 22px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    height: calc(100% - 28px)
}

.single-service-inner .details h3 {
    font-weight: 600;
    font-size: 18px
}

.single-service-inner .details p {
    margin-bottom: 0
}

.single-service-inner.style-white {
    background: rgb(3 11 24 / .6);
    height: calc(100% - 30px)
}

.single-service-inner.style-white h3 {
    color: #fff
}

.single-service-inner.style-white p {
    color: #fff;
    font-weight: 200;
    padding-top: 20px;
    font-size: 17px
}

.single-service-inner.style-white:hover {
    background: #0060ff
}

.single-service-inner.style-white .details h3:hover {
    text-decoration: underline
}

.single-service-inner.style-white .details h3:hover a {
    color: #fff
}

.single-service-inner.style-hover-base .details h3:hover a {
    color: var(--heading-color)
}

.single-service-inner.style-hover-base:hover {
    background: var(--main-color)
}

.single-service-inner.style-hover-base:hover h3 {
    color: #fff
}

.single-service-inner.style-hover-base:hover p {
    color: #fff
}

@media only screen and (min-width:1440px) {
    .section-title.border-radius-5.p-35.bg-base.style-white.mb-lg-0 {
        padding: 38px 38px 165px
    }

    .container.mobile-development-three {
        max-width: 1320px !important
    }
}

.mobile-development-four {
    background-color: #F9F9F9
}

.mobile-development-four .section-title h2 {
    padding-bottom: 50px;
    font-size: 40px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.mobile-development-four .single-it-services-box {
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    padding: 30px 30px 30px 100px;
    z-index: 1;
    box-shadow: -2px 2px 16px 4px lightgrey;
    cursor: pointer;
    height: calc(100% - 60px)
}

.mobile-development-four .single-it-services-box p {
    font-size: 15px;
    color: #000;
    font-weight: 300
}

section#blockchain-two .mobile-development-four .single-it-services-box img {
    width: 50px
}

.mobile-development-four .single-it-services-box h3 {
    margin-bottom: 12px;
    font-size: 20px;
    display: inline-block;
    color: #000
}

.mobile-development-four .single-it-services-box::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    opacity: .06;
    position: absolute;
    border-radius: 10px;
    background-color: orange
}

.mobile-development-four .single-it-services-box img {
    position: absolute;
    left: 30px;
    top: 20px;
    line-height: 1;
    width: 40px;
    font-size: 45px;
    color: #ff4a17;
    -webkit-transition: .5s;
    transition: .5s
}

.mobile-development-four .single-it-services-box.bg-6d5fff::before {
    background-color: #6d5fff
}

.mobile-development-four .single-it-services-box.bg-ca83ff::before {
    background-color: #ca83ff
}

.mobile-development-four .single-it-services-box.bg-ff5f5f::before {
    background-color: #ff5f5f
}

.mobile-development-four .single-it-services-box.bg-2ea7ff::before {
    background-color: #2ea7ff
}

.mobile-development-four .single-it-services-box:hover h3 {
    color: #fff !important
}

.mobile-development-four .single-it-services-box:hover h3 a {
    color: #fff !important
}

.mobile-development-four .single-it-services-box:hover p {
    color: #fff;
    font-weight: 300
}

.mobile-development-four .single-it-services-box:hover::before {
    opacity: 1;
    visibility: visible
}

.UpdateNetSuiteModules .titleUpadte h6 {
    text-align: center;
    font-size: 36px;
    color: #000;
    font-weight: 600
}

.UpdateNetSuiteModules .titleUpadte p {
    font-size: 20px;
    color: #000;
    text-align: center;
    width: 80%;
    margin: auto;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 20px
}

.mobile-development-five {
    position: relative
}

.mobile-development-five .section-title h2 {
    padding-bottom: 50px;
    font-size: 38px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.mobile-development-five .single-approach-box {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / .05);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / .05);
    padding: 30px 20px;
    text-align: center;
    margin-top: 40px;
    z-index: 1
}

.mobile-development-five .single-approach-box .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #FF5F5F;
    border-radius: 50%;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto
}

.mobile-development-five .single-approach-box .icon img {
    width: 45px
}

.mobile-development-five .single-approach-box .icon::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 1px solid #e21f36;
    border-radius: 50%
}

.mobile-development-five .single-approach-box h3 {
    margin-bottom: 12px;
    margin-top: 35px;
    font-size: 20px;
    color: #000
}

.mobile-development-five .single-approach-box p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    color: #000
}

.quality-analyst-technology .quality-analyst-contant p {
    color: #000;
    font-size: 17px
}

.quality-analyst-technology .quality-analyst-contant h5 {
    font-size: 40px;
    color: #252b33;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -.5px
}

.mobile-development-five .single-approach-box .approach-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: -1
}

.mobile-development-five .single-approach-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.mobile-development-five .single-approach-box .approach-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: -1
}

.mobile-development-five .single-approach-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.mobile-development-five .single-approach-box.overly-one {
    position: relative;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.mobile-development-five .single-approach-box.overly-one::before {
    content: "";
    position: relative;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#e21f36), to(transparent));
    background: linear-gradient(left, #e21f36, transparent);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0;
    z-index: 1
}

.mobile-development-five .single-approach-box.overly-one::after {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e21f36), to(transparent));
    background: linear-gradient(top, #e21f36, transparent);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0
}

.mobile-development-five .single-approach-box.overly-one .overly-two::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#e21f36));
    background: linear-gradient(left, transparent, #e21f36);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0
}

.mobile-development-five .single-approach-box.overly-one .overly-two::after {
    content: "";
    position: absolute;
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#e21f36), to(transparent));
    background: linear-gradient(bottom, #e21f36, transparent);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0
}

.mobile-development-five .single-approach-box.overly-one:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.mobile-development-five .single-approach-box.overly-one:hover .overly-two::before {
    left: 30px;
    opacity: 1
}

.mobile-development-five .single-approach-box.overly-one:hover .overly-two::after {
    top: 30px;
    opacity: 1
}

.mobile-development-five .single-approach-box.overly-one:hover::before {
    right: 30px;
    opacity: 1
}

.mobile-development-five .single-approach-box.overly-one:hover::after {
    bottom: 30px;
    opacity: 1
}

.mobile-development-six {
    background-image: url(../img/services-img/bg.jpg);
    width: 100%
}

.mobile-development-six .mobile-development-content h4 {
    padding-bottom: 10px;
    font-size: 40px;
    color: #252b33;
    line-height: 45px;
    letter-spacing: -.5px
}

.mobile-development-six .mobile-development-content p {
    padding-bottom: 10px;
    color: #000;
    font-weight: 300;
    font-size: 17px
}

.mobile-development-six .mobile-development-content img {
    width: 50px
}

.mobile-development-six .mobile-development-content li {
    list-style-type: none;
    padding: 10px;
    font-weight: 300;
    font-size: 17px;
    color: #000
}

.mobile-development-six .mobile-development-content .all-li {
    display: flex
}

.mobile-development-six .mobile-development-content .all-li img {
    width: 50px
}

.mobile-development-img img {
    width: 100%
}

.mobile-development-one .mobile-development-centent p {
    font-size: 17px;
    color: #000;
    font-weight: 300
}

@media screen and (max-width:768px) {
    .mobile-development-one .mobile-development-centent h4 {
        font-size: 28px
    }

    .mobile-development-two .mobile-development-title h3 {
        font-size: 25px
    }

    .mobile-development-five .section-title h2 {
        font-size: 28px
    }

    .mobile-development-four .section-title h2 {
        font-size: 28px;
        line-height: 38px
    }

    section#blockchain-two .blockchain-title h5 {
        font-size: 28px
    }

    .mobile-development-six .mobile-development-content h4 {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .mobile-development-one .mobile-development-centent {
        margin-top: 20px
    }

    .UpdateNetSuiteModules .titleUpadte h6 {
        text-align: left;
        color: #000;
        font-size: 28px;
        line-height: 1.4;
        font-weight: 600
    }

    .UpdateNetSuiteModules .titleUpadte p {
        font-size: 17px;
        text-align: left;
        width: 100%
    }

    section#mobile-development-one {
        padding: 0 0 60px
    }

    .mobile-development-six .mobile-development-content .all-li {
        display: inline-block
    }

    .mobile-development-six {
        padding: 18px 10px 0
    }

    .mobile-development-one .f-img::after {
        width: 97%;
        height: 89%;
        top: 50%;
        left: 5px;
        border: 21px solid #fa573a
    }

    .sotcox-brand-box {
        margin-top: 18px
    }

    .mobile-development-three .single-service-inner {
        margin-top: 10px
    }

    .mobile-development-four {
        padding: 15px 10px 0
    }
}

section.artificial-intelligence {
    background-image: url(../img/services-img/artificial-intelligence.jpg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.artificial-intelligence .about_page_slider {
    margin-top: 90px
}

section.artificial-intelligence .about_page_slider h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -.5px
}

section.artificial-intelligence .about_page_slider p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
    color: #fff
}

.artificial-intelligence-1 .artificial-content1 {
    margin-top: 50px
}

.artificial-intelligence-1 .artificial-content1 p {
    font-size: 15px;
    line-height: 28px
}

section.artificial-intelligence .about_page_slider .pedlar-2btn a.bridge-btn {
    padding: 15px 25px 15px 25px;
    background: orange;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-top: 20px
}

.artificial-intelligence-2 .artificial-content2 h5 {
    font-size: 25px
}

.artificail-sideImg img {
    width: 400px
}

.artificial-intelligence-2 {
    background-color: #F6F9FF
}

.artificial-intelligence-2 .title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    text-align: center;
    padding-bottom: 20px
}

.artificial-intelligenceBox {
    background-color: #fff;
    padding: 28px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 22px;
    height: 228px
}

.artificial-intelligenceBox .arti-content h5 {
    color: #2C163C;
    font-weight: 700;
    padding-bottom: 15px
}

.artificial-intelligenceBox .arti-content p {
    line-height: 30px;
    font-size: 15px;
    padding: 0 22px 0 0
}

.artificial-intelligenceBox .arti-icon li {
    width: 100px;
    height: 100px;
    background: darkseagreen;
    border-radius: 50px;
    border: 4px solid #fff;
    box-shadow: 0 0 8px -4px;
    text-align: center;
    list-style-type: none
}

.artificial-intelligenceBox .arti-icon li i {
    font-size: 40px;
    color: #fff;
    line-height: 2.2
}

.artificial-intelligence-3 {
    background-image: url(../img/services-img/arti-bg.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.artificial-intelligence-3 .arti-3Box h1 {
    color: #fff;
    font-weight: 700
}

.artificial-intelligence-3 .arti-3Box {
    display: flex;
    justify-content: space-between
}

.artificial-intelligence-3 .arti-3Box .btn a {
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 29px;
    display: inline-block
}

.artificial-intelligence-4 .title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    text-align: center;
    padding-bottom: 20px
}

.artificial-intelligence-4 .arti-4Box {
    border: 1px solid lightgray;
    padding: 60px;
    margin-top: 50px
}

.artificial-intelligence-4 .arti-4Box .content h5 {
    color: #2C163C;
    font-weight: 700;
    padding-bottom: 15px
}

.artificial-intelligence-4 .arti-4Box .content p {
    line-height: 30px;
    font-size: 15px;
    padding: 0 22px 0 0
}

@media screen and (max-width:768px) {
    .artificial-intelligenceBox {
        background-color: #fff;
        padding: 17px;
        border-radius: 5px;
        margin-top: 22px;
        height: auto;
        display: block
    }

    .artificial-intelligence-4 .arti-4Box {
        padding: 10px
    }

    .artificial-intelligence-2 .title h1 {
        font-size: 28px
    }

    .artificial-intelligence-3 .title h1 {
        font-size: 28px
    }

    .artificial-intelligence-4 .title h1 {
        font-size: 28px
    }

    .artificial-intelligence-3 .arti-3Box {
        display: block
    }

    section.artificial-intelligence {
        height: auto
    }

    .artificail-sideImg img {
        width: 100%;
        margin-top: 50px
    }
}

section.robot-process-automation {
    background-image: url(../img/services-img/RPA_banner.webp);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.robot-process-automation .about_page_slider {
    margin-top: 90px
}

section.robot-process-automation .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.robot-process-automation-1 {
    background-image: url(../img/services-img/rpa-bg.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    background-attachment: fixed
}

.robot-process-automation-1 .title h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.robot-process-automation-1 .all_li li {
    list-style-type: none;
    font-size: 23px;
    color: #f5f5f5;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    margin-top: 20px
}

.col-lg-6.main-rpa {
    background: brown
}

.robot-process-automation-1 .mian-rpa_1 {
    width: 80%;
    margin-left: 120px;
    padding: 101px 0
}

.artificial-intelligence-3 .Rpa-3Box h1 {
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 60px
}

.artificial-intelligence-3 .Rpa-3Box {
    display: flex;
    justify-content: space-between
}

.artificial-intelligence-3 .Rpa-3Box .btn a {
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 29px;
    display: inline-block
}

.artificial-intelligence-4 .arti-4Box1 .content h5 {
    color: #2C163C;
    font-weight: 700;
    padding-bottom: 15px
}

.artificial-intelligence-4 .arti-4Box1 .content li {
    list-style-type: none;
    font-size: 40px;
    color: #0EA2BD
}

.artificial-intelligence-4 .arti-4Box1 {
    border: 1px solid lightgray;
    padding: 10px;
    margin-top: 25px;
    text-align: center;
    padding: 20px;
    height: 325px;
    cursor: pointer
}

.artificial-intelligence-4 .arti-4Box1 .content p {
    line-height: 30px;
    font-size: 15px
}

.artificial-intelligence-4 .title h1 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    text-align: center;
    padding-bottom: 20px
}

.robot-automation-section .title-main h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    text-align: center;
    padding-bottom: 20px
}

.robot-automation-section {
    background-image: url(../img/services-img/rpa-service.webp);
    width: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

.robot-automation-section .arti-4Box2 .content h5 {
    color: #fff;
    font-weight: 400;
    padding-bottom: 15px
}

.robot-automation-section .arti-4Box2 .content li {
    list-style-type: none;
    font-size: 40px;
    color: #ffdb98
}

.robot-automation-section .arti-4Box2 {
    border: 1px solid lightgray;
    padding: 10px;
    margin-top: 25px;
    text-align: center;
    padding: 20px;
    height: 300px;
    border-radius: 5px;
    cursor: pointer
}

.robot-automation-section .arti-4Box2:hover {
    background-color: brown;
    border: 1px solid brown;
    color: #0EA2BD;
    border-radius: 5px
}

.robot-automation-section .arti-4Box2 .content p {
    line-height: 30px;
    font-size: 15px;
    color: #e2e2e2;
    font-weight: 300;
    letter-spacing: .5px
}

.automation-rpa-section .content-img img {
    width: 100%
}

.automation-rpa-section .content {
    margin-top: 40px
}

.automation-rpa-section .content h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.automation-rpa-section .content p {
    line-height: 30px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .5px
}

@media screen and (max-width:768px) {
    .col-lg-6.main-rpa {
        background: brown;
        padding: 20px
    }

    section#automation-rpa-section {
        padding: 0 10px 60px
    }

    .automation-rpa-section .content h1 {
        font-size: 28px;
        line-height: 43px
    }

    .automation-rpa-section .content {
        margin-top: 0
    }

    .robot-automation-section .arti-4Box2 {
        height: auto
    }

    .artificial-intelligence-4 .arti-4Box1 {
        margin-top: 20px;
        padding: 20px;
        height: auto
    }

    .artificial-intelligence-4 .title h1 {
        font-size: 28px;
        line-height: 38px
    }

    .artificial-intelligence-1 .artificial-content1 {
        margin-top: 0
    }

    .robot-process-automation-1 .mian-rpa_1 {
        margin-left: 0;
        padding: 0;
        width: auto
    }

    .robot-process-automation-1 .title h1 {
        font-size: 28px;
        line-height: 42px
    }

    .robot-process-automation-1 .all_li li {
        font-size: 14px;
        font-weight: 300;
        margin-top: 16px
    }

    .artificial-intelligence-3 .Rpa-3Box {
        display: block
    }

    .artificial-intelligence-3 .Rpa-3Box h1 {
        font-size: 20px;
        line-height: 33px
    }

    .artificial-intelligence-3 {
        padding: 24px 0
    }

    section.robot-process-automation {
        height: auto
    }
}

.iot-internet-1 {
    background-color: #F8F8F8
}

.iot-internet-sideImg img {
    width: 100%
}

.iot-internet-1 .iot-contant h1 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.iot-internet-2 {
    background-image: url(../img/services-img/iot-side-img.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-attachment: fixed
}

.iot-internet-2 .title h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.iot-internet-2 .all_li li {
    list-style-type: none;
    font-size: 20px;
    color: #f5f5f5;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    margin-top: 20px
}

.iot-internet-2 .all_li p {
    font-size: 14px;
    color: #fff3f3;
    width: 97%;
    font-weight: 200;
    margin-left: 39px
}

.col-lg-6.main-rpa {
    background: #08324A
}

.iot-internet-2 .mian-rpa_1 .title {
    color: #fff;
    font-weight: 300
}

.iot-internet-2 .mian-rpa_1 {
    width: 80%;
    margin-left: 120px;
    padding: 101px 0
}

.iot-internet-3 h1 {
    padding-bottom: 10px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.iot-internet-3 .arti-4Box1 .content h5 {
    color: #2C163C;
    font-weight: 700;
    padding-bottom: 15px
}

.iot-internet-3 .arti-4Box1 .content li {
    list-style-type: none;
    font-size: 40px;
    color: #0EA2BD
}

.iot-internet-3 .arti-4Box1 {
    border: 1px solid lightgray;
    padding: 10px;
    margin-top: 25px;
    text-align: center;
    padding: 20px;
    height: 250px;
    cursor: pointer
}

.iot-internet-3 .arti-4Box1 .content p {
    line-height: 30px;
    font-size: 15px
}

.iot-internet-2 .title h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.iot-req-service .content h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.iot-req-service .content p {
    line-height: 30px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .5px
}

section#iot-req-service {
    padding: 38px 0 60px;
    background-color: #fff4f4
}

section#iot-req-service .content-btn a {
    background-color: #0ea2bd;
    padding: 12px 31px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 70px;
    color: #fff
}

.main-contact {
    display: flex;
    justify-content: space-between
}

section.iot-main-banner {
    background-image: url(../img/services-img/iot-banner.webp);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.iot-main-banner .about_page_slider {
    margin-top: 90px
}

section.iot-main-banner .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

@media screen and (max-width:768px) {
    .iot-internet-2 .mian-rpa_1 {
        margin-left: 0;
        padding: 0;
        width: auto
    }

    .single-approach-box.overly-one {
        height: auto !important;
        border-radius: 5px
    }

    .main-contact {
        display: block;
        justify-content: space-between
    }

    section#iot-req-service .content-btn a {
        margin-top: 28px
    }

    .iot-internet-2 .title h1 {
        font-size: 28px;
        line-height: 42px
    }

    .iot-internet-2 .all_li li {
        font-size: 14px;
        font-weight: 300;
        margin-top: 16px
    }

    .iot-internet-3 .arti-4Box1 {
        margin-top: 20px;
        padding: 20px;
        height: auto
    }

    .iot-internet-2 .title h1 {
        font-size: 28px;
        line-height: 38px
    }
}

@media (max-width:1600px) {
    #particles-js {
        position: absolute;
        width: 95%;
        height: 100%;
        top: 290%;
        overflow: hidden
    }

    .single-approach-box.overly-one {
        height: calc(100% - 60px);
        border-radius: 5px
    }
}

@media (max-width:1024px) {
    .robot-automation-section .arti-4Box2 {
        height: 378px
    }

    .iot-internet-3 .arti-4Box1 {
        height: 278px
    }
}

@media (max-width:1366px) {
    .iot-internet-3 .arti-4Box1 {
        height: 274px
    }
}

section.hana-support-s4 {
    background-image: url(../img/services-img/artificial-intelligence.jpg);
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.hana-support-s4 .about_page_slider {
    margin-top: 90px
}

.hana-support-1 .hana-support-content1 p {
    font-size: 17px;
    color: #000;
    font-weight: 300
}

section.hana-support-s4 .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px
}

section.hana-support-s4 .about_page_slider p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
    color: #fff
}

section.hana-support-s4 .about_page_slider .hana-btn a.hana-s4-btn {
    padding: 11px 35px;
    background: #00e5ff99;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-top: 20px
}

.hana-support-1 {
    background-color: #F8F8F8
}

.hana-support-1 .artificial-content1 {
    margin-top: 50px
}

.hana-support-1 .hana-support-content1 h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.hana-support-1 .hana-support-content1 h4 {
    color: #000;
    margin-top: 20px
}

.hana-support-1 .hana-support-content1 i {
    display: flex;
    margin-top: 4px;
    color: #004cff
}

.hana-implementation_title {
    margin-top: 80px
}

.hana-support-1 .hana-support-content1 li {
    list-style-type: none;
    display: flex;
    color: #000
}

.hana-support-sideImg img {
    width: 100%
}

.hana-support-2 {
    background-image: url(../img/services-img/hana4.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-attachment: fixed
}

.hana-support-2 .title h2 {
    list-style-type: none;
    font-size: 35px;
    padding-bottom: 10px;
    color: #f5f5f5;
    font-weight: 700;
    margin-top: 20px
}

.hana-support-2 .all_li li {
    list-style-type: none;
    font-size: 20px;
    color: #f5f5f5;
    font-weight: 200;
    margin-top: 20px
}

.hana-support-2 .all_li p {
    font-size: 17px;
    color: #fff3f3;
    width: 97%;
    font-weight: 100;
    margin-left: 39px
}

.col-lg-6.main-rpa {
    background: #08324A
}

.hana-support-2 .s4-hana .title {
    color: #fff;
    font-weight: 300
}

.hana-support-2 .s4-hana {
    width: 86%;
    margin-left: 59px;
    padding: 101px 0
}

.hana-support-3 {
    background-image: url(../img/services-img/arti-bg.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.hana-support-3 .hana-3Box h3 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 39px
}

.hana-support-3 .hana-3Box {
    display: flex;
    justify-content: space-between
}

.hana-support-3 .hana-3Box .btn a {
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 29px;
    display: inline-block
}

.about-page-clients .client-logo img {
    width: 182px;
    margin-top: 23px;
    border: 1px solid gainsboro
}

.about-counter3 .s4-hana-client .client-logo img {
    width: 182px;
    margin-top: 23px;
    border: 1px solid gainsboro;
    border-left: 2px solid gainsboro;
    border-right: 2px solid gainsboro
}

.about-counter3 .about-counter-title.supportpage h3 {
    font-size: 38px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: center
}

.hana-management-feature .title h2 {
    font-size: 35px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: center
}

.hana-management-feature .arti-4Box {
    border: 1px solid lightgray;
    padding: 30px;
    margin-top: 50px
}

.hana-management-feature .arti-4Box .content img {
    width: 60px;
    padding-bottom: 10px
}

.hana-management-feature .arti-4Box .content h5 {
    color: #2C163C;
    font-weight: 700;
    padding-bottom: 15px
}

.hana-management-feature .arti-4Box .content li {
    line-height: 30px;
    font-size: 15px;
    padding: 0 22px 0 0;
    list-style-type: none;
    color: #000
}

.sotcox-brand-box.hana {
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .hana-support-2 .s4-hana {
        margin-left: 0;
        padding: 0;
        width: 90%
    }

    .hana-support-3 .hana-3Box h3 {
        font-size: 25px
    }

    section.hana-support-s4 .about_page_slider h1 {
        font-size: 22px;
        line-height: normal
    }

    .hana-support-1 .hana-support-content1 h2 {
        font-size: 22px;
        line-height: normal
    }

    .hana-management-feature .arti-4Box {
        padding: 10px
    }

    .hana-management-feature .title h2 {
        font-size: 25px
    }

    .hana-support-2 .all_li li {
        font-size: 14px;
        font-weight: 300;
        margin-top: 16px
    }

    .hana-support-2 .title h2 {
        font-size: 22px;
        line-height: 38px
    }

    .hana-support-3 .hana-3Box {
        display: block
    }

    .hana-support-3 {
        padding: 50px 0
    }

    section.hana-support-s4 {
        height: 70vh
    }

    .artificial-intelligence-3 .arti-3Box {
        display: block
    }
}

section.sap-b1-implementation-slider {
    background-image: url(../img/services-img/sap-mplementation.webp);
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.sap-b1-implementation-slider .about_page_slider {
    margin-top: 90px
}

section.sap-b1-implementation-slider .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

section.sap-b1-implementation-slider .about_page_slider p {
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    width: 50%;
    margin-top: 10px
}

section.sap-b1-implementation-slider .about_page_slider .hana-btn a.hana-s4-btn {
    padding: 11px 35px;
    background: #02233a;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-top: 20px
}

.sap-b1-implementation {
    background-color: #F8F8F8;
    padding: 40px 0
}

.sap-b1-implementation p {
    font-size: 20px;
    color: #000;
    line-height: 1.7
}

.cw-fix {
    max-width: 1280px !important;
    margin: auto;
    width: 100%
}

.cw-section {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.FAQsectiomCinntra .faq-list li::before {
    content: "";
    background-image: url(<?php echo SITE_URL;?>assets/img/icon.svg);
    position: absolute;
    left: 0;
    left: 14px;
    top: 18px;
    background-size: 24px;
    height: 24px;
    width: 24px
}

.cw-section .faq-contprt {
    width: 100%;
    background-color: #fff;
    padding: 20px
}

.sap-b1-accordion {
    margin-top: 20px;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
    counter-reset: analysis;
    border-left: #e3e3e3 2px dashed;
    margin-left: 40px
}

.sap-b1-accordion__item {
    width: 100%;
    margin: 8px 0
}

.sap-b1-accordion__item:first-child {
    margin-top: 0
}

.sap-b1-accordion__item p:first-child {
    margin-top: 0
}

.cw-acordion-cont p {
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif
}

.sap-b1-accordion .cw-label {
    position: relative;
    padding-left: 40px;
    font-weight: 500;
    font-size: 18px;
    padding-top: 10px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    cursor: pointer
}

.sap-b1-accordion .cw-label:before {
    counter-increment: analysis;
    content: counter(analysis);
    width: 46px;
    height: 46px;
    border-radius: 100%;
    display: inline-block;
    border: #e3e3e3 1px solid;
    font-size: 16px;
    font-weight: 600;
    color: #ff5e14;
    text-align: center;
    line-height: 48px;
    position: absolute;
    left: -26px;
    top: 0;
    background-color: #fff
}

.cw-acordion-cont {
    padding-left: 42px;
    overflow: hidden;
    height: 0;
    transition: 0.5s all;
    font-size: 16px
}

.cw-acordion-cont h6 {
    font-size: 16px;
    margin-top: 20px;
    background: ghostwhite;
    padding: 13px
}

.cw-acordion-cont p:first-child {
    margin: 0
}

.sap-b1-accordion .cw-open+.cw-acordion-cont {
    height: auto;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 15px
}

.sap-b1-implementation .title {
    text-align: center
}

.sap-b1-implementation .title h2 {
    font-family: poppins, sans-serif;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-implementation1 .sap-b1-content1 h1 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-implementation1 .sap-b1-content1 h4 {
    margin-top: 20px
}

.sap-b1-implementation1 .sap-b1-content1 i {
    display: flex;
    margin-top: 4px;
    width: 25px;
    color: #004cff
}

.sap-b1-implementation1 .sap-b1-content1 li {
    list-style-type: none;
    display: flex;
    margin-left: 20px;
    margin-top: 10px
}

.sap-b1-implementation1 .sap-b1-content1 a {
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    background: #0ea2bd
}

.sap-b1-implementation1 .hana-support-sideImg img {
    width: 100%
}

@media(max-width:992px) {
    .cw-section .faq-contprt {
        width: 100%;
        padding: 30px 0
    }

    .cw-section .faq-img {
        width: 100%
    }

    .sap-b1-accordion {
        margin-top: 10px;
        width: calc(100% - 25px);
        margin-left: 25px;
        padding-right: 15px
    }

    .sap-b1-accordion__item {
        margin-top: 8px
    }

    .sap-b1-accordion .cw-label:before {
        width: 34px;
        height: 34px;
        font-size: 12px;
        line-height: 33px;
        left: -19px
    }

    .sap-b1-accordion .cw-label {
        padding-left: 30px;
        font-size: 14px;
        padding-top: 6px
    }

    .cw-acordion-cont {
        padding-left: 30px;
        font-size: 13px
    }
}

@media only screen and (min-width:1440px) {
    .sap-b1-implementation1 .sap-b1-content1 {
        margin-top: 50px
    }
}

.product-grid {
    font-family: 'Inter', sans-serif;
    text-align: center
}

.product-grid .product-image {
    overflow: hidden;
    position: relative
}

.product-grid .product-image a.image {
    display: block
}

.product-grid .product-image img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s
}

.product-grid:hover .product-image img {
    transform: scale(1.3);
    transform-origin: top center
}

.product-grid .product-links {
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    bottom: 7px;
    left: 5px;
    z-index: 1;
    transition: all 0.4s ease
}

.product-grid:hover .product-links {
    opacity: 1
}

.product-grid .product-links li {
    margin: 0 2px;
    display: inline-block
}

.product-grid .product-links li a {
    color: #000;
    background-color: #eee;
    font-size: 16px;
    text-align: center;
    line-height: 37px;
    width: 37px;
    height: 37px;
    border-radius: 5px;
    display: block;
    position: relative;
    transition: all .3s ease;
    z-index: 1
}

.product-grid .product-links li:first-child a,
.product-grid .product-links li a:hover {
    color: #fff;
    background-color: #b73493
}

.product-grid .product-content {
    text-align: left;
    padding: 15px 0 0
}

.product-grid .category {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 6px;
    display: block
}

.product-grid .category a {
    color: #777;
    transition: all 0.3s ease 0s
}

.product-grid .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 2px
}

.product-grid .title a {
    color: #222;
    transition: all 0.3s ease 0s
}

.product-grid .category a:hover,
.product-grid .title a:hover {
    color: #b73493
}

.product-grid .price {
    color: #b73493;
    font-size: 15px;
    font-weight: 600
}

@media screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 30px
    }
}

.sap-b1-implementation3 {
    background-image: url(../img/services-img/sap-b1-bg.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-attachment: fixed
}

.sap-b1-implementation3 .title h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.sap-b1-implementation3 .all_li li {
    list-style-type: none;
    font-size: 20px;
    color: #f5f5f5;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    margin-top: 20px;
    display: flex
}

.sap-b1-implementation3 .all_li li i {
    width: 55px
}

.col-lg-6.main-rpa {
    background: #08324A
}

.sap-b1-implementation3 .s4-hana .title {
    color: #fff;
    font-weight: 300
}

.sap-b1-implementation3 .s4-hana {
    width: 86%;
    margin-left: 59px;
    padding: 101px 0
}

.sap-b1-implementation3 .title h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

@media screen and (max-width:768px) {
    .sap-b1-implementation3 .s4-hana {
        margin-left: 0;
        padding: 0;
        width: 90%
    }

    .sap-b1-implementation3 .title h1 {
        font-size: 28px;
        line-height: 42px
    }

    .sap-b1-implementation3 .all_li li {
        font-size: 14px;
        font-weight: 300;
        margin-top: 16px
    }

    .sap-b1-implementation3 .title h1 {
        font-size: 28px;
        line-height: 38px
    }
}

.sap-b1-CloudPage {
    background-image: url(../img/services-img/sap-b1-cloud.webp);
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.sap-b1-CloudPage .about_page_slider {
    margin-top: 90px
}

section.sap-b1-CloudPage .about_page_slider h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif
}

.sap-b1-cloud1 .sap-b1-content1 h2 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-cloud1 .sap-b1-content1 h4 {
    font-family: poppins, sans-serif;
    margin-top: 20px
}

.sap-b1-cloud1 .sap-b1-content1 i {
    display: flex;
    margin-top: 4px;
    width: 25px;
    color: #004cff
}

.sap-b1-cloud1 .sap-b1-content1 li {
    list-style-type: none;
    display: flex;
    margin-left: 20p;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 400;
    font-family: poppins, sans-serif
}

.sap-b1-cloud1 .hana-support-sideImg img {
    width: 100%
}

.sap-b1-cloud2 {
    background-image: url(../img/services-img/mobile1.webp);
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-repeat: no-repeat
}

.sap-b1-cloud2 .title h2 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-cloud2 .title p {
    color: #fff
}

.sap-b1-cloud2 .title {
    display: flex;
    justify-content: space-between
}

.sap-b1-cloud2 .btn a {
    padding: 11px 37px;
    background-color: #FF0031;
    color: #fff;
    margin-top: 50px;
    display: block;
    border-radius: 5px
}

.sap-b1-cloud3 .serviceBox {
    margin-top: 50px;
    z-index: 1;
    position: relative;
    top: 0;
    transition: all 0.3s ease 0s;
    cursor: pointer
}

.sap-b1-cloud3 .serviceBox:hover {
    top: -20px;
    border-bottom: 1px solid #58a4b0
}

.sap-b1-cloud3 .service-content {
    text-align: center;
    padding: 0 0 39px 40px
}

.sap-b1-cloud3 .serviceBox:hover:after {
    background: #58a4b0
}

.sap-b1-cloud3 .serviceBox .service-icon {
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #c2c2c2;
    text-align: center;
    line-height: 70px;
    float: left;
    font-size: 40px;
    color: #c2c2c2;
    z-index: 1;
    transition: all 0.3s ease 0s
}

.sap-b1-cloud3 .serviceBox .service-icon img {
    width: 50px
}

.sap-b1-cloud3 .serviceBox:hover .service-icon {
    border-color: #58a4b0;
    color: #58a4b0;
    margin-top: -30px;
    animation: bounce 1s ease normal none 1
}

.sap-b1-cloud3 .serviceBox .service-content {
    margin-left: 50px;
    padding-bottom: 20px
}

.sap-b1-cloud3 .serviceBox .title {
    font-size: 20px;
    color: #222;
    text-align: start !important;
    margin-top: 0;
    padding-bottom: 10px
}

.sap-b1-cloud3 .serviceBox .description {
    font-size: 16px;
    color: #444;
    line-height: 24px;
    text-align: start
}

.sap-b1-cloud3 .main_title {
    text-align: center;
    padding-bottom: 40px
}

.sap-b1-cloud3 .main_title h4 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

@media only screen and (max-width:990px) {
    .sap-b1-cloud3 .serviceBox {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .sap-b1-cloud3 .serviceBox {
        margin-bottom: 0
    }

    .sap-b1-cloud2 .title {
        display: block
    }

    .mainDivHere {
        display: block;
        justify-content: space-between
    }
}

.sap-b1-cloud4 .sap-b1-cloud-based h2,
.deploy-sap-bisiness h2,
.sap-b1-cloud5 .cloud-pricing h2,
.sap-b1-cloud6 .cloud-partner h2 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-cloud4 .deploy-sap-bisiness h6 {
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600
}

.sap-b1-cloud4 .sap-b1-cloud-based li,
.deploy-sap-bisiness li {
    list-style-type: auto;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    font-family: poppins, sans-serif
}

.sap-b1-cloud5 {
    background-image: url(../img/services-img/rpa-service.webp);
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.sap-b1-cloud5 .cloud-pricing p {
    font-weight: 300
}

.sap-b1-cloud6 .cloud-partner li {
    list-style-type: auto;
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    font-family: poppins, sans-serif;
    color: #000
}

.sap-b1-cloud5 .mainDivHere h4 {
    font-size: 35px;
    font-weight: 600;
    color: #000
}

sap-b1-cloud4 .mainDivHere {
    display: flex;
    justify-content: space-between
}

.sap-b1-cloud5 .mainDivHere .btn-here a {
    padding: 10px 20px;
    background: #FF0031;
    border-radius: 5px;
    margin-top: 44px;
    display: block;
    font-family: 'Poppins';
    font-size: 16px;
    color: #fff
}

.front-end-development {
    background-image: url(../img/services-img/developer.jpg);
    width: 100%;
    height: 90vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

section.front-end-development .development-title h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: 'Poppins', sans-serif;
    border: 1px silid red;
    transform: translate(-10px);
    margin-left: 20px
}

.front-end-development .all_li_here li {
    background-color: #fff7f0;
    padding: 20px;
    font-size: 15px;
    cursor: pointer;
    list-style: none;
    width: 250px;
    margin-left: 10px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #dcf6ff;
    margin-top: 15px
}

.front-end-development .all_li_here {
    display: flex
}

.front-end-development1 {
    background-image: url(../img/services-img/mobile1.webp);
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-repeat: no-repeat
}

.front-end-development1 .title h5 {
    padding-bottom: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.sap-b1-cloud1 .sap-b1-content1 h1 {
    color: #000;
    font-size: 36px;
    font-weight: 700
}

.sap-b1-cloud1 .sap-b1-content1 h2 {
    color: #000;
    font-size: 36px;
    font-weight: 700
}

.sap-b1-cloud1 .sap-b1-content1 p {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin-top: 15px
}

.developerhere h2.Front {
    font-size: 35px;
    font-weight: 600;
    color: #000
}

.developerhere .Main_t p {
    color: #000;
    font-size: 15px;
    font-weight: 300
}

.front-end-development1 .title {
    padding: 30px;
    background: rgb(0 0 0 / 21%);
    border-radius: 5px;
    height: calc(100% - 10px)
}

.front-end-development1 .title p {
    color: #fff
}

.front-end-development1 .title p {
    color: #fff;
    font-weight: 200
}

.sap-b1-cloud6 .cloud-partner h3 {
    font-weight: 600;
    font-size: 35px;
    color: #000
}

.developerhere .Main_t {
    padding: 25px;
    border: 1px solid lightblue;
    border-top: none;
    height: calc(100% - -1px);
    border-bottom: none
}

.developerhere .Main_t img {
    max-width: 50px;
    padding-bottom: 20px
}

#quality-analyst {
    width: 100%;
    background: url(../img/services-img/Mobile-bg.webp);
    position: relative;
    padding: 120px 0 0 0
}

#quality-analyst:before {
    content: "";
    background: rgb(0 0 0 / 52%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

#quality-analyst h1 {
    margin: 0 0 20px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #fff
}

#quality-analyst h1 span {
    color: #fff
}

#quality-analyst h2 {
    font-weight: 100;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: .69px;
    color: #fff;
    margin-bottom: 40px
}

#quality-analyst .btn-get-started {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: orange
}

#quality-analyst .btn-get-started:hover {
    background: #17b57d
}

#quality-analyst .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both
}

@media (min-width:1024px) {
    #quality-analyst {
        background-attachment: fixed
    }
}

@media (max-width:991px) {
    #quality-analyst {
        padding-top: 80px
    }

    #quality-analyst .animated {
        -webkit-animation: none;
        animation: none
    }

    #quality-analyst .hero-img {
        text-align: center
    }

    #quality-analyst .hero-img img {
        max-width: 50%
    }

    #quality-analyst h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px
    }

    #quality-analyst h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

@media (max-width:575px) {
    #quality-analyst .hero-img img {
        width: 80%
    }
}

.quality-analyst-section .quality-analyst-centent h4 {
    padding-bottom: 20px;
    font-size: 40px;
    color: #252b33;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -.5px
}

.quality-analyst-section img {
    width: 85%
}

.quality-analyst-section .quality-analyst-centent p {
    font-size: 17px;
    font-weight: 300;
    color: #000
}

.quality-analyst-step .quality-analyst-step-title h4 {
    font-size: 45px;
    color: #000;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    color: #000;
    margin-left: 20px
}

.quality-analyst-step .quality-analyst-step-title {
    position: sticky;
    top: 50%
}

.quality-analyst-step .quality-analyst-step-content .step {
    margin-top: 30px
}

.quality-analyst-step .quality-analyst-step-content h1 {
    font-size: 22px;
    margin-top: 10px
}

.quality-analyst-step .quality-analyst-step-content span {
    background-color: salmon;
    padding: 5px 25px;
    color: #fff;
    border-radius: 50px
}

.quality-analyst-step {
    background-color: #F3F8FF
}

.quality-analyst-step .quality-analyst-step-content p {
    font-size: 22px;
    margin-top: 10px;
    color: #000
}

section#quality-technology-analyst .blockchain-title h5 {
    padding-bottom: 50px;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.quality-analyst-step .quality-analyst-step-content li {
    font-size: 16px;
    margin-top: 5px;
    list-style-type: none;
    color: #000;
    font-weight: 300
}

.quality-technology-analyst .blockchain-box {
    width: 100%;
    border: 4px solid #6495ed;
    padding: 29px 0;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 24px;
    box-shadow: 0 0 0 2px cornsilk
}

.quality-technology-analyst .blockchain-box:hover {
    background-color: #f2f2f2
}

.quality-technology-analyst .blockchain-box .icon img {
    width: 50px;
    margin-left: 5px
}

.quality-technology-analyst .blockchain-box .icon li {
    list-style-type: none;
    padding: 3px;
    text-align: center;
    color: #000
}

.quality-technology-analyst .blockchain-box .icon li a {
    color: #000;
    font-family: poppins, sans-serif;
    font-size: 16px
}

.quality-technology-analyst .blockchain-box .icon {
    justify-content: space-evenly;
    display: flex
}

section#quality-technology-analyst {
    background: cornflowerblue
}

section#quality-technology-analyst .blockchain-title h1 {
    padding-bottom: 50px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.quality-analyst-technology .quality-analyst-contant h1 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.quality-analyst-technology .quality-analyst-contant li {
    margin-top: 10px;
    font-size: 16px;
    color: #000
}

.quality-analyst-technology .img-here img {
    width: 100%
}

:root {
    --color10: #2E3C47;
    --color20: #202C36
}

.resource-augmentation-step .main-timeline {
    font-family: 'Poppins', sans-serif
}

.resource-augmentation-step .main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.resource-augmentation-step .main-timeline .timeline {
    border-right: 10px solid var(--color10);
    width: 50%;
    padding: 10px 20px 10px 0;
    box-shadow: 10px 0 var(--color20);
    float: left
}

.resource-augmentation-step .main-timeline .timeline-content {
    text-align: center;
    display: block;
    position: relative;
    border-radius: 10px 10px
}

.resource-augmentation-step .main-timeline .timeline-content:hover {
    text-decoration: none
}

.resource-augmentation-step .main-timeline .timeline-content:before,
.resource-augmentation-step .main-timeline .timeline-content:after {
    content: "";
    background: var(--color20);
    width: 80px;
    height: 3px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -120px
}

.resource-augmentation-step .main-timeline .timeline-content:after {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    right: -125px
}

.resource-augmentation-step .main-timeline .timeline-year {
    color: #fff;
    background: var(--color20);
    font-size: 30px;
    font-weight: 100;
    font-family: "Poppins", sans-serif;
    padding: 7px 20px 12px;
    border-radius: 100px;
    border: 5px solid var(--color10);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -300px
}

.resource-augmentation-step .main-timeline .title {
    color: #fff;
    background: #202C36;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 10px 9px;
    margin: 0;
    border-radius: 10px 10px 0 0
}

.resource-augmentation-step .main-timeline .description {
    background: linear-gradient(#f1f1f1, #d9d9d9);
    font-size: 17px;
    font-weight: 300;
    padding: 25px 35px;
    border-radius: 0 0 10px 10px;
    margin: 0;
    color: #000;
    font-family: "Poppins", sans-serif
}

.resource-augmentation-step .main-timeline .timeline:nth-child(even) {
    float: right;
    border: none;
    border-left: 10px solid var(--color20);
    box-shadow: -10px 0 var(--color10);
    padding: 10px 0 10px 20px;
    margin: 0 0 0 10px
}

.resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-content:before {
    right: auto;
    left: -120px
}

.resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-content:after {
    right: auto;
    left: -125px
}

.resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-year {
    right: auto;
    left: -300px
}

.resource-augmentation-step .main-timeline .timeline:nth-child(2) {
    --color10: #9AE365;
    --color20: #81CA47
}

.resource-augmentation-step .main-timeline .timeline:nth-child(3) {
    --color10: #F15B53;
    --color20: #D63C38
}

.resource-augmentation-step .main-timeline .timeline:nth-child(4) {
    --color10: #7c49b7;
    --color20: #5b2499
}

@media screen and (max-width:767px) {

    .resource-augmentation-step .main-timeline .timeline,
    .resource-augmentation-step .main-timeline .timeline:nth-child(even) {
        width: 100%;
        padding: 100px 0 20px 20px;
        margin: 0 0 0 10px;
        box-shadow: -10px 0 var(--color20);
        border: none;
        border-left: 10px solid var(--color10);
        float: none
    }

    .resource-augmentation-step .main-timeline .timeline-content:before,
    .resource-augmentation-step .main-timeline .timeline-content:after,
    .resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-content:before,
    .resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-content:after {
        top: -50px;
        left: -20px;
        width: 50px
    }

    .resource-augmentation-step .main-timeline .timeline-content:after,
    .resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-content:after {
        width: 15px;
        right: auto;
        left: 15px
    }

    .resource-augmentation-step .main-timeline .timeline-year,
    .resource-augmentation-step .main-timeline .timeline:nth-child(even) .timeline-year {
        transform: translateX(-50%);
        top: -85px;
        left: 50%;
        right: auto
    }
}

.resource-augmentation-banner {
    background-image: url(../img/services-img/mobile1.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.resource-augmentation-banner .title-here h1 {
    padding-bottom: 0;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.resource-augmentation-banner .title-here p {
    color: #fff;
    font-size: 17px
}

.resource-augmentation-services .card-item {
    border: 1px solid rgb(82 86 94 / .2);
    background: #fff;
    position: relative;
    border-radius: 0
}

.resource-augmentation-services .card-item .card-bg {
    min-height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.resource-augmentation-services .section-header h2 {
    padding-bottom: 40px;
    font-size: 40px;
    color: #252B33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: center
}

.resource-augmentation-services .card-item .card-body {
    padding: 30px
}

.resource-augmentation-services .card-item h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    color: #000
}

.resource-augmentation-services .card-item p {
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: 300
}

.resource-augmentation-says h1 {
    padding-bottom: 20px;
    font-size: 32px;
    color: #252B33;
    font-weight: 700;
    text-align: center;
    line-height: 55px;
    letter-spacing: -.5px;
    font-family: poppins, sans-serif
}

.resource-technology-section {
    position: relative
}

.resource-technology-section .section-title h2 {
    padding-bottom: 50px;
    font-size: 32px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.resource-technology-section .single-approach-box {
    position: relative;
    height: calc(100% - 30px);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / .05);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / .05);
    padding: 30px 20px;
    text-align: center;
    margin-top: 40px;
    z-index: 1
}

.resource-technology-section .single-approach-box .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #FF5F5F;
    border-radius: 50%;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto
}

.resource-technology-section .single-approach-box .icon img {
    width: 45px
}

.resource-technology-section .single-approach-box .icon::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 1px solid #e21f36;
    border-radius: 50%
}

.resource-technology-section .single-approach-box h3 {
    margin-bottom: 12px;
    margin-top: 35px;
    font-size: 20px;
    color: #000
}

.resource-technology-section .single-approach-box p {
    margin-bottom: 0;
    font-size: 15px;
    color: #000;
    font-weight: 300
}

.resource-technology-section .single-approach-box .approach-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: -1
}

.resource-technology-section .single-approach-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.resource-technology-section .single-approach-box.overly-one {
    position: relative;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s
}

.resource-technology-section .single-approach-box.overly-one::after {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e21f36), to(transparent));
    background: linear-gradient(top, #e21f36, transparent);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0
}

.resource-technology-section .single-approach-box.overly-one .overly-two::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#e21f36));
    background: linear-gradient(left, transparent, #e21f36);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0
}

.resource-technology-section .single-approach-box.overly-one:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.resource-technology-section .single-approach-box.overly-one:hover .overly-two::before {
    left: 30px;
    opacity: 1
}

.resource-technology-section .single-approach-box.overly-one:hover .overly-two::after {
    top: 30px;
    opacity: 1
}

.resource-technology-section .single-approach-box.overly-one:hover::before {
    right: 30px;
    opacity: 1
}

.resource-technology-section .single-approach-box.overly-one:hover::after {
    bottom: 30px;
    opacity: 1
}

@media (max-width:1600px) {
    .resource-technology-section .single-approach-box.overly-one {
        height: calc(100% - 35px);
        border-radius: 5px
    }
}

#ReSourceAugmentationMain {
    width: 100%;
    background: url(../img/services-img/Mobile-bg.webp);
    position: relative;
    padding: 119px 0 30px 0
}

#ReSourceAugmentationMain:before {
    content: "";
    background: rgb(0 0 0 / 52%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

#ReSourceAugmentationMain h1 {
    margin: 0 0 20px 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 47px;
    color: #fff
}

#ReSourceAugmentationMain h1 span {
    color: #fff
}

#ReSourceAugmentationMain h2 {
    font-weight: 100;
    font-size: 17px;
    color: #fff;
    line-height: 24px
}

#ReSourceAugmentationMain .btn-get-started {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: orange
}

#ReSourceAugmentationMain .btn-get-started:hover {
    background: #17b57d
}

#ReSourceAugmentationMain .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both
}

@media (min-width:1024px) {
    #ReSourceAugmentationMain {
        background-attachment: fixed
    }
}

@media (max-width:768px) {
    .ResourceAugmentBenefits {
        padding: 15px 10px 0
    }
}

@media (max-width:991px) {
    #ReSourceAugmentationMain {
        padding-top: 80px
    }

    #ReSourceAugmentationMain .animated {
        -webkit-animation: none;
        animation: none
    }

    #ReSourceAugmentationMain .hero-img {
        text-align: center
    }

    #ReSourceAugmentationMain .hero-img img {
        max-width: 50%
    }

    #ReSourceAugmentationMain h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px
    }

    #ReSourceAugmentationMain h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

@media (max-width:575px) {
    #ReSourceAugmentationMain .hero-img img {
        width: 80%
    }
}

@media (max-width:767.99px) {
    #ReSourceAugmentationMain .hero-img img {
        display: none
    }

    .ResourceAugmentationAbout .augmentationCentent {
        margin-top: 0
    }

    .ResourceAugmentationAbout .augmentationCentent h1 {
        font-size: 28px;
        line-height: 1.6;
        letter-spacing: -.5px
    }

    section.resource-augmentation-step {
        padding: 0 0 40px
    }

    .resource-augmentation-step .AugmentationTitle h2 {
        font-size: 28px;
        line-height: 1.5px
    }

    .resource-augmentation-step .AugmentationTitle p {
        width: 100%
    }

    section.ResourceAugmentationAbout {
        padding: 60px 0 20px
    }

    .resource-augmentation-banner .title-here h1 {
        font-size: 28px;
        line-height: 1.5
    }

    .resource-augmentation-services .section-header h2 {
        font-size: 28px;
        text-align: center
    }

    section#resource-augmentation-services {
        padding: 20px 0 0
    }

    .resource-technology-section .section-title h2 {
        font-size: 28px
    }

    .ResourceAugmentBenefits .section-title h2 {
        padding-bottom: 10px;
        font-size: 28px;
        line-height: 1.5
    }

    .ResourceAugmentationTabs div#MainPanalHere .AllContent img {
        width: 27%
    }
}

.ResourceAugmentationAbout img {
    width: 85%
}

.ResourceAugmentationAbout .augmentationCentent h1 {
    padding-bottom: 0;
    font-size: 35px;
    color: #252B33;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.5px
}

.ResourceAugmentationAbout .augmentationCentent p {
    font-size: 17px;
    font-weight: 300;
    color: #000
}

.ResourceAugmentationAbout .augmentationCentent {
    margin-top: 40px
}

.ResourceAugmentationTabs {
    background-color: #EFF7FF
}

.ResourceAugmentationTabs li.MainBTN button i {
    font-size: 20px;
    color: blueviolet;
    width: 35px
}

.ResourceAugmentationTabs li.MainBTN button {
    height: 64px;
    width: 272px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 12px;
    font-weight: 500;
    cursor: pointer;
    font-size: 17px
}

.ResourceAugmentationTabs li.MainBTN {
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 7px
}

.ResourceAugmentationTabs li.MainBTN button img {
    width: 25px;
    margin: auto;
    line-height: 5px;
    margin-top: -10px;
    margin-left: 0
}

.ResourceAugmentationTabs li.MainBTN button:hover {
    box-shadow: 0 16px 22px rgb(0 50 125 / .15)
}

.ResourceAugmentationTabs ul#BridgeMarketingTabs {
    display: flex;
    justify-content: center
}

.ResourceAugmentationTabs li.MainBTN button.active {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%)
}

.ResourceAugmentationTabs div#MainPanalHere {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%);
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 60px
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent li {
    list-style: none;
    justify-content: center;
    display: flex
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent img {
    width: 60%
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent {
    text-align: center
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent li a {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #2f3a5e;
    line-height: 28px;
    list-style: none;
    font-size: 1rem;
    padding-bottom: 10px;
    display: flex
}

.ResourceAugmentationTabs .MainTitle h1 {
    text-align: center;
    color: #032D60;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 10px
}

.ResourceAugmentationTabs .MainTitle p {
    padding-bottom: 35px;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    color: #000
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent a.BtnHere {
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    margin-left: 30px
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent a.BtnHere i {
    transition: 0.5s ease-in-out
}

.ResourceAugmentationTabs div#MainPanalHere .AllContent a.BtnHere:hover i {
    margin-left: 10px
}

.ResourceAugmentationTabs div#MainPanalHere .SideImg img {
    width: 100%
}

.ResourceAugmentBenefits {
    background-color: #F9F9F9
}

.ResourceAugmentBenefits .section-title h2 {
    padding-bottom: 50px;
    font-size: 40px;
    color: #252b33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px
}

.ResourceAugmentBenefits .single-it-services-box {
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    padding: 35px;
    z-index: 1;
    box-shadow: -2px 2px 16px 4px lightgrey;
    cursor: pointer;
    height: calc(100% - 30px)
}

.ResourceAugmentBenefits .single-it-services-box p {
    color: #000;
    font-weight: 100;
    font-size: 17px
}

.ResourceAugmentBenefits .single-it-services-box img {
    width: 50px
}

.ResourceAugmentBenefits .single-it-services-box h3 {
    margin-bottom: 12px;
    font-size: 20px;
    display: inline-block;
    color: #000
}

.ResourceAugmentBenefits .single-it-services-box::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: '';
    opacity: .06;
    position: absolute;
    border-radius: 10px;
    background-color: orange
}

.ResourceAugmentBenefits .single-it-services-box img {
    position: absolute;
    left: 30px;
    top: 30px;
    line-height: 1;
    font-size: 45px;
    color: #ff4a17;
    -webkit-transition: .5s;
    transition: .5s
}

.ResourceAugmentBenefits .single-it-services-box.bg-6d5fff::before {
    background-color: #6d5fff
}

.ResourceAugmentBenefits .single-it-services-box.bg-ca83ff::before {
    background-color: #ca83ff
}

.ResourceAugmentBenefits .single-it-services-box.bg-ff5f5f::before {
    background-color: #ff5f5f
}

.ResourceAugmentBenefits .single-it-services-box.bg-2ea7ff::before {
    background-color: #2ea7ff
}

.ResourceAugmentBenefits .single-it-services-box:hover h3 {
    color: #fff !important
}

.ResourceAugmentBenefits .single-it-services-box:hover h3 a {
    color: #fff !important
}

.ResourceAugmentBenefits .single-it-services-box:hover p {
    color: #fff;
    font-weight: 300
}

.ResourceAugmentBenefits .single-it-services-box:hover::before {
    opacity: 1;
    visibility: visible
}

.resource-augmentation-step .AugmentationTitle h2 {
    padding-bottom: 2px;
    font-size: 40px;
    color: #252B33;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    text-align: center
}

.resource-augmentation-step .AugmentationTitle p {
    width: 70%;
    margin: auto;
    text-align: center;
    font-size: 17px;
    padding-bottom: 70px;
    color: #000;
    font-weight: 300
}

.ResourceContactAugmentation .MainContent p {
    font-weight: 500;
    font-weight: 100;
    font-size: 17px;
    color: #000
}

.ResourceContactAugmentation a {
    padding: 11px 31px;
    background-color: #0EA2BD;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    display: inherit
}

.FAQsectiomCinntra .faq-list {
    padding: 0 100px
}

.FAQsectiomCinntra .faq-list ul {
    padding: 0;
    list-style: none
}

.FAQsectiomCinntra .faq-list li+li {
    margin-top: 15px
}

.FAQsectiomCinntra .faq-list li {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    list-style: none
}

.FAQsectiomCinntra .faq-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 30px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    color: #000
}

.FAQsectiomCinntra .faq-list .icon-help {
    font-size: 24px;
    position: absolute;
    right: 0;
    left: 20px;
    color: #e82c88
}

.FAQsectiomCinntra .faq-list .icon-show,
.FAQsectiomCinntra .faq-list .icon-close {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0
}

.FAQsectiomCinntra .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 16px;
    color: #000
}

.FAQsectiomCinntra h6 {
    font-size: 20px
}

.FAQsectiomCinntra h6 {
    font-size: 27px;
    padding-bottom: 40px;
    font-weight: 700;
    color: #000
}

.FAQsectiomCinntra .faq-list .icon-show {
    display: none
}

.FAQsectiomCinntra .faq-list a.collapsed {
    color: #36348d;
    transition: 0.3s
}

.FAQsectiomCinntra .faq-list a.collapsed:hover {
    color: #e82c88
}

.FAQsectiomCinntra .faq-list a.collapsed .icon-show {
    display: inline-block
}

.FAQsectiomCinntra .faq-list a.collapsed .icon-close {
    display: none
}

@media (max-width:1200px) {
    .FAQsectiomCinntra .faq-list {
        padding: 0
    }
}

.about-section2 h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: "Poppins", sans-serif;
    color: #000
}

.about-section2 .about-section2-content h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    text-align: left !important;
    padding: 15px 0;
    color: #000
}

.about-section2 .about-section2-content p {
    color: #000;
    font-size: 17px;
    font-weight: 300
}

section#about-section2 {
    padding-top: 0
}

.about-section2-content {
    margin-top: 50px
}

.about-counter3 .about-counter-title h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    font-family: poppins;
    text-align: center
}

.about-counter3 .counter-box {
    display: block;
    padding: 40px 20px 37px;
    text-align: center
}

.about-counter3 .counter {
    font-size: 80px;
    line-height: 70px;
    letter-spacing: -3px;
    font-weight: 800;
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
    font-family: 'poppins';
    color: #000
}

.about-counter3 .counter-box span.counter-plus {
    font-size: 86px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #000
}

.about-counter3 .counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #1A1F24;
    font-size: 18px;
    font-weight: 500
}

section.about-section5 {
    background-color: #202020
}

section.about-section5 .about-section-content5 a {
    width: 36px;
    height: 36px;
    display: flex;
    padding: 10px;
    background: #007FBC;
    text-align: center;
    border-radius: 4px
}

section.about-section5 .about-section-content5 i {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: 100;
    line-height: .8
}

section.about-section5 {
    background-color: #202020
}

section.about-section5 .about-section-img5 img {
    width: 100%;
    border-radius: 5px
}

section.about-section5 .about-section-content5 h3 {
    font-size: 24px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: left !important;
    margin-top: 150px;
    font-weight: 100;
    line-height: 1.8;
    font-weight: 700
}

section.about-section5 .about-section-content5 p {
    font-size: 25px;
    color: #fafafa;
    font-weight: 700;
    margin-top: 30px
}

section.about-section6 h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #000;
    font-family: 'Poppins', sans-serif
}

section.about-section6 .about-content7 {
    margin-top: 50px
}

section.about-section6 .about-content7 p {
    font-size: 16px;
    line-height: 26px;
    color: #252B33;
    font-family: 'Poppins', sans-serif
}

section.about-section6 .about-content7 h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 800;
    text-align: left !important;
    font-family: 'poppins';
    padding-bottom: 15px;
    color: #000
}

@media (max-width:768px) {
    .about-section2 .about-section2-content h3 {
        font-size: 18px
    }

    .about-counter3 .counter {
        font-size: 60px
    }

    .about-counter3 .counter-box span.counter-plus {
        font-size: 60px
    }

    section#about-counter3 {
        padding: 0
    }

    .about-section2 h2 {
        font-size: 30px
    }

    section.about-section5 .about-section-content5 h3 {
        margin-top: 0 !important
    }

    section.about-section6 h2 {
        font-size: 30px !important
    }
}

section#about_we_are .about_we_content p {
    color: #000;
    font-size: 17px;
    font-weight: 400
}

.NetSuiteSupportInner {
    background-color: #425F90;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
    margin-top: 110px
}

.MainNetsuitesliderContent h1 {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 45px;
    margin-top: 50px
}

.MainNetsuitesliderContent p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 300
}

.NetsuiteUpdateImg img {
    width: 95%
}

a.NetSuiteAllInnerCTA:hover i {
    margin-left: 10px;
    width: 20px
}

a.NetSuiteAllInnerCTA i {
    transition: .5s;
    font-size: 12px;
    width: 30px
}

a.NetSuiteAllInnerCTA {
    padding: 20px 18px;
    color: #fafafa;
    border-radius: 19px;
    font-size: 18px;
    border: 2px solid #fffcfc;
    font-weight: 500;
    display: inline-block;
    border-radius: 46px;
    margin-top: 25px
}

.AboutUpdateNetSuiteSection .AboutHeading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 43px;
    color: #000;
    font-weight: 600;
    width: 90%;
    margin-top: 40px;
    line-height: 1.3
}

.AboutUpdateNetSuiteSection .AboutHeading span {
    font-family: "Poppins", sans-serif
}

.AboutUpdateNetSuiteSection .AboutDiscripstion p {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 1.9;
    color: #262626
}

.NetSuiteSupportRequirements .NetsuiteBox li {
    font-family: "Poppins", sans-serif;
    list-style-type: none;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 15px
}

.NetSuiteSupportRequirements .NetsuiteBox img {
    width: 70px;
    padding-bottom: 18px
}

.NetSuiteSupportRequirements .NetsuiteBox p {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    color: #000;
    font-weight: 300;
    line-height: 1.9
}

.CounterNetSuiteTechnical {
    background-image: url(../image/netsuite-images/counter-bg.jpg);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.CounterNetSuiteTechnical .counter-box {
    display: block;
    padding: 25px 20px 28px;
    text-align: center;
    border-radius: 10px
}

.CounterNetSuiteTechnical li.CounterImage {
    list-style-type: none;
    width: 55px;
    height: 55px;
    background-color: orange;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    transform: translate(119px, -30px);
    text-align: center
}

.CounterNetSuiteTechnical li.CounterImage img {
    width: 70%;
    margin-top: 9px
}

.CounterNetSuiteTechnical .counter-box p {
    margin: 15px 0 0;
    padding: 0;
    color: #fff !important;
    font-size: 20px;
    font-weight: 400;
    font-family: "Poppins", sans-serif
}

.CounterNetSuiteTechnical .counter-box span.counter-plus {
    font-size: 55px;
    font-family: 'Poppins';
    font-weight: 700;
    color: #fff;
    font-family: "Poppins", sans-serif
}

.CounterNetSuiteTechnical .counter {
    font-size: 67px;
    line-height: 70px;
    letter-spacing: -3px;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: 'poppins'
}

.CounterNetSuiteTechnical span {
    font-family: "Poppins", sans-serif;
    color: #ffd200
}

.CounterNetSuiteTechnical .about-counter-title h6 {
    font-size: 40px;
    color: #fff !important;
    font-weight: 700;
    word-spacing: -1px;
    padding-bottom: 20px;
    font-family: "Poppins", sans-serif
}

.CounterNetSuiteTechnical .about-counter-title p {
    font-size: 22px;
    color: #cdcdcd !important;
    line-height: 1.7;
    font-weight: 300;
    padding-bottom: 10px;
    padding-bottom: 40px;
    font-family: "Poppins", sans-serif
}

.UpdateNetSuiteModules .TitleMain h4 {
    font-family: "Poppins", sans-serif;
    font-size: 45px;
    color: #000;
    text-align: center;
    padding-bottom: 62px
}

.UpdateNetSuiteModules .TitleMain span {
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.UpdateNetSuiteModules .MainModulesBox {
    transform: skew(0deg, 5deg);
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 4%) 0 6px 20px 4px;
    border-radius: 15px;
    margin: 15px 0;
    height: calc(100% - 30px);
    cursor: pointer
}

.UpdateNetSuiteModules .MainModulesBox li {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 30px;
    text-align: left;
    color: #04041f;
    margin-top: 10px;
    list-style-type: none;
    font-family: "Poppins", sans-serif
}

.UpdateNetSuiteModules .MainModulesBox img {
    padding-bottom: 20px;
    width: 60px
}

.UpdateNetSuiteModules .AllContentHere {
    transform: skew(0deg, -5deg);
    padding: 30px 30px 10px 30px
}

.UpdateNetSuiteModules .MainModulesBox p {
    font-weight: 300;
    margin-top: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    padding-bottom: 40px;
    padding-top: 10px;
    color: #000
}

.CurrentERPSystem .row.CurrentERPSystem {
    background-image: url(../image/netsuite-images/bg-cta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 20px
}

.CurrentERPSystem .row.CurrentERPSystem h5 {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 40px
}

.CurrentERPSystem .row.CurrentERPSystem p {
    font-family: "Poppins", sans-serif;
    color: #e0e0e0;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.7
}

.ERPSystemContent {
    margin-top: 80px;
    margin-left: 50px
}

.CurrentERPSystem .row.CurrentERPSystem .MainImg img {
    width: 100%;
    margin-top: 20px
}

.TrustedNetSuiteSupport .TrustedNetSuiteContent h5 {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 20px
}

.TrustedNetSuiteSupport .TrustedNetSuiteContent p {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.7
}

.TrustedNetSuiteSupport .TrustedNetSuiteImg img {
    width: 100%
}

.NetSuiteProfessionalsMight {
    font-family: "Poppins", sans-serif;
    background-color: blanchedalmond
}

.NetSuiteProfessionalsMight .MainTitleHere span {
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #D01717
}

.NetSuiteProfessionalsMight .MainTitleHere h6 {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    color: #000
}

.NetSuiteProfessionalsMight .MainContentHere li {
    font-size: 19px;
    color: #000;
    list-style-type: none;
    margin-top: 20px
}

.ProfessionalNetSuiteSupport .faq-list {
    padding: 0 100px
}

.ProfessionalNetSuiteSupport .faq-list ul {
    padding: 0;
    list-style: none
}

.ProfessionalNetSuiteSupport .faq-list li+li {
    margin-top: 15px
}

.ProfessionalNetSuiteSupport .faq-list li {
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    list-style: none
}

.ProfessionalNetSuiteSupport .faq-list a {
    display: block;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding: 0 30px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    color: #000
}

.ProfessionalNetSuiteSupport .faq-list .icon-help {
    font-size: 24px;
    position: absolute;
    right: 0;
    left: 20px;
    color: #e82c88
}

.ProfessionalNetSuiteSupport .faq-list .icon-show,
.ProfessionalNetSuiteSupport .faq-list .icon-close {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0
}

.ProfessionalNetSuiteSupport .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    color: #000;
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.ProfessionalNetSuiteSupport h6 {
    font-size: 28px;
    padding-bottom: 40px;
    font-family: "Poppins", sans-serif;
    color: #000;
    font-weight: 500
}

.ProfessionalNetSuiteSupport .faq-list .icon-show {
    display: none
}

.ProfessionalNetSuiteSupport .faq-list a.collapsed {
    color: #36348d;
    transition: 0.3s
}

.ProfessionalNetSuiteSupport .faq-list a.collapsed:hover {
    color: #e82c88
}

.ProfessionalNetSuiteSupport .faq-list a.collapsed .icon-show {
    display: inline-block
}

.ProfessionalNetSuiteSupport .faq-list a.collapsed .icon-close {
    display: none
}

section#industries-services {
    padding: 60px 0
}

.industries-services-title {
    padding: 0 0 50px 0
}

.industries-services-title h4 {
    font-size: 40px;
    color: #252b33;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 50px
}

section#industries-services .item .industries_box img {
    width: 16%;
    margin: auto;
    padding-bottom: 15px
}

section#industries-services .item li {
    font-size: 16px;
    text-align: center;
    color: #1A1A1A;
    font-weight: 600;
    list-style: none;
    font-family: "Poppins", sans-serif
}

@media (max-width:1200px) {
    .ProfessionalNetSuiteSupport .faq-list {
        padding: 0
    }
}

@media (max-width:768px) {
    section#CounterNetSuiteTechnical {
        padding: 60px 0
    }

    .CounterNetSuiteTechnical .counter {
        font-size: 60px
    }

    .CounterNetSuiteTechnical .counter-box span.counter-plus {
        font-size: 60px
    }

    .NetSuiteSupportInner {
        margin-top: 11px
    }

    .MainNetsuitesliderContent h1 {
        font-size: 30px !important
    }

    .MainNetsuitesliderContent p {
        font-size: 16px
    }

    a.NetSuiteAllInnerCTA {
        padding: 13px 8px;
        font-size: 14px
    }

    .AboutUpdateNetSuiteSection .AboutHeading h2 {
        font-size: 30px !important
    }

    .AboutUpdateNetSuiteSection .AboutDiscripstion p {
        font-size: 17px
    }

    section.AboutUpdateNetSuiteSection {
        padding: 0 0 10px
    }

    .CounterNetSuiteTechnical .about-counter-title h6 {
        font-size: 30px
    }

    .CounterNetSuiteTechnical .about-counter-title p {
        font-size: 17px
    }

    .UpdateNetSuiteModules .TitleMain h4 {
        font-size: 30px;
        padding-bottom: 0
    }

    section#CurrentERPSystem {
        padding: 10px 0 60px
    }

    .ERPSystemContent {
        margin-top: 38px;
        margin-left: 17px
    }

    .NetSuiteProfessionalsMight .MainTitleHere h6 {
        font-size: 30px
    }

    .NetSuiteProfessionalsMight .MainContentHere li {
        font-size: 17px
    }

    .TrustedNetSuiteSupport .TrustedNetSuiteContent h5 {
        font-size: 30px !important;
        padding-bottom: 13px;
        margin-top: 20px;
        line-height: normal !important
    }

    .TrustedNetSuiteSupport .TrustedNetSuiteContent p {
        font-size: 17px;
        line-height: 1.5
    }

    .ProfessionalNetSuiteSupport .faq-list a {
        font-size: 15px
    }

    section#NetSuiteIndustriesServices {
        display: none
    }
}

@media only screen and (max-width:1280px) {
    .AboutUpdateNetSuiteSection .AboutHeading h2 {
        font-size: 40px;
        width: 100%
    }

    .AboutUpdateNetSuiteSection .AboutDiscripstion p {
        font-size: 18px
    }

    .CurrentERPSystem .row.CurrentERPSystem h5 {
        font-size: 34px
    }

    .CurrentERPSystem .row.CurrentERPSystem p {
        font-size: 20px
    }

    .CurrentERPSystem .row.CurrentERPSystem .MainImg img {
        margin-top: 20px
    }

    .CounterNetSuiteTechnical .about-counter-title p {
        font-size: 20px
    }

    .NetSuiteSupportRequirements .NetsuiteBox p {
        font-size: 17px
    }

    .NetSuiteSupportRequirements .NetsuiteBox li {
        font-size: 20px
    }

    .TrustedNetSuiteSupport .TrustedNetSuiteContent p {
        font-size: 17px
    }

    .MainNetsuitesliderContent p {
        font-size: 18px
    }

    a.NetSuiteAllInnerCTA {
        padding: 16px 13px;
        font-size: 16px
    }

    .TrustedNetSuiteSupport .TrustedNetSuiteContent h5 {
        font-size: 37px;
        line-height: 1.5
    }

    .MainNetsuitesliderContent h1 {
        font-size: 42px
    }
}

.NetSuiteIndustriesServices .industries-services-title h4 {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 50px
}

.NetSuiteIndustriesServices .IconBox {
    text-align: center
}

.NetSuiteIndustriesServices .IconBox li {
    font-size: 18px;
    margin-top: 15px;
    color: #000;
    font-family: "Poppins", sans-serif
}

.NetSuiteProfessionalsMight .MainContentHere.Width li {
    font-size: 19px;
    color: #000;
    list-style-type: none;
    border: 1px solid #464646;
    padding: 20px;
    height: 140px;
    margin-top: 25px;
    border-radius: 5px
}

.SAPBusinessOneSupport {
    background-color: #000;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0;
    margin-top: 30px
}

.SAPB1SupportContent h1 {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 36px;
    text-shadow: -1px -1px 3px #6b6b6b;
    margin-top: 19px
}

.SAPB1SupportContent p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 300;
    padding: 13px 0
}

.SAPB1SupportContent a.SupportContactCTA:hover i {
    margin-left: 10px;
    width: 20px
}

.SAPB1SupportContent a.SupportContactCTA i {
    transition: .5s;
    font-size: 12px;
    width: 30px
}

.SAPB1SupportContent a.SupportContactCTA {
    padding: 16px 18px;
    color: #fff;
    border-radius: 19px;
    font-size: 18px;
    border: 2px solid #fff;
    font-weight: 500;
    display: inline-block;
    border-radius: 46px
}

.BusinessOneSupportFeatures {
    background-color: #F3F1FF
}

.BusinessOneSupportFeatures button.accordion-button {
    padding: 20px;
    font-size: 24px;
    background-color: #fff9f9
}

.BusinessOneSupportFeatures .accordion-body p {
    font-size: 18px;
    color: #000;
    line-height: 1.8;
    font-weight: 300
}

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

.BusinessOneSupportFeatures button.accordion-button {
    background-color: none
}

.BusinessOneSupportFeatures .MainHed h4 {
    text-align: center;
    font-size: 38px;
    color: #000
}

.BusinessOneSupportFeatures .MainHed p {
    text-align: center;
    color: #000;
    font-size: 20px;
    padding-bottom: 30px
}

.SupportPartnerSB1 {
    background-image: url(../image/sap-support/support-bg.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-attachment: fixed
}

.SupportPartnerSB1 .title h5 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.SupportPartnerSB1 .all_li li {
    list-style-type: square;
    font-size: 18px;
    color: #f5f5f5;
    font-weight: 100;
    margin-top: 20px
}

.SupportPartnerSB1 .all_li li i {
    width: 55px
}

.col-lg-6.main-rpa {
    background: #08324A
}

.SupportPartnerSB1 .s4-hana .title {
    color: #fff;
    font-weight: 300
}

.SupportPartnerSB1 .s4-hana {
    width: 86%;
    margin-left: 59px;
    padding: 60px 0
}

.SupportPartnerSB1 .title h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 55px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -.5px;
    padding-bottom: 20px
}

.testimonials {
    padding: 80px 0;
    position: relative
}

.testimonials::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff
}

.testimonials .section-header {
    margin-bottom: 40px
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden
}

.testimonials .testimonial-item {
    text-align: center;
    color: #000
}

.testimonials .testimonial-item .testimonial-img {
    width: 100%;
    border: 6px solid rgba(var(--color-white-rgb), .15);
    margin: 0 auto;
    border-radius: 30px
}

.testimonials .testimonial-item h3 {
    font-size: 16px;
    margin: 10px 0 5px 0;
    color: #000
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: rgba(var(--color-white-rgb), .6);
    margin: 0 0 15px 0
}

.testimonials .testimonial-item a.case-studies-btn {
    padding: 8px 16px;
    font-size: 15px;
    color: orange;
    background: #0EA2BD;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    margin-left: 20px
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: gray;
    opacity: .5
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000;
    opacity: 1
}

@media (min-width:992px) {
    .testimonials .testimonial-item p {
        width: 80%
    }
}

@media (max-width:767.99px) {
    .tab_lists {
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (min-width:1280px) {
    h1.who_title {
        font-size: 43px !important
    }

    section.about-section5 .about-section-content5 h3 {
        font-size: 18px !important;
        margin-top: 123px !important;
        font-weight: 500 !important
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 15px
    }

    nav .integration-div li.integrations-li a {
        color: #000;
        font-size: 15px
    }

    nav ul.dropdown-menu.last.show .bridge-last-menu li a {
        font-size: 15px;
        color: #000
    }
}

@media (max-width:1179px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px
    }

    .hero-banner-slides-wrapper p.NetsuiteLengthDescription {
        width: 50%
    }

    .span7.hero-slider-title {
        margin-top: 100px
    }

    .span7.hero-slider-title {
        margin-top: 100px
    }

    .span6.hero-slider-title {
        margin-top: 100px
    }

    .hero-banner-slides-wrapper a.SliderBtn {
        margin-top: 0
    }

    .CounterSectionHere li.CounterImage {
        transform: translate(80px, -30px)
    }

    .CounterSectionHere .counter-box span.counter-plus {
        font-size: 40px
    }

    .CounterSectionHere .counter {
        font-size: 34px
    }

    .About-Footer-Li-down {
        padding: 0
    }

    .IndustriesFooterLI li {
        font-size: 14px;
        margin-top: 10px
    }

    .About-Footer-Li-down li.MainLi {
        font-size: 16px;
        margin-top: 10px
    }

    .IndustriesFooterLI li.MainLi {
        font-size: 16px !important;
        margin-top: 20px !important;
        padding-bottom: 8px
    }

    .MainLocationMentionFooter li.MainLi {
        font-size: 16px !important;
        padding-bottom: 22px
    }

    .MainLocationMentionFooter p {
        font-size: 14px;
        font-weight: 100
    }

    .MainLocationMentionFooter li {
        font-size: 16px
    }

    .CopyRightsUpdate.text-center p {
        font-size: 14px
    }

    .UpdateFooterSection .Contact-List-Footer li a {
        font-size: 14px
    }

    .recent-blog-posts .post-box p {
        padding: 9px 10px 6px;
        font-size: 14px
    }

    .recent-blog-posts .post-box .post-title-n {
        font-size: 14px;
        padding: 26px 13px 0
    }

    section#OurClientsSectionHome {
        height: auto
    }

    .NetSuiteGrowSection .MainTitleHere h3 {
        font-size: 30px
    }

    .WhoWeAreSection .WhoBox h3 {
        font-size: 30px
    }

    .CounterSectionHere .about-counter-title h6 {
        font-size: 30px
    }

    .UpdateHomePageClients .MainTitle h5 {
        font-size: 30px
    }

    .UpdateHomePageClients .MainTitle h5 {
        font-size: 30px
    }

    .CintraTechnologiesTabs li.MainBTN button {
        width: 137px
    }

    .recent-blog-posts .section-header h5 {
        font-size: 30px
    }

    .About-Footer-Li-down li {
        font-size: 14px
    }

    .S4HANAOfferingsSection .AllContent p {
        font-size: 15px;
        width: 90%
    }

    .S4HANAOfferingsSection .AllContent {
        padding: 25px 23px
    }

    .SupportPartnerSB1 .title h5 {
        font-size: 34px;
        line-height: 44px
    }
}

.LeaderShipSection .MainBoxLeaderImg .Content li {
    list-style-type: none;
    color: #000;
    margin-top: 15px;
    font-size: 17px
}

.LeaderShipSection .MainBoxLeaderImg .Content {
    display: flex;
    justify-content: space-between
}

.LeaderShipSection .MainBoxLeaderImg .Content li.IconsBG i {
    color: #0077B5;
    font-size: 25px;
    margin-top: 5px
}

.LeaderShipContentHere h5 {
    color: #000;
    line-height: 1.6;
    font-size: 20px;
    font-weight: 300
}

.LeaderShipSection .Title h6 {
    text-align: center;
    font-size: 25px;
    color: #000
}

section.LeaderShipContentHere {
    padding: 50px 0 10px
}

section.LeaderShipContentHere {
    background: linear-gradient(90deg, rgb(241 240 255 / .7036939775910365) 0%, rgb(230 251 255 / .647671568627451) 100%)
}

.LeaderShipSection {
    background: linear-gradient(90deg, rgb(241 240 255 / .7036939775910365) 0%, rgb(230 251 255 / .647671568627451) 100%)
}

section#LeaderShipSection {
    padding: 40px 0
}

.MainBoxLeaderImg {
    margin-top: 50px
}

.S4HANAServices {
    background-image: url(../image/s4hana/s4hana.webp);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
    margin-top: 110px
}

.Mains4hanasliderContent h1 {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 45px;
    margin-top: 50px
}

.Mains4hanasliderContent p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 300
}

.Mains4hanasliderContent a.S4HANAContactCTA:hover i {
    margin-left: 10px;
    width: 20px
}

.Mains4hanasliderContent a.S4HANAContactCTA i {
    transition: .5s;
    font-size: 12px;
    width: 30px
}

.Mains4hanasliderContent a.S4HANAContactCTA {
    padding: 20px 18px;
    color: #fafafa;
    border-radius: 19px;
    font-size: 18px;
    border: 2px solid #fffcfc;
    font-weight: 500;
    display: inline-block;
    border-radius: 46px
}

.S4HanaCloudERPSolution .AboutHeading {
    position: sticky;
    top: 50%
}

.S4HanaCloudERPSolution .AboutHeading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 38px;
    color: #000;
    font-weight: 600;
    width: 90%;
    margin-top: 40px;
    line-height: 1.3
}

.S4HanaCloudERPSolution .AboutHeading span {
    font-family: "Poppins", sans-serif
}

.S4HanaCloudERPSolution .AboutDiscripstion ul li {
    font-size: 20px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    margin-top: 15px
}

.S4HanaCloudERPSolution .AboutDiscripstion p {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 1.9;
    font-weight: 300;
    color: #262626
}

.S4HANAOfferingsSection.swiper {
    width: 100%;
    height: 100%
}

.S4HANAOfferingsSection .swiper-slide {
    background-position: center;
    background-size: cover
}

.S4HANAOfferingsSection .swiper-slide img {
    display: block;
    width: 100%;
    position: relative;
    height: auto
}

.S4HANAOfferingsSection .AllContent {
    position: absolute;
    width: 80%;
    z-index: 2;
    padding: 70px 44px
}

.S4HANAOfferingsSection .AllContent h3 {
    font-size: 38px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.S4HANAOfferingsSection .AllContent p {
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    font-family: "Poppins", sans-serif
}

section.S4HANAOfferingsSection {
    padding: 3px 0 50px
}

.S4HANAOfferingsSection .AllContent a.BTNContact:hover i {
    margin-left: 10px;
    width: 20px
}

.S4HANAOfferingsSection .AllContent a.BTNContact i {
    transition: .5s;
    font-size: 12px;
    width: 30px
}

.S4HANAOfferingsSection .AllContent a.BTNContact {
    padding: 11px 25px;
    color: #fafafa;
    border-radius: 19px;
    font-size: 18px;
    border: 2px solid #fffcfc;
    font-weight: 500;
    display: inline-block;
    border-radius: 46px
}

.S4HANAOfferingsSection .swiper-button-next {
    color: aliceblue
}

.S4HANAOfferingsSection .swiper-button-prev {
    color: aliceblue
}

.S4HANAOfferingsSection h4 {
    font-size: 38px;
    color: #000;
    font-family: "Poppins", sans-serif;
    padding: 50px 0
}

.SAPs4HanaChoose .MainTitleHere {
    top: 50%;
    position: sticky
}

.SAPs4HanaChoose .MainTitleHere h5 {
    font-size: 38px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.SAPs4HanaChoose .MainTitleHere p {
    font-weight: 400;
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    color: #000;
    line-height: 1.7
}

.SAPs4HanaChoose .MainContentBox .AgileBox li {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    list-style-type: none;
    padding-bottom: 10px
}

.SAPs4HanaChoose .MainContentBox .AgileBox p {
    font-size: 17px;
    color: #000;
    line-height: 1.7;
    font-weight: 300;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 20px
}

.S4HanaCloudAboutSAP .S4HanaCloudAboutSAPBox li {
    list-style-type: none;
    color: #000;
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: 500
}

.S4HanaCloudAboutSAP .S4HanaCloudAboutSAPBox p {
    color: #000;
    font-size: 17px;
    font-weight: 300
}

@media (max-width:767.99px) {
    .Mains4hanasliderContent h1 {
        font-size: 30px;
        margin-top: 0
    }

    .Mains4hanasliderContent p {
        font-size: 16px
    }

    .Mains4hanasliderContent a.S4HANAContactCTA {
        padding: 11px 13px;
        font-size: 16px
    }

    .S4HanaCloudERPSolution .AboutHeading h2 {
        font-size: 27px;
        width: 100%;
        padding-bottom: 20px
    }

    section.S4HanaCloudERPSolution {
        padding: 20px 0 40px
    }

    .S4HANAOfferingsSection h4 {
        font-size: 28px;
        padding: 24px 0
    }

    .S4HANAOfferingsSection .swiper-slide img {
        width: auto
    }

    .S4HANAOfferingsSection .AllContent {
        width: 100%;
        padding: 25px 30px
    }

    .S4HANAOfferingsSection .AllContent h3 {
        font-size: 28px
    }

    .S4HANAOfferingsSection .AllContent p {
        font-size: 16px
    }

    section#SAPs4HanaChoose {
        padding: 0
    }

    .SAPs4HanaChoose .MainTitleHere h5 {
        font-size: 28px
    }

    .SAPB1SupportContent h1 {
        font-size: 30px;
        margin-top: 0
    }

    .SAPB1SupportContent p {
        font-size: 16px
    }

    .SAPB1SupportContent a.S4HANAContactCTA {
        padding: 11px 13px;
        font-size: 16px
    }

    .SAPB1SupportContent h1 {
        font-size: 30px
    }

    .SAPBusinessOneSupport {
        padding: 44px 0;
        margin-top: 100px
    }

    .SAPB1SupportContent a.SupportContactCTA {
        padding: 11px 11px;
        font-size: 16px
    }

    .BusinessOneSupportFeatures .MainHed h4 {
        text-align: left;
        font-size: 28px
    }

    .BusinessOneSupportFeatures .MainHed p {
        text-align: left
    }

    .BusinessOneSupportFeatures button.accordion-button {
        font-size: 20px
    }

    .BusinessOneSupportFeatures .accordion-body p {
        font-size: 16px
    }

    .SupportPartnerSB1 .title h5 {
        font-size: 28px;
        line-height: 46px
    }

    .SupportPartnerSB1 .s4-hana {
        width: 100%;
        margin-left: 0;
        padding: 30px
    }
}

@media only screen and (max-width:1280px) {
    .hero-banner-slides-wrapper p.NetsuiteLengthDescription {
        width: 55%
    }

    .S4HanaCloudERPSolution .AboutDiscripstion p {
        line-height: 1.7;
        font-weight: 100;
        font-size: 17px;
        font-weight: 300
    }

    .S4HanaCloudERPSolution .AboutDiscripstion ul li {
        font-size: 17px
    }

    .S4HANAOfferingsSection .TrustedNetSuiteContent p {
        font-size: 17px;
        line-height: 1.7
    }

    .S4HANAOfferingsSection .TrustedNetSuiteContent h5 {
        font-size: 38px
    }
}

.NetSuiteDeliversSection {
    position: relative;
    background: #ebf0ff;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

.NetSuiteDeliversSection .NetSuiteDeliver {
    height: 380px
}

.NetSuiteDeliversSection .mainBox {
    height: calc(100% - 0px);
    background: #fff;
    padding: 30px;
    box-shadow: 0 3px 46px rgb(0 0 0 / .04);
    border-radius: 5px
}

.NetSuiteDeliversSection .mainBox .Content {
    padding: 25px 20px
}

.NetSuiteDeliversSection .mainBox .Content p {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #000
}

.NetSuiteDeliversSection .mainBox h5 {
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    color: #000
}

.NetSuiteDeliversSection .mainBox .MainImg img {
    width: 17%
}

div#DOwnPagination {
    margin-top: 20px !important;
    transform: translate(0, 30px);
    padding-bottom: 18px
}

section.NetSuiteDeliversSection {
    padding: 50px 0
}

.swiper.CinntraServices {
    height: 438px
}

.NetSuiteDeliversSection .MainTItle span {
    color: #0176BC;
    font-weight: 800;
    font-family: "Poppins", sans-serif
}

.NetSuiteDeliversSection .MainTItle h4 {
    font-weight: 600;
    font-size: 36px;
    padding-bottom: 10px;
    font-family: "Poppins", sans-serif;
    color: #000;
    padding-bottom: 45px
}

.NetSuiteDeliversSection .MainTItle p {
    font-size: 27px;
    padding-bottom: 35px;
    font-family: "Poppins", sans-serif;
    color: #000
}

.NetSuiteServices {
    position: relative
}

.MainService-img img {
    width: 100%
}

.NetSuiteDeliversSection .swiper-container {
    overflow: inherit
}

.NetSuiteDeliversSection .swiper-button-prev {
    margin-left: -8px
}

.NetSuiteDeliversSection .swiper-button-next,
.NetSuiteDeliversSection .swiper-button-prev {
    background: #fff;
    margin-top: -50px;
    padding: 22px;
    border-radius: 100%;
    filter: drop-shadow(0 3px 6px rgb(0 0 0 / .08))
}

.NetSuiteDeliversSection .swiper-container {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    list-style: none !important;
    padding: 0;
    z-index: 1
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
    color: #000
}

.ReliableCustomApplication .MainContentHere h2 {
    font-size: 36px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #000
}

.ReliableCustomApplication .MainContentHere p {
    color: #000;
    font-family: "Poppins", sans-serif
}

.ReliableCustomApplication .MainContentHere {
    position: sticky;
    top: 23%
}

.ReliableBOx .liIcon li {
    list-style: none;
    margin-top: 17px;
    color: #000;
    margin-left: 20px;
    font-weight: 600;
    font-size: 17px;
    font-family: "Poppins", sans-serif
}

.ReliableBOx .liIcon {
    display: flex
}

.ReliableBOx .liIcon img {
    width: 60px
}

.ReliableBOx {
    margin-top: 40px;
    border-bottom: 1px solid #ededed
}

.ReliableBOx p {
    font-size: 14px;
    line-height: 1.7;
    font-family: "Poppins", sans-serif;
    color: #000
}

section.Bridge.BridgeSmallBusiness {
    margin-top: 50px
}

section.Bridge.BridgeSmallBusiness h1 {
    color: #032D60;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 20px;
    font-family: "Poppins", sans-serif
}

section.Bridge.BridgeSmallBusiness .MainContent {
    width: 80%;
    margin-top: 70px
}

section.Bridge.BridgeSmallBusiness .MainContent a.SmallBusinessBtn {
    background: linear-gradient(277.41deg, #3B82F6 -1.75%, #24AA4A 98.72%);
    padding: 12px 45px;
    border-radius: 50px;
    margin-top: 12px;
    z-index: 999;
    display: inline-block;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    color: #fff
}

section.Bridge.BridgeSmallBusiness p {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #000;
    line-height: 28px;
    font-size: 1rem
}

.BridgeSmallBusiness__asset {
    display: flex;
    align-items: center
}

.BridgeSmallBusiness__image {
    object-fit: contain;
    width: 90%;
    height: 100%
}

.bg-fucsia-700 {
    background-color: #655DAC
}

.BridgeSmallBusiness__backdrop {
    position: absolute;
    top: 0;
    left: 80px;
    width: 900px;
    height: 100%
}

.BridgeSmallBusiness__ppc {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 715px
}

@media (min-width:768px) {
    .BridgeSmallBusiness__asset picture {
        transform: scaleY(0);
        transform-origin: 0 100%;
        animation: BridgeSmallBusiness__asset--scale-animation 0.8s ease-in-out forwards;
        animation-delay: 0.6s
    }

    .BridgeSmallBusiness__asset picture:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #489AE0;
        transform: scaleY(1) translateZ(0);
        transform-origin: 0 0;
        animation: BridgeSmallBusiness__mask--scale-animation 0.8s ease-in-out forwards;
        animation-delay: 1.4s
    }
}

@keyframes BridgeSmallBusiness__image--scale-animation {
    0% {
        transform: scale(1) translateZ(0) rotate(0.02deg)
    }

    100% {
        transform: scale(1.1) translateZ(0) rotate(0.02deg)
    }
}

@keyframes BridgeSmallBusiness__mask--scale-animation {
    0% {
        transform: scaleY(1) translateZ(0)
    }

    100% {
        transform: scaleY(0) translateZ(0)
    }
}

@keyframes BridgeSmallBusiness__asset--scale-animation {
    0% {
        transform: scaleY(0)
    }

    100% {
        transform: scaleY(1)
    }
}

@keyframes BridgeSmallBusiness__backdrop--scale-animation {
    0% {
        transform: scaleX(0)
    }

    100% {
        transform: scaleX(900)
    }
}

.BridgeSmallBusiness__backdrop {
    left: 138%;
    width: 1px;
    animation: BridgeSmallBusiness__backdrop--scale-animation 0.8s ease-in-out forwards;
    transform: scaleX(0);
    transform-origin: right
}

.BridgeSmallBusiness__asset picture {
    position: relative;
    display: block;
    z-index: 2;
    line-height: 0;
    overflow: hidden
}

.About__ApplicationDevelopment .Main__Img img {
    width: 100%
}

.About__ApplicationDevelopment .Main__Content h2 {
    font-size: 36px;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    color: #000
}

.About__ApplicationDevelopment .Main__Content p {
    font-size: 16px;
    color: #000;
    font-family: "Poppins", sans-serif
}

.CollaborationApproach {
    background-color: #000
}

.CollaborationApproach .Main_Title {
    width: 75%
}

.CollaborationApproach .Main_Title h3 {
    font-size: 34px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600
}

.CollaborationApproach .Main_Title p {
    font-size: 15px;
    color: #fff;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 20px;
    padding-bottom: 30px;
    font-family: "Poppins", sans-serif
}

.CollaborationApproach .ApproachBox p {
    color: #fff;
    opacity: .7;
    font-weight: 300;
    font-size: 12px;
    margin-top: 20px;
    line-height: 1.7;
    font-family: "Poppins", sans-serif
}

.CollaborationApproach .Li__Icon li {
    list-style: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    width: 60%
}

.CollaborationApproach .Li__Icon {
    display: flex;
    border-bottom: 1px solid #a1a1a1;
    padding: 10px 0;
    justify-content: space-between
}

.CinntraNetSuiteCovers .MainContent {
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.CinntraNetSuiteCovers .MainContent h3 {
    font-weight: 600;
    font-size: 36px;
    color: #000;
    line-height: 1.6;
    font-family: "Poppins", sans-serif
}

.CinntraNetSuiteCovers .MainContent span {
    color: #01243C;
    font-weight: 800
}

.CinntraNetSuiteCovers .MainContent p {
    font-size: 16px;
    margin-top: 10px;
    color: #000;
    font-family: "Poppins", sans-serif
}

.NesuiteCinntra__Services {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 10px;
    margin-top: 30px;
    justify-items: center
}

.NesuiteCinntra__Services img {
    width: 100%;
    height: 4.6vw;
    object-fit: contain
}

.NesuiteCinntra__Services p {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    text-align: center;
    margin-top: 10px
}

@media (max-width:500px) {
    .NesuiteCinntra__Services {
        grid-template-columns: repeat(2, 1fr)
    }
}

.ProfessionalNetSuiteSupport .faq-list li::before {
    content: "";
    background-image: url(https://www.cinntra.com/add/netsuite/netsuite-img/icon.svg);
    position: absolute;
    left: 0;
    left: 14px;
    top: 18px;
    background-size: 24px;
    height: 24px;
    width: 24px
}

.System-Oriented-Development {
    z-index: 1;
    padding: 25px 0 0;
    position: relative
}

.System-Oriented-Development .section-title h2 {
    text-align: center;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    font-size: 36px;
    padding-bottom: 70px;
    font-family: "Poppins", sans-serif
}

.System-Oriented-Development .section-title span {
    color: #01243C;
    font-weight: 800;
    font-family: "Poppins", sans-serif
}

.System-Oriented-Development .work-process-wrap {
    position: relative;
    z-index: 1
}

.System-Oriented-Development .mt-30 {
    margin-top: 30px
}

.System-Oriented-Development .mt-45 {
    margin-top: 70px
}

.System-Oriented-Development .work-process-item {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:575px) {
    .System-Oriented-Development .work-process-item {
        margin-top: 0
    }
}

.System-Oriented-Development .work-process-item {
    cursor: pointer
}

.System-Oriented-Development .work-process-item h4 {
    font-size: 20px;
    color: #000
}

.System-Oriented-Development .work-process-item .icon {
    z-index: 1;
    padding: 15px;
    position: relative;
    margin-bottom: 20px;
    display: inline-block
}

.System-Oriented-Development .work-process-item .icon .number {
    z-index: -1;
    opacity: .15;
    line-height: 1;
    font-size: 85px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 700;
    position: absolute;
    color: #fff0;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: #293043;
    -webkit-transform: translate(-70%, -60%) rotate(-50deg);
    -ms-transform: translate(-70%, -60%) rotate(-50deg);
    transform: translate(-70%, -60%) rotate(-50deg);
    font-family: "Poppins", sans-serif
}

@media only screen and (max-width:575px) {
    .About__ApplicationDevelopment .Main__Content h2 {
        font-size: 25px;
        font-weight: 800
    }

    section.Compelling__Benefits {
        padding: 0 !important
    }

    .System-Oriented-Development .work-process-item .icon .number {
        font-size: 65px
    }

    .System-Oriented-Development .Cinntra-NetSuite-Banner-container h1 {
        font-size: 25px;
        line-height: 36px
    }
}

.System-Oriented-Development .work-process-item .icon img {
    color: #fff;
    font-size: 65px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 2px dotted #cdcdcd;
    ;
    line-height: 120px;
    border-radius: 50%;
    text-align: center
}

@media only screen and (max-width:575px) {
    .System-Oriented-Development .work-process-item .icon i {
        width: 80px;
        height: 80px;
        font-size: 35px;
        line-height: 80px
    }
}

.System-Oriented-Development .work-process-item .icon i:before {
    line-height: inherit
}

.System-Oriented-Development .work-process-item .icon:before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border: 2px dashed #01c9f5
}

.System-Oriented-Development .work-process-item p {
    font-size: 18px;
    font-family: "Poppins", sans-serif
}

.System-Oriented-Development .work-process-item:hover .icon i {
    background: #01c9f5
}

.System-Oriented-Development .work-process-item:hover .icon:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: rotated_circle 5s linear infinite;
    animation: rotated_circle 5s linear infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.System-Oriented-Development .work-process-shape {
    position: absolute;
    width: 110%;
    top: -10%;
    left: -5%;
    z-index: -1
}

@media only screen and (max-width:991px) {
    .System-Oriented-Development .work-process-shape {
        top: 0
    }
}

@media only screen and (max-width:575px) {
    .System-Oriented-Development .work-process-shape {
        display: none
    }
}

@media only screen and (max-width:1280px) {
    .System-Oriented-Development .work-process-item .icon:before {
        border: 1.5px dashed #01c9f5
    }

    .System-Oriented-Development .work-process-item h4 {
        font-size: 18px
    }

    .System-Oriented-Development div#MTmar {
        margin-top: 66px
    }
}

.CintraTechnologiesTabs {
    padding: 38px 0 65px
}

.CintraTechnologiesTabs li.MainBTN button i {
    font-size: 20px;
    color: #8a2be2;
    width: 35px
}

.CintraTechnologiesTabs li.MainBTN button {
    height: 64px;
    width: 188px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400
}

.CintraTechnologiesTabs li.MainBTN {
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 7px
}

.CintraTechnologiesTabs li.MainBTN button img {
    width: 25px;
    margin: auto;
    line-height: 5px;
    margin-top: -10px;
    margin-left: 0
}

.CintraTechnologiesTabs li.MainBTN button:hover {
    box-shadow: 0 16px 22px rgb(0 50 125 / .15)
}

.CintraTechnologiesTabs ul#BridgeMarketingTabs {
    display: flex;
    justify-content: center
}

.CintraTechnologiesTabs li.MainBTN button.active {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%)
}

.CintraTechnologiesTabs div#MainPanalHere {
    background: linear-gradient(90deg, #e9f5ff 20.21%, #fbf6fc 99.23%);
    box-shadow: 0 6px 12px rgb(0 0 0 / .07);
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 60px
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent li {
    list-style: none;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    display: flex
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent img {
    width: 60%
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent {
    text-align: center;
    font-family: "Poppins", sans-serif;
    padding-bottom: 20px
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent li a {
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: #2f3a5e;
    line-height: 28px;
    list-style: none;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
    padding-bottom: 10px;
    display: flex
}

.CintraTechnologiesTabs .MainTitle h1 {
    text-align: center;
    color: #032d60;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    padding-bottom: 30px;
    border-bottom: 1px solid
}

.CintraTechnologiesTabs .MainTitle p {
    padding-bottom: 35px;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #000
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere {
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    margin-left: 30px I !important;
    font-family: "Poppins", sans-serif
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere i {
    transition: .5s ease-in-out
}

.CintraTechnologiesTabs div#MainPanalHere .AllContent a.BtnHere:hover i {
    margin-left: 10px;
}

.CintraTechnologiesTabs div#MainPanalHere .SideImg img {
    width: 100%
}

@media only screen and (max-width:1280px) {
    .WhoWeAreSection .WhoBox h3 {
        font-size: 32px;
        font-weight: 700;
        font-family: "Poppins", sans-serif;
        color: #000;
        padding-bottom: 20px
    }

    .CintraTechnologiesTabs li.MainBTN button {
        width: 165px
    }

    .WhoWeAreSection .WhoBox p.discription {
        font-size: 18px;
        line-height: 1.6
    }

    .UpdateCaseStudy .MainText p {
        font-family: "Poppins", sans-serif;
        font-size: 19px;
        color: #fff
    }

    .CintraTechnologiesTabs li.MainBTN button {
        font-size: 14px
    }
}

.Compelling__Benefits .Main__TItle h5 {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #000;
    font-family: "Poppins", sans-serif
}

.Compelling__Benefits .Main__TItle p {
    width: 80%;
    margin: auto;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 22px;
    color: #000
}

.Compelling__Benefits .nav-link {
    color: #000
}

.Compelling__Benefits .nav .nav-item button.active {
    color: #0D6EFD !important;
    background-color: #fff0
}

.Compelling__Benefits .nav .nav-item button.active::after {
    border-bottom: 2px solid #0D6EFD;
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1.8px;
    left: 0;
    border-radius: 5px 5px 0 0
}

.Compelling__Benefits div#pills-tabContent {
    margin-top: 50px
}

section.Compelling__Benefits {
    padding: 0 132px
}

.Compelling__Benefits .tab-pane img {
    width: 85%;
    border-radius: 20px 0 0 20px
}

.Compelling__Benefits ul#pills-tab {
    justify-content: center
}

.Compelling__Benefits .tab-pane h4 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 50px;
    color: #000;
    font-family: "Poppins", sans-serif
}

.Compelling__Benefits .tab-pane p {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    font-family: "Poppins", sans-serif
}

.ERPSolutionsSoftware .Slider_img img {
    width: 100%
}

.ERPSolutionsSoftware .Slider_img {
    margin-top: 100px
}

.ERPSolutionsSoftware h1 {
    font-weight: 700;
    font-size: 38px;
    margin-top: 50px
}

.ERPSolutionsSoftware .text-white.Content {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 300;
    color: #fff
}

.ai-wt-gd-bg-2 {
    background: linear-gradient(277.41deg, #3B82F6 -1.75%, #24AA4A 98.72%);
    padding: 12px 45px;
    border-radius: 50px;
    margin-top: 12px;
    z-index: 999;
    position: relative
}

.ERPSolutionsSoftware #Mainh1 {
    padding: 80px 55px 100px 60px
}

.ai-wt-bg {
    background-color: #000715
}

.PersonalizedERPsoftware h2 {
    font-size: 40px;
    color: #000;
    font-weight: 300;
    margin-top: 30px
}

.PersonalizedERPsoftware p {
    color: #000;
    line-height: 1.7;
    font-size: 17px
}

.EnterpriseResourcePlanningSoft {
    padding: 0 0 45px
}

.EnterpriseResourcePlanningSoft h2 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 40px;
    color: #000
}

.EnterpriseResourcePlanningSoft p {
    font-size: 17px;
    line-height: 1.6;
    color: #000
}

.EnterpriseResourcePlanningSoft img {
    width: 90%;
    margin: auto;
    display: block
}

.BusinessFaceWithoutERP {
    background-color: #F4F6F8
}

.BusinessFaceWithoutERP .ERPBox .image {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
    border: 1px solid lightgray
}

.BusinessFaceWithoutERP .ERPBox .image {
    width: 100%;
    max-width: 122px;
    height: 107px;
    max-height: 133px;
    background-color: #fff0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.BusinessFaceWithoutERP .ERPBox .content {
    padding-left: 30px
}

.BusinessFaceWithoutERP .ERPBox .content li {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 4px;
    color: #000
}

.BusinessFaceWithoutERP .ERPBox .content p {
    font-size: 15px;
    font-weight: 300;
    color: #000
}

.BusinessFaceWithoutERP .ERPBox {
    display: flex;
    background: #fff;
    border-radius: 5px;
    padding: 18px;
    margin-top: 20px;
    transition: .5s;
    cursor: pointer
}

.BusinessFaceWithoutERP .ERPBox:hover {
    box-shadow: 0 9px 12px 0 rgb(0 0 0 / .1)
}

.BusinessFaceWithoutERP .ERPBox {
    display: flex
}

.BusinessFaceWithoutERP .MainTitle {
    /
}

.BusinessFaceWithoutERP .MainTitle h3 {
    font-size: 30px;
    font-weight: 300;
    color: #000
}

.BusinessFaceWithoutERP .MainTitle p {
    font-size: 17px;
    color: #000
}

.ERPSolutionOfferingsInner {
    background-image: linear-gradient(90deg, #0b163f 40%, #e2e8f0 0)
}

.ERPSolutionOfferingsInner .MainImg img {
    box-shadow: 0 .25rem .5625rem -.0625rem rgb(12 8 0 / .03), 0 .275rem 1.25rem -.0625rem rgb(12 8 0 / .05) !important
}

.ERPSolutionOfferingsInner .Offeringcontent {
    padding-left: 35px;
    margin-top: 20px
}

.ERPSolutionOfferingsInner .Offeringcontent .Title h3 {
    font-size: 35px;
    font-weight: 700;
    color: #000
}

.ERPSolutionOfferingsInner .Offeringcontent .Title p {
    color: #000;
    font-size: 16px;
    padding-bottom: 20px
}

.ERPSolutionOfferingsInner .Offeringcontent .content .disc li {
    font-size: 22px;
    font-weight: 700;
    color: #E03D5A
}

.ERPSolutionOfferingsInner .Offeringcontent .content .disc p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    padding-bottom: 20px;
    margin-top: 10px
}

@media screen and (max-width:1280px) {
    .ERPSolutionOfferingsInner .Offeringcontent .content .disc p {
        color: #000;
        font-size: 15px;
        font-weight: 300
    }

    .ERPSolutionOfferingsInner .Offeringcontent {
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .ERPSolutionsSoftware #Mainh1 {
        padding: 40px 13px 0 13px
    }

    .ERPSolutionsSoftware h1 {
        font-weight: 700;
        font-size: 25px;
        margin-top: 50px
    }

    .ERPSolutionsSoftware .Slider_img {
        margin-top: 30px;
        padding-bottom: 30px
    }

    section.PersonalizedERPsoftware {
        padding: 0
    }

    .PersonalizedERPsoftware h2 {
        font-size: 30px
    }

    .EnterpriseResourcePlanningSoft h2 {
        font-size: 25px;
        margin-top: 15px
    }

    .BusinessFaceWithoutERP {
        padding: 20px 0
    }

    .BusinessFaceWithoutERP .ERPBox .content p {
        font-size: 12px
    }

    .BusinessFaceWithoutERP .ERPBox .content li {
        font-size: 16px
    }

    .ERPSolutionOfferingsInner {
        background-image: none !important;
        padding: 0
    }

    .ERPSolutionOfferingsInner .Offeringcontent {
        padding-left: 0
    }

    .ERPSolutionOfferingsInner .Offeringcontent .Title h3 {
        font-size: 25px
    }

    .BusinessFaceWithoutERP .MainTitle h3 {
        font-size: 25px
    }
}

section.OurMethodologies__Development {
    padding: 70px 130px
}

.OurMethodologies__Development .OurMethodologiesContent h3 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-top: 20px;
    font-family: "Poppins", sans-serif
}

.OurMethodologies__Development .OurMethodologiesContent p {
    color: #000;
    font-weight: 300;
    font-size: 26px;
    font-family: "Poppins", sans-serif
}

.OurMethodologies__Development .OurMethodologiesImg img {
    width: 80%
}

.OurMethodologies__Development .OurMethodologiesMoreContent {
    margin-top: 30px;
    padding-top: 12px;
    border-top: 1px solid lightblue;
    font-family: "Poppins", sans-serif
}

.OurMethodologies__Development .OurMethodologiesMoreContent li {
    list-style: none;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding-bottom: 7px;
    ;
    color: #000
}

.OurMethodologies__Development .OurMethodologiesMoreContent p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: "Poppins", sans-serif
}

@media only screen and (max-width:1280px) {
    .OurMethodologies__Development .OurMethodologiesContent p {
        color: #000;
        font-size: 22px;
        font-weight: 300;
        padding-bottom: 10px;
        margin-top: 5px
    }
}

@media only screen and (max-width:767.99px) {
    section.Compelling__Benefits {
        padding: 0 !important
    }

    .Compelling__Benefits .Main__TItle h5 {
        text-align: left;
        font-size: 25px
    }

    .About__ApplicationDevelopment .Main__Content h2 {
        font-size: 25px;
        font-weight: 800;
        color: #000
    }

    .Compelling__Benefits .Main__TItle p {
        width: 100%;
        text-align: left
    }

    .Compelling__Benefits .tab-pane img {
        display: none
    }

    .Compelling__Benefits div#pills-tabContent {
        margin-top: 0
    }

    .Compelling__Benefits .tab-pane h4 {
        margin-top: 0
    }

    .NetSuiteDeliversSection .MainTItle h4 {
        font-size: 25px;
        text-align: center
    }

    .NetSuiteDeliversSection .MainTItle p {
        display: none
    }

    .CollaborationApproach .Main_Title {
        width: 100%
    }

    .CollaborationApproach .Main_Title h3 {
        font-size: 25px
    }

    section.OurMethodologies__Development {
        padding: 0
    }

    .OurMethodologies__Development .OurMethodologiesContent h3 {
        font-size: 25px
    }

    .ReliableCustomApplication .MainContentHere h2 {
        font-size: 25px;
        font-weight: 700
    }

    .System-Oriented-Development .section-title h2 {
        font-size: 25px;
        padding-bottom: 40px
    }

    .CinntraNetSuiteCovers .MainContent h3 {
        font-weight: 600;
        font-size: 25px;
        line-height: 1.6
    }

    .CintraTechnologiesTabs {
        padding: 38px 0 0
    }
}

.counter-list {
    display: flex
}

@media (max-width:600px) {
    .counter-list {
        flex-direction: column
    }
}

@media (max-width:992px) {
    .counter-list {
        flex-wrap: wrap
    }
}