@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');

body{

	font-size: 16px;
	font-family: 'Poppins', sans-serif !important;
	color: #222222;
  font-weight: 400;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif !important;
}
img{
	max-width: 100%;
	height: auto;
}
.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0) !important;
}
button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}
p{
  line-height: 30px;
}

ul {
  padding: 0px;
  margin: 0px;
  
}
li{
  list-style: none;
}
a {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.header{
  width: 100%;
  float: left;
}


.menu-links a{
  color: #222;
  font-size: 14px;
}

.nav-link.active {
   border-bottom: 1px solid;
}
/* NAVIGATION */
nav ul {
  list-style: none;
}
nav ul li {
  display:block;
}
ul.dropdown-menu{
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}
nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #aaa;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}
/*nav ul li a.active-menu:hover {
  color: #555;
  background: #3ebb95;
    color: #fff;
    border-radius: 6px 6px 0 0;
}*/

/*.dropdown-menu{
  background: rgb(62, 187, 149);
    top: 95%;
    border: 0px;
    color: rgb(255, 255, 255) !important;
    left: 10px;
    border-radius: 0px;
    border-radius: 0 6px 6px 6px;
}*/
/*.header-cont {
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    z-index: 9999;
    top: 0;
    position: fixed;
}*/
.logo-sumanas{
    max-height: 120px;
}
header.header-cont .logo-sumanas{
    max-height: 120px;
  transition: max-height .5s;
}
header.header.header-cont.shrink .logo-sumanas{
     max-height: 55px;
  
}
header.header.header-cont.shrink .navbar-light.fixed-top{
      height: 80px !important;
      border-bottom: 1px solid #ccc;
}

.dropdown-item {
  display: block;
  width: auto !important;
    padding: 1rem;
}
.dropdown-menu{
  border: 0px solid rgba(0,0,0,.15) !important;
}
/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
  text-decoration: none;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #aaa;
  height: 1px;
  border-top: 0em solid;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all 2s;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;
}
nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}
nav.navbar.navbar-expand-md.navbar-light.fixed-top{
  background: #fff;
  border-bottom: 1px solid #ccc;
}


.video-banner{
  width: 100%;
  float: left;
  background:url(../images/bg-banner.png) no-repeat;
  background-size: cover;
  height: 670px;
  background-position: bottom;
  margin-top: 4rem;
}


/* The only rule that matters */
#video-background {
/*  making the video fullscreen  */
  z-index: -100;
}
.video-background{
      position: absolute;
    right: 0;
    max-height: 670px !important;
    /* bottom: 0; */
    overflow: hidden;
}
/* -------------------------------- 

xslide 

-------------------------------- */

.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center;
}
.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .cd-title {
    line-height: 250px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px;
  }
  .cd-title h1 {
    font-size: 3rem;
  }
}

/*.overlay {
    background: #000 url(../images/header-overlay.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .8;
}*/

/*.bg-overlay{
  background: #00000059;
    padding: 13px 0px 10px 1rem;
    top: 13px;
    position: relative;
}*/
/*.cd-words-wrapper{
      background: #0005;
    top: -5px;
    padding: 1rem 10px 0px 0px;
}*/

.cd-intro {
  width: 100%;
  z-index: 99;
}
.cd-headline {
  font-size: 42px;
  line-height: 1.2;
  color: #fff;
  margin-top: 20rem;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper p.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper p {
  opacity: 0;
}
.no-js .cd-words-wrapper p.is-visible {
  opacity: 1;
}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper p{
  display: inline-block;
  position: absolute;
  word-wrap: break-word !important;
  left: 0;
  top: 0;
}

.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
  white-space: normal;
      word-break: break-all;

}
.mob-intro{
  display: none;
}

.cd-headline.slide p {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide p.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide p.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.our-services-list a{
  text-decoration:none; 
}
.our-services{
  width: 100%;
  float: left;
}

.our-services h2{
  margin-top: 3rem;
}
.our-services-list{
      text-align: center;
    margin-top: 3rem;
}
.our-services-list img{
  margin-bottom: 2rem;
}
.our-services-list h3{
      color: #ee7e38;
    font-size: 18px;
}
.our-services-list p{
  color: #444;
  font-size: 14px;
}
.Know-more-btn{
  text-align: center;
  margin-top: 2rem;
}
.Know-more-btn a{
  color: #ee7e38;
}
.Know-more-btn a i{
      margin-left: 1rem;
    font-size: 15px;
}
.Technologies{
  text-align: center;
    margin-top: 1rem;
}
.Technologies h2{
  font-size: 24px;
    font-weight: 600;
}
.problems-we-slove{
  width: 100%;
  float: left;
  background:url(../images/problems-banner.jpg) no-repeat;
  background-size: cover;
  
}
.tech-slide{
      margin-top: 4rem;
    margin-bottom: 2rem;
}
.problems-we-slove h2{
  margin-top: 5rem;
    color: #fff;
}
.slide-problems{
  color: #fff;
}
.slide-problems h4{
  font-size: 36px;
    font-weight: 700;
    color: #fff;
}
.slide-problems p{
      font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.btn-learn{
      background-color: #ee7e38 !important;
    border-color: #ee7e38 !important;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}
.btn-learn:hover{
  background-color: #3ebb95 !important;
    border-color: #3ebb95 !important;
    color: #fff;
}
.owl-theme .owl-nav.disabled+.owl-dots{
      margin-top: 2rem !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ee7e38 !important;
}
.enquire{
  width: 100%;
  float:left;
  padding: 2rem 0px;
  text-align: justify;
  background:#fff;
}
.enquire h4{
  font-size: 24px;
  font-weight: 700;
  color: #444;
}
.btn-Enquire{
  text-align: center;
}
.btn-Enquire a{
  color: #ee7e38;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}
.btn-Enquire a i{
  margin-left: 1rem;
  font-size: 20px;
}
.footer{
  width: 100%;
  float: left;
   background:url(../images/footer-banner.jpg) no-repeat;
  background-size: cover;
}
.footer-top{
     padding: 1.5rem 0px 1rem 1px;
}
.footer-top h5{
  font-size: 24px;
  color: #555;
  font-weight: 600;
}
.footer-top ul li a{
  font-size: 14px;
  line-height: 47px;
  color: #555;
  white-space: nowrap;
}


.social-icons {
    padding: 0;
  list-style: none;
     margin: 20px auto 5px auto;
}
.social-icons li {
    display: inline-block;
  margin: 0 2px 0 0;
}
.social-icons li a {
    padding: 0.3rem;
    background-color: transparent;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px !important;
    display: inline-block;
    line-height: 0px !important;
    border: 3px solid #555;
}
.social-icons li a i {
    color: #555;
  -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition:  0.5s;
}
.social-icons li a:hover i {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}
.copy-rights{
  font-size: 14px;
  line-height: 47px;
  color: #555;
  background-color: #dfdfdf;
}
.copy-rights a{
  color: #555;

}
.private-policy {
      display: inline-flex;
          float: right;
}
.private-policy li{
      margin-right: 1rem;
}

.footer-submenu.mob-none{
     width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 2rem;
    padding-top: 2rem;
    color: #555;
    background-color: #e7e7e7;
  }
.footer-submenu.mob-none h5{
      font-size: 24px;
    color: #555;
    font-weight: 600;
}

.footer-submenu.mob-none p {
  font-size: 14px;
  line-height: 47px;
  color: #555;
  white-space: nowrap;

}

.form-control:focus {
    color: #495057;
    background-color: #fff !important;
    border-color: #ced4da !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}
.enquire .place-height{
      height: 50px;
}
.enquire .btn-send{
  margin: 30px 0px;
}
.btn-send input{
      color: #555;
    border: 1px solid #555;
    font-size: 14px;
    padding: 10px 20px;
	background-color: #fff;
}
.btn-send input:hover{
  background: #ee7e38;
    color: #fff;
    border-color: #ee7e38;
    text-decoration:none;
}
.btn-send .fa-paper-plane{
      margin-right: 10px;
}
.enquire-content p{
  font-size: 14px;
    margin: 1rem 0px;
}

.breadcrumb-item+.breadcrumb-item::before{
      color: #ffffff !important;
}

/*Data Science*/

.banner-image{
  width: 100%;
  float: left;
  background:url(../images/bg-banner3.jpg) no-repeat;
  background-size: cover;
  background-position: top;
  margin-top: 4rem;
  height: 300px;
}
.banner-image h1{
  margin-top: 10rem;
  color: #fff;
}

.banner-image .breadcrumb {
  background-color: transparent !important;
  }
  .breadcrumb-item.active {
    color: #a8a8a8;
}
.breadcrumb-item a{
      color: #fff;
}

.Our-approach{
  width: 100%;
  float: left;
}
.Our-approach p{
      margin-top: 2rem;
} 
.Our-approach h2{
      margin-top: 1rem;
      text-transform: uppercase;
      font-size: 24px;
} 
.flow-chart{
  width: 80%;
  margin:0px auto;
}
.expertices{
  margin-top: 3rem;
}
.expertices-content p{
  margin-top: 1rem;
}

/*Contact Us*/

.contactus-image{
  background:url(../images/contactus.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.contact{
  width: 100%;
  float: left;
  margin-top: 5%;
  margin-bottom: 2rem;
}
.contact h2{
  font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact-info img{
  float: left;
  margin-right: 15px;
  width: 10%;
  margin-top: 5%;
}
.contact-info span{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}
.contact-info p{
  margin-bottom: 0rem !important;
}
.address-info{
  margin-top: 4%;
  overflow: hidden;
}
.btn-view-products {
    margin: 0px auto;
    margin-top: 2%;
}
.form-control {
    height: 50px;
    border: 2px solid #eeeeee;
    font-size: 14px;
}
.btn-send{
  margin-top: 0.5rem !important;
}
textarea.form-control.msg-filed {
    height: auto;
}
.btn-view-products .btn-send:hover {
    background: #ee7e38;
    border-color: #ee7e38;
    color: #fff !important;
}
.contact-info p{
  font-size: 14px;
}
.contact-page-form p{
  color: #a4a4a4;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.address-info {
    margin-top: 4%;
    overflow: hidden;
}
.email-info {
    margin-top: 4%;
}
.email-info {
    margin-top: 4%;
}
.contact .card-deck{
  margin-top: 3rem;
}
.contact-map-box{
      text-align: center;
    padding: 1rem;
    font-size: 13px;
}
.contact-map-box img{
    width: 70%;
    height: 160px;
    margin: 2rem 1rem 1rem 1rem;
}
.contact-map-box h2{
  font-size: 16px;
  margin-bottom: 1rem;
}
/*.card.contact-map-box:hover {
       background: #45bd99;
    color: #fff;
    cursor: pointer;
}*/
button.btn.btn-dark.btn-send{
    background: transparent;
    color: #222;
    border-radius: 0px;
    padding: 1rem 2rem;
}
button.btn.btn-dark.btn-send:hover{
  background: #ee7e38;
}
.text-message{
  height: auto !important;
}

/*Text Analysis*/

.text-image{
   background:url(../images/bg-text.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.Text-analysis{
  width: 100%;
  float: left;
}
.text-heading{
  margin-top: 4rem;
    font-size: 24px;
    text-align: center;
}
.text-heading p{
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 1rem;
}
.text-content{
  margin-top: 8rem;
}
.text-content h3{
      font-size: 20px;
}
.btn-talk{
  background-color: #ee7e38 !important;
    border-color: #ee7e38 !important;
    padding: 1rem 3rem;
    color: #fff;
    border-radius: 5px;
}
.btn-talk:hover{
    background-color: #3ebb95 !important;
    border-color: #3ebb95 !important;
    color: #fff;
}
.Text-analysis p{
  margin-top: 1rem;
}

/*About Us*/

.about-image{
   background:url(../images/banner-about.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.about{
  width: 100%;
  float: left;
}

.about-content{
  margin-top: 4rem;
}
.about-content h5{
      margin-top: 1rem;
    letter-spacing: 2px;
    font-size: 18px;

}
.about-us{
  margin-top: 6rem;
}
.stuff-about p{
    font-size: 14px;
    text-align: justify;
}

.stuff-about h3{
    line-height: 3rem;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 1rem;

}
.stuff-about h4{
      color: #acacac;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 1rem;
}
.stuff-about strong{
      color: #ee7e38;
}
.who-we-are{
  width: 100%;
  float: left;
  margin-top: 6rem;
}
.who-we-are p{
  text-align: justify;
  font-size: 16px;
}
    
.who-we-are h3{
    margin-top: 1rem;
    letter-spacing: 2px;
    font-size: 18px;
}

.who-are-content img{
    float: left;
    margin-right: 1.5rem;
    margin-top: 1rem;
    width: 8%;
}
.important-notes{
  overflow: hidden;
}
.who-are-content h5{
      margin-top: 1rem;
    font-size: 16px;
    font-weight: 600;
}
.who-are-content p{
      font-size: 14px;
      text-align: left;
}
.image-gif-who img{
    margin-top: 2rem;
}
.our-clients{
  width: 100%;
  float: left;
  padding: 2rem 0px;
      margin-top: 2rem;
}
.client-logos{
  margin-top: 3rem;
}


/*Career*/
.career-image {
  background:url(../images/career-banner.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.work-with-us{
  width: 100%;
  float: left;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.work-with-us h2,.work-with-us h3{
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 1rem;
    font-size: 20px;
}

.join-team{
  text-align: justify;
    font-size: 16px;
}
.join-team p{
  margin-top: 1rem;
}
.why-sumanas{
  margin-top: 4rem;
}
.want-to-join{
  margin-top: 4rem;
  text-align: center;
}
.want-to-join h2, .want-to-join h3{
  font-size: 20px;
  font-weight: 600;
}
.wanted{
      margin-top: 4rem;
}
.wanted h5{
  color: #3ebb95;
    padding: 10px 2rem;
    font-size: 16px;
    text-transform: uppercase;
}
.wanted h6{
      float: left;
    font-size: 16px;
}
.job-city{
      float: right;
    font-size: 14px;
}
.job-city img{
  width: 10%;
    margin-left: 1rem;
}
.job-description{
   -webkit-box-shadow: 2px 5px 44px 2px rgba(229,229,229,1);
    -moz-box-shadow: 2px 5px 44px 2px rgba(229,229,229,1);
    box-shadow: 2px 5px 44px 2px rgba(229,229,229,1);
    width: 100%;
    float: left;
    padding: 1.5rem 0.5rem 1rem 2rem;
    margin-bottom:2rem;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
}
.wanted a{
  color: #222;
}
.wanted a h5:hover{
  color: #222;
  text-decoration:none !important;
  }
.wanted a .job-description:hover{
  background:#ee7e38;
  color: #fff;
  text-decoration:none;
}

.job-details-page{
  width: 100%;
  float: left;
}
.job-apply-heading h2{
  margin-top: 3rem;
  line-height: 30px;
}
.job-details-page h2{
  margin-top: 1rem;
    font-size: 20px;
}
.job-details-page li{
    list-style: none;
    background: url(../images/list-mark.png)no-repeat;
    padding-left: 30px;
    background-position: left;
    line-height: 30px;
    font-size: 14px;
}
.responsibilty-task{
      margin-top: 2rem;
}
.job-apply-heading {
  text-align: center;
  margin-bottom: 2rem;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.btn-custom-send{
      margin-top: 2rem;
}
.custom-file-label{
  padding: 1rem 1rem 2.5rem 1rem !important;
      font-size: 14px;
}
.custom-file-input:lang(en)~.custom-file-label::after{
      padding: 1rem 1rem 2.5rem 1rem;
}
.job-form p{
  font-size: 16px;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}


/*overlay menu*/
nav {
  text-align:center;
  width:100%;
  position:relative;
  height:auto;
  overflow:hidden;
  background:none;
}
nav a:hover{
  text-decoration: none;
}
nav ul {
  text-align:center;
  float: right;
}
nav ul li {
  display:inline-block;
}
nav ul li a {
  color:#333;
  display:inline-block;
  padding:1em 1em;
  text-decoration:none;
  border-bottom:2px solid #fff;
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
  font-size:16px;
}
nav ul li a:hover {
  color: #34B484;
}
/*styling open close button*/
/*.overlay-popup {
  display:inline;
  position:absolute;
  right:50px;
  top:6px;
  z-index:999;
  font-size:30px;
}*/
.overlay-popup a {
  text-decoration:none;
}
/*.btn-open:after {
  color:#333;
  content: "\f007";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
  color:#34B484;
}
.btn-close:after {
  color:#fff;
 content: "\f00d";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
  color: #34B484;
}*/
/*overlay*/

.overlay-menu{
display:none;
  position:fixed;
  top:0;
  height:100%;
  width:100%;
  background:#fff;
  overflow:auto;
  z-index:9999;
}
.header-overlay{
    padding: 15px;
    background: #f5f5f5;
    text-align: center;
    
}

.close-btn{
    position: absolute;
    right: 42px;
    top: 26px;
}

.close-btn img{
  width: 20%;
  cursor: pointer;
}
.menu-hed-overlay{
  margin-top: 2rem;
}
.sub-menu-overlay {
    margin-top: 1rem;
}
.overlay-menu h2,.overlay-menu h3,.overlay-menu h5{
    font-size: 16px;
    color: #222;
    font-weight: 600;
}

.overlay-menu h4{
    font-size: 16px;
    color: #444;
}
.overlay-menu ul li{
      font-size: 14px;
    line-height: 30px;
}
.overlay-menu a{
  color: #222;
}
.overlay-menu a:hover{
  color: #f58220;
}
.menu-overlay-footer{
  margin-top: 3rem;
 
}
.overlay-footer h5{
      font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 16px;
}
.overlay-footer p{
  font-size: 14px;
  margin-top: 1rem;
}
.btn-center.mob-overlay-btn{
  text-align: center;
}

/*Mega Menu*/

.header-overlay .img-fluid{
  width: 120px;
}

.container-fluid.wrapper{
      width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    overflow: auto;
}
.main-menu li {
    font-size: 18px !important;
    line-height: normal !important;
    margin-bottom: 25px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    margin: 0px 2rem;
}
ul.main-menu {
    margin-top: 1.5rem;
    margin-bottom: 10px;
}
.overlay-footer{
  background-color: transparent;
  width: 100%;
  float: left;
  padding: 10px 0;
  position: absolute;
  border-top:1px solid #ccc;
  bottom: 0;
}
.overlay-hr-bottom{
  padding-bottom: 1rem;
  /*border-bottom: 1px solid #ccc;*/
}
.overlay-menu .social-icons li a {
    padding: 0.3rem;
    background-color: transparent;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 16px !important;
    display: inline-block;
    line-height: 0px !important;
     border: 0px solid #555; 
}

.overlay-menu-footer{
  margin-top: 2rem;
}
a.active{
  color: #f58220 !important;
  text-decoration: underline !important;

}
.overlay-width {
    width: 50%;
    float: left;
}
.breadcrumb{
  padding: .75rem 0rem;
}

.blog-cont{
  width: 100%;
  float: left;
  margin-top: 4rem;
  
}
.blog-cont p{
  font-size: 14px;
}
.blog-thumbs {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 2rem;
}
.blog-img {
    position: relative;
    margin-right: 20px;
    width: 40%;
    float: left;
}
.blog-date-img-thumb {
    position: absolute;
    bottom: 0px;
    background: #3fbb95;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
}
.blog-content h4{
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
}
button.btn.btn-dark.btn-read {
    background: #ee7e38;
    color: #fff;
    border-radius: 0px;
    padding: 10px 20px;
    font-size: 14px;
    border-color: #ee7e38;
}
.btn-custom-read{
margin-top: 0rem;
}
.search-box {
    position: relative;
    margin-bottom: 15px;
}
.search-box .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px 12px;
    border-color: #ddd;
}
.search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    background: none;
    font-size: 20px;
}
.recent-links h5 {
    margin-top: 1rem;
}
.recent-links {
    border: 1px solid #ccc;
    padding: 1rem;
}
.categorie{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.categorie h5{
    margin-bottom: 1rem;
}
.categorie ul li{
  font-size: 14px;
  margin: 10px 0px;
  color: #888;
}

.categorie ul li:before {
    content: "\f0da ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 20px;
    margin-left: 1rem;
    color: #000;
    font-size: 12px;
}

.recent ul li{
      font-size: 16px;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
}

.recent ul li:last-child{
   border-bottom: 0px solid #ccc;
}
.recent ul li a,.categorie ul li a{
  color: #222;
  text-decoration:none;
}
.recent ul li a:hover,.categorie ul li a:hover{
  color: #ee7e38;
}

/*Blog-Detials*/

.blog-details{
  width: 100%;
  float: left;
  margin-top: 3rem;
}

.blog-details-img{
    position: relative;
    margin-bottom:30px;
}

.blog-details-content h4{
  font-size: 26px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.blog-details blockquote.dark-bg {
    background: #ee7e38;
    border-left: none;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding: 25px 25px;
    margin-top:2rem;
    margin-bottom: 2rem;

}
.blog-detail-img-thumb{
  position: absolute;
    bottom: 0px;
    background: #3fbb95;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
}

.blog-details blockquote::before {
    content: "";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    padding-right: 7px;
    font-size: 12px;
}
.blog-details blockquote::after {
    content: "";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    padding-left: 7px;
    font-size: 12px;
}
.blog-details-content h6{
  font-size: 20px;
  font-weight: 600;
  margin-top: 2rem;
}

.blog-details-content ul{
  margin-bottom: 2rem;
}

.blog-details-content ul li:before {
    content: "\f101 ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 10px;
    margin-left: 1rem;
    color: #3ebb95;
    font-size: 14px;
}

/*Stech-Labs*/
.management-system{
  width: 100%;
  float: left;
  margin-top: 2rem;
}
.hospital-management{
  margin-bottom: 3rem;
}
.hospital-management ul li{
  margin:10px 0px;
  display: flex;
}
.hospital-management ul {
  font-size: 14px;
}
.hospital-management ul li:before{
  content: "\f101 ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 10px;
    margin-left: 0rem;
    color: #3ebb95;
}
/*.hospital-management img{
  -webkit-box-shadow: 1px 1px 5px 1px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    1px 1px 5px 1px rgba(50, 50, 50, 0.2);
  box-shadow:         1px 1px 5px 1px rgba(50, 50, 50, 0.2);
}*/

.sales-force{
  width: 100%;
  float: left;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.sales-force h4{
  font-size: 14px;
}
.sales-force h2{
  font-size: 26px;
  text-transform: uppercase
}
.sales-force-content h5{
  margin-bottom: 20px;
  letter-spacing: 3px;
  font-size: 42px;
    line-height: 60px;
}
.sales-force-content p{
    line-height: 30px;
    font-size: 16px;
}
.advantages-row{
  margin-top: 3rem;
}

.advantages-row ul li{
  margin:10px 0px;
  display: flex;
}

.advantages-row ul li:before{
  content: "\f101 ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 10px;
    margin-left: 0rem;
    color: #3ebb95;
}
.advantages-row ul{
  font-size: 16px;
  line-height: 40px;
}
.advantages-row h6{
    font-size: 42px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.sales-head img{
  width: 250px;
  margin-top: 2rem;
}

.product-banner{
  width: 100%;
  float: left;
  margin-top: 5rem;
  /*height: 750px;*/
  text-align:center;
  background:url(../images/product-bg.png);
  background-size: cover;
}
.product-banner h1{
    margin-top: 5rem;
    text-transform: uppercase;
    font-size: 36px;;
}
.product-banner img{
  margin-top: 4rem;
  margin-left: 3rem;
}
.we-promise{
  width: 100%;
  float: left;
}
.we-promise h2{
  font-size: 30px;
  color: #444;
  text-align: center;
  font-weight: 600;
  margin-top: 5rem;
  line-height: 48px;
}
.product-overview{
  margin-top: 5rem;
}
.overview{
  margin-top: 4rem;
}
.overview h4{
  font-size: 16px;
  margin-bottom: 1rem;
}
.overview h4::before {
  display: inline-block;
  content: "";
  border-top: 1px solid #d9d9da;
  width: 7rem;
  margin: 0px 1rem 4px 0px;
}
.overview h3{
  font-size: 30px;
  color: #222;
  margin-bottom: 1rem;
  font-weight: 600;
}

.Product-features h5{
  text-align:center;
  font-size: 30px;
  margin-top: 5rem;
  color: #444;
  font-weight: 600;
}
.Product-features .row{
  margin-top: 2rem;
}
.product-content{
  text-align: center;
  margin-top: 5rem;
}
.product-content h6{
  font-size: 24px;
  font-weight: 600;
  margin-top: 2rem;
  color: #444;
}
.product-content p{
  font-size: 16px;
}
.buliding-tools{
  width: 100%;
  float: left;
  margin-top: 5rem;
}
.buliding-tools h6::before{
  display: inline-block;
  content: "";
  border-top: 1px solid #d9d9da;
  width: 7rem;
  margin: 0px 1rem 4px 0px;
}
.buliding-tools h4{
  font-size: 30px;
  font-weight: 600;
  margin-top: 1rem;
}
.buliding-tools ul{
  margin-top: 1rem;
}
.buliding-tools ul li{
  font-size: 16px;
  line-height: 36px;
}
.buliding-tools ul li:before {
    content: "\f101 ";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 10px;
    margin-left: 0rem;
    color: #3ebb95;
}
/*.row.product{
  padding-left: 13em;
}*/
.product-slider{
  margin-top: 5rem;
}
.product-slider h4{
  text-align:center;
  font-size: 30px;
  font-weight: 600;
  color: #444;
  line-height: 48px;
}

.slider-images{
  margin-top: 4rem !important;
}
.product-slider .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
  margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.project-slide{
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.border-line{
  width: 100%;
  float: left;
}
.border-line hr{
  border-top: 1px solid #4eb793;
}
.owl-theme .owl-nav [class*=owl-]:hover{
  background: transparent !important;
}
.hospital-management .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 2rem !important;
}
.hospital-content{
  margin-top: 4rem;
}
.hospital-content img{
    margin-bottom: 1rem;
}
.hospital-content p{
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 2rem;
}
.hospital-content a{
  color: #ee7e38;
}
.hospital-content a img{
      position: absolute;
    margin-left: 11px;
    width: 20px;
    margin-top: 5px;
}
.sales-erp{
  width: 100%;
  float: left;
  background:url(../images/erp-bg.jpg) no-repeat;
  background-size: cover;
  margin-top: 4rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.erp-content{
  margin-top: 4rem;
}
.erp-content h2{
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.erp-content p{
  font-size: 15px;
  line-height: 30px;
}
.erp-content a{
  background-color: #ee7e38 !important;
  border-color: #ee7e38 !important;
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
}
.about-btn{
  margin-top: 2rem;
}
.erp-list{
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.erp-list .list{
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 2rem;
}
.erp-list .list:last-child{
  border-right: 0px solid #ccc;
}
.list h6{
  font-size: 18px;
  font-weight: 600;
  margin-top: 1rem;
}
.list a{
  color: #222;
  text-decoration: none;
}
.list a:hover{
  color: #ee7e38;
}
.about-erp{
  width: 100%;
  float: left;
  background-color: #f7f7f7;
  padding-top: 5rem;
  padding-bottom: 3rem;
}
.about-erp h4{
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.about-erp p{
  font-size: 16px;
  line-height: 30px;
}
.sap-hana{
  width: 100%;
  float: left;
  margin-top: 4rem;
}
.sap-hana h6{
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 40px;
  margin-bottom: 1rem;
}
.hana-offerings{
  margin-top: 3rem;
}

.including-offers{
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.including-offers h4{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.including-offers p{
  font-size: 14px;
  line-height: 25px;
}
.offering{
  height: 100%;
  padding: 2rem;
  webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
}
.magento{
  width: 100%;
  float: left;
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.magento h4{ 
  font-size: 28px;
  font-weight: 600;
  margin-top: 1rem;
}
.magento-hed{
  text-align: center;
}
.magento-hed p{
  padding: 1rem 16rem;
  font-size: 14px;
  color: #6b6969;
  margin-bottom: 0px; 
}
.magento-row{
  margin-top: 4rem;
}
.magento-features{
  border: 1px solid #ccc;
  padding: 2rem;
  text-align: center;
  height: 100%;
}
.magento-features h6{
  font-size: 36px;
  color: #ee7e38;
  font-weight: 600;
}
.magento-features p{
  font-size: 20px;
  color: #444;
}
.cloud-ecosystem{
  margin-top: 3rem;
}
.cloud-ecosystem h4{
  margin-top: 4rem;
}
.cloud-ecosystem p{
  font-size: 16px;
  line-height: 30px;
}
.magento-popular{
  margin-top: 2rem;
}
.our-magento{
  margin-top: 4rem;
}
.our-magento h6{
  font-size: 26px;
  font-weight: 600;
}
.our-magento p{
  font-size: 16px;
  line-height: 30px;
}
.magento-ecommerce{
  margin-top: 2rem;
}
.magento-ecommerce img{
  width: 90px;
}
.shopify-ecommerce img {
	 width: 64px;
}
.open-cart img {
	 width: 64px;
}
.magento-ecommerce p{
  font-size: 15px;
  line-height: 25px;
  margin-top: 1rem;
}
.mobile{
  width: 100%;
  float: left;
  margin-top: 5rem;
  /*background:url(../images/mobile-bg.jpg) no-repeat;
  background-position: bottom right;*/
}
.mobile-android{
  text-align:center;    
  margin-top: 3rem;
}
.mobile-content{
  margin-top: 6rem;
}
.mobile-content p{
  font-size: 16px;
  line-height: 30px;
  margin-top: 1rem;
}
.mobile-identity{
  width: 100%;
  float: left;
  margin-top: 6rem;
}
.mobile-identity{
  margin-top: 1rem;
}
.mobile-identity p{
  font-size: 16px;
  line-height: 30px;
}
.android-development-services{
  width: 100%;
  float: left;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.android-development-services h6{
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.mobile-features{
  margin-top: 1rem;
}
.technology-mobile p{
  font-size: 16px;
  line-height: 30px;
  margin-top: 1rem;
}
.technology-mobile {
    margin-top: 30px;
}
.technology-mobile:last-child{
  margin-top: 10px;
}
.mobile-help{
  margin-top: 5rem;
}
.mobile-business{
  margin-top: 3rem;
}
.mobile-business h6{
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 0px;
}
.mob-width1{
/*   margin-bottom: 1rem; */
}
.app-development{
  width: 100%;
  float: left;
  margin-top: 5rem;
  background: url(../images/development-bg.png) no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-bottom: 5rem;
  padding-top: 2rem;
  overflow: hidden;
}
.development-content{
  margin-top: 7rem;
  color: #fff;
}
.development-web img{
  max-width: none;
  margin-top: 1rem;
}
.customized-application{
  width: 100%;
  float: left;
  margin-bottom: 3rem
}
.development-services{
  margin-top: 2rem;
}
.cloud-devlopment{
  margin-top: 4rem;
}
.cloud-devlopment img{
  float: left;
  margin-right: 3rem;
}
.cloud-revolution{
  margin-top: 3rem;
}
.cloud-revolution h6{
  font-size: 26px;
  margin-bottom: 1rem;
}
.prem-applications{
  margin-top: 4rem;
}
.prem-applications img{
  float: right;
  margin-left: 3rem;
}
.prem-revolution img{
  float: left;
  margin-left: 0rem;
}
.banner-aws
{
  background:url(../images/servers-bg.jpg) no-repeat;
}



.aws-cont
{
  width:100%;
  float:left;
  padding:60px 0px;
}

.aws-txt1
{
  margin-top:35px;
}



.inner-heading
{
  margin-top:20px;
}
.inner-heading h6 {
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 1rem;
}

.aws-txt2
{
  margin-top:25px;
}



.banner-wordpress
{
  background:url(../images/wordpress-banner.jpg) center no-repeat;
}

.listing1 ul li
{
  background:url(../images/list-icon.jpg) left top no-repeat;
  padding:0px 0px 15px 34px;
}


.listing2 ul li
{
  width:45%;
  float:left;
  font-weight:500;
  padding-right:25px;
  padding-right:60px;
  webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
    box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  margin-right:5%;
  padding:20px;
  margin-bottom:40px;
}

.listing2 ul li img
{
  margin-right:15px;
  float:left;
}

.banner-cloud{
  background: url(../images/bg-banner2.jpg) no-repeat !important;
    background-size: cover;
    background-position: center !important;
}
.cloud-application{
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.cloud-substainabiltiy h6{
  font-size: 26px;
  font-weight: 600;
}
.cloud-substainabiltiy{
  margin-top: 4rem;
}
.cloud-widely{
  margin-top: 3rem;
}
.cloud-widely h6{
  font-size: 20px;
  font-weight: 600;
}
.cloud-features{
  padding: 2rem 2rem 1rem 2rem;
  webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  text-align: center;
  height: 100%;
}
.cloud-features img{
  margin-bottom: 1rem;
}
.cloud-sumanas{
  margin-top: 4rem;
}
.cloud-sumanas img{
  float: left;
  margin-right: 30px;
}
.showcases-expert{
  margin-top: 5rem;
}
.outsourcing{
  width: 100%;
  float: left;
  margin-top: 5rem;
  padding: 4rem 0px;
  background: url(../images/outsourcing-bg1.png) no-repeat;
  background-position: right;
}
.outsourcing h2{
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.dedicated-resources{
  width: 100%;
  float: left;
  margin-top: 1rem;
  margin-bottom: 4rem;
}
.complete-control{
  margin-top: 5rem;
}
.heading-sumanas{
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 1rem;
    line-height: 30px !important;
    font-weight: 600;
    font-size: 20px !important;
}
.hiring-services{
  margin-top: 4rem;
}
.hiring-services h4{
  font-size: 24px;
  font-weight: 600;
  margin-top: 2rem;
}
.dedicated-hiring{
  margin-top: 2rem;
 -webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  padding: 2rem;
  text-align: center;
  height: 100%;
  margin-top: 30px;
}
.dedicated-hiring h6{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: 1rem;
}
.experience-hiring{
  margin-top: 10px;
}
.dedicated-hiring p{
  font-size: 15px;
  margin-top: 1rem;
  text-align: justify;
}
.dedicated-hiring img{
    width: 50%;
}
.larevel{
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.high-performing{
  margin-top: 4rem;
}
.laravel-features{
  margin-top: 4rem;
}
.laravel-development h6{
  margin-top: 4rem;
  margin-bottom: 0px !important;
}
.java{
   width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.java-preferred{
  margin-top: 3rem;
}
.java-preferred h6{
      font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}
.spring-posibility{
  margin-top: 4rem;
}
.spring-prefered{
  margin-top: 30px;
  padding: 2rem;
  border: 1px solid #ccc;
}
.spring-prefered h6{
  font-size: 18px;
  margin-bottom: 1rem;
}
.spring-prefered p{
  text-align: justify;
}
.img-python{
  width: 500px;
  float: right;
  margin-left: 20px;
}
.python{
  width: 100%;
  float: left;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.python-pioneers{
  margin-top: 2rem;
}
.Ruby{
  width:100%;
  float:left;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.ruby-on-rails h6{
      font-size: 25px;
    letter-spacing: 2px;
    line-height: 50px;
}
.why-ruby{
  margin-top: 4rem;
}
.ruby-rails h6{
  font-size: 24px;
  font-weight: 600;
}
.why-rails{
  padding: 2rem;
  border: 1px solid #ccc;
  height: 100%;
  padding-bottom: 1rem;
}
.why-rails img{
  width: 64px;
  float: left;
  margin-right: 20px;
}
.ruby-diversity{
  overflow: hidden;
}
.ruby-diversity h6{
  font-weight: 600;
  font-size: 18px;
}
.ruby-tools{
  margin-top: 30px;
}
.banner-mean{
  background:url(../images/sumanas-banner.jpg) center no-repeat;
  background-size:cover;
}
.stack-services{

}
.stack-services ul li{
  display:inline-block;
  width:120px;
  height:120px;
  text-align:center;
  background: #ffffff;
  border-radius: 15px;
  margin: 15px auto;
  border: #ffffff dashed 1px;
  -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  padding-top: 7px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size:18px;
  margin-right:30px;
  margin-bottom:25px;
}
.stack-services ul li a{
  color:#222222;
}
a:hover{
  text-decoration:none;
}
.inner-cont{
  width:100%;
  float:left;
  padding:40px 0px;
}
.inner-cont h6{
}
.mean-txt1{
  margin-top:75px;
}
.banner-angular{
  background:url(../images/angular-banner.jpg) center no-repeat;
  background-size:cover;
}
.angular-txt{
  margin-top:40px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination {
  padding-left: 20px;
  margin-top: 2rem;
}
.pagination>li>a,  .pagination>li>span {
  margin: 0 2px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #343a40;
    border-color: #343a40;
}
.margin-footer{
  margin-top: 2rem;
}

.custom-file-label::after{
  height: 100%;
  padding: 1rem .75rem;
}
.crm-sales{
    width: 100%;
    float: left;
    margin-top: 4rem;
    background: url(../images/outsourcing-bg2.png) center no-repeat;
    background-size: 50%;
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-position: left;

}
.erp-content img{
  float: left;
  width: 50%;
  margin-right: 20px;
}
.mobileapp-content{
  margin-top: 3rem;
}
.mobile-app{
      width: 100%;
    float: left;
    margin-top: 4rem;
    background: url(../images/homepage-2-bg.png) center no-repeat;
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-size: 70%;
    background-color: #f5f7fb;
    background-position: bottom right;
}
.mobile-app-content1{
  margin-top: 5rem;
}
.mobile-list{
  width: 100%;
    float: left;
}
a .android-thumb:hover{
   -webkit-box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
    box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
}
.android-thumb{
    -webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
    box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
    padding: 2rem;
}
.android-thumb img {
    width: 60%;
}
.app-develpment-hed{
  width: 100%;
  float: left;
  margin-top: 4rem;
  background:url(../images/app-develpnment-slide.jpg) no-repeat;
  background-size: 20%;
  background-position: bottom right;
}
.app-development-links{
  width: 100%;
  float: left;
  margin-top: 3rem;
}
.on-premise{
      background: #fff;
    padding: 2rem;
    width: 70%;
}
.on-premise h6{
  margin-top: 1rem;
  color: #444;
  font-weight: bold;
}
.on-premise img{
  width: 64px;
}
a .on-premise:hover h6{
  color:#ee7e38;
}
a .on-premise:hover{
      background: #fff;
    padding: 2rem;
    width: 70%;
    -webkit-box-shadow: 7px 7px 30px 0px rgba(210, 210, 210, 0.5);
    -moz-box-shadow: 7px 7px 30px 0px rgba(210, 210, 210, 0.5);
    box-shadow: 7px 7px 30px 0px rgba(210, 210, 210, 0.5);
}
.e-commerce{
  width: 100%;
  float: left;
  margin-top: 4rem;
  background:url(../images/slide-2.png) no-repeat;
    background-size: 47%;
    background-position: top right;
}
.magento-app{
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.app-commerce{
  padding: 2rem;
}
.app-commerce a img{
  filter: grayscale(0%);
}
.app-commerce a img:hover{
  filter: grayscale(100%);
}
.cms-main{
  width: 100%;
  float: left;
  margin-top: 5rem;
  background:url(../images/banner-bg-1-1.png) no-repeat;
  background-size: 50%;
}
.cms-concept h6{
  font-size: 24px;
  margin-top: 6rem;
}
.cms-content{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.cms-types{
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.cms-types1 h6{
  font-size: 24px;
  margin-top: 6rem;
  font-weight: 600;
}
.bg-word{
  padding: 2rem;
  margin-top: 60px;
  background-image: linear-gradient( 51deg, rgb(65,174,220) 0%, rgb(6,240,243) 100%);
}
.bg-drupal{
  padding: 2rem;
  margin-top: 30px;
  background-image: linear-gradient( 51deg, rgb(241,177,23) 0%, rgb(255,216,98) 100%);
}
.bg-joomla{
  padding: 2rem;
  background-image: linear-gradient( 51deg, rgb(127,95,206) 0%, rgb(179,123,236) 99%);
}
.bg-django{
  padding: 2rem;
  margin-top: 30px;
  background-image: linear-gradient( 51deg, rgb(49,176,100) 0%, rgb(40,243,135) 100%);
}
.maintiance-security{
  width: 100%;
  float: left;
  margin-top: 5rem;
  background:url(../images/cms-bg.png) no-repeat;
  background-position: bottom right;
}
.security-types{
  width: 100%;
  float: left;
}
.aws-images a img{
  filter: grayscale(0%);
}
.aws-images a img:hover{
  filter: grayscale(100%);
}
.php-main{
  width: 100%;
  float: left;
  margin-top: 5rem;
}
.php-concept h6{
  font-size: 32px;
  font-weight: 600;
  margin-top: 5rem;
}
.php-types h6{
  font-size: 32px;
  margin-top: 3rem;
  font-weight: 600;

}
.php-types-logo img{
  padding: 2rem;
  -webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
}
.php-types-logo a img:hover{
     -webkit-box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
    box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
}
.php-types-logo{
  margin-top: 30px;
}
.data-science h6{
    font-size: 32px;
    font-weight: 600;
    margin-top: 0rem;
}
.data-science p{
  padding: 0rem 10rem;
  margin-bottom: 2rem;
}
.data-science-logo{
  margin-top: 30px;
}
.data-science-logo img{
  padding: 2rem;
  -webkit-box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
  box-shadow: 0 6px 18px 0 rgba(0,24,78,.12);
}
.data-science-logo a img:hover{
     -webkit-box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
    box-shadow: 0 12px 30px 0 rgba(0,24,78,.24);
}
.java-concept{
  width: 100%;
  float: left;
  margin-top: 5rem;
  background:url(../images/java-bg.jpg) no-repeat;
  background-size: 96%;
}
.java-main{
  margin-top: 2rem;
  color: #fff;
}
.java-main h6{
    font-size: 26px;
    margin-top: 3rem;
    color: #1d3247;
    margin-bottom: 1rem;
    font-weight: 700;
}
.java-define{
  padding-right: 2.2%;
}
.ruby-containt{
  width: 100%;
  float: left;
  margin-top: 4rem;
  background:url(../images/ruby-bg.jpg) no-repeat;
  background-position: top right;
  background-size: 90%;
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.ruby-content h6{
  font-size: 24px;
  font-weight: 700;
  margin-top: 5rem;
}
.about-btn a {
    background-color: #ee7e38 !important;
    border-color: #ee7e38 !important;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}