h1 {
  font-size: 2.25rem; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 2rem; } }
  @media screen and (max-width: 576px) {
    h1 {
      font-size: 1.75rem; } }

h2 {
  font-size: 2rem; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 1.75rem; } }
  @media screen and (max-width: 576px) {
    h2 {
      font-size: 1.5rem; } }

h3 {
  font-size: 1.5rem; }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 1.5rem; } }
  @media screen and (max-width: 576px) {
    h3 {
      font-size: 1.25rem; } }

h4 {
  font-size: 1.25rem; }
  @media screen and (max-width: 768px) {
    h4 {
      font-size: 1.125rem; } }
  @media screen and (max-width: 576px) {
    h4 {
      font-size: 1rem; } }

@media screen and (max-width: 576px) {
  p {
    font-size: 0.75rem; } }

.mb-5, .my-5, .career-wrap .inner .btn, .front-work p, .choose h1, .expertise h1, .front-prot h1, .front-prot [class^='col-'], .career-wrap h2, .super-sub-page-wrap [class^='container'] .heading, .super-sub-page-wrap [class^='container'] .view-wrap a, .view-wrap .super-sub-page-wrap [class^='container'] a, .super-sub-page-wrap [class^='container'] .right-box h3, .right-box .super-sub-page-wrap [class^='container'] h3, .super-sub-page-wrap [class^='container'] .we-do-wrap .row [class^='col-'] .inner h5, .we-do-wrap .row [class^='col-'] .inner .super-sub-page-wrap [class^='container'] h5 {
  margin-bottom: 3rem; }
  @media screen and (max-width: 768px) {
    .mb-5, .my-5, .career-wrap .inner .btn, .front-work p, .choose h1, .expertise h1, .front-prot h1, .front-prot [class^='col-'], .career-wrap h2, .super-sub-page-wrap [class^='container'] .heading, .super-sub-page-wrap [class^='container'] .view-wrap a, .view-wrap .super-sub-page-wrap [class^='container'] a, .super-sub-page-wrap [class^='container'] .right-box h3, .right-box .super-sub-page-wrap [class^='container'] h3, .super-sub-page-wrap [class^='container'] .we-do-wrap .row [class^='col-'] .inner h5, .we-do-wrap .row [class^='col-'] .inner .super-sub-page-wrap [class^='container'] h5 {
      margin-bottom: 1.5rem; } }

.mt-5, .my-5, .career-wrap .inner .btn, .protfolio-wrap .gallery_product img {
  margin-top: 3rem; }
  @media screen and (max-width: 768px) {
    .mt-5, .my-5, .career-wrap .inner .btn, .protfolio-wrap .gallery_product img {
      margin-top: 1.5rem; } }

.pt-5, .py-5, .choose, .expertise, .technology-slider, .about-wrap, .view-wrap, .view-wrap a, .protfolio-wrap, .career-wrap, .send-form, .contact-address, .sup-page-wrap [class^='container'], .super-sub-page-wrap [class^='container'], .front-work, .bg-dark, .front-prot {
  padding-top: 3rem; }
  @media screen and (max-width: 768px) {
    .pt-5, .py-5, .choose, .expertise, .technology-slider, .about-wrap, .view-wrap, .view-wrap a, .protfolio-wrap, .career-wrap, .send-form, .contact-address, .sup-page-wrap [class^='container'], .super-sub-page-wrap [class^='container'], .front-work, .bg-dark, .front-prot {
      padding-top: 1.5rem; } }

.pb-5, .py-5, .choose, .expertise, .technology-slider, .about-wrap, .view-wrap, .view-wrap a, .protfolio-wrap, .career-wrap, .send-form, .contact-address, .sup-page-wrap [class^='container'], .super-sub-page-wrap [class^='container'], .expertise [class^='col-'], .bg-dark [class^='col-'] {
  padding-bottom: 3rem; }
  @media screen and (max-width: 768px) {
    .pb-5, .py-5, .choose, .expertise, .technology-slider, .about-wrap, .view-wrap, .view-wrap a, .protfolio-wrap, .career-wrap, .send-form, .contact-address, .sup-page-wrap [class^='container'], .super-sub-page-wrap [class^='container'], .expertise [class^='col-'], .bg-dark [class^='col-'] {
      padding-bottom: 1.5rem; } }

.heading, .view-wrap a, .right-box h3, .we-do-wrap .row [class^='col-'] .inner h5 {
  letter-spacing: 0.35rem;
  color: #106ca4;
  font-weight: 300; }
  .heading + p, .view-wrap a + p, .right-box h3 + p, .we-do-wrap .row [class^='col-'] .inner h5 + p {
    color: red;
    font-size: 1rem;
    color: #666666;
    line-height: 1.75rem;
    margin-top: 1rem; }
    @media screen and (max-width: 576px) {
      .heading + p, .view-wrap a + p, .right-box h3 + p, .we-do-wrap .row [class^='col-'] .inner h5 + p {
        font-size: 0.875rem; } }
    @media screen and (max-width: 992px) {
      .heading + p br, .view-wrap a + p br, .right-box h3 + p br, .we-do-wrap .row [class^='col-'] .inner h5 + p br {
        display: none; } }

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important; }

.navbar {
  background: #ffffff;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
  @media screen and (max-width: 768px) {
    .navbar {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; } }

.navbar {
  overflow: hidden;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 11; }
  @media screen and (max-width: 768px) {
    .navbar {
      min-height: 5rem; } }
  .navbar:hover {
    overflow: visible; }
  .navbar .navbar-toggle {
    border-color: #106ca4; }
    .navbar .navbar-toggle .icon-bar {
      background-color: #106ca4; }
    .navbar .navbar-toggle.active .icon-bar:nth-child(1) {
      transform: rotate(45deg) translate(6px, 5px); }
    .navbar .navbar-toggle.active .icon-bar:nth-child(2) {
      opacity: 0; }
    .navbar .navbar-toggle.active .icon-bar:nth-child(3) {
      transform: rotate(-45deg) translate(3px, -3px); }
  .navbar .navbar-header .navbar-brand {
    padding: 0.5rem; }
    .navbar .navbar-header .navbar-brand img {
      max-width: 7rem;
      height: auto; }
      @media screen and (max-width: 768px) {
        .navbar .navbar-header .navbar-brand img {
          max-width: 6rem; } }
  .navbar .navbar-nav > li > a {
    padding: 1.75rem 2rem;
    text-transform: uppercase; }
    @media screen and (max-width: 992px) {
      .navbar .navbar-nav > li > a {
        padding: 1.65rem 1.125rem; } }
    @media screen and (max-width: 768px) {
      .navbar .navbar-nav > li > a {
        padding: 0.5rem 1.125rem; } }
  .navbar .navbar-nav li a {
    font-size: 0.875rem;
    font-family: "Raleway", sans-serif;
    font-weight: 600; }
    .navbar .navbar-nav li a:hover {
      color: #106ca4;
      background-color: #f2f2f2; }
  .navbar .navbar-nav li ul {
    margin: 0rem;
    padding: 0rem;
    list-style-type: none; }
    .navbar .navbar-nav li ul li {
      position: relative; }
      .navbar .navbar-nav li ul li a {
        display: block;
        width: 100%;
        padding-left: 1rem; }

.has-menu {
  position: relative;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  transition-duration: 400ms;
  transition-timing-function: linear; }
  .has-menu a {
    position: relative;
    overflow: hidden; }
    .has-menu a i {
      position: absolute;
      right: 0.25rem;
      top: 0;
      -webkit-transition-duration: 400ms;
      -moz-transition-duration: 400ms;
      -o-transition-duration: 400ms;
      -ms-transition-duration: 400ms;
      transition-duration: 400ms;
      transition-timing-function: linear;
      transition-property: all; }
      @media screen and (min-width: 769px) {
        .has-menu a i {
          top: 50%;
          transform: translateY(-50%) rotate(0deg); } }
      @media screen and (max-width: 768px) {
        .has-menu a i {
          width: 2.5rem;
          height: 2.5rem;
          background-color: #999999;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          justify-content: center; } }
      .has-menu a i:before {
        content: "\f078"; }
      .has-menu a i.active:before {
        content: "\f077"; }
  .has-menu li a {
    text-decoration: none;
    padding: 0.75rem 0.5rem;
    text-transform: capitalize; }
  .has-menu .sub-menu {
    display: none;
    background-color: #ffffff;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-timing-function: linear;
    transition-property: all;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 769px) {
      .has-menu .sub-menu {
        position: absolute;
        min-width: 14rem;
        display: block;
        opacity: 0;
        z-index: -1; } }
    .has-menu .sub-menu.on {
      display: block;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      -ms-transition-duration: 1s;
      transition-duration: 1s;
      transition-timing-function: linear;
      transition-property: all; }
    @media screen and (min-width: 768px) {
      .has-menu .sub-menu {
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0); } }
  @media screen and (min-width: 768px) {
    .has-menu:hover > .sub-menu {
      display: block;
      transform: translate3d(0, 0px, 0);
      -webkit-transform: translate3d(0, 0px, 0);
      opacity: 1;
      z-index: 99; } }
  .has-menu:hover > a .fas {
    transform: translateY(-50%) rotate(180deg); }
    @media screen and (max-width: 768px) {
      .has-menu:hover > a .fas {
        transform: translateY(0%) rotate(0deg); } }

.has-right .sub-menu {
  left: 100%;
  top: 0%;
  width: 100%; }

.has-bottom .sub-bottom {
  left: 0rem; }

/*=========main-banner=========*/
.owl-dots {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%, 0%); }
  .owl-dots .owl-dot {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0rem 0.35rem;
    background: #ffffff !important;
    outline: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5)); }
    .owl-dots .owl-dot.active {
      background: #106ca4 !important; }

/*====front-work=====*/
.front-work {
  text-align: center; }
  .front-work p {
    padding-left: 1rem;
    padding-right: 1rem; }
  .front-work [class^='col-'] {
    padding: 0rem; }
    .front-work [class^='col-'] img {
      filter: brightness(60%); }

/*=======choose=======*/
.choose {
  background: url(../image/choose.jpg) no-repeat;
  background-size: 33% 100%; }
  @media screen and (max-width: 992px) {
    .choose {
      background-image: url(); } }
  .choose [class^='col-'] .media {
    display: -webkit-flex;
    display: flex; }
    .choose [class^='col-'] .media .media-left {
      display: -webkit-flex;
      display: flex;
      align-items: center; }
    .choose [class^='col-'] .media i {
      width: 5rem;
      height: 5rem;
      font-size: 2.5rem;
      color: #106ca4;
      border: 2px solid #106ca4;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      @media screen and (max-width: 576px) {
        .choose [class^='col-'] .media i {
          width: 4rem;
          height: 4rem; } }
    .choose [class^='col-'] .media h5 {
      font-weight: 600;
      font-family: "Raleway", sans-serif; }
  @media screen and (max-width: 768px) {
    .choose .d-flex [class^='col-']:first-child {
      padding-bottom: 1.5rem; } }
  .choose .d-flex [class^='col-']:nth-child(n+3) {
    padding-top: 1.5rem; }

/*=========expertise========*/
.expertise {
  text-align: center; }
  .expertise .row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .expertise [class^='col-'] {
    flex: 0 0 33%; }
    @media screen and (max-width: 992px) {
      .expertise [class^='col-'] {
        flex: 0 0 50%; } }
    @media screen and (max-width: 768px) {
      .expertise [class^='col-'] {
        flex: 0 0 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto; } }
    .expertise [class^='col-'] .inner {
      background-color: #f7f7f7;
      padding: 2rem;
      -webkit-transition-duration: 400ms;
      -moz-transition-duration: 400ms;
      -o-transition-duration: 400ms;
      -ms-transition-duration: 400ms;
      transition-duration: 400ms;
      transition-timing-function: linear;
      height: 100%; }
      @media screen and (max-width: 576px) {
        .expertise [class^='col-'] .inner {
          padding: 1rem; } }
      .expertise [class^='col-'] .inner i {
        font-size: 5rem;
        color: #b3b3b3;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        -ms-transition-duration: 400ms;
        transition-duration: 400ms;
        transition-timing-function: linear; }
        @media screen and (max-width: 576px) {
          .expertise [class^='col-'] .inner i {
            font-size: 3rem; } }
      .expertise [class^='col-'] .inner h4 {
        font-size: 1.5rem;
        font-family: "Raleway", sans-serif;
        color: #333333;
        margin-top: 1rem;
        margin-bottom: 1.5rem; }
        @media screen and (max-width: 576px) {
          .expertise [class^='col-'] .inner h4 {
            font-size: 1.125rem; } }
      .expertise [class^='col-'] .inner .btn {
        border: 2px solid #106ca4;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        -ms-border-radius: 0%;
        -o-border-radius: 0%;
        border-radius: 0%;
        margin-top: 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
        color: #106ca4;
        text-transform: uppercase;
        margin-bottom: 1rem;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        -o-transition-duration: 400ms;
        -ms-transition-duration: 400ms;
        transition-duration: 400ms;
        transition-timing-function: linear; }
        .expertise [class^='col-'] .inner .btn:hover {
          background-color: #106ca4;
          border-color: #106ca4 !important;
          color: #ffffff; }
      .expertise [class^='col-'] .inner:hover {
        background-color: #f0f0f0; }
        .expertise [class^='col-'] .inner:hover i {
          color: #106ca4; }
        .expertise [class^='col-'] .inner:hover .btn {
          border-color: #b3b3b3; }

/*=======*/
.bg-dark {
  background-color: #106ca4;
  color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 576px) {
    .bg-dark [class^='col-'] {
      width: 100%; } }
  .bg-dark [class^='col-'] img {
    max-width: 3rem;
    height: auto;
    filter: drop-shadow(2px 2px rgba(0, 0, 0, 0.15)); }
  .bg-dark [class^='col-'] h1 {
    font-size: 4rem;
    font-weight: 100;
    font-family: "Raleway", sans-serif; }
    @media screen and (max-width: 576px) {
      .bg-dark [class^='col-'] h1 {
        font-size: 3rem; } }

/*=============*/
.technology-slider {
  background: #127bbb;
  color: #ffffff;
  overflow: hidden;
  position: relative; }
  .technology-slider .left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 1;
    width: 8rem;
    height: 100%;
    background: #127bbb;
    padding: 50% 0rem;
    box-shadow: 2px 0px 20px 0px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 576px) {
      .technology-slider .left {
        width: 5rem; } }
    .technology-slider .left h1 {
      color: #ffffff;
      transform: translate(0%, 120%) rotate(-90deg); }
  .technology-slider .fab {
    font-size: 8rem;
    padding: 1rem;
    min-width: 13rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #ffffff;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    margin: 0.25rem;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms;
    transition-timing-function: linear; }
    .technology-slider .fab:before {
      filter: drop-shadow(2px 2px 4px gray); }
    .technology-slider .fab:hover {
      background-color: #cccccc; }
  .technology-slider [class^='col-'] {
    position: relative; }

.tech-slideshow {
  height: 200px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  perspective: 1000px; }

.tech-slideshow > div {
  width: calc(17 * 13rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap; }

.tech-slideshow .mover-1 {
  animation: moveSlideshow 10s linear infinite; }

@keyframes moveSlideshow {
  100% {
    transform: translateX(-60%); } }
/*=====front-prot=*/
.front-prot {
  background-color: #f2f2f2;
  text-align: center; }
  .front-prot h1 {
    text-align: center; }
  @media screen and (max-width: 420px) {
    .front-prot [class^='col-'] {
      width: 100%; } }
  .front-prot [class^='col-'] .img-thumbnail {
    display: block;
    text-decoration: none; }
  .front-prot [class^='col-'] h2 {
    font-size: 1.75rem;
    font-family: "Raleway", sans-serif; }
  .front-prot [class^='col-']:nth-child(n+4) {
    padding-top: 2rem; }

/*========about-wrap=========*/
.view-wrap a {
  display: block;
  background-color: #106ca4;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.125rem;
  text-decoration: none; }

/*========proffolio===========*/
.protfolio-wrap .gallery_product {
  text-align: center; }
  @media screen and (max-width: 500px) {
    .protfolio-wrap .gallery_product {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  .protfolio-wrap .gallery_product img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .protfolio-wrap .gallery_product h4 {
    font-family: "Raleway", sans-serif;
    color: #106ca4; }
    @media screen and (max-width: 576px) {
      .protfolio-wrap .gallery_product h4 {
        font-size: 0.75rem; } }
  .protfolio-wrap .gallery_product a {
    text-decoration: none; }

.protfolio-list {
  text-align: center;
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  border-right: none;
  border-left: none;
  padding: 0.5rem 0rem; }
  .protfolio-list .filter-button {
    font-size: 1rem;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    background-color: transparent;
    text-transform: uppercase;
    padding: 0.5rem 2rem;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    -ms-border-radius: 0rem;
    -o-border-radius: 0rem;
    border-radius: 0rem;
    outline: none;
    box-shadow: none; }
    @media screen and (max-width: 992px) {
      .protfolio-list .filter-button {
        font-size: 0.875rem;
        padding: 0.5rem 1rem; } }
    @media screen and (max-width: 700px) {
      .protfolio-list .filter-button {
        padding: 0.5rem 0.5rem;
        display: block;
        width: 100%; } }
    .protfolio-list .filter-button:not(:last-child) {
      border-right: 1px solid #d9d9d9; }
      @media screen and (max-width: 576px) {
        .protfolio-list .filter-button:not(:last-child) {
          border-right: none;
          border-bottom: 1px solid #d9d9d9; } }
    .protfolio-list .filter-button.active, .protfolio-list .filter-button:hover {
      color: #106ca4; }
    .protfolio-list .filter-button:focus {
      outline: none; }

/*======career-wrap========*/
.career-wrap .inner ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ebebeb; }
  .career-wrap .inner ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-family: "Raleway", sans-serif;
    flex: 0 0 50%; }
    @media screen and (max-width: 576px) {
      .career-wrap .inner ul li {
        flex: 0 0 100%; } }
    .career-wrap .inner ul li:nth-child(odd) {
      border-right: 1px solid #ebebeb;
      font-weight: 600; }
    @media screen and (min-width: 577px) {
      .career-wrap .inner ul li:nth-last-of-type(1), .career-wrap .inner ul li:nth-last-of-type(2) {
        border-bottom: none; } }
.career-wrap .inner .text-center {
  position: relative; }
.career-wrap .inner .btn {
  padding: 0.5rem 2rem;
  font-size: 1rem;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  background-color: #106ca4;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  -ms-border-radius: 0rem;
  -o-border-radius: 0rem;
  border-radius: 0rem;
  color: #ffffff;
  z-index: 1;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  transition-duration: 400ms;
  transition-timing-function: linear; }
  .career-wrap .inner .btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: -1;
    border-top: 1px solid #dbdbdb; }
  .career-wrap .inner .btn:hover {
    background-color: gray; }

.mx-auto {
  float: none;
  margin-left: auto;
  margin-right: auto; }

form .form-group .form-control {
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  -ms-border-radius: 0rem;
  -o-border-radius: 0rem;
  border-radius: 0rem;
  height: 3rem;
  border: none;
  color: gray;
  background-color: #e6e6e6;
  resize: none; }
  form .form-group .form-control::placeholder {
    color: gray;
    opacity: 1; }
  form .form-group .form-control span {
    margin-top: 0.5rem;
    display: inline-block; }
form .form-group textarea {
  min-height: 10rem; }
form .form-group .btn {
  background-color: #106ca4;
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  transition-duration: 400ms;
  transition-timing-function: linear;
  transition-property: all; }
  form .form-group .btn:hover {
    background-color: gray; }
form .form-group input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer; }

.send-form {
  background-color: #f7f7f7; }

/*========contact-address=======*/
.contact-address [class^='col-'] .d-flex {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  .contact-address [class^='col-'] .d-flex [class^='col-'] {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0rem 0rem;
    flex: 0 0 50%; }
    @media screen and (max-width: 768px) {
      .contact-address [class^='col-'] .d-flex [class^='col-'] {
        flex: 0 0 100%;
        padding-left: 1rem; } }
    .contact-address [class^='col-'] .d-flex [class^='col-']:nth-child(n+3) {
      margin-top: 2rem; }
    @media screen and (max-width: 768px) {
      .contact-address [class^='col-'] .d-flex [class^='col-']:first-child {
        margin-bottom: 2rem; } }
    .contact-address [class^='col-'] .d-flex [class^='col-'] i {
      width: 4rem;
      height: 4rem;
      background-color: #106ca4;
      color: #ffffff;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      -ms-border-radius: 0.25rem;
      -o-border-radius: 0.25rem;
      border-radius: 0.25rem; }
      @media screen and (max-width: 420px) {
        .contact-address [class^='col-'] .d-flex [class^='col-'] i {
          width: 3rem;
          height: 3rem; } }
    .contact-address [class^='col-'] .d-flex [class^='col-'] div {
      flex: 0 0 1;
      padding-left: 1rem; }
      .contact-address [class^='col-'] .d-flex [class^='col-'] div p {
        margin-bottom: 0;
        font-weight: 600;
        font-family: "Raleway", sans-serif;
        font-size: 1rem; }

/*=======
  banner
  ==========*/
.service-1 {
  background-size: cover;
  width: 100%;
  height: 300px;
  padding: 50px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end; }
  @media screen and (max-width: 768px) {
    .service-1 {
      height: 230px; } }
  .service-1 a {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    text-decoration: none;
    font-style: italic;
    font-variant: small-caps; }
    @media screen and (max-width: 600px) {
      .service-1 a {
        display: block; } }
    .service-1 a.active {
      color: black; }
    .service-1 a i {
      margin-left: 1rem; }
    @media screen and (min-width: 601px) {
      .service-1 a + a {
        margin-left: 1rem; } }

/*==============
     service page
     ================*/
/*========
    Mobile development page
=============*/
.bg-light {
  background-color: #f2f2f2; }

.sup-page-wrap [class^='container'] .row [class^='col-'] h1 {
  margin-bottom: 1.5rem; }
.sup-page-wrap [class^='container'] .row [class^='col-'] p {
  font-size: 1.125rem; }
  @media screen and (max-width: 576px) {
    .sup-page-wrap [class^='container'] .row [class^='col-'] p {
      font-size: 1rem; } }
.sup-page-wrap [class^='container'] .row [class^='col-'] i {
  font-size: 24rem;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.3)); }
  @media screen and (max-width: 576px) {
    .sup-page-wrap [class^='container'] .row [class^='col-'] i {
      font-size: 10rem; } }

.position-relative {
  position: relative; }

.middle-icon {
  font-size: 30rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  color: #e6e6e6; }

/*==========  
    super sub single page
 ==========*/
.right-box {
  padding: 3rem;
  text-align: center;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 576px) {
    .right-box {
      padding: 1rem; } }
  .right-box h3 {
    margin-bottom: 1.5rem !important; }
  .right-box a {
    background-color: #106ca4;
    margin-top: 1.5rem;
    padding: 0.65rem 1.5rem;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.125rem; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.super-sub-page-wrap [class^='container'] .heading, .super-sub-page-wrap [class^='container'] .view-wrap a, .view-wrap .super-sub-page-wrap [class^='container'] a, .super-sub-page-wrap [class^='container'] .right-box h3, .right-box .super-sub-page-wrap [class^='container'] h3, .super-sub-page-wrap [class^='container'] .we-do-wrap .row [class^='col-'] .inner h5, .we-do-wrap .row [class^='col-'] .inner .super-sub-page-wrap [class^='container'] h5 {
  font-weight: 500;
  font-family: "Raleway", sans-serif; }
.super-sub-page-wrap [class^='container'] .row [class^='col-'] p {
  font-size: 1.125rem;
  line-height: 1.5rem; }
  @media screen and (max-width: 576px) {
    .super-sub-page-wrap [class^='container'] .row [class^='col-'] p {
      font-size: 0.875rem; } }
.super-sub-page-wrap [class^='container'] .row [class^='col-'] ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 3rem; }
  .super-sub-page-wrap [class^='container'] .row [class^='col-'] ul li {
    font-size: 1.125rem;
    padding: 0.5rem 0rem;
    font-family: "Font Awesome 5 Brands";
    text-indent: -1rem; }
    @media screen and (max-width: 576px) {
      .super-sub-page-wrap [class^='container'] .row [class^='col-'] ul li {
        font-size: 0.875rem; } }
    .super-sub-page-wrap [class^='container'] .row [class^='col-'] ul li:before {
      content: "\f3e8";
      color: #106ca4;
      margin-right: 1.5rem;
      margin-left: -1.5rem; }
.super-sub-page-wrap [class^='container'] .technology-wrap {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5); }
  .super-sub-page-wrap [class^='container'] .technology-wrap i {
    box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
    flex: 0 0 20%;
    height: 12vw;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 6vw; }

.service-list-wrap [class^='col-'] {
  padding: 3rem;
  background-color: #333333;
  color: #cccccc; }
  @media screen and (max-width: 576px) {
    .service-list-wrap [class^='col-'] {
      padding: 1rem; } }
  .service-list-wrap [class^='col-'] .heading, .service-list-wrap [class^='col-'] .view-wrap a, .view-wrap .service-list-wrap [class^='col-'] a, .service-list-wrap [class^='col-'] .right-box h3, .right-box .service-list-wrap [class^='col-'] h3, .service-list-wrap .we-do-wrap .row [class^='col-'] .inner h5, .we-do-wrap .row .service-list-wrap [class^='col-'] .inner h5 {
    text-align: center;
    color: #cccccc; }
  .service-list-wrap [class^='col-'] ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
    .service-list-wrap [class^='col-'] ul li {
      flex: 0 0 50%; }
      @media screen and (max-width: 768px) {
        .service-list-wrap [class^='col-'] ul li {
          flex: 0 0 100%; } }
      .service-list-wrap [class^='col-'] ul li:before {
        color: #cccccc !important; }

.we-do-wrap .row {
  margin: 0rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
  -moz-box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5); }
  .we-do-wrap .row [class^='col-'] {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
    -moz-box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
    box-shadow: 0px 0px 1px 0px rgba(16, 108, 164, 0.5);
    padding: 4rem 2rem; }
    @media screen and (max-width: 576px) {
      .we-do-wrap .row [class^='col-'] {
        padding: 2rem 1rem; } }
    .we-do-wrap .row [class^='col-'] .inner i {
      width: 12rem;
      height: 12rem;
      font-size: 5rem;
      color: #b3b3b3;
      display: -webkit-inline-flex;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
      transition-duration: 0.4s;
      transition-timing-function: linear; }
      @media screen and (max-width: 576px) {
        .we-do-wrap .row [class^='col-'] .inner i {
          width: 6rem;
          height: 6rem;
          font-size: 2rem; } }
    .we-do-wrap .row [class^='col-'] .inner h5 {
      margin: 2rem 0rem;
      font-weight: 600; }
    .we-do-wrap .row [class^='col-'] .inner p {
      font-size: 1rem;
      font-family: "Raleway", sans-serif; }
    .we-do-wrap .row [class^='col-'] .inner:hover i {
      background: #106ca4;
      color: #ffffff; }

/*======footer========*/
.development-bg {
  background: url(../image/development-banner.jpg) no-repeat center center; }

.design-bg {
  background: url(../image/design-banner.jpg) no-repeat center center; }

.software-bg {
  background: url(../image/software-banner.jpg) no-repeat center center; }

.banner-height {
  height: 300px;
  background-size: cover; }

.other-banner img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.footer {
  background-image: url(../image/footer_bg.jpg);
  background-color: #333333;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: border-box;
  background-size: cover;
  background-color: #1a1a1a;
  color: #ffffff;
  background-blend-mode: multiply;
  background-size: cover;
  padding: 4rem 0px 0px 1rem;
  overflow: hidden;
  margin-top: -24px;
  font-family: "Raleway", sans-serif;
  color: #b3b3b3; }
  @media screen and (max-width: 768px) {
    .footer {
      background-image: url(); } }
  .footer .row [class^='col-'] {
    padding-bottom: 3rem; }
    .footer .row [class^='col-'] h3 {
      font-weight: 300;
      color: #ffffff;
      text-transform: capitalize;
      font-family: "Raleway", sans-serif;
      margin-bottom: 1.5rem; }
    .footer .row [class^='col-'] ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .footer .row [class^='col-'] ul li {
        padding: 0.125rem 0rem; }
        .footer .row [class^='col-'] ul li a {
          text-decoration: none;
          text-transform: capitalize; }
    .footer .row [class^='col-'] .social a {
      text-decoration: none;
      font-size: 1.5rem; }
      .footer .row [class^='col-'] .social a:not(:last-child) {
        margin-right: 0.5rem; }
  .footer .copy-right {
    font-size: 0.75rem;
    text-align: center;
    margin: 1rem 0rem; }

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
  transition-timing-function: linear;
  z-index: 9999;
  background-color: #106ca4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; }
  #return-to-top.active {
    opacity: 1; }

::-webkit-scrollbar {
  width: 14px; }

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; }

::-webkit-scrollbar-thumb {
  background: #106ca4;
  cursor: pointer !important;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(16, 108, 164, 0.8); }

.fa-adobe {
  color: #fe0000; }

.fa-html5 {
  color: #e44d26; }

.fa-css3-alt {
  color: #254bdd; }

.fa-js {
  color: #f7df1e; }

.fa-react {
  color: #5ed3f3; }

.fa-angular {
  color: #dd0330; }

.fa-vuejs {
  color: #3fb27f; }

.fa-php {
  color: #7377ad; }

.fa-laravel {
  color: #f24e38; }

.fa-wordpress-simple {
  color: #21759b; }

.fa-magento {
  color: #ec4918; }

.fa-joomla {
  color: #e52626; }

.fa-drupal {
  color: #28a9e0; }

.fa-node-js {
  color: #83cd29; }

.fa-github {
  color: #171515; }

.fa-shopping-basket {
  color: #96c145; }

.fa-java {
  color: #0070b7; }

.fa-android {
  color: #9fbf37; }
.fa-facebook
{
   color: #3b5998; 
}
.fa-google
{
   color: #dd4b39; 
}
.fa-search
{
    color:#aad450;
}
.fa-globe
{
    color:#00aced;
}
/*# sourceMappingURL=style.css.map */