@font-face {
            font-family: Roboto-Bold;
            src: url(../fonts/Roboto-Bold.ttf);
        }
        
        @font-face {
            font-family: Roboto-Light;
            src: url(../fonts/Roboto-Light.ttf);
        }
        
        @font-face {
            font-family: Roboto-Medium;
            src: url(../fonts/Roboto-Medium.ttf);
        }
        
        @font-face {
            font-family: Roboto-LightItalic;
            src: url(../fonts/Roboto-LightItalic.ttf);
        }
        
        @font-face {
            font-family: Roboto-Regular;
            src: url(../fonts/Roboto-Regular.ttf);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        *:root {
            /* colors */
            --black: #434343;
            --gray: #949495;
            --red: #d61f27;
            --blue: #274489;
            --yellow: #f9bc1a;
            --orange: #df5523;
            --dark-yellow: #ea9c30;
            /* font size */
            --font-60: 60px;
            --font-40: 40px;
            --font-35: 35px;
            --font-34: 34px;
            --font-33: 33px;
            --font-30: 30px;
            --font-28: 28px;
            --font-24: 24px;
            --font-20: 20px;
            --font-18: 18px;
            --font-16: 16px;
        }
        
        .blue-color {
            color: var(--blue);
        }
        
        .gray-color {
            color: var(--gray) !important;
        }
        
        .dark-yellow {
            background-color: var(--dark-yellow);
        }
        
        .orange-color {
            background-color: var(--orange);
        }
        
        .red-color {
            background-color: var(--red);
        }
        
        .red-text-color {
            color: var(--red);
            font-family: Roboto-Medium;
        }
        /* .logo {
    width: 100px;
} */
        
        .navbar ul li a {
            font-family: Roboto-Light;
        }
        
        .mainsection {
            background-image: url(../img/banner/background.png);
            background-position: center;
            background-size: cover;
        }
        
        .banner-content-container {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .banner-heading {
            font-size: var(--font-30);
            color: var(--black);
            line-height: 40px;
            font-family: Roboto-Medium;
            width: fit-content;
        }
        
        .banner-1 {
            width: 81%;
        }
        
        .banner-3 {
            width: 77%;
        }
        
        .border-gradient {
            border: 10px solid;
            border-image-slice: 1;
            border-width: 7px;
        }
        
        .border-gradient-green {
            border-image-source: linear-gradient(90deg, rgba(245, 162, 32, 1) 0%, rgba(214, 31, 39, 1) 55%, rgba(214, 31, 39, 1) 100%);
        }
        
        .only-bottom {
            border-left: 0;
            border-right: 0;
            border-top: 0;
        }
        
        .content {
            font-size: var(--font-18);
            color: var(--black);
            font-weight: 200;
            font-family: Roboto-Light;
            line-height: 32px;
        }
        
        .carousel-indicators [data-bs-target] {
            width: 8px;
            height: 8px;
            /* background-color: var(--gray); */
            border-radius: 50%;
            border: 1px solid var(--gray);
            opacity: 0.5;
        }
        
        .carousel-indicators .active {
            opacity: 1;
            background-color: var(--gray);
        }
        
        .carousel-indicators .active {
            opacity: 1;
        }
        
        .learn-more-btn {
            font-size: var(--font-16);
            color: var(--red);
            text-decoration: none;
            font-family: Roboto-Light;
        }
        
        .learn-more-btn:hover {
            color: var(--red);
            /* border-bottom: 2px solid var(--red);
    width: fit-content; */
        }
        
        .heading {
            font-size: var(--font-35);
            color: var(--black);
            font-family: Roboto-Bold
        }
        
        .col-border {
            border-right: 1px solid var(--black);
        }
        
        #counter span {
            font-size: var(--font-60);
            text-align: center;
            color: var(--blue);
            font-family: Roboto-Bold;
            display: block;
        }
        
        #counter span.plus:after {
            content: "+";
        }
        
        #counter h5 {
            color: var(--blue);
            font-size: var(--font-16);
            font-family: Roboto-Medium;
            text-align: center;
        }
        
        .counter-bg {
            background-image: url(../img/bg-3.png);
            background-size: cover;
            background-position: center;
        }
        
        .section-4-bg {
            background-image: url(../img/bg-1.png);
            background-size: cover;
            background-position: center;
        }
        
        .section-4-bg p {
            font-size: var(--font-33);
            font-family: Roboto-Medium;
            color: var(--gray);
            font-weight: 700;
            margin-bottom: 0;
        }
        
        .section-4-bg p span {
            color: var(--yellow);
        }
        
        .learn-more-btn-color {
            color: var(--orange);
        }
        
        .services-section h4 {
            font-size: var(--font-20);
            color: var(--black);
            font-family: Roboto-Medium;
            text-align: center;
            margin-top: 20px;
        }
        
        .services-section p {
            font-size: var(--font-18);
            color: var(--black);
            font-family: Roboto-Light;
            text-align: center;
            letter-spacing: 1px;
        }
        
        .services-section img {
            width: 80px;
        }
        
        .section-5-bg {
            background-image: url(../img/bg-2.png);
            background-size: cover;
            background-position: center;
        }
        
        .section-5-bg p {
            font-size: var(--font-28);
            font-family: Roboto-Medium;
            color: var(--black);
            font-weight: 700;
            margin-bottom: 0;
        }
        
        .section-5-bg p span {
            color: var(--yellow);
        }
        
        .testimonials .testimonials-content {
            font-family: Roboto-LightItalic;
            font-size: var(--font-20);
            color: var(--blue);
            text-align: center;
        }
        
        .testimonials h5 {
            font-family: Roboto-Medium;
            font-size: var(--font-20);
            color: var(--blue);
            text-align: center;
        }
        
        .testimonials h5 span {
            font-family: Roboto-Regular;
        }
        
        .custom-margin-to-indicators {
            margin-bottom: -4rem;
        }
        
        .carousel-control-prev {
            left: -20%;
        }
        
        .carousel-control-next {
            right: -20%;
        }
        
        .testimonials i {
            border: 2px solid black;
            padding: 6px;
            border-radius: 50%;
        }
        
        footer {
            /* background-image: url(../img/bg-4.png); */
            background-color: gainsboro;
            /* background-size: cover;
    background-position: center; */
            padding-bottom: 65px;
        }
        
        .footer-logo {
            width: 100%;
        }
        
        footer h4 {
            font-size: var(--font-18);
            color: var(--blue);
            font-family: Roboto-Medium;
        }
        
        footer ul {
            padding-left: 0;
            list-style: none;
            margin-bottom: 0;
        }
        
        footer ul li a {
            text-decoration: none;
            color: var(--black);
            font-size: var(--font-16);
            font-family: Roboto-Light;
        }
        
        footer ul li:hover a {
            color: var(--blue);
        }
        
        footer form input {
            border: 1px solid var(--blue);
            height: 40px;
            width: 50%;
            padding: 0 10px;
        }
        
        footer form button {
            border: 0;
            height: 40px;
            color: #fff;
            background-color: var(--blue);
            padding: 0 13px;
        }
        
        .linked-in-icon {
            margin-top: 79px;
            font-size: 34px;
        }
        
        .card {
            padding: 15px;
            border-radius: 0;
            height: 440px;
        }
        
        .card-title {
            font-size: var(--font-28);
            font-family: Roboto-Medium;
            color: var(--black);
            margin-bottom: 0;
            margin-left: 8px;
        }
        
        .swift-font {
            font-size: var(--font-34);
        }
        
        .card-img-top {
            width: 15%;
        }
        
        .card-body .card-text {
            font-size: var(--font-18);
            color: var(--black);
            font-family: Roboto-Light;
        }
        
        .card-body .card-text strong {
            font-family: Roboto-Medium;
        }
        
        .card-body {
            position: relative;
        }
        
        .card-body a {
            position: absolute;
            bottom: 0%;
        }
        
        .services-section-two .icon {
            width: 75px;
        }
        
        .services-img-2 {
            width: 120% !important;
            position: unset !important;
            transform: translateY(0) !important;
            margin-top: 100px !important;
        }
        
        .popup-btn {
            margin-left: 88px;
            width: 82%!important;
            position: absolute;
            bottom: 17px;
        }
        
        .digital-offering-img {
            width: 95% !important;
        }
        
        .pop-btn-main {
            border: 0;
            background-color: transparent;
        }
        
        .services-section-two .services-heading {
            color: var(--black);
            font-size: var(--font-24);
        }
        
        .services-section-two h6 {
            color: var(--black);
            font-size: var(--font-18);
            font-family: Roboto-Medium;
        }
        
        .services-img {
            width: 90% !important;
            display: block;
            margin: auto;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
        /* .services-section-two {
            box-shadow: inset 2px 20px 19px -2px #ccc, inset -1px -20px 20px 5px #ccc;
        } */
        
        hr {
            border-top: 1px solid #eee !important;
            margin: 22px 0 22px 0 !important;
        }
        
        .services-section-four {
            /* box-shadow: inset 1px 20px 19px 4px #ccc; */
        }
        
        .product-name {
            font-size: var(--font-35);
            color: var(--black);
            font-family: Roboto-Regular;
            font-weight: bolder;
        }
        
        .aboutus-section-two img {
            width: 9%;
        }
        
        .about-img {
            position: absolute;
            bottom: 0;
        }
        
        .client-icons {
            width: 100%;
        }
        
        .contact-us-img {
            position: absolute;
            width: 75%;
            bottom: 0;
            right: 0;
        }
        
        .solution2-img {
            width: 100%;
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .solution1 {
            width: 85%;
        }
        
        .product-img {
            width: 75%;
        }
        
        .about-us-main-img {
            width: 75%;
        }
        
        @media (min-width: 992px) {
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1.5rem;
                padding-left: 1rem;
            }
        }
        
        @media screen and (max-width: 991px) {
            .col-border {
                border-right: 0;
                border-bottom: 0;
            }
            .banner-content-container {
                position: unset;
                transform: translateY(0%);
                /* padding:0 73px; */
            }
            /* .banner-2{
        padding: 0px 57px;
    } */
            .banner-heading {
                font-size: var(--font-28);
                line-height: 40px;
            }
            .sm-reverse {
                flex-direction: column-reverse !important;
            }
            .banner-1 {
                width: 100%;
            }
            .banner-3 {
                width: 100%;
            }
            .heading {
                font-size: var(--font-30);
            }
            .section-4-bg p {
                font-size: var(--font-28);
            }
            .carousel-control-prev {
                display: none;
            }
            .carousel-control-next {
                display: none;
            }
            .mainsection {
                padding-bottom: 75px;
            }
            .carousel-indicators {
                margin-bottom: -2rem;
            }
            .mainsection img {
                width: 70%;
                margin: auto;
            }
            .card {
                margin-top: 40px;
                /* min-height: 550px;
                max-height: 550px; */
            }
            .services-img {
                position: unset;
                transform: translateY(0%);
            }
            .services-section img {
                width: 75px;
            }
            .client-icons {
                width: 200px;
            }
            .footer-logo {
                width: 150px;
            }
            .services-section-two .icon {
                width: 75px;
            }
            .contact-us-img {
                position: unset;
                width: 75%;
                display: block;
                margin: auto;
            }
            .bulb {
                width: 55% !important;
            }
            .services-img-2 {
                width: 100% !important;
                margin-top: 50px !important;
            }
            .popup-btn {
                margin-left: 0px !important;
                width: 82%!important;
                position: unset !important;
                bottom: 0 !important;
            }
            .solution2-img {
                width: 100% !important;
                position: unset;
                bottom: 0px;
                left: 0%;
                transform: translateX(0%);
            }
            .solution1 {
                width: 100%;
            }
            .product-img {
                width: 100%;
            }
            .about-us-main-img {
                width: 100%;
            }
            .about-img {
                position: unset;
                /* bottom: 0; */
            }
        }
        
        .copy-right {
            font-size: 14px !important;
        }
        
        .modal-form input {
            border-radius: 0 !important;
            padding: 10px 20px !important;
            font-family: Roboto-Light !important;
        }
        
        .modal-form textarea {
            border-radius: 0 !important;
            font-family: Roboto-Light !important;
        }
        
        .submit-btn {
            background: transparent;
            border: 0px;
            color: #d61f27;
            font-size: 16px;
            border: 1px solid #d61f27;
            width: fit-content;
            border-radius: 0;
            padding: 6px 21px;
            transition: 1.5s;
        }
        
        .submit-btn:hover {
            background-color: var(--red);
            color: #fff;
        }
        
        @media (min-width: 576px) {
            .modal-dialog {
                max-width: 527px;
                margin: 1.75rem auto;
            }
        }
        
        .aboutus-section-two h6 {
            color: var(--black);
            font-size: var(--font-24);
            font-family: Roboto-Medium;
        }
        
        .copy-right {
            margin-top: 50px;
            text-align: center;
            display: block;
        }
        
        .copy-right a {
            color: #434343;
            text-decoration: none;
        }
        
        .copy-right a strong {
            font-family: Roboto-Medium;
        }
        
        .form-heading {
            color: #434343;
            font-size: var(--font-35);
            font-family: Roboto-Medium;
        }
        
        .product-name {
            font-size: var(--font-24);
            color: var(--black);
        }
        
        .aboutus-section-two h6 {
            color: var(--black);
            font-size: var(--font-24);
            font-family: Roboto-Medium;
        }
        
        .seamless-heading {
            color: #434343;
            font-size: var(--font-35);
            font-family: Roboto-Medium;
            text-align: left;
        }
        
        .contact-us-row h5 {
            font-size: var(--font-18);
            color: #434343;
            font-family: Roboto-Medium;
        }
        
        .contact-us-row h5 span {
            font-family: Roboto-Light;
        }
        
        .contact-us-row address {
            font-size: var(--font-18);
            color: #434343;
            font-family: Roboto-Light;
        }
        
        .contactus-re-color {
            color: var(--red);
            font-family: Roboto-Medium;
        }
        
        .navbar-nav .nav-item .nav-link.active {
            font-family: Roboto-Medium;
            color: #949495;
        }
        
        .navbar-nav .nav-item .nav-link:hover {
            color: #949495;
        }
        
        .contact-anchor {
            text-decoration: none;
        }
        
        .contact-anchor:hover {
            color: var(--black);
        }
        
        .get_in_touch-btn {
            position: relative;
            top: 35px;
        }
        
        @media screen and (min-width:320px) and (max-width:640px) {
            .banner-heading {
                font-size: 21px;
                text-align: center;
                line-height: 30px;
                width: 82%;
                margin: 0% 9%;
            }
            .content {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: center;
                margin: 3% 9% 0% 9%;
            }
            .learn-more-btn {
                font-size: var(--font-16);
                color: var(--red);
                text-decoration: none;
                font-family: Roboto-Light;
                text-align: center;
                margin: 3% 9% 0% 9%;
                width: 82% !important;
            }
            .border-gradient-green {
                border-image-source: linear-gradient(90deg, rgba(245, 162, 32, 1) 0%, rgba(214, 31, 39, 1) 55%, rgba(214, 31, 39, 1) 100%);
                width: 62% !important;
                margin: 0% 19% !important;
            }
            .heading {
                font-size: var(--font-24);
                width: 82%;
                margin: 0% 0% 5% 9%;
                text-align: left;
                line-height: 1.2;
            }
            .content1 {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: left !important;
                margin: 3% 9% 0% 9%;
            }
            .pe-4 {
                padding-right: 0px !important;
            }
            .content3 {
                display: none !important;
            }
            .content4 {
                display: none !important;
            }
            .content2 {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: left !important;
                margin: 3% 9% 0% 9%;
                display: block !important;
            }
            .col-border1 {
                border-right: 0px solid var(--black);
            }
            .h-about {
                padding-bottom: 4rem!important;
            }
            .section-4-bg p {
                font-size: 25px;
                width: 82%;
                margin: 0% 9%;
                text-align: center;
            }
            .section-4-bg {
                background-image: url(../img/bg-1.png);
                background-size: cover;
                background-position: right;
            }
            .col-border {
                border-right: 0;
                border-bottom: 0;
                width: 82%;
                margin: 0% 9%;
            }
            .btn2 {
                margin-top: 1rem!important;
            }
            .section-5-bg p {
                font-size: 25px;
                width: 82%;
                margin: 0% 9%;
                text-align: center;
            }
            .section-5-bg {
                background-image: url(../img/bg-2.png);
                background-size: cover;
                background-position: right;
            }
            .testimonials .testimonials-content {
                width: 82%;
                margin: 0% 9%;
            }
            .col-border2 {
                width: 82%;
                margin: 0% 9%;
            }
            .col-border3 {
                width: 76%;
                margin: 0% 8%;
            }
            .mt-xs {
                margin-top: 0px !important;
            }
            .linked-in-icon {
                margin-top: 23px;
                font-size: 34px;
                margin-bottom: 23px;
            }
            .mobile-content {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: center;
                margin: 3% 9% 0% 9%;
                display: block !important;
            }
            .desktop-content {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: center;
                margin: 3% 9% 0% 9%;
                display: none !important;
            }
            #counter span {
                font-size: 50px;
                text-align: center;
                color: var(--blue);
                font-family: Roboto-Bold;
                display: block;
            }
            #counter h5 {
                color: var(--blue);
                font-size: 15px;
                font-family: Roboto-Medium;
                text-align: center;
            }
            .card {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 530px !important;
            }
            .card-img-top {
                width: 25%;
            }
            .card-body {
                padding: 0rem 1rem !important;
            }
            .btn-ser {
                margin: 0% 0%;
                width: 100% !important;
                text-align: left;
            }
            .card-title {
                font-size: var(--font-24);
                font-family: Roboto-Medium;
                color: var(--black);
                margin-bottom: 0;
                margin-left: 8px;
            }
            .card1 {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 508px !important;
            }
            .card1 .card-img-top {
                width: 25%;
            }
            .card1 .card-body {
                padding: 0rem 1rem !important;
            }
            .card1 .btn-ser {
                margin: 0% 0%;
                width: 100% !important;
                text-align: left;
            }
            .card1 .card-title {
                font-size: var(--font-24);
                font-family: Roboto-Medium;
                color: var(--black);
                margin-bottom: 0;
                margin-left: 8px;
            }
            .card-body a {
                bottom: 0%;
                position: relative;
            }
            .card2 {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 425px !important;
            }
            #sap-services {
                width: 82%;
                margin: 0% 9%;
            }
            #sap-services img {
                margin: 5% 0%;
            }
            .content-offering {
                width: 100% !important;
                margin: 0% 0% 8% 0% !important;
                text-align: left !important;
            }
            .services-img {
                width: 82% !important;
                margin: 5% 9% !important;
            }
            #opentext {
                width: 82%;
                margin: 0% 9%;
            }
            #opentext img {
                margin: 5% 0% 10% 0% !important;
            }
            #digital {
                width: 82%;
                margin: 0% 9%;
            }
            #digital img {
                margin: 0% 0% 5% 0%;
            }
            .mt-sm-3 {
                margin-top: 5%;
            }
            .mt-sm-0 {
                margin-top: 0rem!important;
            }
            #product {
                width: 82%;
                margin: 0% 9%;
            }
            #product img {
                margin: 5% 0%;
            }
            #data-analytics {
                width: 82%;
                margin: 0% 9%;
            }
            #data-analytics img {
                margin: 5% 0%;
            }
            #solution {
                width: 82%;
                margin: 0% 9%;
            }
            #contact-us {
                width: 82%;
                margin: 0% 9%;
            }
            #solution img {
                margin: 5% 0% !important;
                width: 100% !important;
            }
            .services-img-2 {
                margin-top: 0px !important;
                width: 100% !important;
            }
            .about-us-main-img {
                width: 84% !important;
                margin: 8% 8% 0% 8% !important;
            }
            .col-border15 {
                width: 100% !important;
                margin: 0% !important;
            }
            .contact-content {
                display: none !important;
            }
            .contact-content1 {
                display: block !important;
                margin-top: 4% !important;
            }
            .contact-us-img {
                position: unset;
                width: 75%;
                display: block;
                margin: 7% 25%;
            }
        }
        
        @media screen and (min-width:640px) and (max-width:772px) {
            .banner-heading {
                font-size: var(--font-28);
                line-height: 40px;
                text-align: center;
                width: 82%;
                margin: 0% 9%;
            }
            .content {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 32px;
                text-align: center;
                width: 82%;
                margin: 3% 9%;
            }
            .learn-more-btn {
                font-size: var(--font-16);
                color: var(--red);
                text-decoration: none;
                font-family: Roboto-Light;
                text-align: center;
                margin: 0% 9%;
                width: 82%;
            }
            .border-gradient-green {
                border-image-source: linear-gradient(90deg, rgba(245, 162, 32, 1) 0%, rgba(214, 31, 39, 1) 55%, rgba(214, 31, 39, 1) 100%);
                width: 70% !important;
                margin: 0% 15% !important;
            }
            .mainsection img {
                width: 60%;
            }
            .bulb {
                width: 50% !important;
            }
            .pe-4 {
                padding-right: 0px !important;
            }
            .content1 {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: left !important;
                margin: 3% 9% 0% 9%;
            }
            .heading {
                font-size: var(--font-30);
                width: 82%;
                margin: 0% 9%;
                text-align: left;
                line-height: 1.2;
            }
            .content3 {
                display: none !important;
            }
            .content4 {
                display: none !important;
            }
            .content2 {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: left !important;
                margin: 3% 9% 0% 9%;
                display: block !important;
            }
            .col-border1 {
                border-right: 0px solid var(--black) !important;
            }
            .h-about {
                padding-bottom: 4rem!important;
            }
            #counter h5 {
                color: var(--blue);
                font-size: 14px;
                font-family: Roboto-Medium;
                text-align: center;
            }
            #counter span {
                font-size: var(--font-35);
                text-align: center;
                color: var(--blue);
                font-family: Roboto-Bold;
                display: block;
            }
            .section-4-bg p {
                font-size: 25px;
                width: 90%;
                margin: 0% 5%;
            }
            .btn1 {
                text-align: left !important;
                width: 90% !important;
                margin: 2% 5% !important;
            }
            .btn2 {
                margin-top: 2% !important;
                margin-bottom: 5% !important;
            }
            .section-4-bg {
                background-image: url(../img/bg-1.png);
                background-size: cover;
                background-position: right;
            }
            .col-border12 {
                border-right: 0;
                border-bottom: 0;
                width: 70% !important;
                margin: 0% 15% !important;
            }
            .section-5-bg p {
                font-size: 25px;
                width: 90%;
                margin: 0% 5%;
            }
            .section-5-bg {
                background-image: url(../img/bg-2.png);
                background-size: cover;
                background-position: right;
            }
            .testimonials .testimonials-content {
                width: 82%;
                margin: 0% 9%;
            }
            .col-border2 {
                width: 82%;
                margin: 0% 9%;
            }
            .mobile-content {
                display: none !important;
            }
            .desktop-content {
                font-size: var(--font-18);
                color: var(--black);
                font-weight: 200;
                font-family: Roboto-Light;
                line-height: 25px;
                width: 82%;
                text-align: center;
                margin: 3% 9% 0% 9%;
                display: block !important;
            }
            .col-border {
                border-right: 0;
                border-bottom: 0;
                width: 99%;
                margin: 0% 1%;
            }
            .col-border2 {
                width: 98%;
                margin: 0% 1%;
            }
            .linked-in-icon {
                margin-top: 30px;
                font-size: 34px;
            }
            .client-icons {
                width: 100% !important;
            }
            .card {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 370px !important;
            }
            .card-img-top {
                width: 25%;
            }
            .card-body {
                padding: 0rem 1rem !important;
            }
            .btn-ser {
                margin: 0% 0%;
                width: 100% !important;
                text-align: left;
            }
            .card-title {
                font-size: var(--font-24);
                font-family: Roboto-Medium;
                color: var(--black);
                margin-bottom: 0;
                margin-left: 8px;
            }
            .card1 {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 340px !important;
            }
            .card1 .card-img-top {
                width: 18%;
            }
            .card1 .card-body {
                padding: 0rem 1rem !important;
            }
            .card1 .btn-ser {
                margin: 0% 0%;
                width: 100% !important;
                text-align: left;
            }
            .card1 .card-title {
                font-size: var(--font-24);
                font-family: Roboto-Medium;
                color: var(--black);
                margin-bottom: 0;
                margin-left: 8px;
            }
            .card-body a {
                bottom: 0%;
                position: relative;
            }
            .card2 {
                background-color: #f9bc1a;
                width: 86%;
                margin: 5% 7%;
                height: 320px !important;
            }
            #sap-services {
                width: 82%;
                margin: 0% 9%;
            }
            #sap-services img {
                margin: 5% 0%;
            }
            .content-offering {
                width: 100% !important;
                margin: 0% 0% 8% 0% !important;
                text-align: left !important;
            }
            .services-img {
                width: 64% !important;
                margin: 5% 18% 0% 18% !important;
            }
            #opentext {
                width: 82%;
                margin: 0% 9%;
            }
            #opentext img {
                margin: 5% 0% 10% 0% !important;
            }
            #digital {
                width: 82%;
                margin: 0% 9%;
            }
            #digital img {
                margin: 0% 0% 5% 0%;
            }
            .mt-sm-3 {
                margin-top: 5%;
            }
            .mt-sm-0 {
                margin-top: 0rem!important;
            }
            #product {
                width: 82%;
                margin: 0% 9%;
            }
            #product img {
                margin: 5% 0%;
            }
            #data-analytics {
                width: 82%;
                margin: 0% 9%;
            }
            #data-analytics img {
                margin: 5% 0%;
            }
            #solution {
                width: 82%;
                margin: 0% 9%;
            }
            #contact-us {
                width: 82%;
                margin: 0% 9%;
            }
            #solution img {
                margin: 5% 13% !important;
                width: 74% !important;
            }
            .services-img-2 {
                margin-top: 0px !important;
                width: 100% !important;
            }
            .pop-btn-main {
                margin: 0% 9%;
            }
            .card-img-top {
                width: 18%;
            }
            .product-img {
                width: 74%;
            }
            .about-us-main-img {
                width: 84% !important;
                margin: 8% 8% 0% 8% !important;
            }
            .aboutus-section-two img {
                width: 75% !important;
                margin-left: 25%;
            }
            .contact-us-img {
                width: 75% !important;
                margin-left: 25%;
            }
            .contact-content {
                display: block !important;
            }
            .contact-content1 {
                display: none !important;
            }
            .heading21 {
                font-size: var(--font-30);
                width: 86%;
                margin: 0% 7%;
                text-align: left;
                line-height: 1.2;
            }
        }
        
        .content3 {
            font-size: var(--font-18);
            color: var(--black);
            font-weight: 200;
            font-family: Roboto-Light;
            line-height: 32px;
            display: block;
        }
        
        .content4 {
            font-size: var(--font-18);
            color: var(--black);
            font-weight: 200;
            font-family: Roboto-Light;
            line-height: 32px;
            display: block;
        }
        
        .content2 {
            display: none;
        }
        
        .col-border1 {
            /* border-right: 1px solid var(--black); */
        }
        
        .desktop-content {
            font-size: var(--font-18);
            color: var(--black);
            font-weight: 200;
            font-family: Roboto-Light;
            line-height: 25px;
            width: 82%;
            text-align: center;
            margin: 3% 9% 0% 9%;
            display: block;
        }
        
        .mobile-content {
            display: none;
        }
        
        .contact-content {
            display: block;
        }
        
        .contact-content1 {
            display: none;
        }