@font-face {
  font-family: "Roboto-Medium";
  src: local("Roboto-Medium"), url(./fonts/Roboto-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Roboto-Bold";
  src: local("Roboto-Bold"), url(./fonts/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto-Black";
  src: local("Roboto-Black"), url(./fonts/Roboto-Black.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto-Regular";
  src: local("Roboto-Regular"),
    url(./fonts/Roboto-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Roboto-Light";
  src: local("Roboto-Light"), url(./fonts/Roboto-Light.ttf) format("truetype");
}

html,
body {
  height: 100%;
  margin: 0;
  font-family: "Roboto";
}

:root {
  --primary: #36c2d7;
  --secondary: #000000;
  --third: #ffffff;
  --sixth: #808080;
  --placeholder: #eff8eb;
  --fontBold: "Roboto-Bold";
  --fontRobotoBlack: "Roboto-Black";
  --fontmedium: "Roboto-Medium";
  --fontRegular: "Roboto-Regular";
  --fontLight: "Roboto-Light";
}

::placeholder {
  font-family: var(--fontRegular);
}

.sign-up-text span {
  color: var(--primary);
}

/* Get started styles */

button {
  border:  1px solid var(--primary) !important;
  font-family: var(--fontRegular) !important;
}

.user-icon-section {
  font-family: var(--fontmedium);
  border: 1px solid var(--primary);
}

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

button {
  color: #253545;
  border: 1px solid var(--primary);
  font-family: var(--fontmedium);
}

.great {
  color: var(--primary);
  font-family: var(--fontmedium);
}

.get-started-content {
  font-family: var(--fontRegular);
}
.home-header {
  color: var(--primary) !important;
  font-family: var(--fontBold) !important;
}

.home-header-subtitle {
  color: var(--primary);
  font-family: var(--fontRegular);
}

.get-started-header {
  font-family:var(--fontRegular) !important;
}

/* End get started styles */

/* Input styles  */

input,
select,
textarea {
  border: 1px solid var(--primary) !important;
}

.edit-text-label {
  color: var(--primary);
}

.family-description {
  color: var(--primary);
}

.form-check-label {
  color: var(--primary);
  font-family: var(--fontRegular);
}

/* End input styles */

/* Button styles */

.proceed-btn {
  background-color: var(--primary) !important;
  font-family: var(--fontmedium) !important;
}

.proceed-btn-default {
  border: 1px solid var(--primary) !important;
  font-family: var(--fontmedium) !important;
}

.proceed-btn-default:active,
.proceed-btn-default:hover,
.proceed-btn-default:focus {
  background-color: var(--primary) !important;
  color: #ffffff;
}

.child-container {
  border: 1px solid var(--primary);
}

.card-container-body .content:first-child {
  color: var(--primary);
  font-family: var(--fontBold);
}

.card-container-body .content:last-child {
  color: var(--primary);
  font-family: var(--fontRegular);
}

/* End button styles */

/* quotes styles */
.list-quotes-title .title {
  font-family: var(--fontBold);
  color: var(--primary);
}

.title-description {
  font-family: var(--fontRegular);
  color: var(--primary);
}

.share-quote-button {
  border: 1px solid var(--primary);
  color: var(--primary);
}

.outpatient-addon {
  border: 1px solid var(--primary);
}

.outpatient-content {
  font-family: var(--fontRegular);
  color: var(--primary);
}

.selected-addon {
  background-color: var(--primary) !important;
  padding: 7px !important;
}
.addon-item {
  color: var(--third) !important;
}

.price-title {
  font-family: var(--fontBold);
}

.premium-amount {
  font-family: var(--fontRobotoBlack);
}

.additions-title {
  font-family: var(--fontBold);
}

.additions-description {
  font-family: var(--fontRegular);
}

.title-contents .content {
  font-family: var(--fontBold);
}

.benefits-link {
  color: var(--primary);
  font-family: var(--fontmedium);
  font-size: 14px;
}

.documents-more-info {
  font-family: var(--fontmedium);
}

/* End quotes styles */

/* Loader styles */
.brand-text-l {
  color: var(--primary);
}

.lds-ripple div {
  border: 4px solid var(--primary);
}

.loader-container-l {
  font-family: var(--fontmedium) !important;
}

.loader:after {
  background: var(--primary);
}

/* End loader styles */

/* Kyc styles */

.proceed-action-btn {
  background-color: var(--primary) !important;
  font-family: var(--fontmedium) !important;
}

.blue-txt {
  color: var(--primary);
  font-family: var(--fontBold);
}

.black-txt {
  color: var(--secondary);
}

.status-title {
  font-family: var(--fontmedium);
}

.status-btn {
  font-family: var(--fontLight);
}

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

.not-sure {
  font-family: var(--fontRegular) !important;
  color: var(--primary) !important;
}

/* summary details */
.conf-b-group-title {
  font-family: var(--fontmedium);
}
.conf-keys-title {
  font-family: var(--fontBold) !important;
}

.conf-keys {
  font-family: var(--fontRegular) !important;
}

.con-amt-bld {
  font-family: var(--fontBold) !important;
}
/* end summary details*/

/* End kyc styles */

/* List policies styles */
.solutions-header {
  font-size: 30px;
  color: var(--primary);
  font-family: var(--fontBold) !important;
}

.solutions-title {
  color: var(--primary);
  font-family: var(--fontmedium);
}

.my-pol-card {
  border: 1px solid var(--primary);
}

.my-pol-line {
  border: 1px solid var(--primary);
}

.my-pol-tit {
  font-family: var(--fontRegular) !important;
}

.my-pol-sub-title {
  font-family: var(--fontRegular) !important;
}

.my-pol-buy-container {
  background: var(--primary);
  border: 1px solid var(--primary);
  font-family: var(--fontRegular) !important;
}

.claim-badge {
  color: var(--primary);
}

/* End list policies styles */

/* Payments styles */
.mpesa-description-payment {
  font-family: var(--fontRegular) !important;
}
/* end payments styles*/

/* Add promo styles */

.promo-group-text {
  background: var(--primary) !important;
  font-family: var(--fontBold);
  color: #ffff !important;
  cursor: pointer;
}

/* end promo styles */

.auth-input-container input:focus {
  outline: 0.3px solid var(--primary);
}

.btn-login {
  border: 1px solid var(--primary) !important;
}

ul li {
  font-family: var(--fontmedium);
}