@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
*.p-container {
  padding-left: 5rem;
  padding-right: 5rem;
}

body .font-dm-sans {
  font-family: "DM Sans", sans-serif;
}

body .font-sora {
  font-family: "Sora", sans-serif;
}

body .font-inter {
  font-family: "Inter", sans-serif;
}

body header#services, body header#contact, body header#about {
  min-height: 413px;
}

body header nav {
  z-index: 9999;
}

body header nav .navbar-nav {
  background-color: transparent;
}

body header nav .navbar-nav li a {
  color: #b5c7d9;
}

body header nav .navbar-nav li a.active {
  color: #fafcfe;
}

body header h1.fs-7 {
  font-size: 59px !important;
}

body #numbers .title-text {
  font-size: 40px;
}

body #numbers .description-text {
  font-size: 14px;
}

@media (max-width: 320px) {
  .owl-nav {
    display: none;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .owl-nav {
    top: 130% !important;
  }
}

@media (min-width: 376px) and (max-width: 414px) {
  .owl-nav {
    top: 130% !important;
  }
}

@media (max-width: 540px) {
  body *.p-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  body header#services, body header#about, body header#contact {
    min-height: 70vh;
  }
  body header h1.fs-7 {
    font-size: 20px !important;
  }
  body header p.fs-7 {
    font-size: 14px !important;
  }
  body #numbers .title-text {
    font-size: 20px !important;
  }
  body #numbers .description-text {
    font-size: 10px !important;
  }
  body .connect {
    margin-top: 10vh !important;
  }
  body .connect a {
    font-size: 10px !important;
  }
  body .contact {
    font-size: 12px;
  }
}

@media (min-width: 541px) and (max-width: 768px) {
  body header h1.fs-7 {
    font-size: 30px !important;
  }
  body header p.fs-7 {
    font-size: 15px !important;
  }
  body #numbers .title-text {
    font-size: 30px;
  }
  body #numbers .description-text {
    font-size: 12px !important;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  body header h1.fs-7 {
    font-size: 40px !important;
  }
  body header p.fs-7 {
    font-size: 16px !important;
  }
}

@media (min-width: 0px) and (max-width: 991px) {
  body header nav .navbar-nav {
    background-color: #1a9cff !important;
  }
  #numbers {
    height: auto !important;
  }
}

@media (min-width: 1502px) {
  .service-card {
    width: 75% !important;
  }
}

.owl-dots {
  position: absolute;
  left: 0;
  top: 120%;
}

.owl-nav {
  position: absolute;
  right: 0;
  top: 110%;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  padding: 10px !important;
}

.owl-theme .owl-nav [class*="owl-"].owl-next, .owl-theme .owl-nav [class*="owl-"].owl-prev {
  background: #c3e6fd !important;
}

.owl-theme .owl-nav [class*="owl-"].owl-next svg, .owl-theme .owl-nav [class*="owl-"].owl-prev svg {
  fill: #002c66 !important;
}

.owl-theme .owl-nav [class*="owl-"].owl-next:hover, .owl-theme .owl-nav [class*="owl-"].owl-prev:hover {
  background-color: #0184ff !important;
}

.owl-theme .owl-nav [class*="owl-"].owl-next:hover svg, .owl-theme .owl-nav [class*="owl-"].owl-prev:hover svg {
  fill: #e2f3fd !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #0184ff;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 40px;
}

.owl-theme .owl-dots .owl-dot span {
  background: #c3e6fd;
  -webkit-transition: width 300ms;
  transition: width 300ms;
}

.connect {
  margin-top: 25vh;
}

.connect a {
  font-size: 14px;
}

.contact {
  font-size: 20px;
}

.service-card:hover {
  background-color: #0184ff;
}

.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #000000;
}
/*# sourceMappingURL=style.css.map */