@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@600&amp;display=swap);

[data-mdb-theme="dark"] {
  --mdb-my-bg: #000000;
  --card-color: #a5bdd9;
  --heading-color: #ffffff;
  --alert-primary-bg: rgba(70, 149, 207, 0.7);
  --alert-primary-color: #f0f1f3;
  --card-bg-color: #121b27;
  --home-card-color: #d1d1d1;
  --body-bg: #0b1118;
  --inn-color: #a5bdd9 !important;
  --bg-lighten: #e9e9e9;
}

[data-mdb-theme="light"] {
  --mdb-my-bg: #f5f8fe;
  --card-color: ##6a7c92;
  --heading-color: #000000;
  --card-bg-color: #ffffff;
  --body-bg: #ffffff;
  --inn-color: #ffffff !important;
  --alert-primary-bg: rgba(70, 149, 207, 0.9);
  --alert-primary-color: #f0f1f3;
  --home-card-color: #7d8185;
  --bg-lighten: #f5f8fe;
}

.carousel-indicators [data-mdb-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

@font-face {
  font-family: "Signika Negative";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Signika Negative Light "), local("Signika Negative-Light"),
    url(../fonts/signika-negative-latin-300.woff2) format("woff2"),
    url(../fonts/signika-negative-latin-300.woff) format("woff");
}

@font-face {
  font-family: "Signika Negative";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Signika Negative Regular "), local("Signika Negative-Regular"),
    url(../fonts/signika-negative-latin-400.woff2) format("woff2"),
    url(../fonts/signika-negative-latin-400.woff) format("woff");
}

@font-face {
  font-family: "Signika Negative";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Signika Negative SemiBold "), local("Signika Negative-SemiBold"),
    url(../fonts/signika-negative-latin-600.woff2) format("woff2"),
    url(../fonts/signika-negative-latin-600.woff) format("woff");
}

@font-face {
  font-family: "Signika Negative";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Signika Negative Bold "), local("Signika Negative-Bold"),
    url(../fonts/signika-negative-latin-700.woff2) format("woff2"),
    url(../fonts/signika-negative-latin-700.woff) format("woff");
}

@font-face {
  font-family: "Sofia-Pro-Regular";
  src: url(../fonts/Sofia-Pro-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sofia-Pro-Semi-Bold";
  src: url(../fonts/Sofia-Pro-Semi-Bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sofia-Pro-Bold";
  src: url(../fonts/Sofia-Pro-Bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "business-icon";
  src: url(../fonts/business-icon.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body {
  font-family: "Sofia-Pro-Regular", sans-serif;
  background-color: var(--body-bg);
}

#sidenav {
  width: 300px !important;
}

.ht-icon {
  font-size: 60px;
  color: #0276fd;
}

.contain {
  padding-right: calc(0.9rem * 0.5) !important;
  padding-left: calc(0.9rem * 0.5) !important;
}

.alert-primary {
  background: var(--alert-primary-bg);
  color: var(--alert-primary-color);
}

.dl {
  font-family: "business-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.my-innovative {
  background-image: url(../images/pages/HTInnovative.jpeg);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: var(--inn-color);
}

.my-innovative h3,
.my-innovative h5 {
  color: var(--inn-color);
}

.my-right:not(:last-child) {
  border-right: 1px solid #ccc;
  border-bottom: 0;
}

.home-card li {
  font-size: 13px;
  margin-bottom: 5px;
}

.home-card p {
  font-size: 13px;
}

@media screen and (max-width: 992px) {
  .my-right {
    border-right: none;
  }

  .my-right:not(:last-child) {
    border-bottom: 1px solid #ccc;
    border-right: 0;
  }

  .home-card p,
  .home-card li {
    font-size: 11.5px;
  }
}

.circle-div {
  height: 50px;
  width: 50px;
  background: rgb(59, 155, 196);
  overflow: hidden;
  border-radius: 50%;
}

.circle-div img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.select-wrapper .form-control,
.form-control {
  font-size: 0.85rem;
  opacity: 0.75;
}

.tns-nav {
  display: none;
}

.my-overlay {
  background-color: rgba(5, 20, 65, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.sub-two {
  font-family: "Work Sans", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding-left: 60px;
}

.sub-two::before {
  background: linear-gradient(to right, #0276fd, #0276fd);
  width: 50px;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.my-step {
  display: block;
  font-size: 110px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: -100%;
  opacity: 0.1;
}

body {
  font-family: "Sofia-Pro-Regular", sans-serif;
}

.label-form {
  font-size: 0.75rem;
  margin-right: 12px;
}

.btn {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.showbtn {
  top: 6px;
  right: 3%;
  cursor: pointer;
  z-index: 14;
  pointer-events: auto !important;
}

.no-transform {
  text-transform: none;
}

.trailing {
  font-size: 11px;
}

p {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 20px;
}

a.nav-link:not(.navbar-brand) {
  font-size: 12px;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sofia-Pro-Bold", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--heading-color);
}

.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.bg-colored {
  background-color: var(--mdb-my-bg);
}

.bg-lighten {
  background-color: var(--bg-lighten);
}

.bg-color {
  background: #07132d;
  color: #6a7c92;
}

.home-card {
  background-color: var(--card-bg-color);
}

.home-card p,
.home-card li {
  color: var(--home-card-color);
}

.my-map {
  background-image: url(../images/pages/HTMap.png);
  background-repeat: no-repeat;
  background-position: center;
}

.text-sub {
  font-size: 12px;
  padding: 3px 15px;
  color: #0276fd;
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  background-color: rgba(90, 73, 248, 0.1);
}

.skiptranslate {
  display: none;
}

/* Icons */

.dl-alert:before {
  content: "î¤€";
}

.dl-analysis:before {
  content: "\E902";
}

.dl-analysis-1:before {
  content: "î¤‚";
}

.dl-award:before {
  content: "î¤ƒ";
}

.dl-bank:before {
  content: "î¤„";
}

.dl-briefcase:before {
  content: "î¤…";
}

.dl-calculator:before {
  content: "î¤†";
}

.dl-calendar:before {
  content: "î¤‡";
}

.dl-chess:before {
  content: "î¤ˆ";
}

.dl-clothes:before {
  content: "î¤‰";
}

.dl-cloud:before {
  content: "î¤Š";
}

.dl-compass:before {
  content: "î¤‹";
}

.dl-credit-card:before {
  content: "î¤Œ";
}

.dl-dollar:before {
  content: "\E90D";
}

.dl-exchange:before {
  content: "î¤Ž";
}

.dl-folder:before {
  content: "î¤";
}

.dl-global:before {
  content: "î¤";
}

.dl-graph:before {
  content: "î¤‘";
}

.dl-growth:before {
  content: "î¤’";
}

.dl-handshake:before {
  content: "î¤“";
}

.dl-home:before {
  content: "î¤”";
}

.dl-idea:before {
  content: "î¤•";
}

.dl-idea-1:before {
  content: "î¤–";
}

.dl-location:before {
  content: "î¤—";
}

.dl-mobile:before {
  content: "î¤˜";
}

.dl-money:before {
  content: "î¤™";
}

.dl-money-1:before {
  content: "î¤š";
}

.dl-money-2:before {
  content: "î¤›";
}

.dl-news:before {
  content: "î¤œ";
}

.dl-notebook:before {
  content: "î¤";
}

.dl-presentation:before {
  content: "\E91E";
}

.dl-profit:before {
  content: "î¤Ÿ";
}

.dl-puzzle:before {
  content: "î¤ ";
}

.dl-recruit:before {
  content: "î¤¡";
}

.dl-resume:before {
  content: "î¤¢";
}

.dl-savings:before {
  content: "î¤£";
}

.dl-search:before {
  content: "î¤¤";
}

.dl-startup:before {
  content: "\E925";
}

.dl-startup-1:before {
  content: "î¤¦";
}

.dl-stats:before {
  content: "\E927";
}

.dl-strategy:before {
  content: "î¤¨";
}

.dl-success:before {
  content: "\E929";
}

.dl-target:before {
  content: "î¤ª";
}

.dl-team:before {
  content: "î¤«";
}

.dl-think:before {
  content: "î¤¬";
}

.dl-time:before {
  content: "î¤­";
}

.dl-timer:before {
  content: "\E92E";
}

.dl-trophy:before {
  content: "î¤¯";
}

.dl-wallet:before {
  content: "î¤°";
}

.dl-winner:before {
  content: "î¤±";
}
