body {
  font-family: "Montserrat", sans-serif;
  color: #444;
}

h2, h1 {
  color: #413e66;
}

h4 {
  color: #413e66;
}

h3 {
  color: #696592;
}

img {
  width: 100%;
}

.sec-space {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.sec-p {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

.fa {
  color: lightblue;
}

.row-space {
  margin-top: 3rem;
}

.menus {
  background: #413e66;
  padding: 0.5rem;
  position: fixed;
  z-index: 10;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.menus .logo {
  width: 20%;
}
.menus .fa-bars {
  display: none;
}
.menus .menus-navs {
  float: right;
  margin-top: 1rem;
}
.menus .menus-navs a {
  color: #fcfcfc;
  padding: 1rem;
}
.menus .menus-navs a:hover {
  text-decoration: none;
  color: #413e66;
  background: #fff;
}

.about h2 {
  margin-top: 2rem;
}
.about h3 {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.about h5 {
  color: #413e66;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.about .img-section {
  padding: 2rem;
}
.about .img-section .the-img {
  border-style: solid;
  border-width: 0.5rem;
  border-color: #fff;
  transition: transform 0.5s;
}
.about .img-section .top-img-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 85%;
  z-index: -1;
  content: "";
  background-color: #ebf1fa;
  transition: 0.5s;
}
.about .img-section .bottom-img-color {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 85%;
  z-index: -1;
  content: "";
  background-color: #ebf1fa;
  transition: 0.5s;
}
.about .img-section .the-img:hover {
  transform: scale(1.02);
}

.services {
  background: #413e66;
  color: #fcfcfc;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.services h2 {
  color: #fcfcfc;
}
.services .card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 29.33333%;
  flex: 0 0 29.33333%;
  max-width: 29.33333%;
  margin: 2%;
  border-style: none;
  border-radius: 1rem;
  padding: 0;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  perspective: 1000px;
  color: #000;
}
.services .card .card-inner {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  max-height: 100%;
}
.services .card .card-inner .card-back {
  padding: 2rem;
  transform: rotateY(-180deg);
  display: none;
}
.services .card .card-inner .card-back i {
  font-size: 2rem;
}
.services .card .card-inner .card-back .fa-compress {
  color: #ff689b;
}
.services .card .card-inner .card-back .fa-compass {
  color: #e98e06;
}
.services .card .card-inner .card-back .fa-globe {
  color: #3fcdc7;
}
.services .card .card-inner .card-back .fa-clone {
  color: #41cf2e;
}
.services .card .card-inner .card-back .fa-clock {
  color: #2282ff;
}
.services .card .card-inner .card-back .fa-cloud {
  color: #8660fe;
}
.services .card .card-inner .card-back h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.services .card .card-inner .card-front img {
  border-radius: 1rem;
  max-height: inherit;
}
.services .card:hover .card-inner {
  transform: rotateY(180deg);
}
.services .card:hover .card-inner .card-front {
  display: none;
}
.services .card:hover .card-inner .card-back {
  display: block;
}

.choose .fa {
  font-size: 3rem;
}
.choose .fa-handshake {
  color: #f058dc;
}
.choose .fa-user-clock {
  color: #ffb774;
}
.choose .fa-sitemap {
  color: #589af1;
}
.choose .col-sm-10 p {
  color: #696592;
}
.choose .counter {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.choose .counter h1 {
  font-size: 3.5rem;
}
.choose .counter p {
  color: #696592;
}

.call_to_action {
  background: #2d2b46;
  color: #fcfcfc;
}
.call_to_action h2 {
  color: #fcfcfc;
  margin-bottom: 2rem;
}
.call_to_action .btn {
  padding: 1rem 2rem;
  border-color: #fcfcfc;
  border-radius: 0;
  background: transparent;
  color: #fcfcfc;
  border-width: 0.2rem;
}
.call_to_action .btn:hover {
  border-color: #2d2b46;
  background: #fff;
  color: #2d2b46;
}

.testimonial {
  background: #413e66;
  color: #fcfcfc;
}
.testimonial span {
  color: rgba(247, 243, 243, 0.4);
}
.testimonial img {
  border-radius: 50%;
  width: 80%;
}
.testimonial h2 {
  margin-bottom: 3rem;
  color: #fcfcfc;
}
.testimonial .carousel-indicators {
  margin-bottom: -2rem;
}
.testimonial .carousel-indicators li {
  border-radius: 50%;
  background-color: rgba(252, 252, 252, 0.7);
  width: 1rem;
  height: 1rem;
}
.testimonial .carousel-indicators .active {
  background-color: #fcfcfc;
}

.clients {
  height: auto;
}
.clients img {
  width: 50%;
  opacity: 0.8;
}
.clients img:hover {
  opacity: 1;
}
.clients .col-sm-12 {
  margin-bottom: 2rem;
}

footer {
  background: #413e66;
  color: #fcfcfc;
}
footer a {
  color: #fcfcfc;
}
footer h1 {
  color: rgba(252, 252, 252, 0.9);
}
footer a:hover {
  text-decoration: none;
}

.copyright {
  padding: 1rem;
  background: #413e66;
}
.copyright a, .copyright p {
  color: #fcfcfc;
}
.copyright hr {
  background: #fcfcfc;
}

#slides {
  max-height: 80vh;
}
#slides .carousel-inner {
  max-height: inherit;
}
#slides .overlay-slide-1, #slides .overlay-slide-3 {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
#slides .overlay-slide-2 {
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
#slides .slide-content-1, #slides .slide-content-3 {
  background: #413e66;
  z-index: 2;
  top: 20%;
  padding-top: 5%;
  left: 0;
  padding-left: 15%;
  text-align: left;
  width: 65%;
  bottom: 45% !important;
}
#slides .slide-content-1 h1, #slides .slide-content-3 h1 {
  color: #fcfcfc;
}
#slides .slide-content-1 p, #slides .slide-content-3 p {
  color: #fcfcfc;
}
#slides .slide-content-2 {
  background: #413e66;
  z-index: 2;
  top: 20%;
  left: 35%;
  padding-top: 5%;
  width: 65%;
  bottom: 45% !important;
}
#slides .slide-content-2 h1 {
  color: #fcfcfc;
  text-align: right;
  margin-right: 15%;
}
#slides .slide-content-2 p {
  color: #fcfcfc;
}
#slides .carousel-indicators li {
  border-radius: 50%;
  background-color: #040404;
  width: 1rem;
  height: 1rem;
}
#slides .carousel-indicators .active {
  background-color: #413e66;
}
#slides .carousel-control-prev, #slides .carousel-control-next {
  top: 45%;
  bottom: 45%;
  width: 10%;
}
#slides .carousel-control-prev:hover, #slides .carousel-control-next:hover {
  background: #413e66;
}

.page-header-image {
  padding: 0;
  max-height: 80vh;
}
.page-header-image img {
  max-height: inherit;
}

.page-header {
  background: lightgray;
  padding: 1rem;
}

.page-body {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/******************************************
                MEDIA QUERIES
/******************************************/
/* Mobile small phone  Screen */
@media only screen and (max-width: 320px) {
  .menus {
    background: #413e66;
    padding: 0.5rem;
    position: fixed;
    z-index: 10;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .menus .logo {
    width: 20%;
  }
  .menus .menus-navs {
    float: none;
    margin-top: 0.5rem;
    display: none;
  }
  .menus .menus-navs a {
    color: #fcfcfc;
    padding: 0.2rem;
    display: block;
  }
  .menus .menus-navs a:hover {
    text-decoration: none;
    color: #413e66;
    background: #fff;
  }
  .menus .fa-bars {
    display: inline;
    float: right;
    margin-top: 1rem;
    cursor: pointer;
  }

  #slides .carousel-item {
    margin-top: 4rem;
  }
  #slides .slide-content-1, #slides .slide-content-3 {
    bottom: 30% !important;
  }
  #slides .slide-content-1 h1, #slides .slide-content-3 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-1 p, #slides .slide-content-3 p {
    display: none;
  }
  #slides .slide-content-2 {
    bottom: 30% !important;
  }
  #slides .slide-content-2 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-2 p {
    display: none;
  }
  #slides .carousel-indicators {
    z-index: 9;
  }
  #slides .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }
  #slides .carousel-indicators .active {
    background-color: #413e66;
  }
  #slides .carousel-control-prev, #slides .carousel-control-next {
    display: none;
  }

  .services {
    background: #413e66;
    color: #fcfcfc;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0.4;
  }
  .services h2 {
    color: #fcfcfc;
  }
  .services .card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }

  .testimonial img {
    display: none;
  }
  .testimonial .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }

  .clients {
    height: auto;
  }
  .clients img {
    width: 100%;
    opacity: 0.8;
  }
  .clients img:hover {
    opacity: 1;
  }
  .clients .col-sm-12 {
    margin-bottom: 2rem;
  }

  footer h1 {
    color: rgba(252, 252, 252, 0.9);
    font-size: 1.5rem;
  }

  .page-header-image .headerImage {
    margin-top: 4rem;
  }
}
/* Mobile Medium phone Screen */
@media only screen and (max-width: 375px) and (min-width: 320px) {
  .menus {
    background: #413e66;
    padding: 0.5rem;
    position: fixed;
    z-index: 10;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .menus .logo {
    width: 20%;
  }
  .menus .menus-navs {
    float: none;
    margin-top: 0.5rem;
    display: none;
  }
  .menus .menus-navs a {
    color: #fcfcfc;
    padding: 0.2rem;
    display: block;
  }
  .menus .menus-navs a:hover {
    text-decoration: none;
    color: #413e66;
    background: #fff;
  }
  .menus .fa-bars {
    display: inline;
    float: right;
    margin-top: 1rem;
    cursor: pointer;
  }

  #slides .carousel-item {
    margin-top: 4rem;
  }
  #slides .slide-content-1, #slides .slide-content-3 {
    bottom: 30% !important;
  }
  #slides .slide-content-1 h1, #slides .slide-content-3 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-1 p, #slides .slide-content-3 p {
    display: none;
  }
  #slides .slide-content-2 {
    bottom: 30% !important;
  }
  #slides .slide-content-2 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-2 p {
    display: none;
  }
  #slides .carousel-indicators {
    z-index: 9;
  }
  #slides .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }
  #slides .carousel-indicators .active {
    background-color: #413e66;
  }
  #slides .carousel-control-prev, #slides .carousel-control-next {
    display: none;
  }

  .services {
    background: #413e66;
    color: #fcfcfc;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0.4;
  }
  .services h2 {
    color: #fcfcfc;
  }
  .services .card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }

  .testimonial img {
    display: none;
  }
  .testimonial .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }

  .clients {
    height: auto;
  }
  .clients img {
    width: 100%;
    opacity: 0.8;
  }
  .clients img:hover {
    opacity: 1;
  }
  .clients .col-sm-12 {
    margin-bottom: 2rem;
  }

  footer h1 {
    color: rgba(252, 252, 252, 0.9);
    font-size: 1.5rem;
  }

  .page-header-image .headerImage {
    margin-top: 4rem;
  }
}
/* Mobile Large Phone Screen */
@media only screen and (max-width: 425px) and (min-width: 375px) {
  .menus {
    background: #413e66;
    padding: 0.5rem;
    position: fixed;
    z-index: 10;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .menus .logo {
    width: 20%;
  }
  .menus .menus-navs {
    float: none;
    margin-top: 0.5rem;
    display: none;
  }
  .menus .menus-navs a {
    color: #fcfcfc;
    padding: 0.2rem;
    display: block;
  }
  .menus .menus-navs a:hover {
    text-decoration: none;
    color: #413e66;
    background: #fff;
  }
  .menus .fa-bars {
    display: inline;
    float: right;
    margin-top: 1rem;
    cursor: pointer;
  }

  #slides .carousel-item {
    margin-top: 4rem;
  }
  #slides .slide-content-1, #slides .slide-content-3 {
    bottom: 30% !important;
  }
  #slides .slide-content-1 h1, #slides .slide-content-3 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-1 p, #slides .slide-content-3 p {
    display: none;
  }
  #slides .slide-content-2 {
    bottom: 30% !important;
  }
  #slides .slide-content-2 h1 {
    font-size: 1rem;
  }
  #slides .slide-content-2 p {
    display: none;
  }
  #slides .carousel-indicators {
    z-index: 9;
  }
  #slides .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }
  #slides .carousel-indicators .active {
    background-color: #413e66;
  }
  #slides .carousel-control-prev, #slides .carousel-control-next {
    display: none;
  }

  .services {
    background: #413e66;
    color: #fcfcfc;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0.4;
  }
  .services h2 {
    color: #fcfcfc;
  }
  .services .card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }

  .testimonial img {
    display: none;
  }
  .testimonial .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }

  .clients {
    height: auto;
  }
  .clients img {
    width: 100%;
    opacity: 0.8;
  }
  .clients img:hover {
    opacity: 1;
  }
  .clients .col-sm-12 {
    margin-bottom: 2rem;
  }

  footer h1 {
    color: rgba(252, 252, 252, 0.9);
    font-size: 1.5rem;
  }

  .page-header-image .headerImage {
    margin-top: 4rem;
  }
}
/* Tablets Phone Screen */
@media only screen and (max-width: 768px) and (min-width: 425px) {
  #slides .carousel-item {
    margin-top: 4rem;
  }
  #slides .slide-content-1, #slides .slide-content-3 {
    bottom: 30% !important;
  }
  #slides .slide-content-1 h1, #slides .slide-content-3 h1 {
    font-size: 2rem;
    padding-right: 1rem;
  }
  #slides .slide-content-1 p, #slides .slide-content-3 p {
    display: none;
  }
  #slides .slide-content-2 {
    bottom: 30% !important;
  }
  #slides .slide-content-2 h1 {
    font-size: 2rem;
  }
  #slides .slide-content-2 p {
    display: none;
  }
  #slides .carousel-indicators {
    z-index: 9;
  }
  #slides .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }
  #slides .carousel-indicators .active {
    background-color: #413e66;
  }

  .services {
    background: #413e66;
    color: #fcfcfc;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0.4;
  }
  .services h2 {
    color: #fcfcfc;
  }
  .services .card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin: 0 1% 0.5rem 0;
  }

  .testimonial img {
    display: none;
  }
  .testimonial .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }

  .clients {
    height: auto;
  }
  .clients img {
    width: 100%;
    opacity: 0.8;
  }
  .clients img:hover {
    opacity: 1;
  }
  .clients .col-sm-12 {
    margin-bottom: 2rem;
  }

  footer h1 {
    color: rgba(252, 252, 252, 0.9);
    font-size: 1.5rem;
  }

  .page-header-image .headerImage {
    margin-top: 3rem;
  }
}
/* Laptop Phone Screen */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #slides .carousel-item {
    margin-top: 4rem;
  }
  #slides .slide-content-1, #slides .slide-content-3 {
    bottom: 30% !important;
  }
  #slides .slide-content-1 h1, #slides .slide-content-3 h1 {
    font-size: 2rem;
    padding-right: 1rem;
  }
  #slides .slide-content-1 p, #slides .slide-content-3 p {
    padding-right: 1rem;
  }
  #slides .slide-content-2 {
    bottom: 30% !important;
  }
  #slides .slide-content-2 h1 {
    font-size: 2rem;
  }
  #slides .carousel-indicators {
    z-index: 9;
  }
  #slides .carousel-indicators li {
    width: 0.5rem;
    height: 0.5rem;
  }
  #slides .carousel-indicators .active {
    background-color: #413e66;
  }
}
/* Laptop Large Phone Screen */
@media only screen and (max-width: 1440px) and (min-width: 1024px) {
  .slide-content-2 {
    bottom: 30% !important;
  }
  .slide-content-2 h1 {
    font-size: 2rem;
  }
  .slide-content-2 p {
    text-align: right;
  }
}

/*# sourceMappingURL=style.css.map */