body {
  font-family: "Roboto" sans-serif;
  position: relative;
}

*,
::after,
::before {
  box-sizing: border-box;
}

ul,
ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: unset;
}
a:hover {
  color: unset;
}

html {
  scroll-padding-top: 112px;
  /* height of sticky header */
}

header {
  max-height: 111.5px;
}

/* Font size classes */
.font-size-h1 {
  font-size: clamp(2.5rem, 4vw + 0.5rem, 5.7rem);
}

.font-size-48 {
  font-size: 48px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-37 {
  font-size: 37px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-h2 {
  font-size: clamp(1.8rem, 4vw + 0.5rem, 4rem);
}

.font-size-h3 {
  font-size: 32px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-h4 {
  font-size: 24px;
}

.font-size-23 {
  font-size: 23px;
}

.font-size-h5 {
  font-size: 22px;
}

.font-size-h6 {
  font-size: 20px;
}

.font-size-sm {
  font-size: 18px;
}

.font-size-default {
  font-size: 16px;
}

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

.font-size-12 {
  font-size: 12px;
}

/* Font weight classes  */
.font-black {
  font-weight: 900;
}

.font-extra-bold {
  font-weight: 800;
}

.font-bold {
  font-weight: 700;
}

.font-semi-bold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-regular {
  font-weight: 400;
}

.font-light {
  font-weight: 300;
}

/* Text color classes */
.tc-primary {
  color: #3695d8;
}

.tc-secondary {
  color: #0060a6;
}

.tc-white {
  color: #fff;
}

.tc-white-transparent {
  color: rgba(255, 255, 255, 0.5);
}

.tc-black {
  color: #000;
}

.tc-spanish-grey {
  color: #989898;
}

.tc-dayflower {
  color: #3795d9;
}

.tc-dayflower {
  color: #3795d9;
}

.tc-dayflower-shadow {
  color: rgba(55, 149, 217, 0.25);
}

.tc-red {
  color: #ff0000;
}

.tc-green {
  color: #008000;
}

/* Background color classes  */
.bcg-primary {
  background-color: #3695d8;
}

.bcg-secondary {
  background-color: #0060a6;
}

.bcg-white {
  background-color: #fff;
}

.bcg-black {
  background-color: #000;
}

.bcg-fire-hydrant {
  background-color: #ff0d00;
}

.bcg-dayflower {
  background-color: #3795d9;
}

.bcg-dayflower-shadow {
  background-color: rgba(55, 149, 217, 0.25);
}

/* Border radius functions */
.border-radius-10 {
  border-radius: 10px;
}

/* Shadow functions */
@media screen and (max-width: 1199px) {
  .contact-section .map {
    height: 600px;
  }

  .menu-is-opened {
    background: #3695d8;
    background: linear-gradient(0deg, #3695d8 0%, #0060a6 100%);
    position: fixed;
    z-index: 10;
    top: 0;
    left: -320px;
    min-width: 320px;
    height: 100%;
    display: flex !important;
    overflow: auto;
    flex-direction: column;
    transition: transform ease-in-out 300ms;
  }
  .menu-is-opened li a {
    margin: 0 auto;
  }

  .js-menu-show {
    transform: translateX(320px);
  }

  .close-x {
    cursor: pointer;
    margin: 50px auto 0 auto;
    height: 50px;
    width: 50px;
  }

  .close-x-color {
    stroke: #fff;
  }
}
@media screen and (max-width: 991px) {
  .google-play-section .phone {
    position: relative;
    display: flex;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .contact-section .map {
    height: 450px;
  }
  .contact-section .alert {
    position: absolute;
    color: #008000;
    margin-bottom: 0px;
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .contact-section .map {
    height: 350px;
  }
}
@media screen and (max-width: 400px) {
  .google-play-section .phone {
    padding-right: 35px;
  }
}
header {
  min-height: 152px;
  background: #3695d8;
  background: linear-gradient(0deg, #3695d8 0%, #0060a6 100%);
}
header ul li a {
  padding: 14px 37px 14px 37px;
  transition: all ease 0.5s;
}
header ul li a:hover {
  color: #fff;
}
header .navbar-toggler:focus {
  box-shadow: none;
}
header .line {
  height: 4px;
  width: 100%;
  background-color: #fff;
}

footer {
  min-height: 102px;
  background: #3695d8;
  background: linear-gradient(0deg, #3695d8 0%, #0060a6 100%);
}
footer ul {
  gap: 90px;
}

.contact-section {
  min-height: calc(100vh - 152px - 198px);
}
.contact-section .contact-details .phone-number-padding {
  padding-left: 59px;
}
.contact-section .contact-details .fax-number-padding {
  margin-left: 28px;
}
.contact-section .contact-details a {
  color: #3695d8;
}
.contact-section input:focus::placeholder {
  opacity: 0;
}
.contact-section textarea:focus::placeholder {
  opacity: 0;
}
.contact-section ::placeholder {
  color: #989898;
}
.contact-section .errors {
  position: absolute;
  margin-bottom: 0px;
  color: #ff0000;
  font-size: 14px;
}
.contact-section .alert {
  position: absolute;
  color: #008000;
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0;
}
.contact-section .form-control {
  padding: 16px;
  font-size: 18px;
  font-weight: 300;
  color: #000;
  background-color: #fff;
  border: 1px solid #989898;
  border-radius: 11px;
}
.contact-section .form-control:focus {
  box-shadow: none;
  border-color: #3795d9;
  box-shadow: 0 0 0 0.25rem rgba(55, 149, 217, 0.25);
}
.contact-section button {
  padding: 15px 89px;
  border-radius: 11px;
  border: none;
  letter-spacing: 3px;
}

.about-app-section {
  background: #0060a6;
  background: linear-gradient(0deg, #3695d8 0%, #0060a6 100%);
}
.about-app-section::before {
  content: "";
  background-image: url(../assets/images/home-background-image.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.google-play-section .phone {
  position: absolute;
  top: -450px;
}

.z-index {
  z-index: 1;
}

.header-background {
  background: #0060a6;
}

.tooltip-inner {
  background-color: red !important;
  color: red !important;
}

.instruction-section .card {
  border: none;
}
.instruction-section .card img {
  max-height: 90px;
}

.categories-section .card {
  border: none;
}
.categories-section .card-body {
  padding: 0;
}

.elections-section {
  background: #3695d8;
  background: linear-gradient(0deg, #3695d8 0%, #0060a6 100%);
  min-height: calc(100vh - 152px - 102px);
}
.elections-section::before {
  content: "";
  background-image: url(../assets/images/elections-background-image.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.z-index {
  position: relative;
  z-index: 1;
}

.header-background {
  background: #0060a6;
}

ul li {
  list-style: disc;
}

/*# sourceMappingURL=style.css.map */