.container > .navbar .nav-items a,
.container > .navbar .profile .item {
  text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.8); }

.container > .page-title {
  color: #007ea7;
  margin: 250px 10px 120px;
  font-size: 44px;
  font-weight: 800;
  text-align: center; }

.container > .steps .step {
  display: flex;
  align-items: center;
  margin: 0 140px 100px; }

.container > .steps .step:nth-child(even) {
  flex-direction: row-reverse; }

.container > .steps .step > div {
  flex: 1;
  padding: 50px; }

.container > .steps .step .details {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 60%; }

.container > .steps .step:nth-child(1) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-1.svg"); }

.container > .steps .step:nth-child(2) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-2.svg"); }

.container > .steps .step:nth-child(3) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-3.svg"); }

.container > .steps .step:nth-child(4) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-4.svg"); }

.container > .steps .step:nth-child(5) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-5.svg"); }

.container > .steps .step:nth-child(6) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-6.svg"); }

.container > .steps .step:nth-child(7) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-7.svg"); }

.container > .steps .step:nth-child(8) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-8.svg"); }

.container > .steps .step:nth-child(9) .details {
  background-image: url("../../assets/img/home/how-it-works/numbers/number-9.svg"); }

.container > .steps .step .details .title {
  color: #007ea7;
  margin: 0 0 30px;
  font-size: 26px;
  font-weight: 800; }

.container > .steps .step .details .description {
  margin: 0;
  font-size: 20px;
  color: #808080; }

.container > .steps .step .image {
  text-align: center; }

.container > .steps .step .image img {
  width: 100%; }

.container > .contact-us {
  width: 450px;
  margin: 0 auto 180px;
  text-align: center; }

.container > .contact-us .title {
  color: #007ea7;
  margin: 0 0 20px;
  font-size: 26px;
  font-weight: 800; }

.container > .contact-us .description {
  margin: 0;
  font-size: 20px;
  color: #808080; }

.container > .contact-us .btn {
  display: inline-block;
  margin-top: 35px;
  padding: 15px 35px;
  color: #f5f5f5;
  background: linear-gradient(to right, #00a6e8 0%, #003459 100%);
  background-color: #00a6e8;
  border-radius: 10px;
  font-size: 26px;
  font-weight: 800; }

.container > .contact-us .btn:hover {
  background: #003459;
  transition: background-color 2s; }