.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 49px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image {
  margin-top: 60px;
}

.div-block {
  margin-top: 40px;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
}

.heading {
  font-family: sfprodisplay, sans-serif;
  font-size: 70px;
  line-height: 80px;
  font-weight: 600;
}

.paragraph {
  margin-top: 40px;
  font-family: sfprodisplay, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.link-block {
  margin-top: 20px;
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  border-color: #818181;
  border-radius: 20px;
  color: #818181;
  text-decoration: none;
}

.text-block {
  font-family: sfprodisplay, sans-serif;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
}

.grid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-column-gap: 60px;
  -ms-grid-columns: 1fr 0.75fr;
  grid-template-columns: 1fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-2 {
  margin-right: 100px;
  margin-left: 100px;
  background-color: transparent;
}

.section {
  margin-top: 60px;
  padding-top: 100px;
  padding-bottom: 60px;
  background-color: #000;
}

.img-div-wrap {
  width: auto;
}

.text-div-wrap-black {
  width: 450px;
}

.text-block-2 {
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.heading-2 {
  margin-top: 10px;
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
}

.paragraph-2 {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.text-block-3 {
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.heading-3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-weight: 500;
}

.lat-text-wrap {
  margin-top: 30px;
}

.div-block-3 {
  margin-top: 100px;
  margin-right: 100px;
  margin-left: 100px;
}

.grid-two {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-column-gap: 100px;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-4 {
  margin-right: 100px;
  margin-left: 100px;
}

.grid-2 {
  grid-column-gap: 30px;
  -ms-grid-columns: 1.25fr 0.75fr;
  grid-template-columns: 1.25fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section-2 {
  margin-top: 60px;
}

.text-block-2-black {
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.heading-2--black {
  margin-top: 10px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
}

.paragraph-2--black {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.lat-text-wrap--black {
  margin-top: 30px;
}

.text-block-3--black {
  font-family: sfprodisplay, sans-serif;
  color: #86868b;
  font-size: 14px;
  font-weight: 300;
}

.heading-3--black {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 38px;
  line-height: 30px;
  font-weight: 500;
}

.text-block-3--black-n {
  font-family: sfprodisplay, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.div-block-5 {
  margin-top: 100px;
  margin-right: 100px;
  margin-left: 100px;
}

.lat-text-wrap--grid {
  display: -ms-grid;
  display: grid;
  margin-top: 30px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.text-block-2--white {
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.heading-2--white {
  margin-top: 10px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
}

.paragraph-2--white {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.grid-two-three {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-column-gap: 150px;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-7 {
  margin-left: 15px;
  font-family: sfprodisplay, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.bold-text {
  color: #86868b;
  font-weight: 400;
}

.text-block-4 {
  font-size: 16px;
  line-height: 20px;
}

.grid-camera {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-column-gap: 150px;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.img-pic-wrap {
  width: auto;
}

.text-wrap-camera {
  width: 400px;
}

.section-3 {
  margin-top: 100px;
  padding-top: 60px;
  background-color: #f5f5f7;
}

.div-block-8 {
  padding: 40px;
  background-color: #fff;
}

.grid-3 {
  grid-column-gap: 35px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sub-para {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.div-block-10 {
  margin-top: 40px;
}

.bold-text-2 {
  color: #86868b;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.section-4 {
  height: auto;
  margin-top: 0px;
  background-color: #f5f5f7;
}

.div-block-11 {
  margin-top: 20px;
  padding: 40px;
  background-color: #fff;
}

.section-5 {
  height: auto;
  background-color: #f5f5f7;
}

.grid-7 {
  margin-top: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.line-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d2d2d7;
}

.ipad-mini-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.color-div1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-bottom: 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d2d2d7;
}

.ipadpro-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-div--3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-bottom: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d2d2d7;
}

.button-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ipad-air-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 29px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-5 {
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
}

.color-div-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-bottom: 22px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d2d2d7;
}

.footer-grid {
  margin-top: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-2 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.image-3 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.image-4 {
  font-family: sfprodisplay, sans-serif;
  font-weight: 600;
}

.heading-4 {
  font-family: sfprodisplay, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}

.grid-8 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-12 {
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #fff;
}

.grid-footer {
  margin-top: 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section--6 {
  height: auto;
  background-color: #f5f5f7;
}

.container-2 {
  margin-top: 0px;
  padding-top: 0px;
  background-color: transparent;
}

.grid-9 {
  grid-column-gap: 30px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  margin-top: 20px;
  padding-top: 0px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.container-3 {
  padding-bottom: 13px;
}

.div-block-14 {
  height: auto;
  padding-left: 0px;
}

.div-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.div-block-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-wrap--2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.footer-para {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: sfprodisplay, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.div-block-17 {
  margin-top: 20px;
  margin-right: 40px;
  margin-left: 40px;
  padding-bottom: 40px;
  color: #6e6e73;
}

.unleash-grid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-column-gap: 130px;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-two--mob {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-two-three--mob {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.unleash-grid--mob {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-grid-columns: 0.75fr 0.75fr;
  grid-template-columns: 0.75fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-9--mob {
  display: none;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-9--desk {
  grid-column-gap: 30px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-9--mob-2 {
  display: none;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-4--mob {
  margin-right: 100px;
  margin-left: 100px;
}

.text-div-wrap-black--mob {
  width: 400px;
}

.div-block-12-mob {
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #fff;
}

.mob-div-pic {
  display: none;
}

@media screen and (max-width: 991px) {
  .grid {
    grid-column-gap: 20px;
  }

  .div-block-2 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .div-block-3 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .grid-two {
    grid-column-gap: 20px;
  }

  .div-block-4 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .grid-2 {
    -ms-grid-columns: 1.75fr 0.5fr;
    grid-template-columns: 1.75fr 0.5fr;
  }

  .div-block-5 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .grid-two-three {
    grid-column-gap: 20px;
  }

  .grid-camera {
    grid-column-gap: 20px;
    -ms-grid-columns: 0.75fr 0.25fr;
    grid-template-columns: 0.75fr 0.25fr;
  }

  .ipad-mini-div {
    margin-top: 55px;
  }

  .ipad-air-div {
    margin-top: 8px;
  }

  .unleash-grid {
    grid-column-gap: 20px;
  }

  .grid-two--mob {
    grid-column-gap: 20px;
  }

  .grid-two-three--mob {
    grid-column-gap: 20px;
  }

  .unleash-grid--mob {
    grid-column-gap: 20px;
  }

  .div-block-4--mob {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .heading {
    font-size: 40px;
    line-height: 50px;
  }

  .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-2 {
    margin-right: 40px;
    margin-left: 40px;
  }

  .text-div-wrap-black {
    width: auto;
    margin: 20px 0px 40px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-2 {
    font-size: 16px;
  }

  .div-block-3 {
    margin-top: 40px;
    margin-right: 40px;
    margin-left: 40px;
  }

  .grid-two {
    display: none;
  }

  .div-block-4 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .grid-2 {
    -ms-grid-columns: 1.75fr;
    grid-template-columns: 1.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .text-block-2-black {
    font-size: 16px;
  }

  .div-block-5 {
    margin-top: 60px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .text-block-2--white {
    font-size: 16px;
  }

  .grid-two-three {
    display: none;
  }

  .grid-camera {
    -ms-grid-columns: 0.75fr;
    grid-template-columns: 0.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .text-wrap-camera {
    margin-top: 20px;
  }

  .section-3 {
    padding-top: 20px;
  }

  .grid-3 {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .grid-7 {
    grid-row-gap: 50px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .ipad-mini-div {
    margin-top: 40px;
  }

  .ipad-air-div {
    margin-top: 30px;
  }

  .footer-grid {
    grid-row-gap: 50px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-12 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .grid-9 {
    display: none;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .div-block-13 {
    height: auto;
    padding: 20px;
  }

  .div-block-14 {
    margin-top: 20px;
  }

  .unleash-grid {
    display: none;
  }

  .grid-two--mob {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1.25fr;
    grid-template-columns: 1.25fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .grid-two-three--mob {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    -ms-grid-columns: 0.75fr;
    grid-template-columns: 0.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .unleash-grid--mob {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    -ms-grid-columns: 0.75fr;
    grid-template-columns: 0.75fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .grid-9--mob {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .grid-9--desk {
    display: none;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .grid-9--mob-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-4--mob {
    margin-right: 30px;
    margin-left: 30px;
  }

  .text-div-wrap-black--mob {
    width: auto;
    margin: 20px 0px 40px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .div-block-12-mob {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block {
    padding-right: 0px;
    padding-left: 0px;
  }

  .div-block-2 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .section {
    padding-top: 40px;
  }

  .text-div-wrap-black {
    margin-bottom: 0px;
  }

  .div-block-3 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .div-block-4 {
    margin-right: 20px;
    margin-left: 20px;
  }

  .grid-2 {
    -ms-grid-columns: 2.5fr;
    grid-template-columns: 2.5fr;
  }

  .heading-3--black {
    font-size: 24px;
    line-height: 24px;
  }

  .div-block-5 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .lat-text-wrap--grid {
    -ms-grid-columns: 1fr 1.25fr;
    grid-template-columns: 1fr 1.25fr;
  }

  .bold-text {
    font-size: 14px;
    line-height: 18px;
  }

  .grid-camera {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .text-wrap-camera {
    width: auto;
  }

  .section-3 {
    margin-top: 40px;
  }

  .div-block-8 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-4 {
    padding-left: 0px;
  }

  .div-block-11 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .line-div {
    padding-bottom: 20px;
  }

  .line-div--3 {
    padding-bottom: 20px;
  }

  .footer-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .grid-8 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-12 {
    display: none;
    padding-right: 10px;
    padding-left: 10px;
  }

  .grid-footer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .div-block-17 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .grid-two-three--mob {
    -ms-grid-columns: 1.25fr;
    grid-template-columns: 1.25fr;
  }

  .unleash-grid--mob {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .div-block-4--mob {
    margin-right: 0px;
    margin-left: 0px;
  }

  .text-div-wrap-black--mob {
    margin-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-12-mob {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
  }

  .mob-div-pic {
    display: block;
  }

  .div-block-18 {
    display: none;
  }
}

#w-node-fe82d6da-8a62-85e9-b1c6-398b7aa12526-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ad824e7e-d3ba-9012-01ea-02c564b93112-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_09fe68b2-d997-6ea7-c89b-31e1dad13211-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_09fe68b2-d997-6ea7-c89b-31e1dad1320f-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_02b123fe-2988-6c08-bc20-b483e53ed8dd-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_02b123fe-2988-6c08-bc20-b483e53ed8e4-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_538cefda-3441-6c46-8930-0943f543e724-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_4134f7db-5d4f-a8e0-eee6-e11a1d3e6ff4-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-c134c6ff-0000-0d95-ec3e-f9caebf145a6-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_17e428d4-5f93-b674-789c-c11d4f0a9285-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-_17e428d4-5f93-b674-789c-c11d4f0a928c-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_0b977fb1-e815-b324-6a96-df7e50f31e81-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_0b977fb1-e815-b324-6a96-df7e50f31e70-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-f37f1e88-af1d-d81b-523e-45fc9865a5d8-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-f37f1e88-af1d-d81b-523e-45fc9865a5c7-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_847becf8-af16-9ad2-9c14-3ee710464689-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-_847becf8-af16-9ad2-9c14-3ee71046469a-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-efded802-81e7-f6de-a5c6-3c58155b79c8-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-efded802-81e7-f6de-a5c6-3c58155b79bc-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-f6523eed-5b61-f37e-62b4-c9cb6f66cacf-49c7e8ff {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_5f45a108-49b3-9114-4291-736e32228703-49c7e8ff {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-ccba16d4-3544-09d1-7138-7ad5327d085d-49c7e8ff {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_61450694-b898-0787-0634-ab97f1782c53-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_83b95b20-4282-cf0b-6a97-0dd13318b90d-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ff86ff43-8df4-abf4-8a47-45d44e7322b3-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9582f829-5cf8-9ad9-72e6-8af7a9272499-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9582f829-5cf8-9ad9-72e6-8af7a927249b-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9582f829-5cf8-9ad9-72e6-8af7a927249d-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ab8efb1d-3c27-b9d2-3c16-05587dc3c88a-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ab8efb1d-3c27-b9d2-3c16-05587dc3c88c-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ab8efb1d-3c27-b9d2-3c16-05587dc3c88e-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_07ca9202-97cd-31a1-c50b-04d5519421d1-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_07ca9202-97cd-31a1-c50b-04d5519421d3-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_07ca9202-97cd-31a1-c50b-04d5519421d5-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da798f7-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da798f9-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da798fb-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_6e378514-4a69-3868-f094-b5b04b8903a5-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79900-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79902-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79905-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79907-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79909-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-f0931d3b-6459-7763-f178-d9250096f185-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da7990e-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_73ded438-432d-f728-f183-16183da79910-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-d199baa4-3862-af8a-609d-5d3c4cba2ec1-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-bbe6bd50-d764-c5b8-4807-eeade3d1f238-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3bb5adad-ae60-7ed9-696b-5aaebae37363-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3bb5adad-ae60-7ed9-696b-5aaebae3735b-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_460b9489-62b3-e6a7-0a13-b0beec9ac765-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_460b9489-62b3-e6a7-0a13-b0beec9ac76d-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3fd1daca-e914-0ea1-2f27-b31df64dd2da-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_3fd1daca-e914-0ea1-2f27-b31df64dd2c2-49c7e8ff {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-_02b123fe-2988-6c08-bc20-b483e53ed8dd-49c7e8ff {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_0b977fb1-e815-b324-6a96-df7e50f31e81-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-f37f1e88-af1d-d81b-523e-45fc9865a5c7-49c7e8ff {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-efded802-81e7-f6de-a5c6-3c58155b79c8-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-efded802-81e7-f6de-a5c6-3c58155b79bc-49c7e8ff {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-ccba16d4-3544-09d1-7138-7ad5327d085d-49c7e8ff {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  #w-node-_2bf92dec-b87c-fb31-7edc-5bb7e70344d3-49c7e8ff {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #w-node-_3bb5adad-ae60-7ed9-696b-5aaebae37363-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-_3fd1daca-e914-0ea1-2f27-b31df64dd2da-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4134f7db-5d4f-a8e0-eee6-e11a1d3e6ff4-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-_2bf92dec-b87c-fb31-7edc-5bb7e70344d3-49c7e8ff {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  #w-node-_6e378514-4a69-3868-f094-b5b04b8903a5-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-f0931d3b-6459-7763-f178-d9250096f185-49c7e8ff {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Medium-1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sfprodisplay';
  src: url('../fonts/FontsFree-Net-SFProDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}