* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
   .imglist img{
                width: 25%;
                margin: 5px;
            }

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

body{
    font-family: 'Karla', sans-serif;
    /* font-family: 'Poppins', sans-serif; */
    /* font-family: 'Playfair Display', serif; */ 
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.sp-pcp-post .sp-pcp-post-thumb-area img{
height:175px;
}
#loading {
    position: fixed; width: 100%; height: 100%;left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#iframe {
    inset: auto 50px 20px auto !important;
}
a:hover{
	text-decoration: none;
}
li {
    list-style: none;
}
p {
    font-size: 16px;
    color: #2f3031;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}
strong {
    color: #2a2b2b;
    display: inline-block;
}
/* p, h1, h2, h3, h4, h5, h6{
    margin: 0;
} */
.container {
	max-width:2500px; 	 
}
.usa-top-nav {
    background-color: #002e5b;
    color: #ffff;
    position: relative;
    width: 100%;
}
.top_bar_info_wr {
    position: relative;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: end;
}
.top_bar_info {
    margin-bottom: 0;
}
.top_bar_info_wr .top_bar_info_switcher {
    position: relative;
    float: right;
    background: #fde428;
    font-size: 13px;
    border-radius: 5px;
    margin: 5px 0 5px 15px;
}
.top_bar_info_wr .top_bar_info_switcher .active {
    position: relative;
    cursor: pointer;
    padding: 10px 36px 10px 18px;
    color: #002e5b;
    text-decoration: none !important;
    min-width: 125px;
}
.top_bar_info_wr .top_bar_info_switcher .active:after {
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #002e5b;
    position: absolute;
    right: 20px;
    top: 45%;
    margin: -2px 0 0;
}
.top_bar_info_wr .top_bar_info_switcher ul {
    position: absolute;
    left: 0;
    top: 43px;
    display: none;
    background: #002e5b;
    list-style: none;
    padding: 12px 0;
    margin: 0;
    min-width: 100%;
    z-index: 9;
}

.usa-top-nav ul li {
    display: inline-block;
    font-size: 12px;
    margin-left: 22px;
    padding: 6px 10px;
}
.top_bar_info_switcher ul li {
    margin: 0;
    width: 100%;
    text-align: left;
}
.usa-top-nav ul li a {
    color: #fff;
}
.top_bar_info_wr .top_bar_info li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0px;
    color: #fff;
    font-size: 13px;
}
.top_bar_info_wr .top_bar_info li i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    font-size: 16px;
    color: #fde428;
}
header {
    width: 100%;
    z-index: 2;
    position: fixed;
    top: 49px;
    background: rgba(238,242,253); 
    transition: all .4s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.cms-header{
    background: rgba(238,242,253);
}
.navbar {
    padding:0; 
}

.feedback-msg {
    padding-left: 15px;
}
.feedback-msg img {
    animation: heartbeat 1s infinite alternate;
}
.heartbeat{
    animation:heartbeat 1s infinite alternate;
}

@keyframes heartbeat {
    to{
        -webkit-transform:scale(1.1) ; 
        transform:scale(1.1) ;
    }
}

.shake{
    animation:shake 10s infinite alternate;
}

.navbar .nav-item a{
    color: #002e5b;
    padding: 27.5px 10px!important;
    display: inline-block;
    font-size: 17px;
    font-weight:600;
    transition: all .5s ease-in-out;
}

.navbar .nav-item:hover >a, .navbar .nav-item a.active{
    color: #fa062e;
}
.navbar .nav-item:hover a
.hero-panel {
    width: 100%;
    display:flex;
    clear: both;
}

.hero-contentpanel {
    background-size: cover;
    position: relative;
}
.hero-contentpanel:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,0,.3));
}
.hero-infobox {
    display: flex;
    flex-direction: column;
    width: 100%;
    height:699px;
    justify-content: center;
    padding: 15px;
    position: relative;
    z-index: 1;
}
.hero-infobox h1, .video-upperinfo h1 {
    font-size: 60px;
    font-weight: 600;
    color: #002e5b;
    margin-bottom: 15px;
}
.video-upperinfo h1 {
    color: #fff;
}
.hero-infobox p, .video-upperinfo p {
    font-size: 23px;
    font-weight: 600;
    color: #002e5b;
    width: 500px;
    text-align: left;
}
.socal-linkbox {
    display: inline-block;
    position: fixed;
    top: 250px;
    right: 25px;
    z-index: 999;
    padding: 10px;
    border-radius: 5px;
    transform: translate( 185px, 0);
    z-index: 99;
}
.socal-linkbox ul {
    padding: 0px;
}
.socal-linkbox ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: rgba(0, 255, 0, 0.36);
    width: 200px;
    min-height: 52px;
    padding: 5px;
    border-radius: 30px 0px 0px 30px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.socal-linkbox li a span {
    color: #ffffff;
    font-size: 15px;
    text-transform: capitalize;
    padding-left: 5px;
}
.socal-linkbox ul li i {
    color: #000;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.socal-linkbox ul li:hover {
    -webkit-transform: translate(110px, 0);
    transform: translate(-110px, 0);
    background: rgba(0, 255, 0, 0.36);
}
.socal-linkbox ul li:hover a {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
}
.socal-linkbox ul li:hover i {
    color: #fff;
    background: #002e5b;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    transition: all 1s;
}


.banner-slider .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 92px;
}
.banner-slider .owl-dots .owl-dot span {
    width: 18px!important;
    height: 18px!important;
    background-color: #fff!important;
    border-radius: 0!important;
    border: 5px solid #c2ced8;
}
.banner-slider .owl-dots .owl-dot.active span {
    background: #ff0000!important;
    border: 5px solid #002e5b;
}
.circle-text {color:#fff}

.about-topanel {
    width: 100%;
    display: inline-block;
    margin:1px 0px 10px 0px;
    padding: 50px 0 30px 0;
    background: #0E98F0;
}
.about-topanel1 { 
    width: 100%;
    display: inline-block;
    margin:1px 0px 10px 0px;
    padding: 70px 0;
    background: #E11FB8;
}
/* .small-toptitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
} */
.about-topleftbox h2 {
    font-size: 29px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 35px;
}
.title-yellow {
    font-size: 34px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 600;
    color: #fee212;
}
.about-toprightbox p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 0;
    text-align: left;
}
.ourservices-box {
    width: 100%;
    height: 490px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out;
    display: block;
}

.ourservices-box:hover {
    background: linear-gradient(to bottom, rgba(6,156,25,0.4), rgba(2,72,72,0.4));
}
.ourservices-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1;
}
.ourservices-box h2{
        position: absolute;
        top: 10px;
        right: 0px;
        left: 0px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 20pt;
}
.ourservices-box .mendix-content{
    font-size: 12px;
    color: #ffffff;
    padding: 7px 10px;
    text-align:left;
}
.ourservices-box .cloud-computing p {
    color: #ffffff;
    padding: 0px 15px;
    font-size: 14px;
}
.ourservices-box .ai p {
    color: #ffffff;
    padding: 0px 20px;
    font-size: 14px;
    margin: 35px 0
}
.ourservices-panel {
    padding: 0px 0 10px;
    width: 100%;
    display: inline-block;
}
.ourservices-infobox {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 35px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    background-image: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.67));
}
.ourservices-infobox h4.small-toptitle {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
}
.ourservices-infobox h2 {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 30px;
}

.ourservices-infobox label {
    color: #f5e8b6;
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 15px;
}
.ourexpertise-panel {
    padding: 50px 0 30px;
    width: 100%;
    display: inline-block;
    background: #F83C3B;
}
.heading-title {
    text-align: center;
    color: #ffff00;
    font-size: 29px;
    padding-bottom: 40px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.ourexpertise-box {
    width: 100%;
    display: inline-block;
    height: 350px;
    border-radius:25px;
    margin: 35px 0;
    position: relative;
    border-top: 4px solid #f9b70b;
    transition: all 1.5s ease-in-out;
}
.ourexpertise-box:hover .ourexpertise-info {
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    text-align: center;
    opacity:1;
    background: linear-gradient(to bottom, rgba(228,179,37,0.9), rgba(105,84,28,0.8));
    border-radius: 25px;
}
.ourexpertise-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
}
.ourexpertise-info {
    position: absolute;
    bottom: 0;
    background: #fff;
    height:80px;
    width: 100%;
    text-align: center;
    padding: 15px;
    font-family: 'Poppins', sans-serif;
    transition: height .8s;
    overflow: hidden;
    border-radius: 0px 0px 25px 25px;
}
.ourexpertise-box:hover h2, .ourexpertise-box:hover p{
    color: #fff;
    white-space: normal;
    text-overflow: inherit;
    overflow: visible;
    opacity: 1;
   
}
.ourexpertise-box:hover , .ourexpertise-box:hover .service-overlay-icon{
   border-color: #0dc06f;
   background: #0dc06f;
}
.ourexpertise-info h2 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    color: #232323;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.ourexpertise-info p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    color: #616161;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.service-overlay-icon {
    width: 80px;
    height: 80px;
    /*background: #f9b70b; */
	background: #002E5B;
    display: flex;  
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1.5s ease-in-out;
}
.service-overlay-icon img {
    max-width: 70%;
    max-height: 100%;
    height: auto;
    margin: 0px auto;
    object-fit: unset;
}
.maintime-panel {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
}
.time-topanel {
    width: 100%;
    padding-top:0px;
    display: inline-block;
}
.time-topanel img {
    width: 100%;
}
.time-panel {
    padding: 145px 0;
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: relative;
    background-attachment: fixed!important;
    background-position: 50% 50%!important;
}
.time-panel .heading-title {
    font-size: 36px;
}

.timer-content-box {
    text-align: center;
    display: block;
}
.word-count {
    font-size: 50px;
    font-weight: 600;
    color: #ffff00;
    position: relative;
}
.word-count sup {
    font-size: 28px;
    font-weight: 100;
    top: 30px;
    margin-left: 5px;
    position: absolute;
}
.timer-content-box p {
    color: #ffff00;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.testimonials-panel {
    padding: 100px 0;
    margin-top: 10px;
    width: 100%;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    background-position: 50% 50%!important;
}
.testimonials-leftbox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.Testimonials-slider {
    background: #fff;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
  
}
.Testimonials-slider:hover::after {
    background: #072e3f url(../images/quote-icon.png);
}
.Testimonials-debbie-clark {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px;
}
.Testimonials-icon {
    width: 150px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
}
.Testimonials-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Testimonials-content {
    position: relative;
    width: 100%;
    padding-left: 20px;
   
}
.Testimonials-content p {
    color: #323232;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
}
.Testimonials-content ul li {
    font-size: 15px;
    line-height: 24px;
    color: #002e5b;
    font-weight: 500;
}
.Testimonials-new-content {
    padding: 25px;
    width: 100%;
}
.Testimonials-new-content p {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #5d5c5c;
    text-align: left;
}
.Testimonials-slider .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}
.Testimonials-slider .owl-dots .owl-dot {
    margin-left: 6px;
}
.Testimonials-slider .owl-dots .owl-dot span {
    width: 25px!important;
    height: 4px!important;
    background-color: #aba29e !important;
    border-radius: 0 !important;
}
.Testimonials-slider .owl-dots .owl-dot.active span {
    background: #fff !important;
    width: 40px !important;
}
.Testimonials-slider:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    background: #f9b70b url(../images/quote-icon.png);
    top: -35px;
    background-repeat: no-repeat!important;
    border-radius: 50%;
    background-position: center!important;
    right: 50px;
    transition: all .5s ease-in-out;
}
.technology-patner {
    position: relative;
}
.technology-patner .partner-panel {
    padding: 45px 45px 5px;
    position: relative;
    z-index: 1;
}
.partner-panel .heading-title {
    padding-bottom: 10px;
}
.customer-logoBox {
    border-radius: 5px;
    background: #fff;
    height: 125px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 15px;
    border: 1px solid #e6f1ff;
    box-shadow: 0 0 4px rgb(230,241,255);
}
.customer-logoBox:hover img{
  transform: scale(1.1);
}
.customer-logoBox img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    transition-duration: .5s;
}
.earth {
    position: absolute;
    top: 40px;
}
.earth img {
    width: 100%;
}
.contact-us-text{
    font-size: 24px;
    color: #fff;
}
.contact-us-text a {
    color: #ffe400;
    font-style: italic;
    text-decoration: underline;
}
.contactus-textpanel .about-topleftbox h2 {
    font-size: 28px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 35px;
}
.news-panel {
    padding: 45px 0;
}
.news-box {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6f1ff;
    box-shadow: 0px 3px 4px rgba(239,241,255,0.8);
    transition: all .5s ease-in-out}
.news-box:hover {
    box-shadow: 0px 3px 4px rgb(183, 183, 183);
}
.news-box:hover img{
    transform: scale(1.1);
}
.news-imgbox {
    height: 175px;
    position: relative;
    overflow: hidden;
}
.news-imgbox img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 0.5s ease-in-out;
    transform: scale(1);
}
.news-infobox {
    text-align: center;
    padding: 20px 5px;
}
.news-infobox h3 {
    font-size: 17px;
    min-height: 60px;
    font-weight: 600;
    color: #343e5c;
    margin-bottom: 15px;
}
.news-infobox p {
    color: #ff0000;
    font-style: italic;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}
.map-panel .map-box {
    width: 100%;
    height:500px;
}
.map-panel .map-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.request-panel {
    padding: 90px 0 75px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 100%;
    display: inline-block;
    background-attachment: fixed!important;
    background-position: 50% 50%!important;
}
.request-leftbox {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
}
.request-formbox {
    position: relative;
    z-index: 1;
}
.request-iconbox {
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 10px 18px 0 12px;
    justify-content: center;
    position: relative;
}
.request-iconbox img {
    width: 65px;
}
.request-iconbox:after {
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: -11px;
    border-left: 12px solid #fff;
}
.request-info {
    padding: 15px 0 0 60px;
}
.request-info h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.request-info p {
    font-size: 20px;
    color: #fff;
    text-align: left;
}							
/******************footer*******************/

footer {
    width: 100%;
    display: block;
    padding: 175px 0 20px;
    background: #0c192b;
    overflow: hidden;
    position: relative;
}

footer::before {
    content: '';
    background: url(../images/footer-topimg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 140px;
    position: absolute;
    top: 0;
}
.top-footer {
    padding-bottom: 20px;
    border-bottom: 1px solid #6b86a0;
}
.top-footer h1 {
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    font-family: sans-serif;
    padding-bottom: 15px;
}
.top-footer h1 .fa {
    font-weight: initial;
    transform: rotate(45deg);
    font-size: 30px;
    letter-spacing: -26px;
    vertical-align: super;
}
.top-footer p {
    color: #dee4ea;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
}
.footer-info {
    padding-top: 50px;
}

.footer-info h2 {
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
}
.footer-info ul {
    padding: 20px 0;
    list-style: none;
    margin-bottom: 0;
}
.footer-info ul li {
    color: #dee4ea;
    font-size: 15px;
    display: flex;
    height: 60px;
    align-items: center;
}
.footer-info ul li a{
    color: #dee4ea;
    transition: all .5s ease-in-out;
}
.footer-info ul li a:hover{
    color:#ff8787;
}
.footer-info ul li img {
    width: 27px;
    margin-right: 20px;
}
.copyright-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 25px 0;
    border-top: 1px solid #6b86a0;
}
.copyright-textbx {
    color: #fff;
    font-size: 15px;
    width: 33.33%;
}
.footer-socalbox{
    text-align: right;
    width: 100%;
    padding-bottom: 20px;
}
.footer-socalbox a {
    width: 45px;
    height: 45px;
    border-radius: 3px;
    line-height: 45px;
    font-size: 17px;
    margin-left: 8px;
    text-align: center;
    color: #fff;
    border: 1px solid transparent;
    transition: all .5s ease-in-out;
}
.fa-twitter {
    background: #6babf0;
}
.fa-facebook {
    background: #43589a;
}
.fa-google {
    background: #4285F4;
}
.fa-youtube-play{
    background:#FF0000;
}

.footer-socalbox .fa-linkedin {
    background:#0073b0;
}
.footer-socalbox a:hover {
    background: transparent;
    border: 1px dashed;
}
.footer-cmsbox{
    text-align: right;
    width: 33.33%;
}
.footer-cmsbox a {
    color: #fff;
    font-size: 16px;
    transition: all .5s ease-in-out;
}
.footer-cmsbox a:hover {
    color: #ff0000;
}
.footer-cmsbox span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 0 10px;
}
.scroll__show{
    top: 0;
    width: 100%;
    z-index: 999;
    animation-name: scroll__show;
    animation-duration: .3s;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(133,133,133,0.5);
    left: 0;
  } 
  ./* {
    padding: 50px 0 0;
}*/
.foter-logobox p {
    font-size: 20px;
    color: #fff;
    padding: 20px 0;
    font-weight: 400;
    display: none;
} 
.footer-btnbox {
    padding-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    text-align: right;
}
.footer-btnbox .btn {
    padding: 8px 20px;
    font-size: 16px;
    border: 2px solid #f9b70b;
    margin-left: 5px;
    color: #f9b70b;
    transition: all .5s ease-in-out;
}
.footer-btnbox .btn:hover {
    background: #f9b70b;
    color: #fff;
}
.footer-btnbox .get-intouchbtn {
    background: #f00;
    border-color: #f00;
    color: #fff;
}
.footer-btnbox .get-intouchbtn:hover{
    background: transparent;
}
.footer-socalbox p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: right;
}
.cms-linkbox{
    width: 100%;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}
.cms-linkbox h2 {
    font-size: 18px;
    color: #fff;
    padding-bottom: 15px;
}
.cms-linkbox ul {
    columns: 2;
}
.cms-linkbox a {
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    display: inline-block;
    transition: all .5s ease-in-out;
}
.cms-linkbox a:hover {
   padding-left: 5px;
   color: #fa062e;
}
.footer-btnbox p {
    color: #fff;
    margin-bottom:15px;
    font-size: 14px;
    text-align: right;
}
.footer-btnbox .grren-btn{
    border-color: #69e781;
    color: #69e781;
    padding: 8px 25px;
} 
.footer-btnbox .grren-btn:hover{
    background: #69e781;
    color: #fff;
} 
.request-formbox .form-group {
    padding-bottom: 20px;
    padding-right: 40px;
}
.request-formbox .form-control {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    transition: all 0.2s;
    padding-left: 10px;
    height: 50px;
}
.request-formbox .form-control::placeholder {
    color: #fff;
}

.request-formbox .form-control:focus {
    outline: none;
    box-shadow: none;
  }
/* 
  .request-formbox .form-control:placeholder-shown + label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0px, 7px) scale(1);
} */

/* .request-formbox .form-control:not(:placeholder-shown) + label,
.request-formbox .form-control:focus + label {
transform: translate(-15px, -35px) scale(.9);
  cursor: pointer;
} */
  
.request-formbox label {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    position: absolute;
    left: 15px;
    top: 7px;
    transition: all 0.2s;
    touch-action: manipulation;
}
.center-btnbox {
    text-align: center;
    padding: 15px;
}
.submit-btn {
    background: red;
    color: #fff;
    padding: 10px 35px;
    text-transform: uppercase;
    cursor: pointer;
}
.submit-btn:hover{
    background: #002e5b;
}
.bottom-top {  
    width: 50px;
    height: 50px;
    background: #f00;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 7%;
    display: none;
    cursor: pointer;
    z-index: 999;
    transition: all .5s ease-in-out;
}
.bottom-top:hover {
    background: #002e5b;
    box-shadow: 0 0 4px rgba(255, 240, 240,.4);
}

.bottom-top i {
    font-size: 25px;
    color: #fff;
}

/************************cms-pages***************************/
.cms-heropanel {
    padding: 50px 0 0;
    min-height: 450px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: relative;
}
.cms-heropanel::after {
    content: '';
    width: 100%;
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0,46,91,0.5), rgba(255,0,0,0.5));
}
.cms-heropanel-info {
    display: flex;
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
}
.cms-heropanel-inerbox {
    width: 100%;
    text-align: center;
}
.cms-heropanel-inerbox h1 {
    font-size: 65px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}
.cms-heropanel-inerbox p {
    font-size: 25px;
    width: 50%;
    margin: 0 auto;
    word-break: break-all;
    color: #fff;
} 
.cms-heropanel .socal-linkbox {
    top: 200px;
    background: transparent;
}
.mendix-infopanel {
    padding: 50px 0;
    background: #f4f9ff;
    width: 100%;
    display: inline-block;
}
.info-title {
    font-size: 37px;
    font-weight: 600;
    color: #2f3031;
    text-align: center;
    padding-bottom: 25px;
}
.mendix-imagesleftbox {
    width: 100%;
    height: 425px;
    padding-right: 4px;
    position: relative;
}
.mendix-imagesleftbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-titlebox {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.2);
}
.img-titlebox h2 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 15px;
    margin-bottom: 0;
}
.practices-panel {
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    background: #a3e5fb;
}
.practices-panel .info-title {
    color: #080808;
}
.practices-box{
    width: 100%;
    padding: 25px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    transition:all .5s ease-in-out;
}
.practices-box:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.practices-box:hover .practices-imgbox{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.practices-box:hover img{
    transform: scale(1.1);
}
.practices-imgbox {
    width: 115px;
    height: 115px;
    margin: 0 auto 20px;
    background: #f9b70b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #fde4a2;
    transition:all .5s ease-in-out;
}
.practices-imgbox img{
    transform: scale(1);
    transition:all .5s ease-in-out;
}
.practices-box h4 {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 15px;
    color: #232323;
    text-transform: uppercase;
}
.practices-box p {
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    margin-bottom: 0;
}
.list-style{
   margin-bottom: 0;
}
.list-style li {
    font-size: 17px;
    font-weight: 600;
    color: #343e5c;
    padding-bottom: 10px;
    position: relative;
    padding-left: 25px;
}
.list-style li:before {
    content: "top";
    border-right: 2px solid #002e5b;
    border-bottom: 2px solid #002e5b;
    font-size: 0;
    height: 13px;
    transform: rotate(50deg);
    width: 7px;
    position: absolute;
    top: 8px;
    left: 5px;
}
.advantage-panel {
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    background: #2d4681;
}
.advantage-box {
    display: flex;
    padding: 20px 0; 
    border-bottom: 1px solid #6a7ca6;
    align-items: end;
}
.advantage-box:last-child {
    border: none;
}
.advantage-infobox {
    width: 100%;
    padding-left: 25px;
}
.advantage-infobox h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
}
.advantage-infobox p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    text-align: left;
}
.mendix-servicesbox {
    width: 100%;
    display: inline-block;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    border-radius: 5px;
    margin-top: 25px;
    overflow: hidden;
    position: relative;
}
.mendix-servicesbox:hover img{
 transform: scale(1.1);
}
.mendix-servicesimgbox {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.mendix-servicesimgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
    transform: scale(1);
}
.mendix-servicesinfo {
    padding: 20px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
.mendix-servicesinfo h4 {
    font-size: 16px;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.mendixrequest-panel{
    margin-bottom: 10px;
    position: relative;
}
.mendixrequest-panel::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7,164,170,.7);
}
.Ai-requestpanel::after{
    background: rgba(31,112,193,.7);
}
.iot-requestpanel::after{
    background: rgba(44,62,80,.7);
}
.bigdata-requestpanel::after{
    background: rgba(57,98,70,.7);
}
.cloud-requestpanel::after{
    background: rgba(102, 105, 54,.7);
}
.kubernetes-requestpanel{
    margin-top: 10px;
}
.kubernetes-requestpanel::after{
    background:rgba(167, 110, 112, 0.7);

}
.services-requestpanel::after{
    background: rgba(137, 86, 135, 0.7);

}
/***********************sectc-form-style******************************/
.select-btn {
    width: 100%;
    padding: 10px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
.select-btn:after {
    content: '';
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    right: 10px;
    border-radius: 2px 2px 0px 0px;
    top: 20px;
    cursor: pointer;
}
.select-box {
    width: 100%;
    position: relative;
}
.select-box ul {
    width: 100%;
    padding: 10px;
    background: #f7f7f7;
    position: absolute;
    top: 55px;
    z-index: 999;
    left: 0;
    border-radius: 3px;
}
.select-box a {
    width: 100%;
    display: inline-block;
    padding: 5px;
    font-size: 15px;
    text-transform: capitalize;
    color: #002e5b;
    font-weight: 600;
    transition: all .5s ease-in-out;
}
.select-box a:hover {
    background: #002e5b;
    color: #fff;
}
.list-box {
    width: 100%;
    padding: 10px 0;
}
.list-title {
    font-size: 26px;
    color: #3d3d3d;
    font-weight: 600;
    padding-bottom: 15px;
}
.list-box .list-style li {
    color: #3d3d3d;
    display: flex;
    align-items: baseline;
}
.list-box-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
}
.ourai-partnerspanel {
    width: 100%;
    display: inline-block;
    background: #f4f9ff;
    padding: 60px 0;
}

.ai-partnerbox {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    padding: 30px;
}
.ai-partnerbox {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 30px;
}
.bg-colorblue{
    background: #1f70c1;
}
.ai-partnerbox img {
    max-width: 100%;
    max-height: 100%;
}
.small-headingtitle {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
    color: #2a2a2a;
}
.following-clientsbox {
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 15px;
}
.following-clientsbox img {
    max-width: 100%;
    max-height: 100%;
}
.mendix-imagespanel {
    background: #f4f9ff;
}
.tech-stackpanel {
    width: 100%;
    display: inline-block;
    padding: 50px 0;
}
.tech-imgbox a{
    width: 100%;
    display: flex;
    height: 65px;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.tech-imgbox img {
    max-width: 100%;
    max-height: 100%;
    transition: all .5s ease-in-out;
    transform: scale(1);
}

.tech-imgbox:hover img {
    transform: scale(1.1);
}
.list-box .list-style li strong {
    display: contents;
}
.list-box .list-style2  li {
    font-weight: 400;
}
.ourexpertise-panel .title-yellow {
    color: #f9b70b;
}
/*******************ech-tabpanel*****************************/

.tech-tabpanel .nav-tabs {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
    transition: all .5s ease-in-out;
    border: none;
   
}
.tech-tabpanel .nav-link:focus {
    border: none;
}
.tech-tabpanel .nav-link:hover {
    color: #3789ef;
    border: none;
}
.tech-tabpanel .nav-link:hover:after {
    background: #3789ef;
}


.tech-tabpanel .nav-link {
    font-size: 17px;
    color: #292929;
    font-weight: 600;
    margin: 0 20px;
    border: none;
    text-transform: capitalize;
    position: relative;
}
.tech-tabpanel .nav-link:after {
    content: '';
    background: transparent;
    height: 3px;
    width: 50px;
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    bottom: -10px;
}
.tech-tabpanel .nav-link.active {
    background: transparent;
    border: none;
    color: #3789ef;
}
.tech-tabpanel .nav-link.active:after {
    content: '';
    background: #3789ef;
}

.tech-tabpanel .card {
    border: none;
    background: transparent;
}

.tech-tabpanel .card .header-tabtitle {
    display:none;
}  

.tech-tabpanel .card .collapse{
    display:block;
}
.tech-tabcontent {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 60px;
}
.tech-tabpanel .tech-imgbox {
    background: #fff;
    padding: 20px 25px;
    margin: 5px;
    width: calc(20% - 10px);
}
.sub-para {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.tech-stacktabpanel{
    background: #f1f1f1;
}
.ai-benefitpanel{
    background: #fff;
}
.approch-panel {
    padding: 50px;
    width: 100%;
    display: inline-block;
    background: #f7f7f7;
}
.foter-logobox {
    padding-bottom: 20px;
}
.footer-info ul li span {
    width: 100%;
}
.cloud-provideroanel {
    width: 100%;
    display: inline-block;
    padding-bottom: 50px;
}
.provider-contentbox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.provider-heading {
    padding: 20px;
    text-align: center;
    background: #e23333;
}
.provider-heading h2 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
.provider-imgbox {
    max-height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.provider-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.provider-logoimg {
    position: absolute;
}
.provider-infobox {
    padding:25px 50px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    background: #fff;
    font-family: 'Poppins', sans-serif;
}
.provider-infobox h2 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #e23333;
    font-weight: 500;
}
.provider-infobox p {
    font-size: 17px;
    text-align: left;
    margin-bottom: 20px;
    color:#3b3b3b;
}
.highlights-kubernetespanel {
    width: 100%;
    padding: 50px 0;
}
.highlights-kubernetbox {
    min-height: 225px;
    margin-top: 20px;
}
.highlights-kubernetbox h6 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 16px 0;
    color: #031b4e
}
.highlights-kubernetbox p {
    font-size: 18px;
    text-align: left;
    color: rgba(3,27,78,.7);
}
.learn-morebtn {
    display: inline-block;
    padding: 8px 20px;
    margin-top: 14px;
    border-radius: 4px;
    color: #fff;
    background: #e23333;
    font-weight: 600;
    text-transform: capitalize;
    border: 2px solid #e23333;
    transition: all .5s ease-in-out;
	margin-bottom:110px;
}
.learn-morebtn:hover {
    background: transparent;
    color: #e23333;

}
.advantage-box img {
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(255,255,255,.4);
    padding: 5px;
    border:2px solid #fff;
}
.mendix-servicesinfopanel {
    background:#51bfc3;
    padding: 50px 0;
}
.iot-servicesinfopanel {
    background:#6b7885;
}
.ai-servicesinfopanel {
    background:#629bd3;
}
.bigdata-servicesinfopanel{
    background: #74917d;
}
.cloud-servicesinfopanel{
    background: #949672;
}
.kubernetes-servicesinfopanel{
    background: #c1999b;
}
.services-infobox {
    width: 100%;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}
.services-infobox h2 {
    font-size:45px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
}
.services-infobox p {
    font-size: 20px;
    text-align: left;
    color: #d8d8d8;
    margin-bottom: 20px;
}
.services-infobox p  strong{
    color: #fff;
    font-weight: 500;
}
.mendix-servicesinfopanel .provider-imgbox {
    height: 100%;
    width: 100%;
}
.mendix-servicesinfopanel .provider-imgbox img {
    width: 80%;
    height: auto;
    object-fit: cover;
}
.contactus-textpanel {
    margin-top: 0;
}
.about-servicespanel {
    background: #f7f7f7;
}

.professionals-panel {
    width: 100%;
    display: inline-block;
    padding: 45px 0;
    background: #f4f9ff;
}
.title-imgbox {
    width: 95%;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.title-imgbox img {
    object-fit: cover;
    height: 100%;
}
.play-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    animation: heartbeat 1s infinite alternate;
}
.heading-text {
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 25px;
    color: #2f3031;
}
.topheading-text {
    font-size: 20px;
    font-weight: 400;
    color: #002e5b;
    text-transform: uppercase;
}
.aboutus-info p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #4e4e4e;
    text-align: left;
}
.work-panel, .about-testimonial {
    padding: 45px 0;
    background: #eff1fe;
    width: 100%;
    display: block;
    overflow: hidden;
}
.service-box {
    text-align: center;
    padding: 20px 15px;
    min-height: 310px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    border: 1px solid #e5e8ff;
}
.service-imgbox {
    width: 120px;
    height: 120px;
    margin: 0 auto 30px;
    background: #002e5b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid #e9e9e9;
}
.service-info h4 {
    font-size: 21px;
    font-weight: 700;
    color: #343e5c;
    margin-bottom: 10px;
}
.service-info p {
    font-size: 16px;
    color: #4e4e4e;
}
.provide-servicespanel, .our-temspanel{
    width: 100%;
    display: block;
    padding: 45px 0 15px;
    background: #f4f9ff;
    overflow: hidden;
}

.title-headbox {
    padding-bottom: 25px;
    text-align: center;
}
.provide-servicespanel .service-box {
    margin-bottom: 30px;
    min-height: auto;
}
.pickimgbox {
    background: #e4e7fb;
    border-color: #eff1ff;
}
.clients-saypanel{
    width: 60%;
    margin: 5px auto;
    position: relative;
}
.clients-saypanel .item {
    padding-left: 100px;
}
.clients-sayinfo{
    width: 100%;
    display: inline-block;
    padding: 60px 30px 60px 90px;
    background: #fff;
    border-radius: 30px;
}
.clients-saypanel p {
    font-size: 20px;
    font-style: italic;
    text-align: left;
}
.clients-name {
    font-size: 20px;
    color: #002e5b;
    font-weight: 600;
}
.clients-profile {
    position: absolute;
    top: 0;
    left:0px;
    bottom: 0;
    width: 170px;
    margin: auto;
    overflow: hidden;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 10px solid #fff;
    transition: all .5s ease-in-out;
}
.clients-profile img {
    max-width: 100%;
    max-height: 100%;
}
.clients-saypanel .owl-controls {
    position: absolute;
    bottom: 10px;
    right:15px;
}
.clients-saypanel .owl-controls .owl-nav div {
    color: #748494;
}
.our-temspanel{
    padding-bottom: 45px;
}
.tems-box {
    background: #fff;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    border: 1px solid #e5e8ff;
    display: inline-block;
    text-align: center;
}
.tems-box h2 {
    font-size: 24px;
    font-weight: 600;
    padding: 12px 12px 0;
    color: #303030;
    margin-bottom: 0;
}
.tems-box p {
    font-size: 18px;
    color: #002e5b;
    font-weight: 400;
}
.contact-choosepanel, .contact-infopanel {
    width: 100%;
    display: inline-block;
    padding: 45px 0;
    background: #f4f9ff;
}
.contact-tabingpanel {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.contact-choosepanel .tabing-box {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #f00;
}
.tabing-box .tab-btn.active{
    background-color: #f00;
    border-color: #f00;
}

.tabing-box .tab-btn{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    text-transform: uppercase;
    min-width: 160px;
    margin: 0 2px;
    border-radius: 4px 4px 0 0;
    background-color: #002e5b;
    border-color: #002e5b;
    color: #fff!important;
    display: inline-block;
    cursor: pointer;
}
.contact-choosepanel img {
    margin-bottom: 20px;
}
.conatct-forminfo {
    background: #fff;
    padding: 30px;
    border: 1px solid #dddddd;
    margin-top: 30px;
}
.conatct-forminfo label {
    font-size: 16px;
    font-weight: 600;
    color: #525252;
}
.contact-btn {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 18px;
    border: 2px;
    margin: 25px 0;
    color:#fff;
    border-radius: 12px 2px 12px 2px;
    background-color: #cd2653;
}
.location-content.active {
    display: block;
}

.location-content {
    display: none;
}
.contactmap-box {
    width: 100%;
    height: 350px;
    padding-top: 19%;
}
.contactmap-box iframe {
    width: 100%;
    height: 100%;
}
.contact-info h2 {
    color: #002e5b;
    padding-top: 20px;
}
.contact-info ul li {
    color: #002e5b;
    font-weight: 600;
    font-size: 16px;
}
.contact-info ul li a {
    color: #002e5b;
    transition: all .5s ease-in-out;
}
.ourservices-panel .col-md-4:nth-child(2n) {
    padding: 0px;
}

.hero-videopanel {
    width: 100%;
    display: inline-block;
    position: relative;
}
.hero-videopanel video {
    display: block;
    clear: both;
}
.video-upperinfo {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    background: rgba(0,0,50,.4);    
}
.video-upperinfo p{
    text-align: center;
    color:#fff;
    font-size: 28px;
}
video::-webkit-media-controls {
    visibility: hidden;
  }
  .our-storypanel {
    width: 100%;
    display: inline-block;
    padding: 45px 0;
}
.big-title {
    font-size: 50px;
    font-weight: 100;
    letter-spacing: .1em;
    line-height: 1em;
    color: #000;
    font-family: 'Heebo', sans-serif;
}
 
.our-storyinfobox li {
    margin-bottom: 80px;
}
.our-storyinfobox li:last-child {
    margin-bottom: 0px;
}
.our-storyinfobox li p {
    font-size: 18px;
    text-align: left;
}
.our-missionpanel {
    background: #f7f7f7;
}
.tech-silderpanel .owl-nav {
    position: absolute;
    top:40%;
    width: 100%;
    height: 0;
}
.tech-silderpanel .owl-nav div {
  
    width: 35px!important;
    height: 35px!important;
    background: #002e5b;
    line-height: 35px;
    border-radius: 50%;
}
.tech-silderpanel .owl-prev {
    position: relative;
    left:-25px;
}
.tech-silderpanel .owl-next {
    position: relative;
    right:-25px;
    float: right;
}
.sub-manu {
    min-width: 200px;
    height:0%;
    position: absolute;
    top: 72px;
    background: rgba(255,255,255,.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 3px 3px;
    padding: 7px 0;
    transition: height .3s;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}
.scroll__show .sub-manu{
    background: #fff;
}

.nav-item:hover .sub-manu{
    height:115px;
   visibility: visible;
   opacity:1;
}
.navbar .sub-manu li a {
    width: 100%;
    padding: 5px 10px!important;
    font-size: 16px;
    
}
.navbar .sub-manu li a:hover {
    background-color: #002e5b;
    color: #ffff;
}
.nav-link.toggle:after {
    content: 'top';
    border-top: 2px solid #002e5b;
    border-right: 2px solid #002e5b;
    font-size: 0px;
    width: 7px;
    top: -8px;
    right: -5px;
    height: 7px;
    position: relative;
    display: inline-block;
    transform: rotate(135deg);
    transition: all .5s ease-in-out;
}
.navbar .nav-item:hover .nav-link.toggle:after{
    border-color: #fa062e;
}

.nav-link.toggle.active:after {
    border-color: #fa062e;
}
.bordtitle {
    text-align: left;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.bordtitle::after {
    content: '';
    display: block;
    width: 35px;
    height: 6px;
    background: #fde428;
    border-radius: 3px;
    margin: 11px 0 0;
}
.corporate-box {
    padding-top: 30px;
}
.corporate-box span {
    font-size: 18px;
    font-weight: 600;
    padding-left: 5px;
    color: #333;
}
.privacy-policy p , .new-infobox p{
    text-align: left;
}
/*********22.07.2020******/
.pra-lis-box p {
    text-align: left;
    color: #2f3031;
}

.advantage-panel-rpa p {
    color: #fff;
    margin-bottom: 40px;
}
.benifits-rpa-main {
    background-color: #fff;
    text-align: center;
    padding: 50px  0;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 28px;
}
.benifits-rpa-dtl p {
    color: #2f3031;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}
.benifits-rpa-dtl {
    margin-top: 50px;
}
.benifits-rpa-img {
    height: 100px;
}
.rpa-solution-main {
    width: 100%;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    margin-bottom: 25px;
    border-radius: 5px;
    background-color: #fff; 
}
.rpa-solution-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.rpa-solution-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}
.rpa-solution-img img:hover {
    transform: scale(1.1);
}
.rpa-solution-content h6 {
    font-size: 20px;
    margin-top: 10px;
    color: #232323;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}
.rpa-solution-peraone {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 30px;
}
.rpa-solution-content p {
    text-align: left;
}
.rpa-solution-content {
    padding: 16px 10px;
}

.rpa-solution {
    background: #f4f9ff;
    padding-bottom: 50px;
}
.rpd-Partners .bg-colorblue, .ai-partnerbox {
    background: transparent;
}
.careers h2{
    font-weight: 600;
    color: #002e5b;
    margin-bottom: 20px;
}
.careers ul{
    margin: 20px;
}
.careers li{
    text-align: justify;
    margin-bottom: 10px;
    padding:0 25px 0 0;
}
.benefits .card{
    margin-bottom: 25px;
    padding: 20px;
    border:unset;
    box-shadow: 0 1px 5px rgba(133,133,133,0.5);
    border-radius:10px
}
.benefits .card:hover{
    box-shadow: 0 3px 5px rgba(133,133,133,0.5);

}
.benefits .card i{
    font-size: 24pt;
    margin-bottom: 15px;
}
.benefits .card h4{
    font-weight: 600;
}
.onsite{
    color:#69b209
}
.insurance{
    color: #36a1ff;
}
.balance{
    color: #ffa722;
}
.skilling{
    color: #800080;
}
.multi-skill{
    color: #54c491;
}
.growth{
    color: #063a68;
}
@media (min-width:1900px){
   .navbar-brand img {width:265px;}
   .navbar .nav-item a {font-size:23px;}
   .hero-infobox h1, .video-upperinfo h1 {
    font-size: 90px;
	width: 1000px;
	}
	.video-upperinfo p{
		font-size: 36px!important;
		width:800px
	}	
	.container {
		max-width:1790px; 	 
	}	
	.learn-morebtn {
		margin-bottom:120px;
		font-size: 21px;
	}
	.top_bar_info_wr .top_bar_info li, .top_bar_info_wr .top_bar_info li i
	{
		font-size:19px;
	}
}
@media (min-width:2000px){
   .navbar-brand img {width:300px;}
   .navbar .nav-item a {font-size:25px;}
   .hero-infobox h1, .video-upperinfo h1 {
    font-size: 100px;
	width: 1200px;
	}
	.video-upperinfo p{
		font-size: 40px!important;
		width:1000px
	}	
	.container {
		max-width:4000px; 	 
	}	
	.learn-morebtn {
		margin-bottom:120px;
		font-size: 22px;
    }	
    
   
}

@media (max-width:1800px){
	
   .hero-infobox h1, .video-upperinfo h1 {
    font-size: 75px;
	}
	.container {
		max-width:1600px; 	 
	}	
	.learn-morebtn {
		margin-bottom:110px;
		font-size: 20px;
	}	
   .navbar-brand img {width:250px;}
   .navbar .nav-item a {font-size:21px;}		
}
@media (max-width:1600px){
	
   .hero-infobox h1, .video-upperinfo h1 {
    font-size: 67px;
	}
	.video-upperinfo p{
		font-size: 29px!important;
		width:600px
	}		
	.container {
		max-width:1500px; 	 
	}	
	.learn-morebtn {
		margin-bottom:90px;
		font-size: 15px;
	}		
   .navbar-brand img {width:210px;}
   .navbar .nav-item a {font-size:20px;}		
}

@media (max-width:1300px){'

   .navbar-brand img {width:190px;}
	.hero-infobox h1, .video-upperinfo h1 {
    font-size: 60px;
	}	
	.video-upperinfo p{
		font-size: 19px!important;
	}	
	.container {
		max-width:1250px; 	 
	}		
    .navbar .nav-item a {
        padding: 25px 10px!important;
		font-size: 16px; 
    }	
	.learn-morebtn {
		margin-bottom:110px;
		font-size: 13px;
	}	
    .tech-silderpanel .owl-prev {
        left: -10px;
    }
    .tech-silderpanel .owl-next {
        right:-10px;
    }
    
}

@media (max-width:1200px){
	.navbar-brand img {width:165px;}
	.hero-infobox h1, .video-upperinfo h1 {
    font-size: 45px;
	}
	.container {
		max-width:1150px; 	 
	}	
	.learn-morebtn {
		margin-bottom:70px;
	}	
	
    .navbar .nav-item a {
        padding: 21px 5px!important;
        font-size: 15px;
    }
    .hero-infobox {
        height: 430px;
    }
    .hero-infobox p, .video-upperinfo p {
        font-size: 16px;
        width: 325px;
    }
    .socal-linkbox {
        top: 200px;
        right: 15px;
    }
    .testimonials-leftbox .title-yellow {
        font-size: 29px;
    }
    .about-topleftbox h2 {
        font-size: 25px;
    }
    .request-info {
        padding: 15px 0 0 25px;
    }
    .request-info h2 {
        font-size: 22px;
    }
    .request-iconbox {
        width: 85px;
        height: 85px;
    }
    .request-iconbox img {
        width: 50px;
    }
    .request-iconbox:after {
        right: -9px;
    }
    .news-infobox h3 {
        min-height: 81px;
    }
    .footer-btnbox .btn {
        padding: 8px 15px;
        font-size: 15px;
    }
    .cms-heropanel-inerbox h1 {
        font-size: 40px;
    }
    .cms-heropanel-inerbox p {
        font-size: 18px;
        width: 50%;
    }
    .provider-heading {
        padding: 15px;
    }
    .provider-heading h2 {
        font-size: 35px;
    }
    .provider-infobox {
        padding: 25px;
    }
    .provider-infobox h2 {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .provider-infobox p {
        font-size: 15px;
    }
    .services-infobox h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .services-infobox p {
        font-size: 18px;
    }
    .heading-text {
        font-size: 30px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .clients-saypanel {
        width: 70%;
    }
    .socal-linkbox {
        transform: translate( 175px, 0);
    }

  
    
}

@media (max-width:992px){
	.hero-infobox h1, .video-upperinfo h1 {
    font-size: 50px;
	}	
	.container {
		max-width:950px; 	 
	}		
	.learn-morebtn {
		margin-bottom:0px;
	}		
    .usa-top-nav ul li {
        margin-left: 5px;
    }
    .top_bar_info_wr .top_bar_info li i {
        margin: 0 2px 0 0;
    }
    .navbar {
        padding: 8px 0;
    }

    .socal-linkbox {
        top: 150px;
        right: 2px;
    }
    .hero-infobox {
        height: 335px;
    }
    .hero-infobox h1, .video-upperinfo h1 {
        font-size: 30px;
    }
    .hero-infobox p, .video-upperinfo p {
        font-size: 15px;
    }
    .about-topleftbox h2 {
        font-size: 20px;
    }
    .title-yellow {
        font-size: 25px;
    }
    .about-toprightbox p {
        font-size: 15px;
        line-height: 24px;
    }
    .ourservices-box {
        height: 350px;
    }
    .ourservices-infobox h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .ourservices-infobox {
        padding-bottom: 20px;
        background-image: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.7));
    }
    .ourservices-infobox .small-toptitle {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .time-panel {
        padding: 60px 0;
    }
    .word-count {
        font-size: 35px;
    }
    .word-count sup {
        font-size: 20px;
        top: 20px;
    }
    .timer-content-box p {
        font-size: 16px;
    }
    .heading-title {
        font-size: 25px;
    }
    .testimonials-leftbox {
        align-items: center;
        padding-bottom: 20px;
    }
    .testimonials-leftbox  h2 br {
       display: none;
    }
    .testimonials-leftbox .about-topleftbox {
        text-align: center;
    }
    .testimonials-panel {
        padding: 40px 0 70px;
        background-position: center!important;
    }
    .contactus-textpanel .about-topleftbox h2 {
        font-size: 20px;
    }
    .contact-us-text {
        font-size: 18px;
    }
    .request-panel {
        padding: 50px 0;
    }
    .request-iconbox {
        width: 60px;
        height: 60px;
    }
    .request-iconbox img {
        width: 35px;
    }
    .request-formbox .form-group {
        padding-right: 15px;
        padding-bottom: 0;
    }
    .request-info {
        padding: 5px 0 0 15px;
    }
    .request-info h2 {
        font-size: 18px;
    }
    .request-info p {
        font-size: 16px;
    }
    .news-box {
        margin-bottom: 30px;
    }
    .footer-info {
        padding-top: 0px;
    }
    .footer-info h2 {
        font-size: 16px;
    }
    .foter-logobox img {
        width: 150px;
    }
    .foter-logobox p {
        font-size: 15px;
        padding: 10px 0;
    }
    .footer-btnbox {
        padding-bottom: 15px;
    }
    .copyright-textbx {
        font-size: 14px;
        width: 50%;
    }
    .footer-cmsbox {
        width: 50%;
    }
    .navbar-toggler {
        padding: 5px;
        position: absolute;
        right:0px;
        border:1px solid #002e5b;
        top: 10px;
    }
    .navbar-toggler span {
        width: 30px;
        height: 2px;
        display: block;
        background: #002e5b;
        margin: 6px;
    }
    .feedback-msg {
        position: fixed;
        bottom: 15px;
        right:5px;
    }
  
    .navbar .nav-item a {
        padding: 8px 6px 6px 0!important;
        width: 100%;
        position: relative;
    }
    .nav-link.toggle:after {
        top: 15px;
        right: 0;
        position: absolute;
    }
    .ourexpertise-box {
        margin: 35px 0 20px;
    }
    .bottom-top {
        bottom: 90px;
        right: 8px;
    }
    .cms-heropanel {
        min-height: 270px;
        padding: 45px 0 0px;
    }
    .cms-heropanel-info {
        height: 300px;
    }
    .cms-heropanel-inerbox p {
        width: 100%;
    }
    .cms-heropanel .socal-linkbox {
        top: 115px;
    }
    .mendix-imagesleftbox {
        height: 250px;
    }
    .practices-box {
        padding: 10px 15px;
        margin-bottom: 30px;
    }
    .practices-imgbox {
        width: 80px;
        height: 80px;
        margin: 0 auto 15px;
    }
    .practices-imgbox img {
        width: 35px;
    }
    .practices-box h4 {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 5px;
    }
    .practices-box p {
        font-size: 13px;
    }
    .info-title {
        font-size: 25px;
    }
    .mendix-servicesimgbox {
        height: 150px;
    }
    .mendix-servicesinfo {
        padding:10px;
    }
    .mendix-servicesinfo h4 {
        font-size: 14px;
    }
    .list-style li {
        font-size: 15px;
    }
    .list-title {
        font-size: 20px;
    }
    .img-titlebox h2 {
        font-size: 22px;
    }
    .small-headingtitle {
        font-size: 18px;
        line-height: 25px;
    }
    .map-panel .map-box {
        height: 235px;
    }
    .footer-info ul li img {
        width: 20px;
        margin-right: 10px;
    }
    .center-btnbox {
        padding: 15px 15px 0;
    }
    .tech-tabpanel .nav-link {
        font-size: 15px;
        margin: 0 0px;
    }
    .tech-tabcontent {
        padding: 0 0px;
    }
    .tech-tabpanel .tech-imgbox {
        padding: 5px 0px;
        width: calc(25% - 10px);
    }
    .services-infobox h2 {
        font-size: 30px;
    }
    .services-infobox p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .socal-linkbox ul li {
        margin-bottom: 5px;
        min-height: auto;
        padding: 5px;
        width: 125px;
    }
 
    .socal-linkbox ul li i {
        width: 25px;
        height: 25px;
        font-size: 15px;
        line-height: 25px;
    }
    .provider-logoimg img {
        width: 200px;
    }
    .clients-saypanel {
        width: 90%;
    }
    .socal-linkbox {
        transform: translate( 100px, 0);
    }
    .sub-manu {
        min-width: 100%;
        height: auto;
        top: 0;
        position: relative;
        background: rgba(255,255,255,.5);
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        overflow: hidden;
        display: none;
    }
    .corporate-box {
        padding-top: 30px;
        display: flex;
        align-items: center;
    }
    .corporate-box span {
        font-size: 15px;
    }
     /*****20.07.20******/
     .benifits-rpa-dtl p{
        font-size: 17px;
    }
    .rpa-solution-content h6 {
        font-size: 17px;
    }

    
}

@media (max-width:767px){
    .top_bar_info_wr .top_bar_info li {
        width: 123px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
	.learn-morebtn {
		margin-bottom:0px;
	}	
	
    .hero-infobox h1, .video-upperinfo h1 {
        font-size: 25px;
    }
    .hero-infobox p , .video-upperinfo p {
        width: auto;
    }
    .ourservices-box {
        height: auto;
        margin-bottom: 10px;
    }
    .time-panel {
        padding: 30px 0;
    }
    .timer-content-box {
        margin-bottom: 25px;
    }
    .footer-signupbox {
        text-align: left;
    }
    .cms-linkbox {
        padding-bottom: 10px;
    }
    .footer-cmsbox a {
        font-size: 14px;
    }
    .cms-linkbox h2 {
        font-size: 16px;
        padding-bottom: 4px;
    }
    .cms-heropanel-inerbox h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .cms-heropanel-inerbox p {
        font-size: 15px;
    }
    .mendix-infopanel {
        padding: 40px 0 20px;
    }
    .practices-panel {
        width: 100%;
        display: inline-block;
        padding: 40px 0 10px;
        background: #a3e5fb;
    }
    .list-style {
        margin-bottom: 10px;
        columns: 2;
    }
    .list-style li {
        font-size: 16px;
        padding-bottom: 10px;
        display: flex;
        align-items: baseline;
    }
    .advantage-panel {
        padding: 40px 0 20px;
    }
    .list-box .list-style {
        columns: 1;
    }
    .small-headingtitle {
        font-size: 16px;
        line-height: 25px;
    }
 
  
    .ai-partnerbox {
        height: 100px;
        padding: 20px;
    }
    .ourai-partnerspanel {
        padding-bottom: 40px;
    }
    .time-panel .heading-title {
        font-size: 25px;
    }
    .testimonials-leftbox .title-yellow {
        font-size: 25px;
    }
    .tech-tabpanel .nav-tabs {
       display: none;
    }
    .tech-tabpanel .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
    .tech-tabpanel .card .header-tabtitle {
        display:block;
    }  
    .tech-tabcontent {
        padding: 15px 0px;
    }
    .tech-tabpanel .collapse:not(.show) {
        display: none!important;
    }
    .tech-tabpanel .tech-imgbox {
        padding: 0px 10px;
        width: calc(50% - 10px);
    }
    .tech-tabpanel .nav-link {
        background: #002e5b;
        padding: 15px;
        margin: 0 0 3px;
        border: 1px solid #002e5b;
        color: #fff;
    }
    .tech-tabpanel .nav-link.collapsed {
        background: #f7f7f7;
        border: 1px solid #002e5b;
        color: #002e5b;
    }
    .tech-tabpanel .nav-link::after {
        content: 'top';
        height: 7px;
        width: 7px;
        left: calc(100% - 20px);
        bottom: 25px;
        right: 0;
        border-top: 2px solid;
        border-left: 2px solid;
        font-size: 0;
        transform: rotate(45deg);
        border-color: #fff;
    }
    .tech-tabpanel .nav-link.collapsed::after {
        transform: rotate(225deg);
        border-color: #002e5b;
       
    }
    .sub-para {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .tech-tabpanel .nav-link:hover {
        color: #fff !important;
        background: #002e5b !important;
    }
    .tech-tabpanel .nav-link:hover::after {
        background: transparent;
        border-color: #fff !important;
    }
    .banner-slider .owl-dots {
        left: 28px;
    }
    .approch-panel {
        padding: 40px 0;
    }
    .footer-info ul li {
        height: auto;
        padding-bottom: 14px;
    }
    .advantage-infobox p {
        text-align: center;
    }
    .footer-btnbox p {
        text-align: left;
    }
    .footer-socalbox p {
        text-align: left;
    }
    .footer-socalbox {
        text-align: left;
    }
    .footer-socalbox a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 8px;
        margin-left: 0;
    }
    .mendix-servicesinfopanel .provider-imgbox img {
        width: 50%;
        margin:0 auto 20px;
    }
    .mendix-servicesinfopanel .row {
        flex-direction: column-reverse;

    }
    .mendix-servicesinfopanel {
        padding: 40px 0;
    }
    .iot-servicesinfopanel .row, .bigdata-servicesinfopanel .row, .kubernetes-servicesinfopanel .row {
        flex-direction: column;
    }
    .provider-imgbox {
        max-height: 100%;
        width: 100%;
    }
    .provider-infobox {
        width: 100%;
    }
    .provider-contentbox:nth-child(2n + 2) {
        flex-wrap: wrap-reverse;
    }
    .provider-heading h2 {
        font-size: 25px;
    }
    .learn-morebtn {
        padding: 5px 15px;
        margin-top: 5px;
    }
    .cms-heropanel {
        background-position: center!important;
    }
    .ourservices-panel .col-md-4:nth-child(2n) {
        padding: 0 15px;
    }
    .professionals-panel {
        padding: 30px 0 15px;
       
    }
    .hero-rightbox {
        overflow: hidden;
        position: relative;
    }
    .title-imgbox {
        width: 100%;
        height: 335px;
    }
    .clients-saypanel {
        width: 100%;
    }
    .tems-box h2 {
        font-size: 18px;
        padding: 12px 5px 0;
    }
    .provide-servicespanel, .our-temspanel {
        padding: 30px 0 15px;
    }
    .our-temspanel {
        padding-bottom: 30px;
    }
    .work-panel, .about-testimonial {
        padding: 30px 0;
    }
    .work-info h4 {
        font-size: 20px;
        font-weight: 600;
    }
    .footer-btnbox .btn {
        padding: 8px 10px;
    }
    .contact-choosepanel, .contact-infopanel {
        padding: 30px 0;
    }
    .contact-choosepanel img {
        width: 50px;
    }
    .contact-choosepanel .topheading-text {
        font-size: 16px;
    }
    .contact-choosepanel .heading-text {
        font-size: 25px;
    }
    .contactmap-box {
        padding:0px 0 30px; 
    }
    .contact-info ul {
        padding-bottom: 0;
    }
    .contact-info ul {
        padding-bottom: 0;
    }
    .contact-info li:last-child {
        padding-bottom: 0;
    }
    section.contact-infopanel .row {
        flex-direction: column-reverse;
    }
    .conatct-forminfo .row {
        flex-direction: column!important;
    }
    .our-storypanel {
        padding: 30px 0;
    }
    .big-title {
        font-size: 35px;
        text-align: center;
        margin-bottom: 20px;
    }
    .our-storyinfobox li {
        margin-bottom: 30px;
    }
    .our-storyinfobox li p {
        font-size: 16px;
        text-align: center;
    }
    .our-missionpanel .mb-5 {
        margin-bottom: 15px!important;
    }
    .hero-videopanel {
        margin-top: 58px;
    }
    .tech-silderpanel .owl-nav div {
        width: 30px!important;
        height: 30px!important;
        line-height: 32px;
    }
    .corporate-box {
        flex-direction: column;
    }
    .corporate-box span {
        text-align: center;
    }

   .ourservices-box .mendix-content {
       font-size: 11px;
   }
}

@media (max-width:580px){
    .usa-top-nav {
        display: none;
    }

    header {
        top: 0;
        background: #fff;
        box-shadow: 0 1px 5px rgba(133,133,133,0.5);
    }
    .about-topanel {
        padding: 30px 0;
    }
    .about-topanel1 {
        padding: 30px 0;
    }	
    .heading-title {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .hero-contentpanel:after {
        background: linear-gradient(to right, rgba(255,255,255,.4), rgba(0,0,0,.2));
    }
    .Testimonials-icon {
        width: 100px;
        height: 65px;
    }
    .Testimonials-content {
        padding-left: 10px;
    }
    .Testimonials-content p {
        font-size: 16px;
    }
    .Testimonials-content ul li {
        font-size: 12px;
    }
    .Testimonials-slider:after {
        width: 55px;
        height: 55px;
        top: -27px;
    }
    .Testimonials-debbie-clark {
        padding: 20px 20px 0;
    }
    .Testimonials-new-content {
        padding: 20px;
    }
    .Testimonials-new-content p {
        font-size: 14px;
    }
    .contactus-textpanel .about-topleftbox h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .request-panel {
        padding: 30px 0;
    }
    .following-clientsbox.mt-5 {
        margin-top: 0!important;
    }
    .news-infobox h3 {
        min-height: auto;
    }
    .news-infobox h3 {
        min-height: auto;
    }
    .map-panel .map-box{
        height: 115px;
    }
    .bottom-footer {
        padding: 30px 0 0;
    }
    .footer-socalbox {
        padding-bottom: 20px;
        text-align: left;
    }
    .footer-btnbox {
        text-align: left;
    }
    .cms-linkbox {
        padding-bottom: 0px;
        margin-bottom: 15px;
        border-bottom: 1px solid #6b86a0;
    }
    .cms-linkbox a {
        line-height: 27px;
    }
    .footer-btnbox p {
        margin-bottom: 15px;
    }
    .top-footer {
        padding-bottom: 0;
    }
    .foter-logobox p {
        margin-bottom: 5px;
    }
    .copyright-box {
        justify-content: center;
        flex-direction: column;
        padding: 25px 0 0;
    }
    .copyright-textbx, .footer-cmsbox {
        width: 100%;
        text-align: center;
    }
    .feedback-msg {
        bottom: 15px;
    }
    .technology-patner .partner-panel {
        padding: 30px 0px 0px;
    }
    .ourexpertise-panel {
        padding: 30px 0 15px;
    }
    .news-panel {
        padding: 30px 0px 0px;
    }
    footer {
        padding: 130px 0 20px;
    }
    .footer-info ul {
        padding: 0px 0 15px;
    }
    .bottom-top {
        width: 45px;
        height: 45px;
        line-height: 45px;
        bottom: 96px;
        right: 5px;
    }
    .bottom-top i {
        font-size: 16px;
    }
    .feedback-msg img {
        width: 50px;
    }
    .socal-linkbox {
        display: block;
        top: 100px;
    }
    .mendix-imagesleftbox {
        padding: 0px;
        margin: 0 0 5px;
    }
    .list-style {
        columns: 1;
    }
    .advantage-box {
        flex-direction: column;
    }
    .advantage-box img {
        margin:0 auto 15px;
    }
    .advantage-infobox {
        padding-left: 0px;
        text-align: center;
    }
    .hero-contentpanel {
        background-position: center;
    }
    .hero-contentpanel .offset-6{
        margin-left: 0%;
    }
    .hero-infobox p, .video-upperinfo p {
        margin-bottom: 0;
    }
    .mendix-servicesimgbox {
        height: 225px;
    }
    .mendix-servicesinfo {
        padding: 20px 10px;
    }
    .info-title {
        font-size: 22px;
    }
    .partner-panel .col-lg-3:nth-child(odd) {
        padding-left: 5px;
    }
    .partner-panel .col-lg-3:nth-child(even) {
        padding-right: 5px;
    }
    .customer-logoBox {
        margin-top: 10px;
    }
    .mendix-infopanel {
        padding: 30px 0 10px;
    }
    .practices-panel {
        padding: 30px 0 10px;
    }
    .practices-box {
        margin-bottom: 20px;
    }
    .advantage-panel {
        padding: 30px 0 10px;
    }
    .mendix-servicespanel {
        padding-bottom: 30px;
    }
    .ourai-partnerspanel {
        padding-bottom: 30px;
    }
    .footer-btnbox .btn{
        margin-left: 0;
        margin-right: 5px;
    }
    .approch-panel {
        padding: 30px 0;
    }
    .mendix-servicesinfopanel {
        padding: 30px 0;
    }
   
    .socal-linkbox ul li:hover {
        transform: translate(-80px, 0);
    }
    .service-box {
        margin-bottom: 15px;
    }
    .provide-servicespanel .service-box {
        margin-bottom: 15px;
    }
    .clients-saypanel .item {
        padding-top: 70px;
        padding-left: 0;
    }
    .clients-profile {
        top: 0px;
        left: 0px;
        right: 0;
        bottom: inherit;
        width: 150px;
        margin: auto;
        height: 150px;
    }
    .clients-sayinfo {
        padding: 80px 25px 30px;
    }
    .clients-saypanel p {
        font-size: 18px;
        text-align: center;
    }
    .tems-box {
        margin-bottom: 15px;
       
    }
    .tabing-box .tab-btn {
        font-size: 14px;
        padding: 8px 10px;
        min-width: 110px;
    }
    .conatct-formbox .heading-text {
        font-size: 25px;
    }
    .conatct-forminfo {
        padding: 15px;
        margin-top: 15px;
    }
    .contact-btn {
        font-size: 15px;
        padding: 7px 18px;
        margin: 0px 0;
    }
    .cms-heropanel .socal-linkbox {
        top: 75px;
    }
   
 

    
       
    
}