/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*Custom  CSS*/
/*General CSS*/
*{font-family: 'Montserrat', sans-serif; outline: 0;}
*:focus{outline: 0;}
.container{max-width: 1560px; width: 82%; margin:auto;}
.banner{background: #202154 url(../images/banner-bg.jpg) no-repeat center center / cover;}
.header{display: flex; align-content: center; justify-content: center; padding-top: 1.5em; border-bottom: 1px solid rgba(255,255,255,0.25); width: 100%;}
.header > .container{display: flex; align-items: center; justify-content:space-between;}
.header > .container .top-header-links{display: flex; align-items: center; justify-content: flex-end;}
.logo-area{margin-top: -10px; transform: translate(-1em, 1em);}
.logo-area img{width: 65px;}
.header > .container .top-header-links > a:not(:last-child){margin-right: 1em;}
.btn{border-radius: 0; padding: 0.75em 1.5em;}
.btn-outline-primary{color: #fff; font-weight: 400; text-transform: uppercase; font-size: 0.9em; border-color: #b01515; border-width: 2px;}
.btn-outline-primary:hover{background-color: #b01515; border-color:#b01515; }
.btn-green{background-color: #1d8c84; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.9em; border:0; text-transform: uppercase;}
.btn-green:hover{background-color: #b01515;}
.btn-red{background-color: #b01515; color: #fff; text-transform: uppercase; font-size: 0.9em; border:0;}
.btn-red:hover{background-color: #1d8c84;}
.banner-area > .container{display: flex; align-items: center; justify-content: space-between; padding-top: 5em; padding-bottom: 4em;}
.banner-area > .container > div{width:50%;}
.banner-h{font-weight: 400; font-size: 2.75em; color: #fff; line-height: 1.25;}
.banner-h > span{font-weight: bold; display: flex;}
.banner-left{padding-right: 2em;}
/*.banner-right{display: flex; align-items: center; justify-content: center;}*/
.banner-right > img{max-width: 100%;}
.banner-p{color: #fff; font-weight: 400; font-size: 1em; margin-top: 2em; margin-bottom: 2em;}
.btn-banner {padding: 0.75em 4em; font-size: 1em;}
.banner-p-small{color:#fff; font-size: 0.9em; font-weight: 400; margin-bottom: 0;}
.banner-logos{margin-top: 5em;}
.banner-logos-inner {display: flex; align-items: center; justify-content: flex-start; margin-top: 1em;}
.banner-logos-inner > img:not(:first-child){margin-left: 1em;}
.banner-logos-inner > img {width: auto; max-width: 90px;}

section:not(.banner){padding-top: 6em; padding-bottom: 6em;}
.app-cta > .container{max-width: 1230px; width: 64%; padding-left: 5em; padding-right: 5em; background-color: #b01515; background-image: linear-gradient(to bottom, #FFF 15%, #b01515 10%, #b01515 85%, #ffff 0%);}
.app-cta > .container > .d-flex{align-items: center; justify-content: center;}
.app-cta-left{width: 40%;}
.app-cta-right{width: 60%;}
.h-two{font-size: 2.75em; font-weight: bold; color: #231e2b; line-height: 1.15; margin-bottom: 0.5em;}
.p{color: #231e2b; font-size: 1em;}
.text-white{color: #fff;}
.app-cta-form {display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap;}
.app-cta-form > input{width: 48%; background-color: #a62222; color: #fff; border:1px solid #fff; border-radius: 0; font-weight: 600; font-size: 0.8em; margin-bottom: 1em; height: auto;padding: 1em 1em;}
.btn-cta-full{width: 100%;}
.btn-cta-full:hover{background-color: #1d8c84;}
.app-cta-form > input::-webkit-input-placeholder{color: #fff;} 
.app-cta-form > input:-ms-input-placeholder{color: #fff;} 
.app-cta-form > input::placeholder{color: #fff;} 

.app-services-area {margin: auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 4em; width: 80%;}
.services-box {flex-grow: 1; width: 33%; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 375px; border: 1px solid #bcbec1; border-left: 0; border-top: 0; cursor: pointer;}
.srv-p{color: #231e2b; font-size: 1.25em; text-transform: uppercase; line-height: 1.15; margin-top: 2em; font-weight: bold; text-align: center;}
.b-b-zero{border-bottom:0;}
.b-r-zero{border-right:0;}

.app-launch{background-color: #f7f6f8;}
.red-p{font-size: 1em; text-transform: uppercase; color: #b01515;}
.app-launch-area{margin: auto; margin-top: 4em; display: flex; flex-direction: column; align-items: center; width: 87%;}
.app-launch-text-area{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.launch-text-box{width: 20%; margin-top: 2em;}
.launch-text-box > p{text-transform: uppercase; text-align: center; justify-content: center; font-weight: 600;}
.launch-text-box > img{display: none;}

.p-b-zero{padding-bottom: 0 !important;}
.about-us-sec > .container-fluid {display: flex; align-items: center; justify-content: space-between;}
.about-us-sec > .container-fluid > div {width: 50%;}
.about-us-sec-left {padding-left: 12%;}
.buttons-a{margin-top: 1.5em;}
.buttons-a > a:not(:last-child){margin-right: 1em;}
.light-text{font-weight: 400;}

.black-cta{background-color: #231e2b;}
.black-cta .h-two{font-size: 5em;}
.black-cta-boxes{display: flex; align-items: center; justify-content: space-between; margin-top: 4em;}
.black-cta-box{display: flex; align-items: center; justify-content: center; width: 25%; position: relative;}
.cta-p{text-transform: uppercase;margin-bottom: 0;}
.black-cta-box-inner{margin-left: 1em;}
.black-cta-box-inner > a{color: #fff;}
.black-cta-box-inner > a:hover{text-decoration: none; color: #fff;}
.black-cta-box:not(:last-child):after {content: ""; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 75%; background-color: #615b6c;}
.black-cta .btn-link{width: 80%; font-size: 1em;}
.black-cta .btn-link:hover{color: #fff; text-decoration: none;}
a > i{margin-right: 0.5em;}
.p-t-zero{padding-top: 0 !important;}


#technologies{background:#f7f6f8;padding:120px 0 80px}#technologies .container{width:100%;max-width:1560px;margin:0 auto}#technologies .container .row{flex-direction:column}#technologies h1{color:#231e2b;font-size:45px;font-family:Montserrat,sans-serif;font-weight:700;text-align:center;margin-bottom:10px}#technologies .logos{display:flex;flex-wrap:wrap;justify-content:center}#technologies .logos .logo-cover{width:15%;height:200px;text-align:center;display:flex;align-items:center;justify-content:center}#technologies .logos .logo-cover img{transform:scale(1);transition:.5s all}#technologies .logos .logo-cover:hover img{transform:scale(1.2);transition:.5s all}#tabing .container{width:100%;max-width:1560px;margin:0 auto}#tabing .container-fluid .row{flex-direction:column}#tabing ul{border:0;display:flex;justify-content:center;padding:70px 0}#tabing ul li{margin:0;list-style:none}#tabing ul li a{text-transform:uppercase;color:#231e2b;border:1px solid #228f87;border-radius:0;font-size:16px;padding:10px 50px;font-family:Montserrat,sans-serif;font-weight:600}#tabing ul li a.active{background:#b01515;color:#fff;border:1px solid #b01515;position:relative}#tabing ul li a.active:before{content:"";position:absolute;bottom:-7px;width:12px;height:12px;background:#b01515;left:0;right:0;margin:0 auto;transform:rotate(45deg)}#tabing #myTabContent .bg-1{background-image:url(../images/bg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .bg-2{background-image:url(../images/bg2.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .bg-3{background-image:url(../images/bg3.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .bg-4{background-image:url(../images/red.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .bg-5{background-image:url(../images/gray.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .bg-6{background-image:url(../images/blue.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;padding:150px 0 40px}#tabing #myTabContent .container .row{flex-direction:row}#tabing #myTabContent #iphone .left span{color:#fff;text-transform:uppercase;font-size:24px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:6px;display:block;padding-left:140px;position:relative}#tabing #myTabContent #iphone .left span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:80px;height:1px;background:#fff}#tabing #myTabContent #iphone .left .inner-content{margin-top:80px;display:flex}#tabing #myTabContent #iphone .left .inner-content .img-content-div{padding-left:50px}#tabing #myTabContent #iphone .left .inner-content .img-content-div h2{color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:60px;margin-bottom:10px}#tabing #myTabContent #iphone .left .inner-content .img-content-div p{color:#fff;font-family:Montserrat,sans-serif;font-weight:100;width:100%;max-width:380px;margin:0 0 40px 0}#tabing #myTabContent #android .left span{color:#fff;text-transform:uppercase;font-size:24px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:6px;display:block;padding-left:140px;position:relative}#tabing #myTabContent #android .left span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:80px;height:1px;background:#fff}#tabing #myTabContent #android .left .inner-content{margin-top:80px;display:flex}#tabing #myTabContent #android .left .inner-content .img-content-div{padding-left:50px}#tabing #myTabContent #android .left .inner-content .img-content-div h2{color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:60px;margin-bottom:10px}#tabing #myTabContent #android .left .inner-content .img-content-div p{color:#fff;font-family:Montserrat,sans-serif;font-weight:100;width:100%;max-width:380px;margin:0 0 40px 0}#tabing #myTabContent .bg-5 .left{padding-left:180px}#tabing #myTabContent .bg-2 .left{padding-left:180px}#contac_us{background-image:url(../images/contact-bg.jpg);background-repeat:no-repeat;background-position:top center;padding:150px 0}#contac_us .discuss_project{text-align:center}#contac_us .discuss_project span{color:#fff;text-transform:uppercase;font-size:16px;font-family:Montserrat,sans-serif;font-weight:100;letter-spacing:6px;display:block;margin-bottom:20px}#contac_us .discuss_project h1{color:#fff;font-size:45px;font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:40px}#contac_us .discuss_project .form input{width:32%;border:1px solid #8a8a8a;padding:12px 30px;outline:0}#contac_us .discuss_project .form .form-cover{display:flex;justify-content:space-between;margin-bottom:20px}#contac_us .discuss_project .form textarea{display:block;width:100%;resize:none;height:150px;padding:12px 30px;outline:0}#contac_us .container{width:100%;max-width:1560px;margin:0 auto}#contac_us .discuss_project .form button.custom_btn{background:#1d8c84;border:0;color:#fff;font-size:18px;padding:15px 80px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:5px;display:block;transition:.5s all;margin:40px auto 0}#contac_us .discuss_project .form button.custom_btn:hover{background-color:#fff;color:#1d8c84;transition:.5s all}#contac_us .discuss_project .form input::placeholder{font-family:Montserrat,sans-serif;color:#757575}#info{background:#000;padding:40px 0}#info .info-cover{display:flex;align-items:center}#info .info-cover ul{padding:0;margin:0;display:flex}#info .info-cover .right{display:flex;flex-direction:column;padding-left:10px}#info .info-cover .right span.s1{color:#fff;font-size:14px;font-weight:100;text-transform:uppercase}#info .info-cover .right span.s2{color:#fff;font-size:16px;font-family:Montserrat,sans-serif;font-weight:600}#info .info-cover .right span.s2 a{color:#fff;text-decoration:none}#info .info-cover .left span.s1{color:#fff;font-size:14px;font-weight:100;text-transform:uppercase}#info .info-cover.last{flex-direction:column;align-items:end;padding-left:10px}#info .info-cover.last .right{padding:0}#info .info-cover ul li{list-style:none;margin:0 10px 0 0}#info .info-cover ul li a{color:#fff;border:1px solid;border-radius:100px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-decoration:none}.testimonials-section h2.sec-head{color:#231e2b;font-size:45px;text-align:center;font-family:Montserrat,sans-serif;font-weight:700}.testimonials-section p.sec-p{text-align:center}.t-inner button.slick-prev{position:absolute;z-index:9;left:5%;top:50%;transform:translateY(-50%)}.t-inner button.slick-next{position:absolute;z-index:9;right:5%;top:50%;transform:translateY(-50%)}.testimonials-section{background-color:#fff;padding-top:110px;padding-bottom:110px}.testimonials-area{display:flex;align-items:flex-start;justify-content:space-between;margin-top:55px;position:relative}.t-inner{display:flex;align-items:flex-start;justify-content:space-between;max-width:996px;margin:auto;position:relative;z-index:1;width:100%;padding:60px 45px;border-radius:15px;box-shadow:0 0 27px 0 rgba(140,140,140,.5)}.t-item{background-color:#fff;display:flex!important;align-items:flex-start;justify-content:space-between;flex-direction:column;text-align:center}.t-img{margin:0 auto}.t-star{margin:20px auto}.t-p{font-family:Montserrat,sans-serif;font-size:18px;color:#333;line-height:1.25;margin:0 auto;margin-bottom:30px;width:75%}.t-name{font-family:Montserrat,sans-serif;font-size:19px;color:#b4b4b4;line-height:1;margin-bottom:5px;text-transform:capitalize;text-align:center;width:100%}.t-job{font-family:Montserrat,sans-serif;font-size:15px;color:#b4b4b4;line-height:1;margin-bottom:0;text-transform:capitalize;text-align:center;width:100%}.circle-control{opacity:1;height:45px;margin:auto;cursor:pointer;border:2px solid #fff;border-radius:100%;transition:.5s;outline:0}.circle-control>i{color:#000}.circle-control:hover{color:#fff;border-color:#fff}.circle-control:hover>i:after{color:#fff!important;background-color:transparent!important;border-color:#fff!important}.brands-section{padding-bottom:50px}.brands-section .sec-head>span{color:#30938c}.brands-area{display:flex;align-items:center;justify-content:space-between;max-width:1550px;margin:auto;margin-top:30px;width:100%}.slick-brand-item{display:inline-flex!important;justify-content:center;align-items:center}.brands-section .slick-track{display:flex!important;align-items:center}button.circle-control{background-color:transparent!important;background-image:none!important;height:auto!important;color:#000!important;border-color:#000!important}button.circle-control i,button.circle-control svg.svg-inline--fa{color:#000!important}.brands-section .container{max-width:1560px;padding-top:50px;border-top:1px solid #bcbec1;position:relative}.brands-section h2.sec-head{color:#231e2b;font-size:45px;text-align:center;font-family:Montserrat,sans-serif;font-weight:700}.a2-arrow a{position:absolute;text-decoration:none}.a2-arrow a.prev{bottom:20%;left:0}.a2-arrow a.next{bottom:20%;right:0}.a2-arrow a i{color:#000;border:2px solid #000;border-radius:50px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}footer{background:#0e0e0e;padding:40px 0}footer .f1 .uae-canada-cover{display:flex;margin-top:25px}footer .f1 .uae-canada-cover .uae h3{font-size:20px;color:#b9b9b9;text-transform:uppercase;font-family:Montserrat,sans-serif}footer .f1 h2{font-size:20px;color:#14918a;font-family:Montserrat,sans-serif;margin:0}footer .f1 .uae-canada-cover .uae p{font-size:14px;color:#b9b9b9;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px}footer .f1 .uae-canada-cover .canada h3{font-size:20px;color:#b9b9b9;text-transform:uppercase;font-family:Montserrat,sans-serif}footer .f1 .uae-canada-cover .canada p{font-size:14px;color:#b9b9b9;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px}footer .f1 .uae-canada-cover .canada{padding-left:50px}footer .f1 .uae-canada-call-cover{display:flex;margin-top:25px}footer .f1 .uae-canada-call-cover .uae-call h3{color:#14918a;font-family:Montserrat,sans-serif;font-size:16px;text-transform:uppercase}footer .f1 .uae-canada-call-cover .uae-call p{font-size:14px;color:#b9b9b9;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px;text-transform:capitalize}footer .f1 .uae-canada-call-cover .uae-call p a{color:#b9b9b9}footer .f1 .uae-canada-call-cover .canada-call h3{color:#14918a;font-family:Montserrat,sans-serif;font-size:16px;text-transform:uppercase}footer .f1 .uae-canada-call-cover .canada-call p{font-size:14px;color:#b9b9b9;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px;text-transform:capitalize}footer .f1 .uae-canada-call-cover .canada-call p a{color:#b9b9b9}footer .f1 .uae-canada-call-cover .canada-call{padding-left:95px}footer .f1 .uae-canada-mail-cover{display:flex;margin-top:25px}footer .f1 .uae-canada-mail-cover .uae-mail h3{color:#14918a;font-family:Montserrat,sans-serif;font-size:16px;text-transform:uppercase}footer .f1 .uae-canada-mail-cover .uae-mail p{font-size:14px;color:#b9b9b9;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px;text-transform:capitalize}footer .f1 .uae-canada-mail-cover .uae-mail p a{color:#b9b9b9}footer .f1 .uae-canada-mail-cover h3{color:#14918a;font-family:Montserrat,sans-serif;font-size:16px;text-transform:uppercase}footer .f1 .uae-canada-mail-cover p{font-size:14px;color:#b9b9b9;font-family:Montserrat,sans-serif;font-weight:100;margin-bottom:5px;text-transform:capitalize}footer .f1 .uae-canada-mail-cover p a{color:#b9b9b9}footer .f1 .uae-canada-mail-cover .canada-mail{padding-left:107px}footer .f1.left p{color:#fff;font-family:Montserrat,sans-serif;font-size:14px;width:100%;max-width:400px;line-height:1.6;margin-top:30px;margin-bottom:0;font-weight:100}footer .f1.left .footer-inner{margin-top:80px}footer .f1.left .footer-inner h2{margin-bottom:10px}footer .disclaimer{margin-top:50px}footer .disclaimer p{margin:0;color:#fff;font-size:13px;font-family:Montserrat,sans-serif;font-weight:100}footer .disclaimer p span{color:#1d8c84}
#info .info-cover ul li a > i {margin-right: 0;}
#tabing ul {padding-top: 0;}
section#tabing {padding-bottom: 0 !important;}
#brands-section{padding-top:0 !important;}
#technologies .logos .logo-cover {flex-direction: column; cursor:pointer;}
#technologies .logos .logo-cover > p {margin-top: 0.7em; font-weight: 500; transition: 0.5s; margin-bottom: 0; opacity: 0;}
#technologies .logos .logo-cover:hover p {opacity:1;}
#technologies .logos .logo-cover{transition: 0.5s;}
#technologies .logos .logo-cover:hover {background-color: #eaeaea; border-radius: 5px;}
.t-img{display:none !important;}

/*Responsive css*/

@media screen and (max-width: 1600px){
  .banner-h {font-size: 2.25em;}
  .header{padding-top: 0;}
  .app-cta-left > img {width: 85%;}
  .app-cta > .container {background-image: linear-gradient(to bottom, #FFF 5%, #b01515 5%, #b01515 95%, #ffff 0%);}
  .services-box {height: 300px;}
  .black-cta .h-two {font-size: 4em;}
  
  #tabing #myTabContent .bg-1,#tabing #myTabContent .bg-2,#tabing #myTabContent .bg-3,#tabing #myTabContent .bg-4,#tabing #myTabContent .bg-5,#tabing #myTabContent .bg-6{padding-left:30px;padding-right:30px;box-sizing:border-box}.brands-section .container{max-width:1140px}.brands-section{padding:0 30px 50px 30px}section#testimonials-section{padding:110px 30px 110px}
}

@media screen and (max-width: 1366px){
  .app-cta > .container {background-image: linear-gradient(to bottom, #FFF 0%, #b01515 0%, #b01515 100%, #ffff 0%);}
  .black-cta .h-two {font-size: 3.5em;}
  .container {width: 90%}
  .h-two {font-size: 2.5em;}
  
  #tabing #myTabContent #iphone .left .inner-content .img-content-div h2{font-size:45px}#tabing #myTabContent #android .left .inner-content .img-content-div h2{font-size:45px}#tabing #myTabContent #iphone .left .inner-content .img-content-div h2{font-size:35px}#tabing #myTabContent #android .left span{font-size:18px;letter-spacing:3px}#tabing #myTabContent #iphone .left .inner-content .img-content-div p{font-size:15px}#tabing #myTabContent #android .left .inner-content .img-content-div p{font-size:15px}#tabing #myTabContent .bg-2 .left{padding-left:50px}#tabing #myTabContent .bg-5 .left{padding-left:100px}#tabing #myTabContent #iphone .left span{font-size:18px;letter-spacing:3px}

}

@media screen and (max-width: 1280px){
  .banner-h {font-size: 1.90em;}
  .banner-p {margin-top: 1em; margin-bottom: 1em;}
  .app-cta > .container {width: 90%;}
  section.app-cta{padding-top: 3em;}
  .services-box {height: 275px;}
  .srv-p {font-size: 1em;}
  .about-us-sec-left {padding-left: 5%;}
  .black-cta .h-two {font-size: 3em;}
  .black-cta-boxes {margin-top: 2em;}
  .black-cta-box-inner * {font-size: 0.9em;}
  .black-cta .btn-link {width: 98%;}
}

@media screen and (max-width: 991px){
  .banner-right{display: none;}
  .banner-area > .container > div {width: 100%;}
  section.app-cta {padding-top: 0; padding-bottom: 0;}
  .app-cta > .container {width: 100%; padding-top: 3em; padding-bottom: 3em; padding-right: 3em; padding-left: 3em;}
  section:not(.banner) {padding-top: 3em !important; padding-bottom: 3em !important;}
  .app-services-area {margin-top: 2em; width: 100%;}
  .services-box {height: 250px;}
  .app-launch-area {margin-top: 2em; width: 100%;}
  .launch-text-box > p {margin-bottom: 0; font-size: 0.9em;}
  .about-us-sec > .container-fluid > div.about-us-sec-right{display: none !important;}
  .about-us-sec > .container-fluid > div {width: 100%;}
  .about-us-sec-left .p > br:not(:last-child) {display: none;}
  .black-cta .h-two {font-size: 2.5em;}
  .black-cta-boxes {flex-wrap: wrap;}
  .black-cta-box{flex-grow:1; width:50%; margin-bottom: 2em;}
  .black-cta-box:nth-child(3), .black-cta-box:nth-child(4){margin-bottom: 0;}
  .black-cta-box:not(:first-child):after{display: none;}
  section.app-cta {padding-top: 0 !important; padding-bottom: 0 !important}
  
  #technologies{padding:50px 0}#technologies h1{font-size:35px}#tabing #myTabContent #iphone .left .inner-content{margin-top:40px}#tabing #myTabContent #android .left .inner-content{margin-top:40px}#tabing #myTabContent #iphone .left .inner-content .img-content-div h2{font-size:28px}#tabing #myTabContent #android .left .inner-content .img-content-div h2{font-size:28px}#tabing #myTabContent .bg-1,#tabing #myTabContent .bg-2,#tabing #myTabContent .bg-3,#tabing #myTabContent .bg-4,#tabing #myTabContent .bg-5,#tabing #myTabContent .bg-6{padding:70px 30px}#tabing #myTabContent #iphone .left span{font-size:16px;letter-spacing:0}#tabing #myTabContent .bg-2 .left{padding-left:0}#tabing #myTabContent .bg-5 .left{padding-left:0}#contac_us{background-size:cover;padding:60px 0}#contac_us .discuss_project h1{font-size:35px}#contac_us .discuss_project{padding:0 30px}#info .row .res{max-width:50%!important;flex:0 0 50%;margin-bottom:20px}.testimonials-section h2.sec-head{font-size:35px}.brands-section h2.sec-head{font-size:35px}
}


@media screen and (max-width: 767px){
  .banner{background-image: none;}
  .banner-logos {margin-top: 3em;}
  .header > .container {flex-direction: column;}
  .logo-area {background-color: transparent; padding: 0; transform: translate(0, 0); margin-top: 1em; margin-bottom: 1em;}
  .header > .container .top-header-links {flex-direction: column;}
  .header > .container .top-header-links > a:not(:last-child) {margin-right: 0;}
  .header > .container .top-header-links > a {margin-bottom: 1em;}
  .header > .container .top-header-links > a:first-child {display: none;}
  .banner-area > .container {padding-top: 2em; padding-bottom: 2em;}
  .banner-h {text-align: center;}
  .banner-h > span{text-align: center; justify-content: center;}
  .banner-p {text-align: center;}
  .banner-left {padding-right: 0; text-align: center;}
  .banner-logos-inner {justify-content: center;}
  .app-cta-left {display: none;}
  .app-cta-right {width: 100%;}
  .services-box {height: 220px;}
  .p > br{display: none;}
  .h-two {font-size: 2em;}
  .about-us-sec-left {text-align: center;}
  .black-cta .h-two {font-size: 2em;}
  .image-process-lg{display: none;}
  .launch-text-box > img{display: flex;}
  .app-launch-text-area {flex-wrap: wrap;}
  .launch-text-box {flex-grow: 1; width: 100%; justify-content: center; display: flex; flex-direction: column; align-items: center; margin-top: 1.5em;}
  .launch-text-box > p {margin-top: 1em; font-size: 1.2em;}
  
  #technologies .logos .logo-cover{width:25%}#tabing #myTabContent .bg-1,#tabing #myTabContent .bg-2,#tabing #myTabContent .bg-3,#tabing #myTabContent .bg-4,#tabing #myTabContent .bg-5,#tabing #myTabContent .bg-6{padding:70px 30px}#tabing #myTabContent .left{text-align:center;margin-bottom:30px}#tabing #myTabContent .left span{padding:0!important}#tabing #myTabContent .left span:before{left:0!important;right:0!important;margin:0 auto;top:auto!important;bottom:-10px!important;transform:inherit!important}#tabing #myTabContent .left .inner-content .img-div{display:none}#tabing #myTabContent .left .inner-content .img-content-div{padding-left:0!important}#tabing #myTabContent .left .inner-content .img-content-div p{width:100%;max-width:100%!important;margin:0 0 20px 0!important}#tabing #myTabContent .right{text-align:center}#tabing #myTabContent .right img{max-width:80%;margin:0 auto}#tabing #myTabContent .bg-2 .row{flex-direction:column-reverse}#tabing #myTabContent .bg-5 .row{flex-direction:column-reverse}#tabing #myTabContent .bg-5 .left{padding-left:0}#contac_us .discuss_project .form .form-cover{margin-bottom:0;flex-direction:column}#contac_us .discuss_project .form input{width:100%;margin-bottom:20px}#contac_us .discuss_project .form button.custom_btn{font-size:15px;padding:13px 20px}#info .row .res{max-width:100%!important;flex:0 0 100%;margin-bottom:40px}#info .info-cover{justify-content:center}#info .info-cover.last{align-items:center}footer .f1.left .footer-inner{margin-top:30px;margin-bottom:30px}footer .disclaimer{margin-top:30px}footer .f1 .uae-canada-cover{flex-direction:column}footer .f1 .uae-canada-cover .canada{padding-left:0}footer .f1 .uae-canada-cover .uae{margin-bottom:20px}footer .f1 .uae-canada-call-cover{flex-direction:column}footer .f1 .uae-canada-call-cover .canada-call{padding-left:0}footer .f1 .uae-canada-call-cover .uae-call{margin-bottom:20px}footer .f1 .uae-canada-mail-cover{flex-direction:column}footer .f1 .uae-canada-mail-cover .canada-mail{padding-left:0}footer .f1 .uae-canada-mail-cover .uae-mail{margin-bottom:20px}footer .container{padding:0 30px}#technologies h1{font-size:20px;padding:0 30px}.testimonials-section h2.sec-head{font-size:20px}.brands-section h2.sec-head{font-size:20px}section#testimonials-section{padding:60px 30px 60px}.t-p{font-size:14px}
}
        .main_banner-slideshow {
          margin-right: -65px;
          z-index: 2;
        
        }
    	.main_banner-slideshow-2 {
            margin-right: -119px;
            z-index: 1;
            margin-top: -5px;
		}
		.main_banner-slideshow-3 {
          margin-top: 18px;
        }
	    @media only screen and (min-width: 1600px){
	        .main_banner-slideshow {
              margin-right: -86px;
              z-index: 2;
            }
            .main_banner-slideshow-2 {
              margin-right: -157px;
              z-index: 1;
              margin-top: -5px;
            }
            .main_banner-slideshow-3 {
                margin-top: 25px;
            }
	    }
		.right_banner_flex{
			display: flex;
		}
		.main_banner-slideshow,
		.main_banner-slideshow-2,
		.main_banner-slideshow-3{
			position: relative;
		}
		.main_banner-slideshow .v2{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			animation: fade 5s infinite;
		}
		.main_banner-slideshow-2 .v2{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			animation: fade 5s infinite;
			animation-delay: 1s;
		}
		.main_banner-slideshow-3 .v2{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			animation: fade 5s infinite;
			animation-delay: 2s;
		}

		/*.main_banner-slideshow-2 .v2 {*/
		/*	animation-delay: 1s;*/
		/*}*/

		@keyframes fade {
			0%, 100% {
				opacity: 1;
			}
			50% {
				opacity: 0;
			}
		}
		.right_banner_flex img {
          max-width: 100%;
          height: auto;
        }
@media screen and (max-width: 575px){
  .services-box {width: 100%; border-right: 0; height: auto; padding-top: 1em; border-bottom: 1px solid #bcbec1;}
  .services-box:last-child{border-bottom: 0;}
  .srv-p {margin-top: 1.5em;}
  .black-cta-box {width: 100%; border-bottom: 1px solid #bcbec1; padding-bottom: 1em; margin-bottom: 1em;}
  .black-cta-box:after {display: none;}
  .black-cta-box:last-child {border-bottom: 0;}
  .black-cta .btn-link {margin-top: 1em;}
}

@media screen and (max-width: 480px){
  .banner-logos-inner {flex-wrap: wrap;}
  .banner-logos-inner > img{margin-bottom: 0.5em;}
  .app-cta > .container {padding-right: 15px; padding-left: 15px;}
  .app-cta-form > input {width: 100%;}
  .buttons-a > a:not(:last-child) {margin-right: 0; margin-bottom: 0.5em;}
  .buttons-a > a{width: 90%;}
  
  #technologies .logos .logo-cover{width:100%;height:150px}#tabing #myTabContent .right img{max-width:100%}#tabing ul{padding:70px 30px}#tabing ul li a{font-size:14px;padding:10px 10px}#contac_us .discuss_project .form button.custom_btn{font-size:15px;padding:13px 20px;letter-spacing:0}footer .f1 h2{font-size:16px}.t-inner{padding:20px 20px}

}