:root {
  --color1: #333333;
  --color2: #292f36;
  --color3: #4d5053;
  --color4: #2b4248;
  --color5: #767676;
  --color6: #f4f4f4;
  --color7: #ffffff;
  --pad_val1: 0.75rem;
  --pad_val2: 1.5rem;
}
a {
  color: inherit;
}

.nav {
  background-color: var(--color1);
}

body {
  font-family: "Jost";
  color: var(--color3);
}

.title {
  color: var(--color2);
  font-family: "DM Serif Display";
}
.moonserratFont {
  font-family: "Montserrat";
}

.DMSansFont {
  font-family: "DM Sans Serif";
}

.t1 {
  font-size: 85px;
}

.btn {
  padding: 22px 36px;
  background-color: var(--color2);
  height: unset;
  line-height: 20px;
  border-radius: 18px;
}

.page-footer {
  background-color: var(--color6);
  color: var(--color3);
}

.page-footer a {
  color: var(--color3);
}

.page-footer .footer-copyright {
  background-color: var(--color1);
  color: var(--color7);
  font-size: 12px;
}

.txt1 {
  font-size: 12px;
  line-height: 24px;
}
.material-icons {
  display: inline-flex;
  vertical-align: top;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center {
  text-align: center;
  padding: 70px 0;
}
.circle {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}
.mapouter {
  position: relative;
  text-align: right;
  width: 100%;
  height: 501px;
}
.gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 100%;
  height: 501px;
}
.gmap_iframe {
  width: 100% !important;
  height: 501px !important;
}