@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('../fonts/GothamRoundedMedium.eot');
    src: url('../fonts/GothamRoundedMedium.eot') format('embedded-opentype'),
         url('../fonts/GothamRoundedMedium.woff2') format('woff2'),
         url('../fonts/GothamRoundedMedium.woff') format('woff'),
         url('../fonts/GothamRoundedMedium.ttf') format('truetype'),
         url('../fonts/GothamRoundedMedium.html#GothamRoundedMedium') format('svg');
}
@font-face {
    font-family: 'gothamroundedbook';
    src: url('../fonts/gothamroundedbook.eot');
    src: url('../fonts/gothamroundedbook.eot') format('embedded-opentype'),
         url('../fonts/gothamroundedbook.woff2') format('woff2'),
         url('../fonts/gothamroundedbook.woff') format('woff'),
         url('../fonts/gothamroundedbook.ttf') format('truetype'),
         url('../fonts/gothamroundedbook.html#gothamroundedbook') format('svg');
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0}
body{font-family: 'gothamroundedbook'; font-size:16px; line-height:25px; color:#111; text-align:justify;}

html,body
{
    overflow-x: hidden; 
}
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../images/slider-bg.jpg); background-size:cover; padding-top: 72.3px;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:1200px; margin:auto;}
.logo{width:180px; float:left; text-align:center;}
.logo img{width:100%; max-width:300px; padding:10px 0px;}
.navigation{width:700px; float:right; position:relative; z-index:99999999999;}
.stiky-header{width:1200px; margin:auto;}
/* Header portin css start */
/* slider portin css start */
.banner_wrapper{width:100%; float:left;  }
.banner_wrapper_sub{width:800px; margin:auto; position:relative; height:367px; margin-top:50px; margin-bottom:50px;}
.slider_sub{width:100%; position:absolute; bottom:-50px; left:0px; z-index:1;}
.lapi{width:100%; position:absolute; bottom:-70px; left:0px; z-index:100;}
.iphone{width:386px; height:194px; position:absolute; z-index:150; right:-50px; bottom:-50px;}
.iphone_pic{width:100%; position:absolute; top:0px; left:0px;}
/* slider portin css end */
/* Our Services portin css start */
.service_section_wrapper{width:100%; float:left; margin-top:100px;}
.service_section{width:1200px; margin:auto;}
.heading{width:100%; text-align:center; padding-bottom:1px; margin-bottom:15px;font-family: 'GothamRoundedMedium';}
.heading h1{font-size:32px; font-weight:500; font-family: 'GothamRoundedMedium';}
.service-content{width:100%; float:left;}
.service-tab-inner-left{width:50%; float:left; margin-bottom:20px;}
.service-tab-inner-left img{width:100%; max-width:450px; text-align:center; margin-top:35px;}
.service-tab-inner-right{float:left; width:50%; margin-bottom:20px; }
.service-tab-heading{width:100%; float:left; color:#0089bf; font-size:32px; line-height:52px; font-family: 'GothamRoundedMedium';}
.service-tab-content{width:100%; text-align:justify; color:#0089bf; margin:25px 0px; float:left;}
.service-tab-learn{width:100%; float:left; margin:10px 0px;}
.service-tab-learn a{color:#0089bf; text-decoration:none;  transition:all 1s; padding:7px 25px; border:1px solid #0089bf;}
.service-tab-learn a:hover{background-color:#0089bf; color:#fff;  border-radius:2px;}
/* Our Services portin css End */
/* Who We Are portin css Start */
.who_we_are_wrapper{width:100%; float:left; background-image:url(../images/whr.jpg);}
.who_we_are{width:100%; float:left; padding:30px 0px; background-image:url(../images/who-bg.jpg); background-position:left center; background-repeat:no-repeat;}
.who_we_are_sub{width:1200px; margin:auto;}
.who_we_are_content{float:right; color:#fff; text-align: center;}
.about-learn a{color:#fff; padding:10px 35px; border:1px solid #fff; transition:all 1s; text-decoration:none;}
.about-learn a:hover{background-color:#bf3c04;}
/* Who We Are portin css End */

/*Why Choose us section css start */
.choose_wrapper{width:100%; float:left; background-image:url(../images/why-banner.jpg); background-size:cover;}
.choose_us_wrapper{width:100%; float:left; background-color: rgba(0, 137, 191, 0.7);}
.why_choose{width:1200px; margin:50px auto;}
.choose_content{width:100%; float:left; margin:25px 0px; text-align:center; color:#fff;}

/*Why Choose us section css End */

/*Our WWork Wrapper css Start */
.our_work_wrapper{width:100%; float:left; margin:20px 0px; padding:15px 0px;}
.our_work{width:1200px; margin:auto;}
.our_work_content{width:100%; float:left; margin:10px 0px; text-align:center;}
/*Our WWork Wrapper css end */

/*Testimonial Section css start  */
.testimonial_wrapper{width:100%; float:left; background-image:url(../images/noise.png); padding:40px 0px; padding-bottom: 0px;}
.testimonial{width:1200px; margin:auto; height:40px;}
.testimonial_content{width:100%; float:left; margin:10px 0px;}
/*Testimonial Section css end  */

/* client section start */

.client_wrapper{width:100%; float:left;}
.client_overlay{width:100%; float:left; padding:15px 0;}
.client_content{width:1200px; margin:auto; }
.client_content_sub{width:100%; float:left; text-align:center;}
.client_content_sub li{list-style:none; display:inline-table; text-align:center; padding:30px 0px; width:280px; max-width:290px; margin:5px;}
.client_content_sub li img{width:50%; filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s;}
.client_content_sub li img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);}
/* client section end */

/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:1200px; margin:auto; color:#fff;}
.footer1{width:300px; float:left; }
.footer1-heading{width:100%; font-size:18px; text-transform:uppercase; float:left; line-height:25px; font-family: 'GothamRoundedMedium'; margin-bottom:20px;}
.footer_content_sub{width:100%; float:left; font-size:13px!important;}
.footer_content_sub img{width:20px;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:15px; font-family: 'gothamroundedbook'; font-size:12px!important;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s; font-size:12px;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:100%; text-align:center; margin:auto; color:#fff; font-size:11px;}
/* Bottom Footer section end */

/*---------------------- ABOUT US PAGE CSS START --------------------------------------*/
.about_us_wrapper{width:100%; float:left; background-image:url(../images/about-us-slider.png); background-size:cover;}
.inner_page_title_wrapper{width:1200px; margin:auto;}
.inner_page_title{width:100%; float:left; color:#fff; font-size:36px; font-weight:500; text-shadow:1px 1px 3px #000; line-height:72px; margin:25px 0px;}
.inner_page_title p{display:inline; padding-bottom:15px; font-family: 'GothamRoundedMedium'; font-size:32px;}
.inner_bg-slider-sub{width:100%; margin:auto; height:200px;}
.inner_content_wrapper{width:100%; float:left; position:relative; z-index:20; margin-top:-200px;}
.about-us-content{width:100%; float:left; margin-bottom:15px; text-align:center;}
.about-us-content li{display:inline-table; width:365px; margin:15px;}
.who_title{width:100%; float:left; text-align:center; font-size:24px; font-weight:500; color:#4497e9; margin-bottom:10px; font-family: 'GothamRoundedMedium';}
.who_icon{width:100%; float:left; text-align:center; margin-bottom:10px;}
.who_icon img{width:100px;}
.who_txt{width:100%; float:left; text-align:center; margin-bottom:10px;}
.who_pic{width:100%; float:left; text-align:center;}
.who_pic img{width:100%; filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s;}
.who_pic img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3);}
.about_wrapper{width:100%; float:left; padding-bottom:20px; 
background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );}
/*---------------------- ABOUT US PAGE CSS End --------------------------------------*/

/*---------------------- OUR APPROCH PAGE CSS START --------------------------------------*/
.our_approch_wrapper{width:100%; float:left; background-image:url(../images/our-approch-slider.jpg); background-size:cover;}
.why_wrapper{width:100%; float:left; background-image:url(../images/why-banner.jpg); background-size:cover; color:#fff;}
.why_overlay{width:100%; float:left; padding:15px 0; background-color: rgba(0, 137, 191, 0.7);}
.why_sub{width:1200px; margin:auto;}
.why_content{width:100%; float:left; text-align:center;}
.why_content_sub{width:100%; float:left; text-align:center;}
.why_content_sub li{display:inline-table; height:170px; list-style:none; background-color: rgba(0, 0, 0, 0.6); width:230px; text-align:center;
margin:0px!important; transition:all 1s; padding:15px;}
.why_content_sub li:nth-child(2n){background-color: rgba(0, 0, 0, 0.8);}
.why_content_sub li:hover{background-color:rgba(0, 137, 191, 0.7); border-radius:5px;}
.why_pic{width:100%; float:left; text-align:center; margin-bottom:10px;}
.why_pic img{border-bottom:1px solid #fff; padding-bottom:10px; }
.why_text{width:100%; float:left; text-align:center;}
/*---------------------- OUR APPROCH PAGE CSS END --------------------------------------*/

/*---------------------- OUR PORTFOLIO PAGE CSS START --------------------------------------*/
.portfolio_wrapper{width:100%; float:left; background-image:url(../images/portfolio-slider.jpg); background-size:cover;}
/*---------------------- OUR PORTFOLIO PAGE CSS END --------------------------------------*/

/*---------------------- Contact Us PAGE CSS START --------------------------------------*/
.Contact_wrapper{width:100%; float:left;}
.about_wrapper{width:100%; float:left; padding-bottom:20px; 
background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
}
.about_us_sub{width:1200px; margin:auto; }
.about_content{width:100%; float:left; overflow:hidden;}
.about_left{width:500px; float:left; text-align:center;}
.about_left img{max-width:500px;}
.about_right{width:600px; float:left; padding-left:50px; text-align:justify;}
.about-title{width:100%; float:left; font-size:22px; color:#fff;}
.about-content{width:100%; float:left; color:#fff; margin-top:5px; margin-bottom:10px;}
.about-learn a{color:#fff; padding:10px 35px; border:1px solid #fff; transition:all 1s;}
.about-learn a:hover{background-color:#bf3c04;}
.contact_inner1{width:48%; float:left; margin-top:20px;}
.contact_inner2{width:48%; float:right; margin-top:20px; }
.service_banner_form{width:300px; float:right; background:rgba(0,0,0,0.8); padding:20px; border-radius:4px;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_banner_title_sub{width:100%; float:left; font-size:30px; color:#fff; line-height:50px; margin-bottom:10px;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_form_title{width:100%; float:left; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:35px; border-bottom:1px solid #fff; padding-bottom:15px;}
.service_banner_form_sub{width:100%; float:left; margin-top:15px;}
.service_banner_form_text_feild{width:100%; float:left; line-height:40px; height:40px; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:20px; color:#fff!important; 
background-color:transparent; border-top:0px!important; border-left:0px!important; border-right:0px!important; padding:0 15px;}
.service_banner_but{width:100%; float:left; color:#fff; line-height:40px; height:40px; border-radius:3px; background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); border:0px;}
/*---------------------- Contact Us PAGE CSS END --------------------------------------*/
/*---------------------- Services Page  CSS START --------------------------------------*/
.consulting_wrapper{width:100%; float:left; background-image:url(../images/consulting.jpg); background-size:cover;padding-top: 72.3px; }
.custom_application_wrapper{width:100%; padding-top: 72.3px; float:left; background-image:url(../images/custom-application-development.jpg); background-size:cover;}
.website_development_wrapper{width:100%; padding-top: 72.3px; float:left; background-image:url(../images/web-development-service.jpg); background-size:cover;}
.mobile_app_wrapper{width:100%; padding-top: 72.3px; float:left; background-image:url(../images/mobile-app.jpg); background-size:cover;}
.digital_marketing_wrapper{width:100%; padding-top: 72.3px; float:left; background-image:url(../images/digital-marketing-banner.jpg); background-size:cover;}
.service_banner_wrapper{width:100%; /*height: 600px;*/ float:left; padding:30px 0px;}
.service_banner{width:1200px; margin:auto;}
.service_banner_content{width:500px; padding-top: 80px; float:left; text-shadow:1px 1px 3px #000;}
.service_banner_form{width:300px; float:right; background:rgba(0,0,0,0.8); padding:20px; border-radius:4px;}
.light .service_banner_form {
    background: #fff;
    color: #000 !important;
}
.light .service_form_title {
    color: #000;
}
.light .service_banner_form_text_feild {
    background: #eeeeee;
    color: #000 !important;
}
.service_banner_title{width:100%; float:left; font-size:40px; color:#fff; line-height:55px; margin-bottom:20px; margin-top:50px; text-align:left;}
.service_banner_title_sub{width:100%; float:left; font-size:30px; color:#fff; line-height:50px; margin-bottom:10px; text-align:left;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_form_title{width:100%; float:left; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:35px; border-bottom:1px solid #fff; padding-bottom:15px;}
.service_banner_form_sub{width:100%; float:left; margin-top:15px;}
.service_banner_form_text_feild{width:100%; float:left; line-height:40px; height:40px; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:20px; color:#fff!important; 
background-color:transparent; border-top:0px!important; border-left:0px!important; border-right:0px!important; padding:0 15px;}
.service_banner_but{width:100%; float:left; color:#fff; line-height:40px; height:40px; border-radius:3px; background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); border:0px;}
.service_page_middle{width:100%; float:left; margin:50px 0px; position:relative;}
.service_page_middle_sub{width:1200px; margin:auto;}
.service_md_left{width:700px; float:left; padding-top:0px;}
.service_md_content{width:100%; float:left; margin-top:15px; text-align:justify;}
.service_md_right{float:right; position:absolute; right:0px; top:-50px;}
.service_md_right img{filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s; z-index:1; border-radius:50%;}
.service_md_right img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3); z-index:100; border-radius:0%;}
.ser1{width:200px; position:absolute; top:0px; right:0px;}
.ser2{width:200px; position:absolute; top:0px; right:220px;}
.ser3{width:200px; position:absolute; top:220px; right:0px;}
.ser4{width:200px; position:absolute; top:0px; right:440px;}
.ser5{width:200px; position:absolute; top:220px; right:220px;}
.ser6{width:200px; position:absolute; top:440px; right:0px;}
.service_sort_wrapper{width:100%; float:left; padding:50px 0px; background-image:url(../images/seemless.jpg);}
.service_detail_wrapper{width:100%; float:left; padding:50px 0px;}
.service_detail{width:1200px; margin:auto;}
.service_detail_sub{width:100%; float:left;}
.service_detail_sub li{list-style:none; float:left; width:100%; transition:all 1s; margin-bottom:10px; padding:10px;}
.service_detail_sub li:nth-child(2n){float:right;}
.service_detail_sub li:hover{box-shadow:1px 1px 3px #000;}
.service_detail_sub_pic{width:30%; float:left; text-align:center;}
.service_detail_sub_pic img{width:100%; max-width:300px; padding:10px; border:1px solid #ccc;}
.service_detail_sub_content{width:69%; float:right;}
.service_detail_sub_pic1{width:30%; float:right; text-align:center;}
.service_detail_sub_pic1 img{width:100%; max-width:300px; padding:10px; border:1px solid #ccc;}
.service_detail_sub_content1{width:69%; float:left; text-align:right!important;}
.service_detail_sub h1{font-size:24px; float:left; margin-bottom:15px; font-weight:500; width:100%; padding:0px;}
.service_detail_sub P{width:100%;}
.technology_wrapper{width:100%; float:left; padding:50px 0px; background-image:url(../images/seem2.jpg);}
.technology{width:1200px; margin:auto;}
.technology_content_main{width:600px; float:left;}
.technology_pic{width:550px; float:right; text-align:center;}
.technology_pic img{width:100%; max-width:500px;}
/*---------------------- Services Page  CSS END --------------------------------------*/
.lets{width:100%; float:left; line-height:50px; font-size:20px; color:#fff; text-align:center; transition-duration:1s;}
.lets a{padding:8px 35px; color:#fff; border:1px solid #fff; border-radius:3px; text-decoration:none;}
.lets a:hover{background-color:#fff; color:#000; text-decoration:none;}
/*============================*/
.logo {
    position: relative;
    z-index: 999;
}
/*--------------------------------------------Success Popup-------------------------------------------- */
        .price {
            display: none !important;
        }
        .box_grid .wrapper {
            padding: 10px 25px;
            text-align: center;
        }
        .box_grid .wrapper h3 {
            font-weight: 600;
            color: #171717;
            font-size: 16px;
        }
        .success-pp {
            position: fixed; 
            width: 500px; 
            background: linear-gradient(to bottom right,#02b3e4,#02ccba); 
            padding: 50px 30px 50px 30px; 
            left: 50%; 
            top: 50%;
            transform: translate(-50%, -50%);
            border-radius: 24px;
        }
        .success-pp h3{
            font-size: 18px;
            color: #fff;
            font-weight: 700;

        }
        .success-pp p {
            color: #fff;
            margin-bottom: 0;
        }
        .success-pp i.fa-check {
            color: #fff; 
            font-size: 60px;
            position: absolute;
            padding: 25px;
            top: -60px;
            left: 190px;
            border-radius: 50%;
            display: block;
            background: #02b8db;
        }
        .success-pp i.fa-close {
            position: absolute;
            border-radius: 50%; display: block; 
            right: 10px; top: 6px;
            color: #fff; 
            font-size: 24px; 
            padding: 12px;
            cursor: pointer;
        }
/*====================================================================================================*/
.how-section h3 {
    padding-left: 20px;
}
.how-col {
}
.how-section .col-md-6 p {
    text-align: justify;
    padding: 25px;
}
.how-section .col-md-6:hover {
    cursor: pointer;

}
.we-serve-col {
    cursor: pointer;
    padding: 20px;
    transition: 0.3s;
}
.we-serve-col:hover {
    margin-top: -14px;
}
.our-process {
    padding: 30px 0px;
}
.our-process img {
    height: 80px;
}
.our-process .box {
    color: #fff;
    height: 310px;
    padding: 40px 10px;
    border-radius: 24px;
    cursor: pointer;
    transition: 0.3s;
}
.our-process .box:hover {
    box-shadow: 0px 0px 40px #afafaf;
}
.our-process .caption {
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 1px 8px #171717;
}
.we-serve-section .carousel {
    margin-bottom: 0;
}
/* The controlsy */
.we-serve-section .carousel-control {
    height: 40px!important;
  width: 40px!important;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.we-serve-section .carousel-control.left {
  left: -50px !important;
}
.we-serve-section .carousel-control.right {
  right: -50px !important;
}
/* The indicators */
.we-serve-section .carousel-indicators {
  bottom: -20px !important;
}
/* The colour of the indicators */
.we-serve-section .carousel-indicators li {
  background: #cecece;
}
.we-serve-section .carousel-indicators .active {
background: #428bca;
}
.discuss-now button {
    text-transform: uppercase;
    font-weight: 700;
    transition: 0.3s;
    box-shadow: 8px 10px 20px 0 rgba(46,61,73,.15);
}
.discuss-now .btn {
    background: #02ccba;
    border: solid #02ccba;
}
.discuss-now .btn:hover {
    background: #fff;
    color: #03cabb;
    border: solid #03cabb;
}
@media (min-width: 992px) {
  .we-serve-section .col-md-2 {
  width: 12.5%;
}
}
@media (max-width: 500px) {
  .we-serve-section .col-md-2 {
  width: 100% !important;
}
}
/*===========================================================================*/
.discuss-now-toggle {
    display: none;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
}
.discuss-now-toggle .fa-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 699px) {
    .sbc-right {
        display: none !important;
    }
    .service_banner_content {
        padding-top: 0 !important;
    }
    .service_banner_title {
        margin-top: 0 !important;
    }
    .consulting_wrapper, .custom_application_wrapper, .website_development_wrapper, .mobile_app_wrapper, .digital_marketing_wrapper {
        height: auto !important;
        padding-bottom: 45px;
    }
}