@charset "UTF-8";
.blueColor {
  color: #1A74AF;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.lh-1-3 {
  line-height: 1.3;
}

.lh-1-4 {
  line-height: 1.4;
}

.lh-1-5 {
  line-height: 1.5;
}

.lh-1-6 {
  line-height: 1.6;
}

.section-gap {
  padding: 3em 0;
}

.bullet-heading {
  font-size: clamp(1.5em, 2vw, 4.25em);
  font-weight: 800;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .bullet-heading {
    text-align: center;
    font-weight: 500;
  }
}
.bullet-heading::marker {
  margin-right: 5px;
}

.btn-1 {
  width: -moz-max-content;
  width: max-content;
  border-color: #1A74AF;
  background-color: #1A74AF;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 8px;
  color: #fff;
}
.btn-1:hover {
  background-color: #043260;
}
.btn-1:hover a {
  color: #fff;
}
.btn-1:hover a svg path {
  fill: #fff;
}

.btn-2 {
  width: -moz-max-content;
  width: max-content;
  border-color: #FE9C06;
  background-color: #FE9C06;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 25px;
  color: #000;
  font-weight: 400;
  font-size: clamp(1em, 1vw, 2em);
}
.btn-2:hover {
  background-color: #e38b06;
}

.btn-3 {
  width: -moz-max-content;
  width: max-content;
  border-color: #F84C00;
  background-color: #F84C00;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 8px;
  color: #fff;
}
.btn-3:hover {
  background-color: #F84C00;
}
.btn-3:hover a {
  color: #fff;
}
.btn-3:hover a svg path {
  fill: #fff;
}

#hero-navbar {
  position: relative;
  z-index: 999;
  padding: 10px 0;
}
#hero-navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 10px;
}
#hero-navbar .navbar-nav .nav-item .nav-link {
  text-transform: capitalize;
  font-size: clamp(0.9em, 1vw, 2em);
  font-weight: 400;
  transition: 0.5s all ease-in-out;
}
#hero-navbar .navbar-nav .nav-item .nav-link:hover {
  color: #000;
}
#hero-navbar .navbar-nav .nav-item.active .nav-link {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (max-width: 991.98px) {
  #hero-navbar .navbar-nav {
    padding: 1em 2em;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  }
}
#hero-navbar .navbar-toggler {
  border: none;
}
#hero-navbar .navbar-toggler:focus {
  border: none;
  box-shadow: none;
}
#hero-navbar .navbar-brand img {
  width: 250px;
}
@media (max-width: 330px) {
  #hero-navbar .navbar-brand img {
    width: 200px !important;
  }
}
#hero-navbar .animated-icon2 {
  width: 35px;
  height: 20px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#hero-navbar .animated-icon2:focus {
  border: none;
  box-shadow: none;
}
#hero-navbar .animated-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  background: #333;
}
#hero-navbar .animated-icon2 span:nth-child(1) {
  top: 0px;
}
#hero-navbar .animated-icon2 span:nth-child(2) {
  top: 10px;
}
#hero-navbar .animated-icon2 span:nth-child(3) {
  top: 10px;
}
#hero-navbar .animated-icon2 span:nth-child(4) {
  top: 20px;
}
#hero-navbar .animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}
#hero-navbar .animated-icon2.open span:nth-child(2) {
  transform: rotate(45deg);
}
#hero-navbar .animated-icon2.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#hero-navbar .animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}
@media (max-width: 991.98px) {
  #hero-navbar .navbar-collapse {
    position: absolute;
    z-index: 999;
    max-width: 100%;
    right: 0;
    left: 0;
    top: 75px;
    background-color: #fff;
  }
}

#footer {
  margin-top: 1em;
  background: #E8E8E9;
  padding: 2em 0;
}
#footer .main-heading {
  display: none !important;
  font-weight: 200;
  font-size: clamp(3em, 6.197vw, 15em);
  text-transform: uppercase;
  letter-spacing: 35px;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #footer .main-heading {
    font-size: 3em;
  }
}
#footer .footer-logo {
  max-width: 160px;
}
@media (max-width: 991.98px) {
  #footer .footer-logo {
    display: flex;
    margin: 0 auto;
    max-width: 180px;
  }
}
#footer .line {
  background: #000;
  opacity: 0.2;
  width: 100%;
  height: 1px;
  margin: 10px 0;
}
#footer h4 {
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 400;
}
#footer .block h1 {
  font-size: clamp(1.5em, 1.875vw, 4.5em);
  font-weight: 400;
  display: none !important;
}
#footer .location li {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  #footer .location li {
    display: block;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
  }
}
#footer .location li .icon img {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
#footer .col-lg-3 ul {
  margin-top: -3px;
}
#footer ul li {
  margin-bottom: 5px;
}
#footer ul li a {
  font-size: clamp(0.875em, 1vw, 1.875em);
  font-weight: 400;
  text-transform: capitalize;
  transition: 0.5s all ease-in-out;
  color: #333;
}
#footer ul li a:hover {
  color: #000;
}
#footer a {
  color: #333;
  transition: 0.5s all ease-in-out;
}
#footer a:hover {
  color: #000;
}
#footer .tel a, #footer .tel p {
  color: #333;
  font-weight: 400;
  text-transform: lowercase;
  font-variant-numeric: lining-nums proportional-nums;
  transition: 0.5s all ease-in-out;
}
#footer .tel a:hover, #footer .tel p:hover {
  color: #000;
}
#footer .txt p {
  font-weight: 400;
  color: #333;
  font-size: clamp(0.875em, 1vw, 1.875em);
}
@media (max-width: 991.98px) {
  #footer .social-icons {
    justify-content: center;
  }
  #footer .copy-right {
    text-align: center;
  }
}
#footer p, #footer a {
  font-size: clamp(14px, 1vw, 14px) !important;
}

#hero-slider {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
@media (min-width: 991.98px) {
  #hero-slider {
    height: calc(100vh - 89px);
  }
}
#hero-slider .experience {
  position: absolute;
  right: 3em;
  z-index: 1;
  background-color: #fff;
}
#hero-slider .carousel-caption {
  top: 20%;
  left: 7em;
}
@media (max-width: 991.98px) {
  #hero-slider .carousel-caption {
    left: 3em;
    top: 0%;
    right: 2em;
  }
}
#hero-slider .carousel-caption h1 {
  text-align: left;
  font-weight: 500;
  font-size: clamp(1.45em, 4.166vw, 10em);
  color: #000;
}
@media (max-width: 991.98px) {
  #hero-slider .carousel-caption h1 {
    text-align: center;
  }
}
@media (min-width: 991.98px) {
  #hero-slider .carousel-item img {
    height: calc(100vh - 89px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
#hero-slider .home-slider {
  padding: 3em 0 0;
}
#hero-slider .home-slider h1 {
  text-align: left;
  font-weight: 500;
  font-size: clamp(2.25em, 4.166vw, 10em);
  text-align: center;
  margin-bottom: 1em;
}
#hero-slider .scroll {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
#hero-slider .scroll a {
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
}
#hero-slider .scroll .arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}
#hero-slider .scroll .arrows path {
  stroke: #ccc;
  fill: transparent;
  stroke-width: 1.5px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}
@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#hero-slider .scroll .arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s; /* Safari 和 Chrome */
}
#hero-slider .scroll .arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}
#hero-slider .scroll .arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s; /* Safari 和 Chrome */
}
#hero-slider .scroll .indicator {
  width: 50px;
  height: 100px;
  border: 2px solid #ccc;
  border-radius: 50px;
  position: relative;
  margin: 0 auto;
}
#hero-slider .scroll .indicator:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #ccc;
  margin: auto;
  left: 0;
  right: 0;
  top: 30px;
  border-radius: 50%;
  animation: animate 1s linear infinite;
}
@keyframes animate {
  0% {
    opacity: 1;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 100px;
    transform: scale(0.8);
  }
}

.anchor {
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

#about-us {
  position: relative;
  padding: 3em 0;
}
@media (min-width: 991.98px) {
  #about-us::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/img/home/ABOUT-BGIMAGE.svg);
    background-size: cover;
    z-index: -1;
  }
}
#about-us .bg-content {
  background: #333;
  padding: 3em 1.5em;
}
@media (max-width: 991.98px) {
  #about-us .bg-content {
    padding: 2em;
    margin-top: -5em;
  }
}
@media (max-width: 767.98px) {
  #about-us .bg-content {
    padding: 1em;
    margin-top: -8em;
    width: 90%;
  }
}
#about-us .bg-content p {
  font-weight: 400;
  color: #ffffff;
  font-size: clamp(1em, 1.177vw, 2.65em);
  margin-right: 2em;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us .bg-content p {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  #about-us .bg-content p {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  #about-us .content {
    text-align: center;
  }
}
#about-us .content h1 {
  font-size: clamp(1.5em, 2vw, 4.25em);
  font-weight: 800;
  margin-bottom: 10px;
}
#about-us .content p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
  color: #333;
  margin-bottom: 1.25em;
}
#about-us .content a {
  text-decoration: underline !important;
  color: #000;
  text-underline-offset: 5px;
  text-transform: capitalize;
  font-size: clamp(1em, 1.041vw, 2.5em);
}

#statistics {
  position: relative;
  padding: 3em 0;
  background: #E8E8E9;
}
#statistics ul {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
@media (max-width: 991.98px) {
  #statistics ul {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
}
#statistics ul li {
  text-align: left;
  width: 17%;
  padding: 1em;
  border: 1px solid #B7B7B7;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 991.98px) {
  #statistics ul li {
    width: 30%;
    min-width: 30%;
    float: left;
  }
}
@media (max-width: 767.98px) {
  #statistics ul li {
    width: 45%;
    min-width: 45%;
  }
}
#statistics ul li:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
#statistics ul li .icon {
  margin-bottom: 10px;
}
#statistics ul li h1 {
  font-weight: 400;
  font-size: clamp(3em, 5.208vw, 12em);
  position: relative;
}
@media (min-width: 992px) and (max-width: 1400px) {
  #statistics ul li h1 {
    font-size: 3em;
  }
}
#statistics ul li h1 sup {
  left: -15px;
}
#statistics ul li p {
  text-transform: uppercase;
  font-weight: 300;
}
@media (min-width: 992px) and (max-width: 1400px) {
  #statistics ul li p {
    font-size: 0.75em;
  }
}
@media (max-width: 767.98px) {
  #statistics ul li p {
    font-size: 0.775em;
  }
}
#statistics.project-statistics p {
  font-size: 0.7em;
}

#latest-updates {
  position: relative;
  padding: 3em 0;
}
#latest-updates .latest-slider .item .img img {
  width: 100%;
}
#latest-updates .latest-slider .item .txt {
  padding-top: 1em;
}
#latest-updates .latest-slider .item .txt p {
  text-transform: uppercase;
  font-size: clamp(0.75em, 1vw, 2em);
  font-weight: 300;
  margin-bottom: 0;
}
#latest-updates .latest-slider .item .txt h4 {
  font-weight: 600;
  font-size: clamp(1.05em, 1.614vw, 4em);
}
@media (min-width: 991.98px) {
  #latest-updates .slick-slider {
    margin: 0 -15px;
  }
}
#latest-updates .slick-slide {
  padding: 10px;
  margin-right: 15px;
  margin-left: 15px;
}
#latest-updates .slick-prev::before {
  content: url(/img/home/left-arrow.svg);
}
#latest-updates .slick-next::before {
  content: url(/img/home/right-arrow.svg);
}

#our-achievements {
  position: relative;
}
@media (max-width: 991.98px) {
  #our-achievements {
    background: #F5F5F5;
    margin-top: 2.75em;
  }
}
#our-achievements .item .txt {
  margin-top: 10px;
}
#our-achievements .item .txt .sub-head {
  font-size: clamp(1.5em, 1.875vw, 9em);
  font-weight: 600;
}
#our-achievements .item .txt .des {
  color: #000;
  font-weight: 600;
  font-size: clamp(1em, 1vw, 2em);
  position: relative;
}
#our-achievements .item .txt .des::after {
  position: absolute;
  content: "";
  background: #000;
  height: 1px;
  width: 30%;
  z-index: 1;
  opacity: 0.5;
  left: 0;
  bottom: -5px;
}
#our-achievements .item .txt .heading {
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 500;
  text-transform: uppercase;
}
#our-achievements .slick-slide {
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  #our-achievements .slick-list {
    padding: 0 20% 0 0 !important;
  }
}

#our-services {
  position: relative;
}
#our-services .content h2 {
  font-size: clamp(1.25em, 1.75vw, 3em);
  font-weight: 400;
}
#our-services .col-lg-3 {
  position: relative;
}
@media (min-width: 991.98px) {
  #our-services .col-lg-3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    min-width: 0.5px;
    max-width: 0.5px;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
  }
}
#our-services .each-service {
  padding-left: 1em;
}
#our-services .each-service .img {
  margin-bottom: 1em;
}
#our-services .each-service h4 {
  margin-bottom: 1em;
  font-weight: 600;
  font-size: clamp(1.3em, 1.627vw, 3em);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #our-services .each-service h4 {
    font-size: 1.25em;
  }
}
#our-services .each-service p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #our-services .each-service p {
    font-size: 0.875em;
  }
}
@media (max-width: 991.98px) {
  #our-services .each-service {
    margin-bottom: 3em;
    padding-left: 0;
  }
  #our-services .each-service .txt {
    background: #F5F5F5;
    width: 90%;
    margin-top: -5em;
    position: relative;
    z-index: 2;
    padding: 1em;
  }
}
@media (max-width: 991.98px) {
  #our-services {
    padding-bottom: 0;
  }
  #our-services .nav {
    margin-bottom: 2em;
  }
  #our-services .nav .nav-link {
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
    opacity: 0.6;
    text-align: left;
    padding-bottom: 0;
  }
  #our-services .nav .nav-link span sup {
    display: none;
  }
  #our-services .nav .nav-link.active {
    background: inherit;
    box-shadow: inherit;
    opacity: 1;
  }
  #our-services .nav .nav-link.active span sup {
    display: block;
  }
}

#our-process {
  position: relative;
  padding: 1em 0 0;
}
#our-process .tab-content .content {
  max-width: 65%;
}
#our-process .tab-content .content p {
  margin-bottom: 2em;
  font-size: clamp(1em, 1vw, 2em);
  line-height: 1.5;
  font-weight: 300;
}
#our-process .tab-content .img {
  max-width: 75%;
  float: right;
  margin-top: 2em;
}
#our-process .nav-pills button {
  font-weight: 600 !important;
  font-size: clamp(1.1em, 1.302vw, 3.175em) !important;
  color: #000;
  opacity: 0.5;
  text-align: left;
  padding-bottom: 0;
}
#our-process .nav-pills button.active {
  opacity: 1;
  background-color: inherit;
  border: inherit;
}
#our-process .process-slider .img {
  margin-top: 1em;
}
#our-process .process-slider .content {
  text-align: center;
}
#our-process .process-slider .content img {
  margin: 0 auto;
}
#our-process .process-slider .content h4 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.15em;
}
#our-process .process-slider .slick-dots {
  bottom: -40px;
  z-index: 1;
}
#our-process .process-slider .slick-dots li {
  height: 1px;
  padding: 1px;
  width: 25px;
  background-color: gray;
  opacity: 0.5;
}
#our-process .process-slider .slick-dots li.slick-active {
  opacity: 1;
}

#our-projects {
  position: relative;
}
@media (max-width: 991.98px) {
  #our-projects {
    padding-bottom: 0;
  }
}
#our-projects .row {
  --bs-gutter-x: 1rem;
}
#our-projects .img {
  position: relative;
}
#our-projects .img .content {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1;
  display: flex;
  align-items: center;
  transition: 0.5s all ease-in-out;
}
#our-projects .img .content .txt {
  color: #fff;
  padding: 2em;
}
#our-projects .img .content .txt h1 {
  font-weight: 400;
  font-size: clamp(1.5em, 1.6vw, 3em);
  text-transform: capitalize;
  margin-bottom: 5px;
}
#our-projects .img .content .txt .sub-des {
  font-size: 0.75em;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 1em;
}
#our-projects .img .content .txt .des {
  font-weight: 300;
  font-size: clamp(1em, 1.041vw, 2.5em);
}
#our-projects .img .content .txt .button {
  margin-top: 1.75em;
}
#our-projects .img .content .txt .button a {
  border: 1px solid #FFF;
  padding: 10px 10px;
  text-transform: uppercase;
  font-weight: 300;
  color: #fff;
  font-size: 0.875em;
}
#our-projects .img:hover .content {
  opacity: 1;
}
#our-projects .img:hover .content .txt {
  transition: 0.9s all ease-in-out;
}
#our-projects .row {
  position: relative;
}
#our-projects .block-2-txt {
  min-height: 300px;
  display: flex;
  align-items: center;
}
#our-projects img {
  width: 100%;
}
#our-projects .fourth-block img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#our-projects .fourth-block .img-1 {
  height: 350px;
}
#our-projects .fourth-block .img-3, #our-projects .fourth-block .img-4 {
  height: 350px;
}
#our-projects .fourth-block .img-2 {
  height: 717px;
}
#our-projects .main-paragraph {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
}
#our-projects .mobile-projects img {
  -o-object-fit: cover;
     object-fit: cover;
}
#our-projects .mobile-projects .img-1 {
  margin-bottom: 1rem;
}
#our-projects .mobile-projects .img-2 img {
  height: 400px;
}
#our-projects .mobile-projects .img-3 {
  margin-bottom: 1rem;
}
#our-projects .mobile-projects .img-3 img {
  height: 192px;
}
#our-projects .mobile-projects .img-4 img {
  height: 192px;
}
@media (max-width: 767.98px) {
  #our-projects.inner-projects .filters {
    display: flex;
    overflow-x: auto;
  }
}
#our-projects.inner-projects .filters button {
  text-transform: uppercase;
  font-weight: 500;
  font-size: clamp(1em, 1.041vw, 2.5em);
  color: #909090;
  border: none;
}
#our-projects.inner-projects .filters button.active {
  border: none;
  box-shadow: none;
  color: #000;
  text-decoration: underline;
}
#our-projects.inner-projects .filters button.focus {
  box-shadow: none;
  border: none;
}
#our-projects.inner-projects .filters button:active {
  box-shadow: none;
  border: none;
}
#our-projects.inner-projects .filter {
  margin-bottom: 1em;
}
#our-projects.inner-projects .filter .txt {
  padding: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
#our-projects.inner-projects .filter .txt h1 {
  font-size: clamp(1.35em, 1.3vw, 3em);
}
#our-projects.inner-projects .filter .txt .sub-des {
  font-size: clamp(0.75em, 1vw, 1.25em);
}
#our-projects.inner-projects .filter .txt .des {
  font-size: clamp(0.8em, 1vw, 2em);
}
@media (max-width: 991.98px) {
  #our-projects.inner-projects .filter .txt .des {
    display: none;
  }
}
#our-projects.inner-projects .filter .txt .button {
  margin-top: 1em;
}
#our-projects.inner-projects .filter .txt .button a {
  font-size: clamp(0.75em, 1vw, 1.25em);
}
#our-projects.inner-projects .content {
  top: 100%;
  overflow: hidden;
}
#our-projects.inner-projects .img {
  transition: 0.5s all ease-in-out;
}
#our-projects.inner-projects .img:hover .content {
  top: 0;
}
@media (max-width: 991.98px) {
  #our-projects .mobile-projects .row {
    --bs-gutter-x: 1rem;
  }
}

#project-video {
  position: relative;
}
#project-video .img {
  position: relative;
}
#project-video .img .content {
  position: absolute;
  top: 50%;
  z-index: 1;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 991.98px) {
  #project-video .img .content {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 991.98px) {
  #project-video .img .content {
    left: 1em;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
  }
}
#project-video .img .content img {
  margin-bottom: 15px;
  width: 60px;
}
#project-video .img .content .bullet-heading {
  font-size: clamp(1em, 1vw, 1em);
  font-weight: 400;
  font-family: "Raleway";
  list-style-position: inside;
}
#project-video .img .content h1 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 800;
  font-size: clamp(1.75em, 2.631vw, 6em);
  letter-spacing: 5px;
}
@media (max-width: 991.98px) {
  #project-video .video-bg {
    min-height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#project-details {
  position: relative;
  padding: 3em 0 2em;
}
@media (max-width: 991.98px) {
  #project-details {
    overflow-x: hidden;
  }
}
#project-details .content h1 {
  font-weight: 800;
  text-transform: uppercase;
}
#project-details .content h3 {
  font-weight: 600;
  font-size: clamp(1em, 1.5vw, 3.5em);
  text-transform: uppercase;
}
#project-details .content p {
  color: #909090;
  font-weight: 400;
  text-transform: capitalize;
}
#project-details .content p span {
  color: #1F1C1C;
}
#project-details .content a {
  color: #909090;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: underline;
}
@media (min-width: 1999.98px) {
  #project-details .img img {
    width: 100%;
  }
}
#project-details .more-block .txt {
  padding: 1em !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
#project-details .more-block .txt p {
  font-size: 0.875em !important;
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt p {
    font-size: 0.7em !important;
  }
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt h1 {
    font-size: 1.3em !important;
  }
}
#project-details .more-block .txt a {
  text-decoration: none !important;
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt a {
    font-size: 0.7em !important;
  }
}
#project-details .project-details-carousel .carousel-control-next-icon {
  background-image: url("/img/Projects-Overview/prev-arrow.svg");
}
#project-details .project-details-carousel .carousel-control-prev-icon {
  background-image: url("/img/Projects-Overview/next-arrow.svg");
}
#project-details .sub-head {
  color: #909090 !important;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  #project-details .sub-head {
    display: block;
  }
}

#awards {
  position: relative;
}
#awards .awards-details .row {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
#awards .awards-details .row .each-block {
  width: 20%;
  float: left;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #awards .awards-details .row .each-block {
    width: 33.33%;
  }
}
@media (max-width: 991.98px) {
  #awards .awards-details .row .each-block {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  #awards .awards-details .row .each-block {
    width: 100%;
  }
}
#awards .awards-details .row .each-block .card {
  background: #F4F4F4;
  border-color: #F4F4F4;
}
#awards .awards-details .row .each-block .card h3 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.48vw, 3.5em);
  margin-bottom: 10px;
}
#awards .awards-details .row .each-block .card h4 {
  color: #43372D;
  font-weight: 600;
  text-transform: capitalize;
  font-size: clamp(1em, 1.11vw, 2.5em);
  margin-bottom: 1em;
}
#awards .awards-details .row .each-block .card h5 {
  font-size: clamp(1em, 1.11vw, 2.5em);
  margin-bottom: 0;
}
#awards .awards-details .row .each-block .card .location {
  text-transform: capitalize;
}
#awards .awards-details .row .each-block .card .year {
  color: #878787;
  font-weight: 600;
  font-size: 0.75em;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Raleway";
  text-transform: uppercase;
}
#awards .awards-details .row .each-block .card .des {
  color: #878787;
}

#about-us-inner {
  position: relative;
}
#about-us-inner .content h1 {
  font-weight: 800;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
  text-align: center;
  line-height: 1;
  margin-bottom: 1em;
}
#about-us-inner .content p {
  text-align: center;
}
#about-us-inner .content a {
  text-decoration: underline;
  color: #000;
  font-weight: 400;
}
#about-us-inner .content .head-img {
  padding-top: 1.25em;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1999.98px) {
  #about-us-inner .content .head-img {
    height: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us-inner .content .head-img {
    padding-top: 0.5em;
    height: 120px;
  }
}
#about-us-inner .content .link-img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
#about-us-inner .patterns .img {
  position: absolute;
}
#about-us-inner .patterns .img-1 {
  top: 0;
  left: 2em;
}
#about-us-inner .patterns .img-1 img {
  width: 80%;
}
#about-us-inner .patterns .img-2 {
  top: 25%;
  left: 0;
}
#about-us-inner .patterns .img-2 img {
  width: 80%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us-inner .patterns .img-2 img {
    width: 65%;
  }
}
#about-us-inner .patterns .img-4 {
  right: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  #about-us-inner img {
    display: none;
  }
}

#creating {
  position: relative;
  background: #F4F4F4;
  z-index: 2;
}
#creating h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
}
@media (max-width: 991.98px) {
  #creating h1 {
    text-align: center;
  }
}
#creating p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
  color: #000;
}
@media (max-width: 991.98px) {
  #creating p {
    text-align: center;
  }
}
@media (min-width: 991.98px) {
  #creating::after {
    content: none;
    position: absolute;
    bottom: 0;
    height: 100px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: -1;
  }
}
@media (min-width: 1999.98px) {
  #creating img {
    width: 98%;
  }
}

#our-founders {
  position: relative;
  background: url(/img/about/founders-bg-1.svg) no-repeat;
  background-position: 50%;
}
@media (max-width: 991.98px) {
  #our-founders {
    padding: 0;
  }
}
#our-founders h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
  text-transform: capitalize;
}
@media (min-width: 991.98px) {
  #our-founders h1 {
    position: absolute;
    top: 1em;
    left: 2em;
  }
}
@media (max-width: 991.98px) {
  #our-founders h1 {
    text-align: center;
    margin-bottom: 1em;
  }
}
#our-founders .content h4 {
  font-size: clamp(1.75em, 2.631vw, 5em);
  color: #000;
  font-weight: 600;
}
@media (min-width: 991.98px) {
  #our-founders .content h4 {
    margin-top: 2em;
  }
}
#our-founders .content .role {
  font-size: clamp(1em, 1.041vw, 2.25em);
}
#our-founders .content .des {
  color: #43372D;
  font-size: clamp(1em, 1vw, 1.25em);
  font-weight: 300;
}
@media (max-width: 991.98px) {
  #our-founders .img {
    margin-bottom: 10px;
    text-align: center;
  }
  #our-founders .img img {
    height: 200px;
  }
}

#team {
  position: relative;
}
#team .blocks {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  #team .blocks {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #team .blocks:nth-child(2) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767.98px) {
  #team .blocks {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #team .blocks:nth-child(2) {
    flex-direction: column;
  }
}
#team .blocks .each-block {
  width: 20%;
  height: 100%;
  float: left;
}
@media (max-width: 991.98px) {
  #team .blocks .each-block {
    width: 50%;
    float: left;
    height: inherit;
  }
}
@media (max-width: 767.98px) {
  #team .blocks .each-block {
    width: 100%;
  }
}
#team .blocks .each-block.bg-gray {
  background-color: #f4f4f4;
}
#team .blocks .each-block.bg-gray .content {
  padding-left: 0 !important;
}
#team .blocks .each-block.bg-gray .txt {
  justify-content: center;
}
#team .blocks .each-block.bg-gray a {
  text-decoration: underline;
  text-align: center;
  display: block;
  color: #000;
  font-weight: 400;
}
#team .blocks .each-block .content {
  display: flex;
  align-items: center;
  padding-left: 1em;
  height: 100%;
}
@media (max-width: 767.98px) {
  #team .blocks .each-block .content {
    min-height: 160px;
  }
}
#team .blocks .each-block .content h4 {
  color: #000;
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 600;
  text-transform: uppercase;
}
#team .blocks .each-block .content p {
  color: #909090;
  font-size: clamp(1em, 1vw, 2em);
  font-weight: 400;
}
#team .content h1 {
  font-weight: 600;
  color: #000;
  font-size: clamp(1.5em, 3.507vw, 8.25em);
  margin-bottom: 5px;
}
#team .content a {
  font-weight: 400;
  font-size: clamp(0.875em, 1vw, 2em);
  text-transform: capitalize;
  color: #000;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  #team .bg-gray {
    margin-top: 1em;
    background-color: #F4F4F4;
    min-height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#services {
  position: relative;
}
@media (max-width: 991.98px) {
  #services .row {
    flex-direction: column-reverse;
  }
  #services .row .img {
    margin-bottom: 2em;
  }
}
#services h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
}
#services .accordion-button:not(.collapsed) {
  background-color: inherit;
  box-shadow: inherit;
  border-left: inherit;
  color: #000;
}
#services .accordion-button:focus {
  box-shadow: none;
}
#services .accordion-item {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
#services .accordion button {
  font-weight: 600;
  font-size: clamp(1em, 2vw, 3em);
  color: #4D4D4D;
  padding-bottom: 10px;
}
#services .accordion p {
  color: #43372D;
  font-size: clamp(1em, 1vw, 2em);
  font-weight: 400;
}
#services .bg {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50%;
}
#services .bg img {
  opacity: 0.1;
}

#media-banner {
  position: relative;
}
#media-banner .container {
  position: absolute;
  top: 10%;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#media-banner .container .row {
  margin-left: 2px;
}
#media-banner .main-content h1 {
  font-size: clamp(2em, 3.418vw, 8.25em);
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  #media-banner .main-content h1 {
    margin-bottom: 5px;
  }
}
#media-banner .main-content p {
  color: #fff;
  font-weight: 400;
  font-size: clamp(1em, 1vw, 2em);
}
@media (max-width: 767.98px) {
  #media-banner .img .main-img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#get-in-touch {
  padding-bottom: 3em;
}
#get-in-touch .container {
  margin-top: -15em;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  #get-in-touch .container {
    margin-top: -3em;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #get-in-touch .container {
    margin-top: -9em;
  }
}
#get-in-touch .container .row {
  align-items: stretch;
}
#get-in-touch .left-block {
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  padding: 2em;
  position: relative;
}
@media (max-width: 991.98px) {
  #get-in-touch .left-block {
    margin-bottom: 2em;
  }
}
@media (min-width: 1999.98px) {
  #get-in-touch .left-block {
    height: 100%;
  }
}
#get-in-touch .left-block h2 {
  font-weight: 800;
}
#get-in-touch .left-block input, #get-in-touch .left-block textarea {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-bottom-color: #000;
}
#get-in-touch .left-block button {
  border: 0;
  background: inherit;
  box-shadow: none;
  position: absolute;
  right: 2em;
  bottom: -20px;
}
#get-in-touch .left-block button img {
  width: 50px;
}
#get-in-touch .visit-block {
  background: #303030;
  padding: 1.5em;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1300px) {
  #get-in-touch .visit-block {
    padding: 1em;
  }
}
#get-in-touch .visit-block .each-block {
  margin-bottom: 3em;
}
#get-in-touch .visit-block .each-block h4 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.5vw, 3em);
  color: #f2f2f2;
  text-transform: uppercase;
  margin-bottom: 7px;
}
#get-in-touch .visit-block .each-block p, #get-in-touch .visit-block .each-block a {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: clamp(0.875em, 1vw, 1.5em);
  font-weight: 400;
  color: #f2f2f2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #get-in-touch .visit-block .each-block p, #get-in-touch .visit-block .each-block a {
    font-size: 0.875em;
  }
}
#get-in-touch .visit-block .social-icons a img {
  width: 25px;
  height: 25px;
}

#we-work {
  position: relative;
  padding-top: 1em;
}
#we-work h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.5em, 3.507vw, 8.25em);
}
@media (min-width: 991.98px) {
  #we-work .content:not(:last-child) {
    margin-bottom: 3em;
  }
}
@media (max-width: 991.98px) {
  #we-work .content {
    margin-bottom: 2em !important;
  }
}
#we-work .content h4 {
  font-size: clamp(1.25em, 1.48vw, 3.5em);
  font-weight: 600;
  margin-bottom: 10px;
}
#we-work .content p {
  color: #828282;
  font-weight: 400;
  font-size: clamp(1em, 1.1vw, 2.5em);
}

#contact-banner {
  position: relative;
  background: #E8E8E9;
  padding: 3em 0 1em;
}
@media (max-width: 991.98px) {
  #contact-banner {
    min-height: 250px;
  }
}
@media (max-width: 767.98px) {
  #contact-banner {
    min-height: 200px;
  }
}
#contact-banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#contact-banner .content p {
  margin-bottom: 0;
}
#contact-banner .content h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.5em, 2.631vw, 6.25em);
}
#contact-banner .img-1 {
  float: right;
}
#contact-banner .img-1 img {
  height: 180px;
}

#discover-us {
  position: relative;
}
#discover-us .each-block {
  margin-bottom: 1.5em;
}
@media (max-width: 991.98px) {
  #discover-us .each-block {
    text-align: center;
  }
}
#discover-us .each-block h2 {
  font-size: clamp(2.15em, 2.5vw, 6em);
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}
#discover-us .each-block h4 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.5vw, 3em);
  text-transform: uppercase;
  margin-bottom: 7px;
  color: #000;
}
#discover-us .each-block p, #discover-us .each-block a {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: clamp(0.875em, 1vw, 1.5em);
  font-weight: 400;
  color: #333;
}
@media (max-width: 991.98px) {
  #discover-us .img {
    margin-top: 2em;
  }
}

.map {
  margin-bottom: -10px;
}

#contact-block {
  position: relative;
  padding: 0 0 3em;
  background-color: #1A191A;
}
@media (max-width: 991.98px) {
  #contact-block {
    padding-top: 1em;
  }
  #contact-block .content {
    margin: 2em 0;
  }
}
#contact-block h1 {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #E0E0E0;
  font-size: clamp(3.5em, 12.86vw, 12.5em);
  font-weight: 800;
  opacity: 0.3;
  list-style: 1;
  text-transform: lowercase;
}
#contact-block h2 {
  font-weight: 600;
  color: #fff;
  font-size: clamp(2em, 3.33vw, 8em);
}
#contact-block p {
  color: #fff;
  font-weight: 400;
}
#contact-block input, #contact-block textarea, #contact-block select {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background-color: inherit;
  border-bottom-color: #fff;
  color: #fff;
}
#contact-block input:focus, #contact-block textarea:focus, #contact-block select:focus {
  box-shadow: none;
}
#contact-block option[value=undefined][disabled] {
  display: none;
}
#contact-block ::-moz-placeholder {
  color: #fff;
  opacity: 0.5;
}
#contact-block ::placeholder {
  color: #fff;
  opacity: 0.5;
}
#contact-block select {
  color: #777;
  padding-left: 1em;
}
#contact-block option:not(:first-of-type) {
  color: #333;
}
#contact-block button {
  border: 0;
  background: inherit;
  box-shadow: none;
  padding: 8px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #1A191A;
  transition: 0.5s all ease-in-out;
  font-weight: 400;
  border-radius: 0;
}
#contact-block button:hover {
  color: #000;
}

@font-face {
  font-family: "Sometimes Times";
  src: url("/fonts/SometimesTimesRegular.woff") format("woff");
  font-display: swap;
}
body {
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  line-height: -moz-calc(25/15);
  line-height: 1.6666666667;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

html {
  scroll-behavior: smooth;
}

* {
  padding: 0;
  margin: 0;
}

body {
  background-color: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

p {
  font-weight: 400;
  line-height: 1.5;
}
p:last-child {
  margin-bottom: 0;
}

a {
  font-weight: 300;
  text-decoration: none;
}
a:visited, a:focus, a:active, a:hover {
  text-decoration: none;
  outline: none;
}

a,
button {
  transition: all 0.3s ease !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
}

.btn {
  font-weight: 300;
}

a:hover,
button:hover {
  transition: all 0.3s ease !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

input,
button,
textarea,
select,
li {
  font: inherit;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.affix {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06);
  border-bottom: 1px solid #f3f1ff;
  animation: affix_animation 0.6s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-animation: affix_animation 0.6s ease-in-out;
}
.affix .navbar-brand img {
  width: 200px !important;
}
@media (max-width: 991.98px) {
  .affix .navbar-brand img {
    width: 230px !important;
  }
}
@media (max-width: 330px) {
  .affix .navbar-brand img {
    width: 180px !important;
  }
}
.affix .animated-icon2.icon-white span {
  background: #101010;
}
@keyframes affix_animation {
  0% {
    margin-top: -7.5rem;
    opacity: 0;
  }
  50% {
    margin-top: -4rem;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@media (min-width: 320px) and (max-width: 650px) {
  .nav-tabs {
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 1200px) {
  .container-fluid {
    padding-right: 2em;
    padding-left: 2em;
  }
}
@media (max-width: 576px) {
  .container-fluid {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
}
@media (max-width: 480px) {
  .container-fluid {
    padding-right: 1em;
    padding-left: 1em;
  }
}
@media (min-width: 1200px) {
  .container-fluid,
  .container {
    max-width: 90%;
  }
}
.error-display {
  height: 35px;
  line-height: 1.3;
  color: #f03;
  background: transparent;
  display: block;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 479.98px) {
  .error-display {
    height: 30px;
    font-size: 12px;
  }
}

#suceess-message {
  color: #00b200 !important;
  font-size: 14px;
  padding: 2px 5px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.anchor {
  height: 85px;
  z-index: -1;
  margin-top: -85px;
}

#more {
  display: none;
}

#more ol li {
  color: #fff;
  font-size: 12px;
}

.read-more {
  cursor: pointer;
}

#more b {
  font-weight: 400 !important;
}

.bredcrumb .row {
  padding: 1em 0;
  border-radius: 10px;
  background: #EFEFFD;
}
.bredcrumb .row p {
  color: #1862AC;
}

@media (min-width: 2000px) {
  body {
    font-size: 1.1vw;
  }
}

.map {
  position: relative;
}
.map .container {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .map .container {
    position: relative;
  }
}
.map .container .col-lg-5 {
  position: relative;
  height: 100%;
}
.map .container .col-lg-5::after {
  content: "";
  position: absolute;
  top: 0;
  background: lightgray 50%;
  opacity: 0.35;
  z-index: -1;
  width: 100%;
  height: 600px;
  left: 0;
  right: 0;
}
.map .container .col-lg-5 .des p, .map .container .col-lg-5 .des a {
  color: #000;
}
.map .container .col-lg-5 .des a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  text-decoration-color: #FBCCCF;
}
.map .container .col-lg-5 .pattern {
  position: absolute;
  left: 15px;
  bottom: -40px;
  z-index: -1;
  width: 80%;
  height: 60%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .map .container .col-lg-5 .pattern {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .map .container .col-lg-5 .pattern {
    bottom: 9px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .map .container .col-lg-5 .pattern {
    bottom: -88px;
  }
}
@media (min-width: 1300px) {
  .map .container .col-lg-5 .pattern {
    bottom: -14px;
  }
}
@media (min-width: 1400px) {
  .map .container .col-lg-5 .pattern {
    bottom: 5px;
  }
}
@media (min-width: 1500px) {
  .map .container .col-lg-5 .pattern {
    bottom: 15px;
  }
}
@media (min-width: 1999.98px) {
  .map .container .col-lg-5 .pattern {
    bottom: 42px;
    left: 36px;
  }
}
.map .container .col-lg-5 .pattern::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: inherit;
}
.map .container .col-lg-5 #contactForm {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.map .container .col-lg-5 #contactForm .bg {
  height: 536px;
  background-image: url(/img/Vector-contact-form.svg);
  background-size: cover;
  position: relative;
  z-index: 2;
  margin: 2em;
  padding: 2em;
}
@media (max-width: 767.98px) {
  .map .container .col-lg-5 #contactForm .bg {
    margin: 2em 0;
  }
}
.map .container .col-lg-5 #contactForm .form-control {
  padding-left: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: inherit;
}
.map .container .col-lg-5 #contactForm #submit-btn {
  position: absolute;
  bottom: 0;
  border-radius: 0;
  border: 0;
  left: 0;
  right: 0;
  padding: 0.75rem;
  background-color: #000;
  background-size: cover;
  z-index: -1;
  color: #fff;
}

.blueColor {
  color: #1A74AF;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.lh-1-3 {
  line-height: 1.3;
}

.lh-1-4 {
  line-height: 1.4;
}

.lh-1-5 {
  line-height: 1.5;
}

.lh-1-6 {
  line-height: 1.6;
}

.section-gap {
  padding: 3em 0;
}

.bullet-heading {
  font-size: clamp(1.5em, 2vw, 4.25em);
  font-weight: 800;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .bullet-heading {
    text-align: center;
    font-weight: 500;
  }
}
.bullet-heading::marker {
  margin-right: 5px;
}

.btn-1 {
  width: -moz-max-content;
  width: max-content;
  border-color: #1A74AF;
  background-color: #1A74AF;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 8px;
  color: #fff;
}
.btn-1:hover {
  background-color: #043260;
}
.btn-1:hover a {
  color: #fff;
}
.btn-1:hover a svg path {
  fill: #fff;
}

.btn-2 {
  width: -moz-max-content;
  width: max-content;
  border-color: #FE9C06;
  background-color: #FE9C06;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 25px;
  color: #000;
  font-weight: 400;
  font-size: clamp(1em, 1vw, 2em);
}
.btn-2:hover {
  background-color: #e38b06;
}

.btn-3 {
  width: -moz-max-content;
  width: max-content;
  border-color: #F84C00;
  background-color: #F84C00;
  transition: 0.4s all ease-in-out;
  padding: 6px 15px !important;
  border-radius: 8px;
  color: #fff;
}
.btn-3:hover {
  background-color: #F84C00;
}
.btn-3:hover a {
  color: #fff;
}
.btn-3:hover a svg path {
  fill: #fff;
}

#hero-navbar {
  position: relative;
  z-index: 999;
  padding: 10px 0;
}
#hero-navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 10px;
}
#hero-navbar .navbar-nav .nav-item .nav-link {
  text-transform: capitalize;
  font-size: clamp(0.9em, 1vw, 2em);
  font-weight: 400;
  transition: 0.5s all ease-in-out;
}
#hero-navbar .navbar-nav .nav-item .nav-link:hover {
  color: #000;
}
#hero-navbar .navbar-nav .nav-item.active .nav-link {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (max-width: 991.98px) {
  #hero-navbar .navbar-nav {
    padding: 1em 2em;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  }
}
#hero-navbar .navbar-toggler {
  border: none;
}
#hero-navbar .navbar-toggler:focus {
  border: none;
  box-shadow: none;
}
#hero-navbar .navbar-brand img {
  width: 250px;
}
@media (max-width: 330px) {
  #hero-navbar .navbar-brand img {
    width: 200px !important;
  }
}
#hero-navbar .animated-icon2 {
  width: 35px;
  height: 20px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#hero-navbar .animated-icon2:focus {
  border: none;
  box-shadow: none;
}
#hero-navbar .animated-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  background: #333;
}
#hero-navbar .animated-icon2 span:nth-child(1) {
  top: 0px;
}
#hero-navbar .animated-icon2 span:nth-child(2) {
  top: 10px;
}
#hero-navbar .animated-icon2 span:nth-child(3) {
  top: 10px;
}
#hero-navbar .animated-icon2 span:nth-child(4) {
  top: 20px;
}
#hero-navbar .animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}
#hero-navbar .animated-icon2.open span:nth-child(2) {
  transform: rotate(45deg);
}
#hero-navbar .animated-icon2.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#hero-navbar .animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}
@media (max-width: 991.98px) {
  #hero-navbar .navbar-collapse {
    position: absolute;
    z-index: 999;
    max-width: 100%;
    right: 0;
    left: 0;
    top: 75px;
    background-color: #fff;
  }
}

#footer {
  margin-top: 1em;
  background: #E8E8E9;
  padding: 2em 0;
}
#footer .main-heading {
  display: none !important;
  font-weight: 200;
  font-size: clamp(3em, 6.197vw, 15em);
  text-transform: uppercase;
  letter-spacing: 35px;
  text-align: center;
  margin-bottom: 15px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #footer .main-heading {
    font-size: 3em;
  }
}
#footer .footer-logo {
  max-width: 160px;
}
@media (max-width: 991.98px) {
  #footer .footer-logo {
    display: flex;
    margin: 0 auto;
    max-width: 180px;
  }
}
#footer .line {
  background: #000;
  opacity: 0.2;
  width: 100%;
  height: 1px;
  margin: 10px 0;
}
#footer h4 {
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 400;
}
#footer .block h1 {
  font-size: clamp(1.5em, 1.875vw, 4.5em);
  font-weight: 400;
  display: none !important;
}
#footer .location li {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  #footer .location li {
    display: block;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
  }
}
#footer .location li .icon img {
  width: 25px;
  height: 25px;
  min-width: 25px;
}
#footer .col-lg-3 ul {
  margin-top: -3px;
}
#footer ul li {
  margin-bottom: 5px;
}
#footer ul li a {
  font-size: clamp(0.875em, 1vw, 1.875em);
  font-weight: 400;
  text-transform: capitalize;
  transition: 0.5s all ease-in-out;
  color: #333;
}
#footer ul li a:hover {
  color: #000;
}
#footer a {
  color: #333;
  transition: 0.5s all ease-in-out;
}
#footer a:hover {
  color: #000;
}
#footer .tel a, #footer .tel p {
  color: #333;
  font-weight: 400;
  text-transform: lowercase;
  font-variant-numeric: lining-nums proportional-nums;
  transition: 0.5s all ease-in-out;
}
#footer .tel a:hover, #footer .tel p:hover {
  color: #000;
}
#footer .txt p {
  font-weight: 400;
  color: #333;
  font-size: clamp(0.875em, 1vw, 1.875em);
}
@media (max-width: 991.98px) {
  #footer .social-icons {
    justify-content: center;
  }
  #footer .copy-right {
    text-align: center;
  }
}
#footer p, #footer a {
  font-size: clamp(14px, 1vw, 14px) !important;
}

#hero-slider {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
@media (min-width: 991.98px) {
  #hero-slider {
    height: calc(100vh - 89px);
  }
}
#hero-slider .experience {
  position: absolute;
  right: 3em;
  z-index: 1;
  background-color: #fff;
}
#hero-slider .carousel-caption {
  top: 20%;
  left: 7em;
}
@media (max-width: 991.98px) {
  #hero-slider .carousel-caption {
    left: 3em;
    top: 0%;
    right: 2em;
  }
}
#hero-slider .carousel-caption h1 {
  text-align: left;
  font-weight: 500;
  font-size: clamp(1.45em, 4.166vw, 10em);
  color: #000;
}
@media (max-width: 991.98px) {
  #hero-slider .carousel-caption h1 {
    text-align: center;
  }
}
@media (min-width: 991.98px) {
  #hero-slider .carousel-item img {
    height: calc(100vh - 89px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
#hero-slider .home-slider {
  padding: 3em 0 0;
}
#hero-slider .home-slider h1 {
  text-align: left;
  font-weight: 500;
  font-size: clamp(2.25em, 4.166vw, 10em);
  text-align: center;
  margin-bottom: 1em;
}
#hero-slider .scroll {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
#hero-slider .scroll a {
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
}
#hero-slider .scroll .arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}
#hero-slider .scroll .arrows path {
  stroke: #ccc;
  fill: transparent;
  stroke-width: 1.5px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}
@keyframes arrow {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#hero-slider .scroll .arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s; /* Safari 和 Chrome */
}
#hero-slider .scroll .arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s; /* Safari 和 Chrome */
}
#hero-slider .scroll .arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s; /* Safari 和 Chrome */
}
#hero-slider .scroll .indicator {
  width: 50px;
  height: 100px;
  border: 2px solid #ccc;
  border-radius: 50px;
  position: relative;
  margin: 0 auto;
}
#hero-slider .scroll .indicator:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #ccc;
  margin: auto;
  left: 0;
  right: 0;
  top: 30px;
  border-radius: 50%;
  animation: animate 1s linear infinite;
}
@keyframes animate {
  0% {
    opacity: 1;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 100px;
    transform: scale(0.8);
  }
}

.anchor {
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

#about-us {
  position: relative;
  padding: 3em 0;
}
@media (min-width: 991.98px) {
  #about-us::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/img/home/ABOUT-BGIMAGE.svg);
    background-size: cover;
    z-index: -1;
  }
}
#about-us .bg-content {
  background: #333;
  padding: 3em 1.5em;
}
@media (max-width: 991.98px) {
  #about-us .bg-content {
    padding: 2em;
    margin-top: -5em;
  }
}
@media (max-width: 767.98px) {
  #about-us .bg-content {
    padding: 1em;
    margin-top: -8em;
    width: 90%;
  }
}
#about-us .bg-content p {
  font-weight: 400;
  color: #ffffff;
  font-size: clamp(1em, 1.177vw, 2.65em);
  margin-right: 2em;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us .bg-content p {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  #about-us .bg-content p {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  #about-us .content {
    text-align: center;
  }
}
#about-us .content h1 {
  font-size: clamp(1.5em, 2vw, 4.25em);
  font-weight: 800;
  margin-bottom: 10px;
}
#about-us .content p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
  color: #333;
  margin-bottom: 1.25em;
}
#about-us .content a {
  text-decoration: underline !important;
  color: #000;
  text-underline-offset: 5px;
  text-transform: capitalize;
  font-size: clamp(1em, 1.041vw, 2.5em);
}

#statistics {
  position: relative;
  padding: 3em 0;
  background: #E8E8E9;
}
#statistics ul {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
@media (max-width: 991.98px) {
  #statistics ul {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
}
#statistics ul li {
  text-align: left;
  width: 17%;
  padding: 1em;
  border: 1px solid #B7B7B7;
  transition: 0.5s all ease-in-out;
}
@media (max-width: 991.98px) {
  #statistics ul li {
    width: 30%;
    min-width: 30%;
    float: left;
  }
}
@media (max-width: 767.98px) {
  #statistics ul li {
    width: 45%;
    min-width: 45%;
  }
}
#statistics ul li:hover {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
#statistics ul li .icon {
  margin-bottom: 10px;
}
#statistics ul li h1 {
  font-weight: 400;
  font-size: clamp(3em, 5.208vw, 12em);
  position: relative;
}
@media (min-width: 992px) and (max-width: 1400px) {
  #statistics ul li h1 {
    font-size: 3em;
  }
}
#statistics ul li h1 sup {
  left: -15px;
}
#statistics ul li p {
  text-transform: uppercase;
  font-weight: 300;
}
@media (min-width: 992px) and (max-width: 1400px) {
  #statistics ul li p {
    font-size: 0.75em;
  }
}
@media (max-width: 767.98px) {
  #statistics ul li p {
    font-size: 0.775em;
  }
}
#statistics.project-statistics p {
  font-size: 0.7em;
}

#latest-updates {
  position: relative;
  padding: 3em 0;
}
#latest-updates .latest-slider .item .img img {
  width: 100%;
}
#latest-updates .latest-slider .item .txt {
  padding-top: 1em;
}
#latest-updates .latest-slider .item .txt p {
  text-transform: uppercase;
  font-size: clamp(0.75em, 1vw, 2em);
  font-weight: 300;
  margin-bottom: 0;
}
#latest-updates .latest-slider .item .txt h4 {
  font-weight: 600;
  font-size: clamp(1.05em, 1.614vw, 4em);
}
@media (min-width: 991.98px) {
  #latest-updates .slick-slider {
    margin: 0 -15px;
  }
}
#latest-updates .slick-slide {
  padding: 10px;
  margin-right: 15px;
  margin-left: 15px;
}
#latest-updates .slick-prev::before {
  content: url(/img/home/left-arrow.svg);
}
#latest-updates .slick-next::before {
  content: url(/img/home/right-arrow.svg);
}

#our-achievements {
  position: relative;
}
@media (max-width: 991.98px) {
  #our-achievements {
    background: #F5F5F5;
    margin-top: 2.75em;
  }
}
#our-achievements .item .txt {
  margin-top: 10px;
}
#our-achievements .item .txt .sub-head {
  font-size: clamp(1.5em, 1.875vw, 9em);
  font-weight: 600;
}
#our-achievements .item .txt .des {
  color: #000;
  font-weight: 600;
  font-size: clamp(1em, 1vw, 2em);
  position: relative;
}
#our-achievements .item .txt .des::after {
  position: absolute;
  content: "";
  background: #000;
  height: 1px;
  width: 30%;
  z-index: 1;
  opacity: 0.5;
  left: 0;
  bottom: -5px;
}
#our-achievements .item .txt .heading {
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 500;
  text-transform: uppercase;
}
#our-achievements .slick-slide {
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  #our-achievements .slick-list {
    padding: 0 20% 0 0 !important;
  }
}

#our-services {
  position: relative;
}
#our-services .content h2 {
  font-size: clamp(1.25em, 1.75vw, 3em);
  font-weight: 400;
}
#our-services .col-lg-3 {
  position: relative;
}
@media (min-width: 991.98px) {
  #our-services .col-lg-3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    min-width: 0.5px;
    max-width: 0.5px;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
  }
}
#our-services .each-service {
  padding-left: 1em;
}
#our-services .each-service .img {
  margin-bottom: 1em;
}
#our-services .each-service h4 {
  margin-bottom: 1em;
  font-weight: 600;
  font-size: clamp(1.3em, 1.627vw, 3em);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #our-services .each-service h4 {
    font-size: 1.25em;
  }
}
#our-services .each-service p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #our-services .each-service p {
    font-size: 0.875em;
  }
}
@media (max-width: 991.98px) {
  #our-services .each-service {
    margin-bottom: 3em;
    padding-left: 0;
  }
  #our-services .each-service .txt {
    background: #F5F5F5;
    width: 90%;
    margin-top: -5em;
    position: relative;
    z-index: 2;
    padding: 1em;
  }
}
@media (max-width: 991.98px) {
  #our-services {
    padding-bottom: 0;
  }
  #our-services .nav {
    margin-bottom: 2em;
  }
  #our-services .nav .nav-link {
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
    opacity: 0.6;
    text-align: left;
    padding-bottom: 0;
  }
  #our-services .nav .nav-link span sup {
    display: none;
  }
  #our-services .nav .nav-link.active {
    background: inherit;
    box-shadow: inherit;
    opacity: 1;
  }
  #our-services .nav .nav-link.active span sup {
    display: block;
  }
}

#our-process {
  position: relative;
  padding: 1em 0 0;
}
#our-process .tab-content .content {
  max-width: 65%;
}
#our-process .tab-content .content p {
  margin-bottom: 2em;
  font-size: clamp(1em, 1vw, 2em);
  line-height: 1.5;
  font-weight: 300;
}
#our-process .tab-content .img {
  max-width: 75%;
  float: right;
  margin-top: 2em;
}
#our-process .nav-pills button {
  font-weight: 600 !important;
  font-size: clamp(1.1em, 1.302vw, 3.175em) !important;
  color: #000;
  opacity: 0.5;
  text-align: left;
  padding-bottom: 0;
}
#our-process .nav-pills button.active {
  opacity: 1;
  background-color: inherit;
  border: inherit;
}
#our-process .process-slider .img {
  margin-top: 1em;
}
#our-process .process-slider .content {
  text-align: center;
}
#our-process .process-slider .content img {
  margin: 0 auto;
}
#our-process .process-slider .content h4 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.15em;
}
#our-process .process-slider .slick-dots {
  bottom: -40px;
  z-index: 1;
}
#our-process .process-slider .slick-dots li {
  height: 1px;
  padding: 1px;
  width: 25px;
  background-color: gray;
  opacity: 0.5;
}
#our-process .process-slider .slick-dots li.slick-active {
  opacity: 1;
}

#our-projects {
  position: relative;
}
@media (max-width: 991.98px) {
  #our-projects {
    padding-bottom: 0;
  }
}
#our-projects .row {
  --bs-gutter-x: 1rem;
}
#our-projects .img {
  position: relative;
}
#our-projects .img .content {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1;
  display: flex;
  align-items: center;
  transition: 0.5s all ease-in-out;
}
#our-projects .img .content .txt {
  color: #fff;
  padding: 2em;
}
#our-projects .img .content .txt h1 {
  font-weight: 400;
  font-size: clamp(1.5em, 1.6vw, 3em);
  text-transform: capitalize;
  margin-bottom: 5px;
}
#our-projects .img .content .txt .sub-des {
  font-size: 0.75em;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 1em;
}
#our-projects .img .content .txt .des {
  font-weight: 300;
  font-size: clamp(1em, 1.041vw, 2.5em);
}
#our-projects .img .content .txt .button {
  margin-top: 1.75em;
}
#our-projects .img .content .txt .button a {
  border: 1px solid #FFF;
  padding: 10px 10px;
  text-transform: uppercase;
  font-weight: 300;
  color: #fff;
  font-size: 0.875em;
}
#our-projects .img:hover .content {
  opacity: 1;
}
#our-projects .img:hover .content .txt {
  transition: 0.9s all ease-in-out;
}
#our-projects .row {
  position: relative;
}
#our-projects .block-2-txt {
  min-height: 300px;
  display: flex;
  align-items: center;
}
#our-projects img {
  width: 100%;
}
#our-projects .fourth-block img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#our-projects .fourth-block .img-1 {
  height: 350px;
}
#our-projects .fourth-block .img-3, #our-projects .fourth-block .img-4 {
  height: 350px;
}
#our-projects .fourth-block .img-2 {
  height: 717px;
}
#our-projects .main-paragraph {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
}
#our-projects .mobile-projects img {
  -o-object-fit: cover;
     object-fit: cover;
}
#our-projects .mobile-projects .img-1 {
  margin-bottom: 1rem;
}
#our-projects .mobile-projects .img-2 img {
  height: 400px;
}
#our-projects .mobile-projects .img-3 {
  margin-bottom: 1rem;
}
#our-projects .mobile-projects .img-3 img {
  height: 192px;
}
#our-projects .mobile-projects .img-4 img {
  height: 192px;
}
@media (max-width: 767.98px) {
  #our-projects.inner-projects .filters {
    display: flex;
    overflow-x: auto;
  }
}
#our-projects.inner-projects .filters button {
  text-transform: uppercase;
  font-weight: 500;
  font-size: clamp(1em, 1.041vw, 2.5em);
  color: #909090;
  border: none;
}
#our-projects.inner-projects .filters button.active {
  border: none;
  box-shadow: none;
  color: #000;
  text-decoration: underline;
}
#our-projects.inner-projects .filters button.focus {
  box-shadow: none;
  border: none;
}
#our-projects.inner-projects .filters button:active {
  box-shadow: none;
  border: none;
}
#our-projects.inner-projects .filter {
  margin-bottom: 1em;
}
#our-projects.inner-projects .filter .txt {
  padding: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
#our-projects.inner-projects .filter .txt h1 {
  font-size: clamp(1.35em, 1.3vw, 3em);
}
#our-projects.inner-projects .filter .txt .sub-des {
  font-size: clamp(0.75em, 1vw, 1.25em);
}
#our-projects.inner-projects .filter .txt .des {
  font-size: clamp(0.8em, 1vw, 2em);
}
@media (max-width: 991.98px) {
  #our-projects.inner-projects .filter .txt .des {
    display: none;
  }
}
#our-projects.inner-projects .filter .txt .button {
  margin-top: 1em;
}
#our-projects.inner-projects .filter .txt .button a {
  font-size: clamp(0.75em, 1vw, 1.25em);
}
#our-projects.inner-projects .content {
  top: 100%;
  overflow: hidden;
}
#our-projects.inner-projects .img {
  transition: 0.5s all ease-in-out;
}
#our-projects.inner-projects .img:hover .content {
  top: 0;
}
@media (max-width: 991.98px) {
  #our-projects .mobile-projects .row {
    --bs-gutter-x: 1rem;
  }
}

#project-video {
  position: relative;
}
#project-video .img {
  position: relative;
}
#project-video .img .content {
  position: absolute;
  top: 50%;
  z-index: 1;
  text-align: center;
  color: #ffffff;
}
@media (min-width: 991.98px) {
  #project-video .img .content {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 991.98px) {
  #project-video .img .content {
    left: 1em;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
  }
}
#project-video .img .content img {
  margin-bottom: 15px;
  width: 60px;
}
#project-video .img .content .bullet-heading {
  font-size: clamp(1em, 1vw, 1em);
  font-weight: 400;
  font-family: "Raleway";
  list-style-position: inside;
}
#project-video .img .content h1 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 800;
  font-size: clamp(1.75em, 2.631vw, 6em);
  letter-spacing: 5px;
}
@media (max-width: 991.98px) {
  #project-video .video-bg {
    min-height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#project-details {
  position: relative;
  padding: 3em 0 2em;
}
@media (max-width: 991.98px) {
  #project-details {
    overflow-x: hidden;
  }
}
#project-details .content h1 {
  font-weight: 800;
  text-transform: uppercase;
}
#project-details .content h3 {
  font-weight: 600;
  font-size: clamp(1em, 1.5vw, 3.5em);
  text-transform: uppercase;
}
#project-details .content p {
  color: #909090;
  font-weight: 400;
  text-transform: capitalize;
}
#project-details .content p span {
  color: #1F1C1C;
}
#project-details .content a {
  color: #909090;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: underline;
}
@media (min-width: 1999.98px) {
  #project-details .img img {
    width: 100%;
  }
}
#project-details .more-block .txt {
  padding: 1em !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
#project-details .more-block .txt p {
  font-size: 0.875em !important;
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt p {
    font-size: 0.7em !important;
  }
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt h1 {
    font-size: 1.3em !important;
  }
}
#project-details .more-block .txt a {
  text-decoration: none !important;
}
@media (max-width: 1399.98px) {
  #project-details .more-block .txt a {
    font-size: 0.7em !important;
  }
}
#project-details .project-details-carousel .carousel-control-next-icon {
  background-image: url("/img/Projects-Overview/prev-arrow.svg");
}
#project-details .project-details-carousel .carousel-control-prev-icon {
  background-image: url("/img/Projects-Overview/next-arrow.svg");
}
#project-details .sub-head {
  color: #909090 !important;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  #project-details .sub-head {
    display: block;
  }
}

#awards {
  position: relative;
}
#awards .awards-details .row {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
#awards .awards-details .row .each-block {
  width: 20%;
  float: left;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #awards .awards-details .row .each-block {
    width: 33.33%;
  }
}
@media (max-width: 991.98px) {
  #awards .awards-details .row .each-block {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  #awards .awards-details .row .each-block {
    width: 100%;
  }
}
#awards .awards-details .row .each-block .card {
  background: #F4F4F4;
  border-color: #F4F4F4;
}
#awards .awards-details .row .each-block .card h3 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.48vw, 3.5em);
  margin-bottom: 10px;
}
#awards .awards-details .row .each-block .card h4 {
  color: #43372D;
  font-weight: 600;
  text-transform: capitalize;
  font-size: clamp(1em, 1.11vw, 2.5em);
  margin-bottom: 1em;
}
#awards .awards-details .row .each-block .card h5 {
  font-size: clamp(1em, 1.11vw, 2.5em);
  margin-bottom: 0;
}
#awards .awards-details .row .each-block .card .location {
  text-transform: capitalize;
}
#awards .awards-details .row .each-block .card .year {
  color: #878787;
  font-weight: 600;
  font-size: 0.75em;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Raleway";
  text-transform: uppercase;
}
#awards .awards-details .row .each-block .card .des {
  color: #878787;
}

#about-us-inner {
  position: relative;
}
#about-us-inner .content h1 {
  font-weight: 800;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
  text-align: center;
  line-height: 1;
  margin-bottom: 1em;
}
#about-us-inner .content p {
  text-align: center;
}
#about-us-inner .content a {
  text-decoration: underline;
  color: #000;
  font-weight: 400;
}
#about-us-inner .content .head-img {
  padding-top: 1.25em;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1999.98px) {
  #about-us-inner .content .head-img {
    height: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us-inner .content .head-img {
    padding-top: 0.5em;
    height: 120px;
  }
}
#about-us-inner .content .link-img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
#about-us-inner .patterns .img {
  position: absolute;
}
#about-us-inner .patterns .img-1 {
  top: 0;
  left: 2em;
}
#about-us-inner .patterns .img-1 img {
  width: 80%;
}
#about-us-inner .patterns .img-2 {
  top: 25%;
  left: 0;
}
#about-us-inner .patterns .img-2 img {
  width: 80%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #about-us-inner .patterns .img-2 img {
    width: 65%;
  }
}
#about-us-inner .patterns .img-4 {
  right: 0;
  top: 0;
}
@media (max-width: 991.98px) {
  #about-us-inner img {
    display: none;
  }
}

#creating {
  position: relative;
  background: #F4F4F4;
  z-index: 2;
}
#creating h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
}
@media (max-width: 991.98px) {
  #creating h1 {
    text-align: center;
  }
}
#creating p {
  font-weight: 300;
  font-size: clamp(1em, 1vw, 2em);
  color: #000;
}
@media (max-width: 991.98px) {
  #creating p {
    text-align: center;
  }
}
@media (min-width: 991.98px) {
  #creating::after {
    content: none;
    position: absolute;
    bottom: 0;
    height: 100px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: -1;
  }
}
@media (min-width: 1999.98px) {
  #creating img {
    width: 98%;
  }
}

#our-founders {
  position: relative;
  background: url(/img/about/founders-bg-1.svg) no-repeat;
  background-position: 50%;
}
@media (max-width: 991.98px) {
  #our-founders {
    padding: 0;
  }
}
#our-founders h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
  text-transform: capitalize;
}
@media (min-width: 991.98px) {
  #our-founders h1 {
    position: absolute;
    top: 1em;
    left: 2em;
  }
}
@media (max-width: 991.98px) {
  #our-founders h1 {
    text-align: center;
    margin-bottom: 1em;
  }
}
#our-founders .content h4 {
  font-size: clamp(1.75em, 2.631vw, 5em);
  color: #000;
  font-weight: 600;
}
@media (min-width: 991.98px) {
  #our-founders .content h4 {
    margin-top: 2em;
  }
}
#our-founders .content .role {
  font-size: clamp(1em, 1.041vw, 2.25em);
}
#our-founders .content .des {
  color: #43372D;
  font-size: clamp(1em, 1vw, 1.25em);
  font-weight: 300;
}
@media (max-width: 991.98px) {
  #our-founders .img {
    margin-bottom: 10px;
    text-align: center;
  }
  #our-founders .img img {
    height: 200px;
  }
}

#team {
  position: relative;
}
#team .blocks {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  #team .blocks {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #team .blocks:nth-child(2) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767.98px) {
  #team .blocks {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #team .blocks:nth-child(2) {
    flex-direction: column;
  }
}
#team .blocks .each-block {
  width: 20%;
  height: 100%;
  float: left;
}
@media (max-width: 991.98px) {
  #team .blocks .each-block {
    width: 50%;
    float: left;
    height: inherit;
  }
}
@media (max-width: 767.98px) {
  #team .blocks .each-block {
    width: 100%;
  }
}
#team .blocks .each-block.bg-gray {
  background-color: #f4f4f4;
}
#team .blocks .each-block.bg-gray .content {
  padding-left: 0 !important;
}
#team .blocks .each-block.bg-gray .txt {
  justify-content: center;
}
#team .blocks .each-block.bg-gray a {
  text-decoration: underline;
  text-align: center;
  display: block;
  color: #000;
  font-weight: 400;
}
#team .blocks .each-block .content {
  display: flex;
  align-items: center;
  padding-left: 1em;
  height: 100%;
}
@media (max-width: 767.98px) {
  #team .blocks .each-block .content {
    min-height: 160px;
  }
}
#team .blocks .each-block .content h4 {
  color: #000;
  font-size: clamp(1em, 1.041vw, 2.5em);
  font-weight: 600;
  text-transform: uppercase;
}
#team .blocks .each-block .content p {
  color: #909090;
  font-size: clamp(1em, 1vw, 2em);
  font-weight: 400;
}
#team .content h1 {
  font-weight: 600;
  color: #000;
  font-size: clamp(1.5em, 3.507vw, 8.25em);
  margin-bottom: 5px;
}
#team .content a {
  font-weight: 400;
  font-size: clamp(0.875em, 1vw, 2em);
  text-transform: capitalize;
  color: #000;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  #team .bg-gray {
    margin-top: 1em;
    background-color: #F4F4F4;
    min-height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

#services {
  position: relative;
}
@media (max-width: 991.98px) {
  #services .row {
    flex-direction: column-reverse;
  }
  #services .row .img {
    margin-bottom: 2em;
  }
}
#services h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.1em, 3.507vw, 8.25em);
}
#services .accordion-button:not(.collapsed) {
  background-color: inherit;
  box-shadow: inherit;
  border-left: inherit;
  color: #000;
}
#services .accordion-button:focus {
  box-shadow: none;
}
#services .accordion-item {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
#services .accordion button {
  font-weight: 600;
  font-size: clamp(1em, 2vw, 3em);
  color: #4D4D4D;
  padding-bottom: 10px;
}
#services .accordion p {
  color: #43372D;
  font-size: clamp(1em, 1vw, 2em);
  font-weight: 400;
}
#services .bg {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 50%;
}
#services .bg img {
  opacity: 0.1;
}

#media-banner {
  position: relative;
}
#media-banner .container {
  position: absolute;
  top: 10%;
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#media-banner .container .row {
  margin-left: 2px;
}
#media-banner .main-content h1 {
  font-size: clamp(2em, 3.418vw, 8.25em);
  font-weight: 800;
  color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  #media-banner .main-content h1 {
    margin-bottom: 5px;
  }
}
#media-banner .main-content p {
  color: #fff;
  font-weight: 400;
  font-size: clamp(1em, 1vw, 2em);
}
@media (max-width: 767.98px) {
  #media-banner .img .main-img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#get-in-touch {
  padding-bottom: 3em;
}
#get-in-touch .container {
  margin-top: -15em;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  #get-in-touch .container {
    margin-top: -3em;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #get-in-touch .container {
    margin-top: -9em;
  }
}
#get-in-touch .container .row {
  align-items: stretch;
}
#get-in-touch .left-block {
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
  padding: 2em;
  position: relative;
}
@media (max-width: 991.98px) {
  #get-in-touch .left-block {
    margin-bottom: 2em;
  }
}
@media (min-width: 1999.98px) {
  #get-in-touch .left-block {
    height: 100%;
  }
}
#get-in-touch .left-block h2 {
  font-weight: 800;
}
#get-in-touch .left-block input, #get-in-touch .left-block textarea {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  border-bottom-color: #000;
}
#get-in-touch .left-block button {
  border: 0;
  background: inherit;
  box-shadow: none;
  position: absolute;
  right: 2em;
  bottom: -20px;
}
#get-in-touch .left-block button img {
  width: 50px;
}
#get-in-touch .visit-block {
  background: #303030;
  padding: 1.5em;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1300px) {
  #get-in-touch .visit-block {
    padding: 1em;
  }
}
#get-in-touch .visit-block .each-block {
  margin-bottom: 3em;
}
#get-in-touch .visit-block .each-block h4 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.5vw, 3em);
  color: #f2f2f2;
  text-transform: uppercase;
  margin-bottom: 7px;
}
#get-in-touch .visit-block .each-block p, #get-in-touch .visit-block .each-block a {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: clamp(0.875em, 1vw, 1.5em);
  font-weight: 400;
  color: #f2f2f2;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #get-in-touch .visit-block .each-block p, #get-in-touch .visit-block .each-block a {
    font-size: 0.875em;
  }
}
#get-in-touch .visit-block .social-icons a img {
  width: 25px;
  height: 25px;
}

#we-work {
  position: relative;
  padding-top: 1em;
}
#we-work h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.5em, 3.507vw, 8.25em);
}
@media (min-width: 991.98px) {
  #we-work .content:not(:last-child) {
    margin-bottom: 3em;
  }
}
@media (max-width: 991.98px) {
  #we-work .content {
    margin-bottom: 2em !important;
  }
}
#we-work .content h4 {
  font-size: clamp(1.25em, 1.48vw, 3.5em);
  font-weight: 600;
  margin-bottom: 10px;
}
#we-work .content p {
  color: #828282;
  font-weight: 400;
  font-size: clamp(1em, 1.1vw, 2.5em);
}

#contact-banner {
  position: relative;
  background: #E8E8E9;
  padding: 3em 0 1em;
}
@media (max-width: 991.98px) {
  #contact-banner {
    min-height: 250px;
  }
}
@media (max-width: 767.98px) {
  #contact-banner {
    min-height: 200px;
  }
}
#contact-banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#contact-banner .content p {
  margin-bottom: 0;
}
#contact-banner .content h1 {
  font-weight: 800;
  color: #000;
  font-size: clamp(2.5em, 2.631vw, 6.25em);
}
#contact-banner .img-1 {
  float: right;
}
#contact-banner .img-1 img {
  height: 180px;
}

#discover-us {
  position: relative;
}
#discover-us .each-block {
  margin-bottom: 1.5em;
}
@media (max-width: 991.98px) {
  #discover-us .each-block {
    text-align: center;
  }
}
#discover-us .each-block h2 {
  font-size: clamp(2.15em, 2.5vw, 6em);
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}
#discover-us .each-block h4 {
  font-weight: 600;
  font-size: clamp(1.25em, 1.5vw, 3em);
  text-transform: uppercase;
  margin-bottom: 7px;
  color: #000;
}
#discover-us .each-block p, #discover-us .each-block a {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: clamp(0.875em, 1vw, 1.5em);
  font-weight: 400;
  color: #333;
}
@media (max-width: 991.98px) {
  #discover-us .img {
    margin-top: 2em;
  }
}

.map {
  margin-bottom: -10px;
}

#contact-block {
  position: relative;
  padding: 0 0 3em;
  background-color: #1A191A;
}
@media (max-width: 991.98px) {
  #contact-block {
    padding-top: 1em;
  }
  #contact-block .content {
    margin: 2em 0;
  }
}
#contact-block h1 {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #E0E0E0;
  font-size: clamp(3.5em, 12.86vw, 12.5em);
  font-weight: 800;
  opacity: 0.3;
  list-style: 1;
  text-transform: lowercase;
}
#contact-block h2 {
  font-weight: 600;
  color: #fff;
  font-size: clamp(2em, 3.33vw, 8em);
}
#contact-block p {
  color: #fff;
  font-weight: 400;
}
#contact-block input, #contact-block textarea, #contact-block select {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background-color: inherit;
  border-bottom-color: #fff;
  color: #fff;
}
#contact-block input:focus, #contact-block textarea:focus, #contact-block select:focus {
  box-shadow: none;
}
#contact-block option[value=undefined][disabled] {
  display: none;
}
#contact-block ::-moz-placeholder {
  color: #fff;
  opacity: 0.5;
}
#contact-block ::placeholder {
  color: #fff;
  opacity: 0.5;
}
#contact-block select {
  color: #777;
  padding-left: 1em;
}
#contact-block option:not(:first-of-type) {
  color: #333;
}
#contact-block button {
  border: 0;
  background: inherit;
  box-shadow: none;
  padding: 8px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #1A191A;
  transition: 0.5s all ease-in-out;
  font-weight: 400;
  border-radius: 0;
}
#contact-block button:hover {
  color: #000;
}/*# sourceMappingURL=app.css.map */