<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

button:focus,
a:focus,
input:focus, .btn:focus, select:focus {
  box-shadow: none !important;
}

.ul-inline {
  display: flex;
  justify-content: center;
}
.ul-inline li {
  display: inline;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

body {
  font-size: 0.9rem;
  font-family: "Numans", sans-serif;
}

.am-nav {
  background-color: #131313;
}
.am-nav .navbar-brand {
  border-right: 1px solid #8C8C8C;
}
.am-nav .navbar-brand img {
  width: 8rem;
}
@media only screen and (max-width: 476px) {
  .am-nav .navbar-brand img {
    width: 4rem;
  }
}
.am-nav .navbar-nav a {
  padding: 0;
  color: #EEEEEE;
}

.font-numans {
  font-family: "Numans", sans-serif;
}

.font-k {
  font-family: "Kanit", sans-serif;
}

.w-05 {
  width: 0.5rem;
}

.w-35 {
  width: 35%;
}

.br-5 {
  border-radius: 5px !important;
}

.btn-am-grad {
  color: #000 !important;
  background: linear-gradient(93.86deg, #80FF72 4.19%, #7EE8FA 100%);
  border: 0px solid transparent;
}
.btn-am-grad:hover {
  border: 0px solid transparent;
  background: linear-gradient(-23.86deg, #80FF72 4.19%, #7EE8FA 100%);
}

.btn-am-blue {
  --bs-btn-color: #242424;
  --bs-btn-bg: #7EE8FA;
  --bs-btn-border-color: #7EE8FA;
  --bs-btn-hover-color: #242424;
  --bs-btn-hover-bg: #5bbdce;
  --bs-btn-hover-border-color: #5bbdce;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5bbdce;
  --bs-btn-active-border-color: #5bbdce;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7EE8FA;
  --bs-btn-disabled-border-color: #7EE8FA;
}

.btn-outline-am-gray {
  --bs-btn-color: #787878;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ced4da;
  --bs-btn-hover-border-color: #ced4da;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ced4da;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-gradient: none;
}

.bg-am-dark {
  color: #E4E4E4;
  background-color: #131313;
}

.bg-am-blue {
  background-color: #7EE8FA;
  color: #000;
}

.bg-am-green {
  background-color: #80FF72;
  color: #000;
}

.text-am-grad {
  background: linear-gradient(93.86deg, #80FF72 4.19%, #7EE8FA 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.space {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.hero {
  background-image: url("/storage/assets/hero-cover.png");
  min-height: 80vh;
  display: flex;
  align-items: center;
  background-size: cover;
}
.hero .overlay {
  padding: 3rem 4rem 3rem 3rem;
  width: 50vw;
  color: white;
  background: rgba(19, 19, 19, 0.7);
}
@media only screen and (max-width: 991px) {
  .hero .overlay {
    padding: 3rem;
    width: 80vw;
  }
}
@media only screen and (max-width: 476px) {
  .hero .overlay {
    padding: 3rem 1rem;
  }
}

.am-offcanvas {
  color: white;
  background-color: rgba(19, 19, 19, 0.9);
}

.fw-medium {
  font-weight: 500;
}

.logo-badge {
  width: 16rem;
  right: 0;
  left: 0;
  top: -65%;
  z-index: 1000;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
}
@media only screen and (max-width: 476px) {
  .logo-badge {
    top: -50%;
    width: 12rem;
  }
}

.home-am-services {
  max-width: 100vw;
  overflow-x: auto;
}
.home-am-services .badge img {
  width: 1.5rem;
}

.container.about {
  background-image: url("/storage/assets/about/about-illus.svg");
  background-size: cover;
}
.container.about .row img {
  height: 12rem;
}
@media only screen and (max-width: 991px) {
  .container.about .row img {
    height: 8rem;
  }
}

.w-15 {
  width: 15% !important;
}

.w-lg-15 {
  opacity: 0.6;
  width: 15% !important;
}
@media only screen and (max-width: 991px) {
  .w-lg-15 {
    width: 25% !important;
  }
}
@media only screen and (max-width: 476px) {
  .w-lg-15 {
    width: 35% !important;
  }
}

.divider {
  height: 2px;
  width: 50%;
  margin: auto;
  margin-top: 0.5rem;
  background: linear-gradient(93.86deg, #80FF72 4.19%, #7EE8FA 100%);
}

.home-services img.w-100 {
  min-height: 12rem;
  max-height: 14rem;
}
@media only screen and (max-width: 991px) {
  .home-services img.w-100 {
    min-height: 9rem;
  }
}
@media only screen and (max-width: 476px) {
  .home-services img.w-100 {
    min-height: 5rem;
    max-height: 8rem !important;
  }
}
.home-services .col-lg-6 p {
  display: flex;
  align-items: center;
  padding: 0.5rem 3rem;
  color: white;
  height: 100% !important;
  background-color: rgba(57, 57, 57, 0.8196078431);
}

.projects-home .cover {
  height: 15rem;
}

.owl-carousel {
  position: relative;
}
.owl-carousel p img {
  opacity: 0.3;
  width: 0.5rem;
}
.owl-carousel .owl-nav {
  right: 1rem;
  top: -15%;
  color: white;
  background-color: white;
  position: absolute;
  opacity: 0.7;
}
.owl-carousel .owl-nav .owl-prev::before {
  content: url("/storage/assets/icons/arrow-l.svg");
}
.owl-carousel .owl-nav .owl-next::before {
  content: url("/storage/assets/icons/arrow-r.svg");
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: white !important;
}

.w-10 {
  width: 10% !important;
}

.am-footer {
  color: #E4E4E4;
  padding: 4rem;
  background: #131313;
}
@media only screen and (max-width: 991px) {
  .am-footer {
    padding: 4rem 2rem;
  }
}
.am-footer .socials img {
  width: 3rem;
}

.am-maps {
  margin-bottom: -3rem;
}
.am-maps .row {
  min-height: 70vh;
}
.am-maps .loc-dubai, .am-maps .loc-sharjah {
  position: relative;
}
.am-maps .loc-dubai::before, .am-maps .loc-sharjah::before {
  content: "";
  height: 2px;
  width: 125px;
  position: absolute;
  top: 50%;
  background-color: white;
}
.am-maps .loc-dubai::before {
  left: -110%;
}
.am-maps .loc-sharjah::before {
  right: -117%;
}

.projects-cover .projects-img {
  height: 30vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects-cover .mt-n5 {
  margin-top: -6rem;
}
.projects-cover .mt-n4 {
  margin-top: -4rem;
}

.projects-indiv .icons {
  opacity: 0.4;
  width: 100%;
}
.projects-indiv .overlay {
  position: relative;
  margin-bottom: -5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #FFFFFF;
  background-color: rgba(19, 19, 19, 0.7);
}
@media only screen and (max-width: 476px) {
  .projects-indiv .overlay {
    margin-bottom: -2rem;
  }
}
.projects-indiv .indiv-options img {
  max-height: 15rem;
}
@media only screen and (max-width: 476px) {
  .projects-indiv .indiv-options img {
    max-height: 10rem;
  }
}
.projects-indiv .fix-p-h {
  max-height: 75vh;
}

.mt-n {
  margin-top: -5rem;
}
@media only screen and (max-width: 476px) {
  .mt-n {
    margin-top: 0;
  }
}

.am-services * {
  transition: all 300ms linear;
}
.am-services .grad-badge {
  margin-top: -20%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 50%;
  transition: all 600ms;
  padding: 0.65rem;
  border: 7px solid white;
  background: linear-gradient(93.86deg, #80FF72 4.19%, #7EE8FA 100%);
}
.am-services .grad-badge img {
  opacity: 0.7;
  width: 2rem;
}
.am-services .info-img {
  height: 30vh;
}
@media only screen and (max-width: 991px) {
  .am-services .info-img {
    height: 20vh;
  }
}
@media only screen and (max-width: 476px) {
  .am-services .info-img {
    height: 30vh;
  }
}
.am-services .service-link {
  display: block;
}
.am-services .font-k {
  border-bottom: 1px solid transparent;
}
.am-services .service-link:hover .grad-badge {
  transform: rotate(90deg);
}
.am-services .service-link:hover .font-k {
  padding-left: 0.5rem;
  border-bottom: 1px solid black;
}
.am-services .service-link:hover .arrow-long {
  transform: scaleX(1.35);
  transform-origin: left;
}

.pj-list .icons {
  opacity: 0.5;
}
.pj-list .pj-img {
  height: 35vh;
}
@media only screen and (max-width: 991px) {
  .pj-list .pj-img {
    height: 20vh;
  }
}
@media only screen and (max-width: 476px) {
  .pj-list .pj-img {
    height: 30vh;
  }
}

.w-md-50 {
  width: 50%;
}
@media only screen and (max-width: 476px) {
  .w-md-50 {
    width: 100%;
  }
}
</pre></body></html>