@import url("./section.css");
@import url("./size.css");
@import url("./color-style.css");
@import url("./border-style.css");
@import url("./header-style.css");
@import url("./sections/section1.css");
@import url("./sections/layout.css");
@import url("./font-style.css");
@import url("./hr-custom.css");
@import url("./slider.css");
html,
body {
  font-family:var(--rp-font-roboto);
  color:var(--rp-black-shadow);
}

/** Fonts **/
.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/** Buttons **/
.btn-primary {
  color: var(--rp-white-color);
  background-color: var(--rp-primary-blue-color);
  border-color: var(--rp-primary-blue-color);
}
.btn-primary:hover {
  color: var(--rp-white-color);
  background-color: var(--rp-secondary-blue-color);
  border-color: var(--rp-secondary-blue-color);
}
.btn-outline-primary {
  color: var(--rp-primary-blue-color);
  background-color: var(--rp-white-color);
  border-color: var(--rp-primary-blue-color);
}
.btn-outline-primary:hover {
  color: var(--rp-white-color);
  background-color: var(--rp-primary-blue-color);
  border-color: var(--rp-primary-blue-color);
}
.btn-secondary {
  color: var(--rp-white-color);
  background-color: var(--rp-primary-green-color);
  border-color: var(--rp-primary-green-color);
}
.btn-secondary:hover {
  color: var(--rp-white-color);
  background-color: var(--rp-secondary-green-color);
  border-color: var(--rp-secondary-green-color);
}
.btn-outline-secondary {
  color: var(--rp-primary-green-color);
  background-color: var(--rp-white-color);
  border-color: var(--rp-primary-green-color);
}
.btn-outline-secondary:hover {
  color: var(--rp-white-color);
  background-color: var(--rp-primary-green-color);
  border-color: var(--rp-primary-green-color);
}

/** Feaures **/
.feature-icon img {
  height: auto;
  width: 150px;
}

.footer {
  font-size: 18px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.heart {
  color: red;
  font-size: 20px;
}