body{width: 100%; line-height: normal; -webkit-font-smoothing: antialiased; font-family: 'Roboto', sans-serif;font-weight: 400; letter-spacing: 0.4px; color: #3d4246;position: relative;overflow-x: hidden;}
h5,h6,h1,h2,h3,h4 {font-weight: 300; font-size: 44px;font-family: 'Roboto Slab', serif;}
dl,dt,dd,ol,ul,li {margin: 0;padding: 0;list-style-type: none;}
a, input[type=submit]{color: #3d4246;display: inline-block; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
a:active,select,select:focus,a:focus,a:hover,input:focus,button:focus,textarea:focus {outline: none !important;text-decoration: none;box-shadow: none;color: #3d4246;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }

/*--------------------------------------------*/
/*Header Section*/
/*--------------------------------------------*/ 
#header{padding: 10px 20px;}
.header{background-color: transparent;position: fixed;z-index: 100;top: -1px;left: 0;right: 0;width: 100%; box-shadow: none !important;}
.sticky {background-color: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;-webkit-transition: position 10s;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: position 10s;}
#header ul{float: right;}
#header ul li{padding: 5px 0;float: left; margin-left: 50px;}
#header ul li a{font-weight: 500; font-size: 17px;letter-spacing: 0.6px;line-height: 45px;}
#header ul li a:hover{color: #0bafd5;}
#header ul li .contact-btn{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 25px;display: inline-block;}
#header ul li .contact-btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}
.menu, .overlay{display: none;}

/*--------------------------------------------*/
/*Banner Section*/
/*--------------------------------------------*/
#header-banner{position: relative; top: 0px;background-image: url("../images/hero-bg.webp");min-height:750px; height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;}
#header-banner .banner-content{position: relative; top: 40%;}
#header-banner p{font-size: 24px; font-weight: 400;letter-spacing: 0.4px; color: #60666b;line-height: 20px;margin-bottom: 15px;}
#header-banner h1{ font-size: 54px; font-weight: 300;line-height: 60px; color: #3d4246;font-family: 'Roboto Slab', serif;letter-spacing: 0px; margin-bottom: 50px;}
#header-banner h1 span{font-weight: 700;}
#header-banner .btn{background: #fff;color: #0bafd5;font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 20px;border: 1px solid #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
#header-banner .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);}

#header-banner .consult-form{background: #fff;border-radius: 5px;padding: 30px;box-shadow: 0 10px 30px rgba(0,0,0,0.07);position: relative; top: 20%;}
#header-banner .consult-form h2{font-size: 28px;line-height: 34px;text-align: center;font-family: 'Roboto', sans-serif;font-weight: 400;letter-spacing: 0.2px;position: relative; margin-bottom: 31px;}
#header-banner .consult-form h2:before{content: ''; max-width:50px; width: 100%; height: 4px;background: #0bafd5;position: absolute;bottom: -17px; left: 0; right: 0;border-radius: 30px;margin: 0 auto;}
#header-banner .consult-form .form-group {margin-bottom:20px;}
#header-banner .consult-form .form-group input[type=text], input[type=email], input[type=tel], .form-control{border: 1px solid #d1d1d1;border-radius: 0;height: 40px; line-height: 40px; padding: 0 15px;font-weight: 300; letter-spacing: 0.4px;font-size: 15px;color: #3d4246;}
#header-banner .consult-form .form-group input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, .form-control:focus { border: 1px solid #555;box-shadow: none;}
#header-banner .consult-form p{font-size: 17px;line-height: 24px;text-align: center;font-weight: 300;color: #60666b;}
#header-banner .contact-btn{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px;display: block;margin: 0 auto;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#header-banner .contact-btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}

/*--------------------------------------------*/
/*portfolio Section*/
/*--------------------------------------------*/
#services{padding: 60px 0 70px 0;}
#services h2{font-size: 34px;color: #3d4246;font-family: 'Roboto Slab', serif;line-height: 40px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 50px;}
#services h2 span{font-weight: 700;}
#services h4{font-size: 20px; font-weight: 500; line-height: 26px;font-family: 'Roboto', sans-serif;text-align: center; padding: 0 60px;margin-bottom: 10px;}
#services p{font-size: 17px; font-weight: 300; line-height: 24px;color: #60666b; font-family: 'Roboto', sans-serif;text-align: center;padding: 0 50px;}
#services .service-circle{height: 150px; width: 150px; line-height: 150px;margin: 0 auto; border: 1px solid #d1d6da;border-radius: 100%;text-align: center;margin-bottom: 30px;}
#services .btn{border: 1px solid #d1d6da;background-color:transparent;color: #0bafd5;font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px;display: block;margin: 0 auto; margin-top: 50px;}
#services .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);}

/*--------------------------------------------*/
/*Counter Section*/
/*--------------------------------------------*/
#counter{text-align: center;}
#counter .counter-block{border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;padding: 30px 0;}
#counter .col-xl-4:before{content: ''; max-width:1px; width: 100%; height: 80px;background: #e7e7e7;position: absolute; right: 0;}
#counter .col-xl-4.border-none:before{content: none;}
#counter h4{color: #909aa5; letter-spacing: 0.6px; font-size: 15px; text-transform: uppercase;font-weight: 700;font-family: 'Roboto', sans-serif;line-height: 12px;margin-bottom: 15px;}
#counter h2{font-family: 'Roboto Slab', serif;font-size: 34px; font-weight: 700;color: #0bafd5;letter-spacing: 0.6px;line-height: 26px;margin-bottom: 15px;}
#counter p{color: #24374d;font-size: 15px; font-weight: 400;letter-spacing: 0.6px;line-height: 13px;margin-bottom: 0;}

/*--------------------------------------------*/
/*Portfolio Section*/
/*--------------------------------------------*/
#portfolio{padding: 60px 0 70px 0;}
#portfolio h2{font-size: 40px;color: #3d4246;font-family: 'Roboto Slab', serif;line-height: 30px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 30px;}
#portfolio h2 span{font-weight: 700;}
#portfolio p{text-align: center;font-size: 18px; letter-spacing: 0.6px;line-height: 16px; font-weight: 300;margin-bottom: 50px;}
#portfolio p span{font-weight: 900;}
#portfolio .project{padding: 5px;}
.grid figure {margin: 0 ;position: relative;}
.grid figure img {max-width: 100%;display: block;position: relative;}
.grid figcaption {position: absolute;top: 0;left: 0;padding: 20px;background-color:rgba(44,63,82,0.95); color: #0bafd5;}
.grid figcaption h3 {margin: 0;	padding: 0;	color: #fff;}
.grid figcaption span:before {content: 'by ';}
.grid figcaption a {text-align: center;	height: 50px; width: 50px;display: inline-block;text-align: center;line-height: 50px; background: #0bafd5;color: #fff; border-radius: 100%;}
.cs-style-1 figcaption {height: 100%;width: 100%;opacity: 0;text-align: center;-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.no-touch .cs-style-1 figure:hover figcaption,.cs-style-1 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translate(0px);-moz-transform: translate(0px);-ms-transform: translate(0px);transform: translate(0px);}
.cs-style-1 figcaption h3 {margin-top: 100px;font-size: 24px;letter-spacing: 0.4px; margin-bottom: 10px;}
.cs-style-1 figcaption span {display: block;}
.cs-style-1 figcaption a {margin-top: 30px;}
#portfolio .btn{border: 1px solid #d1d6da;background-color:transparent;color: #0bafd5;font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px;display: block;margin: 0 auto; margin-top: 50px;}
#portfolio .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);}

/*--------------------------------------------*/
/*Industry Section*/
/*--------------------------------------------*/
#industry{background-color: #f4f7fa;padding: 70px 0 40px 0;background-image: url("../images/industry-bg.webp");background-position: left bottom;background-repeat: no-repeat;background-size: auto;}
#industry h5{font-size: 17px; color: #60666b;letter-spacing: 0.8px;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 12px;margin-bottom: 10px;}
#industry h2{font-weight: 300; font-size: 40px;letter-spacing: 0.2px;margin-bottom: 20px;}
#industry h2 span{font-weight: 700;color: #0bafd5;}
#industry p{font-weight: 300; font-size: 17px; line-height: 30px;letter-spacing: 0.6px;}
#industry .btn{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px; margin-top: 25px; display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#industry .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}

#industry .swiper-container{padding-bottom: 30px;}
#industry .swiper-slide{display: inline-block;font-weight: 400; font-size: 15px;text-align: center;padding: 40px 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#industry .swiper-slide:hover{background: #fff;border-radius: 20px;box-shadow: 0 10px 40px rgba(92, 196, 243, 0.2); padding: 40px 0;}
#industry .icon{height: 80px; width: 80px;background-image: url("../images/industry-icons.webp");background-repeat: no-repeat;display: inline-block; margin: 0 auto;}
#industry .swiper-slide .icon-1{background-position: 0px 0px;}
#industry .swiper-slide .icon-2{background-position: -90px 0px;}
#industry .swiper-slide .icon-3{background-position: -180px 0px;}
#industry .swiper-slide .icon-4{background-position: -270px 0px;}
#industry .swiper-slide .icon-5{background-position: -360px 0px;}
#industry .swiper-slide .icon-6{background-position: -450px 0px;}
#industry .swiper-slide p{line-height: 14px;margin: 15px 0 0 0;font-size: 15px;}

/*--------------------------------------------*/
/*Technologies Section*/
/*--------------------------------------------*/
#technologies{padding: 70px 0 20px 0;}
#technologies h2{font-size: 40px;color: #3d4246;font-family: 'Roboto Slab', serif;line-height: 30px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 25px;}
#technologies h2 span{font-weight: 700;}
#technologies p{text-align: center;font-size: 17px; letter-spacing: 0.6px;line-height: 24px; font-weight: 300;margin-bottom: 50px; max-width: 750px;width: 100%;margin: 0 auto;}
#technologies .techno{margin-top: 50px;}
#technologies .techno .swiper-slide{height: auto;text-align: center; margin-bottom: 50px; vertical-align: middle;}

/*--------------------------------------------*/
/*How We Work? Section*/
/*--------------------------------------------*/

#how-we-work{}
#how-we-work .title{padding: 100px 0 210px 0;background-color: #0bafd5;background-image: url("../images/how-we-work-bg.webp");background-repeat: no-repeat;background-position: left top;}
#how-we-work .title h2{font-size: 40px;color: #fff;font-family: 'Roboto Slab', serif;line-height: 30px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 25px;}
#how-we-work .title p{text-align: center;font-size: 20px; color: #fff; letter-spacing: 0.6px;line-height: 28px; font-weight: 400;margin-bottom: 50px;max-width: 850px;width: 100%; margin: 0 auto;}
#how-we-work .how-we-work-blocks{position: relative;width: 100%;top: -213px;}
.dedicated-dev-team{background: #fff;padding: 40px 50px;position: relative;top: 60px;left: 0; z-index: 99; border-radius: 10px;box-shadow: 0 10px 40px rgba(0,0,0,0.1);}
.dedicated-dev-team img{width: 100%;}
.dedicated-dev-team h3{font-size: 34px; font-weight: 400;text-align: center;font-family: 'Roboto', sans-serif;margin-top: 30px;}
#how-we-work .dedicated-dev-team p{font-size: 17px; color: #3d4246;text-align: left; letter-spacing: 0.6px;line-height: 28px; font-weight: 300;margin-bottom: 30px;}
#how-we-work .dedicated-dev-team ul li{font-size: 17px; color: #84878a;letter-spacing: 0.6px;font-weight: 300;margin-bottom: 15px;background-image: url("../images/check-icon.png");background-repeat: no-repeat;background-position: left center;min-height: 25px;padding-left: 35px;}
.fixed-price{background: #fff;padding: 40px 50px 40px 130px;position: absolute;top: 130px;right: 0; z-index: 0; border-radius: 10px;box-shadow: 0 10px 40px rgba(0,0,0,0.1);}
.fixed-price img{width: 100%;}
.fixed-price h3{font-size: 34px; font-weight: 400;text-align: center;font-family: 'Roboto', sans-serif;margin-top: 30px;}
#how-we-work .fixed-price p{font-size: 17px; color: #3d4246;text-align: left; letter-spacing: 0.6px;line-height: 28px; font-weight: 300;margin-bottom: 30px;}
#how-we-work .fixed-price ul li{font-size: 17px; color: #84878a;letter-spacing: 0.6px;font-weight: 300;margin-bottom: 15px;background-image: url("../images/check-icon.png");background-repeat: no-repeat;background-position: left center;min-height: 25px;padding-left: 35px;}
#how-we-work .btn{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px; margin-top: 10px; display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#how-we-work .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}

/*--------------------------------------------*/
/*Call to Action Section*/
/*--------------------------------------------*/

#schedule-time{padding: 90px 0;margin-top: -80px;text-align: center;position: relative;background: rgb(171,8,224);background: -moz-linear-gradient(left, rgba(171,8,224,0.8) 0%, rgba(11,175,213,0.8) 100%);background: -webkit-linear-gradient(left, rgba(171,8,224,0.8) 0%,rgba(11,175,213,0.8) 100%);background: linear-gradient(to right,  rgba(171,8,224,0.8) 0%,rgba(11,175,213,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab08e0', endColorstr='#0bafd5',GradientType=1 );}
#schedule-time:after{content: ''; position: absolute; top: 0; height: 100%; width: 100%; z-index: -1; background-image: url('../images/call-to-action-bg.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover; left:0; right: 0;}
#schedule-time h2{font-size: 44px; font-weight: 300;color: #fff;}
#schedule-time p{font-size: 20px; font-weight: 300;color: #fff;line-height: 32px;margin-bottom: 30px;letter-spacing: 0.6px;}
#schedule-time .btn{border: 2px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px;margin-bottom: 30px; display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#schedule-time .btn:hover{border: 2px solid #fff;background-color:transparent;color: #fff;box-shadow: none;}
#schedule-time .note{font-size: 17px; font-weight: 500;text-decoration: underline;margin: 0;line-height: 16px;}

/*--------------------------------------------*/
/*Accreditation & Partnership Section*/
/*--------------------------------------------*/
#partnership{padding: 70px 0;}
#partnership h2{font-size: 40px;color: #3d4246;font-family: 'Roboto Slab', serif;line-height: 30px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 25px;}
#partnership h2 span{font-weight: 700;}
#partnership p{text-align: center;font-size: 17px; letter-spacing: 0.6px;line-height: 24px; font-weight: 300;margin-bottom: 50px; max-width: 750px;width: 100%;margin: 0 auto;}
#partnership .partners{margin: 0 auto; margin-top: 60px;}
#partnership .partners{text-align: center;}
#partnership .partners img{max-width: 100%; max-height: 50px; height: 100%;}
.swiper-pagination{display: none;}

/*--------------------------------------------*/
/*Footer Section*/
/*--------------------------------------------*/
#footer{background: #0a2134; padding-bottom: 60px;}
#footer .logo-footer{margin: 30px 0;}
#footer .logo-footer img{width: 100%;}
#footer .contact-info{color: #fff;font-size: 15px; font-weight: 300;border-right: 1px solid #2e4557;margin: 38px 0;}
#footer .contact-info span{color: #7891a6;font-size: 16px;display: block;line-height: 13px;margin-top: 15px;font-weight: 400;}
#footer .contact-info a{color: #7891a6;}
#footer .contact-info i{font-size: 18px; margin-right: 5px;vertical-align: middle;}
#footer .contact-info.border-none{border: none;}
#footer .border{background: #203546; height: 1px;width: 100%;display: block;border: 0 !important;}
#footer h4{font-weight: 300;font-size: 16px; text-transform: uppercase;font-family: 'Roboto', sans-serif;color: #fff;letter-spacing: 0.6px;line-height: 13px;margin-bottom: 10px;margin-top: 60px;}
#footer .link-footer li{line-height: 40px;}
#footer .link-footer li a{color: #7891a6;letter-spacing: 0.6px;font-size: 15px;}
#footer .link-footer li a:hover{color: #0bafd5;}
#footer .social-icons{margin: 20px 0 40px 0;}
#footer .social-icons li{display: inline-block;text-align: center;}
#footer .social-icons li:first-child{padding-left: 0;}
#footer .social-icons li a{font-size: 20px;color: #76818a; line-height: 40px;height: 40px; width: 40px;border-radius: 100%;}
#footer .social-icons li a:hover{color: #fff;background: #0bafd5;}
#footer .copyright{font-weight: 400;font-size: 15px;color: #7c90a0;line-height: 26px;letter-spacing: 0.6px;}
#footer .copyright a{color: #fff;}

/*--------------------------------------------*/
/*About Us Section*/
/*--------------------------------------------*/
/*--------------------------------------------*/
/*Banner - About Us Section*/
/*--------------------------------------------*/
#about-us{position: relative; top: 0px;background-image: url("../images/about-banner.webp");min-height:570px; height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;}
#about-us .banner-content{position: relative; top: 90%;}
#about-us h1{ font-size: 54px; font-weight: 300;line-height: 60px; color: #3d4246;font-family: 'Roboto Slab', serif;letter-spacing: 0px; margin-bottom: 30px;}
#about-us h1 span{font-weight: 750;color: #0bafd5;}
#about-us p{font-size: 24px; font-weight: 400;letter-spacing: 0.4px; color: #3d4246;line-height: 32px;margin-bottom: 15px;}

/*--------------------------------------------*/
/*Welcome Info - About Us Section*/
/*--------------------------------------------*/
#about-intro{padding: 70px 0;}
#about-intro .img-section{position: relative;}
#about-intro .img-section span{width: 200px; height: 200px; display: block; position: absolute; left: 0; top: 0;z-index: 99; border-radius: 7px;background: rgb(11,175,213);background: -moz-linear-gradient(-45deg,  rgba(11,175,213,1) 0%, rgba(47,77,199,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);background: linear-gradient(135deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bafd5', endColorstr='#2f4dc7',GradientType=1 );}
#about-intro .img-section .about-intro-img{border-radius: 20px;position: relative; z-index: 10; top: 90px;left: 85px;object-fit: cover;}
#about-intro .img-section .dots{position: absolute;bottom: 0;left: 0;top: 237px;}
#about-intro h5{font-size: 17px; color: #60666b;letter-spacing: 0.8px;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 12px;margin-bottom: 10px;margin-top: 150px;}
#about-intro h2{font-weight: 300; font-size: 40px;letter-spacing: 0.2px;margin-bottom: 40px;}
#about-intro h2 span{font-weight: 700;color: #0bafd5;}
#about-intro h4{font-size: 24px; font-weight: 300;font-family: 'Roboto', sans-serif;margin-bottom: 30px;}
#about-intro p{font-weight: 300; font-size: 17px; line-height: 30px;letter-spacing: 0.6px;}

/*--------------------------------------------*/
/*What we Value - About Us Section*/
/*--------------------------------------------*/
#what-we-value{background: #f4f7fa;padding: 70px 0;margin-top: 160px;background-image: url("../images/industry-bg.webp");background-position: left bottom;background-repeat: no-repeat;background-size: auto;}
#what-we-value h2{font-size: 40px;color: #3d4246;font-family: 'Roboto Slab', serif;line-height: 30px;font-weight: 300;text-align: center;letter-spacing: 0.2px;margin-bottom: 25px;}
#what-we-value h2 span{font-weight: 700;}
#what-we-value p{text-align: center;font-size: 17px; letter-spacing: 0.6px;line-height: 24px; font-weight: 300; max-width: 750px;width: 100%;margin: 0 auto;margin-bottom: 50px;}
#what-we-value .services{margin-bottom: 30px;}
#what-we-value .services{height: 300px;display: inline-block;padding: 30px 40px;overflow: hidden;border: 3px solid transparent;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
#what-we-value .services:hover{background: #fff;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
#what-we-value .services .icon{background-image: url('../images/what-we-value-icons.webp'); background-repeat: no-repeat; display: block; margin: 0 auto; height: 61px; width:65px;}
#what-we-value .services .service-icon-1{background-position: 0px 0px;}
#what-we-value .services .service-icon-2{background-position: -71px 0px;}
#what-we-value .services .service-icon-3{background-position: -142px 0px;}
#what-we-value .services .service-icon-4{background-position: -214px 0px;}
#what-we-value .services .service-icon-5{background-position: -284px 0px;}
#what-we-value .services .service-icon-6{background-position: -355px 0px;}
#what-we-value .services h3{font-size: 17px; font-weight: 500;text-align: center;color: #273039;font-family: 'Roboto', sans-serif; letter-spacing: 0.6px;line-height: 14px;margin: 20px 0 30px 0;position: relative;padding-bottom: 20px;}
#what-we-value .services h3:after{content: '';position: absolute;bottom: 0; left: 0; right: 0;height: 2px; width: 40px; background: #0bafd5;display: block; margin: 0 auto;}
#what-we-value .services p{font-size: 15px;font-weight: 300;line-height: 22px; margin: 0; }
.desktop-hide{display: none;}
.desktop-show{display: block;}

/*--------------------------------------------*/
/*What We Do - About Us Section*/
/*--------------------------------------------*/

#what-we-do{padding-top: 70px;}
#what-we-do h5{font-size: 17px; color: #60666b;letter-spacing: 0.8px;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 12px;margin-bottom: 15px;margin-top: 150px;}
#what-we-do h2{font-weight: 300; font-size: 40px;letter-spacing: 0.2px;margin-bottom: 30px;line-height: 30px;}
#what-we-do h2 span{font-weight: 700;color: #0bafd5;}
#what-we-do h4{font-size: 24px; font-weight: 300;font-family: 'Roboto', sans-serif;margin-bottom: 30px;}
#what-we-do p{font-weight: 300; font-size: 17px; line-height: 30px;letter-spacing: 0.6px; margin-bottom: 0;}
#what-we-do .btn{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px; margin-top: 20px; display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#what-we-do .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}
#what-we-do .note{color: #899095;font-size: 16px;line-height: 26px;margin-top: 30px;letter-spacing: 0.6px;}
#what-we-do .border{background: #dbdfe2; height: 1px;width: 100%;display: block;border: 0 !important; margin-top: 40px;}
#what-we-do .service{background: #fff;box-shadow: 0 10px 40px rgba(11,175,213,0.15);text-align: center;padding: 70px 40px;margin-bottom: 30px;max-height: 300px; height: 100%;border-radius: 10px;}
#what-we-do .service:hover{box-shadow: 0 8px 15px rgba(0,0,0,0.3); background: rgb(11,175,213);background: -moz-linear-gradient(-45deg,  rgba(11,175,213,1) 0%, rgba(47,77,199,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);background: linear-gradient(135deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bafd5', endColorstr='#2f4dc7',GradientType=1 ); }
#what-we-do .service h3{font-size: 18px; letter-spacing: 0.6px; font-weight: 500; font-family: 'Roboto', sans-serif;color: #3d4246;position: relative;line-height: 22px; margin-top: 50px;margin-bottom: 0;}
#what-we-do .service:hover h3{color: #fff;}
#what-we-do .service h3:after{content: '';position: absolute;top: -18px; left: 0; right: 0;height: 3px; width: 25px; background: #0bafd5;display: block; margin: 0 auto;border-radius: 30%;}
#what-we-do .service:hover h3:after{background: #fff;}
#what-we-do .service.top-gap{margin-top: 50px;}
#what-we-do .service.top-gap-redus{margin-top: -50px;}

/*--------------------------------------------*/
/*Call to Action - About Us Section*/
/*--------------------------------------------*/
#about-schedule-time{padding: 90px 0;margin-top: 0px;text-align: center;position: relative;background: rgb(171,8,224);background: -moz-linear-gradient(left, rgba(171,8,224,0.8) 0%, rgba(11,175,213,0.8) 100%);background: -webkit-linear-gradient(left, rgba(171,8,224,0.8) 0%,rgba(11,175,213,0.8) 100%);background: linear-gradient(to right,  rgba(171,8,224,0.8) 0%,rgba(11,175,213,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab08e0', endColorstr='#0bafd5',GradientType=1 );}
#about-schedule-time:after{content: ''; position: absolute; top: 0; height: 100%; width: 100%; z-index: -1; background-image: url('../images/call-to-action-bg.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover; left:0; right: 0;}
#about-schedule-time h2{font-size: 44px; font-weight: 300;color: #fff;}
#about-schedule-time p{font-size: 20px; font-weight: 300;color: #fff;line-height: 32px;margin-bottom: 30px;letter-spacing: 0.6px;}
#about-schedule-time .btn{border: 2px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 40px;margin-bottom: 30px; display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#about-schedule-time .btn:hover{border: 2px solid #fff;background-color:transparent;color: #fff;box-shadow: none;}
#about-schedule-time .note{font-size: 17px; font-weight: 500;text-decoration: underline;margin: 0;line-height: 16px;}

/*--------------------------------------------*/
/*Our Services Section*/
/*--------------------------------------------*/
/*--------------------------------------------*/
/*Banner - Our Services Section*/
/*--------------------------------------------*/
#our-services{position: relative; top: 0px;background-image: url("../images/banner-bg.webp");min-height:570px; height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;}
#our-services .banner-content{position: relative; top: 60%;}
#our-services h4{color: #60666b;font-size: 24px; font-weight: 400;letter-spacing: 0.4px;font-family: 'Roboto', sans-serif;}
#our-services h1{ font-size: 50px; font-weight: 300;line-height: 54px; color: #3d4246;font-family: 'Roboto Slab', serif;letter-spacing: 0px; margin-bottom: 20px;}
#our-services h1 span{font-weight: 750;}
#our-services p{font-size: 20px; font-weight: 400;letter-spacing: 0.4px; color: #3d4246;line-height: 32px;margin-bottom: 15px;}
#our-services .btn{background: #fff;color: #0bafd5;font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 45px;line-height: 45px; padding: 0 20px;border: 1px solid #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
#our-services .btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);}
#our-services .service-banner-img{position: absolute;right: 0;top: 19%;}

/*--------------------------------------------*/
/*Service - Our Services Section*/
/*--------------------------------------------*/
#service{padding: 70px 0 232px 0;}
#service .img-section{position: relative;}
#service .img-section span{width: 200px; height: 200px; display: block; position: absolute; left: 0; top: 0;z-index: 99; border-radius: 7px;}
#service .img-section .about-intro-img{border-radius: 20px;object-fit: cover;position: relative; z-index: 10; top: 90px;left: 85px; width: 100%; max-width: 400px;height: 100%; min-height: 510px;}
#service .img-section .dots{position: absolute;bottom: 0;left: 0;top: 237px;}
#service h5{font-size: 20px; color: #979da2;letter-spacing: 0.8px;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 12px;margin-bottom: 20px;margin-top: 130px;}
#service h2{font-weight: 300; font-size: 44px;letter-spacing: 0.2px;margin-bottom: 15px;line-height: 54px;}
#service h2 span{font-weight: 700;}
#service h4{font-size: 24px; font-weight: 300;font-family: 'Roboto', sans-serif;margin-bottom: 30px;}
#service p{font-weight: 400; font-size: 17px; line-height: 30px;letter-spacing: 0.4px;}
#service ul li{font-size: 18px; font-weight: 500;padding-left: 35px; line-height: 40px;background-image: url("../images/check-color-icon.png");background-position: center;background-repeat: no-repeat;background-position: left center;}
.service1{background: rgb(11,175,213);background: -moz-linear-gradient(-45deg,  rgba(11,175,213,1) 0%, rgba(47,77,199,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);background: linear-gradient(135deg,  rgba(11,175,213,1) 0%,rgba(47,77,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bafd5', endColorstr='#2f4dc7',GradientType=1 );}
.service2{background: rgb(253,200,48);background: -moz-linear-gradient(-45deg,  rgba(253,200,48,1) 0%, rgba(243,115,53,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(253,200,48,1) 0%,rgba(243,115,53,1) 100%); background: linear-gradient(135deg,  rgba(253,200,48,1) 0%,rgba(243,115,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc830', endColorstr='#f37335',GradientType=1 );}
.service3{background: rgb(56,239,125);background: -moz-linear-gradient(-45deg,  rgba(56,239,125,1) 1%, rgba(17,153,142,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(56,239,125,1) 1%,rgba(17,153,142,1) 100%);background: linear-gradient(135deg,  rgba(56,239,125,1) 1%,rgba(17,153,142,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ef7d', endColorstr='#11998e',GradientType=1 );}
.service4{background: rgb(198,66,110);background: -moz-linear-gradient(-45deg,  rgba(198,66,110,1) 1%, rgba(100,43,115,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(198,66,110,1) 1%,rgba(100,43,115,1) 100%);background: linear-gradient(135deg,  rgba(198,66,110,1) 1%,rgba(100,43,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6426e', endColorstr='#642b73',GradientType=1 );}
.service5{background: rgb(255,106,0);background: -moz-linear-gradient(-45deg,  rgba(255,106,0,1) 1%, rgba(238,9,121,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(255,106,0,1) 1%,rgba(238,9,121,1) 100%);background: linear-gradient(135deg,  rgba(255,106,0,1) 1%,rgba(238,9,121,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ee0979',GradientType=1 );}

/*--------------------------------------------*/
/*Service - Our Services Section*/
/*--------------------------------------------*/
#service-flip{padding: 70px 0 230px 0; background-color: #f4f7fa;background-image: url("../images/industry-bg.webp");background-position: left bottom;background-repeat: no-repeat;background-size: auto;}
#service-flip .img-section{position: relative;}
#service-flip .img-section span{width: 200px; height: 200px; display: block; position: absolute; right: 0; top: 0;z-index: 99; border-radius: 7px;}
#service-flip .img-section .about-intro-img{border-radius: 20px;position: relative; z-index: 10; top: 90px;right: -50px;object-fit: cover; width: 100%; max-width: 400px;height: 100%; min-height: 510px;}
#service-flip .img-section .dots{position: absolute;bottom: 0;right: 0;top: 237px;}
#service-flip h5{font-size: 20px; color: #979da2;letter-spacing: 0.8px;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-weight: 500;line-height: 12px;margin-bottom: 20px;margin-top: 130px;}
#service-flip h2{font-weight: 300; font-size: 44px;letter-spacing: 0.2px;margin-bottom: 15px;line-height: 54px;}
#service-flip h2 span{font-weight: 700;}
#service-flip h4{font-size: 24px; font-weight: 300;font-family: 'Roboto', sans-serif;margin-bottom: 30px;}
#service-flip p{font-weight: 400; font-size: 17px; line-height: 30px;letter-spacing: 0.4px;}

/*--------------------------------------------*/
/*Contact Us Section*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/*Banner - Contact Us Section*/
/*--------------------------------------------*/
#contact-us{position: relative; top: 0px;background-image: url("../images/contact-banner.webp");min-height:570px; height: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;}
#contact-us .banner-content{position: relative; top: 100%;}
#contact-us h1{ font-size: 54px; font-weight: 300;line-height: 60px; color: #3d4246;font-family: 'Roboto Slab', serif;letter-spacing: 0px; margin-bottom: 30px;}
#contact-us h1 span{font-weight: 750;}
#contact-us p{font-size: 24px; font-weight: 400;letter-spacing: 0.4px; color: #3d4246;line-height: 32px;margin-bottom: 15px;}

/*--------------------------------------------*/
/*Contact Form - Contact Us Section*/
/*--------------------------------------------*/

#contant-panel{padding: 70px 0;}
#contant-panel .contact-info{background-color: #3d4246; background-image: url("../images/contact-info-bg.webp"); background-position: right bottom;background-repeat: no-repeat;background-size: contain;padding: 50px;color: #fff;}
#contant-panel .contact-info h4{font-size: 30px;font-weight: 300;line-height: 24px;margin-top: 45px;margin-bottom: 30px; font-family: 'Roboto', sans-serif;}
#contant-panel .contact-info h1{font-size: 54px;font-weight: 300;line-height: 60px; }
#contant-panel .contact-info h1{font-size: 54px;font-weight: 300;line-height: 60px; }
#contant-panel .contact-info h1 span{font-weight: 700; }
#contant-panel .contact-info p{font-size: 18px;font-weight: 300;line-height: 30px;letter-spacing: 0.6px;}
#contant-panel .contact-info p a{color: #fff;}
#contant-panel .contact-info .social-icons li a{color: #fff;}
#contant-panel .contact-info .social-icons{margin: 20px 0 40px 0;}
#contant-panel .contact-info .social-icons li{display: inline-block;text-align: center;}
#contant-panel .contact-info .social-icons li:first-child{padding-left: 0;}
#contant-panel .contact-info .social-icons li a{font-size: 20px;color: #fff; line-height: 40px;height: 40px; width: 40px;border-radius: 100%;}
#contant-panel .contact-info .social-icons li a:hover{color: #fff;background: #0bafd5;}

#contant-panel .consult-form h2{font-size: 28px;line-height: 34px;font-family: 'Roboto', sans-serif;font-weight: 400;letter-spacing: 0.2px;position: relative; margin-bottom: 31px;}
#contant-panel .consult-form h2:before{content: ''; max-width:50px; width: 100%; height: 4px;background: #0bafd5;position: absolute;bottom: -17px; left: 0;border-radius: 30px;}
#contant-panel .consult-form .form-group {margin-bottom:20px;}
#contant-panel .consult-form .form-group input[type=text], input[type=email], input[type=tel], .form-control{border: 1px solid #d1d1d1;border-radius: 0;height: 50px; line-height: 50px; padding: 0 15px;font-weight: 300; letter-spacing: 0.4px;font-size: 15px;color: #3d4246;}
#contant-panel .consult-form .form-group input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, .form-control:focus { border: 1px solid #555;box-shadow: none;}
#contant-panel .consult-form p{font-size: 17px;line-height: 24px;font-weight: 300;color: #60666b;margin-bottom: 27px;}
#contant-panel .contact-btn{border: 1px solid #0bafd5;margin-top: 10px; background-color:#0bafd5;color: #fff;box-shadow: 0 5px 20px rgba(11,175,213,0.5);font-weight: 500; font-size: 17px;letter-spacing: 0.6px; border-radius: 30px;height: 50px;line-height: 50px; display: inline-block; width: 100%; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#contant-panel .contact-btn:hover{border: 1px solid #0bafd5;background-color:#0bafd5;color: #fff;box-shadow: none;}


/*--------------------------------------------*/
/*Start Responsive and Mobile Views*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/* Laptop with Desktop (1400px) View*/
/*--------------------------------------------*/
@media all and (max-width:1400px) {

    
}

/*--------------------------------------------*/
/* Laptop with Tab (1199px) View*/
/*--------------------------------------------*/
@media all and (max-width:1199px) {
#header ul li{margin-left: 30px;}
#services h4{padding: 0 40px;}
#services p{padding: 0 20px;}
#service-flip .img-section .about-intro-img{right: 0;}
    
}

/*--------------------------------------------*/
/* Mini Laptop with Tab (991px) View*/
/*--------------------------------------------*/
@media all and (max-width:991px) {
#header-banner h1{font-size: 34px;line-height: 40px;}
#header-banner p{font-size: 20px;}
#header-banner .consult-form h2{font-size: 22px;line-height: 26px;}
#header-banner .consult-form p{font-size: 15px;line-height: 24px;}
.cs-style-1 figcaption h3{margin-top: 50px;}
.hide-none{display: none;}
#services h2{font-size: 24px;line-height: 30px;}
#services h4{padding: 0;}
#services p{padding: 0;}
#counter p{line-height: 17px;font-size: 14px;font-weight: 300;}
.dedicated-dev-team{padding: 40px 30px;}
.dedicated-dev-team h3{font-size: 28px;}
#how-we-work .dedicated-dev-team ul li{font-size: 15px}
.fixed-price{padding: 40px 30px 40px 90px;}
.fixed-price h3{font-size: 28px;}
#how-we-work .fixed-price ul li{font-size: 15px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.swiper-pagination{display: block;}
/*Side Menu*/
.desktop{display: none;}
.overlay{display: block;}
.menu{display: block;float: right;font-size: 24px;cursor: pointer;}
.overlay {height: 100%;width: 0;position: fixed;z-index: 1;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center; margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
.overlay a {font-size: 30px}
.overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
#about-schedule-time{padding: 50px 0;}
#about-schedule-time h2{font-size: 30px;}
#about-schedule-time p{font-size: 18px;}
#schedule-time{padding: 50px 0;}
#schedule-time h2{font-size: 30px;}
#schedule-time p{font-size: 18px;}
#schedule-time .note{line-height: 22px;}
    
/*About Us*/
#about-us .banner-content{top: 50%;}   
#about-us h1{font-size: 44px;line-height: 50px;margin-bottom: 10px;}
#about-intro .img-section span{width: 100px;height: 100px;}
#about-intro .img-section .about-intro-img{top: 40px;left: 0px;width: 100%;}
#about-intro .img-section .dots{top: 50px;}
#about-intro h5{margin-top: 80px;}
#about-intro h2{font-size: 34px;}
#what-we-value{margin-top: 40px;}
#what-we-value h2{line-height: 44px;}
#what-we-value .services{padding: 20px;}
#what-we-do .service.top-gap {margin-top: 0px;}
#what-we-do .service.top-gap-redus {margin-top: 0px;}
#what-we-do h5{margin-top: 40px;}
#what-we-do .note{margin-bottom: 30px;}
.mobile-show{display: block;}  
.mobile-hide{display: none;}
 
/*Our Services*/
#service {padding: 70px 0 170px 0;}
#service-flip {padding: 70px 0 200px 0;}
#service .img-section .about-intro-img{left: 0;}
#service-flip .img-section .about-intro-img{right: 0;}
#service h2, #service-flip h2{font-size: 38px; line-height: 44px;}
#service .img-section span, #service-flip .img-section span{width: 150px;height: 150px;}
#our-services .service-banner-img{display: none;}
 
#contact-us{min-height: 470px;height: 100%;}
#contact-us .banner-content{top: 80%;}
#contact-us h1{font-size: 44px;}
#contant-panel .contact-info{padding: 30px;margin-bottom: 30px;}
#contant-panel .contact-info h1{font-size: 40px;line-height: 44px}
#contant-panel .contact-info h4{font-size: 24px;}
#contant-panel .contact-info p{font-size: 16px;}
#contant-panel .contact-info h4{margin-top: 25px;}
#contant-panel .contact-info h4{margin-bottom: 10px;}
}

/*--------------------------------------------*/
/* Mini Tab with (768px) View*/
/*--------------------------------------------*/
@media all and (min-width:768px) {

    
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (767px) View*/
/*--------------------------------------------*/
@media all and (max-width:767px) {
.logo{height: 40px;}
#header-banner .banner-content{padding: 0 20px;top: 0;margin: 90px 0 30px 0;}
#header-banner .consult-form{top: 0;margin-bottom: 30px;}
#header-banner h1{font-size: 34px;line-height: 40px;margin-bottom: 30px;}
#header-banner p{font-size: 18px;letter-spacing: 0.6px;}
#header-banner .btn{display: none;}
#services h2{font-size: 18px;line-height: 26px;}
#counter h4{line-height: 18px;}
#portfolio p{line-height: 22px;}
#portfolio h2{line-height: 44px;}
#industry{background-image: none;}
#industry .btn{margin-bottom: 30px;}
#technologies h2{line-height: 44px;font-weight: 300;font-size: 34px;}
#how-we-work .title{padding: 50px 0 200px 0;}
#how-we-work .title h2{font-size: 30px;}
#how-we-work .title p{font-size: 16px;}
.dedicated-dev-team h3, .fixed-price h3 {font-size: 22px;}
.fixed-price{padding: 40px 20px 40px 70px;}
#how-we-work .dedicated-dev-team p, #how-we-work .fixed-price p{font-size: 15px;}
#partnership h2{font-size: 30px;line-height: 34px;}
#partnership .partners{text-align: center;}
#partnership .partners img{max-height: 60px; height: 100%;}
#footer .logo-footer{margin-bottom: 0;}

#our-services .banner-content{position: relative; top: 50%;}
#service {padding: 70px 0 70px 0;background-image: none;}
#service-flip{background-image: none;}
#service-flip h5{margin-top: 0px;}
#service .img-section, #service-flip .img-section{text-align: center;}
#service .img-section .dots, #service-flip .img-section .dots{display: none;}
#service-flip {padding: 70px 0 160px 0;}
 
#contact-us{min-height: 470px;height: 100%;}
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (640px) View*/
/*--------------------------------------------*/

@media all and (max-width: 640px){
#counter h4{margin-top: 15px;}
#counter p{padding-bottom: 15px;border-bottom: 1px solid #e7e7e7;}
#counter p.border-none{border: none;}
#technologies .techno .swiper-slide{margin-bottom: 0px;}
#portfolio .grid.cs-style-1{margin-right: 5px;margin-left: 5px;}
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (640px) View*/
/*--------------------------------------------*/
@media all and (max-width: 575px){
#header{padding: 10px 0px;}
.fixed-price{position: relative;padding: 40px;top: 80px;}   
#industry ul li{margin: 0 15px;}
#portfolio .grid li{margin: 0;}
#technologies {padding: 50px 0;}
#partnership .partners img{max-width: 100%; max-height: 45px;}
#footer .contact-info{margin: 20px 0;}
#footer h4{margin-top: 30px;}

#our-services h4{font-size: 20px;}
#our-services h1{font-size: 34px; line-height: 40px;}
#our-services p{line-height: 24px;font-size: 16px;}
#service h5, #service-flip h5{font-size: 17px;}
#service h2, #service-flip h2{font-size: 30px;line-height: 34px;}
#service .img-section .about-intro-img, #service-flip .img-section .about-intro-img{height: 100%;min-height: 370px;} 

#contact-us .banner-content{top: 50%;}
#contact-us h1{font-size: 40px;line-height: 44px;}
#contant-panel .contact-info{padding: 30px;}
#contant-panel .contact-info h1{font-size: 40px;line-height: 44px;}
#contant-panel .contact-info h4{font-size: 24px;margin-bottom: 20px;}
#contant-panel .contact-info p{font-size: 15px;line-height: 26px;}
    
}

