:root {
  --primary-bg-color: #F5F5F5;
  --secondary-bg-color: #EDC7D3;
  --primary-text-color: #0f0f1f;
  --border-color: #F4C9E1;
  --header-height: 500px;
  --header-gradient-from: #F5F5F5 20%;
  --header-gradient-to: #ffffff33 100%;
  --nav-bg-color: #eee9ea;
  --footer-bg-color: #574951;
  --primary-text-color-inverted: #f0f0e0;
  --link-color: #F4C9E1;
  --link-color-hover: #9DE9E4;
}

body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--primary-text-color);
  background: var(--primary-bg-color);
  font-size: 1.2rem;
}

nav.bg-light {
  background-color: var(--nav-bg-color) !important;
}

section {
  margin-bottom: 30px;
}

.header-wrapper {
  height: 500px;
  background: url('/img/IMG_2614.webp') no-repeat right center / 50%;
  position: relative;
}

.header-gradient {
  height: var(--header-height);
  background: linear-gradient(to right, var(--header-gradient-from),
      var(--header-gradient-to));
}

.header-title {
  position: absolute;
  top: 30%;
}

.lawyer {
  font-weight: 600;
}

.card {
  background: transparent;
  border-color: var(--border-color);
  transition: 300ms all ease-in-out;
}

.card:hover {
  transition: 300ms all ease-in-out;
  background-color: var(--secondary-bg-color);
}

.btn-primary,
.btn-primary:focus {
  background: #f09020;
  border-color: #f09020;
  color: #0f0f1f;
  text-transform: uppercase;
}

.btn-primary:focus {
  box-shadow: 0 0 0 .25rem #50603044;
}

.btn-primary:hover {
  background: #b04000;
  border-color: #b04000;
  color: #f0f0e0;
}

.accordion-button {
  background: transparent;
  transition: 300ms all ease-in-out;
  border-color: var(--border-color);
}

.accordion-button:hover {
  transition: 300ms all ease-in-out;
  background-color: var(--secondary-bg-color);
}

.accordion-item {
  background: transparent;
  border-color: var(--border-color);
}

.accordion-button:focus {
  z-index: 3;
  border-color: #506030;
  outline: 0;
  box-shadow: 0 0 0 .25rem var(--secondary-bg-color);
  transition: 300ms all ease-in-out;
}

.accordion-button:not(.collapsed) {
  background-color: var(--primary-bg-color);
  color: var(--primary-text-color);
  transition: 300ms all ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  stroke: #506030 !important;
  fill: #506030;
}

.dropdown-menu {
  color: #0f0f1f;
  background: #f0f0e0;
  border-color: #b0b05025;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #506030;
}

footer {
  padding: 30px 0;
  background-color: var(--footer-bg-color);
  color: var(--primary-text-color-inverted);
}

section:not(:first-of-type) {
  margin-top: 50px;
}

.border,
.border-bottom {
  border-color: var(--border-color) !important;
}

.step-arrow {
  border-top: 3px solid #f09020;
  border-right: 3px solid #f09020;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  margin-right: 10px;
  transition: 300ms;
}

footer {

  a {
    color: var(--link-color);
  }

  a:hover {
    color: var(--link-color-hover);
  }
}


@media screen and (max-width: 992px) {
  .step-arrow {
    transform: rotate(135deg);
    margin-right: 0;
    margin-bottom: 10px;
    transition: 300ms;
  }
}

.card-wrapper {
  flex: 1;
}

main {
  min-height: 100vh;
}