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

html {
  scroll-behavior: smooth;
}

.navbar img {
  width: 100%;
  max-height: 100px;
}

body {
  margin: 0;
  padding: 0;
}

.hero {
  height: auto;
  padding-top: 200px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M 0%2c204 C 57.6%2c171.4 172.8%2c31 288%2c41 C 403.2%2c51 460.8%2c242.8 576%2c254 C 691.2%2c265.2 748.8%2c119.4 864%2c97 C 979.2%2c74.6 1036.8%2c151.2 1152%2c142 C 1267.2%2c132.8 1382.4%2c69.2 1440%2c51L1440 560L0 560z' fill='%23184a7e'%3e%3c/path%3e%3cpath d='M 0%2c321 C 96%2c358.6 288%2c493 480%2c509 C 672%2c525 768%2c410.6 960%2c401 C 1152%2c391.4 1344%2c449 1440%2c461L1440 560L0 560z' fill='%232264ab'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-heading {
  animation: slide-in 1s ease-in;
}

.hero-copy {
  animation: fade-in 2.5s ease-in;
}

.navbar {
  animation: slide-down 0.75s ease-in;
}

.navbar-sticky {
  background-color: rgba(34, 100, 171, 0.85);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  animation: fade-in-bg 0.75s ease;
}

.navbar-toggler {
  border-color: rgb(255, 255, 255); /* Change border color */
}

.navbar-toggler-icon {
  filter: invert(1); /* Turns it white */
}

.about {
  height: auto;
  padding-top: 150px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c138 C 57.6%2c139.2 172.8%2c158.8 288%2c144 C 403.2%2c129.2 460.8%2c63.6 576%2c64 C 691.2%2c64.4 748.8%2c149.2 864%2c146 C 979.2%2c142.8 1036.8%2c28.8 1152%2c48 C 1267.2%2c67.2 1382.4%2c203.2 1440%2c242L1440 560L0 560z' fill='rgba(126%2c 125%2c 24%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c506 C 96%2c470.4 288%2c344 480%2c328 C 672%2c312 768%2c422.8 960%2c426 C 1152%2c429.2 1344%2c360.4 1440%2c344L1440 560L0 560z' fill='rgba(171%2c 170%2c 34%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.row-one img {
  width: 50%;
  height: auto;
}

.row-two img {
  width: 50%;
  height: auto;
}

.projects {
  height: auto;
  padding-top: 125px;
}

.carousel-item img {
  object-fit: cover;
}

.carousel-control-prev {
  left: 20px;
}

.carousel-control-next {
  right: 20px;
}

.contact {
  height: auto;
  padding-top: 150px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M 0%2c204 C 57.6%2c171.4 172.8%2c31 288%2c41 C 403.2%2c51 460.8%2c242.8 576%2c254 C 691.2%2c265.2 748.8%2c119.4 864%2c97 C 979.2%2c74.6 1036.8%2c151.2 1152%2c142 C 1267.2%2c132.8 1382.4%2c69.2 1440%2c51L1440 560L0 560z' fill='%23184a7e'%3e%3c/path%3e%3cpath d='M 0%2c321 C 96%2c358.6 288%2c493 480%2c509 C 672%2c525 768%2c410.6 960%2c401 C 1152%2c391.4 1344%2c449 1440%2c461L1440 560L0 560z' fill='%232264ab'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
}

footer i {
  color: white;
  font-size: 10rem;
}

@keyframes fade-in-bg {
  0% {
    background-color: rgba(34, 100, 171, 0);
  }
  100% {
    background-color: rgba(34, 100, 171, 0.85);
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 825px) {
  footer i {
    font-size: 6rem;
  }
}
@media (max-width: 450px) {
  .row-one img {
    width: 80%;
    height: auto;
  }
  .row-two img {
    width: 67.5%;
    height: auto;
  }
  footer img {
    width: 80%;
    height: auto;
  }
  .carousel-item img {
    width: 100%;
    height: 50vh;
    object-fit: contain;
  }
}
@media (max-width: 428px) {
  footer i {
    font-size: 3.5rem;
  }
}