@font-face {
    font-family: 'Bahij-Janna'; /*a name to be used later*/
    src: url("../fonts/Bahij-Janna-Regular.ttf"); /*URL to font*/
}
body {
    background-color: #fff;
    font-family: Bahij-Janna;
    margin: auto;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.header {
    width: 100%;
    Height: 70px;
    background-color: #fff;
    box-shadow: 0 0.1px 5px 0 gray;
}
.logo {
    Width: auto;
    Height: 85%;
    float: left;
    margin-left: 40px;
    margin-top: 10px;
    padding-right: 10px;
}
.logo img{
    Width: auto;
    Height: 70%;
}
.menu {
    width: 60%;
    Height: 100%;
    float: left;
}
.menu input {
    margin-top: 33px;
    float: right;
}
.hamburger {
    margin-top: 33px;
    float: left;
    position: relative;
    width: 30px;
    height: 4px;
    background: #0D529F;
    border-radius: 10px;
    cursor: pointer;
    z-index: 2;
    transition: 0.3s;
}
.hamburger:before,
.hamburger:after {
    content: "";
    position: absolute;
    height: 4px;
    right: 0;
    background: #0D529F;
    border-radius: 10px;
    transition: 0.3s;
}
.hamburger:before {
    top: -10px;
    width: 20px;
}
.hamburger:after {
    top: 10px;
    width: 25px;
}
.toggle-menu {
    position: absolute;
    width: 30px;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
}
.hamburger,
.toggle-menu {
    display: none;
}
.menu input:checked ~ .hamburger {
    background: transparent;
}
.menu input:checked ~ .hamburger:before {
    top: 0;
    transform: rotate(-45deg);
    width: 30px;
}
.menu input:checked ~ .hamburger:after {
    top: 0;
    transform: rotate(45deg);
    width: 30px;
}
.menu input:checked ~ .ul {
    right: 0;
}
.menu ul{
    list-style: none;
    margin-top: 25px;
}
.menu ul li {
    float: left;
    font-size: 16px;
}
.menu ul li a {
    display: block;
    text-decoration: none;
    color: #414042;
    float: left;
}

.menu ul li a:hover{
    display: block;
    text-decoration: none;
    color: #0D529F;
}
.menu ul li p{
    float: left;
    color: #414042;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
    display: block;
}

.button button{
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin-top: 20px;
    cursor: pointer;
    background-color: #0D529F;
    border-radius: 10px;
    float: right;
    margin-right: 15px;
    display: block;
}
.home-banner {
    width: 100%;
    float: left;
    background-image: url("../images/banner.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: 0% 0%;
    background-size: 100% auto;
}
.about-banner {
    width: 100%;
    height: auto;
    float: left;
    background-image: url("../images/aboutbackground.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: 0% 0%;
    background-size: 100% 100%;
}
.banner-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.about-banner-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.banner-ls {
    width: 100%;
    height: 800px;
    float: left;
    color: white;
    font-size: 24px;
}
.about-banner-ls {
    width: 50%;
    height: auto;
    float: left;
    color: white;
    font-size: 24px;
}

.banner-ls h1 {
    margin-bottom: 100px;
    margin-top: 200px;
}
.about-banner-ls h1 {
    margin-bottom: 40px;
    margin-top: 120px;
    color: #0D529F;
}
.about-banner-ls p {
    margin-bottom: 40px;
    margin-top: 0;
    font-size: 16px;
    width: 80%;
    color: #414042;
}
.banner-button {
    float: left;
    width: 100%;
}
.about-banner-button {
    float: left;
    width: 100%;
}
.contact-button {
    border: none;
    color: #0D529F;
    padding: 20px 85px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    font-weight: 800;
}
.about-contact-button {
    border: none;
    color: #fff;
    padding: 20px 85px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
    background-color: #0D529F;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    font-weight: 800;
}
.learn {
    color: #fff;
    padding: 20px 85px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    font-weight: 800;
    border: white solid 1px;
}
.banner-rs {
    width: 50%;
    height: auto;
    float: left;
    display: none;
}
.about-banner-rs {
    width: 50%;
    height: 700px;
    float: left;
}
.about-banner-rs img {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 150px;
}
.who {
    width: 100%;
    height: auto;
}
.who-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.con {
    width: 50%;
    float: left;
    height: auto;
}
.con-title {
    width: 100%;
    height: 90px;
    float: left;
    margin-top: 0px;
}
.con-title img {
    float: left;
    width: auto;
    height: 90%;
}
.con-title h5 {
    float: left;
    width: 90%;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #0D529F;
    margin-top: 5px;
}
.con-title h1 {
    float: left;
    width: 90%;
    padding-left: 15px;
    margin-top: 10px;
    color: #0D529F;
    margin-top: 0px;
}
.con-description {
    padding-top: 40px;
}
.con-description p {
    margin-top: 0px;
    font-size: 16px;
}
.con-button {
    width: 100%;
    height: auto;
    float: left;
}
.con-button button{
    border: none;
    color: white;
    padding: 14px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
    background-color: #0D529F;
    border-radius: 8px;
    float: left;
    margin-right: 15px;
}
.con-img {
    width: 50%;
    float: left;
    height: 300px;
}
.con-img img {
    width: auto;
    float: right;
    border-radius: 10px;
    height: 100%;
}
.gm {
    width: 100%;
    height: auto;
}
.gm-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;

}
.wel {
    width: 80%;
    float: left;
    height: auto;
}
.wel-title {
    width: 100%;
    height: 50px;
    float: left;
    margin-top: 50px;
    margin-bottom: 20px;
}
.wel-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.wel-title h1 {
    float: left;
    width: 90%;
    padding-left: 15px;
    margin-top: 10px;
    color: #0D529F;
}

.wel-description {
    padding: 30px;
    width: 100%;
    background-color: #f1f1f1;
    border-radius: 20px;
    margin-left: 20px;
}
.wel-description p {
    font-size: 16px;

    margin: 0;
}
.wel-img {
    margin-top: 30px;
    width: 15%;
    float: left;
}
.wel-img img{
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px;
    border: #0D529F solid 1px;
}
.used {
    width: 100%;
}
.used-con {
    width: 100%;
    background-color:#0D529F;
    height: 250px;
    float: left;
    margin-top: 40px;
}
.used-title {
    width: 80%;
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
.used-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.used-title h1 {
    float: left;
    width: 90%;
    padding-left: 15px;
    margin-top: 10px;
    color: #ffffff;
}
.used-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 100%;
    margin-top: 0px;
}
.tech {
    width: 100%;
    float: left;
    height: auto;
    background-color: #F1F1F1;
}
.home-magento {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    height: auto;
}
.mage-img {
    width: 30%;
    float: left;
    height: auto;
}
.mage-img img {
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.mage-con {
    width: 70%;
    float: left;
    height: auto;
}
.mage-con h1 {
    float: left;
    color: #0D529F;
    width: auto;
    padding-left: 60px;
}
.mage-con p {
    float: left;
    color: #414042;
    width: auto;
    padding-left: 60px;
    margin-top: 0;
}

.drupal {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    height: auto;
}
.drup-img {
    width: 30%;
    float: left;
    height: auto;
}
.drup-img img {
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.drup-con {
    width: 70%;
    float: left;
    height: auto;
}
.drup-con h1 {
    float: left;
    color: #0D529F;
    width: auto;
    padding-left: 60px;
}
.drup-con p {
    float: left;
    color: #414042;
    width: auto;
    padding-left: 60px;
    margin-top: 0;
}
.getintouch {
    width: 100%;
    float: left;
    height: auto;
    background-image: url("../images/getbackground.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: 0% 0%;
    background-size: 100% 100%;
}
.get-con {
    width: 80%;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}
.get-con h1{
    float: left;
    width: 100%;
    color: #0D529F;
    margin: 0;
}
.get-con p{
    float: left;
    width: 100%;
    color: #414042;
}

.talk-con {
    width: 80%;
    padding-top: 70px;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    padding-bottom: 50px;
}
.talk-con h1{
    float: left;
    width: 100%;
    margin-top: 50px;
    color: #0D529F;
}
.talk-button button {
    border: none;
    color: white;
    padding: 14px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    background-color: #0D529F;
    border-radius: 8px;
    float: left;
}
.footer {
    width: 100%;
    float: left;
    height: auto;
    background-color: #0D529F;
}
.footer-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.footer-l {
    width: 33%;
    height: auto;
    float: left;
    color: white;
}
.footer-l h3 {
    font-size: 16px;
    margin-top: 25%;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.footer-l img {
    float: left;
    width: 5%;
    height: 20px;
}
.footer-l p {
    float: left;
    width: 85%;
    margin-top: 0;
    margin-left: 20px;
    font-size: 12px;
}
.footer-c {
    width: 33%;
    height: auto;
    float: left;
    color: white;
}
.footer-c img {
    float: left;
    margin-right: 30px;
}
.footer-c h3 {
    font-size: 16px;
    margin-top: 25%;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.footer-c input {
    border: solid 1px;
    color: white;
    padding: 10px 10px;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    background-color: #0D529F;
    border-radius: 8px;
    float: left;
    width: 60%;
    margin-top: 20px;
}
.footer-c button {
    border: none;
    color: #0D529F;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 8px;
    float: left;
    width: 30%;
    margin-top: 20px;
    margin-left: 10px;

}
.footer-r {
    width: 33%;
    height: auto;
    float: left;
}
.footer-r-con {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 80px;
}
.copy {
    text-align: center;
    font-size: 12px;
    color: white;
}
.ser-banner-ls {
    width: 50%;
    height: 550px;
    float: left;
    color: #0D529F;
    font-size: 24px;
}
.ser-banner-ls h1 {
    margin-bottom: 0px;
    margin-top: 150px;
    color: #FFB900;
}
.ser-banner-ls h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 50px;
}
.ser-banner-ls p {
    font-size: 28px;
    color: #414042;
}
.ser-banner-rs {
    width: 50%;
    height: 400px;
    float: left;
}
.ser-banner-rs img {
    width: 100%;
    height: auto;
    float: right;
}
.services {
    width: 100%;
    height: auto;
    float: left;
}
.ser-content {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.ser-title {
    width: 100%;
    height: 50px;
    float: left;
    margin-top: 50px;
    margin-bottom: 20px;
}
.ser-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.ser-title h1 {
    float: left;
    width: 90%;
    padding-left: 15px;
    font-weight: bold;
    margin-top: 10px;
    color: #0D529F;
}
.column-1 {
    width: 33%;
    height: auto;
    float: left;
}
.column-2 {
    width: 33%;
    height: auto;
    float: left;
}
.column-3 {
    width: 33%;
    height: auto;
    float: left;
}
.ser-box {
    background-color: #0D529F;
    height: 250px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 10px;
    color: white;
    font-size: 15px;
}
.ser-c-box {
    background-image: linear-gradient(to bottom right, #711E5A, #104AB7);
    height: 250px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 10px;
    color: white;
    font-size: 15px;
}
.ser-box h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}
.ser-box p {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}.ser-c-box h2 {
     padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 0;
     padding-right: 0;
 }
.ser-c-box p {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.headless {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.headless-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.headless-con {
    width: 80%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
}
.headless-title {
    width: 70%;
    height: auto;
    padding-top: 60px;
    float: left;
}
.headless-title img {
    float: left;
    width: 6px;
    height: 90px;
}
.headless-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.headless-title h2 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 0px;
    color: #FFB900;
}
.headless-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 80%;
    margin-top: 0px;
    margin-left: 20px;
}
.headless-img {
    width: 20%;
    height: auto;
    padding: 20px;
    float: right;
}
.headless-img img {
    width: 100%;
    height: auto;
}
.headless-list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}
.headless-list-body {
    width: 100%;
    height: auto;
}
.headless-list-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.headless-list-con h1 {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0D529F;
}
.headless-list-con ul {
    font-size: 16px;
    color: #000000;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    list-style: none;
    padding-left: 15px;
}
.headless-list-con ul li {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
}
.headless-list-con ul li img {
    width: 10px;
    margin-right: 10px;
}

.industry {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;

}
.industry-con {
    width: 50%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.industry-con img {
    width: 12%;
    height: auto;
    float: left;
    margin-top: 5px;
}
.industry-con h1 {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
    color: #0D529F;
    font-size: 16px;
}
.industry-con p {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 0;
    font-size: 12px;
}

.core {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.core-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.core-con {
    width: 80%;
    height: 305px;
    margin-left: auto;
    margin-right: auto;
}
.core-title {
    width: 70%;
    height: auto;
    padding-top: 110px;
    float: left;
}
.core-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.core-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.core-img {
    width: 20%;
    height: auto;
    float: right;
}
.core-img img {
    width: 100%;
    height: auto;
}
.core-list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}
.core-list-body {
    width: 100%;
    height: auto;
}
.industry {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;

}
.industry-con {
    width: 50%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.industry-con img {
    width: 12%;
    height: auto;
    float: left;
    margin-top: 5px;
}
.industry-con h1 {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
    color: #0D529F;
    font-size: 16px;
}
.industry-con p {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 0;
    font-size: 12px;
}

.Integr {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.Integr-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.Integr-con {
    width: 80%;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
}
.Integr-title {
    width: 70%;
    height: auto;
    padding-top: 100px;
    float: left;
}
.Integr-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.Integr-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.Integr-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 70%;
    margin-top: 0px;
    margin-left: 20px;
}
.Integr-img {
    width: 20%;
    height: auto;
    float: right;
    margin-top: 20px;
}
.Integr-img img {
    width: 100%;
    height: auto;
}
.Integr-list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.Integr-list-body {
    width: 100%;
    height: auto;
}
.Integr-list-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.Integr-content {
    width: 33%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.Integr-content h1 {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
    color: #0D529F;
    font-size: 18px;
}
.Integr-content p {
    width: 90%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 0;
    font-size: 14px;
}

.approach {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.approach-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.approach-con {
    width: 80%;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
}
.approach-title {
    width: 50%;
    height: auto;
    padding-top: 140px;
    float: left;
}
.approach-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.approach-title h1 {
    float: left;
    width: 50%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.approach-img {
    width: 40%;
    height: auto;
    padding: 20px;
    float: right;
}
.approach-img img {
    width: 85%;
    height: auto;
}
.approach-list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}
.approach-list-body {
    width: 100%;
    height: auto;
}
.approach-list-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.approach-content {
    width: 33%;
    height: 300px;
    float: left;
    margin-top: 20px;
}
.approach-list-con ul {
    font-size: 16px;
    color: #000000;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    list-style: none;
    padding-left: 15px;
}
.approach-list-con ul img{
    width: 80%;
    margin-top: 0px;
    margin-left: 0px;
    list-style: none;
    padding-left: 15px;
}
.approach-list-con ul li {
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 0;
}
.approach-list-con ul li img {
    width: 10px;
    margin-right: 10px;
}

.magento {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.magento-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.magento-con {
    width: 80%;
    height: 660px;
    margin-left: auto;
    margin-right: auto;
}
.magento-title {
    width: 40%;
    height: auto;
    padding-top: 220px;
    float: left;
}
.magento-title img {
    float: left;
    width: 90%;
}
.magento-title p {
    font-size: 18px;
    color: #ffffff;
    float: left;
    width: 90%;
    margin-top: 20px;
    margin-left: 0px;
}
.magento-img {
    width: 50%;
    height: auto;
    padding: 20px;
    float: right;
}
.magento-img img {
    width: 100%;
    height: auto;
}
.magento-list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}
.magento-list-body {
    width: 100%;
    height: auto;
}

.magento-flow {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.magento-flow h1 img {
    float: left;
    width: 6px;
    height: 50px;
    margin-right: 20px;
}
.magento-flow h1 {
    float: left;
    width: 90%;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0D529F;
}
.magento-content {
    width: 25%;
    height: 250px;
    float: left;
    margin-top: 20px;
}
.magento-content img {
    width: 60%;
    height: auto;
    float: left;
    padding: 50px;
    padding-bottom: 20px;
}
.magento-content h1 {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #000000;
    font-size: 16px;
    text-align: center;
}
.magento-list-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.magento-list-con h1 {
    float: left;
    width: 90%;
    padding-left: 20px;
    margin-bottom: 0;
    color: #0D529F;
    margin-top: 100px;
}
.magento-list-con h1 img {
    float: left;
    width: 6px;
    height: 50px;
    margin-right: 20px;
}
.magento-list-con ul {
    font-size: 16px;
    color: #000000;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    list-style: none;
    padding-left: 30px;
}
.magento-list-con ul li {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
}
.magento-list-con ul li img {
    width: 10px;
    margin-right: 10px;
    height: 10px;
}

.capabilities {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.capabilities-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.capabilities-con {
    width: 80%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
.capabilities-title {
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.capabilities-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.capabilities-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.capabilities-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-left: 20px;
}

.capabilities-provide {
    width: 100%;
    height: auto;
    float: left;
}
.capabilities-provide-content {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.column-a {
    width: 50%;
    height: auto;
    float: left;
}
.column-b {
    width: 50%;
    height: auto;
    float: left;
}
.prov-box {
    background-color: #F2F2F2;
    height: 400px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 10px;
    color: #414042;
    font-size: 15px;
}
.prov-box h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    color: #0D529F;
}
.prov-box p {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    text-align: left;
}

.cms {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;

}
.cms-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.cms-con {
    width: 80%;
    height: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.cms-title {
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.cms-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.cms-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.cms-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-left: 20px;
}

.cms-chart {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.cms-content {
    width: 25%;
    height: 300px;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.cms-content img {
    width: 60%;
    height: auto;
    float: left;
    padding: 35px;
    padding-bottom: 20px;
}
.cms-content h1 {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #fff;
    font-size: 16px;
}
.cms-content p {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #fff;
    font-size: 14px;
}

.feature {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;

}
.feature-body {
    width: 100%;
    height: auto;
    background-color:#fff;
}
.feature-con {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.feature-title {
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.feature-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.feature-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0D529F;
}
.feature-chart {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.feature-content {
    width: 25%;
    height: 300px;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.feature-content img {
    width: 60%;
    height: auto;
    float: left;
    padding: 47px;
    padding-bottom: 20px;
}
.feature-content h1 {
    width: 80%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #000;
    font-size: 16px;
}
.fea-content p {
    width: 80%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #000;
    font-size: 14px;
}

.mission {
    width: 100%;
    float: left;
    height: auto;
}
.mission-body {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    height: 200px;
}
.mission-content {
    width: 70%;
    float: left;
    height: auto;
}
.m-c-title {
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.m-c-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.m-c-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0D529F;
}
.m-c-description {
    width: 90%;
    height: auto;
    background-color: #0D529F;
    border-radius: 20px;
    float: left;
    margin-top: 20px;
}
.m-c-description p{
    width: 70%;
    height: auto;
    padding-left: 105px;
    color: white;
    font-size: 20px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.desc-img-l{
    padding-left: 35px;
    padding-top: 30px;
}
.desc-img-r{
    padding-right: 40px;
    padding-bottom: 35px;
    float: right;
}
.mission-img {
    width: 30%;
    float: left;
    height: auto;
    padding-top: 30px;
}
.mission-img img {
    width: 100%;
    height: auto;
    float: right;
}
.value {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 40px;
}
.value-body {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    height: 200px;
}
.value-content {
    width: 70%;
    float: left;
    height: auto;
}
.v-c-title {
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.v-c-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.v-c-title h1 {
    float: left;
    width: 80%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #0D529F;
}
.v-c-description {
    width: 70%;
    height: auto;
    float: left;
}
.v-c-description p{
    width: 85%;
    height: auto;
    color: white;
    font-size: 20px;
    padding: 40px;
    background-color: #0D529F;
    border-radius: 20px;
}
.v-c-img {
    margin-top: 80px;
    width: 30%;
    height: auto;
    float: left;
}
.v-c-img img {
    width: 30%;
    height: auto;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

.team {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 40px;

}
.team-body {
    width: 100%;
    height: auto;
    background-color:#0D529F;
}
.team-con {
    width: 80%;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
}
.team-title {
    width: 60%;
    height: auto;
    padding-top: 30px;
    float: left;
}
.team-title img {
    float: left;
    width: 6px;
    height: 50px;
}
.team-title h1 {
    float: left;
    width: 90%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}
.team-title p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    width: 90%;
    margin-top: 0px;
    margin-left: 20px;
}

.team-chart {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.team-content {
    width: 25%;
    height: 300px;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.team-content img {
    width: 60%;
    height: auto;
    float: left;
    padding: 35px;
    padding-bottom: 20px;
    border-radius: 1000px;
}
.team-content h1 {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
    font-size: 16px;
}
.team-content p {
    width: 70%;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #000;
    font-size: 14px;
}
.team-img {
    width: 30%;
    height: auto;
    padding: 20px;
    float: right;
}
.team-img img {
    width: 85%;
    height: auto;
}
@media screen and (max-width: 900px) {
    .header {
    width: 100%;
    Height: 70px;
    background-color: #fff;
    box-shadow: 0px 0.1px 5px 0px gray;
    }
    .logo {
        Width: 40%;
        Height: 85%;
        float: left;
        margin-left: 20px;
        margin-top: 10px;
        padding-right: 10px;
    }
    .menu {
        width: 15%;
        Height: 100%;
        float: right;
    }
    .hamburger,
    .toggle-menu {
        display: block;
        margin-right: 20px;
    }
    .menu ul {
        justify-content: start;
        flex-direction: column;
        align-items: center;
        position: fixed;
        top: 40px;
        right: -300px;
        background: white;
        width: 300px;
        height: 100%;
        padding-top: 0px;
        z-index: 1;
        padding-left: 0;
    }
    .menu ul li {
        width: 100%;
        margin-top: 40px;
    }
    .menu ul li a {
        display: block;
        text-decoration: none;
        color: #414042;
        float: left;
        padding-left: 30px;
    }

    .menu ul li a:hover{
        display: block;
        text-decoration: none;
        color: #0D529F;
    }
    .menu ul li p{
        display: none;
    }
    .home-banner {
        background-image: url("../images/banner.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .about-banner {
        background-image: url("../images/aboutbackground.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .banner-ls {
        width: 70%;
        float: left;
        color: white;
        font-size: 8px;
        height: auto;
        margin-bottom: 65px;
    }
    .about-banner-ls {
        width: 100%;
        height: auto;
        float: left;
        color: white;
        margin-bottom: 0px;
    }
    .ser-banner-ls {
        width: 50%;
        height: 550px;
        float: left;
        color: #0D529F;
        font-size: 24px;
    }
    .banner-ls h1 {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .about-banner-ls h1 {
        margin-bottom: 0px;
        margin-top: 15px;
        color: #0D529F;
        font-size: 18px;
    }
    .about-banner-ls p {
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 10px;
        width: 100%;
        height: auto;
        color: #414042;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .ser-banner-ls h1 {
        margin-bottom: 0px;
        margin-top: 150px;
        color: #FFB900;
    }
    .ser-banner-ls h2 {
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 50px;
    }
    .ser-banner-ls p {
        font-size: 28px;
        color: #414042;
    }
    .banner-button {
        float: left;
        width: 70%;
        height: auto;
    }
    .contact-button {
        border: none;
        color: #0D529F;
        padding: 8px 25px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10px;
        margin-top: 0px;
        cursor: pointer;
        background-color: white;
        border-radius: 5px;
        float: left;
        margin-right: 0px;
        font-weight: 800;
    }
    .learn {
        color: #fff;
        padding: 8px 24px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10px;
        margin-top: 10px;
        cursor: pointer;
        background-color: transparent;
        border-radius: 5px;
        float: left;
        margin-right: 0px;
        font-weight: 800;
        border: white solid 1px;
    }
    .banner-rs {
        width: 30%;
        height: 0;
        float: left;
    }
    .who {
        width: 100%;
        height: auto;
    }

    .who-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .con {
        width: 100%;
        float: left;
        height: auto;

    }

    .con-title {
        width: 100%;
        height: 90px;
        float: left;
        margin-top: 50px;
    }

    .con-title img {
        float: left;
        height: 85%;
        width: 6px;
    }

    .con-title h5 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-bottom: 10px;
        color: #0D529F;
        margin-top: 5px;
    }

    .con-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        color: #0D529F;
        margin-top: 0px;
    }

    .con-description {
        padding-top: 20px;
    }

    .con-description p {
        margin-top: 0px;
        font-size: 16px;
    }

    .con-button {
        width: 100%;
        height: auto;
        float: left;
    }

    .con-button button {
        border: none;
        color: white;
        padding: 14px 80px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin-top: 20px;
        cursor: pointer;
        background-color: #0D529F;
        border-radius: 8px;
        float: left;
        margin-right: 15px;
    }

    .con-img {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 20px;
    }

    .con-img img {
        width: 100%;
        border-radius: 10px;
        height: auto;
    }
    .gm {
        width: 100%;
        height: auto;
    }

    .gm-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;

    }
    .wel-title {
        width: 100%;
        height: 50px;
        float: left;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .wel-title img {
        float: left;
        width: 6px;
        height: 50px;
    }

    .wel-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 10px;
        color: #0D529F;
        font-size: 24px;
    }
    .wel {
        width: 100%;
        float: left;
        height: auto;
        background-color: #f1f1f1;
        border-radius: 20px;
        margin-top: 10px;
    }
    .wel-description {
        width: 80%;
        height: auto;
        text-align: left;
        padding-left: 10px;
        padding-top: 30px;
    }

    .wel-description p {
        font-size: 16px;
        margin: 0;
    }


    .wel-img {
        margin-top: 10px;
        width: 100%;
        float: left;
        height: auto;
    }

    .wel-img img {
        width: 50%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        border: #0D529F solid 1px;
    }
    .used {
        width: 100%;
    }
    .used-con {
        width: 100%;
        background-color:#0D529F;
        height: auto;
        float: left;
        margin-top: 40px;
    }
    .used-title {
        width: 80%;
        padding-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }
    .used-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .used-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 10px;
        color: #ffffff;
        font-size: 24px;
    }
    .used-title p {
        font-size: 16px;
        color: #ffffff;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .tech {
        width: 100%;
        float: left;
        height: auto;
        background-color: #F1F1F1;
    }
    .home-magento {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 80px;
        height: 200px;
    }
    .mage-img {
        width: 100%;
        float: left;
        height: auto;
    }
    .mage-img img {
        width: 70%;
        height: auto;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
    }
    .mage-con {
        width: 100%;
        float: left;
        height: auto;
    }
    .mage-con h1 {
        float: left;
        color: #0D529F;
        width: 100%;
        height: auto;
        padding-left: 0;
    }
    .mage-con p {
        float: left;
        color: #414042;
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        height: auto;
    }

    .drupal {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 80px;
        height: auto;
    }
    .drup-img {
        width: 100%;
        float: left;
        height: auto;
    }
    .drup-img img {
        width: 70%;
        height: auto;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
    }
    .drup-con {
        width: 100%;
        float: left;
        height: auto;
    }
    .drup-con h1 {
        float: left;
        color: #0D529F;
        width: 100%;
        height: auto;
        padding-left: 0;
    }
    .drup-con p {
        float: left;
        color: #414042;
        width: 100%;
        padding-left: 0;
        margin-top: 0;
        height: auto;
        margin-bottom: 40px;
    }
    .talk-con h1{
        float: left;
        width: 100%;
        margin-top: 50px;
        color: #0D529F;
        font-size: 22px;
    }
    .footer-l {
        width: 50%;
        height: auto;
        float: left;
        color: white;
    }
    .footer-l {
        width: 100%;
        height: auto;
        float: left;
        color: white;
    }
    .footer-c {
        width: 50%;
        height: auto;
        float: left;
        color: white;
    }
    .footer-c {
        width: 100%;
        height: auto;
        float: left;
        color: white;
    }
    .footer-r {
        width: 50%;
        height: auto;
        float: left;
    }
    .footer-r {
        width: 100%;
        height: auto;
        float: left;
    }
    .about-contact-button {
        display: none;
    }
    .about-banner-rs {
        display: none;
    }
    .mission {
        width: 100%;
        float: left;
        height: auto;
    }
    .mission-body {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        height: auto;
    }
    .mission-content {
        width: 100%;
        float: left;
        height: auto;
    }
    .m-c-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .m-c-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .m-c-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #0D529F;
        font-size: 20px;
    }
    .m-c-description {
        width: 100%;
        height: auto;
        background-color: #0D529F;
        border-radius: 20px;
        float: left;
        margin-top: 20px;
    }
    .m-c-description p{
        width: 70%;
        height: auto;
        padding-left: 60px;
        color: white;
        font-size: 14px;
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .desc-img-l{
        padding-left: 20px;
        padding-top: 15px;
        height: 30px;
    }
    .desc-img-r{
        padding-right: 20px;
        padding-bottom: 15px;
        float: right;
        height: 30px;
    }
    .mission-img {
        width: 15%;
        float: left;
        height: auto;
        padding-top: 30px;
        display: none;
    }
    .mission-img img {
        width: 100%;
        height: auto;
        float: right;
    }
    .value {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 0px;
    }
    .value-body {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        height: 200px;
    }
    .value-content {
        width: 91%;
        float: left;
        height: auto;
    }
    .v-c-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .v-c-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .v-c-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #0D529F;
        font-size: 20px;
    }
    .v-c-description {
        width: 100%;
        height: auto;
        float: left;
    }
    .v-c-description p{
        width: 85%;
        height: auto;
        color: white;
        font-size: 14px;
        padding: 40px;
        background-color: #0D529F;
        border-radius: 20px;
    }
    .v-c-img {
        margin-top: 10px;
        width: 100%;
        height: auto;
        float: left;
    }
    .v-c-img img {
        width: 30%;
        height: auto;
        float: left;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .team {
        width: 100%;
        height: auto;
        float: left;

    }
    .team-body {
        width: 100%;
        height: auto;
        float: left;
        background: none;
    }
    .team-con {
        width: 100%;
        height: auto;
        background-color: #0D529F;
        float: left;
    }
    .head-content {
        width: 80%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }
    .team-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .team-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .team-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff;
        font-size: 20px;
        height: auto;
    }
    .team-title p {
        font-size: 10px;
        color: #ffffff;
        float: left;
        width: 90%;
        margin-top: 0px;
        margin-left: 20px;
        height: auto;
        margin-bottom: 30px;
    }

    .team-chart {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        float: left;
    }
    .team-content {
        width: 50%;
        height: auto;
        float: left;
        margin: 0px;
        text-align: center;
    }
    .team-content img {
        width: 50%;
        height: auto;
        float: left;
        padding: 45px;
        padding-bottom: 20px;
        border-radius: 500px;
    }
    .team-content h1 {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0;
        color: #000;
        font-size: 16px;
    }
    .team-content p {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #000;
        font-size: 14px;
    }
    .team-img {
        width: 30%;
        height: auto;
        padding: 20px;
        float: right;
        display: none;
    }
    .team-img img {
        width: 85%;
        height: auto;
    }


    .ser-banner-ls {
        width: 100%;
        height: auto;
        float: left;
        color: #0D529F;
        font-size: 24px;
    }
    .ser-banner-ls h1 {
        margin-bottom: 0px;
        margin-top: 70px;
        color: #FFB900;
        font-size: 50px;
    }
    .ser-banner-ls h2 {
        margin-bottom: 0px;
        margin-top: 0px;
        font-size: 45px;
    }
    .ser-banner-ls p {
        font-size: 20px;
        color: #414042;
    }
    .ser-banner-rs {
        width: 50%;
        height: 400px;
        float: left;
        display: none;
    }
    .ser-banner-rs img {
        width: 100%;
        height: auto;
        float: right;
    }
    .services {
        width: 100%;
        height: auto;
        float: left;
    }
    .ser-content {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .ser-title {
        width: 100%;
        height: 50px;
        float: left;
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .ser-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .ser-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        font-weight: bold;
        margin-top: 10px;
        color: #0D529F;
    }
    .column-1 {
        width: 100%;
        height: auto;
        float: left;
    }
    .column-2 {
        width: 100%;
        height: auto;
        float: left;
    }
    .column-3 {
        width: 100%;
        height: auto;
        float: left;
    }
    .ser-box {
        background-color: #0D529F;
        height:auto;
        width: 85%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        border-radius: 10px;
        color: white;
        font-size: 15px;
    }
    .ser-c-box {
        background-image: linear-gradient(to bottom right, #711E5A, #104AB7);
        height: auto;
        width: 85%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        border-radius: 10px;
        color: white;
        font-size: 15px;
    }
    .ser-box h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .ser-box p {
        padding-top: 0px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ser-c-box h2 {
         padding-top: 20px;
         padding-bottom: 20px;
         padding-left: 0;
         padding-right: 0;
     }
    .ser-c-box p {
        padding-top: 0px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .headless {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .headless-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .headless-con {
        width: 80%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .headless-title {
        width: 100%;
        height: auto;
        padding-top: 20px;
        float: left;
    }
    .headless-title img {
        float: left;
        width: 6px;
        height: 73px;
    }
    .headless-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff;
        font-size: 24px;
    }
    .headless-title h2 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 0px;
        color: #FFB900;
        font-size: 20px;
    }
    .headless-title p {
        font-size: 16px;
        color: #ffffff;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }
    .headless-img {
        width: 20%;
        height: auto;
        padding: 20px;
        float: right;
        display: none;
    }
    .headless-img img {
        width: 100%;
        height: auto;
    }
    .headless-list {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;
    }
    .headless-list-body {
        width: 100%;
        height: auto;
    }
    .headless-list-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .headless-list-con h1 {
        float: left;
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #0D529F;
    }
    .headless-list-con ul {
        font-size: 16px;
        color: #000000;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        list-style: none;
        padding-left: 15px;
    }
    .headless-list-con ul li {
        margin-top: 10px;
        margin-left: 0;
        padding-left: 0;
    }
    .headless-list-con ul li img {
        width: 10px;
        margin-right: 10px;
    }

    .industry {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;

    }
    .industry-con {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 20px;
    }
    .industry-con img {
        width: 12%;
        height: auto;
        float: left;
        margin-top: 5px;
    }
    .industry-con h1 {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0;
        color: #0D529F;
        font-size: 16px;
    }
    .industry-con p {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-top: 0;
        font-size: 12px;
    }

    .core {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .core-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .core-con {
        width: 80%;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    .core-title {
        width: 70%;
        height: auto;
        padding-top: 80px;
        float: left;
    }
    .core-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .core-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff;
        font-size: 20px;
    }
    .core-img {
        width: 20%;
        height: auto;
        float: right;
        display: none;
    }
    .core-img img {
        width: 100%;
        height: auto;
    }
    .core-list {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;
    }
    .core-list-body {
        width: 100%;
        height: auto;
    }
    .industry {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;

    }
    .industry-con {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 20px;
    }
    .industry-con img {
        width: 12%;
        height: auto;
        float: left;
        margin-top: 5px;
    }
    .industry-con h1 {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0;
        color: #0D529F;
        font-size: 16px;
    }
    .industry-con p {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-top: 0;
        font-size: 12px;
    }

    .Integr {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .Integr-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .Integr-con {
        width: 80%;
        height: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .Integr-title {
        width: 100%;
        height: auto;
        padding-top: 80px;
        float: left;
    }
    .Integr-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .Integr-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 25px;
        margin-bottom: 10px;
        color: #ffffff;
        font-size: 20px;
    }
    .Integr-title p {
        font-size: 14px;
        color: #ffffff;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }
    .Integr-img {
        width: 20%;
        height: auto;
        float: right;
        margin-top: 20px;
        display: none;
    }
    .Integr-img img {
        width: 100%;
        height: auto;
    }
    .Integr-list {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 10px;
    }
    .Integr-list-body {
        width: 100%;
        height: auto;
    }
    .Integr-list-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .Integr-content {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 10px;
    }
    .Integr-content h1 {
        width: 100%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0;
        color: #0D529F;
        font-size: 18px;
    }
    .Integr-content p {
        width: 90%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-top: 0;
        font-size: 14px;
    }

    .approach {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .approach-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .approach-con {
        width: 80%;
        height: 450px;
        margin-left: auto;
        margin-right: auto;
    }
    .approach-title {
        width: 100%;
        height: auto;
        padding-top: 40px;
        float: left;
    }
    .approach-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .approach-title h1 {
        float: left;
        width: 90%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff;
    }
    .approach-img {
        width: 100%;
        height: auto;
        padding: 0px;
        padding-top: 20px;
        margin-right: auto;
        margin-left: auto;

    }
    .approach-img img {
        width: 100%;
        height: auto;
    }
    .approach-list {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 20px;
    }
    .approach-list-body {
        width: 100%;
        height: auto;
    }
    .approach-list-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .approach-content {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 20px;
    }
    .approach-list-con ul {
        font-size: 16px;
        color: #000000;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        list-style: none;
        padding-left: 15px;
    }
    .approach-list-con ul img{
        width: 80%;
        margin-top: 0px;
        margin-left: 0px;
        list-style: none;
        padding-left: 15px;
    }
    .approach-list-con ul li {
        margin-top: 10px;
        margin-left: 20px;
        padding-left: 0;
    }
    .approach-list-con ul li img {
        width: 10px;
        margin-right: 10px;
    }

    .magento {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .magento-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .magento-con {
        width: 80%;
        height: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .magento-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .magento-title img {
        float: left;
        width: 90%;
    }
    .magento-title p {
        font-size: 18px;
        color: #ffffff;
        float: left;
        width: 90%;
        margin-top: 20px;
        margin-left: 0px;
    }
    .magento-img {
        width: 100%;
        height: auto;
        padding: 0px;
        padding-top: 30px;
    }
    .magento-img img {
        width: 100%;
        height: auto;
    }
    .magento-list {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;
    }
    .magento-list-body {
        width: 100%;
        height: auto;
    }

    .magento-flow {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .magento-flow h1 img {
        float: left;
        width: 6px;
        height: 50px;
        margin-right: 20px;
    }
    .magento-flow h1 {
        float: left;
        width: 90%;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #0D529F;
        font-size: 18px;
    }
    .magento-content {
        width: 50%;
        height: 250px;
        float: left;
        margin-top: 20px;
    }
    .magento-content img {
        width: 60%;
        height: auto;
        float: left;
        padding: 50px;
        padding-bottom: 20px;
    }
    .magento-content h1 {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #000000;
        font-size: 16px;
        text-align: center;
    }
    .magento-list-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .magento-list-con h1 {
        float: left;
        width: 90%;
        padding-left: 20px;
        margin-bottom: 0;
        color: #0D529F;
        margin-top: 50px;
        font-size: 16px;
    }
    .magento-list-con h1 img {
        float: left;
        width: 6px;
        height: 50px;
        margin-right: 20px;
    }
    .magento-list-con ul {
        font-size: 16px;
        color: #000000;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        list-style: none;
        padding-left: 30px;
    }
    .magento-list-con ul li {
        margin-top: 10px;
        margin-left: 0;
        padding-left: 0;
    }
    .magento-list-con ul li img {
        width: 10px;
        margin-right: 10px;
        height: 10px;
    }

    .capabilities {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .capabilities-body {
        width: 100%;
        height: auto;
        background-color:#0D529F;
    }
    .capabilities-con {
        width: 80%;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .capabilities-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .capabilities-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .capabilities-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #ffffff;
        font-size: 20px;
    }
    .capabilities-title p {
        font-size: 14px;
        color: #ffffff;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 20px;
    }

    .capabilities-provide {
        width: 100%;
        height: auto;
        float: left;
    }
    .capabilities-provide-content {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .column-a {
        width: 100%;
        height: auto;
        float: left;
    }
    .column-b {
        width: 100%;
        height: auto;
        float: left;
    }
    .prov-box {
        background-color: #F2F2F2;
        height: auto;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        border-radius: 10px;
        color: #414042;
        font-size: 15px;
    }
    .prov-box h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        color: #0D529F;
    }
    .prov-box p {
        padding-top: 0px;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 15px;
        text-align: left;
    }

    .cms {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .cms-body {
        width: 100%;
        height: 2100px;
        background-color:#0D529F;
    }
    .cms-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .cms-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .cms-title img {
        float: left;
        width: 6px;
        height: 60px;
    }
    .cms-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 0px;
        margin-bottom: 0;
        color: #ffffff;
        font-size: 20px;
    }
    .cms-title p {
        font-size: 16px;
        color: #ffffff;
        float: left;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .cms-chart {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .cms-content {
        width: 50%;
        height: 250px;
        float: left;
        margin-top: 20px;
        text-align: center;
    }
    .cms-content img {
        width: 60%;
        height: auto;
        float: left;
        padding: 35px;
        padding-bottom: 20px;
    }
    .cms-content h1 {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #fff;
        font-size: 16px;
    }
    .cms-content p {
        width: 70%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #fff;
        font-size: 14px;
    }

    .feature {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 40px;

    }
    .feature-body {
        width: 100%;
        height: auto;
        background-color:#fff;
    }
    .feature-con {
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-title {
        width: 100%;
        height: auto;
        padding-top: 30px;
        float: left;
    }
    .feature-title img {
        float: left;
        width: 6px;
        height: 50px;
    }
    .feature-title h1 {
        float: left;
        width: 80%;
        padding-left: 15px;
        margin-top: 20px;
        margin-bottom: 0;
        color: #0D529F;
        font-size: 20px;
    }
    .feature-chart {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-content {
        width: 50%;
        height: 300px;
        float: left;
        margin-top: 20px;
        text-align: center;
    }
    .feature-content img {
        width: 60%;
        height: auto;
        float: left;
        padding: 40px;
        padding-bottom: 20px;
    }
    .feature-content h1 {
        width: 80%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #000;
        font-size: 16px;
    }
    .fea-content p {
        width: 80%;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
        color: #000;
        font-size: 14px;
    }
}