h1,h2,h3,h4,h5,h6,body{
   font-family: 'Roboto', sans-serif !important;
}
.i-bg{
   background-image: url(../images/1.png);
   background-size: cover;
   background-position: center;
   padding:4rem 0 5rem;
}
.i-bg h1{
   font-size: 36px;
   color:#fff;
   font-weight: 600;
}
.i-bg .i-bg-text{
   font-size: 18px;
   color: #fff;
   font-weight: 400;
   position: relative;
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.i-bg .i-bg-text:after{
   content: '';
   position: absolute;
   bottom: 0;
   width: 100px;
   height: 2px;
   right: 0;
   background-color: #fff;
   left: 0;
   margin: auto;
}
.btn{
   font-size: 17px;
   background: rgba(0,87,186,1);
   background: -moz-linear-gradient(left, rgba(0,87,186,1) 0%, rgba(0,157,230,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,87,186,1)), color-stop(100%, rgba(0,157,230,1)));
   background: -webkit-linear-gradient(left, rgba(0,87,186,1) 0%, rgba(0,157,230,1) 100%);
   background: -o-linear-gradient(left, rgba(0,87,186,1) 0%, rgba(0,157,230,1) 100%);
   background: -ms-linear-gradient(left, rgba(0,87,186,1) 0%, rgba(0,157,230,1) 100%);
   background: linear-gradient(to right, rgba(0,87,186,1) 0%, rgba(0,157,230,1) 100%);
   padding: 7px 16px;
   color: #FFFFFF;
   border-radius: 5px;
   text-decoration: none;
   border:none;
}
.bg-gray{
   background-color: #f7fafc;
}
.text-dark{
   color: #222;
}
.text-light{
   color:#5e5e5e;
}
.i-heading {
   text-transform: capitalize !important;
   font-size: 24px;
}
.fs-14px {
    font-size: 14px !important;
    text-align: justify;
}
.mb-1rem{
   margin-bottom: 1rem !important;
}
.text-blue{
   color: #271471;
}
.i-how-work{
   margin-bottom: 15px;
}
.i-how-work .i-work-img{
   width: 50px;
   float: left;
   display: inline-block;
}
.i-how-work .i-work-img img{
   width: 20px;
}
.i-how-work .i-work-contain{
   width: calc(100% - 50px);
   color:#5e5e5e;
   float: left;
   font-size: 14px;
   line-height: 24px;
   display: inline-block;
}
.clearfix{
   clear: both;
}
.i-border-left-section{
   position: relative;
}
.i-border-left-section:after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 100%;
   background-color: #d8d8d8;
}
.my-0{
   margin-bottom: 0 !important;
   margin-top: 0 !important;
}
.pb-3rem{
   padding-bottom: 3rem;
}
.mb-3rem{
   margin-bottom: 3rem;
}
.pb-4rem{
   padding-bottom: 4rem;
}
.i-development-application{
   background-image:url(../images/2.png);
   background-position: center right;
   background-size: cover;
}
.i-development-row{
   display: -webkit-box;
   display: -ms-flexbox;
     /*display: flex;
     flex-wrap: wrap;
     -ms-flex-wrap: wrap;*/
     width: 100%;
 }
 .text-white{
   color: #fff;
}
.i-development-contain{
   width: 78% ;
   margin: 15px auto 0;
   text-align: center;
}
.mb-0{
   margin-bottom: 0 !important;
}
.pb-0{
   padding-bottom: 0 !important;
}
.pb-1rem{
   padding-bottom: 1rem !important;
}
.i-development-padding .pb-1rem {
  padding-bottom: 1.5rem !important;
}
.font-weight-600{
   font-weight: 600 !important;
}
.i-ui-bg{
   background-image: url(../images/3.png);
   background-size: cover;
   background-position: center;
   height: 100%;
}
.px-0{
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.i-development-padding{
   padding: 6rem 0;
}
.i-ui-heading{
   border-left: 2px solid #0388b9;
   padding-left: 20px;
   margin-top: 2rem;
   margin-bottom: 2rem;
}
.i-ui-heading h5{
   font-size: 29px;
   font-weight: 700;
   margin: 0 !important;
   color: #fff;
}
.i-ui-heading span{
   color: #00aeef;
   font-size: 14px;
}
.i-ui-section{
   width: 80%;
   float: right;
}
.i-ui-contain{
   padding-right: 2rem;
}
.i-ui-contain-box:hover, .active .i-ui-contain-box {
    background-color: #00aeef;
}

.i-ui-contain-box{
   cursor: pointer;
   border: 1px solid rgba(255,255,255,0.3);
   width: 100%;
   height: 95px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem;
   transition: all 0.5s;
   margin-bottom: 2rem;
}
ul.Offerings-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.Offerings-tabs li{
    width: 48%;
    float: left;
    margin-right: 2%;
}
ul.Offerings-tabs a{
    text-decoration: none !important;
}

.i-ui-contain-box-img{
   margin-right: 2rem;
}
.i-ui-contain-box-img img{
   height: 51px;
}
.i-ui-contain-box-conttain{
   color: #fff;
   font-size: 18px;
}
.align-self-center{
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
}
/*ensure section Start*/
.ensure-section{
   margin: 50px 0;
   padding: 0 0 30px;
}
.ensue-title{
   text-align: center;
}
.ensue-title h3 {
   font-size: 26px;
   font-weight: 600;
   color: #4f4f4f;
   text-transform: none;
}
.ensue-title p {
   text-align: center;
   max-width: 800px;
   margin: auto;
   margin-bottom: 20px;
   font-size: 14px;
}
.ensure-section ul.nav.nav-tabs {
   text-align: center;
}
.ensure-section .nav-tabs > li > a span{
   background: #0da7e1;
   display: block;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   color: #fff;
   margin: auto;
   margin-bottom: 6px;
}
.ensure-section .nav-tabs > li.active > a span{
   background: #0058b2;
}
.ensure-section .nav-tabs > li.active > a , .ensure-section .nav-tabs > li.active > a:hover , .ensure-section .nav-tabs > li.active > a:focus{
   color: #555;
}
.ensure-section ul.nav.nav-tabs li {
   display: inline-block;
   float: none;
   padding-bottom: 15px;
   position: relative;
   font-size: 14px;
   vertical-align: top;
}
.ensure-section ul.nav.nav-tabs li a {
   max-width: 165px;
   min-height: 103px;
   background: #fff;
   border: none;
   color: #5e5e5e;
}
.ensure-section ul.nav.nav-tabs li.active:before {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   left: 0;
   right: 0;
   margin: auto;
   bottom: -8px;
   background: #0058b2;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}
.ensure-section .tab-content>.tab-pane {
   background: #0058b2;
   color: #fff;
   padding: 15px 20px;
   border-radius: 8px;
}
.ensure-section .tab-content>.tab-pane p{
   margin-bottom: 0;
   font-size: 14px;
}
/*ensure section Start*/
.expertise-section{
   background-image: url(../images/slider_img.png);
   background-size: cover;
   padding: 50px 0;
   color: #fff;
}
.expertise-title {
   text-align: center;
}
.expertise-title p {
   margin: 0 auto;
   margin-bottom: 35px;
   max-width: 600px;
}
.expertise-grid-box {
   position: relative;
   background: #676767c4;
   padding: 1px;
   padding-left: 115px;
   margin-bottom: 40px;
   font-size: 14px;
}
.expertise-grid-box h5 {
  font-size: 19px;
  margin: 20px 0 10px;
}
/*.expertise-grid-box li {
   list-style: none;
}*/
.expertise-grid-box p {
   padding-right: 15px;
}
.box-icon {
   position: absolute;
   left: 15px;
   top: 20px;
   width: 70px;
   height: 70px;
   background: #ed9332;
   font-size: 3rem;
   text-align: center;
   line-height: 70px;
   border-radius: 10px;
}
.box-icon img {
   max-width: 34px;
   max-height: 30px;
}
/*12-10-18*/
.i-technical-stack-heading{
   padding: 3rem 0;
}
.i-technical-stack-heading h3{
   color: #4f4f4f;
   font-size: 35px;
   margin-top: 0;
   font-weight: 600;
   text-transform: capitalize;
   text-align: center;
}
.i-technical-stack-heading p{
   color: #4f4f4f;
   font-size: 16px;
   text-align: center;
}
.i-technical-stack{
   border-bottom: 1px solid #8a8a8a;
}
.i-technical-stack .nav {
   display: flex;
   -ms-flex-pack: center !important;
   justify-content: center !important;
}
.i-technical-stack .nav li {
   padding: 0 20px;
}
.i-technical-stack .nav li a{
   display: inline-block;
   color: #4f4f4f;
   font-weight: 600;
   border: 0;
   border-bottom: 2px solid transparent;
   font-size: 16px;
}
.i-technical-stack .nav li.active a , .i-technical-stack .nav li:hover a{
   border-bottom: 2px solid #1eb8f1;
   color: #1eb8f1;
   background: none;
   box-shadow: none;
}
.i-technical-stack .nav li a .i-technical-img {
   text-align: center;
   margin-bottom: 5px;
   height: 54px;
}
.i-technical-stack .nav li a .i-technical-img img {
   height: auto;
   display: inline-block;
   max-width: 50px;
   filter: grayscale(1);
}
.i-technical-stack .nav li.active a .i-technical-img img , .i-technical-stack .nav li:hover a .i-technical-img img {
   filter: grayscale(0);
}
.i-technical-stack-content {
   padding: 50px 0;
   text-align: center;
   font-size: 14px;
}
.i-technical-stack-content p{
   margin:0 auto;
   max-width: 850px;
   margin-bottom: 10px;
}
.tect-icons li {
   display: inline-block;
   margin: 0 15px;
   vertical-align: top;
   margin-top: 35px;
}
.tect-icons li a { 
  text-decoration: none; 
}
.tect-icons span {
  display: block;
  color: #000;
  padding: 10px 0px;
  max-width: 100px;
  width: 100%;
}
/*slider section Start*/
.development-slider-section {
   position: relative;
   overflow: hidden;
   background: #0097f7;
}
.web-slider-content{
   background-size: cover;
   padding: 50px 0;
   background-color: #0097f7;
   color: #fff;
}
.web-slider-content .row {
   display: flex;
   align-items: center;
}
.web-slider-content.item-1{
   background-image: url(../images/tech_11.png);
}
.web-slider-content.item-2{
   background-image: url(../images/slider_web_15.png);
}
.web-slider-content.item-3{
   background: #f2f1f0;
   color: #4f4f4f;
}
.web-slider-content.item-4{
   background: #0097f7;
}
.web-slider-content .slider-top {
   position: relative;
   padding-left: 75px;
}
.development-slider-section .web-slider-content p {
   font-size: 14px;
   color: inherit;
}
.web-slider-content .slider-top h3 {
   font-size: 24px;
   font-weight: 600;
   color: inherit;
   text-transform: capitalize;
   margin: 5px 0;
}
img.slider-mini-img {
   position: absolute;
   left: 0;
   width: 65px;
   top: -3px;
}
.web-slider-content img.slider-image {
   width: 100%;
   max-width: 464px;
   margin: auto;
   display: block;
}
.development-slider-section .carousel-control.left{
   left: 10px;
}
.development-slider-section .carousel-control.right{
   right: 10px;
}
.development-slider-section .slider-btn.btn {
   background: #fff;
   color: rgba(0,87,186,1);
}
/*slider section End*/
/*want Start*/
section.want-start {
   background: #103147;
   padding: 25px 0;
}
section.want-start h2 {
   color: #fff;
}
section.want-start button{
   float: right;
}
/*want End*/
.i-technical-stack .nav li a div.text-center{
   white-space: nowrap;
}
/* responsive Mobile*/
@media screen and (max-width: 767px){
   .i-ui-contain-box{
       -webkit-box-pack: left;
       -ms-flex-pack: left;
       justify-content: left;
   }
   .i-development-row{
       width: auto;
       margin: 0;
   }
   .i-ui-section{
       width: calc(100% - 30px);
       float: none;
       margin: 0 auto;
       padding-top: 2rem;
   }
   .i-ui-contain .row {
    margin: 0;
}
.i-ui-contain{
   padding-right: 0;
}
.i-ui-heading{
   margin-top: 0;
}
.px-xs-0{
   padding-right: 0 !important;
   padding-left: 0 !important;
}
.i-technical-stack .nav{
   -webkit-box-pack: start !important;
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
   overflow-x: auto;
   overflow-y: hidden;
}
.web-slider-content .row {
   display: inline-block;
   align-items: center;
}
.web-slider-content .row .col-sm-6:first-child {
   margin-bottom: 34px;
}
/*ensure*/
.tabs-mobile-ensure {
   position: relative;
   padding-left: 113px;
}
.ensure-section ul.nav.nav-tabs {
   text-align: center;
   position: absolute;
   left: 0;
   width: auto;
   max-width: 91px;
}
.ensure-section ul.nav.nav-tabs li a {
   font-size: 12px;
   width: 100px;
   padding: 0;
}
.ensure-section ul.nav.nav-tabs li.active:before {
   right: -19px;
   left: initial;
   top: -50px;
}
/*ensure*/
section.want-start{
    text-align: center;
}
section.want-start button {
    float: none;
    margin-top: 25px;
}
.ensure-section .tab-content>.tab-pane{
    min-height: 650px;
}
/*Offerings-tabs*/
.i-ui-contain-box-img img {
    height: 24px;
}
.i-ui-contain-box {
    padding: 0 1rem;
    margin-bottom: 10px;
    line-height: normal;
    height: 55px;
}
.i-ui-contain-box-conttain {
    color: #fff;
    font-size: 12px;
}
.i-development-contain {
    text-align: justify;
    width: 95%;

}
}
/* responsive Tablet*/
@media (min-width: 768px) and (max-width: 1024px){
   .ensure-section ul.nav.nav-tabs li a {
       max-width: 104px;
       font-size: 11px;
       height: 104px;
   }
   .i-ui-contain-box-conttain {
    line-height: normal;
    font-size: 14px;.
}
.i-ui-contain-box-img img {
    height: 28px;
}
.i-ui-contain-box {
    height: auto;
    padding: 1rem;
}
.i-ui-contain-box-img {

    margin-right: 1rem;

}
@media screen and (max-width: 767px){
    .i-development-row{
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
}
/* responsive Laptop*/
@media (min-width: 1025px) and (max-width: 1500px){
   .i-ui-contain-box-img img {
       height: 33px;
   }
   .i-ui-contain-box-conttain {
       color: #fff;
       font-size: 14px;
       line-height: normal;
   }
   .ensure-section ul.nav.nav-tabs li a {
       max-width: 150px;
       font-size: 12px;
   }
}