@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
:root {
  --gradient-135: -webkit-linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
  --gradient-315: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
  --blue-color: #1e30f3;
  --fs-d1: calc(1.525rem + 3.3vw);
  --fs-d2: calc(1.475rem + 2.7vw);
  --fs-d3: calc(1.425rem + 2.1vw);
  --fs-d4: calc(1.375rem + 1.5vw);
  --fs-d5: calc(1.325rem + 0.9vw);
}

bg-light {
  background-color: rgb(248, 249, 250) !important;
}
.btn-primary {
  background: var(--blue-color) !important;
}
.btn-primary:hover {
  background: #1a29cf !important;
}
.text-muted1 {
  color: #6c757d !important;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", sans-serif;
}
body {
  overflow-x: hidden;
}
/* Start Navbar */
nav .nav-item .nav-link {
  font-size: 14px;
  font-weight: bolder;
  color: #0000008c;
}
nav .nav-item .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

/* End Navbar */

/* Start Header */
.profile {
  position: relative;
  height: 40vw;
  width: 40vw;
  border-radius: 5vw;
  max-height: 40rem;
  max-width: 40rem;
}
.profile img {
  height: 45vw;
  max-height: 45rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
header .dots-1,
header .dots-2,
header .dots-3,
header .dots-4 {
  width: 2vw;
}
header .dots-1 {
  position: absolute;
  top: 10%;
  right: 3%;
  fill: white;
}
header .dots-2 {
  position: absolute;
  top: 15%;
  right: -7%;
  fill: var(--blue-color);
}
header .dots-3 {
  position: absolute;
  bottom: 15%;
  left: 3%;
  fill: white;
}
header .dots-4 {
  position: absolute;
  bottom: 10%;
  left: -7%;
  fill: var(--blue-color);
}
@media (max-width: 991px) {
  .profile {
    left: 50%;
    transform: translateX(-50%);
    height: 60vw;
    width: 60vw;
  }
  .profile img {
    height: 65vw;
  }
  header .dots-1,
  header .dots-2,
  header .dots-3,
  header .dots-4 {
    width: 3vw;
  }
}
/* End Header */

/* Contact Form */
textarea + label,
input + label {
  color: rgba(16, 16, 16, 0.893) !important;
}
textarea:focus + label,
input:focus + label {
  color: #212529b9 !important;
}
/* Contact Form */

/* Font Size */
.fs-d1 {
  font-size: var(--fs-d1) !important;
}
.fs-d2 {
  font-size: var(--fs-d2) !important;
}
.fs-d3 {
  font-size: var(--fs-d3) !important;
}
.fs-d4 {
  font-size: var(--fs-d4) !important;
}
.fs-d5 {
  font-size: var(--fs-d5) !important;
}
/* Font Size */

/* Color */
.bg-blue {
  background-color: var(--blue-color) !important;
}
.text-blue {
  color: var(--blue-color) !important;
}
.bg-gradient-135 {
  background: var(--gradient-135) !important;
}
.bg-gradient-315 {
  background: var(--gradient-315) !important;
}
.text-gradient-135 {
  background: var(--gradient-135) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.text-gradient-315 {
  background: var(--gradient-315) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/* Color */

/* Icons */
/* .download-icon::before {
  font-family: "Font Awesome 5 Free";
  content: "\f30a";
} */
/* Icons */