@import url("contact-form.css");
/*== Webfont
===========================*/
/*font-family: 'Poppins', sans-serif;*/
body { font-family: 'Lato', sans-serif;}


* { box-sizing: border-box;}
body{background: #111;}
.bg-video{width:107%; height: 107%; overflow: hidden; position: fixed;}
.bg-video video, .bg-video iframe{width:100%; height: auto; float:left;}

.main-section{position:absolute; /*height:100%;*/ top:0; left:0; width: 100%;}
.content-area{width: 1120px; margin: 0 auto;}

.logo{text-align: center; margin-bottom: 35px; margin-top: -20px;}
.tagline{text-align: center; color: #FFF; font-size: 25px; text-transform: uppercase; margin-bottom: 85px;}

.alcax-menu{font-size: 26px;}
.alcax-menu ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.alcax-menu li{display: inline-block; margin: 0 7px;}
.alcax-menu a{display: block; width: 204px; height: 204px; background: #FFFFFF; border-radius: 50%; color: #111; text-decoration: none; letter-spacing:-1px; }
.alcax-menu a img{margin-top: 54px;}
.alcax-menu a:hover, .alcax-menu a.active{background: #ffeb00;}

.container { margin:0 auto; width: 1200px; max-width:1200px;}
/*Header Area*/
header{ height: 70px; padding:0px 0 0 10px; position:fixed; top:0; z-index:99999; width:100%; box-sizing: border-box; }
.black-header { background: #111;}
header .logo{ display:inline-block; float:left; margin:15px 0 0 0; }
header nav { display: inline-block; width: 60%; text-align: center; margin: 0 auto 0;}
header nav ul { padding: 0; margin: 0;}
header nav > ul > li { display: inline-block; position: relative; padding: 0 10px;}
/*header nav ul li a, header nav ul li a:hover { display: inline-block; padding: 25px 0px; color:#fff; text-decoration: none; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; position: relative;}*/
header nav ul li a, header nav ul li a:hover, header nav ul li .links, header nav ul li .links:hover { display: inline-block; padding: 25px 0px; color:#fff; text-decoration: none; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; position: relative; cursor: pointer;}
header nav ul li .links a { padding: 0;}
header nav ul li.active a, header nav ul li:hover > a, .links.yellow, header nav ul li .links:hover { color:#f9d94e;}
header .container { text-align: center;}
header .phone-number, header .contact-id { display:inline-block; float:right; font-size:20px; color:#fff; margin: 20px 0 0 0;}
header .phone-number a { color:#fff; font-family: 'Poppins', sans-serif; font-size: 18px; text-decoration: none; font-weight: 700;}
.contact-id a { color:#fff; text-decoration: none;}
footer { /*background:#111;*/ padding:10px 0 7px; width:100%; text-align:center; color:#777; font-size:12px; margin-top:80px; line-height:15px;  }
footer a { color:#777; text-decoration:none;}
.fancybox-outer p { font-size:14px; margin:10px 0 20px; }

.inner-list { position: absolute; left: 10px; width: 260px; background: #fff; text-align: left; display: none; top: 70px; border: 1px solid #e5e5e5; border-top:0;}
.inner-list li a, .inner-list li { display: inline-block; width: 100%;}
.inner-list li a { padding: 25px 15px;}
.inner-list li a, .inner-list li a:hover, header nav ul li:hover .inner-list li > a, .sub-link { padding: 15px 12px; border-bottom: 1px solid #e5e5e5; color:#111; font-family: 'Lato', sans-serif; text-transform: none; font-weight: 500; font-size: 14px;}
.sub-link { padding: 15px 8px;}
.inner-list li:last-child a { border-bottom:0;}
header nav ul li:hover > .inner-list { display: block;}

.main-section { top: -15px;}
.copyright { padding: 30px 0; margin-top: 0; color: #fff; font-family: poppins; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; text-align: left;}
footer { display: inline-block; float: left; width: 100%; text-align: center; margin: 0; position: relative; bottom:0;}

.bg-video {background: url(../images/video-bg.jpg) no-repeat center top; background-size: cover;}
.bg-video video{display: none;}
.bg-video { width:100%; height: 100%;}

@media screen and (max-width: 370px){
	.bg-video {background: url(../images/video-bg.jpg) no-repeat center top; background-size: cover;}	
	.bg-video video, .bg-video iframe { display: none;}
}



img { max-width: 100%;}

/*slider*/
.slider-sec { width:100%; height:100vh; display: inline-block; background: #111; float: left;}
.slider-sec .item { height: 100vh; background: #ccc;}
.slider-sec .item:before { content: ""; width: 100%; position: absolute; top: 0; bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/overlay-pattern.png) rgba(0,0,0,.35);
    z-index: 1;
    height: 100%;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { width: 55px; height: 56px; background:#111; border-radius: 50%; color: #fff; font-size: 50px; line-height: 50px; padding: 0; oultine:0; box-shadow:none; margin: 4px 2px;}
.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel button.owl-dot:focus { outline:0; box-shadow:none;}
.owl-nav { position: absolute; left: 0; right: 0; top: 50%; width: 100%; height:1px;}
#home.slider-sec .owl-nav { top: 46%;}
#portfolio .owl-carousel .owl-nav { top: 21%;}
#portfolio .owl-carousel .owl-nav button {background: #484849;}
.owl-nav .owl-prev { left:25px; position: relative; float: left;}
.owl-nav .owl-next { right:25px; float: right; position: relative;}
.owl-prev span, .owl-next span { position: absolute; top: 0px; font-size:0; width:100%; height: 100%; left: 0; top: 0;}
.owl-prev span { background: url(../images/left-arrow-angle.png) no-repeat center center / 21px auto;}
.owl-next span { background: url(../images/right-arrow-angle.png) no-repeat center center / 21px auto;}
.slider-sec .item.slide1 { background: url(../images/sliders/slide-1.jpg) no-repeat center center / cover;}
.slider-sec .item.slide2 { background: url(../images/sliders/slide-2.jpg) no-repeat center center / cover;}
.slider-sec .item.slide3 { background: url(../index.html) no-repeat center center / cover;}
.content-sec { float: left; width: 100%; font-size: 50px; color: #fff; position: absolute; top: 54.5%; transform: translate(0, -50%); left: 0; right: 0; max-width: 1140px; margin: 0 auto; text-align: center; z-index: 1;}

.first-text { font-weight: 800; text-transform: uppercase; font-size: 80px; text-align: center; color: #ffffff; line-height: 80px; letter-spacing: -3px; margin: 0; padding-bottom: 10px;font-family: 'Poppins', sans-serif;}
.first-text:after { content: ""; width: 90px; height: 3px; background: #f9d94e; display: block; margin: 31px auto 4px;}
.main-heading.white:after { content: ""; width: 90px; height: 3px; background: #f9d94e; display: block; margin: 15px auto 24px;}
.recent-work-sec .main-heading:after { content: ""; width: 90px; height: 3px; background: #f9d94e; display: block; margin: 10px auto 28px;}
.content-sec h4 { font-size: 23px; font-weight: 700; line-height:1.4; padding: 15px 40px;}
mark { background: #f9d94e; color: #111; display: inline-block; padding: 5px 10px; border-radius: 3px;}

.corporate { padding: 80px 0 0px 0; background: #fff; text-align: center;}
.yellow-sec { background: #f9d94e; text-align: left; margin: 40px auto 0; float: left; width:100%; display: flex; flex-wrap:wrap;}

.left-col { float: left; width: 50%; background: #fff; height: 100%; padding: 55px 60px 0;}
.left-col p { font-size: 18px; margin: 0 0 1em 0; font-weight: 400; line-height: 1.5em; letter-spacing: -0.5px; color: #888;}
.right-col { float: right; width: 50%; padding: 50px 30px 50px 50px;}
.section { float: left; width:100%;}

.right-col h4 { font-size: 20px; padding-bottom: 10px; padding-top: 8px;font-family: 'Poppins', sans-serif; font-weight: 700}
.right-col ul li { display: block; float: left; width: 100%; padding: 9px 0; border-top: dashed 1px #c1ab0b;}
.right-col ul li a { float: right; width: 92%; padding: 2px 0; color: #333; font-size: 14px;}
.text-details { float: right; width: 92%; padding: 3px 0; color: #111; font-size: 17px; font-weight: 500;}
.bullets { float: left; width: 28px; height: 28px; line-height: 25px; padding: 0; background: #111; color: #fff; border-radius: 50%; text-align: center; margin-top: 5px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; border: 2px solid #111;}
.right-col ul { padding: 0; float: left;}
.right-col ul li:first-child { border-top: none;}

.services { background:#1a1b1f; color:#fff; text-align: center; padding: 100px 0;}
.services .h4 { color:#777;}
.item-box { float: left; width: 33%; padding: 50px 33px 0;}
.item-box h3 { font-weight: 700; font-size: 20px; margin: 0 0 20px; text-transform: uppercase;font-family: 'Poppins', sans-serif;}
.item-box p { line-height: 1.4; color:#777;}
.process-sec .item-box p {color: #333;}
.item-box .ico { width: 135px; height: 135px; border-radius: 50%; background: #f9d94e; display: inline-block; margin: 0 0 15px; color: #fff; font-size: 55px; line-height: 135px; position: relative;}
.process-sec { background: #f9d94e; padding: 100px 0; text-align: center;}
.process-sec .item-box { width: 25%; padding: 0 22px;}
.seperator { border-right: 2px dashed #c1ab0b;}
.process-sec .item-box h2 { color: #111; text-transform: uppercase; margin: 0 auto; padding: 0; font-size: 17px; font-weight: 700; padding-bottom: 20px; font-family: 'Poppins', sans-serif;}
.process-sec .item-box .ico { width: 85px; height: 85px; display: inline-block; margin: 0 0 15px;}
.process-sec .item-box .ico.define { background: url(../images/circle.png) no-repeat center center;}
.process-sec .item-box .ico.design { background: url(../images/circle2.png) no-repeat center center;}
.process-sec .item-box .ico.develop { background: url(../images/circle3.png) no-repeat center center;}
.process-sec .item-box .ico.deploy { background: url(../images/circle4.png) no-repeat center center;}
.process-sec .h4 { color:#111;}
.process-sec .rowfull { margin-top: 50px;}

.service-sec { background: #1a1b1f; color: #6f757c; padding: 50px 0; font-size: 15px; font-weight: 300;}
.box.listed-left { display: block; padding: 30px 41px; text-align: left;}
h3.heading { font-size: 16px; font-weight: 600; margin: 0 0 15px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Poppins', sans-serif;}
.box.listed-left.only-icon .box-text { padding-left: 0px;}
.box-text p { font-weight: 500; color: #777;}
.box .icon.icon-only-mode-box { color: #24afd0; font-size: 36px; margin-bottom: 20px; width: 50px; height: 50px; display: inline-block;}
.box .icon-only-mode-box i { display: inline-block; width: 50px; height: 50px;}
i.icon-layers2 { background: url(../images/icons/travel.png) no-repeat center center / 100% auto;}
i.icon-adjustments { background: url(../images/icons/services.png) no-repeat center center / 100% auto;}
i.icon-beaker2 { background: url(../images/icons/ontime-delivery.png) no-repeat center center / auto 100%;}
i.icon-genius { background: url(../images/icons/secure-payment.png) no-repeat center center / 100% auto;}
i.icon-mobile6 { background: url(../images/icons/flexible.png) no-repeat center center / 100% auto;}
i.icon-ribbon { background: url(../images/icons/free-support.png) no-repeat center center / 100% auto;}

.mb0 { margin-bottom:0;}
.ml20{margin-left: -20px;}

.testimonials { background: #fff; text-align: center; padding: 100px 0 100px;}
.testimonials .owl-nav .owl-prev { left: -200px;}
.testimonials .owl-nav .owl-next { right: -200px;}
.testimonials .testi { margin:55px 0 30px;}
.testimonials .testi .col-md-4 { padding: 0;}
.testimonials .testi img { max-width:100%;}
.testi .name { color: #111; text-transform: uppercase; margin: 0 auto; padding: 0; font-size: 20px; font-weight: 700; font-family: 'Poppins', sans-serif; line-height: 22px;}
.testi .des { color: #111; text-transform: uppercase; font-size: 13px; font-weight: 600; font-family: 'Poppins', sans-serif;}
.testi p { padding: 25px 47px; font-size: 16px; color: #777;}

.testimonials .owl-nav, .recent-work-sec .owl-nav { transform: translate(0,-50%); height:1px;}

.recent-work-sec { width:100%; text-align: center; background: #1a1b1f; padding: 75px 0 0px; text-align: center; position: relative; background: #1a1b1f url(../images/work-bg.jpg) no-repeat center center / cover;}
.recent-work-sec .main-heading { color: #fff; margin-bottom: -5px; }
.testimonials .main-heading { margin-bottom: -5px;}
.recent-work-sec .h4 { font-size: 17px; line-height: 22px; /*color:#777;*/ color:#fff;}
.project-title { display: inline-block; background: #2180c5; margin: 0; font-size: 50px; padding: 7px 20px; margin-bottom: 15px; margin-top: 10px; letter-spacing: -3px; border-radius: 3px; color:#fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 700;}
.inner {text-align: left;}
.img-sec img {width:auto;}
.recent-work-sec .item { max-width: none; display: inline-block; float: left; width:100%; text-align: center;}
.recent-work-sec .item .row { justify-content:center;}
.recent-work-sec .item .img-sec { margin-bottom: -1px;}
.recent-work-sec .recent { margin: 65px 0 0;}
.recent-work-sec .project-cat { font-size: 22px; color: #2d94df; padding-bottom: 5px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600;}
.recent-work-sec p { font-size: 16px; color:#fff;}

p { font-weight: normal;}
.our-brand { float: left; width: 100%; padding: 20px 0px; border: solid 1px #d7d7d7; position: relative; margin: 50px 0 0; border-radius: 3px;}
.our-brand ul { width: 100%; float: left; text-align: center; padding: 0; margin: 0;}
.our-brand li { display: inline-block; background: url(../images/home-logo.png) no-repeat center top; height: 58px; margin: 0 26px; opacity: 0.3;}
.our-brand li:hover { opacity: 1;}
.our-brand span { display: inline-block; background: #FFF; padding: 5px; font-size: 10px; color: #999; text-transform: uppercase; position: absolute; left: 50%; top: -12px; margin: 0 0 0 -85px; font-family: 'Poppins', sans-serif; font-weight: 600;}
.our-brand li.logo1 { width: 73px; background-position: 0px 0px;}
.our-brand li.logo2 { width: 85px; background-position: -143px 0px; display: none;}
.our-brand li.logo3 { width: 86px; background-position: -291px 0px;}
.our-brand li.logo4 { width: 72px; background-position: -446px 0px;}
.our-brand li.logo5 { width: 87px; background-position: -578px 0px;}
.our-brand li.logo6 { width: 96px; background-position: -720px 0px;}
.our-brand li.logo7 { width: 83px; background-position: -855px 0px;}
.our-brand li.logo8 { width: 112px; background-position: -1008px 0px;}
.our-brand li.logo9 { width: 84px; background-position: -1213px 0px;}

/*.le-details h4 { text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight:700; margin-bottom:15px;}*/

.counter-sec { padding: 50px 0 55px; float: left; width:100%; color:#111; font-family: 'Poppins', sans-serif; background: #f9d94e;}
span.counter { font-size: 43px; font-weight: 700; font-family: 'Poppins', sans-serif; width: auto; display: inline-block; color:#111; display: inline-block; vertical-align: middle;}
.bl-col span.counter { width: 45px;}
.bls-col span.counter { width: 70px;}
.sm-col { text-align: center;}
.sm-col p { margin: -11px 0 5px; font-weight: 600; font-family: 'Poppins', sans-serif; font-size:13px; letter-spacing:0px;}
.sm-col strong { font-size: 31px; font-weight: 700; display: inline-block; vertical-align: middle;}
.sm-title { margin: 28px auto 0; font-size: 19px; font-weight: 700; font-family: 'Poppins', sans-serif; line-height:1.2; }


.item-box .ico i { width: 55px; height: 75px; display: inline-block; position: absolute; top: 50%; transform: translate(0,-50%); left: 3px; right: 0; margin: 0 auto;}
.item-box .ico i.icon-earth { background: url(../images/icons/web.png) no-repeat center center / 100% auto;}
.icon-mobile { background: url(../images/icons/mobile.png) no-repeat center center / 100% auto;}
.icon-laptop { background: url(../images/icons/software.png) no-repeat center center / 100% auto;}
/*.form-group label { font-size: 14px; text-transform: uppercase; font-weight: 700; width: 100%; text-align: left; font-family: 'Poppins', sans-serif;}*/

.client-img { width: 100px; height: 100px; display: inline-block; border-radius: 50%; overflow: hidden;}

/*.sep { display: inline-block; width: 80px; height: 2px; background: #ec8c4d;}*/

.copyright { width: auto; float: left; font-size: 11px;}
.social-navigation { float: right; padding: 40px 0 0;}
.social-navigation .s-icon { width: 32px; margin-left: 15px; text-decoration: none;}
.social-navigation .s-icon img { width: 25px;}


.btn.yellow-btn { background: #f9d94e; color: #111; font-weight: 800; font-family: 'Poppins', sans-serif; font-size: 20px; text-transform: uppercase; padding: 11px 45px; margin: 35px auto 48px; display: inline-block; border-radius: 3px; letter-spacing: -0.5px; border: 3px solid #f9d94e;}
.btn.yellow-btn:hover { }

.section.thanks-section { background: #f9d94e;}
.thanks-page { padding-top: 150px;}
.thanks-img { width: 300px; display: block; margin: 0px auto 10px;}
.h1.thanks { text-transform: uppercase; font-size: 27px; font-family: 'poppins'; font-weight: 800; letter-spacing: -0.5px; display: inline-block; text-align: center; line-height: 1.2; padding-top:30px;}
.para { font-size: 17px; line-height: 1.4; text-align: center; margin: 5px auto 23px 5px;}
.btn.black-btn { color: #fff; background: #212529; letter-spacing:0px; margin: 20px auto 0; font-weight: 700; font-size: 20px;}
.thanks-page .inner-container { text-align: center; padding: 0 0 100px;}
.thanks-page .top-row { padding: 0 100px; border:0;}


.inner-privacy { background: #fff; padding: 120px 0;}

.detailed-section.terms-section { float: left; width: 100%; margin: 35px auto 0;}

.inner-privacy h1 { font-size: 40px; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 800; letter-spacing: -1px;}
/*.inner-privacy .h1 { font-weight: 700; letter-spacing: -.5px; font-size: 24px;}*/
.inner-privacy .h1 { font-size: 20px; padding-bottom: 10px; padding-top: 8px; font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: -0.5px;}
.top-heading, .top-heading h2 { display: inline; font-size: 17px; line-height: 24px; color: #9f9f9f; text-transform: uppercase; letter-spacing: 0; font-family: 'Poppins', sans-serif; font-weight: 600;}
.inner-privacy .title { font-weight: 700; font-family: poppins,sans-serif; margin: 50px auto 5px; font-size: 18px; text-transform: uppercase;}
.top-row { padding: 30px 0 40px; border-bottom: 1px solid #eeeeee;}
.inner-container p { font-size: 18px; margin: 0 0 1em 0; font-weight: 400; line-height: 1.5em; letter-spacing: -0.5px; color: #888;}
.must-have.listings { color: #888;}
.detailed-section.terms-section a { color: #888;}

.bottom-links a { color: #777; text-decoration: none; margin: 0 4px 0 0; font-size: 10px;}
.privacy-banner { border-bottom: 1px solid #eeeeee;; padding-bottom: 20px; margin-bottom: 20px;}



/*changes 20-July-2020*/


/*captchaerror message*/
#captchaError { font-size: 9px; color: #ef323a; float: left; margin: -8px auto 0; width: 99%; background: rgb(255, 255, 255); text-indent: 7px; line-height: 2.4; text-transform: uppercase; position: relative; z-index: 9999; font-weight: 600; left: 1px; right: 0;}
.chat-box .form-sec .captcha { position: relative;}
.error-msg { text-transform: uppercase; text-align: left; font-size: 10px; font-weight: 600; color: #ef323a;}
/*.contact-us .main-heading:after { content: ""; display: inline-block; width: 90px; height: 2px; background: #111; display: block; margin: 20px auto 25px;}*/


/*.contact-us .g-recaptcha iframe { border: 2px solid #111; border-radius: 2px;}
.contact-us .rc-anchor-light.rc-anchor-normal { border:0 !important;}*/
.main-heading.white { color:#fff;}
.text-form-ms .text-box, .text-form-ms .text-msg, .text-form-ms .text-box:focus, .text-form-ms .text-msg:focus { outline:0 !important;}
.section {scroll-margin-top: 50px; scroll-snap-margin-top: 50px;}
.section {scroll-padding-top: 50px;}


.squares.square1, .aos-animate.squares.square1 { top: 130px; width: 500px; height: 500px; right: auto; left: -350px; transform: rotate(57deg) !important;}
.squares, .aos-animate.squares { display: inline-block; width: 100px; height: 100px; background: #fff; position: absolute; bottom: 75px; transform: rotate(45deg) !important; right: 130px;}
.squares.square3, .aos-animate.squares.square3 { display: inline-block; width: 30px; height: 30px; background: #fff; position: absolute; bottom: 145px; transform: rotate(135deg) !important; right: 69px;}


/*success section*/
.success-sec:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.success-sec { height: auto; padding: 100px 0 70px; background: #f9d94e; color: #fff; text-align: center; position: relative; float: left; width: 100%; font-family: 'Poppins', sans-serif;}
.success-sec .container { position: relative; z-index: 1;}
.success-sec .sm-heading { color: #111; font-size: 60px; letter-spacing: -1.5px; font-weight: 800; margin-bottom: 28px; text-transform: uppercase;}
.txt-yellow { color: #f9d94e;}
.success-sec p { font-size: 18px; max-width: 1000px; display: block; margin: auto; padding: 0; color: #111;}
.success-sec .btn.yellow-btn { margin-bottom: 20px;}
.success-sec .btn.yellow-btn, .btn.white-btn { background: #111; color: #fff; font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 15px; text-transform: uppercase; padding: 12px 38px; margin: 43px auto 48px; display: inline-block; border-radius: 3px; letter-spacing:0px; border: 3px solid #111;}
.success-sec .btn.yellow-btn { font-size: 18px;}
.btn.white-btn { background: none; border: 2px solid #fff; color:#fff; margin: 43px auto 0px;}
.success-sec .btn.yellow-btn:hover { color:#fff; }

/*diffrentiators section*/
.diffrentiators { padding: 100px 0 130px 0; background: #fff; text-align: center;}
.diffrentiators .inner-box { height: 370px; position: relative; border-radius: 3px;}
.dev1 { background: url(../images/dev1.jpg) no-repeat center center / cover;}
.dev2 { background: url(../images/dev2.jpg) no-repeat center center / cover;}
.dev3 { background: url(../images/dev3.jpg) no-repeat center center / cover;}
.diffrentiators .inner-box .content { position: absolute; padding: 24px; bottom: 20px; left: 20px; right: 20px; background: #ffffff; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; text-align: left; border-radius: 4px;}
.row.different-columns { margin-top: 40px;}
.red-title { background: #e12d2d; display: inline-block; padding: 3px 8px; color: #fff; font-family: 'arial'; font-weight: bold; font-size: 10px; margin: 0px auto 14px; font-weight:700;}
.dev-heading { font-weight: 800; font-size: 20px; margin: 0 0 5px; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.diffrentiators .content p { line-height: 1.3; color: #888; font-size: 15px;}
.diffrentiators .inner-box:hover .content { bottom: 40px;}
.diffrentiators .h4 { padding: 0 8% 0px;}
.diffrentiators .main-heading { font-size: 55px;}
.diffrentiators .main-heading:after { content: ""; width: 90px; height: 3px; background: #111; display: block; margin: 20px auto 28px;}
.sm-col::after { content: ""; width: 1px; height: 100%; position: absolute; right: -1px; background: none; top: 0; border-right: 2px dashed #c1ab0b;}
.sm-col:last-child:after { display: none;}


.btn-red { background: #111; color: #fff; font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 15px; text-transform: uppercase; padding: 12px 30px; margin: 25px auto 48px; display: inline-block; border-radius: 3px; letter-spacing:0px; border: 2px solid #111; text-decoration: none;}
.btn-red:hover {color:#fff;}
.testimonials .testi sup { display: inline-block; width: 10px; height: 22px; background: url(../images/quotes.png) no-repeat center center / 100% auto;}
.testimonials .testi sup {position: absolute; top: 22px; left: 38px; display:none;}
.testi p { position: relative;}
.testimonials .testi .item:nth-child(2) { border-left: 2px dashed #d5d5d5; border-right: 2px dashed #d5d5d5;}

.links:hover { color:#f9d94e;}

/*mobile app page section*/
.services-inner .top-banner { background: #f9d94e; width: 100%; height: 100vh; position: relative;}
.services-inner .top-banner .left-sec { max-width: 50%; background: none; padding: 70px 0 0 5px; color: #111; position: relative; top: 0; text-align: left; float: left;}
.services-inner .top-banner .right-contact-form { width: 40%; float: right;}
.services-inner .top-banner h1, .services-inner .top-banner .h1, .services-inner .top-banner .left-sec p.h1 { font-size: 80px; font-weight: 800; color: #111; letter-spacing: -4px;font-family: 'Poppins', sans-serif; text-transform:uppercase; line-height:1.02; padding: 0;}
.services-inner .top-banner .left-sec p { line-height: 1.5; font-weight: 300; font-size: 18px; color: #111; padding: 25px 75px 25px 5px;}
.services-inner .top-banner .container { position: absolute; top: 50%; transform: translate(0,-50%) !important; margin: auto; left:0; right:0;}
.services-inner .squares.square1, .services-inner .aos-animate.squares.square1 { top: 155px; width: 210px; height: 210px; right: auto; left: -120px; transform: rotate(65deg) !important;}
.services-inner .squares, .services-inner .aos-animate.squares { display: inline-block; width: 100px; height: 100px; background: #fff; position: absolute; bottom: 200px; transform: rotate(45deg) !important; right: 0px; font-weight:500;}
.services-inner .squares.square3, .services-inner .aos-animate.squares.square3 { display: inline-block; width: 30px; height: 30px; background: #fff; position: absolute; bottom: 173px; transform: rotate(135deg) !important; right: 689px;}


/*software page section*/
.services-inner .top-banner-software { background: #f9d94e; width: 100%; height: 100vh; position: relative; overflow: hidden;}
.services-inner .top-banner-software .left-sec { max-width: 50%; background: none; padding: 70px 0 0 5px; color: #111; position: relative; top: 0; text-align: left; float: left;}
.services-inner .top-banner-software .right-contact-form { width: 40%; float: right;}
.services-inner .top-banner-software h1 { font-size: 80px; font-weight: 800; color: #111; letter-spacing: -4px;font-family: 'Poppins', sans-serif; text-transform:uppercase; line-height:1.02;}
.services-inner .top-banner-software .left-sec p { line-height: 1.5; font-weight: 300; font-size: 18px; color: #111; padding: 25px 75px 25px 5px;}
.services-inner .top-banner-software .container { position: absolute; top: 50%; transform: translate(0,-50%) !important; margin: auto; left:0; right:0;}
.top-banner-software .right-img-sec img { max-width: 78%;}
.top-banner-software .right-img-sec { right:-115px; top:170px;}



.services-inner .listing { line-height: 1.5; font-weight: 300; font-size: 18px; padding: 0; list-style: inside;}

.right-form-sec { text-align: right; padding-top: 50px;}
.form-container { background: #fff; color: #333; padding: 10px 30px; border-radius: 5px; width: 400px; display: inline-block; text-align: left;}
.form-container .h3 { font-size: 25px; margin-bottom: -9px; letter-spacing:-0.5px; font-family: 'Poppins', sans-serif; font-weight: 800; margin-top: 20px; text-transform:uppercase;}
.form-container h4 { font-size: 43px; margin-bottom: 1px; letter-spacing:-1.5px; margin:20px 0 0 0;}
.form-container small { font-size: 10px; color: #e12d2d; font-weight: 800;}
.form-container label { font-size: 13px; position: relative; width:100%; margin: 0; left: 0; z-index: 1; top: 0px; transition: all 0.5s; font-weight: 600;}
.form-container label .red { color:#e12d2d;}
.form-container .input-text { border: 0; border-bottom: 1px solid #e3e3e3; width: 100%; padding: 0px 0; font-size: 15px; height: 35px; float: left; position: relative; z-index: 2; background: none; padding-bottom:3px; border-radius:0px; box-shadow:none;}
.form-container .form-group { width: 100%; float: left; margin-bottom: 0; padding-top: 10px; position: relative;}
.form-container .form-group.file-input{border-bottom: 1px solid #e3e3e3;}
.form-container .form-group.file-input input[type='file']{opacity: 0; border: none; font-size: 14px;}
.form-container .form-group.active input[type='file']{opacity: 1.0;}
.form-container .input-text.textarea { height: 80px; padding-top: 10px; resize: none; /*border: 0;*/}
.form-container .btn.yellow-btn { width:100%; background: #111; color:#fff; border:3px solid #111; margin: 20px auto 20px; font-size: 18px; font-weight:700; letter-spacing:0px;}
.mobile-app-sec { float: left; width:100%; background: #fff;}
.mobile-app-sec .content { position: relative;}

/*development section*/
.development-sec { float: left; width:100%; background: #fff; text-align: center; padding: 100px 0 80px 0; position: relative;}
.development-sec .main-heading { font-size: 30px; letter-spacing:-0.5px;}
.development-sec .left-sec .app-icons { position: absolute; right: 27px; top: 17px; width: 70px;}
.development-sec .right-sec .app-icons{    position: absolute; width: 70px; left: 27px; top: 12px;}
.development-sec .app-icons img { width: 100%;}
.development-sec .left-sec, .development-sec .right-sec { max-width: 35%;}
.development-sec .left-sec { padding-right: 120px; margin: 0 0 15px 0; float: right; padding-left: 60px;}
.development-sec .right-sec { float: left; padding-left: 120px; margin: 0 auto 15px; text-align: left; padding-right: 60px;}

.apps-notify { position: absolute; left: 0; right: 0; max-width: 361px; margin: 35px auto 0;}
.apps-notify img { max-width: 100%; image-rendering: auto;}
.middle-content h3 { color: #111; text-transform: uppercase; margin: 15px auto 8px; padding: 0; font-size: 18px; font-weight: 700; font-family: 'Poppins', sans-serif; line-height: 22px;}

.development-sec .middle-content { padding-top: 50px;}
.development-sec p { margin-bottom: 30px; color:#777; font-size:17px; line-height: 1.6;}
.development-sec .middle-content p { font-size: 16px; line-height: 1.5;}
.strip { content: ""; width: 90px; height: 3px; background: #111; display: block; margin: 23px auto 23px;}

.services-inner .success-sec { padding: 100px 0 50px;}

/*service industries section*/
.service-indus-sec { height: auto; padding: 100px 0 100px; background: #f9d94e; color: #fff; text-align: center; position: relative; float: left; width: 100%; font-family: 'Poppins', sans-serif;}
.service-indus-sec .main-heading { font-size: 70px;}
.service-indus-sec .h4 { font-size: 17px; max-width: 1000px; display: block; margin: auto; padding: 0; color: #111;margin-bottom: 35px; position: relative; top: -10px;}
.service-indus-sec .industries-list { margin: 0; padding: 34px 0 20px 0; border-right: 2px dashed #c1ab0b; border-bottom: 2px dashed #c1ab0b;} 
.circles { width: 82px; height: 82px; border: 2px solid #fff; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; transition: all .3s; background: #111; border-color: #111;}
.circles img { max-width: 45px; max-height: 41px; image-rendering: auto; position: relative;}

.industries-list ul li.list-heading { color: #111; text-transform: uppercase; margin: 0px auto 6px; padding: 0; font-size: 16px; font-weight: 700; font-family: 'Poppins', sans-serif; line-height: 22px;}
.industries-list ul li { font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 500;s}
.industries-list.br0 { border-right: 0;}
.industries-list.bb0 { border-bottom: 0;}
.industries-list ul { list-style: none; padding: 0; color:#111;}
.circles .camera { top: -3px;}
.circles img.shopping { max-height: 43px;}
.circles .gaming { top: -4px;}
.circles .health { max-width: none; max-height: 51px;}
.circles .music { top: -3px;}
/*.right-img-sec { position: absolute; right: -15%; top: 0; max-height:130%;}*/
.right-img-sec { position: absolute; right:0; height:100vh; top: 120px; text-align: right; right: 170px;}
.right-img-sec img {max-height: 100vh; max-width: 82%;}
.right-img-sec img.flutter-img { max-width: 95%;}
.right-img-sec.react-sec { right: 70px; top: 160px;}
.right-img-sec.flutter-sec { right: 80px; top: 162px;}
.top-banner .blk-btn, .top-banner-software .blk-btn {color: #fff; font-size: 20px; background-color: #111; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform: uppercase; border-radius: 3px; padding: 12px 30px; font-weight: 700; letter-spacing: 0.25px; font-family: 'Poppins', sans-serif; margin-left: 5px;}
.top-banner .blk-btn, .top-banner-software .blk-btn { border-radius: 3px; padding: 12px 35px; font-weight: 800; letter-spacing: 0.25px; font-size: 20px; border: 4px solid #111;}
.top-banner .blk-btn:hover, .top-banner-software .blk-btn:hover {color: #111; background: none; border: 4px solid #111; font-weight: 800;}
.wrapper.services-inner { overflow-x: hidden; overflow-y: visible;}

.software-ms .development-sec .left-sec, .software-ms .development-sec .right-sec { max-width:50%; padding-right: 20px;}

.software-ms .development-sec { padding: 100px 0 70px 0;}
.software-ms .img-left { position: absolute; left: -14.35%; max-width: 55%; bottom: 105px;}
.h4 h1 { font-size: 17px; line-height: 24px; display: inline; font-family: 'Poppins', sans-serif; font-weight: 600;}


.sub-menu.inner-sub { min-width: 270px; background: #fff; border-radius: 0px; border: 1px solid #e5e5e5; border-top: 0; position: absolute; left: 100%; top: 0; border-left: 1px solid #e5e5e5; display: none;}
.inner-list li:hover .inner-sub { display: block;}

.services-inner .top-banner h1.sm-fn { font-size: 80px;}
.services-inner .top-banner h1.md-fn { font-size: 80px;}