/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-1JSfk {
  padding: 0 1rem
}
@media (min-width: 980px) {
.app-1JSfk {
    padding: 0
}
  }
.app-2A8Yh {
  display: flex;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
}
.app-2zIxG {
  width: 100%;
  border: 0 none;
  font-size: 16px;
  padding-left: 12px;
  color: #0a1014;
  letter-spacing: 0.16px
}
.app-2zIxG:focus {
    outline: none;
  }

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-1-L2F {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 124px;
  padding: 0 1rem
}
@media (min-width: 980px) {
.app-1-L2F {
    margin-top: 224px
}
  }
.app-2fiHz {
  width: 100%
}
@media (min-width: 980px) {
.app-2fiHz {
    width: auto
}
  }
.app-1a8es {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #fff;
  margin-top: 16px;
}
.app-3aU9H {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #7a8c99;
  margin-top: 8px;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-3UuRc {
  max-width: 152px;
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer
}
@media (min-width: 980px) {
.app-3UuRc {
    max-width: 180px
}
    .app-3UuRc:hover .app-2lkIn {
      opacity: 1;
    }
  }
.app-1sfXe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.app-2lkIn {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(53, 63, 76, 0.9);
  opacity: 1;
  transition: opacity 0.3s ease-out
}
@media (min-width: 980px) {
.app-2lkIn {
    opacity: 0
}
  }
.app-3ThHM {
  align-self: flex-end;
  padding: 12px;
}
.app-1sEw- {
  box-sizing: border-box;
  padding: 12px;
  position: relative;
  height: 100%;
  display: flex;
  color: #fff;
  width: 100%;
  text-decoration: none;
  justify-content: flex-end;
  flex-direction: column;
}
.app-2haXZ {
  font-size: 16px;
  margin-bottom: 6px
}
@media (min-width: 980px) {
.app-2haXZ {
    font-size: 20px
}
  }
.app-11D3q {
  font-size: 16px;
}
.app-2_Cvb {
  background-color: #353f4c;
  box-sizing: border-box;
}
.app-3alXM {
  width: 120px;
  height: 120px;
  margin: 15px
}
@media (min-width: 980px) {
.app-3alXM {
    margin: 30px
}
  }
.app-GAQ-- {
  right: 12px;
  top: 12px;
  background: none;
  border: none;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
@-webkit-keyframes app-15xUJ {
  0% {
    transform: translateX(0);
  }
  50%,
  100% {
    transform: translateX(460px);
  }
}
@keyframes app-15xUJ {
  0% {
    transform: translateX(0);
  }
  50%,
  100% {
    transform: translateX(460px);
  }
}
.app-3q73v {
  max-width: 154px;
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: linear-gradient(to right, #e5e5e5, #dddddd, #e5e5e5)
}
@media (min-width: 980px) {
.app-3q73v {
    max-width: 180px
}
  }
.app-3q73v::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #e5e5e5, #dddddd, #e5e5e5);
  -webkit-animation: app-15xUJ 2s infinite linear;
          animation: app-15xUJ 2s infinite linear;
}
.app-2lBSg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f2f2f2, #ddd, #f2f2f2);
  -webkit-animation: app-15xUJ 2s infinite linear;
          animation: app-15xUJ 2s infinite linear;
}
.app-2lBSg {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  position: relative;
  overflow: hidden;
}
.app-B1UGb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  position: absolute;
  bottom: 12px;
  width: 70%;
}
.app-2AQOj {
  width: 70%;
  height: 18px;
  background: #f2f2f2;
  position: relative;
  overflow: hidden;
}
.app-2AQOj::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, #f2f2f2, #ddd, #f2f2f2);
  -webkit-animation: app-15xUJ 2s infinite linear;
          animation: app-15xUJ 2s infinite linear;
}
.app-8V3j2 {
  width: 85%;
  height: 18px;
  background: #f2f2f2;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}
.app-8V3j2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, #f2f2f2, #ddd, #f2f2f2);
  -webkit-animation: app-15xUJ 2s infinite linear;
          animation: app-15xUJ 2s infinite linear;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-1nYhn {
  margin: 0 auto;
  max-width: 1180px;
}
.app-2jj5R {
  padding: 24px 1rem
}
@media (min-width: 980px) {
.app-2jj5R {
    padding: 32px 0
}
  }

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-23TtG {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 124px;
  padding: 0 1rem;
}
.app-1SHIY {
  width: 150px;
  height: auto;
}
.app-2rjGW {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #fff;
  margin-top: 16px;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-1u31J {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 124px;
  padding: 0 1rem;
}
.app-isNxI {
  width: 150px;
  height: auto;
}
.app-4o80D {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #fff;
  margin-top: 16px;
}
.app-2IuBj {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #7a8c99;
  margin-top: 8px;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-2PxC5 {
  display: flex;
  flex-flow: row wrap;
  grid-gap: 20px;
  margin-top: 32px;
  padding: 0 1rem 1rem 1rem
}
@media (min-width: 980px) {
.app-2PxC5 {
    grid-gap: 20px;
    padding: 0
}
  }

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
.app-2oDJx {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 0 1rem
}
@media (min-width: 980px) {
.app-2oDJx {
    padding: 0;
    flex-direction: row
}
  }
.app-2YK-d {
  max-width: 580px;
  width: 100%;
  margin-top: 32px;
}
.app-1emeC {
  color: #7a8c99;
  font-size: 20px;
  letter-spacing: 0.2px;
}
.app-2xaw0 {
  color: #0a1014;
  font-size: 16px;
  font-weight: 500;
  background-color: #7a8c99;
  box-sizing: border-box;
  padding: 5px;
  border-radius: 4px;
}
.app-2eqHD {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.8px;
  margin-top: 16px
}
@media (min-width: 980px) {
.app-2eqHD {
    font-size: 80px;
    margin-top: 24px
}
  }
.app-12iDs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px
}
@media (min-width: 980px) {
.app-12iDs {
    margin-top: 32px
}
  }
.app-sEbDJ {
  display: flex;
  margin-right: 16px;
}
.app-MU5cS {
  background-color: #ff9f1c;
  padding: 8px;
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-3AEKu {
  color: #fff;
  font-weight: 500;
  border-top: 1px solid #7a8c99;
  border-right: 1px solid #7a8c99;
  border-bottom: 1px solid #7a8c99;
  border-radius: 0 4px 4px 0;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-2cMRz {
  display: flex;
  margin-right: 16px;
}
.app-367xt {
  background-color: #ff4040;
  padding: 8px;
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-wkBcF {
  margin-top: 16px;
  width: 100%
}
@media (min-width: 980px) {
.app-wkBcF {
    margin-top: 0;
    width: auto
}
  }
.app-3LoOz {
  border: 1px solid #7a8c99;
  border-radius: 4px;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #7a8c99;
  font-weight: 700;
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  width: 100%
}
.app-3LoOz img {
    margin-right: 8px;
  }
.app-3zMVF {
  border: 1px solid #ff4040;
  background-color: #ff4040;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  width: 100%
}
.app-3zMVF img {
    margin-right: 8px;
  }
.app-1HkFQ {
  margin-top: 24px
}
@media (min-width: 980px) {
.app-1HkFQ {
    margin-top: 48px
}
  }
.app-3AsFe {
  color: #7a8c99;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.16px;
  margin-bottom: 8px;
  display: block;
}
.app-3OvHw {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 24px;
}
.app-218hh {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  margin-bottom: 16px
}
@media (min-width: 980px) {
.app-218hh {
    margin-top: 32px;
    margin-bottom: 32px
}
  }
.app-3OR4I li {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.16px;
  list-style: none;
  margin-bottom: 8px
}
.app-3OR4I li::last-child {
    margin-bottom: 0px;
  }
.app-2ofsH {
  margin-right: 48px;
  margin-bottom: 8px;
}
.app-2x5-3 {
  max-width: 480px;
  width: 100%;
  box-sizing: border-box;
  padding: 32px
}
.app-2x5-3 img {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
    border-radius: 8px;
  }
.app-EIw-T {
  padding: 0 1rem
}
@media (min-width: 980px) {
.app-EIw-T {
    padding: 0;
    width: 100%
}
  }
.app-3v5M_ {
  background: none;
  border: none;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

/* Screen Sizes */
:root {

  /* Colors */

  /* Typography */

  /* Spacing */

  /* Radius */
}
* {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  background: #0a1014;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
a {
  text-decoration: none;
}