/* @import url("../../../css/contact-form.css"); */
body { font-family: 'Poppins', sans-serif; color:#111;}
* { box-sizing: border-box;}

/*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, 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.active a, header nav ul li:hover > a, .links.yellow { color:#f7d74c;}
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 { padding: 15px 12px; border-bottom: 1px solid #e5e5e5; color:#111; font-family: 'Lato', sans-serif; text-transform: none; font-weight: 500; font-size: 14px;}
.inner-list li:last-child a { border-bottom:0;}
header nav ul li:hover > .inner-list { display: block;}

img {max-width:100%;}
.top-banner { background: #f7d74c; width:100%; height: 100vh; color:#fff; overflow: hidden; text-align: center;}
.container { max-width: 1200px; margin: 0 auto; position: relative;}
.container-fluid { max-width: 100%; margin: 0 auto;}
.top-banner .container-fluid {padding: 100px 80px; position: relative; z-index: 1; /*height: 100vh;*/}
.top-banner h1, .top-banner .left-sec p.h1 { font-size: 65px; font-weight: 600; letter-spacing: -1px;}
.top-banner h2 { font-size: 42px; line-height: normal; margin: 30px auto 20px; font-weight: 800; width: 340px; color:#111; text-align: left; line-height:1; padding: 30px 0px 30px 40px;}
.top-banner .left-sec p { font-size: 20px; line-height: 1.5; font-weight: 300; font-family: 'Roboto', "Lato", sans-serif; font-size:20px; color:#fff;}
.no-margin { margin: 0;}
.img-block img { max-height: 350px; margin: 0 auto; max-width: 100%;}
.white-section { background-color: #fff; padding-top: 110px; padding-bottom: 110px; position: relative;}
.gray-section { background-color: #f8f8f9; padding-top: 100px; padding-bottom: 80px; position: relative;}
.full-img { position: absolute; right: 0; top: 0; bottom: 0; width: 40%; background: url(../images/img1.jpg) no-repeat center center / cover;}
.content-block h2 { font-weight: 600; margin-top: 30px; margin-bottom: 15px;}
.title-divider { display: inline-block; width: 100px; height: 2px; background-color: #eee; margin-bottom: 20px;  margin-top: 20px;}
.content-block p { line-height: 1.8; font-family: 'Roboto', "Lato", sans-serif; font-size:20px;}
footer { background: #111; width:100%; padding: 30px 0 45px; color:#fff; text-align: center;}
/*footer .copyright { font-size:13px; letter-spacing: 1px; padding: 20px 0 0; color:#fff; text-transform: uppercase; font-weight: 600;}*/ 
.footer-city { width: 100%; height: 390px; background-repeat: no-repeat; background-position: right bottom; background-color: #eee; background: url(../images/city2.jpg) no-repeat center center #eee; opacity: 0.1;}
.comp-name { display: inline-block; vertical-align: middle; font-size: 28px; text-transform: uppercase; color: #fff; font-weight: 800; margin: 3px 0 0 10px;}
.app-store { display: inline-block; width: 170px; height: 45px; background: url(../images/appstore.png) no-repeat center center / contain; border-radius: 5px; margin-top:10px;}
.google-play { display: inline-block; width: 170px; height: 45px; background: url(../images/playstore.png) no-repeat center center / contain; border-radius: 5px; margin-top:10px;}


/*smartcabs page*/
.smartcabs-ms .left-content { position: absolute; z-index: 1; width: 50%; max-width: 700px; top: 50%; transform: translate(0,-50%);}
.smartcabs-ms .left-content h1 { font-size: 50px; font-weight: 600;}
.smartcabs-ms .left-content span { font-weight: 300; display: block; width:100%;}
.smartcabs-ms .left-content p { font-size: 18px; line-height: 1.5; font-weight: 300;}
.sm-heading { font-weight: 800; text-transform: uppercase; font-size: 25px;}
.sm-heading span { font-weight: normal;}
/*.smartcabs-ms .top-banner .left-sec { max-width: 53%; background: rgb(0,0,0,0.35); padding:35px;}*/
.tabs { display: none;}

.img-icon { width: 100%; float: left;}
.nav-tabs .nav-link { color: #616161; padding: 15px 0; color:#fff;}
.nav-tabs .nav-item { padding: 0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; border:0; /*border-bottom: 2px solid #e80000;*/ position: relative; top: 1px; outline:0; background: none;}
/*.nav-tabs .nav-link:focus:after,  .nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link.active:after { content:""; position: absolute; width:40px; height:40px; background: url(../images/drop-down-arrow.png) no-repeat center top; left: 0; right: 0; margin: 0 auto; bottom: -108px;}*/
.nav-tabs .nav-link:focus:after,  .nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link.active:after { content:""; position: absolute; width:90px; height:2px; background: #f7d74c; left: 0; right: 0; margin: 0 auto; bottom: -14px;}
.nav-tabs .nav-link:focus .img-icon, .nav-tabs .nav-item.show .nav-link .img-icon, .nav-tabs .nav-link.active .img-icon { background: #f7d74c;}
.nav-tabs .nav-link:focus .img-icon img, .nav-tabs .nav-item.show .nav-link .img-icon img, .nav-tabs .nav-link.active .img-icon img {filter: brightness(0) invert(0);}
.nav-tabs { border-bottom: 0px solid #111;}

.tab-content { padding: 80px 0px; text-align: left;}
.tab-content h5 { margin: 20px auto 10px; padding: 0px 0 20px 10px; font-size: 25px; font-weight: 800; text-transform: uppercase;}
.tab-content strong { text-transform: uppercase; font-size: 15px;}
.left-img { text-align: center;}
.left-img img { max-height: 500px;}
.feature-listing li { font-size: 18px; color: #888; line-height: 1.5; padding: 7px 0 7px 28px; font-family: "Lato", 'Roboto', sans-serif; /*background: url(../images/right-arrow.png) no-repeat 0 13px / 14px auto;*/ position: relative;}
.black-section  { background: #1a1b1f; padding: 80px 0px 50px; color:#fff;}
/*.features-section { padding: 70px 0 90px 0;}*/
.features-section { overflow: hidden;}
.sm-heading::after { content: ""; display: inline-block; width: 90px; height: 3px; background: #111; display: block; margin: 29px auto 30px;}
p { font-family: "Lato", 'Roboto', sans-serif; color: #888; font-size: 18px;}
.get-own-solution p, .technology-section p { font-family: "Lato", 'Roboto', sans-serif; font-size: 20px; margin: 0 0 1em 0; font-weight: 400; line-height: 1.5em; color: #999;}
.btn.yellow-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;}
.btn.red-btn { color: #fff; font-size: 20px; background-color: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform: uppercase; border-radius: 3px; padding: 12px 30px; font-weight: 800; letter-spacing:0.5px; border:3px solid #fff;}
.btn.red-btn:hover { border: 3px solid #fff; color: #fff; background: rgba(0, 0, 0,0.5);}

/*.black-section h4 { font-size: 19px; font-weight: 600; margin: 0 0 15px; color: #fff; text-transform: uppercase; letter-spacing: 0px; font-family: 'Poppins', sans-serif;}*/
.black-section h4 { margin: 20px auto 15px; font-size: 28px; }
.black-section h4:after { background: #f7d74c;}
.black-section p { color: #777; line-height: 1.5;}
.get-own-solution .btn { margin-top: 20px;}
.get-own-solution .btn.yellow-btn {  background-color:#fff; transition: all 0.3s; color:#111; border:3px solid #111; font-weight: 800;}
.get-own-solution .btn.yellow-btn:hover { background-color: #111; transition: all 0.3s; border:3px solid #111; color:#fff;}
.taxi-app { background: #1a1b1f;}
.taxi-app h4 { margin-top: 20px;}
.features-section h2 { font-size: 40px; text-transform: capitalize; font-weight: 600;}
.features-section h2:after, .technology-section h2:after { content: ""; display: inline-block; width: 90px; height: 2px; background: #111; display: block; margin: 20px auto 30px;}
.platform-content { text-align: left; padding: 30px 70px 87px 110px;}
.technology-section h2 { font-size: 40px; text-transform: capitalize; font-weight: 600; margin-bottom: 40px;}
.content-listing li h3 { font-size: 18px; font-weight: 700; text-transform: uppercase;}
.content-listing li { padding: 20px 0 10px 90px; position: relative;}
.content-listing li p { color: #888; font-size:18px;}
.technology-section { background: #fff; padding: 100px 0 0px 0; position: relative; overflow: hidden;}
.circle-icons { display: inline-block; width: 65px; height: 65px; background: #111; border-radius: 50%; position: absolute; left: 0; text-align: center;}
.circle-icons i { font-size: 35px; text-align: center; line-height: 62px; color: #fff;}
.circle-icons.web i, .circle-icons.serv i, .circle-icons.api i { font-size: 25px;}
.right-img { text-align: center;}
.right-img img { max-height: 550px;}
.right-col { border-left: 1px solid #fff; padding-left: 20px;}
.taxi-app strong { color:#fff;}
.taxi-app p { color: #eceaea;}
.mr0 { margin: 0}
.screens-sec .col { padding: 0 5px;}
.right-sec-img video { width:120%; position: relative; left:0%;}
.right-sec-img img { max-height:100%;}
.right-sec-img img.img-1 { max-height:none; max-width: 530px;}
.right-sec-img img.img-2 { height: 90%; right: -120px; position: relative; top: 10px; display:none;}
.black-sec { background: #1a1b1f; width: 100%; padding: 0px 0 70px 0; z-index: 1;}
.img-icon { float: none; width: 135px; height: 135px; display: block; margin: 0 auto 15px; border-radius: 50%; background: #fff; line-height: 118px; transition: all 0.2s; position: relative;}
.img-icon img { /*-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);*/ transition: all 0.2s; max-width: 55px; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; right: 0; margin: auto;}
.img-icon.driver img { max-width: 55px; /*position: relative; top: 6px;*/}

.left-img .app-screen1 { position: absolute; left: -30%; right: 0; margin: 0 auto; max-height: none; max-width: 120%; /*bottom: -164px;*/ top: -413px;}
.left-img .app-screen2 { position: absolute; left: -30%; right: 0; margin: 0 auto; max-height: none; max-width: 120%; /*bottom: -164px;*/ top: -370px;}
.left-img .app-screen3 { position: absolute; left: -30%; right: 0; margin: 0 auto; max-height: none; max-width: 120%; /*bottom: -164px;*/ top: -370px;}

.tab-content { /*overflow: hidden;*/ min-height:800px;}
.titles { position: relative; bottom:0px; text-transform: uppercase; font-weight: 700; margin: 15px auto 10px; display: inline-block; font-size: 18px;}
.feature-listing li:before { content:""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #111; position: absolute; left: 10px; top: 17px;}
.nav-link h5 { font-family: "Lato", 'Roboto', sans-serif; font-size: 17px; font-weight: normal; padding: 0 50px; margin: 0 auto 20px; color:#686868; line-height:1.5; color: #777;}
.black-section p { font-size: 19px; line-height: 1.4;}
.sep { display: inline-block; width: 90px; height: 2px; background: #fff;}

.brdr-btn { border: 2px solid #111; border-radius: 3px; padding: 20px 38px 17px 62px; display: inline-block; font-size: 16px; font-weight: 500; color: #111; position: relative; transition: all 0.2s; margin-right: 10px;}
.brdr-btn:hover { text-decoration: none; border-color:#e13131; color:#111;}
.brdr-btn span { font-size: 18px; display: block; font-weight: 700; line-height: 1;}
.brdr-btn img { max-width: 25px; position: absolute; left: 28px; top: 15px;}
.technology-section .right-img img { max-height: none;}
.technology-section .middle-content { margin: 60px -15px 0; position: relative;}
.technology-section .right-img { max-height: 800px; overflow: hidden; position: absolute; right: 100px; width: 42%; max-width: none; max-width:500px;}
.technology-section p { color: #888; font-size: 19px; padding: 0 0;}
.service-cols h4 { font-size: 20px; font-weight: 700; text-transform: uppercase; margin: 10px 0;}
.services-sec { padding: 100px 0 85px;}
.service-cols { margin: 0 auto -1px;}
.service-cols .col-4 { border:0px solid #eaeaea; padding: 20px 80px; background: #fff;}
.service-cols .col-4:nth-child(2) { margin: 0 -1px;}
.icons { display: inline-block; width: 70px; height: 80px; border-radius: 50%; background: #fff; margin: 15px auto 15px;}
.services-sec .sm-heading { margin: 0 auto 40px;}
.btn-sec { margin: 20px auto 0; display: inline-block; width: 100%;}

.red-section-middle { background: #111; padding: 110px 0 90px; background: url(../images/red-middle.jpg) no-repeat 0px -100px / cover; position: relative;}
.red-section-middle:before { background: rgba(0,0,0,0.5) url(../images/overlay-pattern.png); content: ""; position: absolute; left:0;top:0; width:100%; height: 100%;}
.red-section-middle .brdr-btn { border: 3px solid #e13131; color:#fff; background:#e13131;}
.red-section-middle .brdr-btn:hover { border:3px solid #fff; background:#111;}
.red-section-middle .brdr-btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.red-section-middle .btn-sec { margin: 20px auto;}
.red-section-middle .sm-heading { color:#fff; font-size:60px; letter-spacing:-1.5px; font-weight: 800; margin-bottom:20px; line-height:1.1;}
.red-section-middle .sm-heading:after { background: #fff; display:none;}


.red-section { background: #111; padding: 110px 0 90px; position: relative; background: url(../images/red-middle1.jpg) no-repeat 0px -250px / cover;}
.red-section:before { background: rgba(0,0,0,0.55) url(../images/overlay-pattern.png); content: ""; position: absolute; left:0;top:0; width:100%; height: 100%;}
.red-section .brdr-btn { border: 2px solid #fff; color:#fff;}
.red-section .brdr-btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.red-section .btn-sec { margin: 20px auto;}
.red-section .sm-heading { color:#fff; font-size:60px; letter-spacing:-1.5px; line-height:1.1; margin-bottom:20px;}
.red-section .sm-heading:after { background: #fff; display:none;}

.technology-section .container-fluid, .services-sec .container-fluid {  padding: 0px 100px;}
.sm-heading span.red-text { color: #e13131; font-weight: 800;}


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;}

.bottom-links a { color: #777; text-decoration: none; margin: 0 4px 0 0; font-size: 10px;}
.main-section { top: -15px;}
footer .copyright {  width: auto; float: left; font-size: 11px; 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;}
.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;}

.blue-btn { background: #023575;}
.live-chat { position: fixed; right: 25px; bottom: 18px; z-index: 4; /*display: none;*/}
.live-chat .blue-btn { font-size:0; background: #0099da url(../images/chat-icon.png) no-repeat 15px 19px; display: inline-block; width: 65px; height: 65px; border-radius:50%; transition: all 0.2s;}

/*whatsapp chat box*/
.live-chat .blue-btn { cursor: pointer;}
.chat-box { box-shadow: 0 12px 24px 0 rgba(0,0,0,0.1); background: #fff; width: 325px; height: 400px; border-radius: 10px; overflow: hidden; position: absolute; bottom: 50px; right:0; opacity: 0; transition: all 0.3s; visibility: hidden;}
.chat-box.show { opacity: 1; bottom: 90px; visibility: visible;}
.top-blue { background: rgb(52, 152, 219); padding: 24px 20px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); color:#fff; font-family: 'Poppins', sans-serif; float: left; width:100%;}
.top-blue h4 { font-weight: 700; line-height: 12px; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin: 13px 0 0 0; font-size: 14px;}
.top-blue small { font-size: 13px; line-height: 18px; margin-top: 4px; font-family: 'Roboto', "Lato", sans-serif;}
.img-profile { width: 52px; height: 52px; position: relative; left: 0px; background: url(../images/img-profile.png) no-repeat center center / cover; border-radius: 50%; float: left; margin: 0 15px 0 0;}
.img-profile:before { content: ''; bottom: 0; right: 0; width: 12px; height: 12px; box-sizing: border-box; background-color: #4ad504; position: absolute; z-index: 1; border-radius: 50%; border: 2px solid rgb(52, 152, 219);}
.middle-chat { background: rgb(230, 221, 212); padding: 29px 0px 32px 20px; float: left; width:100%; position: relative; overflow: hidden;}
.middle-chat:before { display: block; position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background: url(../images/whatsapp.png)}
.bottom-popup { float: left; width: 100%;}
.chat-sec { padding: 7px 14px 6px; background-color: #fff; border-radius: 0 8px 8px 8px; position: relative; transition: 0.3s ease all; z-index: 2; box-shadow: 0 1px 0.5px rgba(0,0,0,0.13); margin-top: 4px; max-width: calc(100% - 66px); left: 15px;}
.chat-sec::before { content: ""; display: inline-block; position: absolute; background: url(../images/chat-arrow.png) no-repeat top right / contain; left: -15px; top: 0; width: 15px; height: 20px;}
.chat-sec h5 { font-size: 13px; font-weight: 700; line-height: 25px; font-family: 'Poppins', sans-serif; margin: 0;}
.chat-sec p { font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17); margin: 4px 0 0;}
.chat-sec span { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17,17,17,0.5); width: 100%; display: inline-block;}
.wts-btn { padding: 12px 20px 10px; border-radius: 8px; border: medium none; background: rgb(255, 224, 0) none repeat scroll 0% 0%; color: rgb(29, 33, 41); font-size: 14px; font-weight: 700; justify-content: center; align-items: center; margin: 25px 28px; display: block; overflow: hidden; text-align: center; text-decoration: none; font-family: 'Poppins', sans-serif;}
.wts-btn:hover { color: rgb(29, 33, 41); text-decoration: none;}

.cross-chat { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 9;}
.cross-chat:before, .cross-chat:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: rgba(255,255,255,1); display: block; border-radius: 2px; transition: all 0.5s; left: 0; right: 0; margin: auto; top: 50%;}
.cross-chat:before { transform: rotate(45deg);}
.cross-chat:after { transform: rotate(-45deg);}
.cross-chat:hover:before, .cross-chat:hover:after { background: rgba(255,255,255,1);}
.top-row .pd0 { padding-left: 5px;}
	
.wts-btn.hd-md { display: none;}

/*ondemand-services */
.on-demand-services { background: #eef1f2; padding: 50px 0px 50px;}
.columns-sec { display: flex; width:100%; flex-wrap: wrap;}
.wht-cols { background: #fff; width: 170px; height: 167px; border-radius: 0; padding: 24px 15px 0; text-align: center; margin: 17px 16px 17px; max-width: 170px; border-radius:2px;}
.wht-cols strong { margin-top: 20px; width: 100%; display: inline-block; text-transform: uppercase; font-size:15px;}
.wht-cols .ico { width: 70px; height: 70px; display: inline-block; }
.wht-cols .ico { max-width:100%; max-height: 100%; background:#111; border-radius:4px; padding:15px;}
.wht-cols .ico:hover { background:#e13131;}

.red-cols { background: #111; width: 170px; height: 167px; border-radius: 0; padding: 24px 15px 0; text-align: center; margin: 17px 16px 17px; max-width: 170px; border-radius:2px;}
.red-cols strong { margin-top: 20px; width: 100%; display: inline-block; text-transform: uppercase; font-size:15px; color:#fff;}
.red-cols .ico { width: 70px; height: 70px; display: inline-block; }
.red-cols .ico { max-width:100%; max-height: 100%; background:#e13131; border-radius:4px; padding:15px;}

.sqr-text { position: relative;}
.sqr-text:before, .sqr-text:after { content: ""; display: inline-block; width: 70px; height: 70px; border-left: 5px solid #111; border-top: 5px solid #111; border-radius: 3px 0 0 0; left: 0; top: 0; position: absolute;}
.sqr-text:after { left:auto; top:auto; bottom:0;right:0; border:0; border-right:5px solid #111; border-bottom:5px solid #111;  border-radius: 0 0 3px 0;}

.top-banner { overflow: hidden; position: relative; border-bottom: 1px solid #eee;}

.top-banner .yellow-btn { border-radius: 3px; padding: 12px 35px; font-weight: 800; letter-spacing: 0.25px; font-size: 20px; border: 4px solid #111;}
.top-banner .yellow-btn:hover { color:#111; background: none; border: 4px solid #111; font-weight: 800;}

.right-sec-img .lr-img { max-width: 415px; position: relative; right: 150px; top: 33px;}
.right-sec-img .sm-img { max-width: 415px; position: absolute; right: 3px; top: 193px;}
.txt-yellow { color: #f7d74c;}
h4.sm-heading span.txt-yellow { font-weight: 800;}


.tab-content { padding: 0px 0px;}
.tab-content .tab-pane {overflow: hidden; border-bottom: 1px solid #ddd; padding: 80px 0px;}
.tab-content #admin.tab-pane { border-bottom:0;}
.tab-content #customer.tab-pane { background: #f5f5f5;}
.features-section .container-fluid.pd0 { padding:0;}

.left-img .app-screen1 { top: -500px;}
.nav-tabs .nav-link.active::after { display: none;}
.titles { color:#fff;}
.left-img .app-screen1 { max-width: 90%; left: auto; right: 0; margin-top: -55%; top: 255px; position: relative;}
.left-img .app-screen2 { max-width: 90%; left: 0; right: auto;}
.left-img .app-screen3 { max-width: 90%; left: 0; right: auto;}


/*screens sec*/
.app-screens-sec { padding: 70px 40px; border-top: 1px solid #ccc; background: #f5f5f5;}
.app-screens-sec figure { margin: 0 6px; padding: 0 6px;}
.app-screens-sec .container { padding: 0;}

.food-delivery-ms .top-banner .left-sec { max-width: 53%; background: none; padding: 0px 0 0; color: #111; position: relative; top: 185px; text-align: left;}
.top-banner h1, .top-banner .left-sec p.h1 { font-size: 65px; font-weight: 800; color: #111; letter-spacing: -3px; font-family: 'Poppins', sans-serif; line-height: 1em; padding: 0; text-transform:uppercase;}
.top-banner .left-sec p { line-height: 1.5; font-weight: 300; font-size: 18px; color: #111; font-family: "Lato", 'Roboto', sans-serif; padding: 15px 5px 20px;}
.right-sec-img { position: absolute; right:200px; bottom: -68px; height: 93%; z-index: 1; overflow: hidden;}
.right-sec-img img.img-1 { max-height:none; max-width: 420px;}

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


header nav ul li .links:hover { color:#f7d74c;}



/* new css 18 sep 2024 */

.inner-list{
    position: fixed ;
    width: auto;
    right: 0px;
    left: 0px;
    margin: 0px auto !important;
    max-width: 1170px;
    border: none  !important;
}
header{
    padding-left: 0px;
  }

.inner-list.new {
    position: fixed !important;
    margin: 0 93px
}

.inner-list.new .sub-menu {
    min-height: 500px
}

.inner-list.new .sub-menu {
    padding: 4rem 3.5rem !important;
    border-top: 1px solid #e5e5e5 !important;
    margin-top: 0px !important
}

.inner-list.new dl a {
    color: #758495 !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    padding: 6px 0 !important;
    font-size: 15px !important;
    text-transform: inherit !important;
    font-family: 'Lato', sans-serif !important
}

.inner-list.new dl dd {
    color: #9f9f9f !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    padding: 0px 0 !important;
    font-size: 15px !important;
    font-family: 'Lato', sans-serif !important
}

.dd-contents {
    color: #758495 !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    padding: 6px 0 !important;
    font-size: 17px !important;
    font-family: 'Lato', sans-serif !important;
    margin-top: 40px
}

.fw-bold {
    font-size: 16px !important;
    margin: 35px auto 10px;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #212529 !important;
    font-family: 'Poppins', sans-serif
}

.inner-list.new dl dt a.fw-bold {
    font-size: 16px !important;
    margin: 35px auto 10px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #212529 !important;
    font-family: 'Poppins', sans-serif
}

.inner-list.new dl a:hover {
    color: #000 !important
}

.inner-list.new .fw-bold:hover {
    color: #000 !important
}

.col-2.navbar {
    flex: 0 0 10.333333% !important;
    max-width: 10.333333% !important;
    padding: 0 !important
}

.mrgin-25 {
    margin-left: 25px
}


.inner-list.new  dl dd.dd-content {
    color: #758495 !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    padding: 6px 0px !important;
    font-size: 15px !important;
    font-family: 'Lato', sans-serif !important;
}


.inner-list.new dl.Bottoms-Sepater {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.inner-list.new dl dd.Bottoms-Sepater {
    padding-bottom: 35px !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.inner-list.new dl.Bottoms-Sepater {
    border-bottom: 1px solid #e5e5e5 !important
}

.inner-list.new dl dd.dd-content.pt-0 {
    padding: 0 !important
}

.inner-list.new.height .sub-menu {
    height: 600px;
    overflow-y: auto
}

.inner-list.new.height .sub-menu::-webkit-scrollbar {
    width: 0 !important
}

.inner-list.new dl.d-flex dt a.fw-bold {
    margin-top: 26px
}

.inner-list.new dl.d-flex.Bottoms-Sepater {
    padding-bottom: 26px !important
}

.industries_navbar_img.mt {
    margin-top: 26px
}

.industries_navbar_img {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    display: none
}




.inner-list.new dl dd.Bottoms-Sepater.new{
 padding-bottom: 45px !important;
}

.inner-list.new dl dt a.fw-bold.neww{
    margin-top: 40px !important;
}


/* corporate page */

.new-margin-Height{
    padding-top: 150px;
}

.corporate.new .btn-red{
    margin-bottom: 140px;
}


/* 11 nov */


/*26 */

@media (max-width: 567px){

    .hello.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;
    }
    .hello.open{
        position: relative;
        left: 0;
        display: block;
    }
    .hello.inner-sub {
        background: none;
        border: 0;
        top: 0;
    }
    .hello2{
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        padding: 8px 26px 8px 0;
        border: 0;
        text-align: right;
    }
    .hello2 em{
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../../../images/plus.png) no-repeat center center / 10px;
    }
    .hello2.toggle-on {
        color: #fade68;
    
    }
    .hello2.toggle-on em {
        background: url(../../../images/minus.png) no-repeat center center / 9px;
    }
    
    
    /* lastest think */
    
    .hello1.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;
    }
    .hello1.open{
        position: relative;
        left: 0;
        display: block;
    }
    .hello1.inner-sub {
        background: none;
        border: 0;
        top: 0;
    }
    .hello3{
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        padding: 8px 26px 8px 0;
        border: 0;
        text-align: right;
    }
    .hello3 em{
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../../../images/plus.png) no-repeat center center / 10px;
    }
    .hello3.toggle-on {
        color: #fade68;
    
    }
    .hello3.toggle-on em {
        background: url(../../../images/minus.png) no-repeat center center / 9px;
    }
    
    
    /* solutions */
    
    .hello2.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;
    }
    .hello2.open{
        position: relative;
        left: 0;
        display: block;
    }
    .hello2.inner-sub {
        background: none;
        border: 0;
        top: 0;
    }
    .hello4{
        font-weight: 700;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        padding: 8px 26px 8px 0;
        border: 0;
        text-align: right;
    }
    .hello4 em{
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../../../images/plus.png) no-repeat center center / 10px;
    }
    .hello4.toggle-on {
        color: #fade68;
    
    }
    .hello4.toggle-on em {
        background: url(../../../images/minus.png) no-repeat center center / 9px;
    }
    .auto-overflow{
        overflow: auto;
    }
    }
    



    .our-blog-columns .bottom-para { 
        color: #777;
        font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight :400;
    }
    .our-blog-columns .wh-col { margin: 0 0; padding: 50px; background: #fff;} 
    /*.our-blog-columns .wh-col { max-height: 498px;}*/
    .our-blog-columns .wh-col:hover { background: #fff; text-decoration: none;}
    .our-blog-columns .h5 { font-size: 18px; font-weight: 700; text-transform: uppercase;  color: #222; font-family: 'Poppins', sans-serif;}
    .our-blog-columns .h5 a { color: #000; text-decoration: none;}
    .our-blog-columns .wh-col:hover .h5, .our-blog-columns .wh-col:hover .h5 a { color:#222;}
    .read-more { font-size: 14px; width: 180px; font-weight: 800; text-transform: uppercase; color:#fff; text-decoration: none; background: #222; border-color: #222; float: left; margin: 30px auto 0;  padding: 12px 15px; border-radius: 2px; text-shadow:none; text-align: center; bottom: 50px; border: 3px solid #222;}
    /*.read-more { font-size: 14px; width: 180px; font-weight: 800; text-transform: uppercase; color:#fff; text-decoration: none; background: #222; border-color: #222; float: left; margin: 30px auto 0;  padding: 12px 15px; border-radius: 2px; text-shadow:none; text-align: center; position: absolute; bottom: 50px; border: 3px solid #222;}*/
    .our-blog-columns .wh-col:hover .read-more { text-decoration: none; color: #222; background: #fff; border: 3px solid #222; font-weight: 800;}
    .sm-date { font-size:12px; margin: 0 auto 10px; display: inline-block; font-weight: 600; color:#222; text-transform: uppercase;}
    .our-blog-columns .wh-col:hover .sm-date { color:#222;}
     .blog-title, .our-blog-columns .blog-title { text-align: center; margin: 0 auto 40px;}
    
    .blue-border {
        border-top: 3px solid #222;
        display: inline-block;
        width: 75px;
        margin: 18px auto 15px;
    }
    
    .wh-col {
    /*    height: 500px;*/
        margin: 0 0.6%;
        padding: 70px 40px;
        transition: 0.3s;
    }
    .wh-col:hover .bottom-para {
        color: #777;
    }
    
    .wh-col:hover .blue-border {
        border-top: 3px solid #222;
    }
    
    .our-blog-columns .wh-col:last-child {
        border-right: none;
    }
    
    
    
    /* rewards */
    
    
    .digital-button-new{
            background: #111 !important;
            color: white !important;
            border-color: black !important;
            padding: 11px 25px !important;
            margin-top: 15px !important;
            font-weight: 700 !important;
            font-size: 18px !important;
    }
    
    .digital-button-new:hover{
            background: #fff !important;
            color: #000 !important;
            border-color: black !important;
    }
    
    
    
    .our-achivements {
        width: 100%;
        background: #f7d74c;
        text-align: center;
        padding: 90px 0 90px;
    }
    
    .our-achivements .col-sm-3 {
        border-right: 2px dashed #d2b32f;
    }
    
    
    .our-achivements .col-sm-3:last-child {
        border-right: none;
    }
    
    .our-achivements img {
        max-width: 115px;
        margin: 0 auto 12px
    }
    
    .awards p {
        font-size: 18px;
        text-transform: uppercase;
        color: #111;
        line-height: 1.3;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif
    }
    
    .awrd {
        color: #111;
        font-size: 14px;
        margin: 12px auto 10px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Poppins', sans-serif
    }
    
    
    
    
    .footer {
        margin: 0 auto 0;
        clear: both;
        text-align: left;
    }
    
    .footer .inner-footer {
        background: #fff;
        padding: 100px 0 50px;
        border-top: 1px solid #e5e5e5
    }
    
    .footer-head a,
    .hvQues .footer-head ,.footer-head  {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        color: #000;
        margin: 0 auto 8px;
        display: inline-block
    }
    
    .hvQues .footer-head {
        color: #000;
    }
    
    .menu-listing p {
        margin: 0 auto 15px
    }
    
    .menu-listing p,
    .menu-listing p a,
    .footernav li a,
    .rating-bottom,
    .hvQues,
    .linkings li a {
        color: #758495;
        font-size: 15px
    }
    
    .contact-col.menu-listing p {
        margin: 0 auto 20px
    }
    
    .footernav li,
    .footernav li a {
        float: left;
        width: 100%;
        line-height: 2
    }
    
    .hvQues {
        text-align: right;
        position: relative;
        right: -30px
    }
    
    .hvQues .collapse div {
        line-height: 1.4
    }
    
    .hvQues .collapse .rating-bottom {
        margin-top: 25px
    }
    
    .contact-col {
        min-width: 21%
    }
    
    .service-col,
    .company-col,
    .solution-col {
        padding: 0 30px
    }
    
    .hvQues .phone-contact a {
        font-size: 37px;
        display: block;
        font-weight: 800;
        color: #000;
        font-family: 'Poppins', sans-serif;
        line-height: 1;
        letter-spacing: -2px
    }
    
    .hvQues a {
        color: #777;
    }
    
    .footer a {
        text-decoration: none
    }
    
    .footer .copyright a {
        color: #fff
    }
    
    .footer .copyright h3 {
        padding: 2px 0 0
    }
    
    .phone-contact {
        margin: 0 auto 30px
    }
    
    .bottom-footer,
    .brands-section {
        padding: 20px 0;
        font-size: 13px;
        color: #fff;
        background: black
    }
    
    .inner-nav {
        float: left;
        margin: 0 auto 30px
    }
    
    .copyright .social-icons {
        text-align: right;
        padding-bottom: 5px;
        padding-right: 22px
    }
    
    .visible-xs {
        display: none;
    }
    
    
    /* Custom collapse behavior for accordions */
    #faq .collapse:not(.show) {
        display: none;
    }
    
    #accordionExample .collapse:not(.show) {
        display: none;
    }
    
    #accordionExample .collapse:not(.show) {
        display: block;
    }
    
    /* Optional: Add some animation for opening/closing */
    .collapse {
        transition: height 0.3s ease;
    }
    
    #footer-A p{
        line-height: 1.5;
    }
    
    .mt-433{
            margin-top: 35px !important;
    }
    .softw  a{
        line-height: 1.3;
    }
    
    @media screen and (max-width: 767px) {
        button.btn.btn-link, .footer a.btn.btn-link {
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: 'Poppins', sans-serif;
            color: black;
            margin: 0 auto 0px;
            display: inline-block;
            padding: 0;
            width: 100%;
            text-align: left;
            text-decoration: none;
        }
        .hide-xs {
            display: none !important;
        }
            .inner-footer .menu-listing {
            width: 100%;
            min-width: 100%;
            max-width: none;
            padding: 0 10px;
            margin: 0 auto 15px;
            left: 0;
            right: 0;
            text-align: left;
        }
            .contact-col {
            display: block;
        }
      #accordionExample .collapse:not(.show) {
        display: none ;
    }
    
    .digital-button-new{
         margin-bottom: 40px !important;
    }
    
    
    
    
    
    .newFaq .p_heading.pad8{
    color: #777;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
        font-size: 14px !important;
        margin-bottom: 20px;
    }
    
    
    .newFaq .p_heading.pad8 h2{
        font-size: 14px !important;
    }
    
        .services-inner .top-banner h1.hire-app , .services-inner .top-banner h1.hire-android ,
        .services-inner .top-banner h1.hire-flutter{
            font-size: 42px !important;
        }
    .wrapper.services-inner  .p_tag{
        padding-right: 25px;
    }
    
    
    .bg-Mobilewhite .main-heading.hire {
        font-size: 42px;
    } .bg-Mobilewhite .main-heading.react{
        font-size: 37px;
    }
    .bg-Mobilewhite .main-heading.android , .bg-Mobilewhite .main-heading.flutter{
        font-size: 42px; 
    }
    
    .services-inner .top-banner-software h1{
      font-size: 42px !important;
    }
    
    .mt-433 {
        margin-top: 15px !important;
        margin-bottom: 0px !important;
    }
    
    .got{
        margin-top: 15px !important;
    }
    
    .footer .inner-footer {
        background: #fff;
        padding: 47px 0 22px;
        border-top: 1px solid #e5e5e5;
    }
    
    .got a{
          font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: 'Poppins', sans-serif;
            color: black;
            margin: 0 auto 0px;
            display: inline-block;
            padding: 0;
            width: 100%;
            text-align: left;
            text-decoration: none;
    }
    
    
    .slider-sec.home-video .item:before{
        height: 100vh;
    }
    }
    
    .head-wht{color:#fff !important; padding-top:100px;}
    
    .newFaq{
        padding-bottom: 100px !important;
        text-align: inherit !important;
        background: #111;
    }
    
    
    .newFaq .sm-heading::after{
        display: none;
    }
    
    
        .section.our-blog-columns .row.mr0{
        flex-wrap: nowrap  !important;
        margin: 0px !important;
    }
    
    .our-blog-columns .wh-col {
        margin-right: 20px;
        padding: 50px 50px 70px;
    }
    
    
    
    
    
    
    @media (max-width: 767px){
    
    .section.our-blog-columns .row.mr0 {
         flex-wrap:  wrap !important; 
        margin-bottom: 20px !important;
    }
    
    
    .our-blog-columns .wh-col{
        margin-bottom: 20px;
    }
    
        .main-heading {
            font-size: 40px !important;
        }
    
    }
    
    
    
    .inner-footer{
        font-family: lato;
    }
    
    .footernav{
        margin-bottom: 0px;
    }
    
    
    
    

@media (min-width: 1024px) and (max-width: 1200px){
    .inner-list.new .sub-menu{
       padding: 3rem 1.5rem !important
    }
    .inner-list.new{
       top:inherit;
    } 
   
    .inner-list.list1.new .mrgin-25 {
      margin: 0px;
    }
   
   .inner-list.new .sub-menu{
       min-height: 540px;
   }
   .inner-list.new dl dt a.fw-bold{
       font-size: 15px !important;
   }
   
   .new-margin-Height {
       padding-top: 160px !important;
   }
   
   .corporate.new .btn-red{
       margin-bottom: 140px;
   }
   }
   
   @media (min-width: 768px) and (max-width: 1023px){
    .inner-list.new .sub-menu{
       padding: 3rem 1.5rem !important
    }
    .inner-list.new{
       top:inherit;
    } 
   
    .col-2.navbar.w-1200{
       display: none;
    }
   
    .inner-list.list1.new .mrgin-25 {
      margin: 0px;
    }
   
    .dd-contents {
       color: #758495 !important;
       font-weight: 400 !important;
       line-height: 24px !important;
       padding: 6px 0 !important;
       font-size: 15px !important;
       font-family: 'Lato', sans-serif !important;
       margin-top: 15px;
   }
   
   .inner-list.new dl dt a.fw-bold{
       font-size: 15px !important;
   }
   
   .inner-list.new .sub-menu{
       min-height: 442px;
   }
   .new-margin-Height {
       padding-top: 160px !important;
   }
   
   .corporate.new .btn-red{
       margin-bottom: 140px;
   }
   
       header nav ul li:hover > .inner-list.list1 {
           display: none;
       }
           header nav ul li:hover > .inner-list.list1.new.hidden {
           display: block;
       }
   }
   
   
   
   
   @media (min-width: 1201px) and (max-width: 1500px){
           .red-section {
           background: url(../images/red-middle1.jpg) no-repeat 0px 0px / cover !important;
       }
   }
   
   @media (min-width: 1201px) and (max-width: 1450px){
       .our-blog-columns .wh-col {
       margin-right: 1px !important;
   }
   }
   
   @media (min-width: 1024px) and (max-width: 1200px){
       footer {
       padding: 10px 0 7px !important;
   }
       .footernav li, .footernav li a {
           float: left;
           width: 121%;
           line-height: 2;
       }
       .footer-head a, .hvQues .footer-head, .footer-head {
           font-size: 16px;
       }
   
           .our-blog-columns .wh-col {
           padding: 29px !important;
       }
           .our-blog-columns .wh-col {
           margin-right: 2px;
       }
           .red-section {
           background: url(../images/red-middle1.jpg) no-repeat 0px 0px / cover !important;
       }
           .red-section-middle {
           background: url(../images/red-middle.jpg) no-repeat 0px 0px / cover !important;
       }
   
   }
   
   
       @media (min-width: 768px) and (max-width: 1023px) {
       .contact-col {
           min-width: 55%;
           padding: 0px;
       }
       footer {
       padding: 10px 0 7px !important;
   }
           .menu-listing.col.hvQues {
           padding-left: 55px;
       }
           .hvQues {
           text-align: left;
           position: relative;
           right: 0px;
           margin-top: 20px;
       }
           .service-col, .company-col, .solution-col {
           padding-left: 0px;
       }
           .footer .inner-footer {
           background: #fff;
           padding: 50px 0 50px;
           border-top: 1px solid #e5e5e5;
       }
           .our-blog-columns .wh-col {
           padding: 22px !important;
       }
           .our-blog-columns .wh-col {
           margin-right: 3px;
       }
           .red-section {
           background: url(../images/red-middle1.jpg) no-repeat 0px 0px / cover !important;
       }
          .red-section-middle {
           background: url(../images/red-middle.jpg) no-repeat 0px 0px / cover !important;
       }
   }
   
   
   
   @media (max-width: 767px){
           .red-section {
           background: url(../images/red-middle1.jpg) no-repeat 0px 0px / cover !important;
       }
   }