body{
    overflow-x: hidden;
}
section{
    overflow-x: hidden;
    overflow-y: hidden;
}
p{
  font-family: "CircularStdRegular" !important;
}


/*-----------process-sec------------*/

.process-box{
      width: 100%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0px;
    height: 400px;
}
.process-box h4{
    font-size: 26px;   
    color: #000C51;
    line-height: 35px;
    padding: 15px 0px;
    
}
.process-box p{
        font-size: 18px;
    line-height: 34px;
    color: #828FAD;
    
}
.process-bg{
    background-position: top;
    background-repeat: no-repeat;
}
.process-sec {
    padding: 46px 0 0;
    position: relative;
}
/*-------end-process-sec-----------*/

/*------------strategy-sec---------------*/
.strategy> p{
    font-size: 20px;
    color: #828FAD;
    margin-top: 24px;
    line-height: 34px;
    padding-right: 40px;
    
}
.strategy ul{
    margin-top: 22px;
    font-size: 20px;
    color: #828FAD;
    list-style: none;
    padding-left: 0px;
    padding-right: 19px;
    
}
.strategy ul li{
        line-height: 34px;
        display: -webkit-box;
}
.strategy ul li img{
        margin-right: 20px;
}
.strategy ul li p{
    margin-bottom: 2px;
}
.strategy-img{
    text-align: right;
}
.strategy-img img{
    border-radius: 20px;
    box-shadow: 0px 10px 20px #000c510f;
}
/*----------end-strategy-sec----------*/
/*-----------mobile-app-----------*/
.Mobile-app-design > p{
        font-size: 20px;
    color: #828FAD;
    margin-top: 24px;
    line-height: 34px;
/*    padding-right: 40px;*/
    
}
.Mobile-app-design ul{
     margin-top: 22px;
    font-size: 20px;
    color: #828FAD;
    list-style: none;
    padding-left: 0px;
    padding-right: 19px;

}
.Mobile-app-design ul li{
     line-height: 34px;
        display: -webkit-box;
}
.Mobile-app-design ul li img{
    margin-right: 20px;
}
.Mobile-app-design ul li p{
    margin-bottom: 2px;
}
.mobile-app-col-7{
        padding-left: 57px;
}
/*---------end-monile-app-design-------*/
/*--------------app-porting-sec----------------*/
.left-img-sec{
        border-radius: 20px;
    box-shadow: 0px 10px 20px #000c5114;
}
/*---------end-app-porting-sec----------*/
/*-----------------app-group-sec----------*/
.img-x1{
    margin: -31px 0px 0px 107px;
}
.img-sap{
        margin: -22px 0px 0px 123px;
}
.img-sap1{
    margin: 23px 0px 0px 44px;
}
.img-roku{
    margin: 0px 0px 0px 96px;
}
.img-roku1{
    margin: 0px 0px 0px 156px;
}
.img-braze{
        margin: 0px 0px 0px 48px;
}
.img-braze1{
        margin: 0px 0px 0px -29px;
}
.img-aws{
    margin: -69px 0px 0px 67px;
}
.img-aws1{
        margin: 0px 0px -51px 19px;
}
.img-dotcms{
        margin: 17px 0px 0px 74px;
}
.img-dotcms1{
    margin: -125px 0px 0px -25px;
}
/*-------end-app-group-sect----------*/

/*----------------------choose-box-sec---------*/
.choose-box{
       width: 88%;
    background-color: #fff;
    padding: 28px 25px 14px;
    box-shadow: 0px 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0px 16px;
    height: 201px;
    text-align: center;
    margin-bottom: 47px;
}
.choose-box p{
        font-size: 18px;
    line-height: 24px;
    color: #000C51;
    padding-top: 17px;
    
}
.choose-bg{
        background-position: initial;
    background-repeat: no-repeat;
}
.choose1{
        margin-top: 117px;
}
.choose2{
        margin-top: 49px;
}
/*----------end-choose-box-------------*/
/*------------kind-of-app-sec--------*/
.kind-of-box{
        width: 100%;
    background-color: #fff;
   box-shadow: 0px 50px 40px #42d6fc1f;
    text-align: center;
    height: 190px;
    border-radius: 20px;
    padding: 19px 21px;
}
.kind-of-box p{
       padding-top: 3px;
    font-size: 19px;
    color: #000C51;
    
}
.kind-of-box img{
    width: 100%;
}
.king-p{
    font-size: 20px;
    color: #828fad7a;
    
}
/*-----------end-kind-of-sec-----------*/
/*------------------service-1-section------------*/
.service-banner{
        width: 106%;
    margin-left: -62px;
}

/*----------end-service-1-sec------------------*/

/*---------ios-solution---------------*/
.ios-solution p{
        font-size: 22px;
    color: #828FAD;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 34px;
   

}
/*------------end-ios-solution-------*/
/*------social-care--------*/

.social-care h6{
        font-size: 24px;

    color: #000C51;
    line-height: 34px;
    margin-top: 30px;
    margin-bottom: -6px;
}
.social-care p{
    font-size: 20px;
    color: #828FAD;
    margin-top: 24px;
    line-height: 34px;
   padding-right: 87px;

}
.social-care-img img{
    box-shadow: 10px 20px 30px #0000001c;
        border-radius: 37px;
}
.social-care-img{ 
text-align: right;
}
/*----social-care-end--------*/
.ios-app-dev p{
    font-size: 20px;
    color: #828FAD;
    margin-top: 32px;   
   

}
.ios-app-dev-bg{
    padding: 24px 0 24px;
}
.ios-box{
    width: 100%;
    background-color: #fff;
    padding: 28px 30px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0px;
    height: 400px;
}
.ios-box h4{
        font-size: 23px;
    color: #000C51;
    line-height: 35px;
    padding: 15px 0px 13px;
    
}
.ios-box p{
        font-size: 18px;
    line-height: 32px;
    color: #828FAD;

}
.Reach-p p{
        font-size: 26px;
    color: #828FAD;
    margin-top: 18px;   
}
.devices{
    text-align: center;
}
.devices p{
        font-size: 22px;
    color: #000C51;
    padding-top: 18px;

}
.ios-app-box{
    background: #fff;
    padding: 13px 20px;
    font-size: 22px;
    
    color: #000C51;
    border-radius: 20px;
        box-shadow: 0px 10px 20px #dde2ff59;
        margin-bottom: 30px;

}
.ios-app-box p{
        font-size: 22px;
    margin: 6px 0px;
    
    color: #000C51;
}
.ios-mobile-box{
    background: #fff;
    padding: 27px 32px;
    
    color: #000C51;
    border-radius: 20px;
    box-shadow: 0px 10px 20px #dde2ff61;
    margin-bottom: 54px;
    height: 347px;
}
.ios-mobile-box h4{
    
    font-size: 22px;
    color: #000C51;
    padding-bottom: 9px;
}
.ios-mobile-box p{
        font-size: 14px;

    line-height: 34px;
    color: #828FAD;
}
.Market-box{
           background: #fff;
    padding: 31px 20px;
    font-size: 22px;
    
    color: #000C51;
    border-radius: 20px;
    box-shadow: 0px 20px 40px #3d5afe1c;
    margin-bottom: 30px;
    text-align: center;
    width: 250px;
}
.Market-box h5{
    font-size: 22px;
    margin: 6px 0px;
    
    color: #000C51;
}
.mobile-market-ul{
    padding: 79px 30px 0px 30px;
}
.mobile-market-ul ul{
        list-style: none;
}
.mobile-market-ul ul li{
    display: -webkit-inline-box;
    margin: -11px 16px;
}
.mobile-market-ul ul li img{
        margin-right: 11px;
}
.mobile-market-ul ul li p{
    font-size: 20px;
    
    color: #000C
}
.ios-margin{
    margin: 0px 72px 0px 35px !important;
}
.windows-margin{
    margin: 0px 12px 0px 56px !important;
}
.Market-box:hover{
    background-color: #F77D33;
}
.Market-box:hover h5{
    color: #fff;
}
.choose-box1{
    width: 200px;
    background-color: #fff;
    padding: 28px 25px 14px;
    box-shadow: 0px 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0px 2px;  
    text-align: center;
    margin-bottom: 47px;
    height: 200px;
     position: relative;
    z-index: 1;
}
.choose-box1 p {
       font-size: 18px;
    line-height: 24px;
    color: #000C51;
    padding-top: 21px;

}
.related-img > img{
       position: absolute;
    z-index: 0;
    top: 92px;
    left: 194px;
}
.choose-box2{
        margin-top: 65px;
}
.benefit-box{
    width: 100%;
    background-color: #fff;
    padding: 23px 23px 14px;
    box-shadow: 0px 10px 20px #dde2ff70;
    border-radius: 20px;
    margin: 18px 0px;
    height: 153px;
}
.benefit-box ul{
        list-style: none;
}
.benefit-box ul li{
   display: -webkit-inline-box;
}
.benefit-box ul li img{
        padding: 15px 20px 10px 0px;
}
.benefit-box ul li p{
        font-size: 22px;
    color: #000C51;
    line-height: 30px;
    font-family: "CircularStdRegular";
/*        padding: 18px 0px;*/
}
.hospital-box{
        width: 200px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0px 27px;
    height: 201px;
    text-align: center;
    margin-bottom: 47px;
}
.inner-box{    
       background-color: #FEF1F2;
    border-radius: 20px;
    height: 181px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    
    line-height: 27px;
    color: #F5808B;
}
.hospital-box .inner-box p{
        margin-bottom: 0px;
}
.hospital-color-box{
        background-color: #fff5ee !important;
    color: #ff9f59 !important;
}
.hospital-color-box1{
        background-color: #fdedf3 !important;
    color: #ea4d89 !important;
}
.hospital-color-box2{
        background-color: #ebeeff !important;
    color: #3d5afe !important;
}
.hospital-color-box3{
        background-color: #ecfbf5 !important;
    color: #45d49a !important;
}
.hospital-color-box4{
        background-color: #f0eaff !important;
    color: #6b36ff !important;
}
.hospital-color-box5{
        background-color: #eefaff !important;
    color: #59c9ff !important;
}
.hospital-color-box6{
        background-color: #ffeafc !important;
    color: #ff36de !important;
}
.health-dev-box{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 50px 40px #dde2ff45;   
    height: 170px;
    border-radius: 20px;
    padding: 26px 30px;
        margin-bottom: 30px;
}
.health-dev-box h4{
        font-size: 22px;
    color: #000C51;
    
    line-height: 30px;
}
.health-dev-box p{
    font-size: 15px;

    color: #828FAD;
    line-height: 31px;
}
.custom-box{
    width: 100%;
    background-color: #fff;
    padding: 30px 25px 14px;
    box-shadow: 0px 10px 20px #dde2ff70;
    border-radius: 20px;
    margin: 18px 0px;
    height: 420px;
}
.custom-box h5{
       font-size: 22px;
    
    line-height: 34px;
    color: #000C51;
    margin-bottom: 46px;
}
.custom-box h5::after{
          content: '';
    height: 6px;
    width: 24%;
    background: #3D5AFE;
    position: absolute;
    left: calc(50% - 10%);
    top: 136px;
    left: 40px;
    border-radius: 20px;
}
.custom-box p{
    
    font-size: 16px;
    color: #828FAD;
    line-height: 30px;
}
.Standard p{
    font-size: 19px;
    color: #828FAD;
    margin-top: 24px;
    line-height: 34px;   

}
.Standard h4{
        margin-bottom: -17px;
}
.healthcare-soft-box{
        width: 100%;
    background-color: #fff;
    padding: 0px 20px;
    box-shadow: 0px 10px 20px #dde2ff70;
    border-radius: 20px;
    margin: 0px 0px 60px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.healthcare-soft-box ul{
            list-style: none;
    margin-bottom: 0;
}
.healthcare-soft-box ul li{
        display: -webkit-inline-box;
}
.healthcare-soft-box ul li img{
            padding: 8px 17px 10px 0px;
}
.healthcare-soft-box ul li p{
            font-size: 22px;
    color: #000C51;
    line-height: 30px;
    font-family: "CircularStdRegular";
    margin-bottom: 0px;
}
.healthcare-soft-1{
        margin-left: 79px;
    margin-top: 69px;
}
.healthcare-soft-2{
        margin-left: -40px;
}
.healthcare-soft-3{
        margin-left: 85px;
}
.healthcare-soft-4{
    margin-left: -81px;
    margin-top: 69px;
}
.healthcare-soft-5{
    margin-left: 40px;
}
.healthcare-soft-6{
    margin-left: -85px;
}
.top-notch p{
    font-size: 26px;
    color: #828FAD;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 38px;
   

}
.programming-languages-box{
            width: 97%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    height: 480px;
}
.programming-languages-box h4{
       font-size: 26px;
    color: #000C51;
    line-height: 35px;
    padding: 25px 0px 0px;
    
}
.programming-languages-box p{
    font-size: 16px;
    line-height: 34px;
    color: #828FAD;
        font-family: "CircularStdRegular";
}
.apart{
     width: 97%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    height: 480px;
}
.apart h4{
    font-size: 26px;
    color: #000C51;
    line-height: 35px;
    padding: 25px 0px 14px;
    
}
.apart p{
     font-size: 20px;
    line-height: 34px;
    color: #828FAD;
        font-family: "CircularStdRegular";
}

/*-----------------brand-slider------------*/


@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: white;
  height: 100px;
  overflow: hidden;
  position: relative;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
}

/*---------end-brand-slider--------------*/
/*-----award-----*/
.award-box{
   width: 100%;
    background-color: #fff;
    padding: 28px 30px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0px;
    height: 400px; 
}
.award-box p{
          font-size: 25px;
    line-height: 35px;
    color: #000C51;
    
    padding-top: 12px;
}
.award-box h4{
        font-size: 30px;
    color: #828FAD;
    line-height: 34px;
    padding: 9px 0px 13px;


}
/*-------end-award----*/





/*============== start Augmented reality  page==========*/
/*----------start Augmented services------------------*/
.augment-bg{
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 100px;
}
.augment-sec {
    padding: 46px 0 0;
    position: relative;
    padding-top: 100px;
}
.augment-box{
      width: 100%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0px 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0px;
    height: 400px;
}

.augment-box-zoom:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition: transform 1s ease;
  
}

.augment-box h4{
    font-size: 24px;   
    color: #000C51;
    line-height: 28px;
    padding: 10px 0px;
    
    text-align: center;
}
.augment-box p{
        font-size: 18px;
    line-height: 24px;
    color: #828FAD;
    
        text-align: center;
}
.augment-box img{
    display: block;
    margin: auto;
}
/*----------end Augmented services------------------*/

/*----------start Augmented reality------------------*/
.augmented-reality{
        background-position: center;
    background-repeat: no-repeat;
   
}

.augmented-reality-text> p{
    font-size: 20px;
    color: #828FAD;
    margin-top: 24px;
    line-height: 34px;
    padding-right: 40px;
    
}
.augmented-reality-img{
    text-align: right;
}
/*----------end Augmented reality------------------*/

/*----------start build intelligent AR------------------*/

.build-intelligent-AR{
        background-position: center;
    background-repeat: no-repeat;
    height: 500px;

}

/*----------end build intelligent AR------------------*/

/*----------start AR-app-development------------------*/
.AR-app-development{
    margin-top: 50px;
}
.AR-app-development-box{
    background-color: white;
    min-height: 300px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
padding: 20px;
margin: 20px 0px;
}

.AR-app-development-box h3{
    font-size: 30px;
    line-height: 35px;
    color: #000C51;
    
}
/*----------end AR-app-development------------------*/

/*----------start AR-plateforms------------------*/
.AR-plateforms{
    min-height: 500px;
}

.AR-plateforms-bg{
    background-position: bottom;
    background-repeat: no-repeat;
        padding-bottom: 11px;
        min-height: 500px;
}
.AR-plateforms-bg p{
        font-size: 22px;
    line-height: 28px;
    color: #828FAD;

    text-align: left;
    padding: 5px 0px;

}
.AR-plateforms-bg h2{
        font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    color: #000C51;
    
}
.AR-plateforms-box{
    background-color: white;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    min-height: 200px;
    border-radius: 20px;
    width: 80%;
    display: block;
    margin: auto;
}
.AR-plateforms-box img{
    display: block;
    margin: auto;
    padding: 30px 10px;
}
.AR-plateforms-box p{
        font-size: 22px;
    line-height: 28px;
    color: #000C51;

    text-align: center;
    padding: 5px 0px;

}
/*----------end AR-plateforms------------------*/

/*----------start hire-AR-developers------------------*/
.hire-AR-developers{
    margin-top: 50px;
}
.hire-AR-developers-box{
    background-color: white;
    min-height: 520px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1); 
box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1);
padding: 20px;
margin: 20px 20px;
}

.hire-AR-developers-box h3{
    font-size: 22px;
    line-height: 26px;
    color: #000C51;
    
}
.hire-AR-developers-box h4{
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #000C51;
    
}
.hire-AR-developers-box p{
    font-size: 14px;
    line-height: 14px;
    color: #828FAD;

    text-align: left;
    padding: 0px 5px;
}
/*----------end hire-AR-developers------------------*/

#awards-button{
    float: right;
    font-weight: bold;
}
#blogs-button{
    font-weight: bold;
}

footer .social-icons{
    float: right;
}


/*----------IOT page start------------------*/

/*----------start iot evolution teabs------------------*/
.iot-tabs{
    width: 90%;
    margin-left: 5%;
    background-color: white; 
    border-radius: 20px; 
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2); padding: 20px;
    min-height: 350px;
}

.iot-tabs:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  transition: transform 1s ease;
  
}

.iot-tabs h4{
    font-size: 24px;   
    color: #000C51;
    line-height: 28px;
    padding: 10px 0px;
    
}
.iot-tabs p{
        font-size: 18px;
    line-height: 24px;
    color: #828FAD;
    
}
/*----------start iot evolution teabs------------------*/

/*----------start iot skill matrix------------------*/

.iot-skill-matrix{
        background-position: center;
    background-repeat: no-repeat;

}
.iot-skill-matrix-box> p{
    font-size: 18px;
    color: #828FAD;
    margin-top: 20px;
    line-height: 30px;
    padding-right: 40px;

}
.iot-skill-matrix-box ul{
    margin-top: 20px;
    font-size: 18px;
    color: #828FAD;
    list-style: none;
    padding-left: 0px;
    padding-right: 19px;

}
.iot-skill-matrix-box ul li{
        line-height: 30px;
        display: -webkit-box;
}
.iot-skill-matrix-box ul li img{
        margin-right: 20px;
}
.iot-skill-matrix-box ul li p{
    margin-bottom: 2px;
}
/*----------start iot skill matrix------------------*/

/*----------start iot development company------------------*/
.iot-development-company{
    margin-top: 50px;
}
.iot-development-company-box{
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1); 
box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1);
padding: 20px;
margin: 20px 20px;
}

.iot-development-company-box h3{
    font-size: 22px;
    line-height: 26px;
    color: #000C51;
    
}
.iot-development-company-box h4{
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000C51;
    
}
.iot-development-company-box p{
    font-size: 14px;
    line-height: 14px;
    color: #828FAD;

    text-align: left;
    padding: 0px 5px;
}
.iot-development-company-box2{
    background-color: white;
    border-radius: 15px;
    margin: 20px 20px;
}
.iot-development-company-box-left{
    background-color: white;
    -webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1); 
    box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1);
    min-height: 200px;
    border-radius: 20px;
    width: 48%;
    margin-right: 2%;
    
}
.iot-development-company-box-right{
    background-color: white;
    -webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1); 
    box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.1);
    min-height: 200px;
    border-radius: 20px;
    width: 48%;
    margin-left: 2%;
    
}
.iot-development-company-box2 img{
    display: block;
    margin: auto;
    padding: 30px 10px;
}
.iot-development-company-box2 p{
        font-size: 22px;
    line-height: 28px;
    color: #000C51;

    text-align: center;
    padding: 5px 0px;

}
/*----------end iot development company------------------*/
/* Blog Code */
.single .blog-info strong a {
    color: #333333 !important;
}
/* Blog code end */