@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #dfe5e7;
}

a {
  color: #0090ff;
  text-decoration: none;
  font-weight: 600;
}

a:hover {
  text-decoration: underline;
}

h1,
h2 {
  font-weight: 700;
}

.navbar {
  transition: top 0.3s ease-in-out; /* Adjust the duration and easing as needed */
  background-color: #dfe5e7;
}

.nav-contact {
  color: #0090ff;
}
.nav-link:hover {
  color: #0090ff;
  text-decoration: none;
}
.nav-contact:hover {
  text-decoration: underline;
}

.first {
  display: inline-block;

  margin-top: 100px;
}

.left-blue-border {
  border-left: 10px solid #0090ff;
  padding-top: 15px;
}

i {
  font-size: calc(1.375rem + 1.5vw);
}

.phone {
  margin-bottom: 15px;
}

.content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.second {
  background-color: white;
}

.content ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 10px;
}

.contact-form {
  border: 5px solid #0090ff;
  padding: 25px;
  border-radius: 15px;
  color: black;
}
.contact-form .btn {
  background-color: #0090ff;
  color: white;
  border-radius: 25px;
  font-weight: 800;
}

.disclaimer {
  background-color: black;
  color: white;
  font-size: 12px;
}

.hp {
  display: none;
}

.protect {
  margin-top: 25px;
}

.call {
  padding-top: 25px;
}

@media (max-width: 1024px) {
  .intro-contact {
    display: none;
  }
}

@media (max-width: 575px) {
  .dark-bg {
    margin-top: 50px;
  }

  .left-blue-border {
    border-left: 0px;
    border-top: 10px solid #0090ff;
  }

  .intro-contact {
    display: contents;
  }
  .protect {
    margin-top: 0px;
  }
  .call {
    padding-top: 0px;
  }
}