:root {
  --primary-color: #0028EA;
  --secondary-color: #E9EEFF;
  --dark-color: #000C38;
  --white-color: #fff;
  --alternative-color: #FF9700;
  --muted-color: #999999;
  --font-color: #000;
  --transparent-color: transparent;
  --regular-font: 'GillSans Regular';
  --bold-font: 'GillSans Bold';
  --semi-bold-font: 'GillSans Semi Bold';
  --light-font: 'GillSans Light';
  --basic-shadow: 1px 1px 7px 0 rgb(0 0 0 / 10%)
}

.txo-btn-main,
.txo-btn-main:hover,
.txo-btn-main:focus,
.txo-btn-main:active {
  border: 2px solid var(--primary-color) !important;
  background: var(--primary-color) !important;
  border-radius: 33px !important;
  padding: 5px 20px !important;
  color: var(--white-color) !important;
  box-shadow: var(--basic-shadow) !important;
  font-size: 20px;
  font-family: var(--semi-bold-font);
}

.txo-btn-main.inverted,
.txo-btn-main.inverted:hover,
.txo-btn-main.inverted:focus,
.txo-btn-main.inverted:active {
  background: var(--transparent-color) !important;
  color: var(--primary-color) !important;
}

.txo-main-heading {
  font-size: 3.5rem;
  color: var(--font-color);
  font-family: var(--bold-font);
  margin-bottom: 0;
}

.txo-sub-heading {
  font-size: 1.5rem;
  color: var(--font-color);
  font-family: var(--semi-bold-font);
  margin-bottom: 0;
}

.txo-description {
  font-size: 1.2rem;
  color: var(--font-color);
  font-family: var(--regular-font);
  margin-bottom: 0;
}

.txo-extra-large-text-size {
  font-size: 3.5rem;
}

.txo-large-text-size {
  font-size: 2.5rem;
}

.txo-sub-large-text-size {
  font-size: 1.8rem;
}

.txo-medium-text-size {
  font-size: 1.5rem;
}

.txo-small-text-size {
  font-size: 1.2rem;
}

.txo-extra-small-text-size {
  font-size: 1rem;
}

.txo-main-text-color {
  color: var(--primary-color);
}

.txo-normal-text-color {
  color: var(--font-color);
}

.txo-white-text-color {
  color: var(--white-color);
}

.txo-regular-font {
  font-family: var(--regular-font);
}

.txo-semi-bold-font {
  font-family: var(--semi-bold-font);
}

.txo-bold-font {
  font-family: var(--bold-font);
}

.txo-medium-img {
  min-height: 140px !important;
  height: 140px !important;
}

.txo-small-img {
  min-height: 100px !important;
  height: 100px !important;
}

.bg-primary-color {
  background-color: var(--primary-color);
}

.bg-secondary-color {
  background-color: var(--secondary-color);
}

.modal-dialog {
  width: 100%;
}

#typed-text {
  overflow: hidden;
}

@media (max-width: 768px) {
  .txo-main-heading {
    font-size: 3rem;
  }

  .txo-sub-heading {
    font-size: 1.3rem;
  }

  .txo-description {
    font-size: 1.1rem;
  }


  .txo-extra-large-text-size {
    font-size: 2.5rem;
  }

  .txo-large-text-size {
    font-size: 2rem;
  }

  .txo-sub-large-text-size {
    font-size: 1.5rem;
  }

  .txo-medium-text-size {
    font-size: 1.3rem;
  }

  .txo-medium-img {
    min-height: 100px !important;
    height: 100px !important;
  }

  .txo-small-img {
    min-height: 80px !important;
    height: 80px !important;
  }
}

@media (max-width: 576px) {
  .txo-main-heading {
    font-size: 2.5rem;
  }

  .txo-sub-heading {
    font-size: 1.2rem;
  }

  .txo-small-text-size {
    font-size: 1rem;
  }

  .txo-extra-small-text-size {
    font-size: 0.8rem;
  }

  .modal-dialog {
    width: auto;
  }
}

@media (max-width: 480px) {
  .txo-main-heading {
    font-size: 1.8rem;
  }

  .txo-sub-heading {
    font-size: 1rem;
  }

  .txo-description {
    font-size: 1rem;
  }

  .txo-extra-large-text-size {
    font-size: 2rem;
  }

  .txo-large-text-size {
    font-size: 1.5rem;
  }

  .txo-sub-large-text-size {
    font-size: 1.2rem;
  }

  .txo-medium-text-size {
    font-size: 1.2rem;
  }

  .txo-medium-img {
    min-height: 70px !important;
    height: 70px !important;
  }

  .txo-small-img {
    min-height: 50px !important;
    height: 50px !important;
  }

}