.navbar-nav .nav-item .nav-link:active {
  text-decoration: underline;
}

.navbar-nav .nav-item .nav-link {
  color: white;
  margin-right: 1rem;
  font-size: 20px;
}

.navbar-nav .nav-item .nav-link:focus {
  text-decoration: underline;
}

.header {
  position: relative;
}
.header .btn {
  position: absolute;
  bottom: -385px;
  left: 50%;
  transform: translateX(-50%);
}

.aboutus {
  padding-top: 27rem;
  padding-bottom: 2rem;
  background-color: #ff9757;
}
.aboutus h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.aboutus h2 {
  font-size: 1.5rem;
  padding-bottom: 2rem;
  color: #000000;
}
.aboutus p {
  font-size: 1rem;
  color: #fffcfc;
}

.ourservices {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #007cc3;
}
.ourservices h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  padding-bottom: 2rem;
  color: #fffcfc;
}
.ourservices h2 {
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #fffcfc;
}
.ourservices img {
  width: 345px;
  height: 335px;
}
.ourservices p {
  font-size: 1rem;
  color: #fffcfc;
}

.recentprojects {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #963596;
}
.recentprojects h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  padding-bottom: 2rem;
  color: #fffcfc;
}
.recentprojects h2 {
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #fffcfc;
}
.recentprojects p {
  font-size: 1rem;
  color: #fffcfc;
}

.oval-container {
  position: relative;
  width: 500px; /* Adjust container width as needed */
  height: 400px; /* Adjust container height as needed */
  left: 5%;
  overflow: hidden;
}
.oval-container .oval {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: ellipse(50% 25% at 50% 25%); /* Adjust values for the oval shape */
}
.oval-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oval-container .oval1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: ellipse(50% 30% at 50% 50%); /* Adjust values for the oval shape */
}
.oval-container .oval2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: ellipse(50% 25% at 50% 75%); /* Adjust values for the oval shape */
}

.circle-square-container {
  position: relative;
  width: 500px;
  height: 500px;
  left: 5%;
  top: 15%;
  overflow: hidden;
}
.circle-square-container .circle {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  clip-path: circle(50% at 50% 50%);
}
.circle-square-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.circle-square-container .square {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(50% 0% 0% 0%);
  overflow: hidden;
}

.oval-container-1 {
  position: relative;
  width: 500px; /* Adjust container width as needed */
  height: 400px; /* Adjust container height as needed */
  left: 5%;
  top: 20%;
  overflow: hidden;
}
.oval-container-1 .oval {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: ellipse(100% 75% at 100% 50%);
}

.circle-container {
  position: relative;
  width: 500px;
  height: 400px;
  left: 5%;
  top: 22%;
  overflow: hidden;
}
.circle-container .circle {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  clip-path: circle(55% at 50% 50%);
}

.helpyou {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f5bc67;
}
.helpyou h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  padding-bottom: 2rem;
  color: #fffcfc;
}
.helpyou p {
  font-size: 1.25rem;
  color: #fffcfc;
}

.location_1 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #333333;
}
.location_1 img {
  width: 600px;
  height: 175px;
}

.about {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.about h1 {
  font-size: 5rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.about h2 {
  font-size: 2rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.about h4 {
  font-size: 1rem;
  padding-bottom: 1rem;
  color: #000000;
}

.footer {
  padding-top: 2rem;
  background-color: #f8f8f8;
}
.footer h4 {
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}

.services h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.services h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
}
.services h6 {
  font-size: 1.13rem;
  padding-bottom: 1rem;
  color: #000000;
}
.services p {
  font-size: 1rem;
  color: #000000;
}
.services img {
  width: 400px;
  height: 200px;
}

.privicyheader h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.privicyheader p {
  font-size: 1.5rem;
  color: #000000;
}

.cookiepolicy h1 {
  font-size: 3rem;
  font-family: "Syne", sans-serif;
  font-weight: bold;
  color: #000000;
}
.cookiepolicy p {
  font-size: 1.5rem;
  color: #000000;
}

.text-red {
  color: red;
}