@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
html,
body {
  max-width: 100%;
  overflow-x: hidden; }

* body {
  font-family: 'Poppins', serif; }

.navbar-light .navbar-toggler {
  color: transparent;
  border-color: transparent; }

.navbar-light .navbar-brand {
  color: white; }

.navbar-nav .nav-item {
  transition: 1s all ease-in-out; }
.navbar-nav .nav-item:hover {
  color: red; }

.bg-primary {
  background-color: #131313 !important; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
  transition: 0.5s all ease-in-out; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #f4f4f4;
  text-decoration: underline; }

.navbar {
  a: hover;
    a-text-decoration: underline; }
  .navbar .navbar-light .navbar-nav .active > .nav-link {
    color: white; }
  .navbar .navbar-nav .active .nav-link {
    color: white; }
  .navbar .navbar-nav .nav-link {
    color: #9296a8; }
  .navbar a {
    color: white; }

@keyframes arrow-right-animation {
  0%,
  100% {
    transform: translateX(10px); }
  50% {
    transform: translateX(0px); } }
.content-writeup {
  color: white;
  padding-top: 100px; }
  .content-writeup .title {
    padding: 0px 0px 0px 40px;
    font-size: 20px;
    font-weight: 700; }
  .content-writeup .content {
    padding: 10px 120px 120px 40px;
    font-size: 18px;
    line-height: 2; }
    .content-writeup .content .area {
      font-size: 22px;
      font-weight: 600; }

.heading {
  font-size: 22px;
  color: white; }
  .heading p {
    padding: 0px;
    margin: 0px; }

.hero {
  background: linear-gradient(0deg, #131313); }
  .hero .hero_text {
    padding-top: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 400; }
  .hero .hero_image {
    border-radius: 5px;
    text-align: center; }
  .hero .clients__slider {
    background: #131313; }
  .hero .slider__item {
    text-align: center;
    width: 100%;
    max-width: 80%; }
  .hero .block_image {
    padding: 0 40px; }
    .hero .block_image img {
      max-width: 100%;
      display: inline-block;
      vertical-align: top;
      border: 0;
      outline: none; }
  .hero .block_text {
    color: #fff;
    line-height: 23px;
    letter-spacing: 1.5px; }
    .hero .block_text p {
      margin: 0;
      padding: 15px 0; }
  .hero .clients {
    padding-top: 50px; }
  .hero .clients__slider {
    background: #131313;
    display: flex;
    overflow: hidden;
    padding-bottom: 50px;
    z-index: 99999;
    position: relative;
    padding-top: 0px; }

.hero_wrapper {
  overflow-y: scroll;
  scroll-snap-type: y mandatory; }

.home-carousel {
  scroll-snap-align: start;
  padding-top: 60px;
  padding-bottom: 75px;
  position: relative;
  overflow: hidden;
  scroll-snap-type: y mandatory; }
  .home-carousel .slideshow_wrapper {
    position: relative;
    top: 0;
    left: 0;
    right: unset;
    height: auto;
    z-index: 0; }
  .home-carousel .carousel-section-content {
    margin: 0 auto;
    position: relative;
    margin-top: -180px;
    z-index: 10; }
  .home-carousel .carousel-static-image-wrapper {
    justify-content: center;
    margin-top: -10px;
    margin-right: 170px; }
  @media (max-width: 768px) {
    .home-carousel .home-carousel-section .carousel-static-image-wrapper {
      margin-top: -20px; } }
  @media (max-width: 720px) {
    .home-carousel .home-carousel-section .carousel-static-image-wrapper {
      margin-top: -20px; } }
  .home-carousel .home-carousel-section .carousel-static-image-wrapper img {
    width: 100%; }
  .home-carousel .text-wrapper {
    margin: auto;
    padding-top: 10px; }
    .home-carousel .text-wrapper p {
      color: white;
      font-family: "Poppins";
      font-size: 23px;
      font-weight: 400;
      line-height: 28.06px; }
    .home-carousel .text-wrapper em {
      color: white;
      font-family: "Poppins";
      font-size: 23px;
      font-weight: 400;
      line-height: 28.06px;
      margin: 0px;
      padding: 15px 0px; }

.featured-section {
  height: auto;
  text-align: center; }
  .featured-section .image {
    height: 40%;
    padding-top: 40px; }
    .featured-section .image img {
      height: 60%; }
  .featured-section .text-block {
    padding-top: 40px;
    color: white;
    font-weight: 400; }
  .featured-section .text-block-quote {
    font-size: 23px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: 1px;
    text-align: center;
    padding: 15px 0;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 20px; }
  .featured-section .text-aboutUs {
    padding: 15px 0;
    padding-bottom: 40px; }
    .featured-section .text-aboutUs a {
      color: #fff;
      margin-top: 70px;
      bottom: 50px;
      right: 0px;
      left: 0px; }
    .featured-section .text-aboutUs .arrow-right {
      margin-left: 10px;
      position: absolute;
      line-height: 24px; }
  .featured-section .text-aboutUs a:hover .arrow-right {
    animation: arrow-right-animation 1s ease-in-out infinite; }

.image-grids {
  height: auto;
  padding: 60px 0px 60px 0px; }
  .image-grids .row {
    margin-bottom: 20px; }
  .image-grids .title {
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0px 10px 0px;
    line-height: 1.22;
    letter-spacing: 1px;
    color: #131313; }
  .image-grids .title a:hover .arrow-right {
    animation: arrow-right-animation 1s ease-in-out infinite; }
  .image-grids a {
    color: #131313;
    margin-top: 70px;
    bottom: 50px;
    color: white;
    right: 0px;
    left: 0px; }
  .image-grids p {
    color: white; }
  .image-grids .section-info-title {
    color: #131313;
    font-size: 23px;
    font-weight: 400;
    line-height: 28.06px;
    margin: 0px;
    padding: 15px 0px;
    padding: 60px; }
    .image-grids .section-info-title .arrow-right {
      margin-left: 10px;
      position: absolute;
      line-height: 24px; }
  .image-grids .section-info-title a:hover .arrow-right {
    animation: arrow-right-animation 1s ease-in-out infinite; }
  .image-grids .v-center {
    margin-top: auto;
    margin-bottom: auto; }

.socials img {
  color: white; }
.socials .icons {
  color: white;
  height: 20px;
  width: 20px; }

.instagram-grids {
  height: auto;
  background-color: #b3b3b3;
  padding: 30px 0px 30px 0px; }
  @media (min-width: 360px) and (max-width: 767px) {
    .instagram-grids .container-fluid {
      padding: 0px; } }
  .instagram-grids .row {
    margin: 20px; }
  .instagram-grids .title {
    color: white;
    font-size: 24px;
    text-align: center;
    font-weight: 400; }
  .instagram-grids .insta-col {
    margin-top: 40px; }

.project-hero {
  background-color: #131313; }

.project-images {
  padding-top: 60px;
  padding-bottom: 60px;
  max-inline-size: 90%; }

.spacing {
  padding-top: 30px; }

.bottom {
  bottom: 150px; }

@media only screen and (max-width: 600px) {
  .bottom {
    bottom: 0px; } }
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@keyframes Gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
footer {
  background-color: black; }
  footer .footer-copyright {
    color: white; }
    footer .footer-copyright a {
      color: white;
      text-decoration: none; }
  footer h5, footer p {
    color: white; }
  footer ul li a {
    color: white;
    text-decoration: none; }

.project-details {
  background: #abc; }
  .project-details ::-webkit-scrollbar {
    width: 1px;
    height: 1px; }
  .project-details ::-webkit-scrollbar-button {
    width: 1px;
    height: 1px; }
  .project-details body {
    background: #111; }
  .project-details div {
    box-sizing: border-box; }
  .project-details .horizontal-scroll-wrapper {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: auto;
    max-height: 375vh;
    margin: 0;
    padding-top: 1px;
    background: #abc;
    overflow-y: auto;
    overflow-x: hidden;
    transform: rotate(-90deg) translateY(-125vh);
    transform-origin: right top; }
    .project-details .horizontal-scroll-wrapper > div {
      display: block;
      padding: 5px;
      transform: rotate(90deg);
      transform-origin: right top; }
      .project-details .horizontal-scroll-wrapper > div img {
        margin: 20px; }
  .project-details .squares {
    padding: 125vh 0 0 0; }
    .project-details .squares > div {
      width: 125vh;
      height: 125vh;
      margin: 10px 0; }

.bg-gradient {
  background-image: linear-gradient(45deg, #CDCDD4, #64656E, #eee2e1, #64656E);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite; }

.bg_color {
  background-color: #DEDEDE; }
  .bg_color p, .bg_color a {
    color: #003255;
    text-decoration: none; }
  .bg_color .container {
    background-color: #DEDEDE; }

.mobile_wrapper {
  display: none; }

.outer-wrapper {
  display: block; }

@media (min-width: 360px) and (max-width: 767px) {
  .content-writeup .content {
    padding: 10px 20px 120px 40px;
    font-size: 18px;
    line-height: 2; }

  .outer-wrapper {
    display: none; }

  .mobile_wrapper {
    display: block; }
    .mobile_wrapper .images div {
      margin: 20px; } }
.aboutus_wrapper .aboutus {
  padding: 80px;
  color: black;
  line-height: 2; }
  .aboutus_wrapper .aboutus .main {
    word-wrap: normal;
    font-size: 24px;
    font-weight: 400;
    padding: 20px 0px 20px 0px; }
  .aboutus_wrapper .aboutus .heading {
    color: black;
    font-size: 28px;
    font-weight: 600; }

@media (min-width: 360px) and (max-width: 767px) {
  .aboutus_wrapper .aboutus {
    padding: 20px;
    color: black;
    line-height: 2; }
    .aboutus_wrapper .aboutus .main {
      word-wrap: normal;
      font-size: 18px;
      font-weight: 400;
      padding: 0px 0px 0px 0px; }
    .aboutus_wrapper .aboutus .heading {
      color: black;
      font-size: 24px;
      font-weight: 600; } }

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