/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.8.29
Text Domain: flatsome
License: http://themeforest.net/licenses
License URI: http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTStd-Black.eot');
    src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), 
        url('fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Black.woff') format('woff'),
        url('fonts/AvenirLTStd-Black.ttf') format('truetype'), 
        url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} 
 
@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTStd-Roman.eot');
    src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/AvenirLTStd-Book.eot');
    src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Book.woff') format('woff'),
        url('fonts/AvenirLTStd-Book.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.ilcc-cookie-consent-notice {
	background: #1138d7;
}
body.ilcc-style-top .ilcc-cookie-consent-notice-content {
	  padding: 0 50px;
    max-width: 1280px;
    margin: auto;
}
body.ilcc-style-top .ilcc-cookie-consent-close {
	background-color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #1138d7!important;
    text-transform: uppercase;
    padding: 20px 30px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1; 
    box-shadow: none;
    background-image: none;
    text-align: center;
    transition: all .2s ease-in-out;
	    white-space: nowrap;
}
body.ilcc-style-top .ilcc-cookie-consent-close:hover {
	  background: transparent;
    color: #fff!important;
    border: 1px solid #fff;
}
body.ilcc-style-top .ilcc-cookie-consent-notice-content {
	align-items: center;
}
body.ilcc-style-top .ilcc-cookie-consent-notice p {
		max-width: 80%;
    margin-left: 0;
    margin-right: auto;
	  margin-top: 3px;
    margin-bottom: 8px;
}
body.ilcc-style-top .ilcc-cookie-consent-notice p span {
	  font-size: 16px;
    line-height: 1.35;
    font-weight: 300;
	  color: #fff;
	display: inline;
}
body.ilcc-style-top .ilcc-cookie-consent-notice p a {
	font-size: 16px;
  line-height: 1.35;
  font-weight: 300;
	color: #fff;
}
#logo img {
    height: 60px !important;
    width: 230px !important;
}

header .header-nav-main.nav>li>a {
    font-family: 'Avenir';
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    opacity: 1;
}
.header-nav-main li {
    margin-left: 36px;
}
.header-button-1 a.button {
    border-width: 1px;
    font-weight: normal;
    line-height: 32px;
    font-size: 14px;
    padding: 3px 30px;
}
.header-button-1 a.button:hover{
        background: #fff;
    opacity: 1;
    color: #000;
    border-color: #fff;
}
.slider-heading {
    font-size: 70px;
    font-family: "avenir";
    font-weight: 300;
}
.footer-widgets.footer-1 {
	  font-size: 13px;
    color: #868688;
	padding: 38px 0 20px;
}
.footer-widgets.footer-1 .widget {
	margin-top: 10px;
}
.footer-widgets.footer-1 .widget span.widget-title {
	font-weight: 600;
  font-size: 15px;
  line-height: 16px;
	color: #d9d9da;
	margin-bottom: 18px;
  display: block;
}
.footer-widgets.footer-1 .widget .is-divider {
	display: none;
}
.footer-widgets.footer-1 p {
	color: #868688;
}
.footer-widgets.footer-1 a {
	color: #868688;
}
.footer-widgets.footer-1 a:hover {
	color: #d9d9da;
}
.footer-widgets.footer-1 ul.menu>li+li, .footer-widgets.footer-1 .widget>ul>li+li {
	 border-top: 0px solid #ececec;
}
.footer-widgets.footer-1 .widget_text {
	max-width: 23%;
	-ms-flex-preferred-size: 23%;
  flex-basis: 23%;
}
.footer-widgets.footer-1 .widget_recent_entries {
	max-width: 17%;
	-ms-flex-preferred-size: 17%;
  flex-basis: 17%;
}
.footer-widgets.footer-1 .widget_recent_entries ul>li {
	line-height: normal;
}
.footer-widgets.footer-1 .widget_recent_entries a, .footer-widgets.footer-1 .widget_recent_entries span.post-date {
	display: block;
}
.footer-widgets.footer-1 .widget_recent_entries span.post-date {
	color: rgba(255,255,255,.2);
}
.footer-widgets.footer-1 .widget_nav_menu:nth-child(3) {
	max-width: 26%;
	-ms-flex-preferred-size: 26%;
  flex-basis: 26%;
}
.footer-widgets.footer-1 .widget_nav_menu:nth-child(4) {
	max-width: 17%;
	-ms-flex-preferred-size: 17%;
  flex-basis: 17%;
}
.footer-widgets.footer-1 .widget_nav_menu:nth-child(5) {
		max-width: 17%;
	-ms-flex-preferred-size: 17%;
  flex-basis: 17%;
}
.absolute-footer {
    padding-top: 31px;
    padding-bottom: 30px;
    font-size: 13px;
    line-height: 24px;
    color: #89898b !important;
    text-align: center;
    background-color: #2d2c31;
}
.footer-primary {
	width: 100%;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .heading-font, .h1, .h2, .h3, .h4{
    font-weight: 600;
    font-family: 'Avenir' !important;
}
body{
    font-size: 19px;
}
.title-1 {
    font-size: 52px;
}
.c-software-dev {
    padding-top: 83px !important;
}
.sub-tagline {
    font-size: 24px;
	text-align: center !important;
 
}
.c-services .box-image img {
    opacity: 0;
        transition: 0.5s;
}
.c-services .box-image .overlay{
    opacity: 0;transition: 0.5s;
}
.box.c-services .box-image {
    background: #fcfcfc !important;
    opacity: 1;
    border:1px solid #f7f7f7;
    border-bottom: 1px solid #ccc;
}
.c-s-title {
    text-shadow: none;
    color: #000 !important;
    font-size: 30px;
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    margin-bottom: 15px !important;
}
.box.c-services .box-text p {
    text-shadow: none;
    color: #234;
}
.box.c-services  svg path {
    fill: #0cf!important;
}
.c-services:hover .box-image img {
    opacity: 1;

    transform: scale(1.2);
}
.c-services:hover .box-image .overlay {
    opacity: 1;
}
.c-services:hover svg path {
    fill: #fff !important;
}
.c-services:hover .c-s-title, .c-services:hover .box-text p{
    color: #fff !important;
}
.c-services .box-text {
    height: 100%;
    display: flex;
    align-items: center;
}
.cards-icon svg {
    width: 82px;
}
.green {
    color: #1138d7;
}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide, .wpls-logo-showcase .wpls-logo-cnt.slick-slide *{
    border: 0 !important;
    outline: 0 !important;
}
.sliderimage_hide_border .wpls-logo-cnt.slick-slide img{ 
    filter: grayscale(100%);
}
.customer-company {
    padding-bottom: 80px !important;
}
.testimonial-sec {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
}
.testimonial-sec p {
    font-size: 25px;
}
.authur-name {
    font-size: 19px;
}
.header-wrapper.stuck {
    background: #fff;
}
header .header-wrapper.stuck .header-nav-main.nav>li>a{
    color: #000;
}
header .header-wrapper.stuck .header-button-1 a.button {
        color: #46c70f;
    border-color: #46c70f;
}
header .header-wrapper.stuck .header-button-1 a.button:hover{
    background: #46c70f;
    color: #fff;
}
a.button.primary.is-outline {
    color: #000;
    border-color: #1138d7; 
    padding-left: 35px;
    padding-right: 35px;
}
a.button.primary.is-outline:hover{
    color: #fff;
}
.trusted-software .button {
    margin-top: 15px;
}
.trusted-software{
    padding-top: 100px !important;
    padding-bottom: 80px !important;
}

/* --trusted section--*/
.infoRotator-circle, .infoRotator-wrapper {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.infoRotator-circle {
    border: 1px solid #e3e3e3;
    border-radius: 50%;
}
.infoRotator-circle--1 {
    animation: rotate-clockwise 180s linear infinite;
}
.infoRotator-circle--2 {
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
}
.infoRotator-circle--3 {
    width: 92%;
    height: 92%;
    top: 4%;
    left: 4%;
    animation: rotate-counterclockwise 180s linear infinite;
}
.infoRotator-link:after, .infoRotator-marker {
    border-radius: 50%;
    position: absolute;
    display: block;
}
.infoRotator-marker {
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    background-color: #cecece;
    z-index: 3;
}
.infoRotator-link:after {
    content: '';
    width: 6px;
    height: 6px;
    top: 0px;
    left: 0px;
    background-color: #54c439;
    transition: all .2s ease;
}
.infoRotator-link.active:after, .infoRotator-link:hover:after {
    box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 0 7px rgba(84,196,57,.2), 0 0 0 8px rgba(255,255,255,1), 0 0 0 10px rgba(84,196,57,.1), 0 0 0 11px rgba(255,255,255,1), 0 0 0 12px rgba(84,196,57,.05);
}
.infoRotator-table td {
    vertical-align: middle;
    text-align: center;
    border-bottom: 0;
}
.infoRotator-table {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0 !important;
}
.info-block img, .info-block table, .info-media img, .info-text img {
    max-width: 100%;
}
.infoRotator-box, .infoRotator-eclipse {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.infoRotator-box {
    display: none;
    left: 0;
    font-size: 19px;
    line-height: 30px;
    text-align: center;
}
.infoRotator {
    position: relative;
    width: 100%;
    max-width: 660px;
    line-height: 0;
    font-size: 0;
    transform: translateZ(0);
}
.info--with-left-visual .info-block, .info--with-right-visual .info-block {
    text-align: center;
    width: 50%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.infoRotator-placeholder {
    max-width: 100%;
    width: 100%;
}
.infoRotator-eclipse {
    display: block;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    
    background-size: contain;
    transform: rotate(0);
    width: 90%;
    height: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5%;
    bottom: 0;
    vertical-align: middle;
}
.infoRotator-eclipse.animation {
    animation: rotate-clockwise 4s linear;
}
.infoRotator-box h4 {
    margin-bottom: 0;
    font-family: Avenir;
    font-weight: 300;
    font-size: 140px;
    line-height: 140px;
    color: #1138d7;
}
.infoRotator-box p {
    padding-left: 16%;
    padding-right: 16%;
    line-height: 1.8;
}
@keyframes rotate-clockwise{
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate-counterclockwise{
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/*---project section--*/
.complated-project .col {
    padding: 0;
}
.p-name {
    text-shadow: none;
    color: #fff!important;
    font-size: 25px;
    margin-bottom: 15px!important;
    text-transform: uppercase;
    transition: 0.5s;
}
.complated-project .box-text p {
    text-shadow: none;
    color: #fff;
    font-size: 15px;
}
.complated-project  svg path {
    fill: #fff !important;
}
.complated-project .overlay{
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%) !important;
}
.complated-project .box-text .p-content {
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s;
    visibility: hidden;
    position: absolute;
    max-width: 260px;
    left: 0;
    right: 0;
    margin:0 auto;
}
.complated-project .box:hover .box-text .p-content {
    opacity: 1;
    transform: translateY(-119px);
visibility: visible;
} 
.complated-project .box .box-text {
    height: 100%;
    display: flex;
    align-items: center;
}
.complated-project .box .box-image .image-cover {
    padding-top: 500px !important;
}
.complated-project .box .box-text .cards-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    transition: 0.5s;
}
.complated-project .box:hover .box-text .cards-icon{
    top: -100px;
}
.complated-project .box:hover .box-text .p-name {
    transform: translateY(-130px);
}
.complated-project .cards-icon svg {
    width: 152px;
    height: 60px;
}
.complated-project .box {
    overflow: hidden;
}
a.links {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.complated-project {
    padding-bottom: 0 !important;
}
.contact-us {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
}
.contact-us .title-1{
    position: relative;
}
.contact-us .title-1:after {
    background: #1138d7;
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    width: 1em;
    display: block;
    bottom: -7px;
    margin: 0 auto;
    position: absolute;
}
.contact-us form.wpcf7-form {
    background: #fff;
    padding: 60px;
    max-width: 850px;
    margin: 0 auto;
}
.contact-us form.wpcf7-form input:not([type="file"]), .contact-us form.wpcf7-form textarea {
    border: 1px solid #d9d9d9 !important;
    box-shadow: none !important;
    font-size: 16px;
    padding: 16px;
    color: #999;
    height: 56px;
}
.contact-us form.wpcf7-form p{
    position: relative;
}
.contact-us form.wpcf7-form label {
    position: absolute;
    left: 16px;
    z-index: 1;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    top: 5px;
    color: #999;
    display: none;
}
.contact-us form.wpcf7-form input.wpcf7-submit {
    color: #fff;
    min-width: 170px;
    padding: 6px;
    margin-top: 10px;
    border:2px solid #1138d7 !important;
}
.contact-us form.wpcf7-form input.wpcf7-submit:hover{
    background: transparent;
    color: #1138d7;
}
.attach:before {
    background: url(/wp-content/uploads/2020/08/attach.png);
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px;
}
.attach {
    color: #1138d7;
    font-size: 15px;
}
.file {
    text-align: left;
}
.file input.wpcf7-form-control.wpcf7-file {
    opacity: 0;
    width: 110px;
}
.attach {
    color: #1138d7;
    font-size: 15px;
    cursor: pointer;
    display: block;
    position: absolute;
}
.file p {
    color: #a6aaaf;
    font-size: 12px;
}
p.note {
    font-size: 15px;
/*     max-width: 600px; */
    margin: 0 auto;
}
p.note a{
     color: #1138d7;
}
.footer-widgets.footer-1 .call-us a {
    color: #b3b3b4;
}
.footer-widgets.footer-1 .widget_recent_entries ul>li{
    margin-bottom: 15px;
}

/*---inner page and mega menu--*/
h1, h2, h3, h4, h5, h6, .heading-font {
    font-weight: 300 !important;
    font-family: 'Avenir' !important;
}
h3 {
    font-size: 40px;
    line-height: 1.2;
}
h4 {
    font-size: 35px;
     line-height: 1.2;
}
body{
    font-size:19px;
}
.stuck #logo img.header-logo {
    display: none !important;
}
.stuck #logo img.header-logo-dark {
    display: block !important;
}
.box.c-services .box-text p{
    font-size:17px;
}
.c-s-title{
    text-transform:uppercase;
}
.header-button .is-outline:not(:hover) {
    color: #fff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    margin-left: 35px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    padding: 15px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:after {
    display: block;
    width: 0;
    height: 2px;
    bottom: 1px;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    content: "";
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    position: relative;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover:after{
    width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-menu-grid ul.mega-sub-menu ul.mega-sub-menu {
    padding: 15px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    text-transform: inherit;
    color: #000;
    font-size: 19px;
    font-family: "Ubuntu",sans-serif !important;
    font-weight: bold !important;
        padding: 6px 9px;
}
.mega-menu-column .mega-sub-menu .mega-menu-item ul.menu li a {
    color: #444;
    border: 0;
    padding: 10px;
}
.mega-menu-column .mega-sub-menu .mega-menu-item ul.menu li a:hover {
    background: rgba(81, 192, 54, 0.05);
    color: rgb(81, 195, 54);
}
.mega-menu-column .mega-sub-menu .mega-menu-item ul.menu li {
    border-bottom: 0 !important;
    box-shadow: none !important;
    border: none !important;
        width: 49%;
    display: inline-block;
    vertical-align: top;
}
.blog-menu a {
    max-width: 300px;
    display: block;
    margin: 11px;
    border: 1px solid #eee;
}
.blog-menu a h4 {
    color: #000;
    padding: 0 15px;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold !important;
}
.blog-menu a h4:hover{
    color: #1138d7;
}
.blog-menu a span.read{
    color: #1138d7;
    padding: 0 15px;
    margin-bottom: 11px;
    display: block;
}
.stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #000;
}
.stuck #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a:hover:after{
    background:  #1138d7;
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu{
    margin-top: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu{
    margin-top: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator{
    display: none;
}
.large-img-1{
    display: none;
}

.col.large-images.small-12.large-12 {
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;

}
.large-images .img {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    top: 0;
    height: 100%;
    width: 100% !important;
    transition: opacity .8s ease , transform 1s linear .8s;
   
    opacity: 0;
}
.large-images .img.active{
    opacity: 1;
     z-index: 1;
}
.tech-row {
    position: relative;
    overflow: hidden;
}

.large-images * {
    width: 100%;
    height: 100%;
}
.tech-row .col.medium-3.small-6.large-3 {
    padding: 0;
}
.tech-row .box-text {
    height: 100%;
}
.tech-row .b-content, .tech-row .cards-icon {
    opacity: 0;
}
.tech-row .col:hover .b-content, .tech-row .col:hover .cards-icon {
    opacity: 1;
}
.tech-row .b-content{
    margin-top: 15px;
    font-size: 17px;
}
.tech-row .b-name {
    font-size: 30px;
/*     font-family: "Ubuntu",sans-serif !important; */
    font-weight: 500 !important;
    text-transform: capitalize;
    z-index: 10;
    position: relative;
    opacity: 0.7;
}
.tech-row .active .b-name{ 
    opacity: 1;
}
.tech-row .cards-icon svg path, 
.tech-row .cards-icon svg rect{
    fill: #FFF !important;
}
.tech-box .box-image img {
    transition: 0.9s;
}
.col:hover .tech-box .box-image img {
    transform: scale(1.5);
}
.tech-box.active {
    z-index: 1;
}
.tech-row .box-text {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    word-break: break-word;
    white-space: normal;
}
.large-images .img .img-inner img {
    transition: 0.9s;
}
.large-images .img.active .img-inner img{
    animation: zoom 9s linear;
}
@keyframes zoom{
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
/*.large-images .img.active .img-inner img{
transform: scale(0);
    transition: 0.9s;
}*/
.tech-box a.links {
    z-index: 10;
}

/*-- SOFTWARE DEVELOPMENT -- */
.inner-main-title {
    font-size: 70px;
    line-height: 1.1;
    text-shadow: 0 0 15px rgba(0,0,0,.7);
}
.i-sub-text {
    font-size: 25px;
    text-shadow: 0 0 15px rgba(0,0,0,.7);
}
.inner-banner {
    padding-top: 12% !important;
}
.sub-text {
    font-size: 25px;
}
.g-padding {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
}
.enterprise .wpls-logo-showcase-slider-wrp{
    margin-top: 30px;
    margin-bottom: 90px;
}
.clients-sec .title-1 {
    margin-bottom: 70px;
}
.seniority-sec .bg.section-bg.fill {
    background-repeat: repeat !important;
    background-size: inherit !important;
}
.statistics-num {
    color: #fff;
    font-size: 120px;
    letter-spacing: -0.1em;
    line-height: 1.1;
}
.statistics-description {
    font-size: 17px;
    color: #fff;
    margin-top: 8px;
}
.seniority-sec .col.medium-4 .col-inner {
    border-right: 1px solid rgba(255,255,255,0.4);
}
.seniority-sec .col.medium-4:nth-child(3) .col-inner {
    border-right: 0;
}
.seniority-sec {
    padding-top: 60px !important;
}
.card-des {
    font-size: 17px;
}
.our-strenght .cards-icon {
    margin-bottom: 15px;
}
.our-strenght .card-name {
    margin-bottom: 14px;
}
.our-strenght .cards-icon svg{
    width: auto;
    height: 100px;
}
.our-strenght .cards-icon svg path, .three-services .cards-icon svg path{
        fill: #1138d7!important;
}
.our-strenght .col.medium-3.small-6.large-3:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 70%;
    top: 15%;
    left: 0;
    border-left: 1px solid rgba(200,200,200 ,.5);
}
.our-strenght .col.medium-3.small-6.large-3 {
    padding-bottom: 0;
}
.five-row .col.medium-2.small-6.large-2 {
    flex-basis: inherit;
    max-width: 20%;
}
.five-row .col.medium-2.small-6.large-2 .col-inner:after {
    content: "";
    background: rgba(255,255,255,.25);
    height: 200px;
    right: -20px;
    top: 11px;
    width: 1px;
    display: block;
    position: absolute;
}
.three-boxes .col .col-inner {
    border: 1px solid #ebebeb;
    height: 100%;
}
.three-boxes .col .col-inner h4 {
    font-size: 26px;
}
.three-boxes .col .col-inner p {
    font-size: 17px;
}
.three-boxes .col .col-inner {
    border: 1px solid #ebebeb;
    height: 100%;
    padding: 24px 31px 28px;
    border-top-width: 6px;
}
.three-boxes .col.border-color-purple .col-inner {
    border-top-color: #9b59b6;
}
.three-boxes .col.border-color-green .col-inner {
    border-top-color: #1138d7;
}
.three-boxes .col.border-color-yellow .col-inner {
    border-top-color: #f1c40f;
}
.three-boxes .col {
    padding-bottom: 0;
}
/*--Services pages--*/
.three-services .col.medium-4.small-12.large-4 {
    padding: 0 30px;
}
.three-services .cards-icon svg{
    height: 100px;
    margin-bottom: 20px;
    width: auto;
}
a.button.primary.is-outline.blue-button {
    color: #0cf;
    border-color: #0cf;
}
a.button.primary.is-outline.blue-button:hover{
    background-color: #0cf;
    color: #fff;
}
a.button.primary.is-outline.green-button {
    color: #1138d7;
}
a.button.primary.is-outline.green-button:hover{
    color: #fff;
}
.blue-title h4 {
    color: #0cf;
   
}
.green-title h4 {
    color: #1138d7;
}
.enterprise-sec .col h4 {
    margin-bottom: 40px;
    position: relative;
}
.enterprise-sec .col h4:before {
    position: absolute;
    left: -50px;
    content: "";
    top: 8px;
    height: 20px;
    display: block;
    width: 20px;
}
.enterprise-sec .col.blue-title h4:before{
    background:url("/wp-content/uploads/2020/08/blue-dot.png");
}
.enterprise-sec .col.green-title h4:before{
    background:url("/wp-content/uploads/2020/08/green-dot.png");
}
.enterprise-sec .col{
    padding-left: 90px;
}
.sphere-item-title {
    font-size: 24px;
    font-family: "Ubuntu",sans-serif !important;
    font-weight: normal !important;
    color: #0cf;
}
.sphere-item-6 .sphere-item-title, .sphere-item-5 .sphere-item-title {
    color: #f96057;
}
.sphere-item-4 .sphere-item-title, .sphere-item-3 .sphere-item-title {
    color: #255ccc;
}
.sphere-item-1{
    right: 0;
}
.sphere-item {
    position: absolute;
}
.sphere-item ul li {
    font-size: 17px;
    margin-bottom: 3px;
}
.support-chart {
    position: relative;
    padding-bottom: 150px;
}
.col.sphere-item.sphere-item-2 {
    right: 0;
    top: 33%;
}
.col.sphere-item.sphere-item-3 {
    right: 10%;
    bottom: -130px;
}
.col.sphere-item.sphere-item-3 {
    right: 10%;
    bottom: 0;
}
.col.sphere-item.sphere-item-4 {
    left: 15%;
    bottom: -22px;
}
.col.sphere-item.sphere-item-5 {
    top: 38%;
}
.three-boxes .col.border-color-blue .col-inner {
    border-top-color: #0cf;
}
.trendsetting .three-boxes .col.border-color-blue {
    margin-bottom: 35px;
}
.the-perfect {
    padding-top: 70px;
}
.industries-sec ul li {
    margin-bottom: 5px;
    font-size: 17px;
}
.industries-sec h4 {
    font-weight: 600 !important;
    font-size: 24px;
    position: relative;
    margin-left: 5px;
}
.industries-sec .col h4:before {
    position: absolute;
    left: -31px;
    content: "";
    top: 4px;
    height: 20px;
    display: block;
    width: 21px;
}
.industries-sec .col.blue-title h4:before{
    background:url("/wp-content/uploads/2020/08/blue-dot.png");
}
.industries-sec .col.green-title h4:before{
    background:url("/wp-content/uploads/2020/08/green-dot.png");
}
.industries-sec .col.dark-blue-title h4:before{
    background:url("/wp-content/uploads/2020/08/dark-blue.png");
}
.why-go .three-boxes .col{
        margin-bottom: 30px;
}
.section.why-go {
    padding-bottom: 60px !important;
}
.related-products .title-1 {
    color: #fff;
}

.related-products .swiper-container {
    max-width: 1050px;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
      overflow: inherit;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

}
.related-products .swiper-wrapper .swiper-slide {
    width: 100%!important;
    background: #fff;
    padding: 30px;
    opacity: 0;
}
.related-products .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.portfolio-title {
    font-size: 36px;
    color: #000;
    text-align: left;
    line-height: 1.2;
    font-weight: 500 !important;
}
.related-products .swiper-wrapper .swiper-slide .left-side {
    width: 60%;
    padding-right: 60px;
    text-align: left;
}
.portfolio-content {
    color: #232323;
    margin-bottom: 25px;
    font-size: 17px;
}
.portfolio-button a {
    display: inline-block;
    border: 2px solid #46c70f;
    padding: 8px 25px;
    font-family: 'Avenir'!important;
    text-transform: uppercase;
    font-weight: 300 !important;
    transition: 0.3s;
}
.portfolio-button a:hover{
    background:#46c70f;
    color: #fff;
}
.swiper-pagination-bullet-active{
    background:#46c70f ;
}
.related-products .swiper-container .swiper-button-prev:after, 
.related-products .swiper-container  .swiper-button-next:after
{
    display: none;
}
.related-products .swiper-container .swiper-button-prev, 
.related-products .swiper-container  .swiper-button-next {
    width: 82px;
    height: 56px;
    top: 50%;
    margin-top: -28px;
    background-image: url(/wp-content/uploads/2020/08/related-slider-arrow.png);
    transition: all .2s ease;
    opacity: 1;
        background-repeat: no-repeat;
}
.related-products .swiper-container .swiper-button-prev.swiper-button-disabled, 
.related-products .swiper-container  .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
}
.related-products .swiper-container .swiper-button-prev{
    left: -120px;
    background-position: 10px 0;
}
.related-products .swiper-container  .swiper-button-next{
    background-position: -92px 0;
        right: -120px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: inherit;
}
.services-page .c-services .box-image .overlay {
    background: rgba(0,0,0,0.4) !important;
}
.services-page .box.c-services svg path {
    fill: #1138d7!important;
}
.services-page .box.c-services:hover svg path {
    fill: #fff !important;
}
.immersive-sec ul li{
    position: relative;
    list-style: none;
}
.immersive-sec ul li:before{
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 11px;
    top: 11px;
    left: -21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANlJREFUeNqU0T8LQVEYx3EXSVaTxW6ymf1PiO7gJRgMMhlMTAaTxeoNUGIwKNMti8WglFlJBklJJt9Tz61DqHvqU+fp3t/pnOcxTCvmcriqiKLudRisYQADHreDYEMLPrG0w0H4/gSb6GvBCsYqHIKF0Y8DWujJ/gETM1Wo8BARlDCBXwt20JX9HWXM7Y9u6d5e6jymCEiorQWLWOhXUt0+IK4aIDfIYoew/HNDQZ72tuyGHZHAVmo7eEXuW1APq3VCEhupL8hg9WsEn3M+IyVvS2P9b/AvAQYAvxkoInbfMQUAAAAASUVORK5CYII=);
}
.web-expert .col.small-12.large-12 {
    padding-bottom: 0;
}
.web-expert .sub-text {
    margin-bottom: 0;
}
.immersive-sec .col.medium-6.small-12.large-6 {
    padding-bottom: 0;
}
.immersive-sec ul {
    padding-bottom: 75px;
}
.web-list .sphere-item-title {
    color: #1138d7;
    font-size: 28px;
}
.web-list p {
    font-size: 17px;
}
.col.web-list.weblist-1 {
    text-align: right;
        top: 0;
}
.col.web-list {
    position: absolute;
}
.web-at-scale-row {
    position: relative;
    padding: 200px 0;
}
.col.web-list.weblist-2 {
    right: 0;
    top: 0;
}
.col.web-list.weblist-3 {
    text-align: right;
    bottom: 0;
}
.col.web-list.weblist-4 {
    bottom: 0;
    right: 0;
}
.web-list .sphere-item-title:after {
    content: "\2022";
    position: absolute;
    top: -13px;
    margin-left: 11px;
    font-size: 50px;
}
.col.web-list.weblist-4 .sphere-item-title:after{
	 margin-left: -190px;
} 
.col.web-list.weblist-2 .sphere-item-title:after{
    margin-left: -230px;
}
.img.web-at-scale-image .img-inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2020/08/vis-sphere-webappdev-1-arrow.png) 50% 0 no-repeat;
    background-size: contain;
    transform: rotate(0);
    animation: webappdev-arrow;
    animation-direction: alternate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes webappdev-arrow{
    0%{
        transform:rotate(0)
    }
    5%{
        transform:rotate(3deg)
    }
    10%,85%{
        transform:rotate(2deg)
    }
    25%{
        transform:rotate(6deg)
    }
    45%{
        transform:rotate(-7deg)
    }
    60%{
        transform:rotate(10deg)
    }
    100%{
        transform:rotate(5deg)
    }
}
 .cards-row {
    background: url(/wp-content/uploads/2020/08/bg-cards-webappdev-3.jpg) #d6d6d6;
    background: linear-gradient(135deg,rgba(255,255,255,.2) 0,rgba(0,0,0,.1) 100%),url(/wp-content/uploads/2020/08/bg-cards-webappdev-3.jpg),#d6d6d6;
    border: 3px solid;
    border-color: #eee #aaa #aaa #eee;
    margin: 0 auto 5px;
    padding: 5px;
}
.cards-row .col {
    padding: 0;
    border: 1px solid;
    border-color: #777 #eee #eee #777;
    border-radius: 5px;
    text-align: left;
    background: linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.5) 40%,rgba(0,0,0,.2) 100%);
    max-width: 32.4%;
    margin: 0 5px;
}
.cards-row .col .col-inner {
    border: 2px solid;
    border-color: #eee #777 #777 #eee;
    border-radius: 5px;
    padding: 40px;
    height: 100%;
    background: url(/wp-content/uploads/2020/08/bg-cards-webappdev-3-keyhole.png) 95% 50% no-repeat;
}
.cards-row ul li {
    font-size: 17px;
    margin-bottom: 5px;
}
.techlogies-sec .img {
    background: #f7f7f7;
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    padding: 20px;
    height: 170px;
    line-height: 130px;
    text-align: center;
    margin-bottom: 30px;
}
.techlogies-sec .img img {
    width: auto;
    margin: 0 auto;
}
.techlogies-sec {
    padding-bottom: 60px !important;
}

.related-products .swiper-container .swiper-button-next:hover {
    background-position: -82px 0;
}
.related-products .swiper-container .swiper-button-prev:hover{
    background-position: 0 0;
}
.swiper-pagination  .swiper-pagination-bullet{
        background: #fff;
    opacity: 0.8;
        width: 10px;
    height: 10px;
    cursor: pointer;
}
.covering-row .col.medium-4.small-12.large-4 {
    padding: 0;
}
.covering-row h4 {
    margin-top: 30px;
    font-size: 45px;
    margin-bottom: 20px;
}
.covering-row .box-overlay.dark .box-text{
    text-shadow: none;
}
.covering-row .box-overlay .box-text{
    height: 100%;
    display: flex;
    align-items: center;
}
.covering-row .cards-icon {
    background: rgba(0,0,0,.4);
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 100px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.covering-row .cards-icon path {
    fill: #fff!important;
}
.covering-row .box-text ul {
    list-style: none;
    margin:15px 0 0; 
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;

}
.covering-row .box-text ul li {
    display: table-cell;
    text-align: center;
    font-size: 90%;
}
.covering-row .box-text ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}
.covering-row .box-overlay.dark .box-text .cards-text {
    position: absolute;
    opacity: 0;
    transform: translateY(100%);
    width: 90%;
    transition: 0.6s;
    left: 0;
    right: 0;

}
.covering-row .col .box-text .box-text-inner{
      transition: 0.4s;
      width: 100%;
}
.covering-row .col:hover .box-overlay.dark .box-text .cards-text {
    opacity: 1;
    transform: translateY(0px);
}
.covering-row .col:hover .box-text .box-text-inner{
    transform: translateY(-80px);
}
.covering-row .col:hover {
    width: 60%;
}
.covering-row .col{
    transition: width .5s ease;
    display: table-cell;
    float: none;
    flex-basis: inherit;
    width: 33.33%;
    max-width: inherit;
}
.covering-row{
    float: none;
    display: table;
    table-layout: fixed;
}
.covering-row .col .box-overlay .box-image .image-cover {
    padding-top: 650px !important;
}
.web-security {
    padding: 50px 0 0 !important;
}
.covering-all{
    padding-bottom: 0 !important;
} 
.dd-first svg path, .typical-en .cards-icon svg path{
    fill: #1138d7!important
}
.dd-first .col.medium-6.small-12.large-6 {
    padding: 0 55px;
	padding-left: 15px; 
}
.offshore-ddc .row .col .card-name{
    position: relative;
}
.offshore-ddc .row .col .card-name:after {
    content: '';
    position: absolute;
    display: block;
    width: 110px;
    top: -10px;
    left: -141px;
    font-weight: 500;
    font-size: 106px;
    line-height: 106px;
    color: #000;
    opacity: .1;
}
.offshore-ddc .row .col .card-name h4 {
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 0;
}
.offshore-ddc .row .col .card-name h4:after {
    content: '';
    position: absolute;
    display: block;
    width: 80%;
    height: 74px;
    bottom: 0;
    left: -27px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/wp-content/uploads/2020/08/cated-development-teams-title-after.png);
    background-size: contain;
}
.offshore-ddc ul li{
    font-size: 17px;
    margin-bottom: 5px;
}
.offshore-ddc .row .col.green-title .card-name:after {
    content: '01';
}
.offshore-ddc .row .col.blue-title .card-name:after {
    content: '02';
}
.offshore-ddc .row .col.dark-blue-title .card-name:after {
    content: '03';
}
.offshore-ddc .row .col {
    margin: 0 45px;
}
.offshore-ddc .row .col.green-title{
    padding-top: 200px;
}
.offshore-ddc .row .col.blue-title{
    padding-top: 100px;
}
.dark-blue-title h4 {
color: #255ccc;
}
.offshore-ddc .three-services {
    padding-left: 85px;
}
.bigger-then .row .col:first-child {
    padding-right: 155px;
    padding-left: 55px;
}
.bigger-then .row .col:nth-child(2) {
    padding-left: 155px;
    padding-right: 55px;
}
.bigger-then {
    padding: 100px 0 !important;
}
.typical-en .cards-icon svg {
    width: auto;
    height: 100px;
    margin-bottom: 20px;
}
.typical-en .three-boxes .col .col-inner h4{
    font-family: "Ubuntu",sans-serif !important;
}
.specialist-sec .statistics-row {
    display: flex;
    align-items: center;
        border-right: 1px solid rgba(255,255,255,0.4);
}
.specialist-sec .col:nth-child(2) .statistics-row{
border:0;
}
.specialist-sec .statistics-row .statistics-cell {
    margin-left: 22px;
    margin-right: 6px;
    text-align: left;
}
.specialist-sec .statistics-row .statistics-cell .statistics-title {
    font-size: 54px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
.specialist-sec .statistics-row .statistics-cell .statistics-description {
    margin: 0;
    font-size: 25px;
    line-height: 1;
}
.specialist-sec .statistics-row .statistics-cell .statistics-num{
    font-size: 150px;
}
.wddc .web-at-scale-row{
        padding: 50px 0;
}
.purpul-list.web-list  h4.sphere-item-title {
    color: #9d26d5;
}
.red-list.web-list  h4.sphere-item-title {
    color: #f96057;
}
.blue-list.web-list  h4.sphere-item-title {
    color: #0cf;
}
.web-list.purpul-list .sphere-item-title:after{
color: #9d26d5;
}
.web-list.red-list .sphere-item-title:after{
     color: #f96057;
}
.web-list.blue-list .sphere-item-title:after{
    color: #0cf;
}
.wddc .col.web-list{
    padding-bottom: 0 !important;
}
.moving .col.small-12.large-12 {
    padding: 0;
}
.we-got-it .web-at-scale-row {
    padding: 0px 0;
}
.we-got-it .web-list .sphere-item-title{
    position: relative;
}
.we-got-it .web-list .sphere-item-title:before {
    position: absolute;
    display: block;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    left: -40px;
    top: 9px;
}
.we-got-it .web-list .sphere-item-title:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgBJREFUeNqklc8vXVEQx4+nfVsJlfi58MSP+JGUpYoQiV/rio2okG4rakH6BygLylqbIDZiK3aCiM1LlC5KKyo01S40Ekv04TvJ58rN67s8Mcknc885M3PnzDl3bsp5d4cLkGJhi208p4tTsSeWxDzP/0lKgqDPxKjoEk9csPwTs2JQ/PUvhOIMK0VU9Igr8Um0ikxLAG3jj6z3YF8ZlGmR2MBxVbwW+3dkWkjwenEiar1yeJmmUiMLuCiaCVghpsVPcY6eJrMf2C3iN0+c26BWvypxIDrFhXgjtsUrkS/CaBtviT7sOvF7ztpt0AH0O3Em2sWE9+YEYvMfsDvDz+StV9MiavFH5ImnvDnH3S/mUyAuxS+RLUos0xcYrHGiDUkGdARpxG+NuRoLmsXgCF3mHial6EN0VohiO7b9GAmjLyzobwb56J0HBvuGzvXqbEE/M6jlNqxwAC7Jg1rGr465zRAn/5Wit3PJ7Q5eJxG0D/uX+Nsu97x7Oo4eFmliQfSLWECwGOsL2L9nfsx/+WfEFxERcxR9UlTTiY7pSseMq/k4wthH8J+JbyglYt3XUHr5CIIkQhfzGkqdd2j+1vddNHEbzHBXTIkWkYFNBk1kivV6DqvJdwsSNmnLdITmkHpHpjG2O0SmgU3aYWBbL+cPEKVpOHSU+XLsTuID3AgwAESdgknTxlvCAAAAAElFTkSuQmCC);
}
.we-got-it .col.web-list.weblist-1, .we-got-it .col.web-list.weblist-3{
    padding-right: 50px;
}
.we-got-it .col.web-list.weblist-2, .we-got-it .col.web-list.weblist-4{
    padding-left: 50px;
}
.we-got-it .web-list .sphere-item-title:after {
    content: '';
    position: absolute;
    display: block;
    width: 85px;
    height: 1px;
    top: 17px;
    background: rgba(255,255,255,.5);
    left: -95px;
}
.we-got-it .col.web-list.weblist-1 .sphere-item-title:before, .we-got-it .col.web-list.weblist-3 .sphere-item-title:before{
    right: -40px;left: auto;
}
.we-got-it .col.web-list.weblist-1 .sphere-item-title:after, .we-got-it .col.web-list.weblist-3 .sphere-item-title:after{
    right: -124px;left: auto;
}
.we-got-it .col.web-list.weblist-1, .we-got-it .col.web-list.weblist-2{
    top: 50px;
}
.we-got-it .col.web-list.weblist-3{
        bottom: -40px;
}
.orange-list.web-list  h4.sphere-item-title {
    color: #ff9700;
}
.aqua-list.web-list  h4.sphere-item-title {
    color: #00ddce;
}
.we-got-it .web-list.orange-list .sphere-item-title:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNqklc8vXFEUx9+YspWUJtqyKGEaqaTtUhshEr/WJjZSQZrYSVlo+ge0LPzoigTxIzZiK7aI2NhgQVVokWJBJLPsMKafM/m+5hnz/GhP8sm5991zzpx7z71nAvFBx0+KoAHqNH4IZ7ANczCdGLfFrzkGUgTNhh54Bw8cf7mASegi8Kl3IS3JsARWoAUuYRRq4ZElIG3zEa23JOyHAiV+mRbCshwX4D3s3JBpgYKXwwm8JeNtb6ZBnZEFnIVqBXwB43AAv6XHtaNd2c3Kb5qMg96gdn6v4Ac0QhTaYQ2aIA8ypG2+qvWo7M3vpdb+Bu2U/gQRCEO/dpBKgloPs+WI/Ew63DMt1DU5hlxI1y8/cW4X83kG5/ALHkPIMn0jg0VVtOKOAR0FqSTbS/mblFrQHE32pYud+8lz6T3pnDQdtqNt/49kSEct6JEmedKb9wy2Jf3UPWcrlL3r70mF+qnz+udCWeU39CGsS253MH6HoO0Uyezr5b9pr8q9p33SnyETZuADxHyCxbQ+wysy+y/63uu9/BOwDvkwpUP/Cq/ViQ7VlQ41t+8DspuS37riXGkoIVjyNJRWPQI/yVcXcxtKGVvfSm59Vqwq3QYz/AbDUANZsslSExnWermKVeUG9GvSlmm3mkPwhkxj2u5HAp7c1vm9x9GsZxtSASPa0TyMJcYp/k7+CDAAR02UWE0Fc9wAAAAASUVORK5CYII=);
}
.we-got-it .web-list.aqua-list .sphere-item-title:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgVJREFUeNqklcsvQ1EQxm976VbikdRroVIV0QRLRIikHmuNjRDEWrAg/gCPhdca8Ug3Tbdii4iNBbrwDPWIsiCSLpW2vuG7clVvFZP8MvfeMzOdM3PO1KRc7CkGUgLaQSufM8ETOAPrwCvPMVvlN0dTgqDZYBJ0gjTFWF7BKhhG4Ef9gjnO0Al2QQ+IgkXQAnLeE/jQ8r7AdbHbNQX2nUaZ2sEOHTdBHzhPkmkxg9eDB1CLjM/0maqskQRcA00MWA6WwQ14pl7mji5ot0Y/LzJW9UGlflLxAOgAYdAPDkAXKAQWannf53qY9uJXwbXPoEPUoyAE3GCGO0gkKtfd2HKIfiKDWk3tPCb3oACk85fzlJ9FfIrAC7gFucAhmdbQYIsdbUgxoMIgjcg2Sn+Raglq5cs1dZnyOymlvqK2mllshdv+j1iowxL0ji+F1Ee/DHZCna/VWRol9/o0rlGXrNefGyWdP+QHNw+5nMFYCkH70SSxb6P/kdwq7ZxOU4+BDOADAyBiECzCdR9ukdiP8/uU/vCvAD+wAQ+LPgeqOImCnEpBvsv3Wdp56OdnnC8DxQG2dQOll5fASGycYtpAqcPWT+JHnzTLxdMghsdgHjSDLNpkcYjMc72ezXJpAY2GtGQ6weGgJsk0wu2OIODDT5NfX45uXlsHGxjijjbAkjwn+jt5E2AAaC6XWH/SU2gAAAAASUVORK5CYII=);
}
.we-got-it .web-list.green-list .sphere-item-title:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==);
}
.for-any-row h4 {
    position: relative;
    display: block;
    left: 0;
    font-family: "Ubuntu",sans-serif !important;
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-transform: capitalize;
    background-color: #1138d7;
    padding: 20px 30px;
}
.for-any-row h4:after {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    top: 0;
    right: -20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABGCAYAAADMz7TxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAb9JREFUeNqsmD8ohHEYx393TleSRMpCGaQkCymDQUnKwqIMBgvFIORPyJ8oEhFKSimDssgkMUgGGZRBUbIYpBBKQpfzfep3i0LO51uf6bpPd+/7vM/ved5A7UFJlXNu20EJiimRSArzRCsptAyJDFKYKkZIoaVJFJLCBDFLCi3lopYUWqZFmBTmiHZSaOkXmaQwWUyQQkuDKCaF9tmcCFBCS6moJ4XOX8skUpglekmhpVNkk0L7y5Ok0FInykihlc/Mb98J/rFui0QjKbSMiRRSmOmbBya0tIlcUhj+roziFVpqRAUpdL6MQqSwQDSTQucHhDRSmO5HGUxoaRH5pDDkbxAmtFSKalJoGaeFu6Tw3joRKbR6fKCE52KRvMt2KkYo4Y7Yop6UiP91WHNYFqeU8EkMkg3WTr9bSngp5skzpVu8UcJ9sUGdyx9fy+S/wlVxTAmffxpB4hHapHBNCa/8DohNsH3ihRIeiTVqC4j6zTRKCdfFIbVJvYoecnmc9ncXEd7Q+/KAfzIQ4YlYId85dPiuggg3xR713ubdd2JHCRfEBSW8E6PETBITDotHSngmlqiZzoRdscmJyKcAAwDWN0jVRke7+gAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    filter: brightness(0) saturate(100%) invert(17%) sepia(78%) saturate(4775%) hue-rotate(232deg) brightness(83%) contrast(103%);
}
.for-any-row .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.for-any-row .row .col-inner {
    padding: 25px;
}
.for-any-row .row .col{
    padding-bottom: 0 !important;
}
.for-any-row >.col > .col-inner > .row:first-child {
    background: #fff;
}
.for-any-row >.col > .col-inner > .row:nth-child(2) {
    background-color: #f1f1f1;
}
.for-any-row p{
    margin-bottom: 0;
}
.table-wrapper:before {
    position: absolute;
    display: block;
    width: 92px;
    height: 100%;
    top: 0;
    background-position: 0 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: '';
}
.for-any-row > .col:before, .for-any-row > .col:after {
    position: absolute;
    display: block;
    width: 92px;
    height: 100%;
    top: 0;
    background-position: 0 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: '';
    left: -76px;
    background-image: url(/wp-content/uploads/2020/08/table-page-application-integration-left.png);
}
.for-any-row > .col:after{
    left: auto;
    background-image: url(/wp-content/uploads/2020/08/table-page-application-integration-right.png);

    right: -76px;
}
.for-any-row > .col{
    padding-bottom:  0;
}
.for-any-row >.col > .col-inner > .row {
    height: 201px;
}
.api-title {
    text-align: center;
    color: #1138d7;
    padding: 15px 0 23px;
    margin: 0;
    position: relative;
}
.api-title:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGRJREFUeNpUjjsSwCAIROVjo4X3PyaFleNnJ0xI3AIWngK0906v5pyIIhId9bTWMrPArTVmhmfHvXe84EcwKK/fYwwAIoLHOpQXVlV0A7v5hpdS0k+1VjcUl2Olz8w5+13QEWAA1wUy/oCNPuAAAAAASUVORK5CYII=);
    content: ".";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: repeat;
    height: 7px;
    width: 100%;
}
.iconSlider-item svg path{
    fill: #1138d7!important;
}
.iconSlider-item svg {
    width: auto;
    height: 40px;
    margin: 20px auto 25px;
    display: block;
}
.iconSlider-text {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
 .iconSlider-list ul li {
    font-size: 14px;
    line-height: 22px;
}
.experience-api-sec .flickity-slider .col {
    border-right: 1px solid #eee;
}
.experience-api-sec > .col.small-12.large-12 > .col-inner{
    background-color: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}
.mobile-first .card-name {
    font-family: "Ubuntu",sans-serif !important;
    margin-bottom: 30px;
}
.mobile-first .row .col:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 70%;
    top: 15%;
    left: 0;
    border-left: 1px solid rgba(200,200,200 ,.5);
}
.mobile-first .row .col{
    padding: 0 30px;
}
.mobile-expe .statistics-description h4{
   font-family: "Ubuntu",sans-serif !important;
   font-size: 28px; 
}
.mobile-expe .statistics-description {
    padding: 0 15px;
}
.mo-experience .infoList-title {
    font-size: 30px;
    font-family: "Ubuntu",sans-serif !important;
}
.mo-experience p{
    font-size: 17px;
}
.info-wrap {
    margin-top: 87px;
}
.mo-experience .bg.section-bg.fill {
    background-position: right -340px center !important;
    background-size: 75% auto !important;
}
.domain-expertise .iconSlider-item svg path {
    fill: #0cf!important;
}
.domain-expertise .iconSlider-item svg {
        height: 100px;
}
.domain-expertise .iconSlider-item .iconSlider-text{
    border:0;
    margin-bottom: 0;
    font-weight: 300;
}
.mp-project .img {
    margin-top: 85px;
}
.mobile-technology {
    padding-bottom: 0 !important;
}
.mobile-tech-row .col {
    padding: 0;
}
.mobile-tech-row .box .box-image .image-cover {
    padding-top: 440px !important;
}
.mobile-tech-row .box .box-text{
    height: 100%;
    display: flex;
    align-items: flex-end;
    text-shadow: none;
    padding-bottom: 50px;
}
.mobile-tech-row .box .box-text h4 {
    font-size: 25px;
    font-family: "Ubuntu",sans-serif;
    font-weight: 500 !important;
    margin-top: 22px;
    margin-bottom: 10px;
}
a.button.primary.is-outline.white-btn {
    border-color: #fff;
    border-radius: 2px;
    color: #fff;
}
a.button.primary.is-outline.white-btn:hover{
    background:#fff;
    color: #5c5c5c;
}
.mobile-tech-row svg {
    height: 90px;
    width: 90px;
}
.mobile-tech-row svg path{
    fill: #fff !important;
}
.mobile-tech-row .fullCards1-icon {
    margin-bottom: 100px;
}
.mobile-tech-row .box.has-hover:hover {
    opacity: 0.8;
}
.mobile-page-slider .flickity-slider .text .text-inner h3 {
    font-size: 45px;
}
.slider-row-mobile .col.small-12.large-12 {
    padding: 0;
}
.slider-row-mobile .flickity-viewport{
    overflow: inherit;
}
.mobile-page-slider .flickity-slider .banner-inner .img {
    top: -15%;
}
.slider-row-mobile {
    padding: 70px 0;
}

/*---portfolio page--*/
.page-template-page-transparent-header-light #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    color: #000;
}
.page-template-page-transparent-header-light .nav-dark .header-button .is-outline {
    border-color: #46c70f;
    background-color: #46c70f;
    color: #fff;
    transition: 0.3s;
}
.page-template-page-transparent-header-light .nav-dark .header-button .is-outline:hover{
    background:#fff;
    color: #46c70f;
    border-color: #46c70f;
}
.contact-head {
    padding: 30px;
    text-transform: uppercase;
    background-color: #1138d7;
    color: #fff;
}
.section.sale-sec {
    padding: 0 !important;
}
.contact-head h4 {
    margin: 0;
    color: #fff;
}
.contact-add-info {
    margin: 0 auto !important;
}
.contact-add-info .col{
    padding:30px;
    border: 1px solid #ebebeb;
}
.contact-add-info h4 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 500 !important;
}
.contact-add-info a {
    display: block;
}
.contact-add-info a:last-child {
    color: #000;
}
.contact-add-info .col:first-child {
    border-right: 0;
}
.office-location {
    margin-top: 60px;
}
.sale-sec .bg.section-bg.fill.bg-fill {
    background-position: right bottom;
    background-size: 35% !important;
}
p.h5 {
    margin-bottom: 0;
}
.section.sale-sec {
    padding: 0 0 140px !important;
}
.section.how-to-start-sec {
    padding-top: 0 !important;
}
.startSteps-text {
/*     padding-left: 120px; */
}
.startSteps-text h5 {
    text-transform: uppercase;
    font-size: 25px;
}
.startSteps-text p {
    font-size: 17px;
}
.startSteps-num {
/*     float: left;
    width: 90px;
    height: 90px;
    margin-top: 11px;
    margin-right: 28px;
    line-height: 85px;
    font-size: 50px;
    background-repeat: no-repeat;
    color: #fff;
    background-size: contain;
    text-align: center; */
}
.startSteps-num--1 {
    background-image: url(/wp-content/uploads/2020/08/step-bg-green.png);
}
.startSteps-num--2 {
    background-image: url(/wp-content/uploads/2020/08/step-bg-blue.png);
}
.startSteps-num--3 {
    background-image: url(/wp-content/uploads/2020/08/step-bg-orange.png);
}
.contact-privacy {
    padding-top: 80px !important;
}

/*---portfolio page--*/


.taxonomy-cat-child {
    font-size: 17px;
    line-height: 22px;
    padding: 9px 20px;
    background: #ebebeb;
    color: #234;
    display: block;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer;
    order: 4;
    margin-right: 15px;
    margin-bottom: 15px;
}

.taxonomy-cat-main {
 padding-top: 100px;
 position: relative;
}
.taxonomy-cat[data-parent="expertise"] {
    order: 1;
}
.taxonomy-cat[data-parent="verticals"] {
    order: 2;
}
.taxonomy-cat[data-parent="technologies"] {
    order: 3;
}
.taxonomy-cat {
    display: inline-block;
    font-size: 35px;
    color: #234;
    text-transform: uppercase;
    margin-right: 35px;
    padding-bottom: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 1;
}

.portfolio-item .portfolio-wrap {
    min-height: 500px;
    background-size: cover;
    background-position: center center;
    padding: 50px;
    position: relative;
    margin-bottom: 25px;
}
.portfolio-item .portfolio-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .5;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
    background: linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
}
.portfolio-item .portfolio-wrap h3.portfolio-title {
    color: #fff;
    position: relative;
}
.portfolio-item:hover .portfolio-wrap h3.portfolio-title
{
    color: #55c53a;
}
.taxonomy-cat-child{
    display: none;
}

.taxonomy-cat-child.clicked {
    display: inline-flex;
}
.taxonomy-cat[data-parent="service-technologies"] {
    left: 470px;
}
.taxonomy-cat[data-parent="service-verticals"] {
    left: 236px;
}
.taxonomy-cat.active, .taxonomy-cat[data-parent="service-expertise"]{
    color: #1138d7;
    border-bottom: 2px solid;
}
.verticals .taxonomy-cat[data-parent="service-expertise"], .technologies .taxonomy-cat[data-parent="service-expertise"]{
    border-bottom: none;
    color: #000;
}
.taxonomy-cat-child:hover, .taxonomy-cat-child.active{
    background:#1138d7;
    color: #fff;
}
.taxonomy-cat-main:after {
    content: "";
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    position: absolute;
    top: 76px;
}
.view-portfolio {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.portfolio-item:nth-child(3n-2) {
    width: 100%;
}
.portfolio-item {
    width: 48.5%;
    display: none;
}
.portfolio-item.selected{
    display: block;
}
/*.portfolio-item.selected:last-child:nth-child(4) {
    width: 48.5%;
}*/
.taxonomy-cat-child[data-parent="service-expertise"] {
    display: inline-block;
}

.technologies .taxonomy-cat-child[data-parent="service-expertise"], .verticals .taxonomy-cat-child[data-parent="service-expertise"]{
    display: none;
}

.tags {
    max-width: 90%;
    position: absolute;
    bottom: 50px;
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
}
.tags span {
    display: block;
    margin-bottom: 5px;
    color: #1138d7;
    margin-top: 5px;
}
.portfolio-single-page .page-title.portfolio-featured-title {
    min-height: 600px;
}
.single-featured_item .header-bg-container.fill {
    display: none; 
}
.single-featured_item header#header {
    position: absolute;
    background: transparent;
}
.portfolio-single-page .featured-title .page-title-inner{
        padding-top: 140px;
}
.portfolio-single-page .featured-title .page-title-inner h1.entry-title {
    font-size: 62px;
    text-transform: inherit;
    letter-spacing: 0;
}
.p-detail-first .img {
    display: inline-block;
    margin: 0 15px;
}
.portfolio-single-page .portfolio-top > .row.page-wrapper {
    max-width: 100%;
}
.portfolio-single-page .portfolio-top{
    padding: 0;
}
.portfolio-single-page .portfolio-top > .row.page-wrapper div#portfolio-content {
    padding: 0;
}
.row .row:not(.row-collapse) {
    margin: 0 auto;
}
.p-detail-second .bg.section-bg.fill.bg-fill {
    background-size: initial !important;
    background-repeat: repeat !important;
}
.p-detail-second .statistics-row {
    display: flex;
    align-items: center;
}
.p-detail-second .statistics-row .statistics-title {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    padding-left: 29px;
}
.p-detail-second .statistics-row .statistics-num {
    font-size: 90px;
    font-weight: 400;
}
.p-detail-second .statistics-row .statistics-icon {
    background: url(data:image/webp;base64,UklGRlIBAABXRUJQVlA4TEUBAAAva8AaEA8hFkzmL92ZwvzPP4GkLbx7Yg0OB0AAAAgAEAAAILiRpEjKgR1m7qml+v8z+6ZvO49REf2fADw+iKIQ/GEUBXiJhaq8AKNafXalj7filD22Uo/6+FJVemUfLX2J34UudaEqQXPhmk9WsrDtESwgEqYWsICW6xrjAPGVp8cRBqoODuhoLoFLcGEKnUKaES4Yic4AkK7raOHMUlvDumZWTSSWo7BU1nFFdH3GlaVz64g0c8qUdXPbmBanhUZTl1Spa4daeSU4CoTr3h50dyLd46fiXdn3NgmTdlfu+5jHcT7e9VPbvKn4sFaMOYrKf46iIlRGA1H/BqKv4z9JGsYSVeO/RNUQpownJKn/E5KUUBkNRP0biL6O/yQxjCMm43/EZAjxpgrjhEX8T1iEUBkNRP0biL6O/9u4rjeC63pjiN5UAA==);
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    left: -60px;
}
.p-detail-second .statistics-row .statistics-icon.setting{
    background: url(data:image/webp;base64,UklGRhIGAABXRUJQVlA4TAYGAAAvb8AhEDchFkzmL90fwfzP/wQkdHwAy7btKNENvSitqGBHmzf/ORJeUklc9RvR/wmAb5N9hN95pv0qfsdbQeXPSEn9/Rn3A0p+hNiOuh9R0vHirTrnfRmU806hN1qiqQmOUuL2jLCZaAw90dJ+68Jd8thY9CnELu0lEdEYeqGmQ/lILm/SX65R8aHDb+CBkOwePICPXY0PKqtk6INA2tTDiw+bMj9kFn3gya89hS9Ka2bhC7GZ2KSJBr6MSXdsUgGEl17q3LzRaSwFjqOnxio8IRbeJwS75lHhiQuxPwKaJe/jB/FmLSG0byxKPZDcVmIX0BcLS/aZW6L8kOYEkzWLiMZSOBN1K2k3RgKpQbReQzciMpkawUeLaAudiE1ImL0ZoNgXs6HmH7EZ6nwRSQMUmXn5AmG36lVGxKa3XIUbQFBPOm8jBel+CgGX8yePTia+vKWL4Xw0sUahVxO7EvBhzaKHViZZE/wYSBbdNU4rsWtP4MGjd8wQjSS2DHyRaZB8ZIqonkmzhy/FpkFE2/f1mUm/9EZJtr69MVpDsSdOZO/NE0+LVuGFmGwuvdBZ9bZNBGqeWK2iyLInqc+snOxu7Yrp8MVCz3gX3WriVTzk0RLbdTuiiIVBIR8JAFGOGtstARB1m2JNYXWwMToeBqKpCXFYsl4B1EEzE60p7G6IuWiI6wnslXMG9/JKYfnEoTNP+8ZY4PSJ2MOfpIyrWz1PBn+B8ShyKpA8qv6kOXjC3jwwUJPmx4g4CKUqt6em7RZrjToUa8XdMhygV4ywtqb9K+flpN3xRPEmIhoOss++sKakw7EQKnF5k8GpDg7CdiF1r7K8JO5cCyBsFzK83RMAaS+J+XCgIM312kv6y3f9Ic27fS8dB3PrCtdWYZ3YHLvB/odjiQMntz5wcXKqcKI2tj2vxSlNsnPTL8Zm4UQgjcg+Bzu9rWYauPkwIG8RtEWzGtgCR1K9TwKjYa93h6tfnQ6HIr2UVZEFKqDYdGJnSp4soAyqtyT1t40USFfeE85WLHnBXlw34vfRDvHC6t0ZWSX2p5m0t2qHdOPI0JWMuDfsGzLaCwC4cKhx5cEZxa4lwy8BAA/O5EiwcTIAqOh4fT3uw3RE/S5YGZS7UROzB4BMHgwZlHG3qagGgIozuDFyEgBiIuWcgRm9VDIGIBaGDO0Lm4mYLwCoSfkJwL8raACAlkFzE9qVD5LYBQCxKKYAuoOCEgARh0j2qTXRdSFNKQAUtJcptINZcQeAL4uIvqWw4TRI0v4AwFNxg8GLYt11OkRrG/xVMJLJbrcpIhOYd5QCOOsRbbfob2IyWgJIaf+G0U5RA4hNEH0cyABcFFczueIGANITCYBaUZiJFMNu9UQMoFXkZgLFczd7pFFczIScxRMpgEpRm0kVj93miTOAk+JhplRcAQRkX7gaaQCEisXMU3EBkJl5/w1ENRnoAWDc0cVEJBUhgMrEWIk/AnD5aC27q2IUBh60fwNAr/fMYWf6kDxKASQKuurlpCwBiFVjbiPYGzQTqwOAp4IKnXRVLALAmbiyP8H2XDIWASCRCqp5+UrKEgCenDaAgw8GVQDQqeiVHIV3Un8AICHmBCczziIAiK+K6F1nUZiWvST1Gu2enMYNjAzqACCcD7TlCQDOxJShIxWHMgCIJjNbDgDhwunhaLBx5hAAwpeJKcX+RdyTK7hz6CuwrzYdeRPY34k7wtkLi97BDkE7c7Z7BOWN2J07A4++0Q5A1j7HeZ5et7OAUvTEn5yJSXc9q/STkXRzV25aRENkIrhK0h4cCTYDJO+JTtiuZFCGbtRk+Nuk4iCunpLMtm7MpohITu/n8Bo3Mj87cSanzy683BociMltGdrXOUaVdWJ17WvfW2v9q01rEbYh+PK+hYhvqzk5nFB8eUsM+4PvkRwy7EU1mlmuEfb5i7GmcDEYFWsXgXl66Y2FwHE6qNYUboYj0esiwA/1cvCjbiXaUrgatjH0XzoztEX5zuDVQqfV86/YeDL0Hx68AT/wxMt/AWbOjJ/YcprfEMqjLfwNGI7u+JGno+RXIFZH8CA=);
}
.portfolio-single-page .portfolio-summary.entry-summary {
    display: none;
}
.p-detail-second .col {
    padding-bottom: 0;
}
.p-detail-second {
    padding: 50px 0 !important;
}


@media only screen and (max-width: 1100px){
    .slider-heading {
        font-size: 50px;
    }
    .title-1 {
        font-size: 37px;
    }
    .sub-tagline {
        font-size: 18px;
    }
    .c-s-title{
        font-size: 22px;
    }
    .box.c-services .box-text p {
        font-size: 15px;
    }
    .tech-row .b-name {
        font-size: 24px;
    }
    .testimonial-sec p {
        font-size: 20px;
    }
    .infoRotator-box h4{
            font-size: 100px;
    line-height: 90px;
    }
    .infoRotator-box p{
        font-size: 15px;
    }
    .p-name{
            font-size: 19px;
    }
    .complated-project .cards-icon svg {
        width: 100px;
        height: 30px;
    }
    .complated-project .box .box-image .image-cover {
        padding-top: 280px !important;
    }
    .complated-project .box .box-text .cards-icon{
        top: 18px;
    }
    .inner-main-title {
        font-size: 55px;
    }
    .three-boxes .col .col-inner h4 {
        font-size: 21px;
    }
    .we-got-it .web-at-scale-row {
        padding: 90px 0;
    }
    h4 {
        font-size: 25px;
    }
    .covering-row h4{
        font-size: 32px;
    }
    .portfolio-title {
        font-size: 27px;
    }
    .i-sub-text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px){
    .nav>li.has-icon>a>i{
        color: #fff;
    }

    .has-off-canvas.has-off-canvas-center .mfp-bg.off-canvas-center:not(.dark){
        margin-top: 70px;
        border-top: 1px solid #eee;
        opacity: 1;
    }
    html.has-off-canvas.has-off-canvas-center {
        overflow: hidden;
    }
    .has-off-canvas.has-off-canvas-center .header-inner {
        background: #fff;
    }
    
    .mfp-ready .mfp-close {
            opacity: 1;
            top: 14px;
            right: 5px;
    }
    .off-canvas-center .mfp-content {
        padding-top: 0;
    }
    .off-canvas-center .mfp-container {
        height: auto;
        padding-top: 55px;
    }
    .off-canvas-center .nav-vertical>li>a {
        font-size: 20px;
        text-align: left;
        color: #000;
        padding: 8px 30px;
        font-family: 'Avenir'!important;
        font-weight: 300 !important;
    }
    .menu-button a.nav-top-link {
        border: 1px solid #46c70f;
        width: 190px !important;
        display: block;
        flex-grow: inherit;
        margin-left: 30px;
        padding: 15px !important;
        text-align: center !important;
        margin-top: 15px;
    }
    .header .header-wrapper {
        background: #fff !important;
    }
    .header-inner .header-logo{
        display: none;
    }
     .header-inner .header-logo-dark{
        display: block !important;
    }
    .header .nav>li.has-icon>a>i{
        color: #000;
    }
}
@media only screen and (max-width: 767px){
    .slider-heading {
        font-size: 36px;
    }
    .home-banner {
        min-height: 420px !important;
        height: auto !important;
    }
    .home-banner .slider-heading {
        margin-top: 90px;
    }
    .title-1 {
        font-size: 32px;        
/*     text-align: center; */
    }    
    .c-software-dev {
        padding-top: 50px !important;
    }
    .sub-tagline {
        font-size: 19px;
    }
    .c-s-title{
            font-size: 28px;
    }
    .c-services .image-cover {
        padding-top: 89% !important;
    }
    .customer-company {
        padding-bottom: 20px !important;
    }
    .testimonial-sec p {
        font-size: 20px;
    }
    .testimonial-sec {
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }
    .trusted-software {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }
    .trusted-software {
        text-align: center;
    }
    .info-block.info-block--visual {
        display: none;
    }
    .complated-project{
            padding-top: 0 !important;
    }
    .complated-project .col {
        padding: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
    .complated-project .box .box-image .image-cover {
        padding-top: 300px !important;
    }
    .complated-project .box .box-text .cards-icon{
            top: 31px;
    }
    .complated-project .box:hover .box-text .cards-icon {
        top: 31px;
    }
    .complated-project .box:hover .box-text .p-name {
        transform: translateY(0px);
    }
    .complated-project .box-text .p-content {
        display: none;
    }
    .contact-us {
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    .contact-us form.wpcf7-form{
            padding: 20px;
    }
    .footer-widgets.footer-1 .widget_text, .footer-widgets.footer-1 .widget_recent_entries,
    .footer-widgets.footer-1 .widget_nav_menu:nth-child(3), .footer-widgets.footer-1 .widget_nav_menu:nth-child(4){
            max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .tech-row .col.medium-3.small-6.large-3 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .tech-row .b-content, .tech-row .cards-icon {
        opacity: 1;
    }
    .tech-box .box-image .image-cover {
        padding-top: 310px !important;
    }
    .col.large-images.small-12.large-12 {
        display: none;
    }
    .tech-row .b-name{
        opacity: 1;
    }
    .complated-project .box .box-text .cards-icon {
        top: 58px;
    }
    .inner-main-title {
        font-size: 36px;
    }
    .i-sub-text {
        font-size: 20px;
    }
    .inner-banner {
        padding-top: 120px !important;
        min-height: inherit !important;
        padding-bottom: 0 !important;
    }
    .g-padding {
        padding-top: 50px!important;
        padding-bottom: 30px!important;
    }
    .sub-text {
        font-size: 20px;
    }
    h3 {
        font-size: 32px;
        line-height: 39px;
    }
    .statistics-num{
            font-size: 58px;
    }
    .seniority-sec .col.medium-4 .col-inner{
        border:0;
    }
    .our-strenght .card-name{
        font-size: 26px;
    }
    .card-des {
        font-size: 16px;
    }
    .our-strenght .cards-icon svg{
            height: 80px;
    }
    .five-row .col.medium-2.small-6.large-2{
            max-width: 100%;
    }
    .five-row .col.medium-2.small-6.large-2 .col-inner:after{
        display: none;
    }
    .three-boxes .col{
        margin-bottom: 35px;
    }
    h4 {
        font-size: 26px;
    }
    .enterprise-sec .col {
        padding-left: 25px;
    }
    .sphere-item {
        position: relative;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
    .industries-sec h4{
        margin-left: 33px;
    }
    .related-products .swiper-wrapper .swiper-slide{
        flex-wrap: wrap;
    }
    .related-products .swiper-wrapper .swiper-slide .left-side{
            margin-top: 18px;
                width: 100%;
    order: 2;
    }
     .support-chart .img {
        width: 100% !important;
    }
    .sphere-item{
        padding-bottom: 10px !important;
    }
    .support-chart{
        padding-bottom: 0px;
    }
    .industries-sec .col {
        padding-bottom: 5px;
    }
    .section.trendsetting {
        padding-bottom: 0 !important;
    }
    .related-products .swiper-wrapper .swiper-slide{
        padding: 15px;
    }
    .portfolio-title{
            font-size: 26px;
    }
    .swiper-pagination.swiper-pagination-bullets {
        z-index: 1000;
    }
    .col.web-list {
        position: relative;
        padding-bottom: 10px !important;
    }
    .web-list p {
        font-size: 14px;
        text-align: left;
    }
    .web-list .sphere-item-title{
        text-align: left;
    }
    .web-list .sphere-item-title:after{
        display: none;
    }
    .web-at-scale-row {
        padding: 10px 0 0;
    }
    .web-at-scale-row .img {
        width: 100% !important;
    }
    .cards-row {
        max-width: 95%;
    }
    .cards-row .col {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .info-wrap {
        margin-top: 20px;
    }
    .mo-experience .col.medium-6.small-12.large-6 {
        padding-bottom: 0;
    }
    .domain-expertise .iconSlider-item svg {
        height: 60px;
    }
    .mo-experience .infoList-title {
        font-size: 26px;
    }
    .iconSlider-text {
        font-size: 16px;
    }
    .slider-row-mobile {
        padding: 0;
    }
    .mobile-page-slider .flickity-slider .banner-inner .img{
        display: none;
    }
    .mobile-page-slider .flickity-slider .text .text-inner h3 {
        font-size: 30px;
    }
    .mobile-page-slider  .sub-text {
        font-size: 16px;
    }
    .mobile-page-slider .flickity-slider .banner-inner .text-box {
        width: 83% !important;
        transform: none !important;
        left: 25px !important;
        top: 35px !important;
    }
    .mobile-page-slider .flickity-slider .banner {
        padding-top: 380px !important;
    }
     .mobile-page-slider .flickity-viewport{
        height: 380px !important;
     }
     .mp-project .img {
        margin-top: 45px;
    }
    .techlogies-sec .col.medium-2.small-6.large-2 {
        padding-bottom: 0;
    }
    .we-got-it .web-list .sphere-item-title:before, .we-got-it .web-list .sphere-item-title:after{
        display: none;
    }
    .we-got-it .col.web-list.weblist-2, .we-got-it .col.web-list.weblist-4 {
        padding-left: 15px;
    }
    .we-got-it .col.web-list{
        bottom: inherit !important;
        top: inherit !important; 
    }
    .for-any-row > .col:before, .for-any-row > .col:after, .for-any-row h4:after{
        display: none;
    }
    .for-any-row>.col>.col-inner>.row {
        height: auto;
    }
    .for-any-row .row .col-inner {
        padding: 26px 10px 0;
    }
    
    .for-any-row >.col > .col-inner > .row{
            padding-bottom: 25px;
    }
    .we-got-it .web-at-scale-row {
        padding: 0px 0;
    }
    .container {
    padding-left: 15px;
}
    .covering-row .col{
        width: 100%;
    }
    .covering-row{
        display: block;
    }
    .covering-row .box-overlay.dark .box-text .cards-text {
        transform: none;
        position: relative;
        opacity: 1;
    }
    .web-security .img {
        width: 145px !important;
    }
    .offshore-ddc .row .col.green-title {
        padding-top: 0;
    }
    .offshore-ddc .row .col .card-name:after{
        left: -122px;
    font-size: 73px;
    }
    .bigger-then .bg.section-bg.fill.bg-fill {
        display: none;
    }
    .bigger-then .row .col:first-child {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        background:url("/wp-content/uploads/2020/08/g-info-dedicated-development-teams1.jpg");
        background-size: cover;
        background-position: center center;
    }
    .bigger-then .row .col:nth-child(2){
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        background:url("/wp-content/uploads/2020/08/g-info-dedicated-development-teams2.jpg");
        background-size: cover;
        background-position: center center;
    }
    .specialist-sec .statistics-row .statistics-cell .statistics-num {
        font-size: 100px;
    }
    .specialist-sec .statistics-row .statistics-cell .statistics-title {
        font-size: 31px;
    }
    .specialist-sec .statistics-row .statistics-cell .statistics-description{
        font-size: 17px;
    }
    .specialist-sec .statistics-row{
        border:0;
    }
    .wddc .web-at-scale-row {
        padding: 0px 0;
    }
    .contact-us-page {
/*         padding-top: 120px !important; */
    }
    .taxonomy-cat{
        font-size: 18px;
        padding-bottom: 10px;
    }
    .taxonomy-cat[data-parent="service-verticals"] {
        left: 104px;
    }
    .taxonomy-cat[data-parent="service-technologies"] {
        left: 209px;
    }
    .taxonomy-cat-main {
      padding-top: 65px;
    }
    .taxonomy-cat-main:after{
            top: 39px;
    }
    .taxonomy-cat-child {
        font-size: 14px;
        line-height: 15px;
        padding: 7px 14px;
    }
    .view-portfolio { 
        margin-top: 25px;
    }
    .portfolio-item .portfolio-wrap {
        min-height: 250px;
        padding: 30px;
        display: flex;
        align-items: center;
    }
    .portfolio-item{
        width: 100%;
    }
    .tags {
        display: none;
    }
}

/* vj's css */

.blog-post .post-item {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    max-width: 100% !important;
}

.blog-post  .box-text{
	    padding-left: 20px !important;
    padding-right: 20px !important;
	
}

.blog-post .grid-col-1-2{height:400px !important}

.blog-post .box-image .image-cover{
	padding-top:35% !important;
}

/* dynamic blog post css start */
body {font-size: 19px; line-height: 1.57894737; color: #234; background-color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased;} 
a:hover, a:link {text-decoration: none;}
.article-box ul li:before, .article-quote::before, .breadcrumbs__item::after, .logo-blog::before, .navigationDropdown:before, .navigationList-link:after, .sectionTitle__description:before, .title .tags-item:before, .title--blur-buttons .title-name:before, .title--overflow-dark::before, .title-button-blur:before, .title.title--article .title-name::before, .title.title--article:before {content: "";}
.title {position: relative; padding-top: 150px; padding-bottom: 100px; color: #fff; text-align: center; text-shadow: 0 0 15px rgb(0 0 0 / 70%); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; background-color: #3d3c42;}
.title.title--article {text-align: left;padding-top: 70px;padding-bottom: 80px;min-height: 520px;position: relative;}
.title.title--article:before {display: block; width: 100%; height: 100%; background: #000; opacity: .5; position: absolute; left: 0; right: 0; top: 0;}
.title .tags {margin: 0; position: absolute; left: 15px; bottom: 0; min-height: 150px; max-width: 23%; width: 100%;}
.title .tags-title {font-weight: 500;color: #1138d7; line-height: 14px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase;}
.title .tags-item {color: #FFF;margin-bottom: 6px; padding: 0 0 0 15px; font-size: 13px; line-height: 17px; background-color: transparent; margin-right: 32px; position: relative; display: block;}
.title .tags-item:before {position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #1138d7; display: block; margin-bottom: 7px;}
.title.title--article .container .row>div {position: static;}
.title.title--article .container {position: relative;}
.title.title--article>div {position: relative;z-index: 1;}
.title-text, .title-text p { padding-right: 20px; font-size: 25px; line-height: 38px; color: #fff;}
.title-text p{
	padding-left: 0px !important;
}
.title.title--article .title-name {position: relative; padding-bottom: 16px; margin-bottom: 23px;}
.title.title--article .title-name::before {left: 0; bottom: 0; width: 275px; height: 2px; background: #fff; position: absolute; display: block;}
.title.title--article .title-name h1 {font-size: 56px; line-height: 62px; margin-bottom: 0; padding: 0; font-weight: 500; text-transform: none;}
.title .row div:last-child h1, .title .row div:last-child p {margin-bottom: 0;}
.title.title--article .title-text, .title.title--article .title-text p {font-size: 19px; line-height: 28px; padding: 0; max-width: 800px; margin: 0 0 20px;}
.node-type-research .title.title--article .title-text {opacity: 1;}
.node-type-research .title.title--article .title-text p {transition: opacity .3s; opacity: 1;}
.title.title--article .title-post-info {font-size: 14px; line-height: 18px; margin-bottom: 20px;}
.node-type-research .title.title--article .title-post-info {transition: opacity .3s; opacity: 1;}
.socials {line-height: 0; text-align: left;}
.socials__link {margin-right: 8px; display: inline-block; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear , -webkit-transform .2s linear;}
.socials button svg {max-width: 100%; width: auto; height: auto;}
.article {padding-top: 50px;}
.breadcrumbs {margin-bottom: 30px;}
.breadcrumbs__list {font-size: 14px; line-height: 24px; margin: 0; padding: 0;}
.breadcrumbs__item {list-style: none; display: inline; vertical-align: top; color: #234; margin-right: 21px; padding-bottom: 10px; position: relative;}
.breadcrumbs__item:last-child {margin-right: 0;}
.breadcrumbs__link {color: #234; opacity: .6; -webkit-transition: opacity .2s linear; transition: opacity .2s linear;}
.breadcrumbs__item::after {width: 10px; height: 25px; display: inline-block; vertical-align: top; margin-left: 15px; background: url(../images/ico-arrow-breadcrumbs.svg) center center no-repeat;}
.breadcrumbs__item:last-child:after {display: none;}
.wrapper {position: relative;}
.stickyNavigation {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.stickyNavigation .container, .stickyNavigation .row {height: 100%;}
.stickyNavigation-holder {display: block; height: 100%; float: none;}
.stickyNavigation-wrapper {position: absolute; width: 200px; height: 100%; left: 50px; top: 0; padding-top: 192px; padding-bottom: 60px;}
.article .stickyNavigation-wrapper {padding-top: 0; left: 15px;}
.stickyNavigation-col {position: relative; height: 100%; padding-right: 18px; border-right: 1px solid #eaeaea; border-right: 1px solid rgba(128,128,128,.3); z-index: 1;}
.article .stickyNavigation-col {border-right: 0; border-left: 1px solid rgba(128,128,128,.3); padding-right: 0;}
.stickyNavigation-container {position: relative; width: 100%; z-index: 2;}
.stickyNavigation-list {position: relative; padding: 0; margin: 0; list-style-type: none;}
.stickyNavigation-item {position: relative; display: block; text-align: right;}
.stickyNavigation-link {font-weight: 500; font-size: 15px; line-height: 25px; color: #999; text-decoration: none; -webkit-transition: color .4s ease; transition: color .4s ease;}
.article .stickyNavigation-item, .article .stickyNavigation-link {text-align: left; font-weight: 300; font-size: 15px; line-height: 20px;}
.article .stickyNavigation-item {padding-left: 17px; margin-top: 0; margin-bottom: 20px;}
.stickyNavigation-link:after {content: ''; position: absolute; display: block; width: 11px; height: 11px; top: 11px; right: -24px; background-color: #eaeaea; border-radius: 50%; -webkit-transition: all .2s ease .3s; transition: all .2s ease .3s;}
.article .stickyNavigation-link:after {right: auto; top: 6px; left: -6px;}
.content-wrapper {padding-top: 83px; padding-bottom: 85px; background-color: #FFF;}
.article .content-wrapper {padding-top: 50px; padding-bottom: 50px;}
.article #section1 .content-wrapper {padding-top: 0;}
.article-item {max-width: 800px; position: relative;}
.node-type-research .article-item .content-normal {margin: 0 0 20px 0;}
.content--list--type2 ul {margin: 0 0 20px; padding: 0; list-style-type: none;}
.content--list--type2 ul li {position: relative; padding-left: 45px;}
.content--list--type1 ul li:after, .content--list--type2 ul li:after {content: ''; display: block; top: 7px; width: 17px; height: 17px; background-image: url(../images/ico-list-green.svg); background-position: center center; background-repeat: no-repeat;}
.content--list--type2 ul li:after {position: absolute; left: 23px;}
.article .tweet {position: absolute; top: 0; left: 100%; width: 180px; margin-left: 45px; font-size: 14px; line-height: 22px; font-weight: 300;}
.article .tweet__text {margin-bottom: 15px;}
.article .tweet__link {background: #55ACEF; border-radius: 2px; padding: 5px; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; min-width: 92px; -webkit-transition: background-color .2s linear; transition: background-color .2s linear;}
.article-item img {height: auto;}
.article-item img {max-width: 100%;display: block;}
.article .tweet__link img {margin-right: 9px;}
.content--bgColor--grey {background-color: #f7f7f7;}
.article-item .content-title h2, .article-item h2 {font-weight: 500;color: #234;font-size: 40px;line-height: 59px;margin-bottom: 20px;margin-top: 0;}
.article sup {font-size: 10px;opacity: .6;top: -1em;}
.content-normal.content-normal--video .player {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.content-normal.content-normal--video .player iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.article-item .content-title h3, .article-item h3 {font-weight: 500;color: #234;font-size: 32px;line-height: 38px;margin-bottom: 20px;}
.cta3 {padding: 67px 30px;background-color: #F7F7F7;background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;z-index: 1;}
.cta3--bg-green, .cta3--bg-green h3 {color: #fff!important;}
.article-item .cta3 {margin-top: 50px;padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;}
.cta3 .container {max-width: 1400px;width: 100%;}
.cta3__content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.cta3__title {font-size: 25px!important;line-height: 30px!important;font-weight: 300!important;margin-top: 0!important;margin-bottom: 0!important;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;position: relative;padding-left: 16px;text-transform: none;font-family: Ubuntu,Arial,Helvetica,sans-serif;}
.cta2--bg:before, .cta3__title::before {content: '';height: 100%;}
.cta3__title::before {width: 2px;background: #1138d7;top: 0;position: absolute;left: 0;}
.cta3--bg-green .cta3__title:before {background: #fff!important;}
.cta3__btn {margin-left: 90px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;}
.btn.btn--white {color: #234;background: #fff;border-color: #234;}
.cta3__btn .btn {min-width: 216px;padding-top: 17px;padding-bottom: 17px;}
.cta3--bg-green .btn.btn--white {background: #fff;border-color: #fff;color: #1138d7;}
.title.title--article .title-name h1{color:#fff !important; }

/* dynamic blog post css media query start */

@media (max-width: 1400px) {
.article .tweet {position: static;margin: 0;padding-top: 30px;max-width: 100%;width: 100%;}
}
@media (max-width: 1200px) {
.title .tags, .title.title--article .tags {display: none!important;}
.stickyNavigation-wrapper {left: 0;}
}
@media (max-width: 1030px) {
.stickyNavigation {display: none;}
.content-wrapper {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 992px) {
.cta3__btn {margin-left: 30px;}
}
@media (max-width: 767px) {
.breadcrumbs__item {margin-right: 10px;}
.title, .title--big, .title.title--article, .title.title--portfolio, .title.title--sources {padding-top: 100px;padding-bottom: 40px;}
.title-name h1, .title.title--article .title-name h1, .title.title--sources .title-name h1 {font-size: 36px;line-height: 46px;}
.content-wrapper {padding: 45px 5px 50px;}
.article-item .content-title h2, .article-item h2 {font-size: 32px;line-height: 40px;font-weight: 500;}
.article-item h3 {font-size: 28px;line-height: 34px;}
.cta3 {padding: 40px 0;}
.cta3__content {display: block;}
.cta3__title {margin-bottom: 20px!important;font-size: 24px!important;line-height: 28px!important;}
.cta3__btn {margin-left: 0;}
.cta3__btn .btn {padding-left: 30px;padding-right: 30px;}
}

@media (min-width: 1030px) {
.title {min-height: 515px;}
}

/* backeend css start */

.head-bullet
{
	position: relative;
}
.head-bullet.b-img::before {
	content: "";
	position: absolute;
	right: 100%;
	margin: 0 0.5em;
	background: url(https://datawalls.com/wp-content/uploads/2021/04/bullet.png) no-repeat;
	background-position: ;
	width: 21px;
	height: 21px;
	top: 7px;
}
.development-ser img.attachment-large.size-large {
	padding: 70px 0 0;
}
.development-ser.app-engine .sphere-item-title.pt-5 {
	padding-top: 90px;
}
.mobile-bacend .col-inner.pt-4 {
	padding-top: 120px;
}
.mobile-bacend .col-inner.pt-4:last-child {
	padding-top: 50px;
}
.mobile-bacend h4 {
	text-transform: capitalize !important;
}
.the-cloud .logo-main-slider-cls {
	padding-top: 0;
	border: 0;
	margin-top: 0;
}
.left-data-img img {
	width: auto;
	padding: 0 !important;
}
.left-data-img {
	text-align: center;
	max-width: 950px;
	margin: -260px auto;
}
.data-section p:last-child {
	margin-bottom: 0;
}
.data-section .large-7 {
	padding-bottom: 20px;
}
.data-section {
	margin: 100px 0;
}
.trust-sec .bg.section-bg.fill {
	background-size: contain !important;
}
.trust-sec img {
	padding: 0 !important;
	margin: -50px 0 -10px;
}
.development-ser img.attachment-large.size-large {
	padding: 70px 15px 0;
	max-width: 100%;
	width: auto;
	margin: auto;
}
.development-ser .img-inner {
	text-align: center;
}
@media (max-width: 1199px)
{
	.development-ser.app-engine .sphere-item-title.pt-5 {
	padding-top: 40px !important;
}
.development-ser.app-engine .sphere-item-title {
	margin-left: 20px;
}
.head-bullet.right::before {
	right: 100% !important;
	left: auto !important;
}
.mobile-bacend .col-inner.pt-4:last-child {
	padding-top: 30px !important;
}
}
@media (max-width: 1029px)
{
	.circleRotator-description[data-num] {
	position: static !important;
	opacity: 1 !important;
}
.circleRotator, .circleRotator-container, .circleRotator-wrapper {
	height: auto !important;
	width: 100% !important;
}
}
@media (max-width: 1000px)
{
	.development-ser img.attachment-large.size-large {
	padding: 70px 15px;
}
	.three-services .col.medium-4.small-12.large-4 {
	padding: 0 30px;
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
	margin-bottom: 25px;
}
.mobile-bacend .col.medium-4 {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}
.img .img-inner {
	text-align: center;
}
.img, .img img {
	width: auto;
	max-width: 100%;
}
.mobile-bacend .col-inner.pt-4 {
	padding-top: 0;
}
.mobile-bacend .sphere-item-title h4,
.mobile-bacend .sphere-item-text {
	text-align: left !important;
}
.container {
	padding-left: 15px !important;
}
}

@media (max-width: 767px)
{
	.left-data-img {
	text-align: center;
	max-width: 950px;
	margin: -160px auto 20px;
}
.data-section {
	margin: 100px 0 0;
}
.mobile-bacend .col-inner.pt-4:last-child {
	padding-top: 0;
}
.trust-sec img {
	padding: 0 !important;
	margin: -40px 0 -10px;
}
}

/* backend css end */
/* verticle slider css */
	.visible-xs{display: none;}
	.circleRotator .container{
		display: flex;
		flex-wrap: wrap;
		max-width: 1170px;
    margin: auto;
		width:100%;
	}
	.circleRotator-wrapper{width: 75%;}
	.circleRotator-container{width: 25%;}
	.circleRotator-title h3,
.iconSlider--page-application-integration .heading-title h3,
.iconSlider-text {
    font-family: Ubuntu, Arial, Helvetica, sans-serif
}

.circleRotator-num,
.info-block,
.info-media {
    text-align: center
}

.circleRotator,
.circleRotator-wrapper {
    overflow: hidden
}

.info--ruby-1 .info-text,
.info--support-1 .col-sm-6 .info-text {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000', GradientType=0)
}

.content-asset {
    position: relative
}

.content-asset:after,
.content-asset:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    content: ''
}

.content-asset:before {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    background: #000;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
    z-index: 1
}

.circleRotator-circle,
.circleRotator-item:before,
.content-asset:after,
.info {
    background-repeat: no-repeat
}

.content-asset:after {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    background-position: 50% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNrU189LFGEcx/FdSwMVsrpomZX9uBR50ahD0alDYNEliToIXSK8CkVEh4igS0X0ByQoeqqLdIlOBRVBRD+0XwZlhVZCedDU2N5f+gwM2+z67LPPGA68WOaZ2X0+88zM93k2m8vlMv9zyzoEaMUB7ECD2qYxjPvo0X4qAc6hE5UYwShmUIdNaMQQzuCuVwILkGA3PuEdOgucY1ajL/d3GyhyXkFJjYf0g1djbfsxiKd4iQe4jGodb8EXvCg3QKs6P6H9LXiOCfRoNA7iLB7iF87Hvj+GR74B7HmYxZVY20ncQ12BHziq4yu1X6ULOO0T4AImfe5jgVtYU0qA7fiB4wECmA95t2beAJfwFUsDBbDRfOZyboXexha8wlygAjeIFaid78QoQD2+BaywIypeDa4BKgNevW2z+lzmGmASNQEDWKm2Gj/hGuA9mgIGaMMUxlwD3EEzNgYK0IG3+O06GVWrzvcFeAWjariv1Eq4R19cV2aAXgz7Tkb9mmB8Oz+ii6gvZzp+jY+oLbHzw5jDNLqxExt8ApjH+IkOh45X4YaufEadDmnfRnOtTwBzCt9V0y9iF9ZoeK2TY7iptcITHb+OW1pNdeGagjT7BDDLNavZCmhUq57PWni8wW20JyxoumJtA8VClHKPbag3YxuasCThHDs2nreoiR7uxBCZQNNv3Hp11u8SIo0AGXWSFKJX646taQcoFmJcq6/UA8RDRP8ZuvVqti9UgCjElMqzbXsX4hnI16ji9M8ElV0M/45T3f4IMAC3vGdsRRn5owAAAABJRU5ErkJggg==);
    z-index: 2
}

.circleRotator,
.circleRotator-container,
.circleRotator-wrapper {
    position: relative;
    height: 855px
}

.content-asset--zoom--no:after,
.content-asset--zoom--no:before {
    display: none
}

@media (max-width:767px) {
    .content-asset:after,
    .content-asset:before {
        display: block
    }
    .content-asset--zoom--no:after,
    .content-asset--zoom--no:before {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
    .content-asset:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABRpJREFUeNrsm11sVEUYhretUFsipfwEASulFJC/GENMDRiU5QKNpnIBQQOYmAhkI4RwIRcmJgheeAEEE6Jc4IUIegEmAtGIkoIk/IUEqpQSsBYsRQEJpdAKQmF5v/ieMDk5u909O3POnGUneTKn29k5870z8505880WJZPJ2KOcigoCFATQJsAEEAdTwTgwElSCYiA36QBt4Cw4DPaDxqgLMBgsAm+DZ3x8vxVsA5+Dv6MkgPTsh2AJKOdn3WAvOMiebWGvd4IK0B+MBpPBdDATDOB374IvwCpwOVAFRIAsmQ+uJB+mg2AeKMuynlLwBvhZqasTJECRj3b5IpvC5WCL0tgTYIamhjxPIZ30HagMQoBMp8AQsBvUgR7wAVgP7nmUlWE9DTwHqkApuAMugibwC7jqNR3BYrABPA6awSzQHvYUGAKa2DMy9OtSlIuDneBuMn26B34Cr6UY6hPBeZa9AKrCHAHi4BrY863skRZXmVH04rOUz37lo66VzlHqqWY9U9jbMTrMxextNY0AP4JJ4DR4EVwLYwRsUXq+1uP/r9NxSfoXrAU1vdQ5AqxRvncLLPAoNwycY5nvTTnG3rx9kkPaa9gPBjdZpgGMzPLmQ+nsJPWAsR5lxoMullkRpAADlEfdyjQVyLzfAEp8NkB69SOKnarMO2xHF0dPIAKs500bczBOJw1sz1dBOEFZ3v5JxyVr+30WvLOIM/wN3AdjwDldFRd7fLaIxh+yxPgY1w+yDikBy00/BZo53N60YOirzGS7Lumclu4pIK+0p/jsltXfLYte3Yu5KhwGXuaKUvsUiDPfa5nxMc7/H3g9w5QPeEFZodmYnF6fZkqA8cwbLRWgiflYUxsi8pY2CNTofNRoTP1AF7fY+qR4G81pBFQy77B0BHTzdVxepp4wMQWcvzst3sjtZt7fhADOfKiwWIAy5jdMCNChU11Dxvd1jQStArQxH22pALXM27mTrF2As8rLh41pIvPfTa0DDjN/yVIBnHYdMSXAAWVJXGqZ8fLoe8W1ItQuwAluZFa6NjltSHXcWO3Q+Zru9Rj8htdLLRNgGfPtsf/jDEaWwpKGg/NcasoW9nELjK+hgy6hI2w2uSP0F/iS15/GHu7hh5nW0fidOo1PtSPkbFnf4A7MuyHvBM1mO/4DY4KMCyzljbsZrgrD+ColgLI66MCI+IfdvHkreDJg4ytcMcLHwgiPDwKn2YiTnBpBGd/sCqp+Etb5gKdBOxvRAsYZNv4ppeclHXOJIDvCW3mQIrADEhL3O8NGSDxwoSHj6xXnqwZFE8pnp5TrRJAnRCQYuke5+R4GL3UYXg2+Vep2gq7/gMks857y//u6RPATzHyfoXCnITvAdFDsowF1jPc5hyruMHQuvueoIsKzYJsSSa7ndMhZBL/KiV/42tUTbWATeIu95j401RdMAHPBRvCHy8ntcoXIKxQRbisC1StlchYh16FbS2OupDgOIyPluhLjdyf532YwKUX9A8FVV8+7y+Qkgi7n1Yexu4/BPnAxhcES1zvARr/Ko3Lp6t2qTLX6NOV8i2DycVZGx1nNg1blPupIZLEO8CWCTdHfUESIggBGRYiKAMZEiJIARkSImgDaRYiiAFpFiKoA2YgQ5yIqybPMeSNAJiLElfeWXVyO55UA6UTo1fh8EcBLhIyMzycB3CL0ZGJ8Nr8YiUpKgM94LSdL5/QWRcrHH04mGESdm0kIrfDL0YIABQEebQEeCDAAanzo3ALz7+oAAAAASUVORK5CYII=);
        background-size: 32px 32px
    }
}

.circleRotator {
    background-color: #fff
}

.circleRotator-circle {
    position: absolute;
    width: 1346px;
    height: 1346px;
    left: -620px;
    top: -318px;
    background-position: 50% 50%;
    background-image: url(https://www.iflexion.com/sites/all/themes/iflexion/images/circleRotator-bg-transparent.png);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.circleRotator-item {
    position: absolute;
    display: block;
    width: 220px;
    right: 0;
    top: 50%;
    padding-left: 50px;
    white-space: nowrap;
    cursor: pointer
}

.circleRotator-item:before {
    content: '';
    position: absolute;
    display: block;
    width: 37px;
    height: 132px;
    top: -40px;
    left: 35px;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAACECAYAAAAX3uJIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBdJREFUeNrsm0tIVFEcxmeuN3yAUdKDIopSI0us6EHNmC2CciO0UEqobBFYGbZp1YOIkjYtKrDHMgqstEW1yNqVKVFED3tRViAyYZpOVKP28Pb99QyI5Dg6Z+75Eg/8uDhzvfz4zplzzzn3XK/jOJ6RlqJ6nyeWUu1viHTtBNtDVCC0BodWi0jIi8NV0G0RBVUBrqNqm22SlNbhUAIWyd8sSe0C5UgpSCGFlMpxSIXQtfBntmGhRBxOgJyBn5tO6iCoREpvBn5oG0wpA4cykDn4O5NJ7QbHkNKXwV/YhlJahkMhmP+v7y2DXcARpNTNIrUSrAUXhjrBMpRSBVL6zSKVBfLApUgnWQZSOhkpJbd/fVNAMZgz3ImWyymdQ0qh4U50K6kksB/Mi+Zkt5LaDi4ipU/RnGy7WHVboz3ZjaRk6vMdKT1nkioF50fyD/GWmgg2ghomKemXqqLpBtyUKol04zUhJX3SdPCASSpcdQ6T1CZwZTT/GC8pGeYmIqVGJqnCkXYDbkgVgJtMUmmq+h4xSeWDWrSnP0xS68GdWC6gW0pW47aBW0xSS8BTVN1nJimZPt2L9SK6pXLBfTYpGWU2MEnNBT1oTwEmKT+o13EhnVKrRjN2ireULIQ9ZpJKACtAI5OULKo2oZH/YJKSxxcvdbWDMS0lK3Sv2aTSwXs2KXlq8I5JapKMo/DL62SSmg2add7VdUjNAi1sUjNBgE1qKmhjk5L18XY2KZl8downZaJN2bFuplGdZ5AtqWTQpTUp4MR4Dbm9fNMt5Y3xGlJ1vWzVlwJCOqW8GnaaORgheNmS0l7GrNQvVOcENqmQauxUUr26m4GOi0nHmcom1aVuNVRSQXVTppJqU8MXKql2NdCjkupQQ+LxpP7LNhVQE1IqqRY1daeSalaLHHSdp4ORwmS28ZQsmGWyScnSYjqblCzCZrFJvQIL2aRegGw2qSaQgV9gCpOU7EGQzRE5bFOsJ2Apm5Q8O/axScmjWj+b1EeQhMY+g23ariUt3VKyUSKXTUq2lOSxST0Di9GupjFJybqCvL+QzyQl5TbYwCZVK0nJC6lMUh1qJLqcSUqKbKcsYJOqBkVsUm/BT7SrbCYpKZfBZjapKlCsXnqmkfoAWj39m71opKTIqwQlbFJ97QpVmMwk9RXc8PTvT6eRkiIv8pSyScloNBVVmMMkJeUs2MMmJb/CLdFOKtySkkclxz39b2nTSIWrcGc03YObUu3q1rODSSqc1l6kZTNJyYpfnTR6JqlwWgcipWVC6iG4G+lGbWoLgKR1GGkl0UhV+xtk33rNUP2Wyc0SZ1TbSqORQlpNqhoPMSUl5SgoQ1oLaKSQVg8O+8AppqRE7DQOnUjLRyOlSiVYDTGLRgpp1an1h7454l8BBgCiZfug/5rXrQAAAABJRU5ErkJggg==);
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-icon,
.circleRotator-name {
    display: inline-block;
    vertical-align: middle
}

.circleRotator-item--active:before {
    opacity: 1
}

.circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator-item--2 {
    margin-top: 160px;
    margin-right: -176px;
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg)
}

.circleRotator-item--3 {
    margin-top: 333px;
    margin-right: -111px;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg)
}

.circleRotator-item--4 {
    margin-top: 480px;
    margin-right: -9px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-num {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 6px;
    left: 0;
    font-size: 16px;
    line-height: 35px;
    color: #999;
    border: 1px solid #9d9d9d;
    background-color: #fff;
    border-radius: 50%
}

.circleRotator-item--active .circleRotator-num {
    font-weight: 700;
    line-height: 33px;
    color: #54c439;
    border-width: 2px;
    border-color: #54c439
}

.circleRotator-icon {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-icon.icon * {
    fill: #acacac
}

.circleRotator-item--active .circleRotator-icon {
    opacity: 0
}

.circleRotator-name {
    margin-left: 10px;
    font-size: 17px;
    line-height: 20px;
    color: #999;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotator-item--active .circleRotator-name {
    opacity: 0
}

.circleRotatorBackground {
    position: absolute;
    display: block;
    width: 206px;
    height: 206px;
    top: -76px;
    left: 68px;
    text-align: center;
    background-color: #54c439;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorBackground-img,
.circleRotatorBackground:before {
    display: inline-block;
    vertical-align: middle
}

.circleRotatorBackground-img.icon * {
    fill: #fff
}

.circleRotatorBackground:before {
    content: '';
    height: 100%
}

.icon.circleRotator-icon {
    max-width: 50px;
    height: 50px
}

.icon.circleRotator-icon path {
    fill: #999
}

.icon.circleRotatorBackground-img {
    width: 140px;
    height: 120px
}

.icon.circleRotatorBackground-img path {
    fill: #fff
}

.circleRotator-item--active .circleRotatorBackground {
    opacity: 1
}

.circleRotator-info {
    position: relative;
    max-width: 496px;
    margin-top: 180px;
    padding-left: 48px
}

.circleRotator-heading h3,
.circleRotator-heading h4 {
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase
}

.circleRotator-description p {
    line-height: 35px
}

.circleRotatorContent {
    padding-top: 243px
}

.circleRotatorContent-item {
    display: none
}

.circleRotatorContent-item--active {
    display: block
}

.circleRotator-title h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px
}

.circleRotatorContent ul {
    margin: 0;
    padding: 0 0 0 18px;
    list-style-type: none
}

.circleRotatorContent ul li {
    position: relative;
    font-size: 17px;
    line-height: 25px;
    color: #727a82;
    list-style-type: none !important
}

.infoList-list,
.tabs-list,
.tabs-text ul {
    list-style-type: none
}

.circleRotatorContent ul li+li {
    margin-top: 15px
}

.circleRotatorContent ul li:before {
    display: none !important
}

.circleRotatorContent ul li:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 11px;
    left: -15px;
    background-color: #1138d7;
    border-radius: 50%
}

.circleRotatorPagination {
    position: absolute;
    width: 8px;
    top: 50%;
    right: -50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.circleRotatorPagination-item {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-item+.circleRotatorPagination-item {
    margin-top: 18px
}

.circleRotatorPagination-item:after {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: -2px;
    left: -2px;
    background-color: #55c53a;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-item--active:after {
    opacity: 1
}

.circleRotator--first .circleRotatorPagination-prev,
.circleRotator--last .circleRotatorPagination-next {
    opacity: .4;
    pointer-events: none
}

.circleRotatorPagination-item:hover {
    background-color: #55c53a
}

.circleRotatorPagination-arrow {
    position: absolute;
    display: block;
    width: 28px;
    height: 51px;
    left: -10px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABmCAYAAACeAlKZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VJREFUeNrs3DFPFEEUB/DhQmFiTQU2YIKNsZCExgRyeJ0FEKAAGhsa0CAUHp+AsxCJYnOVBVCAEWMsTE4IJliY0FGZAI1Q0ZFoLH2PvDEvkzmc3Z2hMP9JXuZudm/n/djd2W14LZ1375sc7bH0L4/2G6ZIG97rDdntlfSP3A3v7n279IetOXKaorB/ld8UdZO21Sgm5PNPimqWH7fmwPVRfJLvfV09FUNnsZ4QN0LxRr6PSB+MLOXAzVL8kpgV5FRCXD/FuUS/jNViAxkwIKAzNX4mYwORkQwYF9CJGj+RsfFQZCkQV6GYc3AXjS7PM9lWiYTkxCcpyg5OI8uyT60o0OL4LJ0224mQp7JPUaTF8Vk6vGS/Q9lnklbhWl7gRAiuCXIiB24hEOdDLmQF8jU+GIrzIAcJOZ4Bx6vidAaci5wmZDUUyIkNZcV5kEOBSE5sJgfOPugtcsaHLMXEZUVKQrlxIciSgxstivMgR31ISeRJUZwHOaeRJYUbo5iPgXOQfMwxjZQE5uWV7zDWfILk5/W8RZYUjp9lx7FfRwh5LMe+QCpcmRI6iD2fHLNskQy8kQrnQfJc3alwHmQ3v2w/M1fQBHklcynkw5L5zxuAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAuvH/0T+l2DQJCwVw6+qpdFI3emf5/Bb1SykLBXAb3uu9Td0cn8EfPCFFZ2Lcksz1nWJHEkiJ2+G5+AyuyzgnEL3kg8JtHO031iUBI0gux3CQCPecrpKavQd54g0epGiPiGuXY/7FceOJZfwzxc2IOD7WtsW5i8y63IvLMZCC42NtapyDfEGxGwMpuF25v2vNVlFOZKsoUuG2fDgHuVIUqXArGmdXUeNBGkkwc3WgUJxqNiFOsN9kLKBzGa4Z0CJbsiIV7n0gTiNbciAt7rUP968H/RpFI/RyVbgG4dZyXGmLFKsZLleLWyXcYt43mXoI0sEVqVRZDURqXLXoq5pF8rOszYNrk22NSGU4LZKfZR2e7R2ybdUElOEMrS9adxYe29pkbDtyjdGqs/Bo3K6sEUE1RrMUUNXIr+rzl0QFVDXyg/r81mQooJq1QqyFPJD+Y8LqsBo5peZPWgLXTnLNAZvEyOsOOLj9EWAAsTxmo9a74XkAAAAASUVORK5CYII=);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.circleRotatorPagination-prev {
    top: -81px;
    background-position: 0 0
}

.circleRotatorPagination-next {
    bottom: -81px;
    background-position: 0 -51px
}

.circleRotator--5-items .circleRotator-container,
.circleRotator--5-items .circleRotator-wrapper,
.circleRotator--5-items.circleRotator {
    height: 700px
}

.circleRotator--5-items .icon.circleRotator-icon {
    max-width: 90px
}

.circleRotator--5-items .circleRotator-info {
    max-width: 520px;
    margin-top: 160px
}

.circleRotator--5-items .circleRotator-item--1 {
    margin-top: -27px;
    margin-right: -197px
}

.circleRotator--5-items .circleRotator-item--2 {
    margin-top: 110px;
    margin-right: -185px;
    -webkit-transform: rotate(10.5deg);
    -ms-transform: rotate(10.5deg);
    transform: rotate(10.5deg)
}

.circleRotator--5-items .circleRotator-item--3 {
    margin-top: 240px;
    margin-right: -150px;
    -webkit-transform: rotate(21deg);
    -ms-transform: rotate(21deg);
    transform: rotate(21deg)
}

.circleRotator--5-items .circleRotator-item--4 {
    margin-top: 365px;
    margin-right: -90px;
    -webkit-transform: rotate(31.5deg);
    -ms-transform: rotate(31.5deg);
    transform: rotate(31.5deg)
}

.circleRotator--5-items .circleRotator-item--5 {
    margin-top: 480px;
    margin-right: -5px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

.circleRotator-description[data-num] {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.circleRotator-description[data-num].active {
    opacity: 1
}

.circleRotator-description h4 {
    margin: 0
}

@media (max-width:1500px) {
    .circleRotatorContent {
        padding-right: 15px
    }
    .circleRotatorPagination {
        right: 10px
    }
}

@media (max-width:1440px) {
    .circleRotator-circle {
        left: -756px
    }
}

@media (max-width:1200px) {
    .circleRotator-heading h4 {
        font-size: 32px;
        line-height: 46px
    }
    .circleRotator-circle {
        left: -974px
    }
    .circleRotator-info {
        margin-top: 0
    }
    .circleRotator--5-items .circleRotator-info,
    .circleRotator-info {
        max-width: 270px;
        padding-left: 0
    }
    .circleRotator--5-items .circleRotator-info {
        margin-top: 50px
    }
}

.info-block img,
.info-block table,
.info-media img,
.info-text img {
    max-width: 100%
}

@media (max-width:1029px) {
    .circleRotator-circle,
    .circleRotatorPagination {
        display: none
    }
    .circleRotator {
        padding-top: 100px;
        padding-bottom: 50px
    }
    .circleRotator,
    .circleRotator-container,
    .circleRotator-wrapper {
        height: auto !important
    }
    .circleRotatorContent {
        padding-top: 0;
        font-size: 0
    }
    .circleRotatorContent-description h4 {
        margin: 1em 0 0
    }
    .circleRotatorContent-description p {
        font-size: 17px
    }
    .circleRotatorContent-item {
        display: inline-block !important;
        vertical-align: top;
        width: 50%;
        margin-bottom: 50px
    }
    .circleRotatorContent-item:nth-child(odd) {
        padding-right: 30px
    }
    .circleRotator--5-items .circleRotator-info,
    .circleRotator-info {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .circleRotator {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .circleRotatorContent-item {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }
    .circleRotatorContent-item:nth-child(odd) {
        padding-right: 0
    }
    .circleRotatorContent-item:last-child {
        margin-bottom: 0
    }
    .circleRotator--5-items .circleRotatorContent-description p {
        height: auto !important
    }
}

section.section.slider-banner.video-banner .section-content div.row .col .col-inner.text-center{
	text-align:left!important;
}
section.section.slider-banner.video-banner .section-content .row.expect-btn-cls .col-inner.text-center{
	text-align:left!important;
}
section.section.slider-banner.video-banner .section-content {
    padding-left: 7%!important;
}
.main-section-ele .jumbotron-stack-start.js-slideStack-start{
	text-align:left!important;
}
@media(max-width:767px){
	body section.section.slider-banner.intro.video-banner h2 {
		font-size: 24px!important;
		    font-weight: 600!important;
    margin-bottom: 24px;
		line-height: 32px;
	}
	#main section.slider-banner.intro.video-banner .section-content .row .col-inner{
		padding:0!important;
	}
	.main-section-ele .jumbotron-stack-start.js-slideStack-start .jumbotron-stack-startShell{
		    padding: 7px 10px!important;
    font-size: 15px!important;
	}
	section.section.slider-banner.intro.video-banner h3{
		font-size:14px!important;
	}
}
/* dynamic blog post css media query end */

/* dynamic blog post css end */

#nav {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: 0 0;
    margin: 0;
    padding: 15px;
    list-style: none;
    z-index: 99999;
    text-align: center
}

#nav a {
    display: block;
    padding: 10px;
    color: #fff;
    opacity: .8;
    font-weight: 700;
    text-transform: uppercase
}

#nav a.active {
    opacity: 1
}

#nav a:hover {
    text-decoration: none
}

.newsection {
    height: 1000px;
    padding: 30px 140px
}

#section-1 {}

#section-2 {
    background: #ddd
}

#section-3 {
    background: #ccc
}

.newsection a {
    color: #39f
}

.banner-section {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.banner-slide {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.banner-content {
    position: absolute;
    left: 50%;
    top: 61%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center
}

.scroll-down-section {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%)
}

.scroll-down-section a {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px
}

.scroll-down-section a img {
    height: 12px;
    padding-left: 10px
}

.scroll-down-section a:hover {
    color: #fff !important
}

.swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-buttons {
    margin: 2em 0
}

.ex-tb {
    padding: 10px 20px;
    margin: 0 1em;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, #35abd7 50%);
    transition: background-position .2s ease-in-out, color .2s ease-in-out;
    text-decoration: none;
    color: #fff
}

.ex-tb:hover,
.ex-tb:focus {
    background-position: 0 100%;
    color: #fff;
    text-decoration: none
}

.ex-tb.ex-trans {
    border: 1px solid #35abd7
}

.ex-tb.ex-trans:hover,
.ex-tb.ex-trans:focus {
    background-position: 0 100%;
    color: #fff;
    background-color: #35abd7
}

.ex-tb.ex-t {
    background-image: linear-gradient(to top, transparent 50%, #35abd7 50%);
    color: #fff
}

.ex-tb.ex-t:hover,
.ex-tb.ex-t:focus {
    color: #35abd7;
    border: 1px solid #35abd7
}

.ex-lr {
    background-size: 200% 100%;
    background-position: -100% 0;
    background-image: linear-gradient(to left, #fff 50%, #333 50%);
    transition: background-position .2s ease-in-out, color .2s ease-in-out
}

.ex-lr:hover,
.ex-lr:focus {
    background-position: 0 0;
    color: #fff
}

.ex-lr.ex-r {
    background-image: linear-gradient(to left, #fff 50%, #333 50%);
    background-position: 100% 0
}

.ex-lr.ex-r:hover,
.ex-lr.ex-r:focus {
    background-position: 0% 0;
    color: #fff
}

.banner-content h2 {
    font-size: 34px;
    line-height: 1.2;
    color: #fff;
    margin: 17px 0;
    font-weight: 700 !important
}

.banner-content p {
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    margin: 17px 0;
    margin-bottom: 40px
}
.swiper-buttons p{
	display:none;
}
.swiper-buttons .button {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}
.swiper-buttons a:hover .button:hover {
    box-shadow: none!important;
}
@media(max-width:767px) {
    #nav {
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }
    .banner-content {
        width: 100%;
        padding: 10px
    }
	.banner-section{
		height:90vh;
	}
    .newsection {
        padding: 80px 20px 20px
    }
	.swiper-buttons a {
		font-size: 12px;
		padding: 10px;
	}
	#nav li {
		margin-left: 0!important;
		font-size: 14px;
	}
}
#nav li{
  position: relative;
}
#nav li:nth-child(2):before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1.1em;
  left: 0;
  background: url(https://datawalls.com/wp-content/uploads/2022/04/featured_nav_highlight_down.png) no-repeat 0 0;
  background-size: contain;
}
#nav li:nth-child(2):after{
  content: "";
  position: absolute;
  bottom: -1.1em;
  width: 100%;
  height: 1.1em;
  left: 0;
  background: url(https://datawalls.com/wp-content/uploads/2022/04/featured_nav_highlight_down.png) no-repeat 0 0;
  background-size: contain;
}
#nav a{
  font-size: .9em;
  font-weight: normal;
  opacity: .3;
  transition: all .3s linear;
}
#nav a:hover{
  opacity: 1;
}
.scroll-down-section .lines {
  position: relative;
  display: block;
  width: 2.5em;
  margin: 1.5em auto 0;
}
.scroll-down-section .lines:after, .scroll-down-section .lines:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #c8ccd0;
  width: 100%;
  height: 1px;
}
.scroll-down-section .lines:after {
  top: 5px;
}
.scroll-down-section{
  bottom: 2%;
}
.scroll-down-section a:after {
  content: '';
  position: absolute;
  top: 2.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: #fff;
  background: -webkit-gradient(left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,#fff),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(50%,#fff),to(rgba(255,255,255,0)));
  background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
  opacity: .5;
  -webkit-transition: all .5s cubic-bezier(.56,0,0,1.005);
  transition: all .5s cubic-bezier(.56,0,0,1.005);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.scrscroll-down-section a:hover::after {
  width: 180%;
}
.scroll-down-section br{
	display:none;
}
.banner-content h2{
  font-size: 38.5px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 200!important;
}
.banner-content {
  width: 100%;
  max-width: 800px;
}
.swiper-buttons .button{
	font-size:11px;
}
.ex-tb.ex-t{
	    border: 1px solid transparent;
}
.scroll-down-section a img {
		height: 5px;
		padding-left: 7px;
		margin-top: -2px;
	}
@media(min-width:768px){
	#nav a{
		font-size:.7em;
	}
}
@media (max-width:767px) {
  .scroll-down-section a:after{
    width: 100%;
  }
	.banner-content h2{font-size:17px;}
	.banner-content p {font-size: 13px;}
	.swiper-buttons a{font-size:11px;}
	.scroll-down-section {bottom: 90px;}
	
}


/* custom css */

/* mobile-text-center */
@media (max-width:550px){
/* 	.mobile-text-center .col-inner{
		text-align: left !important;
	}
	body .col-inner{
		text-align: left !important;
	}
	h1, h2, h3, h4, h5, h6, p, span{
		text-align: left !important;
	} */
}

/* btn-gradient */
.btn-gradient a{
	background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
}
.btn-gradient a:hover{
	background-position: 0 60% !important;
}

/* step section */
.no-flex .ekit-wid-con{
/* 	margin-top: -260px; */
}
.no-flex .timeline-area{
	flex-wrap: nowrap !important;
	display: block !important;
    display: inline-block !important;
}
.no-flex .ekit-wid-con{
	position: relative;
	text-align: center;
}
.no-flex .ekit-wid-con:before{
    width: 100%;
	max-width: 980px;
    top: -190px !important;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28.5deg);
	content: "";
	border-top: 2px dotted #bbb;
	position: absolute;
	height: 1px;
	/* 	bottom:416px; */
}


/* 	width: 92%;
    top: 295px;
    left: 5%;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
    content: "";
    border-top: 2px dotted #bbb;
    position: absolute;
    height: 1px; */



.no-flex .ekit-wid-con .timeline-item{
	background-color: #003300 !important;
}

.no-flex .timeline-area .single-timeline .content-group{
	position: relative;
}

.no-flex .timeline-area .single-timeline .content-group:after{
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
    width: 50px;
    height: 50px;
	display: block;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 80px;
	transition: all .2s cubic-bezier(.4,.2,.2,1);     
/* 	transform: scale(0.5); */
    filter: grayscale(100%);	
}
.no-flex .timeline-area .single-timeline:first-child .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/close-circle-svgrepo-com.png');
}
.no-flex .timeline-area .single-timeline:nth-child(2) .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/estimation.png');
}
.no-flex .timeline-area .single-timeline:nth-child(3) .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/sprint.png');
}
.no-flex .timeline-area .single-timeline:nth-child(4) .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/demo.png');
}
.no-flex .timeline-area .single-timeline:nth-child(5) .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/iteration.png');
}
.no-flex .timeline-area .single-timeline:nth-child(6) .content-group:after{
	background-image: url('https://datawalls.com/wp-content/uploads/2024/02/success.png');
}

.no-flex .timeline-area .single-timeline .content-group:before{
	font-weight: 400;
    color: #000;
    font-size: 14px;
	font-family: poppins;
	position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    margin: auto;
	transition: all .2s cubic-bezier(.4,.2,.2,1);
}

.no-flex .timeline-area .single-timeline:first-child .content-group:before{
	content: "MEETING";
}
.no-flex .timeline-area .single-timeline:nth-child(2) .content-group:before{
	content: "ESTIMATION";
}
.no-flex .timeline-area .single-timeline:nth-child(3) .content-group:before{
	content: "SHORT SPRINTS";
}
.no-flex .timeline-area .single-timeline:nth-child(4) .content-group:before{
	content: "DEMO";
}
.no-flex .timeline-area .single-timeline:nth-child(5) .content-group:before{
	content: "AGILE ITERATIONS";
}
.no-flex .timeline-area .single-timeline:nth-child(6) .content-group:before{
	content: "SUCCESS";
}



.no-flex .timeline-area .single-timeline .pin-top{
	bottom: calc(100% - 35px) !important;
	border-color: #003300 #003300 transparent transparent !important;
}




.no-flex .timeline-area .single-timeline .bar .pin:before{
	top: 50%;
    left: 32%;
/* 	left: 35%; */
	font-size: 36px;
	transition: all .2s cubic-bezier(.4,.2,.2,1);
	line-height: 60px;
	border-radius: 100%;
    height: 60px;
    width: 60px;
    position: absolute;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 60px;
	background-color: #fff;
	border: 2px solid #b0b0b0; 
	font-weight: 700;
	font-family: poppins;
}
.no-flex .timeline-area .single-timeline:first-child .bar .pin:before{
	content: "1" !important;
}
.no-flex .timeline-area .single-timeline:nth-child(2) .bar .pin:before{
	content: "2" !important;
}
.no-flex .timeline-area .single-timeline:nth-child(3) .bar .pin:before{
	content: "3" !important;
}
.no-flex .timeline-area .single-timeline:nth-child(4) .bar .pin:before{
	content: "4" !important;
}
.no-flex .timeline-area .single-timeline:nth-child(5) .bar .pin:before{
	content: "5" !important;
}
.no-flex .timeline-area .single-timeline:nth-child(6) .bar .pin:before{
	content: "6" !important;
}


.no-flex .timeline-area .single-timeline .bar{
	background-color: transparent;
	height: 60px;	
}
.no-flex .timeline-area .single-timeline .top-content{
	display: none;
}
.no-flex .timeline-area .single-timeline .bar .pin{
	position: relative;
	height: 0px;
	width: auto;
	left: auto;
	top: auto;
	transform: translateX(0);
	border: none !important;
}

.no-flex .timeline-area .single-timeline:hover .bar .pin,
.no-flex .timeline-area .single-timeline.hover .bar .pin{
	border: none !important;
}

.no-flex .timeline-area .single-timeline:first-child{
	margin-top: 470px;
}
.no-flex .timeline-area .single-timeline:nth-child(2){
	margin-top: 376px;
}
.no-flex .timeline-area .single-timeline:nth-child(3){
	margin-top: 282px;
}
.no-flex .timeline-area .single-timeline:nth-child(4){
	margin-top: 188px;
}
.no-flex .timeline-area .single-timeline:nth-child(5){
	margin-top: 92px;
}
.no-flex .timeline-area .single-timeline:nth-child(6){
	margin-top: 0px;
}

.no-flex .timeline-area .single-timeline .timeline-item h3{
	position: relative;
	padding-bottom: 15px;
	background: none;
    padding-top: 0;
    min-height: auto;
	
}
.no-flex .timeline-area .single-timeline .timeline-item h3:after{
	content: "";
	height: 2px;
	width: 40px;
	background: #fff;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}



.no-flex .ekit-wid-con .horizantal-timeline .single-timeline.hover .timeline-item-horizontal-bottom{
	top: 40px;
}

.no-flex .slick-next:before, .no-flex .slick-prev:before{
	color: #64ccc9;
	font-family: "FontAwesome";
}
.no-flex .slick-next, .no-flex .slick-prev{
    top: 0;
    bottom: 0;
    margin: auto;
}
.no-flex .slick-next{
	right: 0;
	left: 300px;
	margin: auto;
}  
.no-flex .slick-prev{
	left: 0;
	right: 300px;
	margin: auto;
	z-index: 2;
}
.no-flex .slick-next:before{
	content: "\f054";
}
.no-flex .slick-prev:before{
	content: "\f053";
}
@media (max-width:1024px){
	.no-flex .ekit-wid-con:before{
		top: -142px;
		transform: rotate(-32deg);
	}
}
@media (min-width:992px){
	.no-flex .timeline-area .single-timeline:nth-child(odd) .timeline-item{
		position: absolute;
		bottom: 210px;
		top: auto;
	}
	.no-flex .timeline-area .single-timeline:nth-child(odd) .timeline-item .pin-top{
		transform: translateX(-50%) rotate(135deg);
		bottom: -3px !important;
	}
	.no-flex .timeline-area .single-timeline{
		width: 16.66% !important;
		display: block;
		float: left;
	}
	.no-flex .single-timeline:nth-child(even) .content-group:after{
		top: auto;
		bottom: 110px; 
	}
	.no-flex .single-timeline:nth-child(even) .content-group:before{
		top: auto !important;
		bottom: 75px; 
	}
	.no-flex .single-timeline:nth-child(odd).hover .timeline-item-horizontal-bottom {
		top: auto !important;
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline.hover .bar .pin:before{
		font-size: 44px;
		border-width: 3px;
		border-color: #071d49;
		color: #071d49;
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline.hover .content-group:after {
		width: 100px;
		height: 100px;
		filter: grayscale(0%);	
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline.hover .content-group:before {
		font-weight: 800;
		color: #071d49;
		font-size: 16px;
		top: 190px;
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline:hover .timeline-item {
		opacity: 1;
		visibility: visible;
	}
	.no-flex .timeline-area .single-timeline:hover .content-group:after{
/* 		transform: scale(1); */
		width: 100px;
		height: 100px;
    	filter: grayscale(0%);	
	}
	.no-flex .timeline-area .single-timeline:hover .bar .pin:before{
		font-size: 44px;
		border-width: 3px;
		border-color: #071d49;
		color: #071d49;
	}
}
@media (max-width:992px){
	.no-flex .timeline-area{
		width: 100%;
	}
	.no-flex .timeline-area .single-timeline{
		margin-right: 0 !important;
		margin-top: 30px !important;
		padding-top: 60px;
	}
	.no-flex .ekit-wid-con:before{
		display: none;
	}

	.no-flex .timeline-area .single-timeline .content-group:after{
		top: auto;
		bottom: 130px;
		position: relative;
		left: 100%;
/* 		transform: scale(1); */
		width: 100px;
		height: 70px;
		filter: grayscale(0%);
		
	}
	.no-flex .timeline-area .single-timeline .content-group:before{
		font-weight: 800;
		color: #071d49;
		font-size: 16px;
		top: 100px;
		bottom: auto;
		left: 100%;
		right: 0;
		position: relative;
	}

	.no-flex .timeline-area .single-timeline .bar .pin{
		transform: translateX(100%);
		left: auto;
	}
	.ekit-wid-con .horizantal-timeline .bar{
		top: 85px;
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline .timeline-item {
		opacity: 1 !important;
		visibility: visible !important;
		width: 100%;
		max-width: 250px;
		margin: auto; 
	}
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline .timeline-item .timeline-content{
		margin-top: 0px;
	}
	.no-flex .timeline-area .single-timeline .bar .pin:before{
		left: 0;
		right: 0;
		margin: auto;
		font-size: 40px;
		border-width: 3px;
		border-color: #071d49;
		color: #071d49;
	}
	.no-flex .timeline-area .single-timeline:nth-child(7) .timeline-item{
		top: 48px !important;
	}

}
@media (max-width:768px){
	.no-flex .ekit-wid-con .horizantal-timeline .single-timeline.hover .timeline-item-horizontal-bottom{
		top: 20px;
	}
}
@media (max-width:480px){
	.no-flex .slick-next{
		right: 0;
		left: auto;
	}  
	.no-flex .slick-prev{
		left: 0;
		right: auto;
	}
}
/* after slider css */

/* editor open issue after css */
.elementor-10640 .elementor-element.elementor-element-d0714c9 .elementor-heading-title{
	font-size: 12px !important;  
	font-weight: 400 !important;
}
.cookie-popup-class .dialog-close-button:before{
	font-size: 12px !important; 
	font-weight: 700 !important;
}
.cookie-popup-bg{
	background: #000;
}
.elementor-icon-list-text{
	text-decoration:underline !important;
}
@media (max-width:768px){
	.cookie-popup-class .dialog-close-button{
		right: 20px !important;
/* 		left: 0; */
/* 		margin: auto; */
/* 		justify-content: center; */
	}
}

/* menu active css */
.header-css .mega-current_page_item .mega-menu-link{
	position: relative;
}
.header-css .mega-menu-link:after,
.header-css .mega-menu-link:before{
	content:"" !important;
	height: 1px !important;
	width: 42px !important;
	background: rgba(0,0,0,.1) !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	opacity: 0;
	transition: opacity .1s linear, top .35s cubic-bezier(.4,.2,.2,1), bottom .35s cubic-bezier(.4,.2,.2,1);
	-webkit-transition: opacity .1s linear, top .35s cubic-bezier(.4,.2,.2,1), bottom .35s cubic-bezier(.4,.2,.2,1);
}
.header-css .mega-menu-link:before{
	top: 0 !important;
}
.header-css  .mega-menu-link:after{
	bottom: 0 !important;
}
.header-css .mega-current_page_item .mega-menu-link:before{
	opacity: 1;
	top: 7px !important;	
}
.header-css .mega-current_page_item .mega-menu-link:after{
	bottom:	7px !important;
	opacity: 1;
}
.header-css #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current_page_item>a.mega-menu-link{
	color: #A77BCA !important;

}
/* .header-css #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current_page_item>a.mega-menu-link{
	color: #A77BCA !important;
}
 */


/* mobile-header */
.mobile-header .elementor-icon-wrapper a{
	display: flex;
	align-items: center;
	justify-content: end;
}
.ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator{
	font-size: 15px;
}
.menu-css .menu-item-has-children a{
	justify-content: space-between; 
}

.menu-css .ekit-menu-dropdown-toggle i{
	transition: all 0.4s;
}
.menu-css .menu-item-has-children a i:before{
	content: "\2b" !important;
	font-family: "FontAwesome" !important;
	font-size: 17px;

}
.menu-css .ekit-menu-dropdown-toggle.active i{
	transform: rotate(45deg);
}

/* contact form bg remove */
@media (max-width:768px){
	.bg-remove-mobile .elementor-widget-wrap{
		background-color: #000 !important;
	}
}
/* 250+ setion css */
.for-250-section h2.title-1 {
	font-weight: 700 !important;
	color: #071D49;
	text-transform: capitalize !important;
}
.for-250-section p {
		color: #071D49;
}
a.button.primary.is-outline{
	/* background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important; */
    background-color: #1138d7 !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
	border: none;
	color: #fff !important;
	font-family: "Open Sans", Sans-serif !important;
	border-radius: 6px !important;
	font-size: 16px;
    font-weight: 600;
	text-transform: uppercase;
	padding: 17px 32px 17px 32px;
	border: none !important;
	line-height: normal !important;
}
a.button.primary.is-outline span{
	line-height: normal !important;
}
a.button.primary.is-outline:hover{
	background-position: 0 60% !important;
	line-height: normal !important;
}
@media (max-width:992px){
	a.button.primary.is-outline{
		font-size: 14px;
		padding: 15px 30px;
	}
}

/* contact us page */
.section-content .for-font-weight{
	font-weight: 500 !important;
}


/* -------- image with text (media left & right) -------- */
.service-rows img{
	padding: 0 !important;
	border-radius: 0 !important;
	height: 552px;
	object-fit: contain;
	box-shadow: none !important;
	width: 100% !important;
}

.service-content-box h2{
	font-size: 41px;
	line-height:47.15px;
	margin-bottom:32px;
	text-transform: capitalize;
}
.service-content-box p{
	font-size: 14px;
	margin-bottom:40px;
	line-height:24.5px;
	font-weight:400;
}
.service-content-box .button{
	font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
/*     background-color: #006400 !important; */
    border-radius: 6px 6px 6px 6px;
/*     box-shadow: 0px 4px 0px 0px #003300; */
/*     padding: 17px 32px 17px 32px; */
	padding:0 32px;
	line-height: normal !important;	
	/* background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important; */
    background-color: #1138d7 !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
	border: none;
	margin:0;
}
.service-content-box .button:hover{
	background-position: 0 60% !important;
}


.service-content-box .button span{
	   font-size: 14px;
	   line-height:44px;
}
@media (max-width:1220px){
	.service-content-box .col-inner{
		padding:100px 0 100px 60px !important;
	}
	.software-box .col-inner{
		padding:100px 60px 100px 0px !important;
	}
	.service-content-box h2{
		font-size:34px;
		line-height:39.1px;
		margin-bottom:27px;
	}
	.service-rows img{
		height:525px !important;
	}
	.service-content-box p{
		font-size:12px;
		line-height:21px;
	}
}
@media (max-width:1024px){
	.service-content-box .col-inner{
		padding:72px 0 72px 42px !important;
	}
	
	.software-box .col-inner{
		padding:80px 42px 80px 0px !important;
		margin-right:0 !important;
	}
	.service-content-box .col-inner{
		max-width:316px !important;
	}
	.service-content-box h2{
		font-size:28px;
		line-height:32px;
		margin-bottom:22.4px;
	}
	.service-rows img{
		height:400px !important;
	}
/* 	.service-content-box .button span{
		line-height:normal !important;
	} */
}
@media (max-width:992px){
 

/* 	.service-content-box .button{
		padding: 15px 30px !important;
		font-size: 14px;
	} */
}
@media (max-width:768px){
	.service-content-box h2{
		font-size:24px !important;
	    line-height:27.6px !important;
		margin-bottom:19px;
	}
	.service-content-box .col-inner{
	   max-width:100% !important;
	   text-align:center;
		
	}

	.service-rows .medium-6{
		max-width:100% !important;
		flex-basis:100% !important;
	}
	
	.service-rows .col.medium-6.small-12.large-6{
		max-width:100% !important;
		flex-basis:100% !important;
	}

	.service-rows{
  		flex-direction:column-reverse !important;	
	}
	.service-rows.right-row{
		flex-direction:unset !important;
	}
    .service-rows img{
		height: 380px !important;
/* 		margin-bottom:80px !important; */
	}
	.service-content-box .button span{
		font-size:13px !important;
/* 		line-height:normal !important; */
	}
	
	.service-content-box .col-inner{
		padding:0 30px 30px !important;
	}
}
@media (max-width:768px) and (min-width:550px){
	.service-rows img{
		margin-bottom:80px !important;
	}
}
@media (max-width:549px){
	.service-rows img{
/* 		height: 325px !important; */
		height: 100% !important;
	}
	.service-content-box .col-inner{
		padding:40px 20px !important;
		text-align: center;
	}
	.service-rows .medium-6{
		max-width:100% !important;
		flex-basis:100% !important;
	}
	
	.service-rows .col.medium-6.small-12.large-6{
		max-width:100% !important;
		flex-basis:100% !important;
	}

	.service-rows{
  		flex-direction:column-reverse !important;	
	}
	.service-rows.right-row{
		flex-direction:column-reverse !important;
	}
}
.blockchain-banner-section .elementor-element.elementor-element-ecb44a2 p{
	max-width: 100% !important;
}
.heading-left-padding .title-1{
	padding-left: 20px !important;
	width: 100%  !important;
	max-width: 1180px !important;
	margin: auto !important;
	margin-bottom: 20px !important;
	text-align: left !important;
}
/* FORM-BUTTON-CSS */
.form-new .buttonarea input{
	font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
/*     background-color: #006400 !important; */
    border-radius: 6px 6px 6px 6px;
/*     box-shadow: 0px 4px 0px 0px #003300; */
/*     padding: 17px 32px 17px 32px; */
	padding:0 32px;
	line-height: normal !important;	
	background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
	border: none;
	margin:0;
}
.form-new .buttonarea input:hover{
	background-position: 0 60% !important;
}

/* form-button */

.contact-us form.wpcf7-form input.wpcf7-submit{
	font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
/*     background-color: #006400 !important; */
    border-radius: 6px 6px 6px 6px;
/*     box-shadow: 0px 4px 0px 0px #003300; */
/*     padding: 17px 32px 17px 32px; */
	padding:0 32px;
	line-height: normal !important;	
	background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
	border: none;
	margin:0;
}
.contact-us form.wpcf7-form input.wpcf7-submit:hover{
	background-position: 0 60% !important;
	color:#fff !important;
}


/* fill-button */


.fill-button-css{
	font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
/*     background-color: #006400 !important; */
    border-radius: 6px 6px 6px 6px;
/*     box-shadow: 0px 4px 0px 0px #003300; */
/*     padding: 17px 32px 17px 32px; */
	padding:0 32px;
	line-height: normal !important;	
	background-image :linear-gradient(to bottom, #6dc058, #164716, #003300) !important;
	background-size: 100% 200% !important;	
	transition: 0.4s all !important;
	border: none;
	margin:0;
}
.fill-button-css:hover{
	background-position: 0 60% !important;
}
.fill-button-css span{
	line-height:44px !important;
}

/* header blog css */
.header-blog-color a{
    color: #071d49 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    margin-left: -10px !important;
}
.header-blog-color .flex-col.flex-grow span{
	display: none;
}

/*  */
.booking-heading .title-1 {
    position: relative;
}
.booking-heading .title-1:after{
	background: #1138d7;
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    width: 1em;
    display: block;
    bottom: -7px;
    margin: 0 auto;
    position: absolute;
}
/* contact form */
.contact-us-form div.wpforms-container-full{
	margin-bottom: 0 !important;
}


/*  */
.section-content .sub-text{
	font-size: 18px !important;
	line-height: 28px !important;
}

/* close btn popup */
.eicon-close:before{
	content: "\58" !important; 
	font-family: "FontAwesome" !important;
}
.icon.icon-menu-11::before{
	content: "\f0c9" !important;
	font-family: "FontAwesome" !important;
}

img.wpforms-submit-spinner{
	display: none !important;
}

.margin-none .col{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.p-margin-none p{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.full-cycle-dev-cls .three-services{
	padding: 0 !important;
}

.ANDkGNzj0jAAMM0FTmOMmNIu53NQVUztheme--light{
	display: none !important; 
}

.form-new a, .wpcf7-form.init a{
	color: #003300 !important;
	font-weight: 400 !important;
}

.padding-remove .col{
	padding: 0 !important;
}
.padding-remove .col-inner{
	padding: 0 !important;
}

.text-justify p{
	text-align: justify !important;
}

.mo-openid-app-icons{
	display: none !important;
}

.badge-inner.bg-fill{
	background-size: contain !important;
	background-position: center !important;
}

.recaptcha{
	display: block !important;
	padding-bottom: 10px !important;
}
.recaptcha > span > div{
	margin: auto !important;
}
.submit-btn{
	justify-content: center !important;
    display: grid !important;
}
@media (max-width:550px){
	.padding-none .col-inner{
		padding-left: 0px !important;  
	}
}  
  
   
/*  Custom css for speed optimisation  */
@media only screen and (min-width: 769px) { 
.elementor-11759 img{ 
	height: 354px !important; 
    width: 652px !important;
	max-width:100% !important;
	} 
}
@media only screen and (max-width: 768px) {
	.elementor-11759 img{
		height: 100% !important;
    	width: 100% !important;
		}
}  
 
.contact-us-form form .wpforms-submit-container button{
	max-width:40% !important;
    display:block !important;
	margin:auto !important;  
}