.awkGL {
  width: 93%;
}
.awkGL > div {
  overflow: visible;
}
._2xrc8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-left: 24px;
  margin-right: 24px;
}

._2xrc8 h1 {
  font-size: 30px;
}

.awkGL > div > div > div {
  position: relative;
  box-shadow: none;
}

.awkGL > div > div {
  position: relative;
  width: 100%;
}

.ZTJA2 {
  display: none;
}

._3oHVZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._3dbXW {
  font-size: 30px;
}

@media screen and (min-width: 640px) {
  .awkGL {
    width: 80%;
  }
}

@media screen and (min-width: 1024px) {

  ._2xrc8 h1 {
    font-size: 36px;
  }
  .ZTJA2 {
    position: relative;
    top: 0px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media screen and (min-width: 1280px) {
  ._2xrc8 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 20px;
    -ms-flex-align: baseline;
        align-items: baseline;
    max-width: 1107px;
    margin: 0 auto;
  }

  
}

@media screen and (min-width: 1650px) {
  .XbN5q {
    max-height: 650px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.gWpaM {
  font-family: 'Avenir Next';
  font-size: 14px;
  line-height: 140%;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

._1hlSc {
  font-weight: 600;
}

._1bBIF {
  font-weight: 400;
}

.eqRoC {
  cursor: pointer;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
._nlMr {
  color: rgba(246, 246, 246, 1);
}

._1ciOx {
  color: rgba(178, 178, 178, 1);
}

._3Q2hb {
  color: rgba(80, 80, 80, 1);
}

._1YY8K {
  color: #fff;
}

.FqJr8 {
  color: rgba(25, 25, 25, 1);
}

.hiNZ3 {
  color: rgba(183, 22, 16, 1);
}

.aDGyT {
  color: rgba(64, 173, 41, 1);
}

._23934 {
  color: rgba(186, 165, 126, 1);
}

._1vBCe {
  font-style: italic;
}

._2TciM {
  font-style: normal;
}
._1Geox {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1Geox:disabled {
  opacity: 0.5;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.tUqKX,
._2YM9X,
._2nWO3,
._39JYY,
._2JtA7 {
  margin-block: 0;
}

.tUqKX,
._2YM9X,
._2nWO3,
._39JYY {
  font-family: 'Avenir Next';
  font-weight: 600;
  line-height: 120%;
}

.tUqKX {
  font-size: 36px;
  font-weight: 600;
}

._2YM9X {
  font-size: 32px;
  font-weight: 600;
}

._2nWO3 {
  font-size: 28px;
}

._39JYY {
  font-size: 24px;
}

._2JtA7 {
  font-family: 'Avenir Next';
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

._1uoZM {
  color: #000;
}

._2_HW1 {
  color: rgba(25, 25, 25, 1);
}

._2C7OO {
  color: #fff;
}

._1_Vk0 {
  color: rgba(80, 80, 80, 1);
}

._1YdGz {
  color: rgba(186, 165, 126, 1);
}

._1kRu2 {
  font-family: 'Avenir Next';
}
._3ORLI,
._1trtV {
  width: 100%;
  overflow: hidden;
}

._3Jsm_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: pointer;
}

._3Liza {
  overflow: hidden;
  max-height: 0px;
  margin-top: 6px;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.35s ease;
  overflow-y: auto;
}

._1cb0H {
  max-height: 2000px;
  opacity: 1;
}

._3qmZU {
  border: none;
  background-color: transparent;
}

._2D3XI {
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}

._2hO3_ {
  transform: rotate(90deg);
  transition: all 0.2s ease-out;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2yOu7 {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  color: rgba(80, 80, 80, 1);
}

.munf9 {
  color: #b71610;
}

._3P7ar {
  font-size: 11px;
}

._1JuDt {
  font-weight: 600;
}

._1X6j- {
  color: rgba(246, 246, 246, 1);
}

._2IQ38 {
  color: rgba(178, 178, 178, 1);
}

._1Ar0W {
  color: rgba(80, 80, 80, 1);
}

.Gzk9M {
  color: #fff;
}

._3paqE {
  color: rgba(25, 25, 25, 1);
}

._2Y9IQ {
  color: rgba(186, 165, 126, 1);
}

._3-9wo {
  text-decoration: underline;
  cursor: pointer;
}

._14KcR {
  font-style: italic;
}

._20233 {
  font-style: normal;
}
.gKkOV {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3CzwZ {
  width: 100%;
  position: relative;
}

._3kGmf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 19px;
  border: 1px solid rgba(204, 207, 211, 1);
  border-radius: 4px;
}

._3kGmf ._1SNdK {
  color: rgba(204, 207, 211, 1);
}

._3kGmf input {
  width: 100%;
  padding: 14px 19px;
  border: none;
}

._3kGmf input:focus {
  outline: none;
}

.VZhuQ {
  background: rgba(255, 255, 255, 1);
  padding: 13px 0;
  box-shadow: 0 3px 8px 2px rgba(215, 215, 215, 0.4);
  margin-top: 0;
  width: 100%;
  border: 1px solid rgba(204, 207, 211, 1);
  border-radius: 4px;
  position: absolute;
}

.VZhuQ ._9w_lt {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding: 6px 19px;
}

.VZhuQ ._9w_lt:hover,
.VZhuQ ._9w_lt._2gA-k {
  background: rgba(236, 236, 236, 1);
  cursor: pointer;
}

.VZhuQ ._9w_lt._3r2bb {
  background: rgba(214, 197, 141, 1);
}

.VZhuQ ._9w_lt ._3QKYT {
  margin-right: 10px;
}

.VZhuQ ._9w_lt ._1wL7q {
  width: 18px;
  height: 18px;
  fill: rgba(186, 165, 126, 1);
}

.VZhuQ ._9w_lt .i2dGD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.VZhuQ ._9w_lt ._3dgSq {
  font-size: 15px;
}

.VZhuQ ._9w_lt .nmC_o {
  font-size: 12px;
  font-weight: 400;
}

.VZhuQ ._9w_lt ._3FJAZ {
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2HA8J {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  transition: background 0.25s linear, color 0.25s linear,
    border-color 0.25s linear;
  opacity: 1;
}

._2HA8J:focus {
  outline: none;
}

._2HA8J:hover {
  opacity: 0.699999988079071;
}

._23mFl {
  width: 244px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 500;
}

._3DXfS {
  padding: 5px 20px;
  border-radius: 5px;
  border-width: 1px;
}

._3rUX6 {
  width: 180px;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
}

.KD2j7 {
  width: 231px;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 16px;
}

._2tiSa {
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 12px;
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

._1xnva {
  text-transform: uppercase;
  font-size: 12px;
  padding: 22px 0;
}

._2vNbY {
  background: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(186, 165, 126, 1);
}

._1-HpH {
  background: rgba(186, 165, 126, 1);
  color: rgba(23, 25, 25, 1);
  border-color: rgba(186, 165, 126, 1);
}

.JhcCk {
  background: rgba(23, 25, 25, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(23, 25, 25, 1);
}

._10bx4 {
  background: rgba(183, 22, 16, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(183, 22, 16, 1);
}

.fHZPl {
  background: rgba(241, 241, 241, 1);
  color: rgba(185, 185, 185, 1);
  border-color: rgba(241, 241, 241, 1);
}

._4361u {
  background: rgba(165, 165, 165, 1);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(165, 165, 165, 1);
}

._1Y7rz {
  background: rgba(245, 245, 245, 1);
  color: rgba(185, 185, 185, 1);
  border-color: rgba(245, 245, 245, 1);
}

._3LPwV {
  background: transparent;
  color: rgba(80, 80, 80, 1);
  border-color: rgba(80, 80, 80, 1);
}

.l1qKB {
  background: rgba(255, 255, 255, 1);
  color: rgba(229, 229, 229, 1);
  border-color: rgba(255, 255, 255, 1);
}

._3-I8I {
  border-radius: 0;
}

._3x-m5 {
  border-width: 2px;
  border-radius: 0;
}

.bjCeb {
  border-width: 0;
  border-radius: 0;
}

._1tNcw {
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1tNcw ._2UTdO {
  color: rgba(183, 22, 16, 1);
  -ms-flex: 1;
      flex: 1;
  margin-left: 10px;
}

._3FsJl,
._3p5lr {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
}

._3FsJl ._2UTdO {
  color: rgba(183, 22, 16, 1);
  -ms-flex: 1;
      flex: 1;
}

._3p5lr ._2UTdO {
  color: rgba(183, 22, 16, 1);
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
}

._4v_75 {
  font-size: 14px;
  font-weight: 600;
}

._1xoV_,
.g9DkN,
._3aiSf {
  width: 100%;
}

._1xoV_ input,
._1OTfw,
._1xoV_ textarea,
._14bXO {
  width: 100%;
  border-style: solid;
  border-width: 2px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 1);
  color: rgba(23, 25, 25, 1);
  border-color: rgba(211, 211, 211, 1);
  padding: 10px 7px;
  transition: border-color 0.5s ease-in-out;
  resize: none;
  font-weight: 400;
}

._1xoV_ input._1n0nT,
._1OTfw._1n0nT,
._1xoV_ textarea._1n0nT,
._14bXO._1n0nT {
  border-color: rgba(183, 22, 16, 1);
}

._1xoV_ input:focus,
._1xoV_ textarea:focus {
  outline: none;
}

._1xoV_ input::-moz-placeholder,
._1xoV_ textarea::-moz-placeholder {
  text-transform: none;
}

._1xoV_ input:-ms-input-placeholder,
._1xoV_ textarea:-ms-input-placeholder {
  text-transform: none;
}

._1xoV_ input::placeholder,
._1xoV_ textarea::placeholder {
  text-transform: none;
}

._1xoV_ input._3bg5h,
._2xmu0,
._1xoV_ textarea._3bg5h {
  padding: 16px 10px;
}

._1xoV_ input.kSZP_,
._1xoV_ textarea.kSZP_ {
  padding: 18px 10px;
  font-size: 15px;
}

._3jm0u._1tfxo {
  padding: 18px 10px;
  font-size: 15px;
}

._1OTfw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0;
}

._19Kz2 {
  background: rgba(186, 165, 126, 1);
  margin: 0 6px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(255, 255, 255, 1);
}

._19Kz2 p {
  margin: 0;
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}

._19Kz2 *:not(p) {
  margin-top: -5px;
  cursor: pointer;
}

._2xmu0 {
  border: none;
  -ms-flex: 1;
      flex: 1;
}

._2xmu0:focus {
  outline: none;
  height: 100%;
}

._36ygf {
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._36ygf label {
  margin-left: 8px;
}

._3OPiL {
  color: rgba(195, 203, 216, 1);
}

._3aiSf {
  position: relative;
}

._3jm0u {
  border: none;
  background: rgba(255, 255, 255, 1);
  color: rgba(23, 25, 25, 1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 16px 10px;
}

._3jm0u:focus {
  outline: none;
}

._3p34d:focus {
  outline: none;
}

._2iPUY {
  position: absolute;
  color: rgba(23, 25, 25, 1);
  right: 10px;
  top: 16px;
  pointer-events: none;
}

._14bXO {
  position: relative;
  padding: 0;
}

._1SBZu {
  display: none;
}

._3NhRB {
  clear: both;
}

._3NhRB .oYmhW {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

._3NhRB ._1AGoS img {
  max-width: 100%;
  display: block;
}

._3NhRB ._1AGoS {
  position: relative;
}

._3NhRB ._1AGoS > *:not(:first-child) {
  position: absolute;
  bottom: 40px;
  right: 40px;
  color: rgba(186, 165, 126, 1);
}

._3mmz4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: -10px 0;
  max-height: 200px;
  overflow-y: auto;
}

._1YzP1 {
  margin: 10px 0;
}

.N3uEJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._36B35 {
  margin-right: 10px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  border-radius: 0;
}

.WcjyT {
  cursor: pointer;
  color: rgba(186, 165, 126, 1);
  text-transform: uppercase;
  font-size: 10px;
}

._2XPnz {
  width: 220px;
  margin-right: 10px;
}

.MN2rb input {
  border: none;
  height: 74px;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: rgba(186, 165, 126, 1);
}

._2n_D9 {
  background: rgba(248, 248, 248, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid rgba(230, 230, 230, 1);
}

.MN2rb input:focus {
  background: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
}

._2dnbv {
  max-width: 150px;
  background: rgba(255, 255, 255, 1);
}

.LUFi- {
  cursor: pointer;
  font-weight: 300;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.K4WEP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3JisX {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: rgba(25, 25, 25, 1);
  padding: 2px 12px 2px 5px;
  -ms-flex: 1;
      flex: 1;
  border-radius: 5px;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  margin-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.MnfLM  {
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-weight: 500;
}._1HGhw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}

._1jgcR {
  text-transform: capitalize;
}

._1oPXW {
  color: #909090;
  text-transform: capitalize;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._38AT7 {
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  line-height: 15.4px;
  border: none;
  outline: none;
  font-size: 11px;
  max-height: 44px;
  white-space: nowrap;
}

._38AT7:disabled {
  opacity: 0.3;
}

.gXAc8,
._3ZhyV {
  background-color: rgba(186, 165, 126, 1);
  color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(186, 165, 126, 1);
}

._15hn4 {
  background-color: rgba(80, 80, 80, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}
._15hn4 > * {
  color: #fff;
}

._1zLeg {
  background-color: rgba(178, 178, 178, 1);
  border: 1px solid rgba(178, 178, 178, 1);
  color: #fff;
}

._25VXb {
  background-color: rgba(246, 246, 246, 1);
  border: 1px solid rgba(178, 178, 178, 1);
}

.FsG1l {
  background-color: rgb(227, 227, 227);
  border: 1px solid rgb(227, 227, 227);
}

._3rWCh {
  background-color: rgba(246, 246, 246, 1);
  border: 1px solid rgba(246, 246, 246, 1);
}

._3Kkqu {
  background-color: #aacae9;
  border: 1px solid #aacae9;
}

._2ogjT {
  background-color: transparent;
  border: 1px solid rgba(80, 80, 80, 1);
  color: rgba(80, 80, 80, 1);
}

/* type='primary-black' */
._1eBjw {
  background-color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(25, 25, 25, 1);
}
._1eBjw small,
._1eBjw p {
  color: #fff;
}

.zmiZW {
  background-color: #fff;
  color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}
.zmiZW small,
.zmiZW p {
  color: rgba(80, 80, 80, 1);
}
._3KXMS {
  padding: 12px 30px;
}

.rUYLp {
  padding: 10px 30px;
}
._5UZsy {
  padding: 7px 22px;
}
._1uxPU {
  padding: 5px 20px;
}

._3F2yp {
  padding: 5px 15px;
}

._1XtWK {
  background-color: rgba(232, 222, 202, 1);
  color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(232, 222, 202, 1);
}

._1AXaX {
  background-color: transparent;
  color: rgba(80, 80, 80, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}

._1lLmp {
  width: 100%;
  font-size: 14px;
}

._2-Li5 {
  margin-right: 10px;
}
._1F-zJ {
  display: -ms-flexbox;
  display: flex;
}

._3teDU {
  padding-top: 10px;
  padding-bottom: 10px;
}
._3teDU:disabled {
  opacity: 1;
}

/*Mobile Only: full width*/
@media screen and (max-width: 1024px) {
  ._38AT7 {
    width: 100%;
  }
}
._14JAF {
  border: none;
  background-color: transparent;
}

._2TlI5 {
  position: relative;
}

._14JAF::before,
._14JAF::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: black;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(45deg);
}

._3DKmL::before,
._3DKmL::after {
  background-color: white;
}

._14JAF::after {
  transform: rotate(-45deg);
}

._19A2D,
._19A2D::after,
._19A2D::before {
  height: 15px;
}
._19A2D {
  width: 15px;
}

._3N8rn,
._3N8rn::after,
._3N8rn::before {
  height: 20px;
}
._3N8rn {
  width: 20px;
}

._3QoKB,
._3QoKB::after,
._3QoKB::before {
  height: 24px;
}
._3QoKB {
  width: 24px;
}
._2zFeV {
  height: 100%;
  z-index: 1;
}

/* nav buttons */
._2zFeV div[class*='DayPickerNavigation_button'] {
  position: absolute;
  top: 18px;
}

._2zFeV div[class*='DayPickerNavigation_button']:first-child {
  left: 22px;
}

._2zFeV div[class*='DayPickerNavigation_button']:last-child {
  right: 22px;
}

/* Months text*/
._2zFeV div[class~='CalendarMonth_caption'] strong {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #505050;
}

._2zFeV td[class~='CalendarDay'],
._2zFeV div[class~='DayPicker_weekHeader'] small {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}

._2zFeV td[class~='CalendarDay'] {
  border: none;
  color: #191919;
}

._2zFeV td[class~='CalendarDay']:hover {
  border-radius: 50%;
}
._2zFeV td[class~='CalendarDay__blocked_out_of_range']:focus {
  box-shadow: none;
}
._2zFeV td[class~='CalendarDay__blocked_out_of_range'],
._2zFeV td[class~='CalendarDay__blocked_out_of_range']:hover {
  color: #b2b2b2;
}

._2zFeV td[class~='CalendarDay__selected_start'],
._2zFeV td[class~='CalendarDay__selected_end'],
._2zFeV td[class~='CalendarDay__hovered_span']:hover {
  color: #fff;
  background-color: #505050;
  font-weight: 600;
}

._2zFeV td[class~='CalendarDay__selected_span'],
._2zFeV td[class~='CalendarDay__selected_span']:hover,
._2zFeV td[class~='CalendarDay__hovered_span'] {
  border-radius: 0;
  background-color: #f6f6f6;
  color: #191919;
}

/*we use radial-gradient here in order to have 2 background colors in
the same element since we don't have access to the markup
and pseudo-selectors ::after or ::before would hide the innerText of the element
 which we don't want to happen*/
._2zFeV td[class~='CalendarDay__selected_start'],
._2zFeV td[class~='CalendarDay__selected_end'],
._2zFeV td[class~='CalendarDay__selected_start']:hover,
._2zFeV td[class~='CalendarDay__selected_end']:hover,
._2zFeV td[class~='CalendarDay__hovered_span']:hover {
  background: rgb(80, 80, 80);
  background: radial-gradient(
    circle,
    rgba(80, 80, 80, 1) 68%,
    rgba(245, 245, 245, 1) 70%
  );
  border-radius: 0;
}
._2zFeV td[class~='CalendarDay__selected_start'],
._2zFeV td[class~='CalendarDay__selected_start']:hover {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

._2zFeV td[class~='CalendarDay__selected_end'],
._2zFeV td[class~='CalendarDay__selected_end']:hover,
._2zFeV td[class~='CalendarDay__hovered_span']:hover {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

._2zFeV div[class~='DayPicker_weekHeader'] {
  color: #000;
}

@media screen and (max-width: 640px) {
  ._2zFeV {
    width: 100%;
    height: 100%;
  }
  ._2zFeV div[class~='DayPicker_weekHeader'] {
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #505050;
    margin-bottom: 20px;
  }
  ._2zFeV
    div[class~='CalendarMonthGrid']
    > div:first-child
    div[class~='CalendarMonth_caption'] {
    padding-top: 25px;
  }
}
.Tw6A6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px 0;
  margin: 0 30px;
  border-top: 1px solid #b2b2b2;
}

._1n1jZ {
  margin-top: 7px;
}
._2X4Tb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._2eoRE {
  font-size: 10px;
  margin-top: -6px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.LJxvi {
  border: 1px solid #baa57e;
  border-radius: 10px;
  height: 202px;
  width: 100%;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  padding: 6px 30px 0;
  background-color: #ffffff;
}

._3bHtA {  
  display: contents;
  text-align: center;
}

/* category title */
._3bHtA h4 {
  -ms-flex-item-align: end;
      align-self: end;
  padding-top: 0;

}

/* lower text */
._3bHtA p {
  overflow-y: hidden;
}

._34p6C {
  width: 143px; 
  height: 18px; 
  overflow: hidden; 
  position: relative; 
  left: 50%;
  transform: translateX(-50%);
  padding: 13px 0;
}

._34p6C img {
  width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
} 
/* responsive width of separator */
@media screen and (max-width: 1024px) {
  [data-index="6"] ._34p6C {
    width: 250px;
  }
  [data-index="7"] ._34p6C {
    width: 113px;
  }
}

@media screen and (max-width: 640px) {
  .LJxvi {
    height: 157px;
    padding: 10px;
  }
  ._3bHtA h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
    color: rgba(80, 80, 80, 1);
  }
  ._3bHtA p {
    font-size: 11px;
  }
  ._34p6C {
    width: 120px;
  }
}

.LJxvi:hover,
.LJxvi:focus {
  background-color: #f9f7f3;
}

._3bHtA button {
  width: 40%;
}

._2IVvc {
  text-align: center;
}

._2IVvc img {
  width: 40px;
  width: 50px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._150ez {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 20px;
  overflow: hidden;
  border-color: rgba(186, 165, 126, 1);
  padding: 30px 10px;
  border-width: 1px;
  border-style: solid;

  -webkit-clip-path: polygon(     26px 0%,      calc(100% - 26px) 0%,      100% 26px,      100% calc(100% - 26px),      calc(100% - 26px) 100%,      26px 100%,      0% calc(100% - 26px),      0% 26px    );

          clip-path: polygon(     26px 0%,      calc(100% - 26px) 0%,      100% 26px,      100% calc(100% - 26px),      calc(100% - 26px) 100%,      26px 100%,      0% calc(100% - 26px),      0% 26px    );
}

._1AIHp {
  position: absolute;
  width: 50px;
  height: 50px;
  border-color: rgba(186, 165, 126, 1);
  border-width: 1px;
  border-style: solid;
  border-radius: 25px;
  background-color: #ffffff;
  z-index: 1;
}

._3jhMY {
  top: -25px;
}

.fX0Xp {
  bottom: -25px;
}

._1IpYa {
  left: -25px;
}

._2s7s0 {
  right: -25px;
}

@media screen and (min-width: 1024px) {
  ._150ez {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 25px 54px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2XdN4 {
  border-radius: 5px 5px 0px 0px;
}
._2yPkn {
  border-top: none !important;
  border-right: none !important;
  border-radius: 0px 0px 0px 5px;
}

._3TfwY {
  border-top: none !important;
  border-radius: 0px 0px 5px 0px;
}
._35rHl {
  border-radius: 5px;
}

.b5q14 {
  display: -ms-flexbox;
  display: flex;
}

._1Wiqo {
  margin-top: 14px;
}
._33mSm {
  margin-top: 5px;
}

._2XOOD {
  margin-top: 40px;
}

._1WLoj {
  border-radius: 5px;
  color: rgba(23, 25, 25, 1);
  text-transform: capitalize;
  width: 100%;
}

.j0NSK {
  opacity: 0.7;
}

._1Bmrh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Aoj- {
  position: relative;
}

._1fQSf {
  font-family: 'Avenir Next';
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(80, 80, 80, 1);
  box-sizing: border-box;
  font-size: 18px;
  color: black;
  color: rgba(80, 80, 80, 1);
  padding: 25px 10px 7px 10px;
  height: 52px;
  width: 100%;
}

.emcPj {
  font-family: 'Avenir Next';
  position: absolute;
  top:0;
  left: 0;
  padding: 16px 10px;
  pointer-events: none;
  transition: .2s;
  color: black;
  color: rgba(80, 80, 80, 1);
}

.emcPj, ._1fQSf::-moz-placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: black;
  color: rgba(80, 80, 80, 1);
}

.emcPj, ._1fQSf:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: black;
  color: rgba(80, 80, 80, 1);
}

.emcPj, ._1fQSf::placeholder {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: black;
  color: rgba(80, 80, 80, 1);
}

._1fQSf:focus:valid ~ .emcPj,
._1fQSf:not(:placeholder-shown)~ .emcPj {
  top: -6px;
  left: 1.5px;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
}

._2z5X5 {
  border-color: rgba(183, 22, 16, 1);
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Itl- {
  border: 2px dashed rgba(190, 190, 190, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(190, 190, 190, 1);
  text-transform: uppercase;
  padding: 24px;
  position: relative;
  cursor: pointer;
}

._2_8ZJ {
  border: 0;
}

._31T1R {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
}

.ya3gl {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  height: 100px;
}

._31T1R:hover .ya3gl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b2b2; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b2b2; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover {
      background-color: #32be3f; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__day--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5); }
  .Bpx6w .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover {
      background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b2b2; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b2b2; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem; }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent; }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
      border-right-color: #b3b2b2; }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc; }
    .react-datepicker__portal .react-datepicker__navigation--next:hover {
      border-left-color: #b3b2b2; }
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1Kf12 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

._1Kf12 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._3SgdF {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(25, 25, 25, 1);
  transition: .4s;
  border-radius: 10px;
}

._3SgdF:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  background-color: rgba(255, 255, 255, 1);
  transition: .4s;
  border-radius: 50%;
}

._1oCsz:checked + ._3SgdF{
  background-color: rgba(25, 25, 25, 1);
}

._1oCsz:checked + ._3SgdF:before {
  transform: translateX(20px);
}

._1oCsz:not(:checked) + ._3SgdF{
  background-color: rgba(178, 178, 178, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/


._1KiZ5 {
  color: rgba(183, 22, 16, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1LMNW {
  opacity: 0;
  animation: _7JQmP 0.3s ease-in-out 0.5s forwards;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  p {
    margin-top: 8px;
  }
}

.Sihyx {
  position: relative;
  color: rgba(192, 193, 192, 1);
}

._23SfL {
  color: rgba(186, 165, 126, 1);
}

.Sihyx._1y7I6 {
  width: 14px;
  height: 14px;
}

.Sihyx._2sZIO {
  width: 27px;
  height: 27px;
}

.Sihyx._1Ompk {
  width: 50px;
  height: 50px;
}

._3QVzL,
._2mayd {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: _23Dfq 2s infinite ease-in-out;
}

._2mayd {
  animation-delay: -1s;
}

@keyframes _23Dfq {
  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes _7JQmP {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._2311Y > div {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99998;
  background-color: rgba(0, 0, 0, 0.5);
}

._2311Y > div > div > iframe {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  height: 100%;
  width: 100%;
  border: none;
}._xp84 {
  padding: 0;
  background-color: #b2b2b2;
}

._3KpQD {
  height: 1px;
  width: 100%;
}

._18d4q {
  width: 1px;
}

._2EbxP {
  background: #f9f7f3;
}

._1Zs4d {
  background: #e8deca;
}

._2OYgl {
  background: #baa57e;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

@media screen and (max-width: 640px) {
  body.hasOpenDropdown {
    overflow: hidden !important;
  }
}

.V71vD {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}

.m8wPv {
  cursor: pointer;
}

._27Pi0 {
  box-shadow: 0 3px 8px 2px rgba(215, 215, 215, 0.4);
}

._3Hw_V {
  z-index: 5000;
  top: 100%;
  position: absolute;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 1);
}

._3Hw_V._3vFn_ {
  border: 1px solid rgba(236, 236, 236, 1);
  border-radius: 0;
}

._3Hw_V._1gP0Q {
  position: fixed;
}

._3Hw_V,
._2njx7 {
  display: none;
}

.rv2WG {
  display: block;
}

._3q5Yw {
  display: none;
}

@media screen and (max-width: 640px) {
  ._3q5Yw {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.298039);
    z-index: 300; /* in front of navbar */
  }

  ._2njx7.rv2WG {
    display: none;
  }

  ._3Hw_V {
    margin-top: 0 !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-height: calc(100% - 2rem);
    height: auto;
    position: fixed;
  }

  ._27Pi0,
  ._1AzD1 {
    box-shadow: none;
  }

  ._27Pi0.rv2WG {
    box-shadow: none;
  }

  ._1AzD1.rv2WG {
    box-shadow: none;
  }
}
._2npvl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

._3LGGE,
.tnAAZ {
  height: 45px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  background: #fff;
  padding: 0px 12px;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

._3LGGE:disabled {
  background: #e5e5e5;
}

.tnAAZ {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzIpIj4KPHBhdGggZD0iTTE2IDAuNjg1NzMzTDE1LjI1IDEuNzI5MDZlLTA3TDggNi42Mjg1M0wwLjc1MDAyMiAwTDAgMC42ODU3MzNMOCA4TDE2IDAuNjg1NzMzWiIgZmlsbD0iIzUwNTA1MCIgc3R5bGU9ImZpbGw6IzUwNTA1MDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zMTM3IDAuMzEzNyAwLjMxMzcpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._5c0Pf {
  display: grid;
  grid-template-columns: 30px 1fr;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._5c0Pf input {
  all: unset;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  background: #fff;
}

._5c0Pf input:disabled {
  border: 1px solid #e5e5e5;
}

._5c0Pf input:checked {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTc4OCAxNS42Nzg0TDAgOS4wOTk2TDEuOTM1NCA3LjE2NDJMNi41Nzg4IDExLjgwNzZMMTguMDY0OCAwLjMyMTZMMjAgMi4yNTdMNi41Nzg4IDE1LjY3ODRaIiBmaWxsPSIjQkFBNTdFIiBzdHlsZT0iZmlsbDojQkFBNTdFO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjcyOTQgMC42NDcxIDAuNDk0MSk7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-position: center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._2hsZc,
._2hsZc > span {
  color: #b71610;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

._2hsZc > input,
._2hsZc > textarea,
._2hsZc > select,
._2hsZc > div > input {
  border-color: #b71610 !important;
}

._1wk7d {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 15px;
}

.ETgH8,
._1tq49 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  z-index: 1;
}

.ETgH8 > ._2npvl,
._1tq49 > ._2npvl {
  gap: 0px;
  z-index: 2;
}

.ETgH8 > * > button,
._1tq49 > * > button {
  height: 45px !important;
  width: 100% !important;
  border-radius: 5px;
  border: 1px solid #b2b2b2 !important;
  background: #fff;
  padding: 10px 12px;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzIpIj4KPHBhdGggZD0iTTE2IDAuNjg1NzMzTDE1LjI1IDEuNzI5MDZlLTA3TDggNi42Mjg1M0wwLjc1MDAyMiAwTDAgMC42ODU3MzNMOCA4TDE2IDAuNjg1NzMzWiIgZmlsbD0iIzUwNTA1MCIgc3R5bGU9ImZpbGw6IzUwNTA1MDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zMTM3IDAuMzEzNyAwLjMxMzcpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._1tq49 > * > button {
  border-radius: 5px 5px 0 0;
}

._2F-zv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #b2b2b2;
  border-top: none;
  z-index: 1;
}

._2F-zv button {
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
  padding: 10px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  height: 40px !important;
  background: transparent;
  border: none !important;
}

._2F-zv button:hover,
._2F-zv button:focus {
  background: #505050;
  color: #fff;
}

._3ewLt {
  position: relative;
}

.a36n8 {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

._3IzSU {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

._3TMSk {
  font-size: 14px;
}

._1i1Q4 {
  font-size: 16px;
}

.EsR-w {
  font-size: 20px;
}

._2wUxe {
  position: absolute;
  right: 3px;
  bottom: 6px;
  width: 12px;
  height: 12px;
}

textarea {
  resize: none; /* Disable the default resize handle */
}

textarea {
  height: 126px !important;
  border-width: 1px !important;
  border-color: rgba(178, 178, 178, 1) !important;
  border-radius: 5px !important;
}
._7z--g {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 0;
}

._7z--g._3k69g {
  z-index: 1;
}

.lkdFO,
.Aowsa {
  height: 45px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #baa57e;
  background: #fff;
  padding: 0px 12px;
  font-weight: 600;
  color: #191919;
  font-style: normal;
  line-height: 140%; /* 19.6px */
}

._2xBQM {
  width: 100%;
  padding: 22px 12px 0;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.lkdFO:disabled {
  background: #e5e5e5;
}

.Aowsa {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzIpIj4KPHBhdGggZD0iTTE2IDAuNjg1NzMzTDE1LjI1IDEuNzI5MDZlLTA3TDggNi42Mjg1M0wwLjc1MDAyMiAwTDAgMC42ODU3MzNMOCA4TDE2IDAuNjg1NzMzWiIgZmlsbD0iIzUwNTA1MCIgc3R5bGU9ImZpbGw6IzUwNTA1MDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zMTM3IDAuMzEzNyAwLjMxMzcpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._1sxow {
  display: grid;
  grid-template-columns: 30px 1fr;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._1sxow input {
  all: unset;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  background: #fff;
}

._1sxow input:disabled {
  border: 1px solid #e5e5e5;
}

._1sxow input:checked {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTc4OCAxNS42Nzg0TDAgOS4wOTk2TDEuOTM1NCA3LjE2NDJMNi41Nzg4IDExLjgwNzZMMTguMDY0OCAwLjMyMTZMMjAgMi4yNTdMNi41Nzg4IDE1LjY3ODRaIiBmaWxsPSIjQkFBNTdFIiBzdHlsZT0iZmlsbDojQkFBNTdFO2ZpbGw6Y29sb3IoZGlzcGxheS1wMyAwLjcyOTQgMC42NDcxIDAuNDk0MSk7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-position: center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._3k69g,
._3k69g > span {
  color: #b71610;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

._3k69g > input,
._3k69g > textarea,
._3k69g > select,
._3k69g > div > input {
  border-color: #b71610 !important;
}

.uobV6 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 15px;
}

._2SI7y,
._3ha_A {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  z-index: 2;
}

._2SI7y > ._7z--g,
._3ha_A > ._7z--g {
  gap: 0px;
}

._2SI7y > * > button,
._3ha_A > * > button {
  height: 50px !important;
  width: 100% !important;
  border-radius: 5px;
  border: 1px solid #baa57e;
  background: #fff;
  padding: 10px 12px;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzIpIj4KPHBhdGggZD0iTTE2IDAuNjg1NzMzTDE1LjI1IDEuNzI5MDZlLTA3TDggNi42Mjg1M0wwLjc1MDAyMiAwTDAgMC42ODU3MzNMOCA4TDE2IDAuNjg1NzMzWiIgZmlsbD0iIzUwNTA1MCIgc3R5bGU9ImZpbGw6IzUwNTA1MDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zMTM3IDAuMzEzNyAwLjMxMzcpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
}

._3ha_A > * > button {
  border-radius: 5px 5px 0 0;
}

._2dnmT {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #b2b2b2;
  border-top: none;
}

._2dnmT button {
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
  padding: 10px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  height: 40px !important;
  background: transparent;
  border: none !important;
}

._2dnmT button:hover,
._2dnmT button:focus {
  background: #505050;
  color: #fff;
}

._1pYxk {
  position: relative;
}

._3o3hl {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

.NUm_T {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sVDUK {
  padding-top: 5px;
}

._2fro- {
  font-size: 14px;
}

._1yM53 {
  font-size: 16px;
}

._2Yz3p {
  font-size: 20px;
}

.uQdG3 {
  position: absolute;
  right: 3px;
  bottom: 6px;
  width: 12px;
  height: 12px;
}

textarea {
  height: 126px !important;
  border: none;
  /* border: 1px solid var(--neutrals-medium, #baa57e) !important; */
  /* border-radius: 5px !important; */
}

._1zEtS {
  position: relative;
}

._1zEtS input {
  height: 50px;
  padding-top: 16px;
  font-weight: 600;
  color: #191919;
}

._1zEtS textarea {
  padding-top: 0;
  font-weight: 600;
  color: #191919;
}

._1zEtS > button {
  padding-top: 22px;
  font-weight: 600;
  color: #191919;
}

._1zEtS p {
  position: absolute;
  z-index: 1;
  transform: translateY(16px) scale(1);
  padding-left: 16px;
  font-size: 14px;
  color: #505050;
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
  transform-origin: left center;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

._1zEtS:has(textarea) p {
  position: absolute;
  z-index: 1;
  transform: translateY(-12px) scale(1);
  padding-left: 16px;
  font-size: 14px;
  color: #505050;
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
  transform-origin: left center;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

._1zEtS:has(textarea) {
  padding-top: 24px;
  border: 1px solid #baa57e !important;
  border-radius: 5px !important;
}
._1zEtS:has(textarea) span {
  position: absolute;
  bottom: -26px;
}

._27COi p {
  transition: none;
}

._2Gmbi p {
  transform: translateY(5px) scale(0.785);
}
._2Gmbi:has(textarea) p {
  transform: translateY(-20px) scale(0.785);
}

.vobhz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}

._373j0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
._373j0 label {
  width: 100%;
}
._373j0 p {
  left: 48px;
}
._373j0 input {
  padding-left: 60px;
}
._373j0 img {
  position: absolute;
  height: 45%;
  left: 13.5px;
}
._1E0gI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

/* Base Input and Label Styles */
._2l5Le {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
  position: relative;
  z-index: 0;
}

._2l5Le._3PALk {
  z-index: 1;
}

._2yap5 {
  height: 45px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #baa57e;
  background: #fff;
  padding: 0px 12px;
  font-weight: 600;
  color: #191919;
  font-style: normal;
  line-height: 140%;
}

/* Error States */
._3PALk,
._3PALk > span {
  color: #b71610;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

._3PALk > input,
._3PALk > div > input {
  border-color: #b71610 !important;
}

/* Card Form Layout */
.w8_Zi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w8_Zi > div:first-child input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._2-7iS {
  display: -ms-flexbox;
  display: flex;
  margin-top: -1px;
}

._2-7iS > div:first-child {
  -ms-flex: 1;
      flex: 1;
}

._2-7iS > div:first-child input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

._2-7iS > div:last-child {
  -ms-flex: 1;
      flex: 1;
  margin-left: -1px;
}

._2-7iS > div:last-child input {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Floating Label Styles */
._3wZt1 {
  position: relative;
}

._3wZt1 input {
  height: 50px;
  padding-top: 16px;
  font-weight: 600;
  color: #191919;
}

._3wZt1 p {
  position: absolute;
  z-index: 1;
  transform: translateY(16px) scale(1);
  padding-left: 16px;
  font-size: 14px;
  color: #505050;
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  will-change: transform;
  transform-origin: left center;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

._1Kp_b p {
  transition: none;
}

.cwLUx p {
  transform: translateY(5px) scale(0.785);
}

/* Input Container and Icon Styles */
._2xn2- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}

.x-Ie- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.x-Ie- label {
  width: 100%;
}

.x-Ie- p {
  left: 48px;
}

.x-Ie- input {
  padding-left: 60px;
}

.x-Ie- img {
  position: absolute;
  height: 45%;
  left: 13.5px;
}
._3d_1Q {
  max-width: 36px;
  width: auto;
  position: absolute;
  left: 13.5px;
  height: 45%;
}
._3BmJ- {
  position: relative;
}

._24qXu {
  -webkit-mask-image: linear-gradient(     to bottom,     black calc(100% - 40px),     transparent 100%   );
  mask-image: linear-gradient(     to bottom,     black calc(100% - 40px),     transparent 100%   );
}

._1UaSP {
  padding: 0;
  overflow-y: scroll;
  max-height: inherit;
  scrollbar-width: thin;
}

.SAv-M {
  padding: 12px 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}

.SAv-M:hover {
  background-color: rgba(186, 165, 126, 0.2);
}

._2PMF7 {
  position: relative;
  width: 100%;
  background-color: #f9f7f3;
  padding: 10px;
  font-weight: 400;
}

/* Dropdown styles */
._2Cpao {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #baa57e;
  background-color: inherit;
  z-index: 10;
  border-radius: 4px;
  padding: 0;
}

/* Select trigger styles */
._32Te6 {
  padding: 10px 0;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._1jQXJ {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2LdpY {
  display: none;
}

._1lwFK {
  padding: 12px 0;
  margin: 0 10px;
  border-top: 1px solid #baa57e;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transform: translateY(-1px);
}
._1kJ0y {
  width: 24px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDMuNTIwMDdMMTkuMjUgMi44MDAwNUwxMiA5Ljc2MDAxTDQuNzUwMDIgMi44MDAwNUw0IDMuNTIwMDdMMTIgMTEuMkwyMCAzLjUyMDA3WiIgZmlsbD0iI0JBQTU3RSIvPgo8L3N2Zz4K);
}
._2xi5m {
  transform: rotate(180deg);
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 24px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDMuNTIwMDdMMTkuMjUgMi44MDAwNUwxMiA5Ljc2MDAxTDQuNzUwMDIgMi44MDAwNUw0IDMuNTIwMDdMMTIgMTEuMkwyMCAzLjUyMDA3WiIgZmlsbD0iI0JBQTU3RSIvPgo8L3N2Zz4K);
}

._31Wbr {
  padding-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._3N6Qu {
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

._1SLk0 {
  position: relative;
  width: 100%;
}

._3w9UM {
  width: 100%;
  padding: 8px;
  padding-right: 32px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
}

._3w9UM:focus {
  border-color: #2196f3;
}

._1Q4bb {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

._1Q4bb:after {
  content: '\D7';
  font-size: 28px;
  color: #505050;
  line-height: 1;
  display: block;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.fBZJs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.fBZJs > *,
._37JCq > * {
  margin-right: 10px;
}

._37JCq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0;
}

._37JCq > button {
  padding: 0;
}

._1I8Ff,
._1VM3X {
  width: 34px;
  height: 34px;
  background-color: #fff;
  border: 1px solid rgba(178, 178, 178, 1);
  border-radius: 50%;
  color: rgba(178, 178, 178, 1);
  position: relative;
}

._1I8Ff::before,
._1I8Ff::after,
._1VM3X::before {
  content: '';
  border-bottom: 1px solid #000;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 25%;
  box-sizing: border-box;
}

._1I8Ff::after {
  transform: rotate(90deg);
}

._1I8Ff:disabled::after,
._1VM3X:disabled::before {
  border-color: rgba(178, 178, 178, 1);
}

._1lQ5z {
  visibility: hidden;
}
.SrCCe  {
  position: absolute;
  bottom: 4px;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.w3pHS {
  font-weight: 400;
  font-size: 12px;
  background-color: #b3a576;
  color: white;
  height: 30px;
  margin: auto 0;
}

@media screen and (max-width: 640px) {
  .w3pHS {
    height: 55px;
    width: 265px;
    margin: auto 0 !important;
  }
}

._1seZX {
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  top: -15px;
  left: 50%;
  margin-left: -10px;
}

._5rldS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 16px;
  margin-left: 16px;
  border-bottom: 1px solid black;
}

._5rldS h3 {
  font-weight: 400;
  font-size: 16px;
  min-width: 110px;
}

@media screen and (max-width: 640px) {
  ._5rldS h3 {
    font-size: 14px;
  }
}

._5rldS h3 span {
  font-weight: bold;
  color: black;
  border-bottom: 1px solid black;
}

.hLj2t {
  color: rgba(0,0,0,0.4);
}

@media screen and (max-width: 640px) {
  ._1GBGQ {
  margin-right: 5px;
  }
}

@media screen and (max-width: 640px) {
  .hLj2t {
    text-align: right;
  }
}

.hqobM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 16px;
  margin-left: 16px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}

@media screen and (max-width: 640px) {
  .hqobM {
    bottom: -80px;
  }
}

._1F-Bh {
  border: 1px solid black;
  background-image: url(http://i.imgur.com/4zKm6.png);
  background-size: 100% 100%;
  filter: grayscale(100%);
  min-width: 25px;
  height: 25px;
  margin-right: 8px;
}

.hqobM h3 {
  font-weight: 400;
  font-size: 13px;
  color: rgba(0,0,0,0.4);
}

@media screen and (max-width: 640px) {
  .hqobM h3 {
    margin-right: 20px;
    margin-left: 4px;
    width: 122px;
    font-size: 12px;
  }
}

._3_zjw {
  margin-bottom: 0.75em;
}

._2dCAo {
  display: inline-block;
  font-size: 1rem;
}

.bTjN- {
  position: relative;

  -ms-flex-direction: row;

      flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: -ms-flexbox;
  display: flex;
  /* flex-wrap: wrap; */
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 640px) {
  .DayPicker-Months {
    display: block;
    margin-bottom: 90px;
    padding: 0 10px;
  }
}

.DayPicker-Month {
  display: table;
  margin: 1em 1em 5em 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

@media screen and (max-width: 640px) {
  .DayPicker-Month {
    /* margin: 1em 1em 2em 1em; */
    margin: 1em auto 2em auto;
  }
}

._3lSjv {
}

.DayPicker-NavButton {
  display: inline-block;
  margin-top: 2px;
  width: 0.65em;
  height: 0.65em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
  border: solid rgba(0,0,0,0.7);
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 3px;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  position: absolute;
  top: 4.9em;
  left: 2.3em;
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
}

@media screen and (max-width: 640px) {
  .DayPicker-NavButton--prev {
    /* top: 6.3em; */
    top: 5.8em;
  }
}

.DayPicker-NavButton--next {
  position: absolute;
  top: 4.9em;
  right: 2.3em;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media screen and (max-width: 640px) {
  .DayPicker-NavButton--next {
    /* top: 6.3em; */
    top: 5.8em;
  }
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.75em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
  text-align: center;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
  font-weight: 400;
  color: black;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  /* padding: 0.3em; */
  cursor: pointer;
  border: 1px solid;
  min-width: 45px;
  height: 45px;
  position: relative;
}

@media screen and (max-width: 640px) {
.DayPicker-Day {
    min-width: 40px;
    height: 40px;
  }
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

/* :global .DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
} */

/* Default modifiers */

.DayPicker-Day--today:not(.DayPicker-Day--disabled):not(.DayPicker-Day--unavailable) {
  /* color: white; */
  /* font-weight: 700; */
  /* background-color: #181818; */
  border: 1px solid black;
}

.DayPicker-Day--outside {
  color: #8B9898 !important;
  cursor: default;
  border: none !important;
  background-image: none !important;
}

.DayPicker-Day--disabled, .DayPicker-Day--unavailable {
  color: #DCE0E0;
  border: 1px solid black;
  background-image: url('http://i.imgur.com/4zKm6.png');
  background-size: 100% 100%;
  /* filter: grayscale(100%); */
  /* background-color: #eff1f1; */
}

.DayPicker-Day--disabled{
  cursor: default;
  background-image: none;
  border: none;
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--outside):not(.DayPicker-Day--unavailable) {
  position: relative;
  background-color: #b3a576;
  color: #ffffff;
  border: 1px solid black !important;
}


.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #b3a576;
}

.DayPicker:not(.DayPicker--interactionDisabled)
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  /* background-color: #FFFFFF; */
  background-color: #b3a576;
  color: #FFFFFF;
  border: 1px solid black;
}

.DayPicker-Day--unavailable.DayPicker-Day--selected:not(.DayPicker-Day--outside){
  background: rgba(210, 73, 51, 1) !important;
  background-image: none;
  color:white;
  filter: none;
}

.DayPicker-Day--unavailable:hover{
  color: #DCE0E0 !important;
}

.DayPicker-Modal--close{
  background: none;
  border: none;
  font-size: 18px;
  float:right;
}


/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
  color: black;
  position: relative;

}

@media screen and (max-width: 640px) {
  .DayPickerInput {
    display: block;
  }
}

.DayPickerInput-OverlayWrapper {
  /* position: relative; */
  margin-left: -245px;
  position: absolute;
  top: 75px;
}

@media screen and (max-width: 640px) {
  .DayPickerInput-OverlayWrapper {
    margin-left: 0px;
  }
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}

.DayPickerInput input {
  background: transparent;
  border: none;
  outline: none;
  border-bottom-width: 2px;
  border-bottom-color: rgba(60, 60, 60, 1);
  border-bottom-style: solid;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  max-width: 185px;
  padding: 10px;
  margin: 0 10px;
  font-weight: 400;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
._5srgi {
  background: #ffffff;
  border: 1px solid #b2b2b2;
  box-sizing: border-box !important;
  border-radius: 5px;
  font-family: 'Avenir Next';
  font-size: 14px;
  color: rgba(25, 25, 25, 1);
  padding: 0em 0.75em;
  height: 45px;
  width: 100%;
}

._5srgi:disabled {
  cursor: default;
  background-color: rgb(235, 235, 228) !important;
}

._5srgi[type='checkbox']:not(:disabled) {
  border: 1px solid #baa57e;
}

.Nscg2 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4xMzM2IDEuMDg4NzdMMTUuNDE0IDAuMzY5MTQzTDguNDU3NzggNy4zMjUzMUwxLjUwMTYxIDAuMzY5MTQxTDAuNzgxOTgyIDEuMDg4NzdMOC40NTc3OCA4Ljc2NDU3TDE2LjEzMzYgMS4wODg3N1oiIGZpbGw9IiMxOTE5MTkiLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-position: right 15px top 50%;
}

._5srgi[type='checkbox'] {
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 30px;
  height: 30px;
}

._5srgi[type='checkbox']:checked {
  background-repeat: no-repeat;
  background-position: left 50% top 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M16.6905 0.8125L6.26086 11.6405L6.52425 11.914L6.78764 12.1875L17.2174 1.3594L16.954 1.08595L16.6905 0.8125Z' stroke='%23BAA57E'/%3E%3Cpath d='M0.50592 6.78723L6.15048 12.6473L6.42717 12.3601L6.70386 12.0728L1.05931 6.21271L0.782614 6.49997L0.50592 6.78723Z' stroke='%23BAA57E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

._5srgi[type='radio'] {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

._3W2aG {
  border-radius: 5px;
  border: 1px solid #baa57e;
  padding: 7px 12px;
}

._3W2aG label {
  color: #505050;
  font-family: 'Avenir Next';
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

._3W2aG textarea {
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  resize: unset;
  font-family: 'Avenir Next';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: rgba(25, 25, 25, 1);
  background: transparent;
}

._1j_-_ {
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -ms-flex-direction: column;
      flex-direction: column;
}
._2WqwX,
._2WqwX > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2WqwX {
  gap: 30px;
}

._2WqwX > div {
  gap: 14px;
}

._5srgi[type='radio']:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background-color: #505050;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

._3xTbQ {
  position: absolute;
  transform: translate3d(-32px, 200%, 0);
}

.SerAC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3jzvY {
  position: relative;
}

.YMOGb {
  border: 1px solid #b71610;
}

._3lfAX {
  margin-top: 10px;
  display: block;
  font-family: 'Avenir Next';
  font-size: 14px;
  line-height: 140%;
  color: rgba(183, 22, 16, 1);
}

._19QEs {
  left: 10px;
  position: absolute;
  width: 15px;
  height: 15px;
  pointer-events: none;
}

._1hswF {
  padding-left: 30px;
}

._1Yb9A {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.s3Mo1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 10px;
  padding-right: 4px;
  -ms-flex-align: center;
      align-items: center;
}

._1FLcc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 5px;
  width: 289px;
}

.JWUjW {
  -ms-flex-preferred-size: 185px;
      flex-basis: 185px;
  padding-left: 4px;
  border-left: 1px solid #b2b2b2;
}
._2sXhA {
  display: block;
  font-family: 'Avenir Next';
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #191919;
  margin-bottom: 0.4em;
}

._2AxE_ {
  font-size: 11px;
  font-weight: 400;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2GI30 {
  background: rgba(24, 24, 24, 1);
  color: rgba(255, 255, 255, 1);
}

._2nNvK {
  max-width: 1280px;
  padding: 48px 64px;
  margin: 0 auto;
}

._1sNhj input,
._2BSvg select {
  background: transparent;
  border: none;
  outline: none;
  border-bottom-width: 2px;
  border-bottom-color: rgba(60, 60, 60, 1);
  border-bottom-style: solid;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
}

._1sNhj *::-moz-placeholder {
  font-size: 30px;
  text-transform: none;
}

._1sNhj *:-ms-input-placeholder {
  font-size: 30px;
  text-transform: none;
}

._1sNhj *::placeholder {
  font-size: 30px;
  text-transform: none;
}

.ezE32 {
  background: rgba(236, 236, 236, 1);
  color: rgba(31, 31, 31, 1);
  max-height: 300px;
  overflow-x: auto;
}

.BMOPM,
._3lsgo:hover {
  background: rgba(189, 189, 189, 1) !important;
  cursor: pointer;
}

._2BSvg > div {
  background: transparent;
  border: none;
}

._2BSvg > div > *:not(:first-child) {
  color: rgba(255, 255, 255, 1);
  top: 27px;
}

@media screen and (max-width: 640px) {
  ._2nNvK {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1zAhs h4 {
  margin: 0;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  color: rgba(25, 25, 25, 1);
}

._3kUBy {
  margin-top: 4px !important;
}
._2SXFC {
  letter-spacing: 0;
  margin-top: 10px;
}
._2Ne-n {
  font-family: 'Avenir Next';
  color: rgba(80, 80, 80, 1);
  font-size: 12px;
  line-height: 140%;
  font-weight: normal;
  text-align: left;
}

ul._2Ne-n {
  padding: 0;
  margin: 0;
}

ul._2QEiB li {
  display: inline;
}

ul._2QEiB li:after {
  margin: 0 7px;
  content: '\2022';
}

ul._2QEiB li:last-child::after {
  content: '';
}

/* bold benefit text*/
ul._2QEiB li b {
  font-weight: 600;
}

ul._3_mpC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
ul._3_mpC li {
  list-style: none;
}
ul._3_mpC li:after {
  content: '';
  display: block;
  padding-bottom: 7px;
  margin: 0 auto 7px auto;
  width: 8.77px;
  height: 0;
  border-bottom: 1px solid rgba(80, 80, 80, 1);
}

ul._3_mpC li:last-child::after {
  content: none;
}
ul._2b48Z {
  padding: 0;
  margin: 0;
}

li._2nYBo {
  display: -ms-flexbox;
  display: flex;
}

li._2nYBo:not(:last-of-type) {
  margin-bottom: 3px;
}

li._2nYBo > *:last-child {
  margin-left: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.I_FBW {
  background-color: rgba(25, 25, 25, 1);
  padding: 2px 10px;
  -ms-flex: 1;
      flex: 1;
  border-radius: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
._1UwUz {
  padding: 1px 10px 0px 2px;
}

._3Y7Lp {
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-weight: 600;
}

._2iOst {
  text-transform: lowercase;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3r80R {
  margin-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._3KaC4 {
  margin-left: 10px;
  font-weight: 600;
  color: rgba(23, 25, 25, 1);
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.EI_ze {
  margin-top: 10px;
}

._3qfgW {
  font-weight: 600;
  color: rgba(80, 80, 80, 1);
  text-decoration: underline;
}._2x1SD {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 3px;
}

._2WkSG {
  margin: 0;
}

._2VP7j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 600px;
  z-index: +1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._3ngsG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._210Wl {
  width: 100%;
  max-width: 200px;
}

._1vPKy {
  width: 100%;
  height: 100%;
}

._3GMNc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._1tnlf {
  padding: 20px;
}
._2_SaR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;

  position: fixed;
  z-index: 8;
  inset: 0;
}

.iogiR {
  background-color: #fff;
  overflow: hidden;
}

._1Vf1W {
  overflow-y: auto;
}

._1026C {
  background-color: rgb(25, 25, 25, 0.7);
}

.uwc-c {
  z-index: 9999999;
}

.Dn2H1 {
  width: 100%;
  height: 100%;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.mS9Mo {
  position: relative;
  padding: 0 20px;
  height: 19px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.MOzr2 {
  min-width: 290px;
}

.XVtWL {
  height: 1px;
  width: 100%;
  background-color: rgba(80, 80, 80, 1);
}

._2B0db {
  animation: _160Pi 2.5s linear infinite;
}

._1VeBO {
  width: 100%;
}

._3lvOJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  margin-top: 22px;
  color: #505050;
}

@keyframes _160Pi {
  0% {
    width: 10px;
  }
  100% {
    width: 245px;
  }
}

@keyframes TBCEO {
  0% {
    width: 245px;
  }
  100% {
    width: 100%;
  }
}

/* already centered with justify-content: center */
._2IH6e {
  position: absolute;
  width: 50px;
  height: 19px;
}

._3RQ6p {
  position: relative;
  width: 30px;
  margin: 0 auto;
}

._3NYse:first-of-type {
  position: absolute;
  left: 0;
  top: 0;
  height: 19px;
  width: 19px;
  border: 1px solid rgba(80, 80, 80, 1);
  border-radius: 50%;
}
._3NYse:last-of-type {
  position: absolute;
  right: 0;
  top: 0;
  height: 19px;
  width: 19px;
  border: 1px solid rgba(80, 80, 80, 1);
  border-radius: 50%;
}

._1Q4ad[data-color='white'],
._1Q4ad[data-color='white'] > .mS9Mo,
._1Q4ad[data-color='white'] ._2IH6e {
  background-color: #fff;
}

._1Q4ad[data-color='#f6f6f6'],
._1Q4ad[data-color='#f6f6f6'] > .mS9Mo,
._1Q4ad[data-color='#f6f6f6'] ._2IH6e {
  background-color: #f6f6f6;
}
._1Q4ad[data-color='#F1F0F0'],
._1Q4ad[data-color='#F1F0F0'] > .mS9Mo,
._1Q4ad[data-color='#F1F0F0'] ._2IH6e {
  background-color: #F1F0F0;
}

._1Q4ad[data-color='gold'],
._1Q4ad[data-color='gold'] > .mS9Mo,
._1Q4ad[data-color='gold'] ._2IH6e {
  background-color: rgba(249, 247, 243, 1);
}

@media screen and (min-width: 1024px) {
  .mS9Mo {
    padding: 0;
    max-width: 921px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  .mS9Mo {
    max-width: 1150px;
  }
}

._3CLPC {
  opacity: 0;
  transform: translateX(10px);
  animation: Rlg5k 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards, jfn-p 0.2s ease-in forwards;
}

@keyframes Rlg5k {
  from {
    transform: translateX(7px);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes jfn-p {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.fj_0x {
  background-color: rgba(25, 25, 25, 1);
  padding: 0 10px;
  border-radius: 5px;
  text-align: left;
  margin-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.QOu73 + button,
.QOu73 + a {
  margin-top: 25px;
}

.QOu73 small {
  display: block;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  color: rgba(80, 80, 80, 1);
  letter-spacing: 0;
}

.QOu73 small span {
  font-weight: 600;
}

._2gBu0 {
  margin-bottom: 5px;
}

._2gBu0 small {
  text-align: center;
  font-weight: normal;
  display: block;
  font-size: 14px;
  line-height: 140.62%;
  color: rgba(80, 80, 80, 1);
  letter-spacing: 0;
}

.ZHX1D .QOu73 small {
  font-size: 14px;
}

._30FgL {
  height: 1px;
  background-color: rgba(80, 80, 80, 1);
  width: 122px;
  border: none;
  margin: 10px 0;
}

._30FgL + button,
._30FgL + a {
  margin-top: 20px;
}

._2cOrj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._2cOrj ._13Bnr {
  font-weight: 500;
  font-size: 18px;
  line-height: 140.62%;
  letter-spacing: 0;
  color: rgba(25, 25, 25, 1);
}

._2kwoj {
  display: block;
  color: rgba(80, 80, 80, 1);
  font-weight: 600;
  text-align: center;
}

.r454A {
  line-height: 120%;
  color: rgba(25, 25, 25, 1);
  font-weight: 600;
  display: block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  ._30FgL {
    width: 191px;
  }
  /* sets margin above the line to fill out the space */
  ._30FgL + button,
  ._30FgL + a {
    margin-top: 75px;
  }
  .QOu73 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: rgba(80, 80, 80, 1);
    letter-spacing: 0;
  }
  ._2cOrj ._13Bnr {
    color: rgba(80, 80, 80, 1);
    font-weight: 500;
    font-size: 24px;
  }
  ._2cOrj {
    -ms-flex-align: end;
        align-items: flex-end;
    /* margin-left: 67px; */
  }

  a ._2gBu0 {
    width: 191px;
    margin: 0;
  }
  ._2gBu0 small {
    display: block;
    text-align: right;
  }
  .r454A {
    color: rgba(80, 80, 80, 1);
    font-weight: 600;
    font-size: 24px;
  }
  ._2kwoj {
    text-align: right;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._184j_ {
  background: #ffffff;
  border: 1px solid #baa57e;
  border-radius: 10px;
  box-sizing: border-box;
}

._1t4CA {
  position: relative;
  padding: 20px 20px 30px 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.Ui30i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  padding-right: 10%;
}

._3bgBI {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 15px;
}

._1T7_7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: end;
}

.S1fZL {
  padding: 10px 20px;
  background-color: #f6f6f6;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

._184j_ label {
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #191919;
  margin: 0;
}

._3vgWL {
  margin-top: 20px;
}
._3vgWL > *:last-child {
  margin-top: 10px;
}

._3TTfy {
  margin-top: 10px;
}

._2Hbkx {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2Hbkx h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #191919;
  margin: 0;
}

._2Hbkx ul {
  margin-top: 0;
  list-style: none;
  padding: 0;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 0px;
}

._2Hbkx li {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  display: list-item;
  -ms-flex-align: center;
      align-items: center;
  color: #505050;
  margin: 0;
}

._2Hbkx li::before {
  content: '\2022   ';
  color: rgba(186, 165, 126, 1);
  display: inline;
  width: 1em;
  font-size: 11px;
  margin-left: -10px;
}

._2ALSq {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #191919;
  margin: 0;
}

._2RV1s {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  -ms-flex-align: center;
      align-items: center;
  text-align: right;
  color: #191919;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 5px;
  width: 100%;
}

._2HVhQ {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
._2HVhQ,
._2HVhQ > :first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}
._2HVhQ > :first-child {
  margin-bottom: 15px;
}
._32PaW small {
  margin-top: 5px;
  width: 100%;
  text-align: right;
  font-size: 14px;
}

._RVZJ {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  margin: 5px 0;
}

._RVZJ span {
  font-weight: 600;
}

.s-UlT {
  display: block;
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0px;
}

._2dy3C {
  margin-top: 15px;
}

._2X6q_ > * {
  line-height: 100%;
}

._2t6TZ {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

._32PaW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}
._2ukc4 {
  margin-top: 0px !important;
}

._2iiah {
  padding: 4px 10px;
  margin: 0;
}

.L5vuR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 640px) {
  ._2X6q_ {
    max-width: 87px;
  }

  ._1t4CA {
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
  }

  .Ui30i {
    padding-right: 0px;
  }

  ._2Hbkx {
    width: 100%;
  }

  ._2HVhQ > :first-child {
    -ms-flex-align: start;
        align-items: flex-start;
    margin: 0;
  }

  ._2HVhQ {
    margin-top: 30px;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._2RV1s {
    text-align: left;
  }

  ._32PaW small {
    text-align: left;
  }

  ._1T7_7 {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: unset;
        align-items: unset;
  }

  ._3bgBI {
    gap: 20px;
  }

  ._2t6TZ {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
._2gDzC {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

._2gDzC img {
  width: 48px;
}

._2gDzC h2 {
  margin-bottom: 50px;
  font-family: Cormorant;
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 120%;
}

._2gDzC p {
  max-width: 502px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}

._1MMTh {
  width: 118px;
  height: 44px;
  margin-top: 20px;
  padding: 12px 30px;
  background: #BAA57E;
  border-radius: 5px;
  border-style: none;
}

.s500_ {
  text-decoration: underline;
  margin-top: 14px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #000000;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.LOzqg,
._3oXWt {
  width: 80%;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
}

._3oXWt {
  cursor: auto;
  visibility: none;
}

.LOzqg .vMtUc {
  display: block;
  height: 230px;
  max-width: 100%;
  position: relative;
}

.LOzqg .vMtUc ._745xF {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.LOzqg h1 {
  margin-top: 12px !important;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.5px;
}

.LOzqg h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  color: rgba(180, 180, 180, 1);
  font-weight: 400;
}

.LOzqg ._2qf-h {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(230, 230, 230, 1);
  cursor: auto;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}

.LOzqg:hover ._2qf-h {
  opacity: 1;
}

._2_YJC {
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid rgba(230, 230, 230, 1);
  cursor: pointer;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1rDN4 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 43px 64px;
}

._27SXS {
  display: inherit;
}

.slick-prev {
  left: 0;
  z-index: 1;
}

.slick-next {
  right: 0;
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  color: black !important;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1jFK- {
  width: 100%;
}

._1jFK- > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 83px 0;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1jFK- p {
  font-size: 18px;
  color: rgba(120, 120, 120, 1);
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  ._1jFK- {
    padding: 83px 16px;
    text-align: center;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.SCYCQ {
  opacity: 0;
  /*  delay before showing loading state 0.5s */
  animation: _1M9i9 0.3s ease-in-out forwards; 
}
@keyframes _1M9i9 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._1aYEl {
  width: 100%;
  border: none;
  display: block;
  position: relative;
}
._1Y4g0 {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
._1gXYG {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 50px;
}

._30pFw {
  display: grid;
  grid: auto / repeat(2, 1fr);
  gap: 10px;
}

._2qrqN {
  grid-column: span 2;
  background-color: transparent;
  border: none;
}
._30pFw ._2qrqN:nth-child(3n),
._30pFw ._2qrqN:nth-child(3n-1) {
  grid-column: span all;
}

._2mZCw {
  width: 100%;
  height: 100%;
  max-height: 50vh;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}

.sAZUz {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #fefefe;
}

.HNYkX {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1;
  width: 100%;
  height: 50px;
}

.O7F-f {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 16px;
  height: 16px;
}

._1eQf7 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 60vh;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateX(-50%) translateY(-50%);
}

._3w0wL {
  position: absolute;
  bottom: 20vh;
  left: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 80%;
  transform: translateX(-50%);
  text-align: center;
}

._3HvSp {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.D9SNJ {
  position: absolute;
  bottom: 20vh;
  z-index: +1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  height: 16px;
  margin: 0 auto;
  padding: 0 20px;
  transform: translateY(-50%);
}

._2fmKf,
._3P4xD {
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 800px) {
  ._1gXYG {
    padding: 0;
    padding-bottom: 100px;
  }

  ._30pFw {
    gap: 18px;
  }

  .HNYkX {
    height: 100px;
  }

  .O7F-f {
    top: 30px;
    right: 40px;
    width: 24px;
    height: 24px;
  }

  ._3HvSp {
    top: 50px;
  }

  .D9SNJ {
    bottom: 50%;
  }

  ._3w0wL {
    bottom: 10vh;
  }
}
._1L1Oc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 10px;
}

._13vjc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}
._1fFhW {
  width: 285px;
  border: 1px solid #191919;
  cursor: pointer;
}

._1fFhW img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 158px;
}

._1f7GW {
  padding: 15px;
}

._1f7GW > *:not(:last-child) {
  margin-bottom: 15px;
}

._2zD4l {
  font-size: 13px;
}

._3wAAb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 14px;
  border-top: solid 1px #b2b2b2;
  padding-top: 14px;
  text-align: center;
}

._2kMAt {
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.295em;
  margin-right: -0.295em;
}

@media screen and (max-width: 1024px) {
  ._1fFhW {
    width: 100%;
  }
  ._1fFhW img {
    height: 113px;
  }
}
._29IMW ._1EqV2 {
  display: none !important;
}

._29IMW ._1Ch93 {
  padding: 0 !important;
}

._2eYZA:hover,
div[class^='mapboxgl-marker']:focus > ._2eYZA {
  z-index: 1;
  background-color: #e8deca;
  border: 1px solid #191919;
}

._2eYZA:hover > small,
div[class^='mapboxgl-marker']:focus > ._2eYZA > small {
  color: #191919;
}

@media screen and (max-width: 1024px) {
  div[class^='mapboxgl-popup'] {
    transform: translate3d(-50%, 0, 0) !important;
    bottom: 0 !important;
    top: unset !important;
    left: 50%;
    width: 100% !important;
    padding: 20px;
    max-width: unset !important;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.J-PXJ {
  display: block;
  width: 100%;
  height: 376px;
  max-width: 100%;
  position: relative;
  background-color: rgba(186, 165, 126, 1);
  color: white;
  text-align: center;
}
  
.J-PXJ img {
  width: 80px;
  height: 90px;
  margin-top: 30px;
}
  
.J-PXJ ._2on4- {
  font-family: 'Cormorant';
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 10px;
  color: white;
}

.J-PXJ ._1lBtE {
  margin: 0 4%;
}

.J-PXJ ._1lBtE p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: white;
}

.J-PXJ ._1lBtE p b {
  font-weight: 700;
}

.J-PXJ ._2eTrH {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: 5px;
}

.J-PXJ button {
  border-radius: 5px;
  margin: 10px 0;
  padding: 10px;
  width: 225px;
  height: 60px;
  font-size: 14px;
}

.J-PXJ ._2GRph p {
  font-size: 11px;
  margin: 10px;
  color: white;
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  .J-PXJ img {
    width: 65px;
    height: 75px;
    margin-top: 15px;
  }

  .J-PXJ button {
    margin: 5px 0;
    width: 80%;
    padding: 5px;
  }

  .J-PXJ ._2eTrH {
    margin-bottom: 0;
  }

  .J-PXJ ._2GRph p {
    font-size: 10px;
  }
}

@media screen and (max-width: 640px) {
  .J-PXJ {
    height: 200px;
  }

  .J-PXJ img {
    width: 40px;
    height: 45px;
    margin-top: 15px;
  }

  .J-PXJ ._2on4- {
    margin-top: 5px;
    font-size: 24px;
    line-height: 20px;
  }
  
  .J-PXJ ._1lBtE p {
    padding: 0 10px;
    line-height: 16px;
  }
  
  .J-PXJ button {
    display: none;
  }

  .J-PXJ ._2eTrH {
    margin-bottom: 0;
  }

  .J-PXJ ._2GRph p {
    font-size: 11px;
    margin: 5px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3Sx_U {
  width: 697px;
}

._3pUV1 {
  margin: 0 auto;
  padding: 59px 0;
  width: 552px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._2I1MG {
  color: rgba(186, 165, 126, 1);
}

._3Sx_U h2 {
  font-weight: 400;
  font-size: 38px;
  margin-top: 35px;
  margin-bottom: 24px;
}

._3Sx_U h3 {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.1px;
}

._3Sx_U small {
  margin-bottom: 35px;
  color: rgba(181, 181, 181, 1);
  font-weight: 500;
}

._3YPD0 {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._3YPD0 a {
  color: rgba(140, 140, 140, 1);
  text-decoration: underline;
  margin: 0 28px;
}

@media screen and (max-width: 640px) {
  ._3Sx_U {
    width: 100vw;
  }

  ._3pUV1 {
    width: 340px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2wmyd {
  width: 100%;
  height: 189px;
  background-size: cover;
  background-position: center center;
}

._3lpRr {
  padding: 30px 26px;
  background: rgba(255, 255, 255, 1);
}

._3lpRr ._2MCjd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3lpRr ._2MCjd > * > h1 {
  -ms-flex: 1;
      flex: 1;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.1px;
  margin: 0;
}

._2a4M2 {
  margin-top: 18px;
}

._2a4M2 span {
  background: rgba(190, 190, 190, 1);
  color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  font-weight: 400;
  padding: 10px 18px;
  font-size: 12px;
  white-space: nowrap;
}

._3lpRr ._3JofK {
  width: 100px;
  margin-left: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

._3lpRr ._3JofK h2 {
  font-size: 42px;
  margin: 0;
  font-weight: 400;
}

._3lpRr ._3JofK p {
  margin-top: 0;
  font-size: 16px;
}

._1C_0q {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._39Wfs {
  display: -ms-flexbox;
  display: flex;
}

._39Wfs ._2qyjr {
  margin-left: 12px;
}

._2qyjr span {
  display: block;
}

._2qyjr span:first-child {
  font-weight: 500;
}

._2qyjr span:not(:first-child) {
  font-weight: 400;
}

.OA8jh {
  color: rgba(190, 190, 190, 1);
}

._187NQ {
  background: rgba(207, 190, 147, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
  border-radius: 4px;
  min-width: 110px;
  margin-left: 12px;
}

._187NQ a {
  color: rgba(255, 255, 255, 1);
  height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1C_0q {
  min-height: 34px;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (max-width: 640px) {
  ._3lpRr ._2MCjd {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._3lpRr ._3JofK {
    margin-left: 0;
    margin-top: 8px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 14px;
  }

  ._3lpRr ._3JofK h2 {
    font-size: 22px;
    margin-right: 8px;
  }

  ._3lpRr ._3JofK p {
    margin-bottom: 0;
  }

  ._1C_0q {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._187NQ {
    width: 100%;
    text-align: center;
    margin-top: 14px;
    padding: 24px 0;
    display: block;
  }

  ._2a4M2 {
    margin-bottom: 8px;
  }
}
._1pR6g {
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2YzQx {
  width: 100%;
}

._1FsNd {
  font-weight: 400;
  color: rgba(180, 180, 180, 1);
  font-size: 12px;
  margin-bottom: 2px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3G8Rv {
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -ms-flex-align: center;
      align-items: center;
  letter-spacing: -0.3px;
  padding: 7.5px;
  border-radius: 3px;
  border: 1px solid #b2b2b2;
  background-color: #fff;
}
._3G8Rv > div {
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -ms-flex-align: center;
      align-items: center;
}

._5HpMB {
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  ._3G8Rv {
    gap: 10px;
    padding: 10.5px;
    border-radius: 5px;
  }

  ._3G8Rv > div {
    gap: 10px;
  }
}
._1RSc9 {
  position: inherit !important;
  width: 100% !important;
  margin-top: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  overflow-y: scroll;
  height: 120px !important;
  cursor: pointer;
  z-index: 5 !important;
}

._2Ezmd {
  position: relative;
}

._2SZyC {
  position: absolute;
  top: 15px;
  right: 12px;
  cursor: pointer;
}

._1k39i {
  padding: 10px;
}
._1k39i:hover {
  background-color: rgb(178, 178, 178);
}

._1Zcr7 input {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

@media screen and (min-width: 1024px) {
  ._1RSc9 {
    width: 273px;
  }

  ._2Ezmd {
    display: inline-block;
  }
}
._31Hw7 {
  position: absolute;
  right: 0;
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 0px 0px 5px 5px;
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._3WOsR {
  border-radius: 5px;
}

._2WAzG {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  ._31Hw7 {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: -1;
    padding-top: 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._224Pf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 14px;
}

._1lG9E {
  font-weight: 400;
  color: rgba(180, 180, 180, 1);
  font-size: 12px;
  margin-bottom: 2px;
}

._1K3yr > * {
  width: calc(50% - 13.875px);
}

._3MSKD > * {
  width: calc(33% - 18.5px);
}

._1Wly9 input,
._1Gbc7 select {
  border-width: 1px;
  border-color: rgba(216, 216, 216, 1);
  border-style: solid;
  font-size: 16px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

._1Gbc7 > div {
  border: none;
}

._1Gbc7 > div > div:last-child {
  top: 22px;
  right: 24px;
}

._1Wly9 input::-moz-placeholder {
  text-transform: none;
  font-size: 16px;
}

._1Wly9 input:-ms-input-placeholder {
  text-transform: none;
  font-size: 16px;
}

._1Wly9 input::placeholder {
  text-transform: none;
  font-size: 16px;
}

._2HYlQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

._2HYlQ button {
  max-width: 120px;
  padding: 23px 0;
}

._3vxii p {
  padding-top: 14px;
  margin-bottom: 22px;
}

._3vxii ._1-c2c {
  width: 140px;
  margin-top: 32px;
}

._1iaex {
  width: 100%;
  padding-top: 14px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1iaex p {
  margin-top: 8px;
}

._16HsR p._27Z65 {
  margin-bottom: 15px;
  color: rgba(183, 22, 16, 1);
}

@media screen and (max-width: 640px) {
  ._224Pf._1K3yr > *,
  ._224Pf._3MSKD > * {
    width: 100%;
    margin-bottom: 14px;
  }

  ._224Pf._1K3yr {
    margin-bottom: 0;
  }

  ._224Pf {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2J1_T {
  color: rgba(183, 22, 16, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._35son {
  padding: 7px 0;
}

._1RIUP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1RIUP .i-Bgt,
._1RIUP ._2K8QO {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
}

._1RIUP .i-Bgt {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

._1RIUP ._2K8QO {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._1RIUP .i-Bgt > ._3wxXG {
  width: calc(50% - 20px);
}

._1RIUP .i-Bgt > span {
  padding: 0 7px;
}

._1RIUP ._2K8QO > * {
  width: calc(50% - 20px);
}

@media screen and (max-width: 640px) {
  ._1RIUP ._2K8QO > * {
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.fTRiG {
  margin-bottom: 32px;
}

.fTRiG h2 {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.gD0z0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.gD0z0 ._3kgis {
  -ms-flex: 1;
      flex: 1;
}

.gD0z0 ._26DOF {
  width: 185px;
  margin-left: 116px;
}

._3kgis h1 {
  font-size: 48px;
  letter-spacing: -0.1px;
  font-weight: 500;
  margin: 0;
  float: left;
}

._3kgis ._2qISw {
  overflow: auto;
}

._3kgis .gFJQg {
  padding: 42px 0 42px 53px;
}

._3kgis .gFJQg p:first-child {
  font-size: 28px;
  margin-top: 0;
}

._3kgis .gFJQg p:not(:first-child) {
  font-size: 14px;
}

._3kgis .gFJQg p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  ._3kgis .gFJQg {
    padding: 23px 0;
  }

  ._3kgis h1 {
    font-size: 24px;
  }

  ._3kgis .gFJQg p:first-child {
    font-size: 16px;
    font-weight: 600;
  }

  ._2ma5p .gD0z0 {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2ma5p ._26DOF {
    width: 100%;
    margin-left: 0;
    margin-bottom: 32px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1OFXz {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1OFXz h1 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 22px;
  margin-top: 0;
}

._1OFXz p {
  margin: 0;
  width: 400px;
  line-height: 1.5;
  text-align: center;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Vy-5f img {
  width: 32px;
  height: 32px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.ABf_w {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.EXncI,
._34o_u {
  width: calc(33% - 24px);
  cursor: pointer;
  height: 560px;
}

._34o_u {
  cursor: auto;
  visibility: none;
}

.EXncI ._2LVFt {
  display: block;
  width: 100%;
  height: 376px;
  max-width: 100%;
  position: relative;
}

.EXncI ._2LVFt ._34jUt {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.EXncI h1 {
  margin-top: 25px !important;
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 33px;
  letter-spacing: -0.5px;
}

.EXncI h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  color: rgba(180, 180, 180, 1);
  font-weight: 400;
}

.EXncI ._25wDX {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(230, 230, 230, 1);
  cursor: auto;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}

.EXncI:hover ._25wDX {
  opacity: 1;
}

.EXncI ._3A70Y {
  position: absolute;
  top: 10px;
  right: 10px;
}

.EXncI .XZcMr {
  width: auto;
  height: 60px;
}

.EXncI .ZcCq- {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.EXncI ._1equ- {
  width: auto;
  height: 60px;
}

._3WH0T {
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid rgba(230, 230, 230, 1);
  cursor: pointer;
}

._1DulL {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

._2EZF3 {
  background: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  color: rgba(230, 230, 230, 1);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  padding: 10px;
}

._2EZF3 h3 {
  font-size: 14px;
  margin-bottom: 0;
}

._2EZF3 span {
  font-size: 13px;
  font-weight: 400;
}

._21JW3 {
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  ._34o_u {
    display: none;
  }

  .EXncI {
    width: 100%;
    height: auto;
    margin-bottom: 42px;
  }

  .EXncI ._2LVFt {
    height: 200px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

* {
  box-sizing: border-box;
}

._1HmZm {
  margin-left: 24px;
  margin-right: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3H6N6 {
  height: 250px;
  position: relative;
  width: calc(33% - 24px);
  margin-top: 0px;
  margin-bottom: 48px;
  cursor: pointer;
}

._2NUxA {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._12P_E {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

._3H6N6 h1 {
  margin: 0;
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 2px 8px #505050;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  z-index: 1;
}

._3H6N6 p {
  margin: 15px;
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 2px 10px #505050;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  z-index: 1;
}

._1Nlet {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  transition: opacity ease-in-out 0.3s;
  z-index: 2;
}

._3H6N6:hover ._1Nlet {
  opacity: 1;
}

.I0yP1 {
  color: rgba(255, 255, 255, 1);
  padding: 22px 38px;
  border-radius: 4px;
  border: 1px solid rgba(230, 230, 230, 1);
  cursor: pointer;
  margin-bottom: 15px;
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._3H6N6 {
    width: calc(50% - 24px);
  }
}

@media screen and (max-width: 640px) {
  ._3H6N6 {
    height: 300px;
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

* {
  box-sizing: border-box;
}

._22Dp- {
  margin-left: 20px;
  margin-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2omYd {
  position: relative;
  width: calc(33% - 15px);
  margin-top: 0px;
  margin-bottom: 30px;
  cursor: pointer;
  border: 1px solid #baa57e;
  border-radius: 0px 0px 8px 8px;
}

._3KvR1 {
  height: 235px;
  margin: 0;
  position: relative;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
}

._2qEep {
  height: 95px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 2px;
}

._2omYd h1 {
  font-family: 'Avenir Next';
  margin: 0;
  color: rgba(80, 80, 80, 1);
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
}

._2omYd p {
  color: rgba(80, 80, 80, 1);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  ._22Dp- {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._2omYd {
    width: calc(50% - 13px);
  }
}

@media screen and (max-width: 640px) {
  ._22Dp- {
    margin-left: 20px;
    margin-right: 20px;
  }

  ._2omYd {
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.wSSAC {
  width: 100vw;
  height: 100vh;
  padding: 10px !important;
  z-index: 99999 !important;
  background-color: #f9f7f3;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._2bUcf {
  max-width: 80vw;
  max-height: 90vh;
  overflow: hidden;
  border: none;
}

._2ciPU {
  height: 90vh !important;
  width: 80vw;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1Qo5A {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._1Qo5A:hover {
  opacity: 1;
}

._2ciPU img {
  display: block;
  max-width: 80vw;
  max-height: calc(85vh - 50px);
  width: auto;
  height: auto;
  margin: 0px auto;
  padding: 20px 0;
}

._2jbYo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  background-color: #f9f7f3;
  border: 2px #f9f7f3;
  margin: 0px 2px;
}

._2GJJl,
._2jbYo {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  overflow: hidden;
}

._2ofGk {
  width: 75px;
  height: 75px;
  cursor: pointer;
  z-index: 3;
  position: fixed;
  top: 50%;
  color: black;
  opacity: 0.6;
  transition: opacity 0.4s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._2ofGk.DvvOj {
  right: 40px;
}

._2ofGk._13FQG {
  left: 40px;
}

._2ofGk:hover {
  opacity: 1;
}

._2ofGk:hover {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .wSSAC {
    max-width: 100vw;
  }

  ._2bUcf {
    max-width: 95vw;
  }

  ._2ciPU {
    width: 95vw;
  }

  ._2ciPU img {
    max-width: 95vw;
  }

  ._2ofGk {
    display: none;
  }

  ._2jbYo {
    /* height: 320px; */
    margin: 5px;
  }
  ._1Qo5A {
    top: 60px;
  }

  ._1BOPr {
    right: 20px;
  }

  ._1bJwq {
    display: none;
  }

  ._2CVcW .RUZNI {
    margin-left: 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3xAmU {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 285px;
  font-family: 'Avenir Next';
  box-shadow: 0 0 3px 1px rgba(100, 100, 100, 1);
  cursor: pointer;
}

._3xAmU > * {
  padding: 0 !important;
  border: none !important;
}

._3brjD {
  width: 303px;
  height: 168px;
  background-size: cover;
}

._3Ff5C {
  background: rgba(0, 0, 0, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 17px 12px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3Ff5C h1 {
  font-size: 14px;
  letter-spacing: -0.1px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin: 0;
}

._3Ff5C span {
  color: rgba(186, 165, 126, 1);
  font-size: 16px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-left: 12px;
}

._3a2Zi {
  border-top: 10px solid rgba(0, 0, 0, 1);
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -20px;
  left: 17px;
}

._1zoZz:hover {
  background-color: #fff;
  border: 1px solid #191919;
}

._1zoZz:hover > small {
  color: #191919;
}

._2BRic > div > svg {
  position: absolute;
  top: -44px;
  left: -24px;
}
.IYuEJ {
  width: 285px;
  border: 1px solid #191919;
}

.IYuEJ img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 158px;
}

._1ZlHC {
  padding: 15px 20px 25px 20px;
}

._1ZlHC > *:not(:last-child) {
  margin-bottom: 15px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1jxpN {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

._1jxpN span {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: rgba(255, 255, 255, 1);
  background: rgba(25, 25, 25, 0.9);
  border-radius: 4px;
  font-weight: 400;
  padding: 10px 18px;
  font-size: 12px;
}

._1jxpN ._3Ogxl {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: opacity 0.3s ease-in-out;
}

._1jxpN:hover ._3Ogxl {
  opacity: 1;
}

._36sEh {
  color: rgba(255, 255, 255, 1);
  border: 1px solid currentColor;
  padding: 16px 24px;
  border-radius: 3px;
}

._36sEh a {
  color: rgba(255, 255, 255, 1);
}

._2l6-3 h1 {
  font-size: 34px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-top: 23px;
  margin-bottom: 11px;
}

._2l6-3 small {
  font-size: 13px;
  color: rgba(180, 180, 180, 1);
  margin-bottom: 18px;
  font-weight: 400;
  display: block;
}

._2J3vG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2J3vG ._1dcjb {
  margin-right: 24px;
  font-weight: 500;
  font-size: 12px;
  display: felx;
  -ms-flex-align: center;
      align-items: center;
}

._2J3vG ._1dcjb > *:first-child {
  margin-right: 10px;
  color: rgba(186, 165, 126, 1);
}

._1iFlg {
  letter-spacing: -0.1px;
  margin-top: -8px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._35bVK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 240px;
}

._3D2T9,
.dkrWR,
._3deC5 {
  width: 295px;
  height: 240px;
  background-size: cover;
  background-position: center center;
}

._1Ka5X {
  position: absolute;
  bottom: 12px;
  left: 12px;
  cursor: pointer;
}

._3D2T9 {
  margin-right: 51px;
  position: relative;
}

._3deC5 {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

._3deC5,
.dkrWR {
  position: absolute;
}

._3D2T9:hover ._3deC5 {
  opacity: 1;
}

._1FrFn {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
}

._1FrFn h1 {
  font-size: 38px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
  letter-spacing: -0.1px;
}

.k793s ._1FrFn h1 {
  color: rgba(186, 165, 126, 1);
}

._1FrFn small {
  color: rgba(178, 178, 178, 1);
  letter-spacing: -0.3px;
  font-size: 13px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-transform: capitalize;
  margin-bottom: 21px;
}

._1FrFn small span {
  margin-left: 5px;
}

._1FrFn small > *:first-child {
  margin-top: -2px;
}

._1FrFn ._38Muu {
  -ms-flex: 1;
      flex: 1;
}

._1FrFn p {
  line-height: 1.5;
  margin: 0;
}

.cxxvo {
  width: 136px;
  margin-left: 30px;
}

.RvN1S {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.k793s .RvN1S {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
}

.RvN1S * + ._3GhaU {
  margin-left: 41px;
}

._19ul7 {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  width: 150px;
  margin-left: 20px;
}

.cxxvo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.cxxvo .mGnuf {
  font-size: 44px;
  font-weight: 400;
}

.k793s .mGnuf {
  color: rgba(255, 255, 255, 1);
}

.k793s ._2BGAj {
  color: rgba(255, 255, 255, 1);
}

.cxxvo small {
  font-size: 10px;
  color: rgba(178, 178, 178, 1);
  display: block;
}

.cxxvo button {
  margin-top: 14px;
  width: 100%;
}

.imFM6 {
  cursor: pointer;
}

._3CdlU {
  font-size: 24px;
  line-height: 1;
}

._36MYT {
  display: none;
}

._21IPW {
  position: absolute;
  top: 5px;
  right: 5px;
}

._34N9U {
  width: auto;
  height: 50px;
}

._319Of {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

._2l7N_ {
  width: auto;
  height: 40px;
}

@media screen and (max-width: 640px) {
  ._35bVK {
    height: auto;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2BGAj {
    display: none;
  }

  ._36MYT {
    display: block;
    font-size: 14px;
  }

  ._3D2T9,
  .dkrWR,
  ._3deC5 {
    width: 100%;
    height: 240px;
  }

  ._1FrFn h1 {
    font-size: 38px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 15px;
    letter-spacing: -0.1px;
  }

  ._3GhaU {
    display: none;
  }

  .cxxvo {
    -ms-flex-direction: row;
        flex-direction: row;
    width: 100%;
    margin-left: 0;
    margin-top: 18px;
  }

  ._378s3 {
    width: 120px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1BV5b {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0px;
}

._18p7B {
  width: 100%;
  height: 188px;
}

._3Yui9 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}

._3W_0m {
  position: absolute;
  top: 13px;
  left: 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

._2Df2D {
  margin-top: 10px;
}

._3tRrC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}

._1-jkI {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
}

._1uLn_ {
  margin-top: 16px;
}

.q6Tfv {
  text-align: center;
}

._3ibwa {
  cursor: pointer;
}

._1pV3A {
  margin-top: 10px;
}

._1b35w {
  margin-top: 30px;
}

._2Izk4 {
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.295em;
  margin-right: -0.295em;
}

._1RefV {
  height: 1px;
  background-color: rgba(80, 80, 80, 1);
  width: 122px;
  border: none;
  margin: 0;
}

._3I8tC {
  margin-top: 15px;
}

.s2SK2 {
  display: none;
}

._2Df2D > div small:first-child {
  display: inline-block;
  width: 90px;
}

._3tRrC{
  margin-top: 20px;
}

._1gPau {
  padding: 4px 10px !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1024px) {
  ._1BV5b {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 30px;
  }

  ._18p7B {
    width: 445px;
    height: 250px;
  }

  ._1RefV {
    width: 191px;
  }

  ._1b35w {
    margin-top: 0;
  }

  .q6Tfv {
    text-align: right;
  }

  ._3I8tC {
    display: none;
  }

  .s2SK2 {
    display: block;
  }
  ._3tRrC{
    margin-top: 0px;
  }

}
.WELTn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.iMcSj {
  display: -ms-flexbox;
  display: flex;
  width: 63px;
  padding: 4px 10px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 29px;
  margin-bottom: 0px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1MZzh {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  text-align: center;
  color: rgba(80, 80, 80, 1);
  letter-spacing: 0;
}

._3L8xz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: auto;
  -ms-flex-direction: column;
      flex-direction: column;
}

.guSxy,
._2Lhw0,
._3t4VX {
  width: 100%;
  height: 188.5px;
  background-size: cover;
  background-position: center center;
}

._1vQQX {
  position: absolute;
  bottom: 12px;
  left: 12px;
  cursor: pointer;
}

.guSxy {
  position: relative;
}

._3t4VX {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

._3t4VX,
._2Lhw0 {
  position: absolute;
}

.guSxy:hover ._3t4VX {
  opacity: 1;
}

._1mMYm {
  margin-top: 20px;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  max-width: 385px;
}

._1mMYm h1 {
  font-family: Avenir Next;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: rgba(25, 25, 25, 1);
  letter-spacing: 0;
  margin: 0;
}

._3Yfa8 ._1mMYm h1 {
  color: rgba(186, 165, 126, 1);
}

._1mMYm ._2p51j span {
  letter-spacing: 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  color: rgba(80, 80, 80, 1);
  text-transform: capitalize;
}

._1mMYm p {
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
}

._1SN9f {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.V4gsq {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
}

._1wV9X {
  margin-top: 16px;
}

._3Yfa8 .V4gsq {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
}

._1SN9f {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._1SN9f ._2Yyu_ {
  font-weight: 500;
  font-size: 18px;
  line-height: 140.62%;
  letter-spacing: 0;
  color: rgba(25, 25, 25, 1);
}

.dZ-ZW {
  cursor: pointer;
}

._3Wbma {
  display: block;
  margin-top: 10px;
}

._1TI8y {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  ._3L8xz {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  ._3L8xz > *:last-child {
    margin-left: auto;
  }

  ._1mMYm {
    margin-top: 0;
  }

  .V4gsq {
    margin-top: 10px;
  }

  .guSxy,
  ._2Lhw0,
  ._3t4VX {
    width: 445px;
    height: 250px;
    margin-right: 30px;
  }
  ._1SN9f ._2Yyu_ {
    color: rgba(80, 80, 80, 1);
    font-weight: 500;
    font-size: 24px;
  }
  ._1SN9f {
    -ms-flex-align: end;
        align-items: flex-end;
  }
  ._1SN9f button {
    width: 100px;
  }
  ._1MZzh {
    -ms-flex: 1;
        flex: 1;
  }

  ._3L8xz > *:not(:last-child) {
    margin-bottom: 0;
  }
  ._2JgGe {
    -ms-flex: 1;
        flex: 1;
  }

  ._1TI8y {
    margin-top: 0;
  }
}

@media screen and (min-width: 1280px) {
  .guSxy,
  ._2Lhw0,
  ._3t4VX {
    width: 445px;
    height: 250px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3Tduj {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
._2acCb {
  position: inherit !important;
  width: auto !important;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
}

._2acCb p {
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  ._2acCb {
    position: inherit !important;
    width: 273px !important;
    padding: 10px;
    cursor: pointer;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.G7FJ0,
._2xgzg:hover {
  color: rgba(7, 7, 7, 1);
  text-decoration: underline;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3nJwi {
  position: relative;
}

.ae8cd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

._1tzw1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

._1nkSk,
._35DSq {
  width: 1280px;
  margin: 0 auto;
  padding: 24px 64px;
}

.x9K0n {
  cursor: pointer;
}

.ImiLw {
  overflow: hidden;
  width: 100%;
  max-height: calc(100vh - 169px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._3fzUm {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._1aUNT {
  position: absolute;
  padding: 5px 10px;
  border-radius: 5px;
  right: 20px;
  background: black;
  color: white;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.4s ease;
}

._1aUNT:hover {
  opacity: 0.7;
}

._1aUNT p {
  margin: 0px;
  padding: 0px;
}

@media screen and (max-width: 640px) {
  ._35DSq {
    width: 100%;
    margin: 0 auto;
    padding: 24px 16px;
  }

  .ae8cd {
    display: none;
  }

  ._1tzw1 {
    position: relative;
    width: 100%;
    background: rgba(24, 24, 24, 1);
    z-index: 99;
  }

  .ImiLw {
    overflow: hidden;
    width: 100%;
    height: 320px;
  }

  ._3fzUm {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3e9sw {
  height: 572px;
  position: relative;
  width: 100%;
  cursor: pointer;
}

._2ObfH {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._2dCyj {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}

._3e9sw h1 {
  margin: 0;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  font-size: 46px;
  font-weight: 500;
}

._11YVj {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  transition: opacity ease-in-out 0.3s;
}

.VgNn- {
  visibility: hidden;
}

._3e9sw:hover ._11YVj {
  opacity: 1;
}

._19fyU,
.VgNn- {
  color: rgba(255, 255, 255, 1);
  padding: 22px 38px;
  border-radius: 4px;
  border: 1px solid rgba(230, 230, 230, 1);
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  ._3e9sw {
    height: 180px;
  }

  ._3e9sw h1 {
    font-size: 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Bf5u {
  position: relative;
}

.ALDGa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

._2ShQ0 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.kMWx4,
.d9cPw {
  width: 1280px;
  margin: 0 auto;
  padding: 24px 64px;
}

.dufPC {
  overflow: hidden;
}

._11Qjr {
  display: -ms-flexbox !important;
  display: flex !important;
  min-height: 0;
  min-width: 0;
}

._1F_JG,
.K6axz,
.U8gNS {
  height: calc(100vh - 171px);
  background-size: cover;
}

._1F_JG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._3_BwW,
._1F_JG {
  -ms-flex: 1;
      flex: 1;
  height: calc(100vh - 171px);
  overflow: hidden;
}

.K6axz,
.U8gNS {
  width: 100%;
  transform: scale(1.1);
  filter: blur(10px);
}

.K6axz {
  background-position: center center;
}

._1F_JG {
  background-position: center center;
}

.U8gNS {
  background-position: center center;
}

._2Qomt {
  width: 100px;
  height: calc(100vh - 171px);
  cursor: pointer;
  z-index: 3;
  position: absolute;
  top: 0;
}

._2Qomt .t7TgZ {
  position: absolute;
  z-index: 2;
  top: calc(50% - 100px);
  color: rgba(255, 255, 255, 1);
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 1);
  opacity: 0.1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transition:
    opacity 0.1s ease-in-out,
    width 0.1s ease-in-out,
    left 0.1s ease-in-out,
    right 0.1s ease-in-out,
    top 0.1s ease-in-out;
}

._2Qomt._3dcJK .t7TgZ {
  right: -180px;
}

._2Qomt._23Qfq .t7TgZ {
  left: -180px;
}

._2Qomt:hover .t7TgZ {
  opacity: 0.4;
}

._2Qomt._23Qfq:hover .t7TgZ {
  left: -120px;
}

._2Qomt._3dcJK:hover .t7TgZ {
  right: -120px;
}

._2Qomt._23Qfq {
  left: 0;
}

._2Qomt._23Qfq .t7TgZ {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._2Qomt._23Qfq .t7TgZ > * {
  margin-right: 20px;
}

._2Qomt._3dcJK .t7TgZ > * {
  margin-left: 20px;
}

._2Qomt._3dcJK .t7TgZ {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

._2Qomt._3dcJK {
  right: 0;
}

._2Qomt._23Qfq .t7TgZ {
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
}

._2Qomt._3dcJK .t7TgZ {
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
}

@media screen and (max-width: 640px) {
  .d9cPw {
    width: 100%;
    margin: 0 auto;
    padding: 24px 16px;
  }

  ._2Qomt {
    display: none;
  }

  ._1F_JG {
    height: 320px;
  }

  .ALDGa {
    display: none;
  }

  ._2ShQ0 {
    position: relative;
    width: 100%;
    background: rgba(24, 24, 24, 1);
    z-index: 99;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._37QcK {
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 201px;
  max-width: 100%;
}

._1oiMW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

._xHPV {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._xHPV h4 {
  margin-top: 8px;
  letter-spacing: 0.295em;
}

._1P3hj {
  color: rgba(186, 165, 126, 1);
  font-size: 18px;
  text-transform: uppercase;
}

@media screen and (min-width: 640px) {
  ._37QcK {
    max-width: 335px;
  }
}

@media screen and (min-width: 1024px) {
  ._37QcK {
    width: 389px;
    height: 239px;
    max-width: 100%;
  }
}
._1V_9A {
  text-decoration: underline;
  cursor: pointer;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Rv6WM {
  background: rgba(24, 24, 24, 1);
}

._2ednk {
  padding: 28px 64px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  display: -ms-flexbox;
  display: flex;
}

._2ednk a._1VSap {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.1px;
  margin-right: 72px;
  -ms-flex-align: center;
      align-items: center;
}

._2ednk a.CV1K5 {
  color: rgba(214, 197, 141, 1);
  font-weight: 500;
}

._21g7O {
  display: none;
}

@media screen and (max-width: 640px) {
  ._2ednk {
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 auto;
    width: 100%;
  }

  ._2ednk a._1VSap {
    margin-right: 32px;
  }

  ._1VSap > *:first-child {
    display: none;
  }

  ._21g7O {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 16px;
  }

  ._21g7O > span:first-child {
    margin-right: 6px;
    font-size: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.xjKYt {
  width: 100vw;
  height: 100vh;
  padding: 10px !important;
  z-index: 99999 !important;
  background-color: #f9f7f3;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1VqeJ {
  max-width: 80vw;
  max-height: 90vh;
  overflow: hidden;
  border: none;
}

._3YJz8 {
  height: 90vh !important;
  width: 80vw;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1fSPG {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._1fSPG:hover {
  opacity: 1;
}

._3fe3u {
  display: block;
  max-width: 80vw;
  max-height: calc(85vh - 50px);
  width: auto;
  height: auto;
  margin: 0px auto;
  padding: 20px 0;
}

._2vBq1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  background-color: #f9f7f3;
  border: 2px #f9f7f3;
  margin: 0px 2px;
}

.rPylq,
._2vBq1 {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  overflow: hidden;
}

.iJraM {
  width: 75px;
  height: 75px;
  cursor: pointer;
  z-index: 3;
  position: fixed;
  top: 50%;
  color: black;
  opacity: 0.6;
  transition: opacity 0.4s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.iJraM._1Ph7F {
  right: 40px;
}

.iJraM._2ZLpo {
  left: 40px;
}

.iJraM:hover {
  opacity: 1;
}

.iJraM:hover {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .xjKYt {
    max-width: 100vw;
  }

  ._1VqeJ {
    max-width: 95vw;
  }

  ._3YJz8 {
    width: 95vw;
  }

  ._3YJz8 video {
    max-width: 95vw;
  }

  .iJraM {
    display: none;
  }

  ._2vBq1 {
    /* height: 320px; */
    margin: 5px;
  }
  ._1fSPG {
    top: 60px;
  }

  ._3mNZ0 {
    right: 20px;
  }

  ._3anY2 {
    display: none;
  }

  ._1qwql ._3FZtY {
    margin-left: 0px;
  }
}
.F5F9A {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: #fefefe;
}

.LvtTp {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1;
  width: 100%;
  height: 50px;
  background-color: #fefefe;
}
._3CH5K {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 16px;
  height: 16px;
}

.V_74T {
  position: relative;
}

@media screen and (min-width: 800px) {
  .LvtTp {
    height: 100px;
  }
  ._3CH5K {
    top: 30px;
    right: 40px;
    width: 24px;
    height: 24px;
  }
}
._1Ox3L {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: start;
  padding: 20px;
  position: relative;
}

._1Ox3L h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 120%;
  /* identical to box height, or 46px */
  text-align: center;
  color: #000000;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 26px;
          margin-block-end: 26px;
  -webkit-margin-start: 0px;
     -moz-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
     -moz-margin-end: 0px;
          margin-inline-end: 0px;
}

._3UDK0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /* gap: 14px; */
}

._3UDK0 > *:not(:last-child) {
  margin-bottom: 14px;
}

.DE9uz {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  background-color: transparent;
}

.DE9uz::before,
.DE9uz::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: black;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: rotate(45deg);
}

.DE9uz::after {
  transform: rotate(-45deg);
}

._2zTXX {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._3JL9n {
  background-color: rgba(249, 247, 243, 1);
}

._1-Aht {
  background-color: #fff;
}
._2uo5V {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  z-index: 8;
  inset: 0;
}

._2SI8s {
  background: #fff;
  width: 100%;
  max-width: 632px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
}

._2SI8s.RkwqE {
  opacity: 1;
  animation: _2j6l4 400ms ease-in forwards;
  animation-delay: 400ms;
  visibility: visible;
}

._2SI8s.LXViN {
  animation: _3ezzd 400ms ease-out forwards;
  visibility: visible;
}

._2U4nM {
  overflow-y: auto;
}

._3Ie5E {
  background-color: rgb(25, 25, 25, 0.5);
}

._3Ie5E.RkwqE {
  animation: _2FK7v 260ms ease-in forwards;
}

._3Ie5E.LXViN {
  animation: OlRCI 260ms ease-out forwards;
  animation-delay: 400ms;
}

._1uWGA {
  z-index: 9999999;
}

@keyframes _2j6l4 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes _3ezzd {
  from {
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes _2FK7v {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}

@keyframes OlRCI {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1024px) {
  ._2SI8s {
    padding: 30px 80px;
  }
}
._3Ho_B {
  max-width: 1107px;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
}
._1y1Lg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 5px 11px;
  background-color: #2d2d2d;
  border-radius: 5px;
}
._1QOef {
  font-size: 14px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
  ._1y1Lg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 12px 0;
  }
}

@media screen and (min-width: 1147px) {
  ._3Ho_B {
    max-width: 1107px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  ._3Ho_B {
    margin: 0 auto;
  }
}
._34Cao {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #505050;
  position: relative;

  &::after {
    content: '';
    display: block;
    border-right: 1px solid #505050;
    position: absolute;
    height: calc(100% - 28px);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }

  &:last-child {
    grid-column: span 2;
    border-bottom: none;

    &::after {
      border-right: none;
    }

    > div {
      -ms-flex-align: center;
          align-items: center;
    }
  }

  &:nth-child(even) {
    padding-left: 24px;

    &::after {
      border-right: none;
    }
  }
}

._3viGZ {
  background-color: #2d2d2d;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 9px;
  height: 100%;
  width: 100%;
}

._2BSMW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

._3sCzQ {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: left;
}

._1PvWF {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

._584eW {
  font-size: 12px;
  font-weight: 600;
  color: #40ad29;
}

._584eW[data-value^='-'] {
  color: #fc352d;
}

@media screen and (min-width: 768px) {
  ._34Cao {
    border-right: 1px solid #505050;
    border-bottom: none;
    padding: 14px 11px;
    &::after {
      border-right: none;
    }
    &:nth-child(even) {
      padding-left: inherit;
    }
  }

  ._3viGZ {
    width: auto;
    gap: 12px;
  }

  ._2BSMW {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0;
  }

  ._3sCzQ {
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  ._34Cao {
    &:last-child {
      > div {
        -ms-flex-align: start;
            align-items: flex-start;
      }
    }
  }
  
  ._3sCzQ {
    text-align: left;
  }

  ._2BSMW {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3UCm_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}

._3UCm_:hover {
  cursor: pointer;
  background-color: rgba(232, 222, 202, 0.5)
}

._19XPm {
  background: rgba(232, 222, 202, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._37Lfw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._3g3az {
  pointer-events: none;
  opacity: 0.5;
}

._1oAPg {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}

.Vdqm_ {
  background-color: transparent;
}
.Vdqm_:hover {
  background-color: rgba(232, 222, 202, 0.5);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3YuBD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

._11gqG {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
}

._3ZdgM {
  stroke: #baa57e;
  stroke-width: 1px;
  fill: #fff;
  position: absolute;
}

._3fuMR {
  fill: #baa57e;
  stroke: #baa57e;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

._2BPD5 {
  width: 18px !important;
  height: 18px !important;
}

.Acw5r {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 641px) {
  
  ._2BPD5 {
    width: 24px !important;
    height: 24px !important;
  }
  ._11gqG {
    width: 24px;
    height: 24px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.xUTJQ {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  gap: 15px;
}

._3aI5O,
.FWmC4 {
  border: 1px solid rgba(67, 68, 74, 1);
  padding: 5px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.FWmC4 small {
  color: rgba(80, 80, 80, 1);
  font-weight: 600;
}

._3aI5O {
  background-color: rgba(232, 222, 202, 1);
  border: none;
}

._3aI5O small {
  color: rgba(23, 25, 25, 1);
  font-weight: 600;
}
.MgdJm {
  top: -5px;
  position: absolute;
  width: 12px;
  height: 6px;
  background: white;
  -webkit-clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
          clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
._1d26t {
  visibility: hidden;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  z-index: 99999;
  border: 1px solid #b2b2b2;
}
.kxyO5 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  z-index: 9;
}

._2scMH {
  height: 50px;
  width: 50px;
}

@media screen and (max-width: 1024px) {
  .kxyO5 {
    bottom: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1xkkC {
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
  -ms-flex-pack: center;
      justify-content: center;
}

._1xkkC p {
  font-size: 18px;
  color: rgba(130, 130, 130, 1);
}

._1TVit {
  background: rgba(0, 0, 0, 1);
}

._1BcQk {
  padding-top: 43px;
  padding-bottom: 61px;
  max-width: 1280px;
  margin: 0 auto;
}

._3Vrna {
  max-width: 1280px;
  margin: 0 auto;
}

._3u2pt {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._15LIQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
}

._203J8 {
  position: absolute;
  top: 0;
  background: rgba(186, 165, 126, 1);
  min-height: 45px;
  width: 100%;
  text-align: center;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  cursor: pointer;
}

._203J8 ._3pdoN {
  max-width: 1280px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: auto;
  padding: 10px 0;
}

._203J8 img {
  width: 18px;
  height: 21px;
}

._203J8 ._2N8hJ {
  padding-top: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

._203J8 ._2BR0R {
  font-size: 13px;
  color: white;
  line-height: 19px;
  margin-left: 10px;
  font-weight: 700;
}

._203J8 ._3ERdi {
  font-size: 13px;
  color: white;
  line-height: 19px;
  margin-left: 3px;
}

._203J8 ._3ERdi p {
  margin: 0;
}

._203J8 ._3FZQi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 110px;
  height: 25px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
  padding: 7px;
  margin-left: 20px;
}

._203J8 ._38psL {
  position: absolute;
  right: 0px;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
  color: white;
  padding: 10px;
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._203J8 ._2BR0R {
    font-size: 11px;
  }

  ._203J8 ._3ERdi {
    font-size: 11px;
  }

  ._203J8 ._3FZQi {
    width: 90px;
    height: 25px;
    font-size: 11px;
    font-weight: 400;
    border-radius: 5px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 640px) {
  ._1BcQk {
    padding-bottom: 19px;
  }

  ._203J8 ._3pdoN {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    max-width: 80%;
  }

  ._203J8 ._2N8hJ {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._203J8 ._2N8hJ div {
    margin: 3px 0 3px;
  }

  ._203J8 button {
    margin-top: 5px;
  }

  ._3Gl8G {
    display: none;
  }
}
._3lS1q {
  background-color: #191919;
}
._17f9o {
  padding: 30px 20px 25px 20px;
  margin: 0 auto;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: 70px;
}

._1-tm0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

._3p7qg {
  padding-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._3KADr {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: 15px;
}

._4s0Ye {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: unset;
}
._2H_k6 > *:not(:last-child) {
  margin-right: 24px;
}
.KSNRg {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
.KSNRg > :first-child {
  margin-right: 17px;
}
._2PHwl {
  margin-top: 15px;
}
._2PHwl img {
  display: none;
}

@media screen and (min-width: 1024px) {
  ._17f9o,
  ._3p7qg {
    padding: 71px 51px 27px 51px;
    max-width: 1116px;
    gap: 86px;
  }

  ._1-tm0 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 120px;
  }

  ._3p7qg {
    padding: 35px 51px;
    margin: 0 auto;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._2PHwl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  ._2PHwl img {
    display: block;
    margin-right: 13px;
  }
  ._4s0Ye {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: unset;
  }
  ._2PHwl {
    -ms-flex-order: 1;
        order: 1;
  }
  ._2H_k6 {
    -ms-flex-order: 2;
        order: 2;
  }
  .KSNRg {
    -ms-flex-order: 3;
        order: 3;
  }
  .KSNRg,
  ._2PHwl {
    margin: 0;
  }
}
._2BHav {
  background-color: #1a1a1a;
}

.oOcpC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;

  gap: 10px;
}

._3O6so,
._3M582 {
  padding: 0 50px;
  max-width: 1207px;
  height: 104px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}

._3M582 {
  -ms-flex-pack: center;
      justify-content: center;
}

._3O6so button {
  display: none;
}

.hAPlJ,
._1ghni {
  -ms-flex: 1;
      flex: 1;
}

._1ghni {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 13px 0 9px 0;
  gap: 8px;
  height: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.hAPlJ {
  display: -ms-flexbox;
  display: flex;
}
.hAPlJ > *:not(:last-child) {
  margin-right: 30px;
}

._37-9o img {
  width: 170px;
  margin: 0 auto;
}

._1VYFz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
._1VYFz > *:not(:last-child) {
  margin-right: 18px;
}
.O2yQC {
  cursor: pointer;
}
._3sDfn {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: normal;
  color: #b2b2b2;
  font-size: 11px;
  line-height: 140%;
}
.X1pD5 {
  background: rgba(236, 236, 236, 1);
}

.X1pD5 > div {
  padding: 10px 20px;
  font-family: Avenir Next;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  color: #191919;
}

.X1pD5 > div:hover {
  background: rgba(189, 189, 189, 1);
  cursor: pointer;
}

/* mobile menu styles */
._3YwjC {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .hAPlJ,
  ._1ghni {
    display: none;
  }
  ._3O6so button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  ._37-9o {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
  ._3O6so,
  ._3M582 {
    padding: 0 20px;
  }
}
._1jOLz {
  background-color: #fff;
}

.DQ8Hx {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0px;
}

._1sNww {
  min-width: 50px;
}

.DQ8Hx:first-of-type {
  padding-top: 30px;
}

._1hOzE > svg > path{
  fill: black;
}

._1hOzE > svg{
  width: 24px;
}
._1hOzE {
  height: 28px !important;
}

._3SPf8 > svg {
  width: 15px;
}

._14UeV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2_1Pa {
  min-width: 200px;
}

._2cUAD {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  min-width: 50px;
}

._14UeV:first-child {
  padding-top: 20px;
}

._14UeV:last-child {
  padding-bottom: 20px;
}

._3tGZB {
  padding: 21px 28px;
}

._2qqzQ,
._2XXB0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;
}

._2qqzQ {
  background-color: #272727;
  padding: 7px 18px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  ._2qqzQ {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: baseline;
        align-items: baseline;
    gap: 6px;
  }

  ._2XXB0 {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
._1BMg4 {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
._3S4XY,
._3S4XY nav,
._1SmSJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._3S4XY {
  background-color: #191919 !important;
  padding: 16px 0 30px 0;

  -ms-flex-pack: justify;

      justify-content: space-between;
}

._3S4XY nav {
  gap: 12px;
}

._1SmSJ {
  gap: 30px;
}

._3TVqu {
  position: absolute;
  top: 23px;
  left: 18px;
}
.noS5U {
  background-color: #272727;
  padding: 7px 10px;
  border-radius: 5px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;

  width: 100%;
}

@media (min-width: 768px) {
  .noS5U {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-direction: row;
        flex-direction: row;
    height: 100%;
    gap: 14px;
  }
}
._3rkst {
  background-color: #1a1a1a;
}

._1vrKZ {
  margin: 0 auto;
  padding-left: 50px;
}
._1vrKZ img {
  width: 170px;
  margin: 0 auto;
}

._1CFE5 {
  position: relative;
  padding: 0 50px;
  max-width: 1207px;
  height: 104px;
  display: -ms-flexbox;
  display: flex;
  direction: ltr;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}
._1CFE5 button {
  display: none;
}
._1eKLL {
  background-color: #fff;
}
.Maa5p {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .S1Kr7 {
    display: none;
  }
  ._1vrKZ {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  ._1CFE5{
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 0px;
    padding: 0 20px;
  }
  ._1CFE5 button {
    display: block;
  }

}
.zICJT > div {
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  width: 100%;
}
._2hyJG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1VjqY {
  margin-top: 30px;
  width: 48px;
}

._1VjqY,
._2lcey {
  margin-bottom: 20px;
}
._2lcey {
  -ms-flex-align: center;
      align-items: center;
}

._31iGF > *:not(:last-child) {
  display: block;
  margin-bottom: 15px;
}
._3evr0 {
  margin: 34.5px 0;
}
._3evr0 > div {
  width: 220px;
  padding: 0;
}

._37-WH {
  margin-top: 28px;
  width: auto !important;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2OeIz {
  margin-right: 10px;
}

._1OGlk {
  text-transform: uppercase;
}

._2txy8 {
  width: 12px;
  margin: 0 4px 0 0;
}

._2zzrg {
  width: 13px;
  margin-right: 4px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._35zW2 {
  max-width: 1100px;
  padding: 0 64px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  ._35zW2 {
    max-width: 100%;
    padding: 0 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.YPVlz .Ld8ye {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.YPVlz ._3Uesy:first-child {
  width: 320px;
  margin-right: 10px;
}

.YPVlz ._2EAc5 {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.YPVlz ._2EAc5 button {
  padding-top: 17px;
  padding-bottom: 17px;
}

._1iyig {
  height: 53px;
  width: 510px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.YPVlz p {
  color: rgba(255, 255, 255, 1);
  text-align: right;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._16UoV {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

._2Q5Ex {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._3eJeR {
  margin: 8px;
  color: darkred;
}

._2Q5Ex p {
  font-size: 22px;
  text-align: center;
  color: darkred;
}

._3p5Bj {
  max-width: 1280px;
  margin: 12px auto;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3ga6- {
  padding: 30px 20px;
  margin: 0 auto;
}

._2_kVx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._2B-EC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._2B-EC > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;

  > *:first-child {
    width: 413px;
  }

  > *:last-child {
    width: 390px;
  }
}

._2_kVx h4 {
  padding: 0 40px;
}

._3TXFJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 30px 0;
}

._3TXFJ h4 {
  width: 328px;
  margin-bottom: 20px;
}

._2XCGT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._2XCGT p {
  text-transform: uppercase;
}

._2QFnB {
  margin: 0 0 30px;
}

._--KWF {
  display: none;
}

@media screen and (min-width: 640px) {
  ._3TXFJ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 50px 0;
    gap: 50px;
  }
}

@media screen and (min-width: 1024px) {
  ._3ga6- {
    max-width: 1280px;
    padding: 70px 85px;
  }

  ._2B-EC {
    gap: 18px;

    > div *:last-child {
      width: auto;
    }
  }

  ._2_kVx h4 {
    padding: 0px;
  }

  ._--KWF {
    display: block;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3YFEj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._2mUT5 {
  width: 100%;
}

._2mUT5 ._2H6TR {
  height: 161px !important;
}

._2mUT5 > * {
  margin-bottom: 20px;
}

._2r5qi input {
  height: 160px;
}

._2r5qi {
  position: relative;
}

._2r5qi img {
  position: absolute;
  right: 3px;
  bottom: 7px;
}

textarea {
  height: 207px;
  border-width: 1px !important;
  border-color: rgba(178, 178, 178, 1) !important;
  border-radius: 5px !important;
}

form ._3eh1l ._2ReQX {
  margin-bottom: 4px !important;
}

._9nxM9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 20px;
}

._2Ed3z {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
}

.GZpJR {
  width: 100%;
  margin-top: 30px;
}

._3Zo51 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

._3Zo51 input {
  margin-right: 10px;
}

._185ix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._185ix input {
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  ._3YFEj {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 105px;
    padding: 50px 0;
  }

  ._1f-0B {
    width: 100%;
    max-width: 273px;
  }

  ._9nxM9 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 100px;
    padding: 50px 0;
  }

  textarea {
    height: 161px;
  }

  .GZpJR {
    width: 273px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3dyun img {
  max-height: 30px;
}

.xu7Kp,
._1dZ2e,
._3iM5Q {
  padding: 2px 12px;
  margin-top: 4px;
  border: none;
  border-radius: 9px;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
._1dZ2e {
  background-color: #191919;
}

.SflEP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1LRx8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

._3AkMN {
  width: 130px;
}

._2xMKY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._3o9PS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2rxVX {
  padding: 10px 15px 20px;
  background: #ffffff;
  border: 1px solid #baa57e;
  border-radius: 10px;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
}
._2LzWH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 42px;
}
.cyxF1[src*='dinersclub'] {
  max-height: 25px;
}
.cyxF1[src*='discover'] {
  max-height: 14px;
}
.cyxF1[src*='amex'] {
  max-height: 42px;
}

._3iM5Q {
  margin-top: 4px;
  background-color: #c68011;
}

.fty5I {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.W7JOi {
  width: 273px;
  min-height: 184px;
}
@media screen and (min-width: 1024px) {
  ._3dyun {
    margin-top: 0px;
  }
}
.c_9T0 {
  max-width: 100%;
  margin-top: 30px;
}

.c_9T0 > * {
  margin-bottom: 20px;
}

.c_9T0 input {
  margin-top: 5px !important;
}

._1blsb {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

._1blsb > * {
  width: 100%;
}

.c_9T0 button {
  width: 100%;
  margin-top: 10px;
}

.AVMb- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .c_9T0 {
    margin-top: 0px;
    max-width: 273px;
  }
  ._1blsb {
    gap: 7px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.I8Avu {
  padding: 30px 20px;
  margin: 0 auto;
}

._9btZ6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 30px 0;
}

._9btZ6 h4 {
  width: 328px;
  margin-bottom: 20px;
}

._3S6uT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 15px 15px 10px 10px;
  width: 273px;
  padding: 20px;
}

.X0jS8 h3 {
  padding: 10px 0;
}

.X0jS8 div:first-child {
  margin-bottom: 10px;
}

.X0jS8 hr {
  margin: 10px 0;
  height: 1px !important;
  background: #b2b2b2;
  box-sizing: border-box !important;
}

._3ljSt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
}

._3kgQq {
  margin-top: 10px;
  width: 100%;
}

._23kPT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._2yTIc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._2yTIc p {
  text-transform: uppercase;
}

@media screen and (min-width: 640px) {
  .I8Avu {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._9btZ6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 70px;
    gap: 50px;
  }
  ._3S6uT {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid rgba(186, 165, 126, 1);
    border-radius: 15px 15px 10px 10px;
  }
  ._3kgQq {
    width: 274px;
  }
}

@media screen and (min-width: 1024px) {
  .I8Avu {
    max-width: 1280px;
    padding: 70px 80px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2f5Z6 {
  max-width: 697px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  width: 622px;
  height: 307px;
}

.jXrbc {
  text-align: center;
}

._3InbI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._2v8fR {
  width: 48px;
  height: 48px;
  margin: 20px;
}

.c2Rmb,
._3UqBQ {
  background-color: transparent;
  border: 1px solid #505050;
}

.VeKDv {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

._2PrMV h4 {
  margin-bottom: 10px;
}

._9cslg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

._9cslg h5 {
  padding: 0px 70px;
}

.VmGA4 {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

.VmGA4:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._-TVxB {
    width: 100%;
  }

  .VmGA4 {
    right: 10px;
    top: 10px;
  }
}

@media screen and (min-width: 1024px) {
  ._3InbI {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 20px;
    padding: 0px 100px 0px;
  }
  ._9cslg h5 {
    padding: 0px 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.wAFPJ {
  padding: 30px 0px;
  margin: 0 auto;
}

._1k898 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.zRwbX {
  width: 330px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._1k898 h4 {
  padding: 0 40px;
}

._16iq6 {
  margin: 30px 0 30px 0;
}

._16iq6 h4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 0 30px 0;
}

.Qvl7X {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._1agwb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._1agwb p {
  text-transform: uppercase;
}

.vAJeQ {
  display: none;
}

@media screen and (min-width: 1024px) {
  .wAFPJ {
    max-width: 1280px;
    padding: 70px 10px;
  }

  .zRwbX {
    width: 455px;
  }

  ._1k898 h4 {
    padding: 0px;
  }

  ._16iq6 {
    margin: 70px 0 50px 0;
  }

  .vAJeQ {
    display: block;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._27BSl {
  padding: 30px 0px;
  margin: 0 auto;
}

div._27BSl > div:first-child {
  padding: 0 20px;
}

._27BSl .d9oIh {
  padding: 0px 20px;
  color: red;
}

._27BSl h2 {
  padding: 0px 20px;
}

._1Xbyu {
  margin: 30px 0 42px 0;
  padding: 0px 20px;
}

._1Xbyu p {
  margin-top: 20px;
}

._14XIE {
  overflow-x: auto;
  display: grid;
  grid-template-rows: 139.167px 55px 52px 120px repeat(11, 92px) auto;
  grid-template-areas:
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    '. tier tier tier';
  gap: 10px;
  scrollbar-width: none;
  margin-bottom: 100px;
  padding-left: 0;
}

._19opT {
  grid-row: 6 / span 10;
  grid-column: 1 / span 4;
  display: grid;
}

._1Q9C8 {
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  z-index: 1;
}

._3izDS {
  grid-area: benefit;
  display: grid;
  grid-template-rows: repeat(auto-fill, 92px);
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 238px;
}

.l7BiB {
  grid-area: tier;
  display: grid;
  grid-template-columns: repeat(4, 209px);
  grid-gap: 10px;
  gap: 10px;
}

._1nNqv {
  display: grid;
  grid-template-rows: 127.167px 55px 52px 120px repeat(10, 92px) auto;
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  border: 2px solid #e8deca;
  border-radius: 10px;
  -ms-flex-align: center;
      align-items: center;
}

._1nNqv:hover {
  border: 2px solid #baa57e;
  background-color: #f9f7f3;
}

._1nNqv img {
  width: 188px;
  height: 128px;
}

._2xCXa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._2Gj4s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 20px;
}

._2oUzZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
  -ms-flex-pack: center;
      justify-content: center;
}

._1ZPaU {
  fill: #baa57e;
  width: 20px !important;
  height: 15px !important;
}

.ytkdP {
  fill: #baa57e;
  width: 14px !important;
  height: 14px !important;
}

._2oUzZ button {
  height: 44px;
}

._2O5dN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3sEnf div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3sEnf div:last-child {
  margin-top: 15px;
}

.CyJLb {
  margin: 30px 0 30px 0;
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 20px;
}

.d9oIh {
  background-color: red;
}

@media screen and (min-width: 640px) {
  ._14XIE {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  ._1nNqv button {
    width: 189px;
    height: 44px;
  }
  ._27BSl {
    max-width: 1280px;
    padding: 70px 0px;
  }
  ._14XIE {
    padding-left: 6rem;
    min-width: 1024px;
  }
}

@media screen and (min-width: 1280px) {
  ._27BSl {
    padding: 70px 60px;
  }
  ._1nNqv button {
    width: 189px;
    height: 44px;
  }
  .CyJLb {
    gap: 20px;
  }
  ._14XIE {
    padding-left: 0;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
._2H_s0 {
  max-width: 650px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.dsdjz ._3ULek {
  padding: 0 25px;
}

._3s_UM {
  position: relative;
  height: 200px;
}

._37CWX {
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  transition: all 0.2s;
  width: 100%;
  height: 100%;
  left: 0;
}

._37CWX img {
  width: 100%;
  height: 210px;
}

._2JGVS {
  margin-top: 30px;
}

._1_xIn ._37CWX {
  left: -50px;
  transform: scale(0.9);
}

._2UmDz ._37CWX {
  left: 50px;
  transform: scale(0.9);
}

._2N-NJ {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

._3GMHt {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 6px;
}

._36COX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px 0px;
}

._2VdgU {
  color: #505050;
}

.fwzwc {
  color: #b2b2b2;
}

.Pyga9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.Pyga9 p {
  width: 154px;
}

.V4Mf7 {
  fill: #baa57e;
  width: 20px !important;
  height: 15px !important;
}

._35X5y {
  fill: #baa57e;
  width: 14px !important;
  height: 14px !important;
}

._3WRec {
  margin-top: 10px;
}

.v9NON {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: #baa57e;
}

.xNYkM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
}

.xNYkM button {
  height: 44px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1Jt7H {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._1HbYP {
  width: 100%;
}

._1HbYP ._8-J8I {
  height: 161px !important;
}

._1HbYP > * {
  margin-bottom: 20px;
}

._3LVsx input {
  height: 160px;
}

._3LVsx {
  position: relative;
}

._3LVsx img {
  position: absolute;
  right: 3px;
  bottom: 7px;
}

textarea {
  height: 207px;
  border-width: 1px !important;
  border-color: rgba(178, 178, 178, 1) !important;
  border-radius: 5px !important;
}

form ._2ZmRO ._3i0b9 {
  margin-bottom: 4px !important;
}

._1NBik {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 20px;
}

._1IBdx {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
}

._1BCfw {
  width: 100%;
}

._2qaKe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

._2qaKe input {
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  ._1Jt7H {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 105px;
    padding: 50px 0;
  }

  .VFePy {
    width: 100%;
    max-width: 273px;
  }

  ._1NBik {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 100px;
    padding: 50px 0;
  }

  textarea {
    height: 161px;
  }

  ._1BCfw {
    width: 273px;
  }
}
._1uGmb ._3THYI {
  transform: scale(0.8);
  transition: all ease 0.5s;
}

._3pmM9 {
  position: relative;
  height: 400px;
  cursor: pointer;
}

._1jESC {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  transition: all 0.2s;
  width: 100%;
  left: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1jESC > div > div:first-child {
  padding: 10px 10px 20px 10px;
  width: 209px;
  height: 362px;
  border-radius: 5px;
}

._2Iang ._1jESC > div > div:first-child {
  padding: 7.928px 7.928px 15.856px 7.928px;
}

._2ZLh0 {
  margin-top: 30px;
}

.e0ET5 {
  transform: scale(1) !important;
}

._2Iang {
  opacity: 0.4;
  width: 0px;
}

._5e77E ._1jESC {
  left: -50px;
  transform: scale(0.9);
  opacity: 0.4;
}

._3NxCS ._1jESC {
  left: 50px;
  transform: scale(0.9);
  opacity: 0.4;
}

._2Iang ._1jESC {
  left: -50px;
  transform: scale(0.9);
}

hr {
  border: 1px solid #b2b2b2;
}

@media screen and (min-width: 600px) {
  ._1uGmb {
    max-width: 964px;
    margin: 0 auto;
    padding: 50px 0px;
  }

  ._2Iang {
    opacity: 0.4;
    width: 180px !important;
  }

  ._1uGmb > div > div:first-child {
    transform: translate3d(0, 0, 0) !important;
  }

  ._1jESC {
    display: unset;
  }

  ._2Iang ._1jESC {
    left: unset;
    transform: unset;
  }
}

@media screen and (min-width: 1024px) {
  ._1uGmb {
    max-width: 964px;
    margin: 0 auto;
    padding: 50px 0px;
    left: 182px;
  }

  ._2Iang {
    opacity: 0.4;
    width: 180px !important;
  }

  ._1uGmb > div > div:first-child {
    transform: translate3d(0, 0, 0) !important;
  }

  ._1jESC {
    display: unset;
  }

  ._2Iang ._1jESC {
    left: unset;
    transform: unset;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1RBJ9 {
  padding: 30px 0px;
  margin: 0 auto;
}

._1RBJ9 > div {
  padding: 0 20px;
}

._1RBJ9 h2 {
  padding: 0px 20px;
}

.KrFGE {
  margin: 30px 0 42px 0;
  padding: 0px 20px;
}

.KrFGE p {
  margin-top: 20px;
}

._2lTXf {
  overflow-x: auto;
  display: grid;
  grid-template-columns: minmax(245px, 306px) repeat(3, 209px);
  grid-template-rows: 139.167px 55px 52px 120px repeat(11, 92px) auto;
  grid-template-areas:
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    '. tier tier tier';
  gap: 10px;
  scrollbar-width: none;
  margin-bottom: 100px;
  -ms-flex-pack: center;
      justify-content: center;
}

._1Q0og {
  grid-row: 6 / span 10;
  grid-column: 1 / span 3;
  display: grid;
  grid-template-rows: repeat(10, auto);
}

._2mxLI {
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  z-index: 1;
}

._1BFS- {
  grid-area: benefit;
  display: grid;
  grid-template-rows: repeat(10, 92px);
  grid-gap: 10px;
  gap: 10px;
}

._3oxcD {
  grid-area: tier;
  display: grid;
  grid-template-columns: repeat(3, 209px);
  grid-gap: 10px;
  gap: 10px;
}

._25dEd {
  display: grid;
  grid-template-rows: 127.167px 55px 52px 120px repeat(9, 92px);
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  border: 2px solid #e8deca;
  border-radius: 10px;
}

._25dEd:hover {
  border: 2px solid #baa57e;
  background-color: #f9f7f3;
}

._25dEd img {
  width: 188px;
  height: 128px;
}

._1hJLF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._21NWc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 20px;
}

._3y0w- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
}

._1mOy5 {
  fill: #baa57e;
  width: 20px !important;
  height: 15px !important;
}

._1Vxi6 {
  fill: #b2b2b2;
  width: 14px !important;
  height: 14px !important;
}

._3y0w- button {
  height: 44px;
}

@media screen and (min-width: 1024px) {
  ._1RBJ9 {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._25dEd button {
    width: 189px;
    height: 44px;
  }
}
._2GTQ0 {
  max-width: 650px;
  margin: 0 auto;
}

._12dFn ._3zCxe {
  padding: 0 25px;
}

.uerek {
  position: relative;
  height: 200px;
}

._1fJf5 {
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  transition: all 0.2s;
  width: 100%;
  height: 100%;
  left: 0;
}

._1fJf5 img {
  width: 100%;
  height: 210px;
}

.tbCr7 {
  margin-top: 30px;
}

._2M4ev ._1fJf5 {
  left: -50px;
  transform: scale(0.9);
}

._2-0xK ._1fJf5 {
  left: 50px;
  transform: scale(0.9);
}

._3ldvV {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

._1_tVN {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 6px;
}

.Yz3SV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px 0px;
}

.w1HgT {
  color: #505050;
}

._2JG8G {
  color: #b2b2b2;
}

._1bUgV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._1bUgV p {
  width: 154px;
}

.CpELj {
  fill: #baa57e;
  width: 20px !important;
  height: 15px !important;
}

.HyF20 {
  fill: #b2b2b2;
  width: 14px !important;
  height: 14px !important;
}

._2w2Du {
  margin-top: 10px;
}

._2ZPSB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: #baa57e;
}

._1xYXV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
}

._1xYXV button {
  height: 44px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2mrIy {
  padding: 80px 0;
}
._2tg0m {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

._2tg0m img {
  width: 48px;
  margin-bottom: 20px;
}

._2tg0m h2 {
  margin-bottom: 60px;
}

._2tg0m p {
  max-width: 502px;
}

._3V6m6 {
  width: 118px;
  height: 44px;
  margin-top: 30px;
}

._1O_LN {
  text-decoration: underline;
  margin-top: 14px;
  font-weight: 600;
}
._3Rj-z {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  max-width: 273px;
  height: 164px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 10px;
}

.uQtam {
  border: 1px solid #b71610;
}

._3Rj-z img {
  max-height: 30px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

._3Rj-z h5 {
  justify-self: center;
  margin: 0;
}
._3Rj-z small {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

._2ktM9 {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

._1vVE6[src*='dinersclub'] {
  max-height: 25px;
}
._1vVE6[src*='discover'] {
  max-height: 14px;
}

.ar1Zy {
  color: #b71610;
  padding: 3%;
  font-size: 13px;
}

.ar1Zy p {
  margin-top: 5px;
}
._3Cvpg {
  min-width: none;
  max-width: none;
  padding: 20px;
  background-color: #e8deca;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 10px;
}

._20OI5 {
  background-color: #b71610;
  color: #fff;
}

._2gWb1 {
  margin-bottom: 10px;
}

@media screen and (min-width: 900px) {
  ._3Cvpg {
    min-width: 180px;
    max-width: 210px;
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
._1ym1R {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 427px;
  background-color: #fff;
  border-radius: 10px;
  margin: 10px 0px;
}

._1ym1R > img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

._1UNKu {
  padding: 20px;
  border: #baa57e solid 1px;
  border-top: #fff solid 0px;
  border-radius: 0px 0px 10px 10px;
}

._1zXMl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._2QYFX {
  white-space: pre-line;
}

.xXbmH {
  display: -ms-flexbox;
  display: flex;
}
.xXbmH > * {
  -ms-flex: 1;
      flex: 1;
}

._1jG_0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._1AFOp {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

._13SIY {
  display: block;
  margin: 20px 0;
  background-color: rgba(232, 222, 202, 1);
}

._1Mmyy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.JEugY {
  -ms-flex: 1;
      flex: 1;
  height: 20px;
}

._3DUH6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  padding: 20px;
  background-color: #f9f7f3;
  margin: 0 -20px;
}

._3zWtA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 427px;
  background-color: #fff;
  border-radius: 10px;
  margin: 0px;
}
._18GXR ul {
  color: rgba(80, 80, 80, 1);
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

._18GXR ul li {
  display: -ms-flexbox;
  display: flex;
}

._18GXR ul li:not(:last-of-type) {
  margin-bottom: 3px;
}

._18GXR ul._1UEVs li::before {
  content: '\2022';
  color: #baa57e;
  display: inline;
  margin-right: 5px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2kXw4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1KYVA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.J7zCM {
  display: block;
  background-color: rgba(232, 222, 202, 1);
}

._2LS7Q {
  margin-top: 8px;
}
._2FksE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  gap: 10px;
}

._3wfkh {
  padding: 20px;
  background-color: #f9f7f3;
  margin: 0 -20px;
  width: auto;
}

._1XCxf {
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}

._1DCRC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}

._3vd0J {
  background-color: rgba(232, 222, 202, 1);
}
._2yJXr {
  position: relative;
}

._3Wvws,
.LiIvE {
  gap: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

._3Wvws > ._21rnM,
.LiIvE > ._21rnM {
  gap: 0px;
}

._1qNIh {
  border-radius: 5px;
  background: #fff;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzIpIj4KPHBhdGggZD0iTTE2IDAuNjg1NzMzTDE1LjI1IDEuNzI5MDZlLTA3TDggNi42Mjg1M0wwLjc1MDAyMiAwTDAgMC42ODU3MzNMOCA4TDE2IDAuNjg1NzMzWiIgZmlsbD0iIzUwNTA1MCIgc3R5bGU9ImZpbGw6IzUwNTA1MDtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zMTM3IDAuMzEzNyAwLjMxMzcpO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzFfMiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
  background-repeat: no-repeat;
  background-position: right 0px center;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  cursor: pointer;
}

.LiIvE > * > div {
  border-radius: 5px 5px 0 0;
}

.hiafm {
  background-color: #f9f7f3;
  padding: 10px;
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  z-index: 1;
  cursor: pointer;
}

._15GsQ {
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */

  background: transparent;
  border: none !important;
}

._15GsQ:hover p,
._15GsQ:focus p {
  font-weight: 500;
}

._2I4vT {
  width: unset !important;
  height: unset !important;
}
._2I4vT svg {
  width: 24px;
}
.c6hPj {
  position: relative;
  left: -20px;
  top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  background-color: #f6f6f6;
  width: calc(100% + 40px);
  padding: 20px;
  border-radius: 0 0 10px 10px;
  margin-top: -20px;
}

._2-GCj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._17eOi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._2aDym {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
._3Ol89 {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 88px;
  font-size: 14px;
}

._3rFx0 {
  width: 100%;
}

._1OoUM {
  height: 37px;
}

.gERaS {
  background-color: rgba(29, 88, 236, 1);
  height: 37px;
  border-radius: 42px;
  border: none;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  width: 100%;
  margin: 10px 0 0 0;
}

._171Kk {
  margin-top: 18px;
  color: rgba(183, 22, 16, 1);
  font-size: 11px;
}

._1A4Lp {
  display: none;
}

@media screen and (min-width: 1024px) {
  ._3QLA8 {
    display: -ms-flexbox;
    display: flex;
  }

  ._3rFx0 {
    width: 236px;
  }

  ._1OoUM {
    width: 218px;
  }

  .gERaS {
    width: 218px;
    margin: 0 0 0 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3zXcM {
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  line-height: 15.4px;
  border: none;
  outline: none;
  font-size: 11px;
  max-height: 44px;
}

._3zXcM:disabled {
  opacity: 0.3;
}

._3_OWh,
._1MxLa {
  background-color: rgba(186, 165, 126, 1);
  color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(186, 165, 126, 1);
}

._1ub_Q {
  background-color: rgba(80, 80, 80, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}
._1ub_Q > * {
  color: #fff;
}

.OinvW {
  background-color: rgba(178, 178, 178, 1);
  border: 1px solid rgba(178, 178, 178, 1);
  color: #fff;
}

.jc0gq {
  background-color: rgb(227, 227, 227);
  border: 1px solid rgb(227, 227, 227);
}

._1hdXR {
  background-color: #aacae9;
  border: 1px solid #aacae9;
}

/* type='primary-black' */
._2iMap {
  background-color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(25, 25, 25, 1);
}
._2iMap small,
._2iMap p {
  color: #fff;
}

._7tNRc {
  padding: 12px 30px;
}

._29wyo {
  padding: 10px 30px;
}
._2MpJ- {
  padding: 5px 20px;
}

._2Tin3 {
  padding: 5px 15px;
}

._1FTQL {
  background-color: rgba(232, 222, 202, 1);
  color: rgba(25, 25, 25, 1);
  border: 1px solid rgba(232, 222, 202, 1);
}

.u88fG {
  background-color: transparent;
  color: rgba(80, 80, 80, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}

._1DziU {
  width: 100%;
  font-size: 14px;
}

._3t_gw {
  margin-right: 10px;
}
._3P_G0 {
  display: -ms-flexbox;
  display: flex;
}

._2qVrw {
  padding-top: 10px;
  padding-bottom: 10px;
}
._2qVrw:disabled {
  opacity: 1;
}

/*Mobile Only: full width*/
@media screen and (max-width: 1024px) {
  ._3zXcM {
    width: 100%;
  }
}
._2hnBH {
  margin: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2hnBH > h2 {
  text-align: center;
  margin: 15px 0;
}

._2hnBH > p {
  font-size: 12px;
  margin-bottom: 15px;
}

._2hnBH > p > a {
  text-decoration: underline;
}

._3e_ef {
  width: 48px;
  -ms-flex-item-align: center;
      align-self: center;
}

.tDHqP {
  height: 44px;
  margin: 15px auto;
}

@media screen and (min-width: 1024px) {
  .tDHqP {
    width: 106px;
    margin: 0 auto 15px;
  }
}
._-ks6w {
  margin: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._-ks6w > h2 {
  text-align: center;
  margin: 15px 0;
}

._-ks6w > p {
  font-size: 12px;
  margin-bottom: 15px;
}

._-ks6w > p > a {
  text-decoration: underline;
}

._17FID {
  width: 48px;
  -ms-flex-item-align: center;
      align-self: center;
}

._2XhPG {
  height: 44px;
  margin: 15px auto;
}

@media screen and (min-width: 1024px) {
  ._2XhPG {
    width: 106px;
    margin: 0 auto 15px;
  }
}
.QJqDS {
  margin-bottom: -2em;
}

.QJqDS > * {
  margin-bottom: 2em;
}

._3X0eW {
  display: -ms-flexbox;
  display: flex;
  margin-right: -12px;
}

._3X0eW > * {
  margin-right: 12px;
}
._1FreM {
  max-width: 427px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._3cvWV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  gap: 10px;
}

._3UVxo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  margin-top: 20px;
}
._1Ye-W {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  max-width: 427px;
  width: 100%;
  position: relative;
  top: 0px;
}

._3gxeB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  border: #baa57e solid 1px;
}

._3gxeB div {
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._39NT0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._9XVzz {
  margin-top: 20px;
}

@media screen and (min-width: 900px) {
  ._1Ye-W {
    position: -webkit-sticky;
    position: sticky;
    top: 291px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3UZdX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 1110px;
  margin: 20px;
}

._2-BFH {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

._2W8NL {
  margin-top: 20px;
}

._3hPvB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  max-width: 426px;
}

._2Gqzh {
  max-width: 116px;
  width: 100%;
}

._2U5kD {
  max-width: 427px;
  width: 100%;
  height: 1px;
  background-color: rgba(232, 222, 202, 1);
  margin: 30px 0;
}

.gt8oS {
  max-width: 427px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

.IpK3Q {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1cq1u {
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}

._1cq1u > div > div > input {
  margin-top: calc(164px / 2 - 50%);
}

.YBfTx input {
  border: 1px solid #b71610;
}

._30nV8 {
  display: grid;
  grid-template-columns: minmax(100%, 273px);
  gap: 10px;
}

._9d1Jw {
  display: -ms-flexbox;
  display: flex;
  margin-left: 60px;
  margin-bottom: 20px;
}

.M45bX {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  max-width: 427px;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._26WDE {
  display: -ms-flexbox;
  display: flex;
  max-width: 427px;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2BbNB {
  margin-top: 7px;
  margin-bottom: 14px;
}

.gLHIc {
  display: none;
}

._3n39g {
  width: 100%;
  margin-top: 20px;
}

._3-Uwb {
  margin-top: 20px;
}

._1xq2Y {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 15px;
}

._3ZJhu {
  padding: 4px 10px;
  margin-bottom: 0px;
}

@media screen and (min-width: 900px) {
  ._3UZdX {
    margin: 60px 20px;
  }

  ._30nV8 {
    grid-template-columns: 273px 1fr;
  }

  ._2-BFH {
    display: grid;
    grid-template-columns: 1fr minmax(311px, 405px);
    gap: 20px;
  }

  .gLHIc {
    display: block;
    margin-top: 40px;
  }

  ._3n39g {
    display: none;
  }

  ._104oq {
    position: -webkit-sticky;
    position: sticky;
    top: 291px;
  }

  ._1xq2Y {
    gap: 10px;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._2W8NL {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1170px) {
  ._3UZdX {
    margin: 60px auto;
  }
}
._3sTXn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;

  max-width: 427px;

  margin-bottom: 20px;
}

._3bjsz > button {
  width: unset;
}

._3bjsz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2LYaY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;

  div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 10px;
  }
}
._2dRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: right;
      align-items: right;
  gap: 10px;

  padding: 20px;
  background-color: #f9f7f3;

  .UayUI {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100px;
    background-color: #baa57e;
  }

  div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
}
._1VLTU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;

  > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 5px;
  }
}

.KMDT0 {
  width: 148px;
}
._3Ugu_ {
  margin: 0 auto;
  max-width: 420px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

._3Ugu_ img {
  width: 48px;
  margin-bottom: 20px;
}

._3Ugu_ h2 {
  margin-bottom: 40px;
}

._3Ugu_ h5 {
  margin-bottom: 9px;
}
._3OFpT {
  margin-top: 20px;
}
._3TS6e{
  text-decoration: underline;
}

._3Tw6q {
  width: 335px;
  margin-top: 60px;
}
._3rgVt {
  margin: 0 auto;
  max-width: 420px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

._3rgVt img {
  width: 48px;
  margin-bottom: 20px;
}

._3rgVt h2 {
  margin-bottom: 40px;
}

._3rgVt h5 {
  margin-bottom: 9px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._311be {
  padding: 17px 0;
  background: rgba(0, 0, 0, 1);
}

._311be h1 {
  color: rgba(186, 165, 126, 1);
  font-weight: 400;
  font-size: 18px;
  padding: 0 17px;
}

._311be h2 {
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  font-weight: 400;
  padding: 0 17px;
}

._2N8de .Qlum6 {
  border-top: 1px solid rgba(120, 120, 120, 1);
  padding: 17px;
}

._2N8de .Qlum6 label {
  display: block;
  color: rgba(120, 120, 120, 1);
  margin-bottom: 6px;
}

._2N8de .Qlum6 span {
  color: rgba(191, 191, 191, 1);
}

._1nqG_ {
  margin: 8px 0;
}

.Qlum6 button {
  width: 100%;
}

._3G-h0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 12px;
}

._1l4EE {
  color: rgba(255, 255, 255, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3Tg2o {
}

._3Tg2o h1 {
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 16px;
  font-weight: 500;
}

._3Tg2o h1::before,
._3Tg2o h1::after {
  content: ' ';
  background: currentColor;
  border-radius: 4px;
  height: 4px;
  width: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}

._3Tg2o h1::before {
  margin-right: 8px;
}

._3Tg2o h1::after {
  margin-left: 8px;
}

.wH58F {
  margin-bottom: 16px;
  width: 320px;
}

._3Tg2o ._2Ielu {
  margin-top: 37px;
}

._2Ielu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2Ielu > * {
  width: calc(50% - 15px);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._27KlS {
  display: -ms-flexbox;
  display: flex;
}

.BDsqf {
  color: rgba(183, 22, 16, 1);
  width: 100%;
}

.vZKzK {
  width: 50%;
  margin: 24px;
  margin-top: 0;
}

._1p3Nf {
  margin-top: 23px;
}

.Ft-18 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.Ft-18 button {
  width: 157px;
}

._2ciPS {
  padding: 7px 0;
}

.H53FA {
  display: -ms-flexbox;
  display: flex;
}

.H53FA > *:first-child {
  width: 33%;
  margin-right: 10px;
}

.H53FA > *:last-child {
  -ms-flex: 1;
      flex: 1;
}

._3b-YX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3b-YX ._2ciPS {
  width: calc(50% - 5px);
}

._10bHI {
  max-height: 400px;
  overflow-y: auto;
}

@media screen and (max-width: 640px) {
  .H53FA,
  ._3b-YX {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2ciPS {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
  }

  .Ft-18 {
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 15px;
  }

  ._10bHI {
    max-height: none;
    -ms-flex: 1;
        flex: 1;
  }

  .Ft-18 {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .Ft-18 button {
    width: 100%;
    margin-top: 12px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2E950 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

._2E950 .W8DLw,
._2E950 ._3SMX8 {
  width: calc(50% - 30px);
}

._2E950 h1 {
  text-align: right;
}

@media screen and (max-width: 640px) {
  ._2E950 .W8DLw,
  ._2E950 ._3SMX8 {
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1tDwV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

._2dG9C {
  margin-top: 30px;
  text-align: right;
}

._2dG9C p {
  font-size: 24px;
  margin: 0;
}

._3_hAR {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2P4Wf {
  padding: 0 !important;
  width: 527px;
}

._1RH7e {
  width: 100%;
}

._1XssG {
  background: url(/assets/le-logo-gold.a1f75867471c11f8ac21c7a8a7edbc76.png);
  background-repeat: no-repeat;
  background-color: rgba(23, 25, 25, 1);
  background-position: center center;
  height: 146px;
}

._1XKgu {
  padding: 20px;
  min-height: 170px;
  text-align: center;
}

._1B1A2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1MciN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

._1B1A2 h1 {
  margin: 0;
}

._1B1A2 p {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  margin: 20px;
}

._1-YpO {
  width: 100%;
  margin-top: 30px;
}

._1-YpO button {
  margin: 0 12px;
  color: #191919;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._31bUK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.LtjY3 {
  width: 50%;
  margin: 24px;
}

._3yMcO {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  text-align: right;
}

._3Iwr- {
  font-size: 22px;
}

._2ju-y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._2ju-y button {
  width: 157px;
}

._2EF8B {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 50px;
}

._2EF8B p {
  margin: 0;
  width: 400px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .LtjY3 {
    width: 80%;
  }

  ._2ju-y {
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 15px;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-pack: center;
        justify-content: center;
  }

  ._2ju-y button {
    width: 100%;
    margin-top: 12px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2ky4f {
  background-color: rgba(249, 247, 243, 1);
}

._1XwQT {
  margin: auto !important;
  padding: 40px 0 !important;
  max-width: 1109px !important;
}

._1XwQT strong {
  font-weight: 600;
}

._1tNK4 {
  font-family: Cormorant !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 38px !important;
  line-height: 46px !important;
  margin: 0 !important;
  color: #000000 !important;
}

._3iZE0 {
  font-family: Cormorant !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 34px !important;
  margin: 0 0 20px !important;
  color: #000000 !important;
}

._1Ts-s {
  font-family: 'Avenir Next' !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  margin: 0 !important;
  color: #000000 !important;
}

._2EQNA {
  font-family: 'Avenir Next' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #000000 !important;
}

._1WVVk input[type="radio"] {
  border: 0px;
  height: 30px;
  width: 30px;
  background-color: #F9F7F3;
  color: #000000;
}

._1Ojku {
  width: 130px !important;
  height: 44px !important;
  font-family: "Avenir Next" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #191919 !important;
  background-color: #baa57e !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
}

._3xIEt {
  margin: 30px 0 40px !important;
  width: 100% !important;
  max-height: 512px !important;
}

._2Fzlj {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}

._1g6cs {
  padding: 0 !important;
  width: 100% !important;
  max-width: 640px !important;
}

._1K9PN {
  margin-left: 70px !important;
  width: 30%;
}

._3ATk_ {
  margin-top: 20px !important;
}

._277bD {
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 10px 0 !important;
}

.mwTDr {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #191919 !important;
  width: 60% !important;
  margin-right: 10px !important;
}

._1vYMd {
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 17px !important;
  color: #505050 !important;
  width: 20% !important;
}

._6aV1Z {
  display: block;
}

._1YFz3 {
  margin: 60px 0 0 !important;
}

._3Rm10, ._2MaWr {
  margin: 20px 0px !important;
}

.TH6WG {
  display: -ms-flexbox !important;
  display: flex !important;
}

.TH6WG div {
  max-width: 50px !important;
  margin-right: 12px !important;
  margin-top: 10px !important;
}

.TH6WG input {
  width: 100% !important;
  margin-top: 5px !important;
}

.TH6WG small {
  font-size: 11px !important;
}

.duH2f {
  max-width: 63px !important;
}

._2_RlM {
  width: 100% !important;
}

._2vDSO {
  display: -ms-flexbox !important;
  display: flex !important;
}

._29Ynp {
  width: 30px !important;
  height: 30px !important;
  margin: 0 10px 0 0 !important;
}

._1EV8J {
  display: inline !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 17px !important;
  -ms-flex-item-align: center;
      align-self: center;
}

._1WVVk {
  display: grid !important;
	grid-template-columns: 160px 160px 160px 160px !important;
}

._1WVVk div {
  display: -ms-flexbox !important;
  display: flex !important;
	-ms-flex-direction: row !important;
	    flex-direction: row !important;
  -ms-flex-align: center;
      align-items: center;
}

._1WVVk input {
  margin-right: 10px !important;
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

._1WVVk label {
  background: #FFFFFF !important;
  border: 1px solid #B2B2B2 !important;
  box-sizing: border-box !important;
  margin-right: 20px !important;
  padding: 5px !important;
  font-size: 24px !important;
  text-align: center !important;
  color: #505050 !important;
  width: 114px !important;
  height: 70px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
}

._1WVVk label span {
  margin-top: 5px !important;
}

._1WVVk label span._3AdS6 {
  display: block !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  margin: 3px !important;
}

.yImkr {
  font-weight: 600 !important;
  line-height: 15px !important;
  font-size: 11px !important;
  margin: 0 0 10px !important;
  color: #000000 !important;
}

._1eNNq {
  font-weight: 400 !important;
  line-height: 15px !important;
  font-size: 11px !important;
  color: #000000 !important;
}

._1_TAF {
  min-height: 125px !important;
  background: #FFFFFF !important;
  border: 1px solid #BAA57E !important;
  box-sizing: border-box !important;
  padding: 20px 20px 10px !important;
  margin: 0 0 20px 0 !important;
  text-align: center !important;
  color: #191919 !important;
}

._1VGPA {
  font-weight: 600 !important;
  font-size: 24px !important;
  width: 110px !important;
  margin: auto !important;
  border-bottom: 1px solid #B2B2B2 !important;
  border-spacing: 15px !important;
  line-height: 50px !important;
}

._2sajH {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #505050 !important;
  line-height: 40px !important;
}

._2l4JP {
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 10px 0 !important;
  -ms-flex-pack: justify !important;
      justify-content: space-between !important;
}

._2l4JP input {
  width: 70% !important;
  margin: 0 10px 0 0 !important;
}

._3gH0b {
  color: #B71610 !important;
  font-size: 14px !important;
  font-family: "Avenir Next" !important;
  font-style: normal !important;
  font-weight: normal !important;
  margin: 5px 0 !important;
}

._1FDdx {
  width: 95px !important;
  height: 44px !important;
  background: #191919 !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: center !important;
  color: #FFFFFF !important;
}

._2SdE- {
  display: block !important;
}

._1E2vN { 
  border: 1px solid #b2b2b2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  color: #505050 !important;
  font-size: 14px !important;
  height: 45px !important;
  padding: 0 15px !important;
  max-width: 335px !important;
  width: 100% !important;
  display: block !important;
  margin-top: 9px !important;
}

._1RqDU {
  max-width: 180px !important;
}

@media (max-width: 1109px) {
  ._2Fzlj {
    padding: 20px !important;
  }

  ._24-as {
    padding: 20px !important;
  }
}

@media (max-width: 640px) {
  ._2Fzlj {
    padding: 20px !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
    -ms-flex-align: center !important;
        align-items: center !important;
  }

  ._1K9PN {
    margin-left: 0 !important;
    width: 100%;
  }

  ._2SdE- {
    display: none !important;
  }

  .mwTDr {
    width: 80% !important;
  }

  ._1WVVk {
    grid-template-columns: 50% 50% !important;
    grid-template-rows: 50% 50% !important;
    row-gap: 30px !important;
  }

  ._24-as {
    padding: 20px !important;
  }

  ._1Ojku {
    width: 100% !important;
  }

  ._1tNK4 {
    margin: 0 20px !important;
  }

  ._1YFz3 {
    margin: 50px 0 0 !important;
  }

  ._1E2vN {
    max-width: 100% !important;
  }

  ._1RqDU {
    max-width: 180px !important;
  }

  ._6aV1Z {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._7Syfs {
  max-width: 697px;
  margin: auto;
  margin-top: 80px;
  background: rgba(249, 247, 243, 1) !important;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._4S9eg {
  text-align: center;
  padding: 20px;
  max-width: 630px;
  margin: 0;
}

._1gT2R {
  width: 48px;
  height: 48px;
  margin: 20px;
}

.ziXl8 {
  font-family: Cormorant;
  font-weight: 600;
  font-size: 38px;
  line-height: 46px;
  margin: 0 0 20px;
}

.AGtHr {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

._3EEGZ {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

._1Y-B6 {
  width: 335px;
  height: 44px;
  font-family: "Avenir Next";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #191919;
  background-color: #baa57e;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px;
}

._1Y-B6 a {
  color: #191919;
  text-decoration: none;
}

._3EzZk {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._3EzZk:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._7Syfs {
    margin-top: 0;
  }

  ._1Y-B6 {
    width: 100%;
  }

  ._3EzZk {
    right: 10px;
    top: 10px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._8FnW3 {
  padding: 30px 20px;
  margin: 0 auto;
}

.GRrAA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

._2jbEI div {
  margin-bottom: 20px;
}

._2jbEI p {
  margin-top: 5px;
}

.xe8Av {
  border-top: 1px solid rgba(178, 178, 178, 1);
}

._2EE5h {
  margin-top: 35px;
}

._1O53Q {
  margin-bottom: 35px !important;
}

.GRrAA button {
  margin-top: 30px;
  width: 100%;
}

._3LZ3G {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 182px 0;
}

._3LZ3G p {
  margin-top: 14px;
  text-transform: uppercase;
}

@media screen and (min-width: 640px) {
  ._8FnW3 {
    max-width: 1280px;
    padding: 70px 80px;
  }
}

@media screen and (min-width: 1024px) {
  .GRrAA {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 115px;
  }

  ._2jbEI {
    width: 100%;
    max-width: 335px;
  }

  .GRrAA button {
    width: 273px;
    margin-top: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Of12p {
  max-width: 697px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  width: 622px;
  height: 307px;
}

._1BHJX {
  text-align: center;
}

._26cKJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._1GhWS {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._6urvs,
._2l6IB {
  background-color: transparent;
  border: 1px solid #505050;
}

._3PdbW {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

.IF84C h4 {
  margin-bottom: 10px;
}

._1QlPd {
  padding: 0px 20px 30px;
}

._2_GKY {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._2_GKY:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._2iPt9 {
    width: 100%;
  }

  ._2_GKY {
    right: 10px;
    top: 10px;
  }
}

@media screen and (min-width: 1024px) {
  ._26cKJ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 20px;
    padding: 0px 120px 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1aQkF {
  padding: 30px 20px;
  margin: 0 auto;
}

._1w60T {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 30px 0;
}

._1w60T h4 {
  width: 328px;
  margin-bottom: 20px;
}

._3bAF6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 15px 15px 10px 10px;
  width: 100%;
  height: 100%;
}

._3luUn {
  padding: 20px;
}

._3luUn div:first-child {
  margin-bottom: 10px;
}

._3luUn hr {
  margin: 10px 0;
  height: 1px !important;
  background: #b2b2b2;
  box-sizing: border-box !important;
}

._1K5Xa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

._27m8v {
  margin-top: 10px;
  width: 100%;
}

._34mvc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2ZCbv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._2ZCbv p {
  text-transform: uppercase;
}

@media screen and (min-width: 640px) {
  ._1aQkF {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._1w60T {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 50px 0;
    gap: 50px;
  }
  ._3bAF6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid rgba(186, 165, 126, 1);
    border-radius: 15px 15px 10px 10px;
    width: 274px;
    height: 387px;
  }
  ._27m8v {
    width: 274px;
  }
}

@media screen and (min-width: 1024px) {
  ._1aQkF {
    max-width: 1280px;
    padding: 70px 80px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2VuDJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._3HMtl {
  width: 100%;
}

._3HMtl ._2Y89V {
  height: 161px !important;
}

._3HMtl > * {
  margin-bottom: 20px;
}

._1y6iS input {
  height: 160px;
}

._1y6iS {
  position: relative;
}

._1y6iS img {
  position: absolute;
  right: 3px;
  bottom: 7px;
}

textarea {
  height: 207px;
  border-width: 1px !important;
  border-color: rgba(178, 178, 178, 1) !important;
  border-radius: 5px !important;
}

form ._36qzK ._1c4Ta {
  margin-bottom: 4px !important;
}

._1J7kn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
}

._1jVXz {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
}

._2Ftpc {
  width: 100%;
  margin-top: 30px;
}

._2xwb6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

._2xwb6 input {
  margin-right: 10px;
}

._2Wn62 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2Wn62 input {
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  ._2VuDJ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 105px;
    padding: 50px 0;
  }

  ._107nt {
    width: 100%;
    max-width: 273px;
  }

  ._1J7kn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 100px;
    padding: 50px 0;
  }

  textarea {
    height: 161px;
  }

  ._2Ftpc {
    width: 273px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._6AAqq {
  max-width: 697px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  width: 622px;
  height: 307px;
}

._2I99Y {
  text-align: center;
}

._3TpfZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._3af_n {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._2OlAI,
._1-HTl {
  background-color: transparent;
  border: 1px solid #505050;
}

._2_7Ay {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

.ORvj3 h4 {
  margin-bottom: 10px;
}

._2mjUA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

._2mjUA h5 {
  padding: 0px 70px;
}

._3II7r {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._3II7r:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._2NoKg {
    width: 100%;
  }

  ._3II7r {
    right: 10px;
    top: 10px;
  }
}

@media screen and (min-width: 1024px) {
  ._3TpfZ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 20px;
    padding: 0px 100px 0px;
  }
  ._2mjUA h5 {
    padding: 0px 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.dKsq2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 15px 15px 10px 10px;
  width: 100%;
  height: 100%;
}

._2sj1N {
  padding: 20px;
}

._2sj1N div:first-child {
  margin-bottom: 10px;
}

._2sj1N hr {
  margin: 10px 0;
  height: 1px !important;
  background: #b2b2b2;
  box-sizing: border-box !important;
}

._1kiU4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

@media screen and (min-width: 640px) {
  .dKsq2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid rgba(186, 165, 126, 1);
    border-radius: 15px 15px 10px 10px;
    width: 274px;
    height: 387px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.r2XDc {
  width: 100%;
}

._3Ykcq {
  width: 100%;
  height: 379px;
  background-size: cover;
  background-position: center center;
  position: relative;
  transition: height 0.7s ease-in-out;
}

._3YvmE {
  height: 120px;
}

._2U6jE {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

._2NyEn {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  color: rgba(255, 255, 255, 1);
}

._2NyEn ._2kTYP span {
  text-transform: uppercase;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2NyEn ._2kTYP span > *:first-child {
  margin-right: 5px;
}

._2NyEn h2 {
  font-weight: 200;
  font-size: 59px;
  text-transform: uppercase;
  margin-top: 6px;
  margin-bottom: -10px;
}

._1Opyi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._2tpMi {
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}

._2tpMi h3 {
  font-size: 18px;
  margin: 0;
}

@media screen and (max-width: 640px) {
  ._3Ykcq {
    height: 216px;
  }

  ._2NyEn {
    width: 100%;
    padding: 20px 16px;
  }

  ._1Opyi {
    display: none;
  }

  ._2NyEn h2 {
    font-size: 24px;
  }

  ._2NyEn span {
    font-size: 14px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.ngUlv {
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0px;
  gap: 60px;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._3e9yt {
  display: -ms-flexbox;
  display: flex;
  max-width: 299px;
}

.LG7R3 {
  margin-top: 10px;
}

.qs8xR {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  gap: 11px;
  -ms-flex: 1;
      flex: 1;
}

.LZzqA {
  width: 130px;
  border: 1px solid rgba(23, 25, 25, 1);
}

.LZzqA small {
  font-size: 14px;
  font-weight: 600;
}

._1oNmX {
  padding: 12px 30px;
  background-color: rgba(255, 255, 255, 1);
}

.pQbZH {
  padding: 5px 20px;
  background-color: rgba(255, 255, 255, 1);
}

.pQbZH small {
  font-size: 11px;
}

._1bfNX {
  border: none;
}


._3aepC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._32jJj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._3f9mR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._2N_mU {
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .ngUlv {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 30px 0px;
    gap: 30px;
  }

  .LZzqA {
    width: 100%;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Lc92 h1 {
  color: rgba(111, 111, 111, 1);
  font-weight: 400;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 23px;
}

._2Lc92 h2 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}

._2cxKl {
  margin-bottom: 26px;
}

._2cxKl ._2P2l3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2cxKl ._2P2l3 img {
  height: 32px;
}

.gvIUC {
  text-decoration: underline;
  cursor: pointer;
}

._2P2l3 p._1UzY2 {
  width: 300px;
  margin-left: 16px;
}

._2P2l3 p._373Jx {
  width: 100px;
}

._3W3mq {
  display: none;
}

@media screen and (max-width: 640px) {
  ._3W3mq {
    display: block;
  }

  ._1UzY2 {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3wOab {
  width: 1280px;
  padding: 23px 64px;
  margin: 0 auto;
}

._3wOab > h1 {
  color: rgba(111, 111, 111, 1);
  font-weight: 400;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 23px;
}

._1fY-k {
  padding: 23px 0;
}

.HMamH ._1fY-k:first-child {
  padding-top: 0;
}

@media screen and (max-width: 640px) {
  ._3wOab {
    width: 100%;
    padding: 23px 16px;
    margin: 0 auto;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.ZjShL {
  width: 100%;
  padding-top: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.ZjShL h1 {
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  width: 600px;
  color: rgba(145, 145, 145, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3V20P {
  padding: 30px 20px;
  margin: 0 auto;
}

._2toGz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._2Lrf7 {
  width: 100%;
}

._2Lrf7 ._36nar {
  height: 161px !important;
}

._2Lrf7 > * {
  margin-bottom: 20px;
}

._1K2CD input {
  height: 160px;
}

._1K2CD {
  position: relative;
}

._1K2CD img {
  position: absolute;
  right: 3px;
  bottom: 7px;
}

textarea {
  height: 207px;
  border-width: 1px !important;
  border-color: rgba(178, 178, 178, 1) !important;
  border-radius: 5px !important;
}

form ._161JY ._30fJ7 {
  margin-bottom: 4px !important;
}

.bClO2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
}

._1VFy4 {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
}

._12tly {
  width: 100%;
  margin-top: 30px;
}

._31M9i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
._31M9i input {
  margin-right: 10px;
}

.RIWuU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.RIWuU input {
  margin-right: 10px;
}

@media screen and (min-width: 640px) {
  ._3V20P {
    max-width: 1280px;
    padding: 70px 80px;
  }
}

@media screen and (min-width: 1024px) {
  ._2toGz {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 105px;
    padding: 50px 0;
  }

  ._2cyI0 {
    width: 100%;
    max-width: 273px;
  }

  .bClO2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 80px;
    padding: 50px 0;
  }

  textarea {
    height: 161px;
  }

  ._12tly {
    width: 273px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.KrhF2 {
  position: relative;
}

.KrhF2 img {
  cursor: pointer;
  width: 100%;
  height: 233px;
  -o-object-fit: cover;
     object-fit: cover;
}

._16EAm h2,
._16EAm h5 {
  cursor: pointer;
}

._16EAm h2,
._16EAm h5 {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 500;
  color: #191919;
}

._16EAm h2 {
  font-size: 21px;
  margin-bottom: 5px;
  line-height: 140%;
}

._16EAm h5 {
  font-size: 18px;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 30px;
}

._3UfOZ {
  display: -ms-flexbox;
  display: flex;
}
._3UfOZ > *:first-child {
  margin-right: 20px;
}

._3eHlf:not(:last-of-type) {
  margin-bottom: 15px;
}

._3eHlf p {
  display: inherit;
}

._3eHlf span {
  font-family: 'Avenir Next';
  font-style: normal;
  font-size: 14px;
  color: #191919;
}

._3eHlf span:first-of-type {
  font-weight: 600;
  line-height: 140.62%;
}

._3eHlf span:last-of-type {
  font-weight: normal;
  line-height: 140%;
}

._16EAm button {
  margin-top: 30px;
}

.wPDf4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
._3fJVT {
  color: rgba(183, 22, 16, 1);
  margin: 20px 0;
}
._7szJe {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #b71610;
}

.YJlaV {
  position: absolute;
  top: 15px;
  left: 20px;
  background-color: rgba(25, 25, 25, 1);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
  font-size: 12px;
  padding: 0 10px;
  height: 17px;
}

.vsFTW {
  margin-top: 7px;
}

@media screen and (min-width: 1024px) {
  ._16EAm {
    max-height: 242px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .KrhF2 {
    max-width: 295px;
    height: 242px;
    margin-right: 58px;
  }

  ._16EAm h2 {
    margin-top: 0;
  }
  ._16EAm h5 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  ._1qbHc {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-right: 20px;
  }
  ._3eHlf:not(:last-of-type) {
    margin-bottom: 7px;
  }
  ._16EAm button {
    margin-top: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._33yvx {
  width: 1216px;
  margin: 0 auto;
  background: rgba(232, 232, 232, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 198px;
}

._1RKKs {
  color: rgba(183, 22, 16, 1);
  margin-bottom: 12px;
  text-align: left;
}

._2nvxC {
  color: rgba(178, 178, 178, 1);
}

._3pCAu {
  margin: 7px 0;
  float: left;
  width: 50%;
}

._3pCAu div {
  display: inline;
}
._3ptj4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 50px;
  padding: 30px 20px;
  margin: 0 auto;
}

._1xB7H {
  margin-top: 10px;
}

._1Wyfa {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px 0px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  cursor: pointer;
}

._9tgMf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._3zLlL {
  border: 1px solid #baa57e;
  border-radius: 10px;
  width: 273px;
  height: 164px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 30px;
}

._2muQv img {
  width: 100%;
  max-width: 153px;
}

._1ordo {
  margin-top: 30px;
}

._1ordo input {
  width: 100%;
  height: 45px;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  padding: 18px 10px;
  margin-top: 5px;
}

._1_ZSe {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._3lym1 {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

._3lym1 p {
  color: #505050;
}

._1ordo button {
  margin-top: 30px;
  width: 100%;
}

._2CD9E {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._2CD9E p {
  text-transform: uppercase;
}

@media screen and (min-width: 640px) {
  ._1xB7H {
    margin-top: 20px;
  }
  ._1Wyfa {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
  ._9tgMf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: unset;
        justify-content: unset;
  }
  ._1ordo {
    max-width: 273px;
  }
  ._1ordo button {
    width: 131px;
  }
}

@media screen and (min-width: 1024px) {
  ._3ptj4 {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._1C1w8 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
  .Rtr5d {
    max-width: 292px;
  }
  ._3zLlL {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 30px;
  }
  ._2muQv img {
    width: 100%;
    max-width: 160px;
  }
  ._1ordo {
    margin-top: 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.OFtQE {
  padding: 30px 20px;
  margin: 0 auto;
}

.OFtQE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 50px;
}

.P0Cdu {
  margin-top: 10px;
}

._17Rhy {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px 0px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  cursor: pointer;
}

._26Ay8 {
  border: 1px solid #baa57e;
  border-radius: 10px;
  width: 273px;
  height: 164px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._2hjYI img {
  width: 100%;
  max-width: 153px;
}

._3ocRN {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._3ocRN input {
  width: 100%;
  height: 45px;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  padding: 18px 10px;
  margin-top: 5px;
}

._2X3TQ {
  margin-top: 30px;
}

._1B-CV {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._1qtrz,
._2SnTQ {
  background-color: transparent;
  border: 1px solid #505050;
}

._1qtrz p {
  color: #505050;
}

._3ocRN button {
  margin-top: 30px;
  width: 100%;
}

._2SnTQ {
  width: 100% !important;
  margin-top: 15px !important;
}

._2G2k6 {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
  padding: 30px 0;
}

.FxJKD {
  margin-bottom: 30px;
}

@media screen and (min-width: 640px) {
  .P0Cdu {
    margin-top: 20px;
  }
  ._17Rhy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
  ._3ocRN {
    max-width: 273px;
  }

  ._3ocRN button {
    width: 131px;
  }
}

@media screen and (min-width: 1024px) {
  .OFtQE {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._2G2k6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    padding: 50px 0;
  }
  ._3zSpo {
    max-width: 292px;
  }
  ._26Ay8 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  ._2hjYI img {
    width: 100%;
    max-width: 160px;
  }
  ._3ocRN {
    margin-top: 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.RSAna {
  max-width: 697px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  width: 622px;
}

._39plO {
  text-align: center;
  margin: 0;
}

._4LQfh {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._24M4n,
._3gb6- {
  background-color: transparent;
  border: 1px solid #505050;
}

._3t4nP {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

._2nF9N {
  margin-top: 10px;
}

._34U_S {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._34U_S:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  .YhzIC {
    width: 100%;
  }

  ._34U_S {
    right: 10px;
    top: 10px;
  }
}
._1RCc3 {
  padding: 60px 20px;
  margin: 0 auto;
}

._34mbd {
  margin-top: 30px;
}

._1U1nW {
  margin-top: 18px;
}

.RyHGx {
  margin-top: 30px;
  display: grid;
  grid-template-columns: auto auto;
  cursor: pointer;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 20px;
}

.Bh5Ef {
  border: 1px solid #baa57e;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 96px;
}

._2_qfT img {
  width: 100%;
  max-width: 100px;
}

._1uoHV {
  display: -ms-flexbox;
  display: flex;
}

._27g3v {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
  padding: 30px 0;
}

@media screen and (min-width: 640px) {
  ._1RCc3 {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._1U1nW {
    margin-top: 20px;
  }
  .RyHGx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
  ._2_qfT img {
    width: 100%;
    max-width: 160px;
  }
  .Bh5Ef {
    width: 100%;
    min-width: 230px;
    height: 153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  ._2_qfT img {
    width: 100%;
    max-width: 160px;
  }
  .Bh5Ef {
    width: 100%;
    min-width: 256px;
    height: 153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  ._27g3v {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    padding: 50px 0;
  }
  ._3LyhI {
    max-width: 292px;
  }
  ._34mbd {
    margin-top: 50px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2QR6Y h1 {
  color: rgba(111, 111, 111, 1);
  font-weight: 400;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 23px;
}

.WRh6D {
  font-weight: 400;
  color: rgba(180, 180, 180, 1);
  font-size: 12px;
  margin-bottom: 2px;
}

.DiWhP {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.Dozdw {
  width: calc(50% - 33px);
}

.kGzea {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

.kGzea p {
  text-transform: uppercase;
}

._2QR6Y p {
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  .DiWhP {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .Dozdw {
    width: 100%;
    margin-bottom: 20px;
  }

  .DiWhP .Dozdw:last-child {
    margin-bottom: 0;
  }

  ._2FB2p {
    text-align: right;
  }

  ._2FB2p button {
    padding: 23px 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3_may h1 {
  color: rgba(111, 111, 111, 1);
  font-weight: 400;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 23px;
}

.MIlJ- {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._32seT {
  width: calc(50% - 33px);
}

._395kW {
  font-weight: 400;
  color: rgba(180, 180, 180, 1);
  font-size: 12px;
  margin-bottom: 2px;
}

._3smac {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._3smac p {
  text-transform: uppercase;
}

@media screen and (max-width: 640px) {
  .MIlJ- {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._32seT {
    width: 100%;
    margin-bottom: 20px;
  }

  .MIlJ- ._32seT:last-child {
    margin-bottom: 0;
  }

  .ge_m3 {
    text-align: right;
  }

  .ge_m3 button {
    padding: 23px 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.XVgUg {
  max-width: 1150px;
  margin: 0 auto;
  padding: 70px 20px;
}

._3mjRQ {
  margin-top: 10px;
}

.w0ii- {
  display: -ms-flexbox;
  display: flex;
  padding: 27px 0;
}

._2r7Wu {
  width: 211px;
  margin-right: 44px;
}

._1MFC5 {
  -ms-flex: 1;
      flex: 1;
}

._2VYBd {
  margin-bottom: 64px;
}

.XVgUg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  width: 100%;
}

.XVgUg h3 {
  font-size: 32px;
  font-weight: 600;
  padding-bottom: 1%;
}

.iSY_V {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #e8deca;
  padding: 28px 20px;
}

._3GGcg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: end;
  -ms-flex-align: center;
      align-items: center;
}

._3GGcg p {
  margin-right: 25px;
}

._3Ypx4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 30px;
}

._3Ypx4 > * {
  width: 100% !important;
  height: 202px;
}
/* Big e-gift card */
._3Ypx4 > *:nth-child(8) {
  grid-column: span 2;
}
/* Dynasty member */
._3Ypx4._1MgZi > *:nth-child(8) {
  grid-column: span 3;
}

@media screen and (max-width: 1024px) {
  ._3Ypx4 {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  /* Gift a membership */
  ._3Ypx4 > *:nth-child(7) {
    grid-column: span 2;
  }
  /* Big e-gift card */
  ._3Ypx4 > *:nth-child(8) {
    height: auto;
  }
}

._2mjo7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  .DRnDp {
    width: 30%;
  }
  ._3GGcg {
    width: 70%;
  }
}

@media screen and (max-width: 640px) {
  .XVgUg {
    padding: 30px 20px;
  }
  .iSY_V {
    padding: 5%;
  }
  .w0ii- {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2r7Wu {
    width: 100%;
    margin-right: 0;
  }

  ._2VYBd {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .XVgUg h3 {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 1%;
  }

  ._3GGcg p {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3euT6,
._3b_M8 {
  width: 100%;
}

._3euT6 {
  border: 1px solid #baa57e;
  border-radius: 10px;
}

._3b_M8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
  height: 100%;
  padding: 21px 56px;
}

._2InH6 {
  width: 342px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

.D0Gil {
  width: 51px;
  height: 54px;
  margin-bottom: 18px;
}

._3Q05A {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 200px;
  height: 108px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/* could be put into separate separator component */
._5BLa- {
  width: 143px;
  height: 18px;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
}

._5BLa- img {
  width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
}

@media screen and (max-width: 1024px) {
  ._3b_M8 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  ._2InH6 {
    padding: 0 36px;
  }
  ._3Q05A {
    width: 200px;
    height: 86px;
  }
  ._3Q05A a {
    height: 36px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  ._5BLa- {
    width: 113px;
  }
}

@media screen and (max-width: 640px) {
  ._2InH6 h4 {
    font-size: 18px;
    font-weight: 500;
    color: rgba(80, 80, 80, 1);
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2WEwJ {
  background-color: rgba(246, 246, 246, 1);
}

._2S6cL {
  width: 100%;
  max-width: 1170px;
  margin: auto;
  padding: 30px 20px;
  margin: 0 auto;
}

._2va4r {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

.uwWoR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.J8i6L,
._1WYKj {
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

._1F0na {
  width: 350px;
  gap: 20px;
}
._1WYKj > a {
  -ms-flex: 1 1 calc(50% - 18px);
      flex: 1 1 calc(50% - 18px);
}
.rsIfe > a {
  -ms-flex: 1 1 calc(50% - 18px);
      flex: 1 1 calc(50% - 18px);
}

.rsIfe {
  gap: 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

._1OHQ6 {
  width: 264px;
  gap: 18px;
}

._1YIgE {
  padding: 20px;
}

.msG7e {
  gap: 10px;
}
@media screen and (min-width: 480px) {
  ._2S6cL {
    padding: 30px 20px 50px;
  }
  ._2va4r {
    gap: 30px;
  }
  .uwWoR > a {
    -ms-flex: 1 1 calc(50% - 18px);
        flex: 1 1 calc(50% - 18px);
  }
  .uwWoR {
    gap: 14px;
  }
}
@media screen and (min-width: 800px) {
  ._2S6cL {
    padding: 70px 30px 100px 30px;
  }

  .uwWoR > a {
    -ms-flex: 1;
        flex: 1;
  }

  ._2va4r {
    gap: 30px;
    margin-top: 50px;
  }

  ._1F0na,
  ._1OHQ6 {
    width: 100%;
    gap: 10px;
  }

  ._1F0na {
    padding: 18px 20px;
  }

  ._1OHQ6 {
    padding: 16px 10px;
  }

  .uwWoR {
    gap: 14px;
  }

  .rsIfe {
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    margin-top: 20px;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .uwWoR {
    gap: 18px;
  }

  .J8i6L {
    height: 200px;
  }

  ._1WYKj {
    height: 170px;
  }

  .rsIfe {
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    margin-top: 40px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._18Y2T {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid rgba(186, 165, 126, 1);
  padding: 18px 20px;
  border-radius: 10px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 1);
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box; 
}

._18Y2T:hover {
  box-shadow: 0px 0px 5px 0px rgba(231, 220, 208, 1);
  background-color: #e8deca;
}

._22B2w {
  font-weight: 500;
  margin-top: 20px;
  -ms-flex: 1;
      flex: 1;
  font-size: 18px;
}

._2HdF5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 10px;
}

._2cGII small {
  -ms-flex: 0 1 250px;
      flex: 0 1 250px;
}

.WyfBd small {
  max-width: 175px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1XW9P {
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f6f0e5;
  -ms-flex: 0 0 30px;
      flex: 0 0 30px;
}

._3e4J0 {
  text-align: center;
}

@media screen and (min-width: 800px) {
  ._18Y2T {
    -ms-flex: 1;
        flex: 1;
    max-width: 264px;
    padding: 30px 20px;
  }

  ._22B2w {
    font-size: 24px;
  }

  ._2HdF5 small {
    max-width: auto;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._24eMm {
  padding: 0 0 27px;
}

._3uY_g {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -moz-column-gap: 100px;
       column-gap: 100px;
  margin-bottom: 28px;
}

._1EzrL {
  display: block;
  margin: 38px auto 28px auto;
  width: 227px;
}

._3r3it {
  text-decoration: underline;
  cursor: pointer;
  color: rgba(80, 80, 80, 1);
}

._1VKU- {
  margin: auto;
  width: 310px;
  padding: 10px;
  text-align: center;
}

.EJ20J {
  width: auto !important;
}

._2QF7l {
  margin-bottom: 30px;
}

._3IVQt,
.dON05 {
  max-width: 1150px;
}

.dON05 {
  padding: 41px 20px;
  margin: 0 auto;
  position: relative;
}

._3IVQt > h1 {
  font-size: 28px;
  font-weight: 400;
  color: rgba(35, 35, 35, 1);
  margin-bottom: 0;
  margin-top: 0;
}

._3rX05 {
  background: rgba(244, 244, 244, 1);
}

._3IVQt {
  padding: 41px 64px 18px;
  margin: 0 auto;
}

.S-w6E {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 24px;
}

._1iZ3j {
  width: calc(50% - 30px);
  margin-bottom: 23px;
}

._3rTpg {
  padding-bottom: 23px;
}

._2BIyg {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid green;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: start;
}

._3ClP2 {
  padding: 5px 20px;
  border-radius: 5px;
  width: 118px;
}

@media screen and (max-width: 640px) {
  .dON05 {
    width: 100%;
    padding: 18px 16px;
    margin: 0 auto;
  }

  ._3IVQt {
    padding: 18px 16px 18px;
    width: 100%;
    margin: 0 auto;
  }

  ._3rTpg h1 {
    font-size: 18px;
  }

  ._3rTpg p {
    display: none;
  }

  ._1iZ3j {
    width: 100%;
  }

  ._3ClP2 {
    padding: 5px 10px;
  }
}

.gG9GB {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

._2U8fq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  margin-bottom: 32px;
}
._1Wy_B > *:first-child {
  border-bottom: none;
}

._1EKe3 > *:not(:last-child) {
  margin-bottom: 20px;
}

._1nX68 {
  position: relative;
}

._1nX68 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 195px;
  margin-bottom: -1px;
}

._3pctI {
  margin-top: -3.5px;
  background-color: #fff;
  border-top: none;
  padding: 20px;
  border-right: 1px solid #baa57e;
  border-left: 1px solid #baa57e;
  border-bottom: 1px solid #baa57e;
  box-sizing: border-box;
  height: 195px;
  position: relative;
}

._21dI- {
  margin-top: -3.5px;
  background-color: #fff;
  border-top: none;
  padding: 20px;
  border-right: 1px solid #baa57e;
  border-left: 1px solid #baa57e;
  border-bottom: 1px solid #baa57e;
  box-sizing: border-box;
  height: 240px;
  position: relative;
}

._2ZbMt {
  border-color: #aacae9;
}

.IWuUj {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-columns: auto auto auto;
  margin-top: 11px;
}

.HLKmv {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  margin-bottom: 0px !important;
}

.VPY5C {
  width: auto !important;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.VPY5C :first-child {
  width: auto !important;
}

.QIz7P {
  width: auto !important;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

._3sD38 {
  display: inherit;
}

._1dDkG {
  display: grid;
  grid-template-columns: auto;
  position: absolute;
  bottom: 20px;
}

._3O9ai {
  display: grid;
  grid-template-columns: auto;
}

._3_OMx {
  display: grid;
  grid-template-columns: 1fr auto;
}

._2wwy9 {
  position: absolute;
  top: 14px;
  right: 14px;
}

@media screen and (min-width: 1024px) {
  ._1nX68 {
    max-width: 370px;
  }
}
._1KFky {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1eABF {
  display: grid;
  grid-template-columns: minmax(auto, auto) minmax(auto, 1fr);
  grid-template-rows: auto auto;
  gap: 14px 48px;
  margin-top: 14px;
}

._1eWjG,
._132Ck {
  display: contents;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  ._1eABF {
    grid-template-columns: minmax(auto, auto) minmax(auto, auto);
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.VQeZj {
  background-color: rgba(23, 25, 25, 1);
  border-radius: 5px;
  padding: 4px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.VQeZj small {
  color: rgba(255, 255, 255, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._38RkF {
  position: relative;
}

._38RkF img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 187px;
  margin-bottom: -1px;
}

._2DeLR {
  width: auto !important;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

._2DeLR :first-child {
  width: auto !important;
  border-radius: 0px !important;
}

._1n2eX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2y1Be > *:first-child {
  margin-bottom: 10px;
}

._1w0W0 {
  margin-top: 30px;
}

.hgWgZ {
  margin-top: -3.5px;
  height: 302px;
  background-color: #fff;
  border-top: none;
  padding: 20px;
  border: 1px solid #baa57e;
  box-sizing: border-box;
  position: relative;
}

._3PGiO {
  height: 360px;
}

._3cRTJ {
  border-color: #aacae9;
}

.qshGj {
  display: grid;
  grid-template-columns: minmax(auto, auto) minmax(auto, 1fr);
  grid-template-rows: auto auto;
  gap: 14px 48px;
}

._1jfpN,
._2X3ln {
  display: contents;
}

._8JJsI,
._14mbd {
  display: grid;
  grid-template-columns: auto;
  margin-top: 30px;
}

._2co2M {
  display: none;
}

._3zi86 {
  position: absolute;
  top: 14px;
  right: 14px;
}

@media screen and (min-width: 640px) {
  ._2d2Cp {
    display: -ms-flexbox;
    display: flex;
  }

  ._38RkF {
    width: 635px;
  }

  .hgWgZ {
    width: 470px;
    height: 350px;
    margin-top: 0.3px;
    background-color: #fff;
    border-left: none;
    padding: 20px;
    border-right: 1px solid #baa57e;
    border-top: 1px solid #baa57e;
    border-bottom: 1px solid #baa57e;
    box-sizing: border-box;
    position: relative;
  }

  ._3PGiO {
    width: 470px;
    height: 350px;
    margin-top: 0.3px;
    background-color: #fff;
    border-left: none;
    padding: 20px;
    border-right: 1px solid #baa57e;
    border-top: 1px solid #baa57e;
    border-bottom: 1px solid #baa57e;
    box-sizing: border-box;
    position: relative;
  }
  ._3cRTJ {
    border-color: #aacae9;
  }

  ._1w0W0 {
    position: absolute;
    bottom: 20px;
  }

  ._38RkF img {
    height: 350px;
  }

  ._2DeLR :first-child {
    border-radius: 5px !important;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3J5KG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 35px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1wQBA {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(255, 255, 255, 1);
}

._3FLDt:not(:last-child) {
  margin: 0px;
}

.PDayO {
  margin-top: 20px !important;
  text-align: center;
  font-size: 24px !important;
}

.hz6kU {
  width: 54px;
  height: 54px;
}

._1jda9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 450px;
}
._1jda9 > p {
  text-align: center;
}

._3QN98 {
  z-index: 10 !important;
}

._3QN98 > div {
  width: 630px !important;
  height: 240px !important;

}

@media screen and (max-width: 640px) {
  ._3QN98 > div {
    width: 375px !important;
    height: 360px !important;
  }
  .PDayO {
    font-size: 24px !important;
  }
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1sKyj {
  width: 400px;
  height: auto;
  max-height: 98vh;
  padding: 20px;
  color: rgba(23, 25, 25, 1);
  background-color: rgba(249, 247, 243, 1);
  border: 1px solid rgba(186, 165, 126, 1);
}

.Hl1nn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  margin-bottom: 20px;
  position: relative;
}

.Hl1nn div:last-child {
  position: absolute;
  cursor: pointer;
  right: 0px;
}

._2Imgo {
  width: 15px;
  height: 15px;
  transform: rotate(180deg);
  background-color: transparent;
}

.DMIZQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
._3th_1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}

._7iQjI {
  font-size: 22px;
}
._3wrkD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._3lpp4 {
  margin-top: 20px;
}

._3_YdF {
  margin-top: 20px;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3Nxs5 {
  position: relative;
}

._5-iKv > input {
  border-radius: 5px;
  border-width: 1px;
  height: 45px;
  border-color: rgba(178, 178, 178, 1);
  padding: 16px 10px 16px 30px !important;
}

._5-iKv > input::-moz-placeholder {
  color: rgba(80, 80, 80, 1);
  font-size: 14px;
}

._5-iKv > input:-ms-input-placeholder {
  color: rgba(80, 80, 80, 1);
  font-size: 14px;
}

._5-iKv > input::placeholder {
  color: rgba(80, 80, 80, 1);
  font-size: 14px;
}

.RHIqZ {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 2;
}

.KyLNj {
  max-height: 320px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 10;
}

.KyLNj > li:hover {
  background-color: rgba(80, 80, 80, 1) !important;
  color: rgba(255, 255, 255, 1);
}

.KyLNj > li:hover * svg path {
  fill: rgba(255, 255, 255, 1);
}

._3eztO,
._3eztO > input {
  background-color: rgba(246, 246, 246, 1) !important;
  pointer-events: none;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3z8vn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: rgba(255, 255, 255, 1);
  padding: 20px;
  border-radius: 5px;
  border: 1px solid rgba(178, 178, 178, 1);
  gap: 14px;
}

.ObMWE {
  text-align: center;
}

._1Svoz {
  border-color: rgba(232, 222, 202, 1);
  padding: 30px 20px;
  text-align: center;
}

._3MkJk > div:nth-child(2) > div {
  inline-size: 250px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3mjz0 {
  border: 1px dashed rgba(232, 222, 202, 1);
  color: rgba(190, 190, 190, 1);
  position: relative;
  cursor: pointer;
  font-size: 12px;
  color: rgba(7, 7, 7, 1);
  max-height: 250px;
  overflow-y: scroll;
  border-radius: 5px;
}

._3XIaC {
  display: -ms-flexbox;
  display: flex;
  padding: 11px 10px;
  background-color: rgba(249, 247, 243, 1);
  position: relative;
  border-radius: 5px;
}

._3XIaC:not(:first-child) {
  margin-top: 10px;
}

._2qHas {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  margin-left: 20px;
}



._1tprR {
  position: absolute;
  cursor:pointer;
  top: 5px;
  right: 10px;
  z-index: auto;
}

._2CmDx {
  margin-top: 14px;
}

.zywu6 {
 display: none;
}

._3gaZe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
}

._1ldYL {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  height: 100px;
}

._3gaZe:hover ._1ldYL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

._3QIUk {
  inline-size: 420px;
  overflow-wrap: break-word;
}

@media screen and (max-width: 640px) {
  ._3QIUk {
    inline-size: 220px;
    overflow-wrap: break-word;
  }

}
._1te_n {
  margin-bottom: 4px;
}

._1te_n > span {
  font-weight: 400;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.bHFR1 input::-moz-placeholder {
  font-size: 14px;
  color: rgba(80, 80, 80, 1);
}

.bHFR1 input:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(80, 80, 80, 1);
}

.bHFR1 input::placeholder {
  font-size: 14px;
  color: rgba(80, 80, 80, 1);
}

.bHFR1 input:disabled {
  background-color: rgba(246, 246, 246, 1) !important;
  pointer-events: none;
}
._2mqYx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3aDRG {
  text-align: right;
  margin-top: 5px;
}

._3aDRG span {
  text-decoration: underline;
  cursor: pointer;
}

._2_r47 {
  margin-top: 15px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._-rVE3 {
  cursor: pointer;
}

._3VnoU {
  position: relative;
  background-color: white;
  border-color: rgba(178, 178, 178, 1);
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  height: 45px;
  padding: 0px 10px;
}

._1QXmn {
  border-radius: 5px 5px 0px 0px;
}

._1QXmn div.M6cWJ {
  display: block;
}

._3FdHY {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3FdHY > div {
  display: -ms-flexbox;
  display: flex;
}
._3FdHY img {
  margin-right: 4px;
}

.IdH39 {
  position: relative;
  width: 100%;
}

.M6cWJ {
  position: absolute;
  z-index: 1;
  width: inherit;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 0px 5px 5px;
  border-color: rgba(178, 178, 178, 1);
  background-color: white;
  border-top-style: none;
  /* height: 225px; */
  max-height: 225px;
  overflow-y: scroll;
}

.M6cWJ ul {
  list-style: none;
  width: 100%;
}
.M6cWJ li {
  height: 45px;
  padding: 10px;
  width: inherit;
}
.M6cWJ li:hover {
  color: white;
  background-color: rgba(80, 80, 80, 1);
}

._3dmCL {
  border: 1px solid #b71610;
}

._22B15 {
  margin-top: 10px;
  display: block;
  font-family: 'Avenir Next';
  font-size: 14px;
  line-height: 140%;
  color: rgba(183, 22, 16, 1);
}
._1VUeE {
  background-color: rgba(246, 246, 246, 1);
}
._1VUeE svg {
  display: none;
}

.Aw1_U {
  transform: rotate(0deg);
}

._2cdpn {
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
  transform: rotate(180deg);
}
/*
@media (--small-only) {
  .container {
   max-width: inherit;
  }
  .input {
    background-color: transparent;
  }
  .list {
    background-color: var(--color-new-gold-light);
  }
}
*/
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1PB1s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

._19fOl > div {
  max-height: 320px;
  z-index: 10;
}

.YbMOp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1jmg4 {
  
}

._1jmg4 label {
  font-weight: 600;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2yiNR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._-vVAr {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
._2kRWX {
  height: 100%;
  position: absolute;
  top: 80%;
  left: 30%;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  ._2kRWX {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 0px;
    z-index: 999999;
  }
}
._2aHyX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  height: 45px;
  width: 350px;
  cursor: pointer;
}

._2aHyX img {
  width: 15px;
  height: 15px;
  margin: 0 15px;
}

._1bIzz {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
._1bIzz p {
  -ms-flex: 1;
      flex: 1;
}

.oaUUZ {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
._3XWEp {
  width: 22px !important;
  padding: 0 7px;
}

.BD0AY {
  margin-right: 15px;
  display: block;
  width: 1px;
  height: 20px;
  background-color: #b2b2b2;
}

._3IfkT {
  display: block;
}
._3EhpL {
  display: none;
}

.BaRKR {
  display: none;
  padding-left: 5px;
}

/* search bar responsive */
@media only screen and (max-width: 640px) {
  ._2aHyX {
    width: 335px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
  }
  ._2aHyX img {
    margin: 0 10px;
  }

  .oaUUZ {
    display: none;
    margin-right: 0px;
  }
  ._1bIzz {
    -ms-flex: initial;
        flex: initial;
  }

  ._1bIzz:nth-of-type(1)::after {
    content: '\A0-\A0';
  }
  ._3IfkT {
    display: none;
  }
  .BaRKR {
    display: block;
  }
  ._3EhpL {
    display: block;
  }
  .BD0AY {
    display: none;
  }
}
._3DXzy {
  height: 60px;
  width: 100%;
}

._3DXzy > button {
  position: absolute;
  top: 20px;
  right: 20px;
}

.jbI2O {
  margin: 50px 0 15px 0;
  text-align: center;
}

/* 125px -> height of the calendar info box */
/* 95px  -> remaining height on top of the calendar */
._1dA0y {
  height: calc(100% - 125px - 95px);
}

._2qBcg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125px;
  background-color: #fff;
  border-top: 1px solid #b2b2b2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
._2qBcg > div {
  padding: 0 20px;
}
._2qBcg > *:first-child {
  padding: 0;
  min-height: 40px;
  margin: 10px 0 0 0;
  border: none;
}
._2qBcg > *:first-child > * {
  margin: 0;
}
._2qBcg > *:last-child {
  width: calc(100% - 40px);
  margin-top: 10px;
}
._2LEMS {
  position: relative;
}

._2FPBv {
  top: 60px;
  left: 0px;
}


._2EKK4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  height: 45px;
  width: 100%;
  -ms-flex: 1;
      flex: 1;
  cursor: pointer;
  padding: 0px 15px;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._3seHN {
  width: 10px;
}
._3bAYf {
  padding: 0px 10px 10px;
}
._2rpJf {
  width: 100%;
}
._39hJm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._3I1OL {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

._3JIxb {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px;
}

._1GUn3 > div:first-child {
  margin-bottom: 4px;
}
._1UB9g {
  color: #191919;
  line-height: 19.6px;
}
._1jT7Z {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3JHAK {
  text-align: right;
  margin-top: 5px;
}

._3JHAK span {
  text-decoration: underline;
  cursor: pointer;
}

._3eNro {
  margin-top: 15px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3gCWb {
  border: 1px solid rgba(178, 178, 178, 1);
  margin-top: 14px;
  border-radius: 5px;
  padding: 20px 10px;
  background-color: rgba(255, 255, 255, 1);
  row-gap: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
._1jMoj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._17s_y {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
._17s_y div {
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-align: center;
      align-items: center;
}
.VGFQt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

.k2GJR {
  position: relative;
}

._3nTUU {
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
}

.wbRLt {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}._21ZL9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._2W1C2 textarea::-moz-placeholder {
  font-size: 14px;
  color: #767676;
}

._2W1C2 textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #767676;
}

._2W1C2 textarea::placeholder {
  font-size: 14px;
  color: #767676;
}

._3dFGK {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}.gk3So {
  background-color: #fff;
  padding: 12px 10px;
  border-radius: 10px;
}

._3_E0J {
  gap: 0px !important;
  padding: 10px;
}

._1e_nc {
  border: none;
  border-bottom: 1px solid #B2B2B2;
  cursor: pointer;
}
._1e_nc:hover {
  background-color: rgba(249, 247, 243, 1);
}

._1e_nc p {
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}

._19blH {
  background-color: #fff;
  border-bottom: 2px solid #baa57e;
  border-radius: 0px;
  cursor: pointer;
}

._19blH p {
  font-weight: 600;
  text-align: center;
  color: #baa57e;
}

._12Eef {
  margin-top: 10px;
}

._3VkuX {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1
}

._3J3qz {
  width: 85px;
  position: relative;
}

._3J3qz::after {
  content: '%';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
._1f_vz {
  display: grid;
  grid-template-columns: 85px 1fr;
  gap: 10px
}
._3V4bG {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: start;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
._38zpk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}


.VU9HN {
  background-color: #fff;
  border-radius: 10px;
  padding: 12px 10px;
}

._123-_ {
  gap: 0px;
}

.rELa2 {
  border: none;
  width: 100%;
  border-bottom: 1px solid #b2b2b2;
  cursor: pointer;
}

.rELa2:hover {
  background-color: rgba(249, 247, 243, 1);
}

.rELa2 p {
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}

.R_D6q {
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #baa57e;
  border-radius: 0px;
}

.R_D6q p {
  font-weight: 600;
  text-align: center;
}

._27iBR {
  margin-top: 10px;
}

._1bXwZ {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}

._1UZwT textarea::-moz-placeholder {
  font-size: 14px;
  color: #767676;
}

._1UZwT textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #767676;
}

._1UZwT textarea::placeholder {
  font-size: 14px;
  color: #767676;
}
._1bW_3 {
  position: relative;
}

.kB87m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 45px;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  padding: 0px 15px;
  gap: 10px;
}

._3E-dA {
  position: absolute;
  top: 60px;
  z-index: 1000;
  left: -10px;
}

.pkESb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px 0;
  margin: 0 30px;
  border-top: 1px solid #b2b2b2;
}


._1kD-u {
  height: 100%;
  z-index: 1;
}

._1kD-u div[class*='DayPicker__horizontal'],
._1kD-u div[class*='DayPicker_transitionContainer__horizontal'] {
  width: 370px !important;
}

._1kD-u div[class*='DayPicker_transitionContainer__horizontal'] {
  height: 370px !important;
}

._1kD-u div[class*='DayPickerNavigation_button']:last-child {
  right: -30px !important;
}

._1kD-u div[class*='SingleDatePickerInput'] {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  height: 45px;
}

._1kD-u button[class*='DayPickerKeyboardShortcuts_show__bottomRight'],
._1kD-u svg[class*='DateInput_fang'] {
  display: none;
}

._1kD-u td[class*='CalendarDay'] {
  width: 50px !important;
  height: 49px !important;
}

._1kD-u div[class*='CalendarMonth_caption'] {
  margin-bottom: 5px;
}

._1kD-u div[class*='DayPicker_weekHeader'] {
  width: 370px !important;
  padding: 0px !important;
}

._1kD-u div[class*='CalendarMonthGrid_month__horizontal'] > div {
  padding: 0px !important;
}

._1kD-u li[class*='DayPicker_weekHeader_li'] {
  width: 50px !important;
}

._1kD-u td[class*='CalendarDay__selected'],
._1kD-u td[class*='CalendarDay__selected']:active {
  background-color: #505050;
  border-radius: 50%;
  color: white !important;
  font-weight: 600 !important;
}

/* nav buttons */
._1kD-u div[class*='DayPickerNavigation_button'] {
  position: absolute;
  top: 18px;
}

._1kD-u div[class*='DayPickerNavigation_button']:first-child {
  left: 22px;
}

._1kD-u div[class*='DayPickerNavigation_button']:last-child {
  right: 22px;
}

/* Months text*/
._1kD-u div[class~='CalendarMonth_caption'] strong {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #505050;
}

._1kD-u td[class~='CalendarDay'],
._1kD-u div[class~='DayPicker_weekHeader'] small {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
}

._1kD-u td[class~='CalendarDay'] {
  border: none;
  color: #191919;
}

._1kD-u td[class~='CalendarDay']:hover {
  border-radius: 50%;
}

._1kD-u div[class~='DayPicker_weekHeader'] {
  color: #000;
}

@media screen and (max-width: 640px) {
  ._1kD-u {
    width: 100%;
    margin-top: 50px;
  }

  ._1kD-u div[class*='CalendarMonthGrid__vertical'] {
    width: 370px !important;
  }

  ._1kD-u div[class*='DayPicker_weekHeader'] {
    width: 100% !important;
  }

  ._1kD-u div[class*='DayPicker__horizontal'],
  ._1kD-u div[class*='DayPicker_transitionContainer'] {
    width: 100% !important;
    height: auto !important;
  }

  ._1kD-u div[class~='DayPicker_weekHeader'] {
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #505050;
    margin-bottom: 20px;
  }
  ._1kD-u
    div[class~='CalendarMonthGrid']
    > div:first-child
    div[class~='CalendarMonth_caption'] {
    padding-top: 25px;
  }
}
._3xAgk {
  position: absolute;
}

._3xAgk {
  height: 60px;
  width: 100%;
}

._3xAgk > button {
  position: absolute;
  top: 20px;
  right: 20px;
}

._1KIS1 {
  margin: 50px 0 15px 0;
  text-align: center;
}

._2I-l- {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125px;
  background-color: #fff;
  border-top: 1px solid #b2b2b2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
._2I-l- > div {
  padding: 0 20px;
}
._2I-l- > *:first-child {
  padding: 0;
  min-height: 40px;
  margin: 10px 0 0 0;
  border: none;
}
._2I-l- > *:first-child > * {
  margin: 0;
}
._2I-l- > *:last-child {
  width: calc(100% - 40px);
  margin-top: 10px;
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3cspt {
  position: relative;
  width: 375px;
  height: auto;
  padding: 20px;
  color: rgba(23, 25, 25, 1);
  background-color: rgba(249, 247, 243, 1);
}

.GGre- h4 {
  -webkit-margin-after: 0px;
          margin-block-end: 0px;
}

._2boCU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._2hwcA {
  padding-top: 20px;
  font-size: 24px !important;
  text-align: center;
}

.wiUzR {
  margin-top: 20px;
  text-align: center;
}

._1pFyD {
  width: 54px;
  height: 54px;
}

._393GE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
}

.GjweS {
  width: 100px;

}
._10ia- > div {
  width: 630px !important;
  height: 360px !important;
}

._3u9BG {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  ._10ia- > div {
    width: 375px !important;
    height: 400px !important;

  }
  ._2hwcA {
    font-size: 18px !important;
    font-weight: 500 !important;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

/* Regular booking card variant */
._24bM5,
.T5Og6 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(186, 165, 126, 1);
}

.T5Og6 {
  height: 350px;
  overflow: hidden;
}

.Ecxqe {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 350px;
}

._2klcj {
  max-width: 300px;
  max-height: 200px;
}

.CDInA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._2Xl4y {
  position: relative;
  padding: 20px 20px 20px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

.ccPWf,
._2nHFn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1G-ah,
.SnNjX {
  display: grid;
  grid-template-columns: minmax(auto, auto) minmax(auto, 1fr);
  grid-template-rows: auto auto;
  gap: 14px 48px;
}

._3w3WW,
._3o66U,
.SILQc,
._2w2XI {
  display: contents;
}

._3G1MH {
  position: absolute;
  width: 90%;
  bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
}

._3040B {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
  width: 50%;
}

._29MqA {
  background-color: #dbe8ca !important;
  padding: 2px 10px !important;
}

._29MqA small {
  color: rgba(23, 25, 25, 1) !important;
  font-weight: 600 !important;
}

.jSh0x,
._1FrTY {
  width: auto;
}

._29PUA,
._3UrH3 {
  position: absolute;
  right: 15px;
  padding: 2px 10px !important;
  background-color: #a7e2b6 !important;
}

._29PUA small,
._3UrH3 small {
  color: rgba(23, 25, 25, 1) !important;
  font-weight: 600;
}

._3UrH3 {
  right: 35px;
}

@media screen and (max-width: 640px) {
  ._24bM5,
  .T5Og6 {
    grid-template-columns: 1fr;
    height: auto;
  }

  ._2a78D,
  .Ecxqe {
    height: 250px !important;
  }

  .UdLUp,
  ._2Xl4y {
    padding: 20px;
  }

  ._3G1MH {
    position: relative;
    width: 100%;
    bottom: unset;
  }

  ._3040B {
    width: 100%;
  }
}

/* Compact booking card variant */
._24bM5 {
  grid-template-columns: 1fr;
  width: 100%;
}

._2a78D {
  position: relative;
  height: 195px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1c4mk {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
  width: 100%;
}

._QvI8 {
  max-width: 200px;
  max-height: 165px;
}

._QvI8 div:last-child {
  height: 1px;
  width: 90%;
  top: unset;
  bottom: 0px;
  left: 20px;
}

.UdLUp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  padding: 20px;
}

._3qWdN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._3qWdN h5 {
  font-size: 14px;
  font-weight: 600;
  max-width: 300px;
}

._3qWdN div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2Ynxo {
  color: rgba(183, 22, 16, 1);
}

._2zjce {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 20px;
}

._2zjce h5 {
  font-size: 12px;
  font-weight: 400;
}

.v2_H2 {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

@media screen and (max-width: 640px) {
  ._24bM5,
  .T5Og6 {
    grid-template-columns: 1fr;
    height: auto;
  }

  ._QvI8 {
    max-width: 165px;
    max-height: 165px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2bOnX {
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(249, 247, 243, 1);
}

._30aDk {
  margin-top: 0px;
}

._2mvLZ {
  display: none;
}

._2oRhv {
  background-color: rgba(249, 247, 243, 1);
  width: 530px;
  border-radius: 5px;
  padding: 20px 12px;
  border: 1px solid rgba(232, 222, 202, 1);
}

._1rMmb {
  margin-top: 14px;
}

._1rMmb > span {
  font-weight: 600;
}

._2hjKD {
  margin-top: 14px;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(232, 222, 202, 1);
  padding: 30px 62px;
  height: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1CXs4 {
  background-color: rgba(255, 255, 255, 1) !important;
  margin-top: 10px !important;
}

._1bjv_ {
  background-color: rgba(255, 255, 255, 1);
  padding: 0px;
}

._2C-Vp svg {
  max-width: 80%;
  margin: auto 0px;
}

._2Xe6_ {
  inline-size: 200px;
  overflow-wrap: break-word;
}
._1A2XT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

._2KRqY {
  max-width: 200px;
}

.KeXIb {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  gap: 10px;
  padding: 11px 10px;
  max-width: 315px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 4px;
  border: 1px solid rgba(178, 178, 178, 1);
  max-height: 55px;
}

._2kr_s {
  width: 30px !important;
  height: 30px !important;
}

._2g5WJ {
  cursor: pointer;
  color: rgba(186, 165, 126, 1);
  width: 20px !important;
  height: 20px !important;
}
._2g5WJ svg { 
  stroke-width: 1px;
}
._2g5WJ:hover {
  opacity: 0.7;
}

@media screen and (max-width: 640px) {
  ._2oRhv {
    width: 335px;
  }
  ._2hjKD {
    padding: 15px 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._222F_ {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.uF2H4 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

._1BErd {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._1BErd h1 {
  font-size: 60px;
  font-weight: 500;
}

.oG9rp {
  position: absolute;
  height: 90%;
  width: 1px;
  top: 10px;
  right: 0px;
  background-color: rgba(186, 165, 126, 1);
}

@media screen and (max-width: 640px) {
  .oG9rp {
    height: 1px;
    width: 90%;
    top: unset;
    bottom: 0px;
    left: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1KDhy {
  max-width: 1110px;
  padding: 70px 0px 70px 0px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3pThw {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

._2C1zd {
  margin-top: 20px;
}

._37uo0 {
  margin-top: 20px;
}

._2-mGu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.DGY9i {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

._2jONQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  margin-top: 30px;
}
._2jONQ img {
  width: 230px;
}

._301OP {
  max-width: 310px;
  margin-top: 10px;
  text-align: center;
}

._301OP a {
  color: rgba(80, 80, 80, 1);
  text-decoration: underline;
}

.KivMf {
  width: auto;
}
@media screen and (max-width: 640px) {
  ._1KDhy {
    padding: 30px 16px 30px
      16px;
  }

  .DGY9i {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2R8cF {
  padding: 42px 0 27px;
}

._2q5ig {
  max-width: 1150px;
  padding: 19px 20px 20px 20px;
  margin: 0 auto;
}

._1ph2M {
  max-width: 1150px;
  padding: 0px 20px 41px 20px;
  margin: 0 auto;
}

._1ph2M img {
  max-height: 302px !important;
}

._2EmaT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2EmaT p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2EmaT h4 {
  width: 253px;
}

.Pw1tr {
  display: grid;
  grid-template-columns: 1fr auto;
}

._1h-TG {
  display: grid;
  grid-template-columns: auto auto auto;
  margin-top: 22px;
  margin-bottom: 30px;
}

._3FZt4 {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 60px;
}

._3RT3W {
  width: 100%;
  height: 220px !important;
}

._36jhM {
  max-width: 300px;
}

._2yTln {
  display: inherit;
}

.K9pjl {
  width: 447px !important;
  cursor: pointer;
}

._2W9xB {
  display: grid;
  grid-template-columns: 24.3ch auto;
  margin-top: 20px;
}

._3fBLh {
  margin-bottom: 20px;
}

._1wEG1 {
  padding: 60px 0;
  border-top: 1px solid rgba(178, 178, 178, 1);
}

._8M3Ij {
  padding: 60px 0;
  border-top: 1px solid rgba(178, 178, 178, 1);
}

._1S7hE {
  display: grid;
  grid-template-columns: none;
  grid-gap: 18px;
}

._3IXXD {
  display: -ms-flexbox;
  display: flex;
}

._336eR {
  margin-bottom: 20px;
}

._1IRK2 {
  margin-bottom: 10px;
}

._2uXEm {
  margin: 27px 20px 0px 0px;
  width: auto !important;
}

._2TmtE {
  margin: 27px 20px 0px 0px;
  width: auto !important;
  display: none;
}

._2Dbi8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._2Duha {
  margin: 20px 0px;
}

._122ck {
  width: 120px;
  margin-bottom: 30px;
  text-align: center;
}
._2O3r1 {
  padding-top: 24px;
}

@media (min-width: 1024px) {
  ._1S7hE {
    display: grid;
    grid-template-columns: 1fr auto;
    -moz-column-gap: 154px;
         column-gap: 154px;
  }
  ._8M3Ij {
    padding: 0px 0;
    border-top: none;
  }
}

@media screen and (max-width: 640px) {
  ._1ph2M {
    padding: 0px;
  }

  ._1ph2M img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }

  ._3FZt4 {
    display: grid;
    grid-template-columns: auto;
  }

  .K9pjl {
    width: 100% !important;
  }

  ._1wEG1 {
    padding: 30px 0;
  }

  ._8M3Ij {
    padding: 30px 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2ogH3 canvas {
  width: 100% !important;
  max-width: 447px !important;
  height: 220px !important;
}

@media screen and (max-width: 640px) {
  ._2ogH3 canvas {
    width: 100% !important;
    max-width: 600px !important;
    height: 165px !important;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.NwwAd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: auto;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1CqoC,
._24MKk {
  width: 100%;
  height: 188.5px;
  background-size: cover;
  background-position: center center;
}

._1CqoC {
  position: relative;
}

.S-OHB {
  margin-top: 20px;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3yRVx .S-OHB h1 {
  color: rgba(186, 165, 126, 1);
}

._3EF5X {
  margin-top: 30px;
}

.NqwH3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: unset;
      align-items: unset;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

._3HI3v {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.NqwH3 > button {
  margin-top: 20px;
  width: auto;
}

._3yRVx ._889hb {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
}

._10sWw {
  display: block;
  margin-top: 10px;
}

._1_cBu {
  margin-bottom: 30px;
}

._18cGE {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

._2iKIf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1FSIp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.k08Wj {
  margin-top: 30px;
}

._1r9Lk {
  margin-left: 15px;
}

._1r9Lk li {
  color: #505050;
  font-weight: 600;
}

.IVu-p {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .NwwAd {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .NwwAd > *:last-child {
    margin-left: auto;
  }

  .S-OHB {
    margin-top: 0;
  }

  .NqwH3 {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .NqwH3 > button {
    margin-top: 130px;
    margin-left: 30px;
  }

  ._1CqoC,
  ._24MKk {
    margin-right: 30px;
  }

  ._1CqoC.c2foA,
  ._1CqoC.c2foA > ._24MKk {
    width: 445px;
    height: 250px;
  }

  ._1CqoC.c2foA + div {
    margin-right: 30px;
  }

  ._1CqoC.lonYa,
  ._1CqoC.lonYa > ._24MKk {
    width: 639px;
    height: 358px;
  }

  .NwwAd > *:not(:last-child) {
    margin-bottom: 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3MXQz {
  position: relative;
}

._3Qjup {
  cursor: pointer;
}

._1cLre {
  display: block;
  width: 100%;
  max-height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

._1mi4P {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  right: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._187ah {
  padding: 5px 20px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._187ah:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.N1_nK {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 15px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.N1_nK:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 1024px) {
  ._1cLre {
    max-height: 400px;
  }
  ._1mi4P {
    gap: 10px;
    width: auto;
    -ms-flex-pack: end;
        justify-content: end;
  }
}

@media screen and (min-width: 1280px) {
  ._1cLre {
    max-height: 500px;
  }
}

@media screen and (min-width: 1650px) {
  ._1cLre {
    max-height: 650px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._10U-t {
  width: 100%;
  max-width: 375px;
  max-height: 396px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
}

.SGOY6 {
  text-align: center;
  margin: 0;
}

._1XfJC {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._1GBr5,
._3nBwu {
  background-color: transparent;
  border: 1px solid #505050;
}

._1SSET {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._1SSET button {
  width: 100%;
  max-width: 220px;
}

.K4w72 {
  margin-top: 20px;
  padding: 0px 25px;
}

._3eL2o {
  margin-top: 20px;
}

._196Pi {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._196Pi:hover {
  opacity: 1;
}

.pwLd1 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.pwLd1 button {
  width: 220px;
}

button p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
}

._2S5Xl {
  background-color: transparent;
  border: 1px solid #505050;
}

._31nSi {
  height: 20px;
  width: 20px;
}

@media (max-width: 640px) {
  ._2nlsD {
    width: 100%;
  }

  ._196Pi {
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 1024px) {
  ._10U-t {
    max-width: 622px;
    max-height: 379px;
  }
  ._1SSET {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  ._1P3cs {
    bottom: 30px;
  }
}
._29Yhj {
  border: 2px solid #aacae9;
  border-radius: 5px;

  padding: 10px;
  max-width: 440px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._29Yhj > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  padding: 10px;
}

.VG7KW {
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

.aZ_SZ {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin-top: 10px;
}

._29Yhj > div:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

@media screen and (min-width: 720px) {
  ._29Yhj {
    width: 440px;
    padding: 10px 20px 20px 20px;
  }
  ._29Yhj button {
    width: 170px;
    padding: 10px 30px;
  }
  ._29Yhj button > * {
    font-size: 14px;
  }
}
._1Lk7f {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: right;
      align-items: right;
  gap: 10px;

  ._141OX {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100px;
    background-color: #baa57e;
  }

  div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
}
._2fVmm,
._2v7ZH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._2Y6t5 {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._21LfG {
  position: relative;
  max-width: 1110px;
  padding: 70px 0px 70px 0px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2P0qh {
  position: absolute;
  top: 70px;
  right: 0;
}

._1yVbD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 60px;
}

.kdo12 {
  color: #40ad29;
}

._1I2Yz {
  color: rgba(183, 22, 16, 1);
}
._15scy {
  color: rgba(67, 68, 74, 1);
}

._3WNod {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 20px;
}

._2n2AI {
  margin-top: 10px;
}

._3UCgG {
  display: -ms-flexbox;
  display: flex;
}

._2kFZj {
  display: block !important;
}

._2UfFQ {
  display: -ms-flexbox;
  display: flex;
  max-width: 540px;
}

._1osDc {
  margin-left: 10px;
}

._3yVi8 {
  margin-top: 30px;
}

._3AbQ9 {
  width: 600px;
}

._1i358 {
  position: absolute;
  bottom: 0;
  right: 0;
}

._2V0GR {
  margin-bottom: 20px;
}

.Qt7g7 {
  padding: 2px 10px;
  background-color: #dbe8ca;
}

.Qt7g7 small {
  color: #191919 !important;
}

._1Mvaj {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-top: 30px;
}

._2T87C {
  padding: 4px 10px;
}

.WxidR {
  padding: 4px 10px;
}

.krgZZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}

._1VZ_y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 5px;
}

._3bhPG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 2px 10px;
  background-color: #a7e2b6;
}

._3bhPG small {
  color: rgba(23, 25, 25, 1);
}

@media screen and (max-width: 640px) {
  ._21LfG {
    padding: 30px 0px;
  }
  .S-lAN {
    padding: 0 16px;
  }
  ._1Mvaj {
    padding: 0 16px;
  }

  ._1i358 {
    position: relative;
  }

  ._2P0qh {
    top: 140px;
    right: 16px;
  }

  ._1Mvaj {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 10px;
  }

  .krgZZ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 4px;
  }

  ._1VZ_y {
    margin-bottom: 0px;
  }

  ._2T87C {
    margin-bottom: 0;
  }

  .WxidR {
    margin-bottom: 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2172I {
  padding: 8px 30px;
  background-color: rgba(246, 240, 229, 1);
  border-radius: 5px;
}

._1VTIG {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 10px;
}
._1vsRd div {
  background-color: rgba(186, 165, 126, 1);
}

._3Z1W2 {
  font-size: 24px !important;
  text-align: center;
  margin-top: 20px;
  margin-block-end: unset;
  -webkit-margin-after: unset;
}

@media screen and (max-width: 640px) {
  ._2172I {
    text-align: right;
    padding: 6px 8px;
  }
  ._1VTIG > p {
    display: none;
  }
  ._2eRkO  svg path {
    stroke: rgba(186, 165, 126, 1);
  }

  ._3Z1W2 {
    font-size: 18px !important;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3ubVD {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 630px;
  height: 250px;
  position: relative;

}


._2s7vZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px 0px;
}

._3A6Ja {
  width: 54px;
  height: 54px;
}
.W3lJ8 {
  position: absolute;
  top: 20px;
  right: 20px

}

._1wTjl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-pack: center;
      justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 30px;
}

._1Wyi3 {
  width: auto;
}
@media screen and (max-width: 640px) {
  ._3ubVD {
    width: 375px;
    height: 255px;
    position: relative;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2nVuq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.kZbLc > p:first-child {
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 4px;
}

._3dd8B > p:first-child {
  font-size: 14px;
}

._3pNER > p:first-child {
  font-weight: 500;
}

._2qbhY > p:first-child {
  font-weight: 600;
}

.MU0rX {
  font-size: 14px;
  color: rgba(80, 80, 80, 1);
}

.uyhjF > p:first-child {
  font-size: 12px;
  font-weight: 600;
}

.uyhjF .MU0rX {
  font-size: 12px;
  font-weight: 400;
}

._1CUXb {
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2tNno {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
  margin-top: 20px;
  max-width: 50%;
}

._5pdjG {
  color: rgba(80, 80, 80, 1);
  margin-bottom: 30px;
}

._3egvf {
  max-width: 300px;
  max-width: 200px;
  margin: 40px 0px;
}

.YMTUx {
  margin-top: 50px;
}

._1dsTK {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

._1dsTK h5 {
  font-weight: 600;
}

.EwlrF {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.EwlrF button {
  width: auto;
}

._1XpXE {
  padding: 2px 10px;
  background-color: #dbe8ca;
}

._1XpXE small {
  color: #191919 !important;
}

@media screen and (max-width: 640px) {
  ._2tNno {
    padding: 0px 16px;
  }

  ._3egvf {
    padding: 0px 16px;
  }

  .YMTUx {
    padding: 0px 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1rtlg {
  position: relative;
}

._3Q06i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 310px;
  width: 100%;
  margin-top: 20px;
}

._2J_3T {
  display: grid;
  grid-template-columns: 700px 1fr;
  margin-top: 30px;
}

._2J_3T ._2yHSm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._3Rr8r {
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}


._35Mpz {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}

._35Mpz ._2t2vC small:last-child {
  margin-top: 6px;
}

.NEaPC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._3qbsD {
  margin-top: 30px;
}

._3nqRK {
  padding: 60px 0px;
  border-top: 1px solid #b2b2b2;
}

._1Nr0T {
  padding: 60px 0;
  border-top: 1px solid rgba(178, 178, 178, 1);
}

._1GWNI {
  display: -ms-flexbox;
  display: flex;
}

._3DvgV {
  display: block !important;
}

._14drI {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 20px;
}

._1siWY div[class*='mapboxgl-map'] {
  z-index: 2;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  ._2J_3T {
    padding: 0 16px;
    grid-template-columns: 550px 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 640px) {
  ._1rtlg {
    padding: 0 16px;
  }

  ._3Q06i {
    height: 210px;
  }

  ._3qbsD {
    margin-top: 30px;
  }

  ._2J_3T {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  ._1Nr0T {
    padding: 30px 0px;
  }

  ._1GWNI {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0px;
  }

  ._14drI {
    gap: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.KU-36 {
  display: grid;
  grid-template-columns: 640px 1fr;
  gap: 30px;
}

._28zka {
  width: 640px;
  height: 360px;
}

.DeX-Z {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1b0nI {
  display: -ms-flexbox;
  display: flex;
}

._1X7q9 {
  width: 110px;
}

._1J0vG {
  margin-left: 15px;
}

._3VB85 {
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

._-iCre {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._3aBZY {
  background-color: rgba(249, 247, 243, 1);
}

._3aBZY h1 {
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .KU-36 {
    grid-template-columns: 1fr;
  }
  ._28zka {
    width: 100%;
    height: 200px;
  }
}

@media screen and (max-width: 640px) {
  .KU-36 {
    grid-template-columns: 1fr;
  }

  ._28zka {
    width: 100%;
    height: 200px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3O1b7 {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  gap: 130px;
}

._3O1b7 div:first-child {
  max-width: 360px;
}


._2g4Bz, ._3MaYg {
  position: relative;
  width: 50%;
}

._2_i8o {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-align: center;
      align-items: center;
}

.Z3B7n {
  font-size: 18px;
  font-weight: 500;
  line-height: 128%;
}

.FKMXG {
  font-weight: 600;
  color: rgba(23, 25, 25, 1);
}

.ZZJ3p {
  margin-top: 20px;
}

.ZZJ3p div:last-child {
  margin-top: 10px;
}

._3fH2i {
  margin-top: 10px;
}

._3GuJn {
  margin-top: 20px;
}

._1e82X {
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  ._3O1b7 {
    display: block;
  }

  ._2g4Bz {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(178, 178, 178, 1);
  }
}




/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.JXKDB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 10px;
  gap: 10px;
  position: relative;
}

._3EjrX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2PMNP {
  color: rgba(64, 173, 41, 1);
}
._1Ujp8 {
  color: rgba(80, 80, 80, 1);
}
._1KvNU {
  color: rgba(183, 22, 16, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1WBWT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._1kOlS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  gap: 20px;
}

._1GHmk {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  ._1WBWT {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 50px 0;
    gap: 80px;
  }

  ._1kOlS {
    max-width: 299px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._206qB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #E8DECA;
  padding: 10px 20px;

}

._2s1I9 {
  width: 50%;
}

._2s1I9 h5 {
  font-size: 18px;
  font-weight: 500;
  padding: 1% 0;
}

.xKTS0 button {
  margin-left: 3%;
}


@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._2s1I9 {
    width: 30%;
  }
}

@media screen and (max-width: 640px) {
  ._206qB {
    padding: 10px 20px;
  }
  ._2s1I9 {
    display: block;
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._34yNt {
  background-color: rgba(246, 246, 246, 1);
  padding-bottom: 50px;
}

._1-6pK {
  padding-bottom: 0px;
}

._1tqK7 {
  max-width: 1110px;
  background-color: rgba(246, 246, 246, 1);
  margin: 0 auto;
}

._1WsYS {
  padding: 0;
  max-width: 1650px
}


.o49zU {
  padding-top: 70px;
  height: 100vh;
}

.lshqy {
  padding-top: 30px;
}

._39gym {
  display: block;
  position: relative;
  border: none;
  width: 100%;
  height: 100vh;
}

._1RBzW {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 25, 25, 0.8);
}
._2Wxlp {
  position: absolute;
  z-index: 2;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 640px) {

  ._1tqK7 {
    padding: 0 16px;
  }
  ._39gym {
    height: 100vh;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3kctO, ._Z_yZ {
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  border-style: none;
  padding: 2px 10px;
  margin-right: 16px;
  background-color: rgba(232, 222, 202, 1);
}

._Z_yZ {
  background-color: rgba(186, 165, 126, 1);
}

._2aijh {
  color: rgba(186, 165, 126, 1);
}
.hVEKo {
  color: rgba(23, 25, 25, 1);
  font-weight: 600;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.of5PE {
  padding: 30px 40px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 640px) {
  .of5PE {
    padding: 20px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1Kaep {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 40px;
}

._3jmjH {
  padding: 55px 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -ms-flex-align: center;
      align-items: center;
  max-height: 190px;
}

.Jt7Xv {
  max-width: 205px;
  max-height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

._2oGjI {
  margin-top: 16px;
}

._35epp {
  margin-top: 16px;
  max-width: 700px;
}

._2cDGo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

._3AGuj {
  padding: 4px 10px;
  -ms-flex: none;
      flex: none;
}

._1xQsx {
  padding: 2px 12px 2px 5px;
}

.vj54y {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._2CEo6 {
  background-color: #f6e091;
  color: #191919;
  max-width: 96px;
  padding: 4px 10px;
  gap: 8px;
  border-radius: 5px;
  -ms-flex: auto;
      flex: auto;
}

._2CEo6 p {
  font-weight: 600;
  color: #191919;
}

.j3pGI {
  width: 19px;
  height: 20px;
}

.L1Ml8 {
  margin-top: 10px;
}

.L1Ml8 a {
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  ._1Kaep {
    grid-template-columns: 1fr;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._29k7Z {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 30px;
}

._1sxTK {
  display: grid;
  grid-template-columns: 310px 1fr;
}

._1sxTK > p:first-child {
  width: 154px;
}

.pHT5q {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.unpEj {
  background-color: #f6f0e5;
  border-radius: 10px;
  padding: 14px 20px;
}
._3WrHO {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 640px) {
  ._1sxTK {
    grid-template-columns: 1fr;
  }
}
._1Bn_Y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

._3rh2P {
  display: -ms-flexbox;
  display: flex;
}

._3rh2P:hover {
  opacity: 0.8;
}

._3rh2P:not(:last-child)::after {
  content: '|';
  margin: 0px 8px;
  color: #b2b2b2;
}
._3hUlX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 6px;
}

._2JRLN {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

._25lPx {
  background: #e5e5e5;
}

.uKF5f {
  width: 20px;
  height: 20px;
  text-align: left;
}

._2LxHA:hover {
  text-decoration: underline;
}

._3qUi_ {
  text-decoration: underline;
}
._2cPB4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}

._1sEGs {
  padding: 2px 12px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F6F0E5;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.nhv1f {
  background-color: #F6F0E5;
  border-radius: 10px;
  padding: 14px 20px;
  display: grid;
  grid-template-columns: 310px 1fr;
  margin-left: -20px;
}

.nhv1f p a {
  font-weight: 600;
  text-decoration: underline;
}

._-GSEU {
  margin-top: 4px;
  font-style: italic;
}

.JNLuv {
  margin-top: 16px;
}

._3K-5K > div:first-child {
  margin-bottom: 16px;
}

@media screen and (max-width: 640px) {
  .nhv1f {
    grid-template-columns: 1fr;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1f79f {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 40px;
}

._38Pfj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 640px) {
  ._38Pfj {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.EWcbz {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

._3jVb6 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.j9B-u {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

._1NTg_ {
  background-color: rgba(255, 255, 255, 1);
  padding: 8px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}

._1NTg_ p {
  text-wrap: nowrap;
}

._1NTg_:active {
  transform: scale(0.98);
  transition-duration: 0s, 0.15s;
  background-color: #f6f0e5;
}

.w0R_g {
  background-color: #f6f0e5;
  border-color: #BAA57E;
}

._1a2X- {
  opacity: 0.5;
  border-color: #b2b2b2;
  background: #fff;
  cursor: not-allowed;
  pointer-events: none;
}

._1a2X-:active {
  transform: none;
}

@media screen and (max-width: 640px) {
  .j9B-u {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;  
  }
  .j9B-u::webkit-scrollbar {
    display: none;
  }
  
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._302Yr {
  width: 70%;
  position: relative;
}

._1wKZ_ {
  position: absolute;
  top: 55px;
  z-index: 10;
}

._2rnlF {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
}

._3qxkw input::-moz-placeholder {
  color: rgba(80, 80, 80, 1);
}

._3qxkw input:-ms-input-placeholder {
  color: rgba(80, 80, 80, 1);
}

._3qxkw input::placeholder {
  color: rgba(80, 80, 80, 1);
}

._355rk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 60px;
}

@media screen and (max-width: 640px) {
  ._302Yr {
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._8TRx5 {
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  padding: 17px 24px;
  background-color: white;
  max-height: 500px;
  overflow-y: auto;
}

.zwGuf span {
  font-weight: 600;
  word-break: break-word;
}

@media screen and (max-width: 640px) {
  ._8TRx5 {
    border: none;
    padding: 0px;
  }
}
._21SHo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1ha3q {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._2F5GU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

._3PprP {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 5px;
  cursor: pointer;
  min-width: 180px;
}

._3PprP:hover > *,
._3PprP:hover > * > * {
  color: #fff;
}
._3PprP:hover ._2sT24 path {
  fill: #fff;
}
._3PprP:hover {
  background-color: #505050;
}

._2sT24 {
  padding: 2px 0.5px;
  color: #baa57e;
}

._2sT24 svg {
  width: 16px;
  height: 16px;
}

._2sT24 path {
  fill: #baa57e;
}
._34gcO {
  padding: 40px 20px 0px 20px;
}

._1948G {
  position: relative;
}

._1y5QJ {
  margin-top: 25px;
}

._1y5QJ input::-moz-placeholder {
  color: #505050;
}

._1y5QJ input:-ms-input-placeholder {
  color: #505050;
}

._1y5QJ input::placeholder {
  color: #505050;
}

._2oTDN,
._3y6tm {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

._3drUo {
  margin-top: 20px;
  border: none;
  padding: 0px;
}
.e32eg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._SrbU {
  width: 220px;
}
.wntNd > div {
  border-radius: 5px !important;
}

.wntNd > div:first-child {
  border: 1px solid rgba(178, 178, 178, 1);
}

._21rKI {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 2px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._21rKI:hover {
  cursor: pointer;
  background: rgba(232, 222, 202, 1);
}

._3lX2Z > div {
  margin-top: 10px;
  border-radius: 5px;
  padding: 14px 0px;
  border: 1px solid rgba(178, 178, 178, 1) !important;
}

._3lX2Z > div ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

._2WRcy {
  height: 100vh;
  margin-top: 50px;
}

._2z5d8 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 640px) {
  ._2z5d8 p {
    font-size: 11px;
  }

  ._SrbU {
    width: 170px;
  }

  ._3lX2Z {
    width: 220px;
    left: -55px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._11S5u {
  background-color: rgba(246, 246, 246, 1);
  min-height: 100vh;
}

._1sp5L {
  max-width: 1110px;
  padding: 70px 0px 100px 0px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3rjlm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 70px;
}

._35nxU {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._3WN4x {
  margin-top: 50px;
}

._235Ss {
  margin-top: 40px;
}

._1vJXU {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  margin: 100px auto 0 auto;
  padding: 50px 80px;
}

._1vJXU p {
  font-size: 18px;
  color: rgba(80, 80, 80, 1);
}

@media screen and (max-width: 640px) {
  ._11S5u {
    padding: 0 16px;
  }
  ._1sp5L {
    padding: 30px 0px 50px 0px;
  }

  ._1i7bm {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 30px;
  }

  ._3rjlm {
    gap: 20px;
    margin-top: 30px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._35nxU {
    margin-top: 30px;
    gap: 10px;
  }

  ._1vJXU {
    margin-top: 30px;
    padding: 15px 35px;
  }

  ._1vJXU p{
   font-size: 14px;
   text-align: center;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1TWSZ {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  gap: 130px;
}

._1TWSZ div:first-child {
  max-width: 360px;
}


._2Sz3S, ._1fonP {
  position: relative;
  width: 50%;
}

._1bnRF {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-align: center;
      align-items: center;
}

.q_Lj6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 128%;
}

._13FmP {
  font-weight: 600;
  color: rgba(23, 25, 25, 1);
}

._2XqBx {
  margin-top: 20px;
}

._2XqBx div:last-child {
  margin-top: 10px;
}

._1cWuO {
  margin-top: 10px;
}

._3E5eK {
  margin-top: 20px;
}

.mf_Wo {
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  ._1TWSZ {
    display: block;
  }

  ._2Sz3S {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(178, 178, 178, 1);
  }
}





._2xcOE {
  transition: all 0.3s;
  list-style-type: none;
}

._2-TmJ {
  width: 100%;
  height: 10px;
  margin-top: 5px;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1hKoT {
  background-color: rgba(246, 246, 246, 1);
  min-height: 100vh;
}

.tGA9_ {
  max-width: 1110px;
  padding: 70px 0px 70px 0px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .tGA9_ {
    padding: 30px 16px 30px
      16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1mYMG {
  margin-bottom: 5px;
}

._3kycY {
  width: 1280px;
  margin: 0 auto;
}

._3WSOm {
  background-color: rgba(249, 247, 243, 1);
}

._2UOie {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.KOEWt {
  max-width: 350px;
  width: 350px;
}

._3NyQq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  gap: 100px;
}
._3NyQq div:first-child {
  max-width: 310px;
}

.PFo4y {
  background-color: white;
  max-width: 0;
  max-height: 0;
  overflow: hidden;
}

._34NEt {
  max-height: 100vh;
  max-width: 560px;
  transition: max-height cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

.PDmRp {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

._1eW7u {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._14mPg {
  width: 24px !important;
  height: 12px !important;
  transition: all 0.5s;
}
.aJfsB {
  transform: rotate(180deg);
  width: 24px !important;
  height: 12px !important;
  transition: all 0.3s;
}

._3HA5A {
  max-width: 90px;
  padding: 3px 12px 2px;
  border-radius: 9px;
  text-align: center;
  margin-bottom: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: 600;
}

._2NX8A {
  margin-right: 10px;
}

._1SVvs {
  margin-top: 10px;
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._3kycY {
    max-width: 100%;
  }
}

@media screen and (max-width: 640px) {
  ._3kycY {
    max-width: 100%;
    padding: 0 16px;
  }
  ._2UOie {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .KOEWt {
    max-width: 100%;
    width: 100%;
  }
  ._15-cP {
    position: absolute;
    right: 0;
    left: 90%;
    top: 70%;
  }

  ._3NyQq {
    display: block;
  }

  ._1bc9r {
    margin-top: 16px;
  }

  .aJfsB {
    transform: rotate(180deg) scale(0.5);
  }
  ._14mPg {
    transform: scale(0.5);
  }
}
._1N0l1 {
  margin-bottom: 20px;
}

._31whT {
  margin-top: 20px;
}

._17XGP {
  margin-top: 20px;
  white-space: pre-line;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/


._2t4vk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
._2t4vk input {
  margin-right: 20px;
}

._2CpO9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
}

._2CpO9 > button{
  margin-right: 20px;
}
._23oe8 {
  border-radius: 5px;
}
._3t-YQ {
  margin-top: 20px;
}

._2zpfr {
  display: inline;
}

.ZnDn_ {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(232, 222, 202, 1);
  border-radius: 9px;
  padding: 16px 0px;
  text-align: center;
}
.ZnDn_ > p {
  max-width: 335px;
  text-align: center;
  margin: 0px auto;
  margin-top: 10px;
}


@media screen and (max-width: 640px) {
  ._2CpO9 {
    display: block;
 }
 ._2CpO9 > button{
  width: 100%;
}
._3RVU3 {
  display: block;
  margin-top: 20px;
  text-align: center;
}
._3RVU3 > small > small {
  display: block;
  text-align: center;
}

}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3XETr {
  margin-top: 50px;
  margin-bottom:50px;
}

._3TRZ5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 50px;
}

._3TRZ5 > p {
  width: 305px;
}

._3TRZ5 p {
  text-align: center;
}

._34dVG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
._3SzbR {
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  padding: 5px 20px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 5px;
  background-color: white;
  border: 1px solid #505050;
}

.rBCTF > div:first-child {
  background-color: rgba(246, 246, 246, 1);
}

@media screen and (max-width: 640px) {
 ._3TRZ5 {
    padding: 0px 16px
 }
 ._34dVG {
    margin-top: 30px;
    margin-bottom: 30px;
  }

}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3Ul-A {
  max-width: 1280px;
  margin: 0 auto;
}
.Bw9c7 {
  transform: rotate(90deg);
}
._3pLQg {
  padding: 0;
  margin-top: 30px;
}
._3zlOT {
  margin-top: 20px;
}

._26RfV {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 50px;
}

._1U-VH {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.F3Q4l,
._14rFx {
  width: 95px;
  padding: 1px 20px;
  border-radius: 5px;
  border: 1px solid rgba(80, 80, 80, 1);
  background-color: rgba(80, 80, 80, 1);
  color: white;
  height: 25px;
  opacity: 1;
}

._14rFx {
  background-color: white;
  color: black;
}

._14rFx > small {
  color: black;
}

._3QvEK {
  margin: 0;
  position: relative;
}

.rRwEi {
  margin-top: 30px;
}

@media screen and (max-width: 640px) {
  ._26RfV {
    display: block;
  }
  ._1U-VH {
    margin-top: 30px;
  }
  .F3Q4l,
  ._14rFx {
    width: 50%;
  }
  ._3pLQg {
    margin-top: 20px;
  }
  ._3zlOT {
    margin-top: 10px;
  }
  ._3Ul-A {
   padding: 0 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.l9paI {
  max-width: 1280px;
  /* padding: 0 var(--page-horizontal-padding); */
  margin: 0 auto;
  margin-top: 55px;
  position: relative;
}

.GX3zL {
  display: -ms-flexbox;
  display: flex;
  grid-template-columns: 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 50px;
}

._3csrT {
  display: -ms-flexbox;
  display: flex;
}

.ZNUPa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.emwj_ {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.Cg15X td[class~='CalendarDay'] {
  width: 36px;
  height: 36px;
}
.Cg15X td[class~='CalendarDay']:hover {
  border-radius: 50%;
  background-color: transparent;
}

._2HJTI {
  margin-top: 40px;
  padding: 0 55px;
  padding-bottom: 80px;
}
._1-dAs {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.Cg15X div[class~='DayPicker'] {
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #b2b2b2;
}

.JPMGr {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1000;
}

._16sy3 {
  border: 0px solid rgba(246, 246, 246, 1);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.l9paI td[class~='CalendarDay__selected_span'],
.l9paI td[class~='CalendarDay__selected_span']:hover,
.l9paI td[class~='CalendarDay__hovered_span'] {
  background-color: transparent;
}
.Cg15X td[class~='CalendarDay__selected_start'],
.Cg15X td[class~='CalendarDay__selected_end'],
.Cg15X td[class~='CalendarDay__selected_start']:hover,
.Cg15X td[class~='CalendarDay__selected_end']:hover,
.Cg15X td[class~='CalendarDay__hovered_span']:hover {
  background: transparent;
  color: rgb(80, 80, 80);
}
@media screen and (min-width: 1024px) {
  .Cg15X div[class~='DayPicker_weekHeader'] {
    border: none;
  }
  .Cg15X div[class~='DayPicker'],
  .Cg15X div[class~='DayPicker'] > div > div,
  .Cg15X div[class~='DayPicker_transitionContainer'] {
    width: 100% !important;
  }
  .Cg15X div[class~='CalendarMonthGrid'] {
    width: 100% !important;
    height: 100%;
  }
  .Cg15X div[class~='DayPicker_weekHeader']:first-child {
    margin: 0px;
    left: 40px !important;
    padding: 25px 6px !important;
    width: 520px;
  }
  .Cg15X div[class~='DayPicker_weekHeader']:nth-child(2) {
    width: 535px;
    padding: 25px 6px !important;
    left: 580px !important;
  }
  .Cg15X table[class~='CalendarMonth_table'] {
    width: 508px;
  }

  .Cg15X div[class~='DayPicker_weekHeader'] > ul li {
    width: 72px !important;
  }

  .Cg15X div[class~='DayPickerNavigation_button'] {
    top: 45px !important;
  }

  .Cg15X div[class~='DayPickerNavigation_button']:first-child {
    left: 65px !important;
  }

  .Cg15X div[class~='DayPickerNavigation_button']:last-child {
    right: 65px !important;
  }

  .Cg15X table[class~='CalendarMonth_table'] {
    width: 510px;
    margin-left: 20px;
  }
  .Cg15X div[class~='CalendarMonth'] {
    padding: 30px 13px !important;
  }
}

@media screen and (max-width: 640px) {
  .Cg15X div[class~='DayPicker_weekHeader'] {
    border: none;
    left: 15px !important;
    width: 375px;
  }
  .Cg15X div[class~='DayPicker'],
  .Cg15X div[class~='DayPicker'] > div > div,
  .Cg15X div[class~='DayPicker_transitionContainer'] {
    width: 100% !important;
  }
  .Cg15X table[class~='CalendarMonth_table'] {
    width: 100%;
    margin: 0;
  }
  .Cg15X div[class~='CalendarMonth'] {
    padding: 0px !important;
  }
  .l9paI {
    max-width: 100%;
    padding: 0px 3px;
    margin-top: 30px;
  }
  .GX3zL {
    display: grid;
    padding: 0px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .ZNUPa {
    -ms-flex-direction: row;
        flex-direction: row;
    max-width: 145px;
    width: 123px;
    margin-top: 16px;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .JPMGr {
    padding: 0 16px;
  }
  ._16sy3 {
    height: 230px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.slch- {
  display: -ms-flexbox;
  display: flex;
  gap: 55px;
  -ms-flex: 1;
      flex: 1;
  max-height: calc(100vh - 104px);
  min-height: 600px;
  overflow: hidden;
}

._1oWt9 {
  position: relative;
  max-width: 50%;
}

._1rYhv {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._2_9X9 {
  max-width: 520px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 30px 30px 30px 0;
}

._2SlQS h2 {
  display: inline-block;
}

._1AK5j {
  margin-top: 20px;
}

._1AK5j > h5 {
  width: 100%;
  color: rgba(80, 80, 80, 1);
}

._1Pt0w {
  margin-top: 60px;
  max-width: 350px;
}

.aYsZN {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

._1J3EW {
  width: 54px;
  height: 54px;
}

.pkn7B {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
}

.pkn7B h4 {
  font-size: 24px !important;
}

.Fujtk {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
}
.Fujtk > button {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .slch- {
    display: block;
    max-height: unset;
  }
  ._2SlQS {
    text-align: center;
  }
  ._2SlQS h2 {
    display: block;
  }

  ._1AK5j {
    margin-top: 30px;
    text-align: center;
  }

  ._2_9X9 {
    margin: 30px 20px;
    padding: 30px 0;
    max-width: 100%;
  }

  ._1oWt9 {
    max-width: 100%;
  }

  ._1rYhv {
    height: 245px;
  }

  ._1Pt0w {
    margin: 30px auto 0;
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.IqTDN {
  padding: 20px;
  max-width: 1176px;
  margin: 0 auto;
}
.IqTDN h1 {
  font-size: 32px;
  margin-bottom: 30px;
}
._1aMX8 {
  background-color: #f6f6f6;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.XJUpi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  margin-bottom: 16px;
}

._8tXlh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
._8tXlh h1 {
  margin: 0;
}

._33Z_U {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

._3pUzI {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 11px;
  padding: 6px 21px;
}
._3pUzI a {
  color: #fff;
}
._3qZGW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}
._2Xdsn {
  position: relative;
  background-color: #fff;
  border: 1px solid #ffffff;
  border-radius: 10px;
  transition: background-color 0.07s ease-out;
}
._2Xdsn:hover {
  background-color: #f6f0e5;
}
._2Xdsn a {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  padding: 10px 14px 14px;
}

._31jFJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 10px;
}

._1GNyr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
  font-size: 18px;
  font-weight: 500;
}

._3F1g7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: space-between;
      align-items: space-between;
  gap: 20px;
  width: 100%;
}

._3qZGW {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

._2Xdsn {
  list-style: none;
  list-style-type: none;
}

._2bFTL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
}

._2bFTL img {
  display: none;
}

._2k6rY {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
._2k6rY > div {
  transform: scale(0.85);
  transform-origin: top right;
  margin-bottom: -15px;
}
.Ec4QO {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .IqTDN {
    padding: 70px 30px;
  }
  ._2Xdsn a {
    padding: 26px 30px 30px;
  }
  .XJUpi {
    gap: 50px;
    margin-bottom: 51px;
  }
  ._3pUzI {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    font-size: 14px;
    padding: 10px 30px;
  }
  ._2bFTL img {
    display: block;
  }
  ._31jFJ img {
    display: none;
  }
  ._1GNyr {
    gap: 24px;
    font-size: 18px;
  }
  ._3F1g7 {
    gap: 33px;
  }
  ._2k6rY {
    position: absolute;
    top: 26px;
    right: 30px;
  }
  .Ec4QO {
    margin-top: 50px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3VeOB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
}

._3KinT {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._37pg0 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
}
._37pg0 > div {
  width: 100%;
}

@media screen and (min-width: 768px) {
  ._3VeOB {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 20px;
    width: 672px;
  }

  ._37pg0 {
    width: 100%;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
  }
  ._37pg0 > div {
    width: 70%;
  }
  ._3jrz3 {
    width: 105px;
    height: 28px;
  }

  ._7_dQg {
    position: absolute;
    right: 0;
    bottom: 8px;
  }
}
.acWoZ {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
  font-size: 29.5px;
  font-weight: 400;
  font-family: 'Inter', 'Avenir Next', sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.YIuJC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}
._1tXNe {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
}
._2mhjl {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-width: 224px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
}
._124vV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
  width: 125px;
}
._2gAYv {
  font-size: 11px;
  font-weight: 400;
  color: #505050;
}
._3Ljx0 {
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .YIuJC {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }
  ._2mhjl {
    margin-right: 54px;
  }
  ._1tXNe {
    gap: 54px;
  }
}
._1P7CA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  background-color: #eec995;
  color: #79560c;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 12px;
}
._11mja {
  width: 24px;
  height: 24px;
  background-image: url(/assets/ico_gift.87d4887d48b3408e785bf4334fa40f11.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.gsPhZ {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .gsPhZ {
    margin-top: 50px;
  }
}
._1-rcT {
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #fff;
  /* background-color: #ff0000; */
  width: 100%;
  padding: 20px 14px;
}

._1xocM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._1vQYh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

._20g4m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

.Qb7uQ {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Qb7uQ img {
  width: 40px;
  height: 40px;
}

.xPaXu {
  -ms-flex: 1;
      flex: 1;
  padding-right: 20px;
  width: 100%;
}

._3138w {
  font-size: 20px;
  min-width: 224px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 960px) {
  ._1-rcT {
    margin-bottom: 20px;
    padding: 30px 50px 30px 30px;
  }
  ._1xocM {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  ._1vQYh {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .xPaXu {
    -ms-flex: 0 0 556px;
        flex: 0 0 556px;
    padding-right: 50px;
    width: auto;
  }

  /*   .sectionHeaderContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 1 474px;
  }
  .sectionContent {
    padding-right: 0px;
    flex: 1 0 auto;
    min-width: 520px;
  } */
}
.OEvGU {
  width: 260px;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.OEvGU button {
  -ms-flex: 1;
      flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0;
  min-height: 42px;
}
/* ProfileSection.module.css */

._3DZ8Q {
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 30px 87px 30px 30px;
  background-color: #fff;
}
.sFZBk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
._1V_N4 {
  width: 100%;
}
._27vt4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}
._3XsV9 {
  width: 40px;
  height: 40px;
  position: relative;
}
._3XsV9 img {
  width: 40px;
  height: 40px;
}
._2CoOz {
  -ms-flex: 1;
      flex: 1;
  max-width: 576px;
}
.AoLNR {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

._1tfyE {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGRSURBVHgB7ZhPToNAFMYf1rRdsix/FngCewQ8gdwAr+AJjDfQE6g38AbSG3ADZ0VYsoQF4PcaSLQdCI52SHS+hM7ryzfhx2Mg8yAyMppXFmmU7/thXdd3CMMulbRte5/neTI0Rxug53lx0zTPlmUVgEq6dMQ/+H8DyBeaC7CHQygAcwUYwfnNZhMA+A2hvVqtLoQQxeHcMzqxhuBYXfzIgGVZbmXzTwo4BtdrsVik3RiQTsApcCx4Yh7x8AjSJYZzHKfF8c7rbIpvyPPrFZxauUMf6ZBK5cZ8Bk7VZ+BUfQZO1WfgVH0GTtVn4FR9fxJO2pN0vQLv0b61ZRry/UTS/SC23yGPgLydE24QECe85nG5XCY0IxyNAHKHlcraQJ1wUkAAMFyAY0czw7HOJbl9f4r1lwRQVVUR4kukIsDZOuGkgP36g54AZ3c5Bub+dYf4YQjOdV3+lLEldaVZlr2OAn6SYCCuJD8ssvUoUYwLiEhdXIQvgEfvQdzVfdUmAh3NxScMmxS1Xq8LlfMaGf1rfQAiVnT8A7yM3gAAAABJRU5ErkJggg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._1tfyE:hover {
  background-color: transparent;
}

._1tfyE:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._2CoOz {
  padding-top: 10px;
}

._2QUMM {
  margin: 30px 0 0;
}
.AO9b4 {
  padding: 20px 20px;
  max-width: 1170px;
  margin: 0 auto;
}
._2lEzC {
  background-color: #f6f6f6;
  width: 100%;
}
._1Ppsh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

.TalHm {
  padding: 8px 16px;
}

@media screen and (min-width: 960px) {
  .AO9b4 {
    padding: 70px 30px;
  }
}
._1pvv7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}

._2QyYV {
  font-size: 32px;
  color: #333;
}

._23z7- {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  ._1pvv7 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 50px;
  }
}
.kYzNj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 90vw;
  max-height: 90vh;
}

._6yHzT {
  width: 100%;
  min-height: 291px;
  height: auto;
  margin: auto;
  padding: 35px 20px 30px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1JGJ0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.u9Dqn {
  font-size: 18px;
  font-weight: 500;
  margin: 20px auto 30px;
  text-align: center;
}
.jxSip {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
._2WOf1 {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .kYzNj {
    max-width: 622px;
  }
  ._6yHzT {
  }
  ._1JGJ0 h3 {
    font-size: 24px;
    font-weight: 600;
    max-width: 80%;
  }
}

._359g8 {
  width: 54px;
  height: 54px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjkzOTYgMjguNjI0M0M0My43OTc4IDI4LjU4OTcgNDIuODE2IDI4LjUzMzUgNDIuMTE0NCAyOC40MDQ5QzM5Ljc2NjUgMjcuOTc0OSAzOC4wMjgzIDI3LjE0MjYgMzYuNzgzMiAyNS44NTJDMzYuMjI2OCAyNS4yNzUzIDM1LjQzMTMgMjQuMTAxOSAzNS41MSAyMy45NzQyQzM1LjUzNyAyMy45MzA3IDM1LjcwMzggMjMuODY0MSAzNS44ODA4IDIzLjgyNjRDMzYuNDY5OSAyMy43MDA3IDM5LjI1NDMgMjIuNjc3OCA0MC43Njg3IDIyLjAzMDdDNDIuMjM0MyAyMS40MDQzIDQyLjYxMTEgMjEuMTUyMiA0Mi42MTExIDIwLjc5ODJDNDIuNjExMSAyMC4yNjY2IDQyLjYyMjcgMjAuMjY5OSAzNS45MjMyIDE4Ljg2NjVDMzIuNDM2MSAxOC4xMzYgMjkuNTU5OCAxNy41MTUzIDI5LjUzMTUgMTcuNDg3MUMyOS41MDMzIDE3LjQ1ODggMjkuNjQ0NCAxNy4yNjQxIDI5Ljg0NSAxNy4wNTQzQzMwLjk1MjggMTUuODk2MSAzMS42NTI3IDE0LjM1NjkgMzEuODM4IDEyLjY3MTlDMzEuODc1NSAxMi4zMzAzIDMxLjk0MTIgMTIuMDUwNiAzMS45ODM4IDEyLjA1MDZDMzIuMTIzNSAxMi4wNTA2IDM0LjY2MjYgNy43NzQxMSAzNC42NjI2IDcuNTM5MDJDMzQuNjYyNiA3LjIzMDExIDM0LjQ0MDMgNy4wNDg4OCAzMy41NjUgNi42NDQ4NEMzMi44MzggNi4zMDkyMiAzMC43NDk0IDUuNTg4MjggMjkuOTE5MyA1LjM4NjQ4QzI5LjU3NjUgNS4zMDMwNCAyOS40ODc5IDUuMjMzOCAyOS40NDM4IDUuMDE0MTdDMjkuMTg2MiAzLjczMzcgMjguNzIwNSAyLjkwMjgzIDI3Ljk0MjYgMi4wNjg3OUMyNy4zMDYyIDEuMzg2MzggMjYuMTI3OCAwLjc0NDI5OCAyNC45MzMzIDAuNjM4NjY0QzIyLjQ1MzIgMC40MTk0MDggMjEuMTI3NSAxLjgxOTQyIDIwLjgxNTEgMi4xMzUwN0MyMC4xMzEzIDIuODI2MiAxOS42MjM1IDMuNzUwOTQgMTkuNDQ4MiA0LjYyNDQxTDE5LjMzODUgNS4xNzA0OEwxOC43MjkxIDUuMjg5NjVDMTcuOTQ0MiA1LjQ0MzIyIDE1LjcyOTggNi4xNzY0NCAxNC44NjQ3IDYuNTY5MTZDMTQuMTIyNCA2LjkwNjMzIDEzLjkwMjMgNy4yMDg4MSAxNC4xMDgyIDcuNjA4NzFDMTQuNTY0MyA4LjQ5NDQ2IDE2Ljc0NDcgMTEuOTc5MyAxNi44OTIyIDEyLjA1ODNDMTcuMDI3OSAxMi4xMzA5IDE3LjA3NjUgMTIuMjY5OSAxNy4wNzY1IDEyLjU4NDlDMTcuMDc2NSAxMy43NDM0IDE3LjgwNTMgMTUuNTQ2MyAxOC43MjM3IDE2LjY2MDVDMTkuMDIyNCAxNy4wMjI4IDE5LjI1MTggMTcuMzE5MSAxOS4yMzM3IDE3LjMxOTFDMTkuMTk0NyAxNy4zMTkxIDYuNTk2NDYgMTkuOTc2MSA2LjI3ODQxIDIwLjA1MTRDNS43NzE0MyAyMC4xNzE1IDUuNTY3NSAyMC44MDExIDUuOTI5NTcgMjEuMTI4OUM2LjM1NjA0IDIxLjUxNTEgMTAuNTQ2OCAyMy4xNzAzIDEyLjY2ODEgMjMuNzkwM0MxMy4yNjIgMjMuOTY0IDEzLjc2MzcgMjQuMTE5MSAxMy43ODI3IDI0LjEzNTNDMTMuODAxOCAyNC4xNTEzIDEzLjY5OTcgMjQuMzgwNiAxMy41NTYgMjQuNjQ1QzEyLjcyODQgMjYuMTY2NSAxMC44NzUzIDI3LjQ4MjYgOC42ODM0IDI4LjEwNTlDNy4xMTg1OCAyOC41NTA4IDYuMDgwNjEgMjguNjY3NSAzLjI2NTkyIDI4LjcxNDRDMS44MTc4MSAyOC43Mzg3IDAuNTM4MDIzIDI4Ljc3ODYgMC40MjIwNjEgMjguODAyOUMwLjA5NTc0NCAyOC44NzE2IC0wLjA0MjUyMzUgMjkuMzE3NCAwLjA4NTI1NTcgMjkuODg4QzAuMjIxOTcyIDMwLjQ5OCAwLjMxNTkyMyAzMC42Njg1IDAuODE0MDQxIDMxLjIwOTJDMS41Njc3MiAzMi4wMjcyIDIuNzM5NDQgMzIuNDIzNCA0LjQxMzcyIDMyLjQyNjdMNS4zMTI5OCAzMi40Mjg0TDYuMTgzOTQgMzcuMzczOEM2Ljc5ODc2IDQwLjg2NTYgNy4xMDY4NCA0Mi4zOTIyIDcuMjMxODEgNDIuNTY3N0M3LjQzNDcgNDIuODUyNCA3LjgwODk2IDQyLjkzMzUgOC4wNTM4OCA0Mi43NDU3QzguMTQ2MDYgNDIuNjc1MiA4Ljg4OTk4IDQxLjIzOTMgOS43MDY4MSAzOS41NTUzQzEwLjUyMzggMzcuODcxMiAxMS4yMTk1IDM2LjQ2NTggMTEuMjUyOSAzNi40MzIzQzExLjI4NjQgMzYuMzk4OCAxMS4zMTM5IDM2LjYzNjEgMTEuMzE0MiAzNi45NTk1QzExLjMxNDggMzcuODI3MyAxMS41NzA5IDM5LjI1NjUgMTEuOTIyOSA0MC4zNTU1QzEyLjUyMjUgNDIuMjI4NiAxMy40NDk5IDQzLjg1MjkgMTQuNzU2MyA0NS4zMTg3TDE1LjM5MjIgNDYuMDMyMUwxNC44NDI3IDQ2LjQ3OThDMTMuNDM2OCA0Ny42MjU3IDExLjcyNDEgNDcuOTE5MyAxMC4xNDE2IDQ3LjI4NThDOS4zNzg1IDQ2Ljk4MDIgOS4wNjI3NSA0Ni4xNTA5IDkuNDkwNTUgNDUuNTc1MkM5Ljg5MzkgNDUuMDMyNCAxMC40OTU2IDQ1LjE4NzYgMTAuODQ1NSA0NS45MjVDMTEuMTk1NCA0Ni42NjI0IDExLjc3NDEgNDYuNzk5NCAxMi4xMDIxIDQ2LjIyMjlDMTIuMjI4MyA0Ni4wMDE0IDEyLjIyNCA0NS45MTg0IDEyLjA2NSA0NS41MDIxQzExLjcwMTMgNDQuNTQ5MyAxMC45MTY0IDQzLjk2NTggOS45OTIzNiA0My45NjE1QzkuNDM2NTUgNDMuOTU4OSA5LjEwMTc0IDQ0LjExMjQgOC42NjEwOSA0NC41NzIyQzguMjI4MTIgNDUuMDIzNyA4LjAzNDk3IDQ1LjUzMjUgOC4wMzQ5NyA0Ni4yMjE5QzguMDM0OTcgNDYuNjk4NyA4LjA5MjE0IDQ2Ljg5NjQgOC4zNTc5NiA0Ny4zMzk2QzkuMTQ2MzUgNDguNjU0NiAxMS44MDg2IDUwLjI0NDQgMTQuMjk0NSA1MC44ODQ2QzE1LjQ3MzggNTEuMTg4NSAxNy4wNTk4IDUxLjI4NzQgMTguMDU0OSA1MS4xMTkxQzE4Ljk2OTggNTAuOTY0NSAyMC4xMzQyIDUwLjM5MzMgMjAuNzk5IDQ5Ljc3M0wyMS4yOTI1IDQ5LjMxMjdMMjIuMDkwNyA0OS40ODA1QzIzLjE3NjQgNDkuNzA4NyAyNS4zMTM4IDQ5Ljc4MTQgMjYuNDMzNCA0OS42MjgzTDI3LjMzMTYgNDkuNTA1NUwyNy43NDMyIDQ5LjkwMzlDMjkuMTIwNyA1MS4yMzcyIDMxLjA5MiA1MS42NjU4IDMzLjUxMjUgNTEuMjA3M0MzNC4xNjg4IDUxLjAwNDggMzQuODMxMiA1MC44MjQ1IDM1LjQ5ODEgNTAuNjY5NkMzNy43NTQ0IDQ5Ljg2NTQgMzkuODE1NCA0OC40Mzc5IDQwLjM4OTYgNDcuMjU0QzQwLjc5NTMgNDYuNDE3NSA0MC40NDgzIDQ1LjA4NTQgMzkuNjY5NiA0NC40OTEzQzM5LjIwMiA0NC4xMzQ0IDM4LjI1NDIgNDQuMDQ0NyAzNy43MzMzIDQ0LjMwOEMzNy4wODQzIDQ0LjYzNiAzNi42NDUzIDQ1LjE3MDMgMzYuNDQxOCA0NS44Nzk3QzM2LjMwNTEgNDYuMzU2NyAzNi41Nzc0IDQ2LjczODIgMzcuMDU2NiA0Ni43NDEyQzM3LjM0NjggNDYuNzQyOSAzNy41MjU0IDQ2LjU2MzUgMzcuNzY3NiA0Ni4wMjY0QzM3Ljk3MzEgNDUuNTcxNCAzOC40NjI1IDQ1LjI4NDkgMzguNzg0IDQ1LjQzMTNDMzkuMDExOSA0NS41MzUzIDM5LjMzMjQgNDYuMTAwMSAzOS4zMzI0IDQ2LjM5OEMzOS4zMzI0IDQ2LjQ5MjcgMzkuMjQwOCA0Ni43MTgyIDM5LjEyODggNDYuODk5NUMzOC44OTQ5IDQ3LjI3ODEgMzguMjUxMiA0Ny41NiAzNy4yMDM3IDQ3Ljc0MjZDMzYuMDY3NCA0Ny45NDA2IDM0Ljc0MTEgNDcuNTgyOCAzMy44MzgyIDQ2LjgzNDNMMzMuNDYwOSA0Ni41MjE2TDM0LjE3NjEgNDUuODEyMUMzNi40MTM0IDQzLjU5MjIgMzcuNzE4OCA0MC44MzY0IDM4LjA4MTYgMzcuNTY2OUwzOC4xODk4IDM2LjU5MjJMMzkuNTI5IDM5LjM5MjNDNDEuMjAyOSA0Mi44OTIxIDQxLjEyNzEgNDIuNzY2NCA0MS41NjQxIDQyLjc2NjRDNDEuODE0NiA0Mi43NjY0IDQxLjk1MTUgNDIuNzA0MyA0Mi4wNTY0IDQyLjU0MjhDNDIuMTM2NCA0Mi40MTk4IDQyLjMzNSA0MS41NTg4IDQyLjQ5NzcgNDAuNjI5M0M0Mi42NjA2IDM5LjY5OTggNDMuMDUzMSAzNy40NzQ1IDQzLjM3IDM1LjY4MzlMNDMuOTQ2MSAzMi40Mjg0TDQ0Ljg5MzIgMzIuNDI3QzQ2LjQ4IDMyLjQyNDQgNDcuNjU1IDMyLjAzNTcgNDguMzkzMSAzMS4yNjlDNDguODgyMSAzMC43NjExIDQ5LjE2MzggMzAuMTEyIDQ5LjE2NjQgMjkuNDg2NkM0OS4xNzAxIDI4LjY1NTQgNDkuMjUzNSAyOC42Nzc3IDQ1LjkzOTYgMjguNjI0M1pNNC4wNDM5NyAzMS4xMTU1QzIuODg1NzYgMzEuMDYxOSAyLjE5MzM5IDMwLjgyODkgMS43MTg5MSAzMC4zMzM2TDEuNDQwMzggMzAuMDQyOEgzLjE0MjEzQzQuMDc4MSAzMC4wNDI4IDQuODYzMTcgMzAuMDc2MiA0Ljg4NjggMzAuMTE3M0M0LjkxMDM2IDMwLjE1ODQgNC45NjEzMyAzMC40MTAzIDUuMDAwMSAzMC42Nzc1TDUuMDcwNTcgMzEuMTYyOUw0LjA0Mzk3IDMxLjExNTVaTTM5LjY2MDYgMjAuOTc3MkMzOS43OTU3IDIxLjAzMTYgMzkuNjYxOCAyMS4xMTk1IDM5LjExNDEgMjEuMzM1M0MzMy4yNTc3IDIzLjY0MzYgMjguNzYwOCAyNC4yNjg2IDI2LjQ0MTMgMjMuMDk3MkMyNS44Njk4IDIyLjgwODYgMjQuOTcyOCAyMi4xNjA4IDI0Ljk3MjggMjEuNjk3MUMyNC45NzI4IDIxLjIxNzEgMjQuOTgxMiAxOS45NSAyNC45ODEyIDE5Ljk1QzI0Ljk4MTIgMTkuNDk3MyAyNS4xODMxIDE5LjQ0MzMgMjUuODE5OCAxOS4yNjI2QzI2LjE3MDYgMTkuMTYzMSAyNi44NDU3IDE4Ljk4MDYgMjcuMzEwMSAxOC44MTg4QzI3Ljc3NDcgMTguNjU2OSAyOC4yMjE3IDE4LjU0MjMgMjguMzAzOCAxOC41NjQzQzI4LjM4NTcgMTguNTg2MSAzOS41NjIgMjAuOTM3NiAzOS42NjA2IDIwLjk3NzJaTTMyLjEwODcgNy40MzQzNUMzMi42MDcxIDcuNjI2OTEgMzMuMDM0OSA3LjgwNDU5IDMzLjA1OTUgNy44MjlDMzMuMDg0IDcuODUzNTYgMzIuNzA4OCA4LjUyNjEyIDMyLjIyNTkgOS4zMjM2M0wzMS4zNDggMTAuNzczOEwzMC45OTM0IDEwLjcwNTRDMjkuNTc3OCAxMC40MzI5IDI4Ljk2NTcgMTAuMzQ5NyAyNy42MDgyIDEwLjI0NTZDMjYuNzYxMyAxMC4xODA1IDI2LjA0OTggMTAuMTEyOSAyNi4wMjc0IDEwLjA5NTVDMjYuMDA1IDEwLjA3OCAyNi4wNTkyIDkuOTgzNjEgMjYuMTQ3OCA5Ljg4NTZDMjYuNDA4NSA5LjU5NzMzIDI2LjYxNDcgOS4wMDcyNCAyNi42MTQ3IDguNTQ5MkMyNi42MTQ3IDcuOTQyNzcgMjYuNDY1MSA3LjQ5NzY3IDI2LjExNDMgNy4wNjA5NEMyNS44MTExIDYuNjgzNjcgMjUuODEwNSA2LjY3OTYxIDI1Ljk4NTEgNi4zODM4NkMyNi4yMDI1IDYuMDE1NDcgMjYuNDI0OCA2LjAwNTI3IDI4LjAxMzEgNi4yODk2MkMyOS4zNTI0IDYuNTI5NTEgMzAuODUwNCA2Ljk0ODIgMzIuMTA4NyA3LjQzNDM1Wk0yMC45NTMzIDQuMTEzMDNDMjEuMzc0NSAzLjE4NDE1IDIyLjE5NDIgMi40NDAyMSAyMy4xODY5IDIuMDg1ODdDMjMuOTM5MyAxLjgxNzEzIDI1LjE5NzcgMS44ODI2NyAyNS45NDA5IDIuMjI5MDlDMjYuNzAzNyAyLjU4NDY4IDI3LjQzOTIgMy4yOTM3OCAyNy44MDUyIDQuMDI2NzFDMjguMTc1IDQuNzY3NCAyOC4xOTcyIDUuMDM2NzQgMjcuODgxNCA0Ljk2MDRDMjcuNzU4NSA0LjkzMDY2IDI3LjMzNTEgNC44NzU1NSAyNi45NDAzIDQuODM3NjhDMjYuMzUyMyA0Ljc4MTM4IDI2LjIxMTYgNC43MzQxOSAyNi4xNjE1IDQuNTc2MjVDMjYuMDcyNyA0LjI5NTkgMjUuNTM2NiAzLjcxMzUxIDI1LjIxMzggMy41NDY0N0MyNS4wNjA4IDMuNDY3MjUgMjQuNjczNyAzLjQwMjQ1IDI0LjM1MzggMy40MDI0NUMyMy42NDU5IDMuNDAyNDUgMjIuOTk1OSAzLjc2NDEgMjIuNjk0IDQuMzI2MTVDMjIuNDg2NCA0LjcxMjIyIDIyLjU3NzIgNC42ODA3IDIxLjE3NDkgNC44NTM2NUMyMC42NzQ0IDQuOTE1NDIgMjAuNjQwNiA0LjgwMjM5IDIwLjk1MzMgNC4xMTMwM1pNMjUuMzIzMSA4LjUyMjg3QzI1LjMyMzEgOS41MzE3OSAyMy45MTkzIDkuODIwODcgMjMuNDgzMyA4LjkwMTc2QzIzLjI2OTEgOC40NSAyMy40MjkgNy45MzcxNSAyMy44Njc4IDcuNjY5NTFDMjQuMjQyMyA3LjQ0MTE2IDI0LjMzNDYgNy40MzU5MSAyNC43NzE5IDcuNjE4NjlDMjUuMTcyNyA3Ljc4NjI0IDI1LjMyMzEgOC4wMzMwMiAyNS4zMjMxIDguNTIyODdaTTE3LjM5NjQgMTAuNTkxMkMxNy4xMTYzIDEwLjIxNDkgMTUuNjg1NSA3Ljc5MjAxIDE1LjY4NTUgNy42OTQxNUMxNS42ODU1IDcuNTc2MDEgMTYuMzE0OCA3LjMyODk0IDE3LjcyMzYgNi44OTM4M0MxOC44OTUxIDYuNTMxOTYgMTkuODU3MyA2LjMyMDE3IDIxLjE1MDEgNi4xMzk0NUMyMi41MzQ4IDUuOTQ1NzkgMjIuNDk0IDUuOTQwNDcgMjIuNzM1IDYuMzQ5MDlMMjIuOTQ4NiA2LjcxMTEyTDIyLjcwNjUgNi45NzAzOUMyMi4yNDc5IDcuNDYxMzUgMjIuMTIwNCA3Ljg0NTc5IDIyLjE1OTYgOC42MTk5OUMyMi4xODg0IDkuMTkxMzYgMjIuMjQ5MSA5LjQxNjAyIDIyLjQ2MjYgOS43Mzg1NEwyMi43Mjk2IDEwLjE0MjFMMjEuOTE0OSAxMC4yMDU1QzIwLjczMzYgMTAuMjk3MiAxOS40Mzk3IDEwLjQ1MTcgMTguNDIxNCAxMC42MjI0QzE3LjU3ODQgMTAuNzYzOCAxNy41MjM2IDEwLjc2MjMgMTcuMzk2NCAxMC41OTEyWk0xOC42NjQ5IDE0LjAwOTVDMTguNDAxOCAxMy4yNjAyIDE4LjIyNzggMTIuMDM4IDE4LjM3MTcgMTEuOTQ4OUMxOC41MjA3IDExLjg1NjggMjAuOTYzMyAxMS41NTc0IDIyLjM0MjQgMTEuNDYyQzI0LjA1MzUgMTEuMzQ0IDI1LjI0NDEgMTEuMzQzNCAyNi45MDM4IDExLjQ2QzI3LjcyNzMgMTEuNTE3OSAyOC44ODIxIDExLjY0MSAyOS40NzAxIDExLjczMzVMMzAuNTM5MyAxMS45MDE4TDMwLjU2OTMgMTIuMjYxMkMzMC42MTQxIDEyLjc5NzEgMzAuMzI5OCAxMy44ODY5IDI5LjkyNDkgMTQuNzMxN0MyOS41MjAyIDE1LjU3NTggMjguNDAxNiAxNi43ODY5IDI3LjU5MTUgMTcuMjU3NkMyNi45MzM3IDE3LjY0IDI1LjIwNTQgMTguMTE0NiAyNC40Nzg3IDE4LjExMjZDMjEuOTEzNiAxOC4xMDUxIDE5LjUwNzIgMTYuNDA2OCAxOC42NjQ5IDE0LjAwOTVaTTkuNDk4MDggMjEuMzQzNEM4Ljk2MzkyIDIxLjEzNzQgOC41NTE3IDIwLjk0MzggOC41ODIxMyAyMC45MTM0QzguNjIzOTQgMjAuODcxNiAyMC41MTE4IDE4LjMzMDIgMjAuNTIxMSAxOC4zMjQyQzIwLjUzMDIgMTguMzE4IDIwLjg1NDEgMTguNDY0OCAyMS4yNDA3IDE4LjY1MDJDMjEuNjI3NCAxOC44MzU1IDIyLjI1NyAxOS4wNjQgMjIuNjM5OSAxOS4xNTc5TDIzLjMzNiAxOS4zMjg0QzIzLjMzNiAxOS4zMjg0IDIzLjE1NDYgMjEuOTcwMSAyMi45MzMyIDIyLjIyMTlDMjEuMTE0OCAyNC4yODg4IDE2LjMyMTMgMjMuOTc1NSA5LjQ5ODA4IDIxLjM0MzRaTTcuOTczIDQwLjAzMjhDNy45NTQ5MSAzOS45NzgyIDcuNjI3ODUgMzguMTY2NSA3LjI0NjM2IDM2LjAwN0M2LjM3MDgxIDMxLjA1MTggNi4yNDMyNSAzMC4zNDE5IDYuMTgwMTggMzAuMDc0MUM2LjEzNTQyIDI5Ljg4NDIgNi4xNzY3MSAyOS44NTIxIDYuNTEwNyAyOS44MTc0QzYuNzIwNjIgMjkuNzk1OCA2LjkyNTE0IDI5Ljc3MDUgNi45NjUxIDI5Ljc2MTJDNi45ODM3OCAyOS43NTY5IDguNzEwMTMgMjkuNDQyNyA5LjE3MDk1IDI5LjMwMjFDMTEuODM1MiAyOC40ODkgMTMuNzI4NyAyNi44NTkxIDE0Ljg4MDYgMjQuODk4NUMxNS4xMzIgMjQuNDcwNyAxNS4xMyAyNC4zOTI2IDE1LjMzMzggMjQuNDUwNUMxNS40NjQxIDI0LjQ4NzYgMTUuNTg2MSAyNC40OTE4IDE1LjU4NjEgMjQuNTExQzE1LjU4NjEgMjQuNTMwMSAxNC45OTkzIDI1Ljc0OSAxNC4yODIyIDI3LjIxOTdDMTEuNzg3MiAzMi4zMzYyIDguMDIzMjMgNDAuMTg0NSA3Ljk3MyA0MC4wMzI4Wk0xOS41MjY1IDQ5LjE3MjZDMTguMjQxMyA1MC4xNTM1IDE1Ljc2NzQgNTAuMTczMyAxMy4zMDMyIDQ5LjIyMjdMMTIuNDczNiA0OC45MDI2TDEzLjE4ODggNDguNzIwOUMxNC4xMTQ3IDQ4LjQ4NTUgMTUuMTI2MyA0Ny45NDkyIDE1Ljc5NzIgNDcuMzM3OUMxNi4wOTEgNDcuMDcgMTYuMzQ0NCA0Ni44NDkgMTYuMzYwMyA0Ni44NDY0QzE2LjM3NjQgNDYuODQ0MSAxNi42MzEgNDcuMDI0NSAxNi45MjYxIDQ3LjI0NzRDMTcuMjIxNCA0Ny40NzA0IDE4LjAwNjYgNDcuOTM0MiAxOC42NzEyIDQ4LjI3OEwxOS44Nzk2IDQ4LjkwMzNMMTkuNTI2NSA0OS4xNzI2Wk0zNS4yOTU3IDQ4LjkyNzhMMzYuMDAzOSA0OS4xMDk2TDM1LjUzNzEgNDkuMzEyQzMzLjg0OTUgNTAuMDQzOCAzMS43NTk4IDUwLjMxMjYgMzAuNDM1OSA0OS45Njg0QzI5LjgxMDkgNDkuODA1OSAyOC44NzM5IDQ5LjMzMDQgMjguODgwOSA0OS4xNzkyQzI4Ljg4MzQgNDkuMTMgMjkuMTkwMyA0OC45NzE3IDI5LjU2MzIgNDguODI3MUMzMC4zOTEgNDguNTA2MiAzMS41MTExIDQ3LjkzNzIgMzEuOTggNDcuNTk5M0MzMi4xNzEzIDQ3LjQ2MTcgMzIuMzY1NSA0Ny4zNDY2IDMyLjQxMTggNDcuMzQ0QzMyLjQ1ODEgNDcuMzQxMiAzMi43MDQgNDcuNTIyNiAzMi45NTgzIDQ3Ljc0N0MzMy41NDkgNDguMjY4NSAzNC4zOTc0IDQ4LjY5NyAzNS4yOTU3IDQ4LjkyNzhaTTM2Ljc1NzggMzcuOTIzNkMzNi4yNDM0IDQxLjc4MjggMzMuNzgxNSA0NS4yODE0IDMwLjMyMjUgNDcuMDY4N0MyNi40MTkyIDQ5LjA4NTcgMjEuNzEyNSA0OC44NjgxIDE4LjEzNDIgNDYuNTA1NEMxNS41MDczIDQ0Ljc3MSAxMy43NDY2IDQyLjMzMTUgMTIuOTI0NCAzOS4yODczQzEyLjY5MjEgMzguNDI3NiAxMi42Njg2IDM4LjE2NDkgMTIuNjYyMiAzNi4zNTQ5QzEyLjY1MiAzMy40OTU5IDEyLjY2MjkgMzMuNDYwMyAxNC45OTY5IDI4LjY3MzRMMTYuODc0IDI0LjgyNEwxOC42ODkyIDI0LjgxNzZDMjAuMjMwMyAyNC44MTIxIDIwLjYyMTUgMjQuNzc4NyAyMS4yODA3IDI0LjU5NjRDMjIuMjgxMyAyNC4zMTk2IDIzLjA5NjQgMjMuODgwOSAyMy42Mzk4IDIzLjMyNzFDMjMuODc4IDIzLjA4NDIgMjQuMDk3IDIyLjg4NjIgMjQuMTI2NyAyMi44ODY5QzI0LjE1NjIgMjIuODg3NCAyNC4zOTcyIDIzLjEwNzMgMjQuNjYyMiAyMy4zNzUyQzI1LjU5NDIgMjQuMzE3OSAyNi45ODUgMjQuODM3MiAyOC44NTAyIDI0LjkzOTFDMjkuODE1NiAyNC45OTE5IDMxLjU5MzggMjQuODc1MSAzMi4yMjA1IDI0LjcxNzdDMzIuNDIzOCAyNC42NjY3IDMyLjU5MDggMjQuOTc1NyAzNC40MzcxIDI4LjgxODlDMzUuOTE3NiAzMS45MDA0IDM2LjQ3NzEgMzMuMTY3OCAzNi42MDE3IDMzLjcyMDZDMzYuODI1NSAzNC43MTQzIDM2LjkwNCAzNi44Mjc0IDM2Ljc1NzggMzcuOTIzNlpNNDIuOTAzMSAzMS4wNDQ5QzQyLjc5MDcgMzEuNjY5MiA0Mi4zODk4IDMzLjkxOTQgNDIuMDEyMiAzNi4wNDUzQzQxLjYzNDYgMzguMTcxMiA0MS4zMDQ5IDM5LjkzMTQgNDEuMjc5NSAzOS45NTY5QzQxLjI1NDIgMzkuOTgyMiAzMy43Njg0IDI0LjQ0MzYgMzMuNzY4NCAyNC40MjVDMzMuNzY4NCAyNC4zOTYyIDMzLjk3MDQgMjQuMzI4NiAzNC4xNzU1IDI0LjI4ODhDMzQuMjA4MSAyNC4yODI1IDM0LjMyIDI0LjQ2NjQgMzQuNDI0IDI0LjY5NzVDMzUuMzUzNCAyNi43NjM5IDM3LjYxMTggMjguNTQ2NCA0MC4yMjI0IDI5LjI3MzlDNDAuNjMwMyAyOS4zODc1IDQzLjAxNjYgMjkuODE4OSA0My4wNzA1IDI5Ljg3MjZDNDMuMDkwOSAyOS44OTMxIDQzLjAxNTUgMzAuNDIwNyA0Mi45MDMxIDMxLjA0NDlaTTQ3LjM5MzggMzAuNDM4OEM0Ni45MDM1IDMwLjkwNTQgNDYuMTEyNCAzMS4xMzYyIDQ1LjAwMyAzMS4xMzYySDQ0LjE3ODZMNDQuMjQyOSAzMC43NjM0QzQ0LjI3ODEgMzAuNTU4NCA0NC4zMzEzIDMwLjI2NzcgNDQuMzYxMiAzMC4xMTczTDQ0LjQxNTMgMjkuODQzOEg0Ni4wOTY0QzQ3LjMwMTQgMjkuODQzOCA0Ny43Nzc2IDI5Ljg3NjUgNDcuNzc3NiAyOS45NTg4QzQ3Ljc3NzYgMzAuMDIxOSA0Ny42MDUgMzAuMjM3OSA0Ny4zOTM4IDMwLjQzODhaIiBmaWxsPSIjMTkxOTE5Ii8+CjxwYXRoIGQ9Ik0yNi4yNTAzIDEyLjg0NThDMjUuNzc3MyAxMi44NDU4IDI1Ljc1NzIgMTIuODU3NyAyNS42NDM3IDEzLjIwMTNDMjUuNDIzMiAxMy44NyAyNC40NzIxIDE0LjE2NjkgMjMuOTI2NCAxMy43Mzc0QzIzLjc4NTMgMTMuNjI2NCAyMy42MTM4IDEzLjM4MDQgMjMuNTQ1MiAxMy4xOTA3QzIzLjQyNjUgMTIuODYyMiAyMy4zOTc3IDEyLjg0NTggMjIuOTQzOCAxMi44NDU4QzIyLjUzMDYgMTIuODQ1OCAyMi40NjcgMTIuODcyOCAyMi40NjcgMTMuMDQ3OEMyMi40NjcgMTMuMzYxNSAyMi43NDc4IDEzLjk1OTYgMjMuMDQzNSAxNC4yNzQ4QzIzLjg4NjkgMTUuMTc0NyAyNS40MzU2IDE1LjEzNTYgMjYuMjEwNSAxNC4xOTUxQzI2LjQ4MDggMTMuODY3IDI2LjczOTIgMTMuMjYyNiAyNi43MzkyIDEyLjk1ODVDMjYuNzM5MiAxMi44ODk4IDI2LjU0ODUgMTIuODQ1OCAyNi4yNTAzIDEyLjg0NThaIiBmaWxsPSIjMTkxOTE5Ii8+CjxwYXRoIGQ9Ik0zNC40ODE1IDMzLjgyMDFDMzMuMTk1MiAyOC42MzA1IDI4LjI3MTQgMjUuMzAzMiAyMy4wNzM4IDI2LjExMTRDMjAuOTcwNCAyNi40Mzg0IDE4Ljk5NDQgMjcuNDQwNSAxNy40OTQ5IDI4Ljk0MDlDMTMuODg0IDMyLjU1MzQgMTMuNDkyMiAzOC4xNjQ3IDE2LjU2NTggNDIuMjQ1N0MxNy41OTg5IDQzLjYxNzQgMTguNzM0IDQ0LjUyNzEgMjAuMzg0NiA0NS4zMDY1QzIxLjg2ODYgNDYuMDA3MSAyMi43MDY0IDQ2LjE4MzggMjQuNTY5OSA0Ni4xODkyQzI2LjUxNzcgNDYuMTk0NyAyNy40MDQgNDUuOTk5MyAyOS4wNDEgNDUuMjAzNEMzMS43MDc5IDQzLjkwNjMgMzMuNjU1NiA0MS41MzA5IDM0LjQyMTIgMzguNjQxMUMzNC43Nzc0IDM3LjI5NjkgMzQuODA0NSAzNS4xMjM2IDM0LjQ4MTUgMzMuODIwMVpNMzMuNzIxIDM4LjQzMTFDMzMuMjYwNyA0MC4wNzQ2IDMyLjU2NTEgNDEuMzI0OCAzMS40NDIxIDQyLjUyNzZDMzAuMTUyMiA0My45MDkzIDI4LjQxOTEgNDQuOTA2MSAyNi42MDE2IDQ1LjMxMTdDMjUuNjIyMSA0NS41MzAyIDIzLjYyNjMgNDUuNTMyNSAyMi42NTggNDUuMzE2MUMxOS4wNjQ0IDQ0LjUxMjggMTYuMTU5OCA0MS41OTk2IDE1LjQzNzEgMzguMDczOEMxNS4yMzg2IDM3LjEwNiAxNS4yMzE5IDM1LjE1MTkgMTUuNDI0MSAzNC4yNDlDMTYuMjA5NiAzMC41NTU3IDE4Ljk5NjMgMjcuNzQyOCAyMi42ODM2IDI2LjkyMTZDMjMuNzA4NSAyNi42OTMzIDI2LjEwMDYgMjYuNzY1MiAyNy4xMDM0IDI3LjA1NDRDMzAuNTMxIDI4LjA0MjggMzMuMTA5NCAzMC44Mjg2IDMzLjgxMzMgMzQuMzAzN0MzNC4wMjE4IDM1LjMzMyAzMy45NzI1IDM3LjUzMzEgMzMuNzIxIDM4LjQzMTFaIiBmaWxsPSIjMTkxOTE5Ii8+CjxwYXRoIGQ9Ik0xOC4zNTU4IDQwLjM3MThDMTguNTc0NSA0MC4zNzE4IDE4Ljc1OTYgNDAuMjkzIDE4LjkxMSA0MC4xMzU2QzE5LjA3MDggMzkuOTY5NCAxOS4xNTQ5IDM5Ljc3MjUgMTkuMTYzMyAzOS41NDUxVjMyLjI3NTZDMTkuMTU0OSAzMi4wNDgxIDE5LjA3MDggMzEuODU1NyAxOC45MTEgMzEuNjk4MkMxOC43NTk2IDMxLjUzMiAxOC41NzQ1IDMxLjQ0ODkgMTguMzU1OCAzMS40NDg5SDE4LjE5MThWMzEuMzE3N0gyMC45NTVWMzEuNDQ4OUgyMC43OTFDMjAuNDg4MiAzMS40NDg5IDIwLjI1NjkgMzEuNTg0NSAyMC4wOTcgMzEuODU1N0MyMC4wMjEzIDMxLjk4NjkgMTkuOTgzNSAzMi4xMjY5IDE5Ljk4MzUgMzIuMjc1NlY0MC4wOTYySDIxLjc4NzhDMjIuNDEwMyA0MC4wOTYyIDIyLjg4NTUgMzkuOTUxOSAyMy4yMTM2IDM5LjY2MzJDMjMuNTQxNyAzOS4zNzQ1IDIzLjgxNSAzOC45NDU5IDI0LjAzMzcgMzguMzc3MkgyNC4xNTk5TDIzLjQyODEgNDAuNTAzSDE4LjE5MThWNDAuMzcxOEgxOC4zNTU4WiIgZmlsbD0iIzE5MTkxOSIvPgo8cGF0aCBkPSJNMjUuMjU2MSA0MC4zNzE4QzI1LjQ3NDggNDAuMzcxOCAyNS42NTk4IDQwLjI5MyAyNS44MTEyIDQwLjEzNTZDMjUuOTcxMSAzOS45Njk0IDI2LjA1NTIgMzkuNzcyNSAyNi4wNjM2IDM5LjU0NTFWMzIuMTk2OEMyNi4wMzg0IDMxLjk4NjkgMjUuOTUgMzEuODExOSAyNS43OTg2IDMxLjY3MkMyNS42NDcyIDMxLjUyMzMgMjUuNDY2NCAzMS40NDg5IDI1LjI1NjEgMzEuNDQ4OUgyNS4xMDQ3TDI1LjA5MiAzMS4zMTc3SDI4Ljc4OUMyOS4wNDk4IDMxLjMxNzcgMjkuMzMxNiAzMS4yOTE0IDI5LjYzNDQgMzEuMjM4OUMyOS45NDU2IDMxLjE4NjUgMzAuMTY0MyAzMS4xMzQgMzAuMjkwNSAzMS4wODE1VjMyLjczNDhIMzAuMTY0M1YzMi40OTg2QzMwLjE2NDMgMzIuMjg4NyAzMC4wOTI4IDMyLjEwOTQgMjkuOTQ5OCAzMS45NjA2QzI5LjgxNTIgMzEuODExOSAyOS42NTEyIDMxLjczMzIgMjkuNDU3NyAzMS43MjQ1SDI2Ljg4MzdWMzUuNzc5MUgyOS4wMTYxQzI5LjE4NDQgMzUuNzcwNCAyOS4zMjc0IDM1LjcwNDggMjkuNDQ1MSAzNS41ODIzQzI5LjU2MjkgMzUuNDU5OCAyOS42MjE4IDM1LjMwNjcgMjkuNjIxOCAzNS4xMjNWMzQuOTM5M0gyOS43NDc5VjM3LjAxMjZIMjkuNjIxOFYzNi44MTU3QzI5LjYyMTggMzYuNjQwOCAyOS41NjI5IDM2LjQ5MjEgMjkuNDQ1MSAzNi4zNjk2QzI5LjMzNTggMzYuMjQ3MSAyOS4xOTcgMzYuMTgxNSAyOS4wMjg3IDM2LjE3MjhIMjYuODgzN1Y0MC4wOTYySDI4LjY4ODFDMjkuMzEwNSA0MC4wOTYyIDI5Ljc4NTggMzkuOTUxOSAzMC4xMTM5IDM5LjY2MzJDMzAuNDQxOSAzOS4zNzQ1IDMwLjcxNTMgMzguOTQ1OSAzMC45MzQgMzguMzc3MkgzMS4wNjAyTDMwLjMyODQgNDAuNTAzSDI1LjA5MlY0MC4zNzE4SDI1LjI1NjFaIiBmaWxsPSIjMTkxOTE5Ii8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}
._3cqnd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  padding: 10px 0;
}
._3cqnd button {
  width: 100%;
}

@media screen and (min-width: 768px) {
  ._3cqnd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 30px 0 50px;
  }
  ._3cqnd button {
    max-width: 284px;
  }
}
._1tqp3 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}

.G16rX {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
._5zil1 {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 14px;
}

._1nM2- {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGRSURBVHgB7ZhPToNAFMYf1rRdsix/FngCewQ8gdwAr+AJjDfQE6g38AbSG3ADZ0VYsoQF4PcaSLQdCI52SHS+hM7ryzfhx2Mg8yAyMppXFmmU7/thXdd3CMMulbRte5/neTI0Rxug53lx0zTPlmUVgEq6dMQ/+H8DyBeaC7CHQygAcwUYwfnNZhMA+A2hvVqtLoQQxeHcMzqxhuBYXfzIgGVZbmXzTwo4BtdrsVik3RiQTsApcCx4Yh7x8AjSJYZzHKfF8c7rbIpvyPPrFZxauUMf6ZBK5cZ8Bk7VZ+BUfQZO1WfgVH0GTtVn4FR9fxJO2pN0vQLv0b61ZRry/UTS/SC23yGPgLydE24QECe85nG5XCY0IxyNAHKHlcraQJ1wUkAAMFyAY0czw7HOJbl9f4r1lwRQVVUR4kukIsDZOuGkgP36g54AZ3c5Bub+dYf4YQjOdV3+lLEldaVZlr2OAn6SYCCuJD8ssvUoUYwLiEhdXIQvgEfvQdzVfdUmAh3NxScMmxS1Xq8LlfMaGf1rfQAiVnT8A7yM3gAAAABJRU5ErkJggg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
._1nM2-:hover {
  background-color: transparent;
}
._1qKkf {
  text-align: center;
  max-width: 80%;
  margin-bottom: 10px;
}
._1qKkf h2 {
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  text-align: left;
}
.ocie- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}
._1lg6a {
  width: 40px;
  height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
._3CUiQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 20px;
}
._3iI3H {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 60px;
}
._2D8uT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 10px;
}

@media screen and (min-width: 960px) {
  ._1tqp3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 20px;
    width: 100%;
    margin-bottom: 0;
  }
  ._1qKkf {
    max-width: 190px;
    margin-bottom: 0;
  }
  ._1qKkf h2 {
    text-align: center;
  }
  .G16rX {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 266px;
    min-height: 170px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 30px 20px;
    margin-bottom: 20px;
  }
  ._5zil1 {
    gap: 42px;
    padding: 30px 66px;
    margin-bottom: 20px;
  }
  .ocie- {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 0;
  }
  ._7qbwn {
    height: 1px;
    width: 95px;
    background-color: #baa57e;
  }
  ._3CUiQ {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: 20px;
  }
  ._3iI3H {
    gap: 20px;
    -ms-flex-align: center;
        align-items: center;
    padding-left: 0px;
  }
  ._2D8uT {
    -ms-flex-align: center;
        align-items: center;
  }
}
._1o4mT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 23px;
  max-width: 616px;
}
._3lQR6 {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
._3lQR6 ._3bml-:last-child {
  width: 100%;
}
._2vlp9 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-width: 224px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 600;
}
._3bml- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 4px;
  font-size: 18px;
  font-weight: 600;
}
._10B5Z {
  font-size: 14px;
  font-weight: 400;
  color: #505050;
  white-space: nowrap;
}
.FHkkA {
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  ._1o4mT {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  ._2vlp9 {
    margin-right: 54px;
    font-size: 18px;
  }
  ._3bml- {
    min-width: 125px;
  }
  ._3lQR6 {
    width: 100%;
  }
  ._3lQR6 ._3bml-:last-child {
    width: auto;
  }
}
._32vD_ {
}
._1KzVe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}
._3OAIS {
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
._3OAIS > div:first-child {
  -ms-flex: 0 0 95px;
      flex: 0 0 95px;
  width: 95px;
}
.qljAR {
  -ms-flex: 1;
      flex: 1;
}
._3OAIS > label {
  -ms-flex: 1;
      flex: 1;
}
@media screen and (min-width: 768px) {
}
._2WEz4 {
  width: 100%;
  padding: 0;
  min-height: 50px;
  font-family: 'Twemoji Country Flags', 'Avenir Next', 'Helvetica Neue',
    Helvetica, sans-serif;
}

._1mf-7 {
  background: none;
  padding: 0;
}

._2YkZC {
  background: none;
  border: 1px solid #baa57e;
  border-radius: 4px;
  height: 50px;
  padding: 0 12px;
}

._3vLKe {
  color: #505050;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

._2pia3 {
  background: none;
  border: none;
}

._3nJ3p {
  padding: 7px 16px;
  font-size: 14px;
  color: #191919;
  font-weight: 600;
}

._3nJ3p:hover {
  background-color: #f5f5f5;
}

.yhaiW {
  background: none;
  padding: 0;
}

._1_gCm {
  width: 100%;
  height: 50px;
  background: none;
  border: none;
  border-radius: 4px;
  height: 50px;
  padding: 0 14px;
  font-size: 14px;
  color: #191919;
  font-weight: 600;
}

._1_gCm::-moz-placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #505050;
}

._1_gCm:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #505050;
}

._1_gCm::placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #505050;
}

._1_gCm:focus {
  border-color: #baa57e;
  outline: none;
}

._3ua5T {
  background: white;
  border-radius: 5px;
  border: 1px solid #baa57e;
}

._1GHro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;
}
.mvJGj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 2px;
}
._1VtMO {
  font-size: 24px;
}

._2ZMth {
  font-size: 11px;
  font-weight: 600;
  color: #505050;
}

.TODjM {
  font-size: 14px;
  color: #191919;
}

._2MnwY {
  margin-top: 4px;
  color: #b71610;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
._1-vQQ {
  padding: 7px 10px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  color: #896011;
  border-radius: 5px;
}

._1-vQQ:hover {
  background-color: #f9f7f3;
}

.k8PiY {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACESURBVHgB7dfBCYMwGIbhN2kHKE7QUTpKOkZP1ZPoEjqKoziCC5hoEAfQ/5DL94DwXwwvIRACYtCG1zt/GDwx8PjaQdrHLzd5ClOAAhSgAAW4c8iXygP/54JE+hyLuOnCb6zE5jcuc56L74BJF6qxD9WAgQ6hAhSgAAUUDzC9jCKxRow2U7QT/RhNO3QAAAAASUVORK5CYII=);
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  transform: translateY(-1px);
}
._3qx7M {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 30px;
}
._1EZUO {
  /* max-width: 339px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 14px;
  gap: 6px;
}
._1EZUO div {
  font-weight: 400;
}
._1EZUO ._3dCdF {
  /* min-width: 120px; */
  font-size: 18px;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  margin-right: 20px;
}
.uzS5t {
  font-weight: 600;
}
._31jYU div {
  -ms-flex: 1;
      flex: 1;
}
._3sKrU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 6px;
  font-weight: 400;
}
._3sINw {
  color: #987532;
  font-weight: 500;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  ._1EZUO ._3dCdF {
    min-width: 120px;
  }
  ._1EZUO {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 14px;
    gap: 30px;
  }
}
._1sdPE {
}
._1R6_y {
  -ms-flex: 1;
      flex: 1;
}
._2Ekgd {
  width: 145px;
}

._2KpAE {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}
._2bnMQ {
  -ms-flex: 1;
      flex: 1;
}
._2LQHx {
  width: 20px;
  padding-left: 14px;
}
._1rUwX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._12INX div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 14px;
  margin: 14px 0;
}

._12INX button {
  width: 100%;
  border: 1px solid #BAA57E;
}
._1CjeG {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1NTYyXzI1MzkwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40OTYwNiAzLjQ5MjVDMy42OTEzMiAzLjI5NzI0IDQuMDA3OSAzLjI5NzI0IDQuMjAzMTYgMy40OTI1TDIwLjUwOCAxOS43OTczQzIwLjcwMzMgMTkuOTkyNiAyMC43MDMzIDIwLjMwOTIgMjAuNTA4IDIwLjUwNDRDMjAuMzEyNyAyMC42OTk3IDE5Ljk5NjIgMjAuNjk5NyAxOS44MDA5IDIwLjUwNDRMMy40OTYwNiA0LjE5OTYxQzMuMzAwNzkgNC4wMDQzNCAzLjMwMDc5IDMuNjg3NzYgMy40OTYwNiAzLjQ5MjVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjUwMTkgMy40OTA5QzIwLjY5NzIgMy42ODYxNiAyMC42OTcyIDQuMDAyNzQgMjAuNTAxOSA0LjE5ODAxTDQuMTk3MDggMjAuNTAyOEM0LjAwMTgyIDIwLjY5ODEgMy42ODUyMyAyMC42OTgxIDMuNDg5OTcgMjAuNTAyOEMzLjI5NDcxIDIwLjMwNzYgMy4yOTQ3MSAxOS45OTEgMy40ODk5NyAxOS43OTU3TDE5Ljc5NDggMy40OTA5QzE5Ljk5MDEgMy4yOTU2NCAyMC4zMDY3IDMuMjk1NjQgMjAuNTAxOSAzLjQ5MDlaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1NTYyXzI1MzkwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
/* Edit styles */
._31p09 {
}

._3qZji {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 28px;
  -moz-column-gap: 19px;
       column-gap: 19px;
}
._2ujFs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 14px;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
._3JfS0 {
  font-size: 14px;
  font-weight: 600;
  color: #191919;
  text-align: center;
}
._8CkMV {
  position: relative;
  width: 100%;
  padding-bottom: 52.294%; /* 218:114 aspect ratio */
  border-radius: 3px;
  border: 1px solid #baa57e;
  background: #fff;
  margin-bottom: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
._8CkMV img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

._3HxIS input {
  height: 34px;
  border-color: #b2b2b2;
}

@media (min-width: 768px) {
  ._31p09 {
    width: 455px;
  }
  ._3qZji {
    grid-template-columns: 1fr 1fr;
  }
  ._3JfS0 {
    font-weight: 600;
  }
  ._8CkMV {
    /* Remove the fixed height since we're using aspect-ratio now */
  }
}
._334oC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
  max-width: 456px;
}
.L104E {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
  width: 100%;
}
._62qkC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
._62qkC small {
  font-size: 14px;
}

._3pTSH {
  margin-top: 14px;
}

._3EqyH,
._3pTSH > div > div:first-child {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #505050;
}
._3pTSH label {
  font-size: 14px;
  font-weight: 400;
}
._7IAMm {
  margin-top: 9px;
}
._334oC textarea {
  height: 65px !important;
}

@media (min-width: 768px) {
  .L104E {
    width: 289px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._385W8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}

._3yuBU {
  font-size: 14px;
  font-weight: 600;
  color: rgba(25, 25, 25, 1);
  margin-bottom: 10px;
}

._9L2r9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 20px;
}

.xDHrr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

.xDHrr label {
  font-size: 14px;
}
._1K6Kw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 6px;
  font-weight: 400;
}

.iJcWZ {
  font-weight: 600;
}

._1BQ7M {
  color: #987532;
  font-weight: 500;
  cursor: pointer;
}
._3xS7j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
._2y0f3 {
  -ms-flex: 1;
      flex: 1;
}
._2yFT1 {
  width: 155px;
}
._24P4t {
}
._2Jp9F {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}
._2W0sN {
  -ms-flex: 1;
      flex: 1;
}
._3wiB3 {
  width: 20px;
  padding-left: 14px;
}
._1fXeQ {
  width: 100%;
}
.paymentContent {
  padding-right: 0px;
}
._3KHIy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 20px;
  max-width: 520px;
}

._3EZpb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.CkmEC {
  width: 273px;
  min-height: 164px;
}
._3PlvT {
}

@media screen and (min-width: 768px) {
  ._1fXeQ {
    width: 100%;
    margin-top: 0px;
  }
  ._3KHIy {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 30px;
  }
  ._3EZpb {
    width: auto;
    display: block;
  }
  .CkmEC {
    width: 244px;
    min-height: 147px;
  }
}
._1v8op {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._2jies {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  /* transform: scale(0.89); */
  transform-origin: left top;
}

._3ZEmx {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px;
}

._1uOhx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 10px;
  margin-top: 15px;
}

._357st {
  min-width: 120px;
  padding: 8px 16px;
  background-color: #f5f5f5;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

._357st:hover {
  background-color: #e0e0e0;
}

._357st:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._3DgEL {
  margin-top: 30px;
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}

._2xCWU {
  color: #2196f3;
  margin-top: 10px;
}

._3xELo {
  color: #f44336;
  margin-top: 10px;
}

.yHfrL {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  ._1uOhx {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._357st {
    width: 100%;
    margin-bottom: 5px;
  }
}

._2Tlky {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3Tnnz {
  -ms-flex: 1;
      flex: 1;
}

.jWyfh {
  width: 145px;
}

._335Zo {
}

._3bWZj {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  position: relative;
  max-width: 350px;
}

.pzagE {
  -ms-flex: 1;
      flex: 1;
}

.w4dcZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-left: 10px;
}

/* New styles for card form */
._3Pnt7 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}
._3Pnt7 small {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

._3XOMQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1FC6w {
  display: inline-block;
  margin-left: 16px;
  padding: 8px 16px;
  background-color: transparent;
  color: #dc3545;
  border: 1px solid #dc3545;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
}

._1FC6w:hover {
  background-color: #dc3545;
  color: white;
}

._2psV6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.uySc1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

._-IjWb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}
._3t2V3 {
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
._-IjWb label div small {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
._2sI1r {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.oz7XU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
._1MkEp {
  width: 273px;
  min-height: 164px;
}
@media (min-width: 960px) {
  .uySc1 {
    min-width: 576px;
  }
  ._2sI1r {
    margin-bottom: 30px;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  ._-IjWb {
    margin-top: 0px;
  }
  .oz7XU {
    width: auto;
    display: block;
  }
  ._1MkEp {
    width: 244px;
    min-height: 147px;
  }
}
._23GLy {
}
._32kq- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}
@media screen and (min-width: 768px) {
}

._2raKI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.FhvG3 {
  width: 100px;
}

._3rkES {
  -ms-flex: 1;
      flex: 1;
}

._25EV1 {
  margin-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}

._2iF2O {
  -ms-flex: 1;
      flex: 1;
}

.M6V8S {
  width: 20px;
  padding-left: 14px;
}

.ZtHza {
  margin-bottom: 14px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3SBRx {
  margin-bottom: 1rem;
  position: relative;
}

._1qls2 {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
}

.W32nf {
  width: 100%;
  padding: 0.5rem 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 1rem;
  color: #333;
}

.W32nf:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

._3FHTV {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #e53935;
  border-radius: 3px;
  font-size: 1rem;
  color: #333;
}

._3yCus {
  color: #e53935;
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

/* Calendar customization */
._2bRhW {
  font-family: inherit;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Target react-datepicker global classes */
.react-datepicker-wrapper,
.react-datepicker__input-container {
  display: block;
  width: 100%;
}

._3uaPn > div > div {
  background-color: white;
  border-bottom: none;
}

._3uaPn > div > div > div {
  font-family: Avenir Next;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  color: #505050;
}

._3uaPn > div > div > div > div {
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  color: #191919;
  margin: 10px;
}

._3FHTV {
  border-color: rgba(183, 22, 16, 1) !important;
}

/* Hide month dropdown container */
/* .reactDatepicker :global(.react-datepicker__month-dropdown-container) {
  display: none !important;
}
 */
._3uaPn .react-datepicker__year-select {
  border: none;
  background: transparent;
  width: 60px;
  height: auto;
}
._3uaPn .react-datepicker__day {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 2px 8px;
}
._3uaPn .react-datepicker__month-container {
  padding: 10px 0;
}
._3uaPn .react-datepicker__navigation {
  transform: translateY(10px);
}
._3uaPn .react-datepicker__day--keyboard-selected,
._3uaPn .react-datepicker__day--selected {
  background-color: #505050;
  color: #ffffff;
}

._3uaPn .react-datepicker__day--keyboard-selected:hover,
._3uaPn .react-datepicker__day--selected:hover {
  background-color: #505050 !important;
}

._3uaPn .react-datepicker__day:hover {
  background-color: #e5e7e7;
}

._3uaPn .react-datepicker__year-select option {
  max-height: 200px;
  overflow-y: auto;
}

._3uaPn .react-datepicker__year-dropdown {
  max-height: 200px;
  overflow-y: auto;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2kIWz {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 25px;
}

@media screen and (max-width: 640px) {
  ._2kIWz {
    grid-template-columns: 1fr;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3GxzI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._3Dbhj {
  background-color: #fff;
  border-radius: 10px;
  padding: 60px 20px;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}

.bjScz {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 25px;
}

@media screen and (max-width: 640px) {
  ._3Dbhj {
    padding: 20px 14px;
    gap: 14px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3BOE9 {
  padding: 30px 20px;
  margin: 0 auto;
}

._2B2AB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._1S3nF {
  margin-top: 10px;
}

.PHcrr {
  width: 100%;
  padding-top: 14px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.PHcrr p {
  margin-top: 8px;
}

._1Da_u {
  width: 100%;
  max-width: 273px;
}

._13vg0 {
  width: 100%;
  max-width: 299px;
}

.g5P5G div {
  margin-bottom: 10px;
}

._2IktB {
  background-color: transparent;
  border: 1px solid #505050;
  width: 109px;
  margin-top: 20px;
}

._1PkI_ {
  color: rgba(186, 165, 126, 1);
}

@media screen and (min-width: 640px) {
  ._3BOE9 {
    max-width: 1280px;
    padding: 70px 80px;
  }
  ._21Qgt {
    margin-top: 20px;
  }
  ._3FgE6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }

  ._2RbZV {
    width: 100%;
    min-width: 230px;
    height: 153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  ._2B2AB {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    padding: 50px 0;
    border-bottom: 1px solid rgba(178, 178, 178, 1);
  }

  .g5P5G {
    width: 100%;
    max-width: 335px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3pCtT div {
  margin-bottom: 10px;
}

._1hqu3 {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
  margin-top: 20px;
}

._2Swg2 {
  color: rgba(186, 165, 126, 1);
}

@media screen and (min-width: 640px) {
  ._1hqu3 {
    max-width: 110px;
  }
}

@media screen and (min-width: 1024px) {
  ._3pCtT {
    width: 100%;
    max-width: 335px;
  }
}
._2M2b6 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 30px;
}

._1mOYp {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

._1mOYp p {
  color: #505050;
}

form {
  width: 100%;
  max-width: 410px;
}

form input {
  width: 100%;
}

._25W9X label {
  margin-top: 0px !important;
}

._29_Of div label {
  margin-top: 20px;
}

._2vd9J {
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

._2A6j3 {
  width: 75px;
}

.FsJV4 {
  width: 122px;
}

@media screen and (min-width: 1024px) {
  ._2M2b6 button {
    width: 131px;
  }

  ._29_Of input {
    width: 273px !important;
  }

  ._3KEWe {
    margin-top: 10px;
  }
}
._3-LY7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._3-LY7:last-of-type {
  border-bottom: none;
}

._1le9m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  max-width: 299px;
}

._2ihZ7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}

.BsVYV {
  width: 100%;
  max-width: 299px;
}

._1Vn46 {
  margin-top: 10px;
}

._1NRar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  ._3-LY7 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    padding: 50px 0;
    border-bottom: 1px solid rgba(178, 178, 178, 1);
  }

  .BsVYV {
    max-width: 299px;
  }

  ._1Vn46 {
    margin-top: 20px;
  }

  ._1NRar {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._18Xuf {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
}

._3ZV9I {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 10px;
}

.ryb4B {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: center;
      justify-content: center;
}

.ryb4B div {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  ._8kezV {
    width: 160px;
  }

  ._3ZV9I {
    width: 100%;
    max-width: 140px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._6InID {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
._6InID input {
  margin-right: 10px;
}

._1Er_8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1Er_8 input {
  margin-right: 10px;
}

._28UfK {
  margin: 30px 0;
}

._1Q4Mc {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.uLrpn {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

.uLrpn p {
  color: #505050;
}

._3bPth {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

@media screen and (min-width: 1024px) {
  ._1Q4Mc button {
    width: 131px;
  }
}
.UGoqO {
  max-width: 100%;
}

.UGoqO > * {
  margin-bottom: 20px;
}

.UGoqO input {
  margin-top: 5px !important;
}

.UGoqO button {
  width: 100%;
  margin-top: 10px;
}

.X8wxF small {
  position: absolute;
  right: 15px;
  top: 44px;
}

._1ebCt,
._84gUm,
._33zxJ {
  position: relative;
}

._1ebCt small,
._84gUm small,
._33zxJ small {
  position: absolute;
  right: 15px;
  top: 44px;
}

@media screen and (min-width: 1024px) {
  .UGoqO {
    margin-top: 0px;
    max-width: 273px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3zyKm {
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  height: 248px;
}

._39Qo8 {
  text-align: center;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
}

.L0TmG {
  width: 54px;
  height: 54px;
  margin-top: 20px;
}

._3aFuQ {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._3aFuQ:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._3aFuQ {
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 1024px) {
  ._39Qo8 {
    width: 622px;
  }
}
._2H9_4 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 1024px) {
  ._2H9_4 {
    width: 100%;
    max-width: 140px;
    margin-top: 15px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2RE0d {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  -ms-flex: 1;
      flex: 1;
}

._3n517 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._3TAv7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b2b2b2;
}

._2tSci {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._3L68a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._21QDe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
  max-width: 100%;
}

._5XNRS {
  height: 2px;
}

.uWMJf {
  background: transparent;
  border: none;

  text-decoration: underline;
}

.vphDM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._2zIe4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
  max-width: 100%;
  gap: 10px;
}
._2zIe4 button {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
}

._2BGlM:hover,
._2BGlM:focus {
  opacity: 0.7;
}

._3g1qt {
  background-color: transparent;
  border: 1px solid #505050;
  max-width: 100%;
}

._2u3co {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px;
}

.iQFQ2 {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 600px;
  z-index: +1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._5BSoM {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 13px;
  height: 13px;
  cursor: pointer;
  z-index: +2;
}

._1mWKz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._1l16M input {
  border: 1px solid rgba(186, 165, 126, 1);
}

._1mWKz small {
  font-size: 14px;
  color: #505050;
}

._2uotb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1VXMp {
  border-radius: 4px;
  background: black;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 10px;
}

._2hMKG input {
  height: 160px;
}

._149fr {
  padding-top: 10px;
}
._3M5gy {
  text-align: center;
}
._3M5gy br {
  display: none;
}
@media screen and (min-width: 1024px) {
  ._21QDe {
    max-width: 273px;
  }
  ._2zIe4 {
    width: 273px;
  }

  ._3g1qt {
    max-width: 150px;
  }

  ._3L68a {
    max-width: 348px;
  }

  ._3M5gy {
    font-size: 24px;
  }
  ._3M5gy br {
    display: block;
  }
  ._3MRf4 {
    min-width: 622px;
    padding-bottom: 30px !important;
  }
  ._3n517 {
    max-width: 395px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.kvYs8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 40px;
}
.kvYs8  > li, .kvYs8 li > div {
  height: 100%;

}

._5LUdP {
  margin: 15px auto;
}

.O4tnO {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  margin: 100px auto 0 auto;
  padding: 50px 80px;
}

.O4tnO p {
  font-size: 18px;
  text-align: center;
  color: rgba(80, 80, 80, 1);
}
@media screen and (min-width: 641px) and (max-width: 1199px) {
  .kvYs8 {
   grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .kvYs8 {
    grid-template-columns: 1fr;
  }
}._3fgDA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 25px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #fff;
  padding: 15px 10px;
  border-radius: 10px;
  -ms-flex-align: center;
      align-items: center;
}

.iIz30 {
  font-weight: 600;
}

._1vgFI,
._1SytY {
  font-weight: 500;
}

._1Eihx {
  width: 122px;
  height: 122px;
}

._33nO_ {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

._2ILPw {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #baa57e;
}

._2ILPw h1 {
  font-size: 40px;
  color: #baa57e;
  font-weight: 500;
}

.XUxwS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 7px;
  -ms-flex-align: center;
      align-items: center;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}

._3qHO- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.HqRsB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 6px;
  -ms-flex-align: center;
      align-items: center;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.HqRsB li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}
.HqRsB li:not(:first-child)::before {
  content: '\2022';
  color: #baa57e;
}

._P_Ea {
  gap: 8px;
  -ms-flex-pack: center;
      justify-content: center;
}

._P_Ea > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f6f0e5;
  padding: 2px 8px;
  border-radius: 20px;
}

._P_Ea > div:hover {
  opacity: 0.8;
}

._P_Ea > div p {
  text-align: center;
}

._P_Ea > div:not(:last-child)::after {
  content: '';
  margin: 0px;
}

._35Ttu {
  margin-top: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}
._30g3B {
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px 4px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 5px;
  letter-spacing: 0px;
}

._30g3B:hover {
  opacity: 0.8;
}

._3_cjw {
  background-color: #ECE07F;
  color: #7A6305;
}

._2eHuB {
  background-color: #F1CA83;
  color: #785B0D;
}

._3zxIw {
  background-color: #CFA75E;
  color: #362E02;
}

._2oZvs {
  background-color: #191919;
  color: #fff;
}

._10Tx7 {
  transition: all 0.3s;
  list-style-type: none;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._25p-p {
  font-weight: 400;
  margin-top: 40px;
}

@media screen and (max-width: 640px) {
  ._25p-p {
    margin-top: 20px;
    max-width: 350px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._17NuS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 70px;
  position: relative;
}

._1iQR4 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._2p2Cc {
  width: 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
}

@media screen and (max-width: 640px) {
  ._17NuS {
    margin-top: 30px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 20px;
  }

  ._2p2Cc {
    width: 100%;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
  }

  ._3t_5- {
    width: 105px;
    height: 28px;
  }

  ._317Bu {
    position: absolute;
    right: 0;
    bottom: 8px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3pf0Q {
  border-color: #baa57e;
  padding: 0px 14px;
  height: 40px;
  background-color: rgba(255, 255, 255, 1);
}

._3pf0Q:hover {
  transform: scale(1.01);
}

._2s2Qo {
  background-color: #E8DECA;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.kgjFt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  gap: 10px !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gzrtw {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 12px;
  text-align: center;
  border-radius: 20px;
  background-color: #f6f0e5;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2luoS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex: 1;
      flex: 1
}

._1sCI2 {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 30px;
}

._1sCI2 > p:first-child {
  text-wrap: wrap;
}

.nsaNx {
  text-decoration: none;
}
.nsaNx:hover {
  text-decoration: underline;
}


._267IJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1Qvug {
  background-color: #F6F0E5;
  padding: 14px;
  border-radius: 10px;
  margin-left: -14px;
}

.ljOc0 {
  width: 145px;
  padding: 8px 30px;
  border-radius: 5px;
  color: rgba(80, 80, 80, 1);
  font-weight: 600;
  text-align: center;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(80, 80, 80, 1);
}
.ljOc0:hover {
  opacity: 0.7;
  color: rgba(80, 80, 80, 1);
}

._1D4UG {
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex-align: start;
      align-items: start;
}

._1D4UG > a {
  margin-left: auto;
}

._2P-RL {
  max-width: 500px;
}

._1_b9A {
  font-style: italic;
}

.vJgOn {
  max-width: 475px;
}
@media screen and (max-width: 640px) {
  ._2luoS {
    padding: 0 16px;
  }
  ._1sCI2 {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  ._267IJ {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
  }

  ._1Qvug {
    margin-left: 0;
  }

  .ljOc0 {
    width: 100%;
  }

  ._1_b9A {
    text-align: center;
  }
}
._3EOCT {
  max-width: 510px;
}

.wJnIE {
  margin-top: 8px;
  font-style: italic;
  
}

._2vgis {
  font-weight: 600;
  text-decoration: underline;
}

._1Ez3-:hover {
  text-decoration: underline;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._38DEH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 50px;
}

._1ciQM {
  text-align: center;
  font-style: italic;
}

._1ciQM span {
  font-weight: 600;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2hs4V {
  min-width: 310px;
  padding: 14px 0px;
}

._2PwQG {
  display: -ms-flexbox;
  display: flex;

  gap: 10px;
}

._2wafP {
  -ms-flex: unset;
      flex: unset;
  padding: 2px 12px 2px 5px;
}

._2wafP p {
  font-size: 11px;
  font-weight: 600;
}

._1GFC4 {
  padding: 4px 10px;
}

._2IpK_ {
  margin-top:  30px;
  max-width: 350px;
  text-align: center;
}

.khDvj {
  max-width: 205px;
  max-height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 640px) {
  ._2hs4V {
    padding: 14px 16px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3qwNn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  padding: 30px 20px;
  width: 100%;
  gap: 40px;
}

@media screen and (max-width: 640px) {
  ._8Sd29 {
    padding: 0 16px;
  }

  ._2fMDa {
    padding: 30px 0px 50px 0px;
  }

  ._1no7r {
    margin-top: 30px;
  }

  ._3qwNn {
    padding: 0px;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: 20px;
    gap: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2spAF {
  background-color: rgba(246, 246, 246, 1);
  min-height: 500px;
}

._2PcD_ {
  max-width: 1110px;
  padding: 70px 0px 100px 0px;
  margin: 0 auto;
}

._3mC2_ {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

._1zRJb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.D5JAO {
  height: 100vh;
  margin-top: 50px;
}

._3HN5k,
._3HN5k > div,
._3HN5k > div > div:nth-child(2) {
  background-color: rgba(246, 246, 246, 1) !important;
}

._24xGM {
  margin-top: 50px;
}

._3knbX {
  margin-top: 50px;
}

._2dBQL {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  margin: 100px auto 0 auto;
  padding: 50px 80px;
}

._2dBQL p {
  font-size: 18px;
  text-align: center;
  color: rgba(80, 80, 80, 1);
}

@media screen and (max-width: 640px) {
  ._2spAF {
    padding: 0 16px;
  }
  ._2PcD_ {
    padding: 30px 0px 50px 0px;
  }

  ._3mC2_ {
    margin-top: 30px;
  }

  ._1zRJb {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: start;
    gap: 30px;
  }

  ._24xGM {
    margin-top: 30px;
  }

  ._3knbX {
    margin-top: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.TJatP {
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2olxV {
  width: 60%;
}

._1mMNy {
  word-break: keep-all;
}

._1s-u_ {
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
}

._2sauA {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 2px 16px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
._2sauA:hover {
  cursor: pointer;
  background: rgba(232, 222, 202, 1);
}

._2ijiP {
  width: 220px;
}

._2ijiP > div {
  border: none;
  background-color: rgba(255, 255, 255, 1) !important;
}

._3Nejf > div {
  margin-top: 10px;
  border-radius: 5px;
  padding: 14px 0px;
  border: 1px solid rgba(178, 178, 178, 1) !important;
}

._3Nejf > div ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.QJYO1 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 640px) {
  .TJatP {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
  }

  ._2olxV {
    width: 100%;
  }

  ._1s-u_ {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
._3P24b {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2z8bC {
  margin-top: 10px;
}
._2uqj3 {
  width: 100px;
  padding: 8px 30px;
  border-radius: 5px;
  height: 36px;
}

._1Ub6C {
  margin-top: 20px;
}

._3Fk5R {
  font-weight: 500;
}

._2z8bC, ._3Fk5R {
  max-width: 940px;
}
.BnMrH {
  cursor: pointer;
  font-weight: 600;
  color: #505050
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3HpsC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 30px;
}
._3_jw3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
  gap: 10px;
  margin-right: 40px;
}
._35gxT {
  width: 18px;
  height: 10px;
  cursor: pointer;
  background-color: transparent;
}

.Un_q- {
  background-color: transparent;
  opacity: 0.5;
}

.Un_q- svg > path {
  fill: rgba(80, 80, 80, 1);
}
@media screen and (max-width: 640px) {

  ._3_jw3 {
   display: none;
  }

  ._3HpsC {
    overflow-x: auto;
    scrollbar-width: none;
  }

  ._3HpsC::-webkit-scrollbar {
    display: none;
  }

  .ffWvm {
    margin-top: 30px;
    padding-bottom: 30px;
  }

}

._1XwL7 {
  margin-top: 30px;
  max-width: 255px;
}
._3V-fB {
  width: 255px;
  height: 145px;
}
.HL_Re {
  margin-top: 15px;
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.Ih5Vm {
  max-width: 1280px;
  margin: 0 auto;
}

._2eW32 {
  margin-top: 30px;
  background-color: rgba(186, 165, 126, 1);
}

._3CPiB {
  margin-top: 50px;
  margin-bottom: 50px;
}

._1KVpL {
  margin-top: 30px;
}

._1KVpL div:last-child {
  margin-bottom: 30px;
}

.coZij {
  margin-top: 30px;
  padding-bottom: 50px;
  padding-top: 30px;
  background-color: rgba(249, 247, 243, 1);
}

.ayfUF {
  width: 100%;
}

._2stvc {
  margin-top: 30px;
}
._3NeiP {
  margin-top: 20px;
}

.Vh0Q8 {
  max-width: 365px;
  margin: 0 auto;
  text-align: center;
}

.Vh0Q8 p:last-child {
  margin-top: 20px;
}

._1_ozj {
  text-decoration: underline;
}

.QXos7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 200px;
}

._3Hlta {
  margin-top: 30px;
}

@media screen and (max-width: 640px) {
  .Ih5Vm {
    padding: 0 16px;
  }


  ._3CPiB {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  ._2stvc {
    margin-top: 20px;
  }

  ._3NeiP {
    margin-top: 10px;
  }

  .coZij {
    margin-top: 30px;
    padding-bottom: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._13JKs {
  background: transparent !important;
  padding: 0 !important;
  max-width: 100%;
}

.uSJHt {
  position: relative;
  display: block;
  padding: 0;
}

.uSJHt video[poster]{
  -o-object-fit: cover;
     object-fit: cover;
}

.nsaSL {
  max-width: 80vw;
  max-height: calc(85vh - 50px);
}

@media screen and (max-width: 640px) {
  ._13JKs {
    background: transparent !important;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
  }
  .uSJHt {
    position: relative;
    padding: 0;
  }
  .nsaSL {
    height: 300px;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Lu0p1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._3H2Sw {
  padding: 30px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  gap: 15px;
}

.NlPvm {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 6px;
}

._3W59e {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._9WZku {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

.YCT5G {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.YCT5G p:not(:last-child)::after {
  content: ' - ';
}

@media screen and (max-width: 640px) {
  .NlPvm {
    grid-template-columns: 1fr;
    max-width: 307px;
  }

  ._3W59e {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 8px;
  }

  .YCT5G {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .YCT5G p:not(:last-child)::after {
    content: '';
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2i16U {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 50px;
  gap: 15px;
}

._3D6V7 {
  margin-bottom: 15px;
}

._1Cq3A {
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 30px;
  background-color: #fff;
  border-radius: 10px;
}

._1Cq3A > div:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #baa57e;
}


@media screen and (max-width: 640px) {
  ._2i16U {
    margin-top: 30px;
  }
}
._2sxnr p {
  font-size: 18px;
  font-weight: 400;
}

.zC7JK {
  max-width: 904px;
}

.zC7JK p:first-child {
  margin-top: 8px;
}

.zC7JK strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.zC7JK br {
  display: block;
  content: '';
  margin-bottom: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3HaeG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 50px;
  gap: 15px;
}

._2NqOz {
  margin-bottom: 15px;
}

._2Q9JY,
._2ZFk- {
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
}

._2Q9JY {
  gap: 10px;
}
._2ZFk- {
  gap: 30px;
}

._2ZFk- > div:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #baa57e;
}

._1Kt5p {
  margin-left: 18px;
}

._1H1kv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  padding-right: 20px;
}

._32TQ- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 11px;
  padding-left: 0;
  margin-bottom: 10px;
}

._2zAe7 {
  margin-bottom: 4px;
}

@media screen and (min-width: 768px) {
  ._32TQ- {
    padding-left: 30px;
  }
}

@media screen and (max-width: 640px) {
  ._2Q9JY {
    padding: 20px 14px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3j7GI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._3t0g3 {
  margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
  ._3t0g3 {
    margin-bottom: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Q2byw {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 30px;
  border-radius: 10px;
  margin-top: 14px;
}

._35Qh_ {
  display: grid;
  gap: 10px;
  grid-template-columns: 160px 1fr;
}
._35Qh_ small {
  font-size: 14px;
  font-weight: 600;
  color: #191919;
}

._2It1A {
  width: auto;
  height: auto;
  max-height: 700px;
  min-width: 600px;
  padding: 50px 70px;
  position: relative;
  overflow: visible;
}

.av0zo {
  position: absolute;
  width: 12px !important;
  height: 12px !important;
  top: 50px;
  right: 70px;
  cursor: pointer;
}

._2IYw9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.Sl-43 {
  margin-top: 40px;
}

._3nczy {
  width: 72px;
  height: 72px;
}

._32daK {
  margin-top: 50px;
}

._32daK > input {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  height: 45px;
}

.Wf9YQ {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 70px 300px 1fr;
  gap: 20px;
}

._2J81O {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._3j2Yd {
  width: 170px;
  height: 44px;
}

._2vImS {
  left: -30%;
}

._2vImS div[class~='CalendarMonth_caption'] strong {
  font-size: 14px;
}

._2qTNr {
  margin-top: 4px;
  font-size: 12px;
}

@media screen and (max-width: 640px) {
  ._2It1A {
    max-width: 375px;
    min-width: unset;
    padding: 30px;
  }

  .Wf9YQ {
    grid-template-columns: 1fr;
  }

  ._2J81O,
  ._32daK,
  .Sl-43 {
    margin-top: 20px;
  }

  .av0zo {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  ._3j2Yd {
    width: 100%;
  }

  .Wf9YQ {
    gap: 10px;
  }

  ._35Qh_ {
    grid-template-columns: 1fr;
    max-width: 295px;
  }

  ._2oTn_ li {
    height: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.RIqKX {
  width: auto;
  height: auto;
  max-height: 700px;
  min-width: 600px;
  padding: 50px 70px;
  position: relative;
  overflow-y: visible;
  text-align: center;
}

.Hyyar {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

._3IHYn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}

._3eGdb {
  width: 72px;
  height: 72px;
}

@media screen and (max-width: 640px) {
  .RIqKX {
    max-width: 375px;
    min-width: unset;
    padding: 30px;
  }
}
.kL97h {
  border: 1px solid #baa57e;
  border-radius: 20px;
  padding: 4px 12px;

  cursor: pointer;
}

._3Sdbf {
  background-color: #fff;
}

.lK69X {
  background-color: #e8deca;
}

._3Vsxo {
  background-color: #baa57e;
}
.NK1Qq:has(._1Eyq6) input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._1Eyq6 {
  margin-top: -1px;

  max-height: 150px;
  overflow-y: auto;
  padding: 5px 0;

  border-radius: 0 0 5px 5px;
  border: 1px solid #baa57e;
}

._1Eyq6 li {
  cursor: pointer;
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding: 5px 10px;
}

._37Y0t {
  position: relative;
}

.yu3Kn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;

  width: unset;
  max-height: 24px;
}
._3EJY7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  max-width: 391px;
}

._19qcl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

._1ZJoM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  padding: 20px;
}

._1ZJoM > button:first-of-type {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

._1ZJoM > h5 {
  -ms-flex-item-align: center;
      align-self: center;
}

.GbxtK {
  max-width: 225px;
  margin-top: 10px;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (min-width: 768px) {
  ._3EJY7 {
    gap: 50px;
  }
  ._19qcl {
    max-width: 620px;
  }

  ._3EJY7 > button {
    width: 143px;
  }
  ._1ZJoM {
    max-width: 590px;
    max-height: 400px;
  }
}
._3DaMw,
._6UIbo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 405px;
  margin-top: 20px;
}

._6UIbo textarea {
  height: auto !important;
}

#additional_preferences textarea {
  min-height: 6em;
}

._1Y7tI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 10px;
}

._1KFTg > *:last-child {
  cursor: pointer;
}

@media (min-width: 768px) {
  ._3DaMw {
    gap: 40px;
  }

  ._3DaMw > button {
    max-width: 140px;
  }

  ._1Y7tI > button {
    width: 100%;
  }
}
._1xHE2 {
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
._2iSQL {
  font-weight: bold;
  margin-bottom: 4px;
}
._1J3RU {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
._1De0q {
  font-weight: 600;
  margin-bottom: 15px;
}
._1Jv2K {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
._1Z7zh {
  margin-bottom: 8px;
}
._1x_-E {
  margin: 10px 0 0;
}
._1Z7zh small {
  font-size: 14px;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.MYe0x {
  margin-bottom: 22px;
}

.fo8ov {
  font-size: 14px;
  font-weight: 600;
}

._2y3hh {
  font-size: 14px;
  margin-top: 4px;
  color: rgba(186, 165, 126, 1);
  font-weight: 600;
  cursor: pointer;
}

._163hF {
  font-size: 14px;
  margin-top: 4px;
  font-weight: 400;
}
._1acN9 {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
}
._1acN9 button {
  -ms-flex: 1;
      flex: 1;
}
._2vYWn button {
  margin-top: 20px;
  width: 143px;
}._1oluG {
  padding-right: 30px;
  margin-right: -20px;
  overflow-x: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */

  box-sizing: border-box;
}

._1oluG::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

._3P2zL {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 1fr); /* Two rows */
  gap: 10px;

  * {
    scroll-snap-align: start;
  }
}

@media (min-width: 768px) {
  ._1oluG {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
    display: block;
  }

  ._3P2zL {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.wyu8z {
  scroll-snap-align: start;
  width: 162px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;

  /* disallow selection and image dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;

  cursor: pointer;

  img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.vIfji {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  padding: 10px 20px;
  width: 100%;
  height: 20%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2n_lG .vIfji {
  background-color: rgba(186, 165, 126, 0.8);
}

@media (min-width: 768px) {
  .wyu8z {
    width: 264px;
  }
}
._2QRWg {
  display: -ms-flexbox;
  display: flex;
  width: 159px;
  height: 90px;

  -ms-flex-pack: center;

      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;

  border-radius: 2.423px;
  border: 1px solid #baa57e;
  background: #fff;

  padding: 20px;

  /* disallow selection and image dragging */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;

  cursor: pointer;

  img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

._2FoU7 {
  border-width: 3px;
}
._3__DY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.AcCWG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  max-width: 405px;
}
._1repk {
  padding: 30px 20px;
}

._3ZLJn {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._1repk,
.NFQ8V,
.NFQ8V > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

@media (min-width: 768px) {
  ._1repk {
    padding: 70px 85px;
  }

  ._1repk,
  .NFQ8V,
  .NFQ8V > div {
    gap: 50px;
  }
}
._34kli {
  padding: 30px 30px;
  margin: 0 auto;
}

._2wfAN {
  margin-top: 30px;
}

._3LPuI {
  margin-top: 20px;
}

._3IK0L {
  display: grid;
  grid-template-columns: auto auto;
  cursor: pointer;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 20px;
}

._3PalI {
  border: 1px solid #baa57e;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 96px;
}

._13hBH {
  display: -ms-flexbox;
  display: flex;
}

.jx7Zj {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._2LWkV {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 80px;
}

._3uh6G,
._13fpK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* margin: 30px 0 35px 0; */
}

._3uh6G input,
._13fpK input {
  margin-right: 10px;
}

._3uh6G {
  margin-top: 14px;
}

._2jZRs {
  width: 100%;
  margin-top: 35px;
}

._22JWo {
  width: 100%;
  padding-top: 80px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._22JWo p {
  margin-top: 8px;
}

._13mhw {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

@media screen and (min-width: 640px) {
  ._34kli {
    padding: 70px 30px;
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
  }
  
  ._3IK0L {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }

  ._3PalI {
    width: 100%;
    min-width: 230px;
    height: 153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.F6den {
  margin-bottom: 30px;
}
.I6TgF h4 {
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .F6den {
    width: 379px;
    padding-right: 30px;
  }

  ._3PalI {
    width: 100%;
    min-width: 256px;
    height: 153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  ._3LPuI {
    margin-bottom: 30px;
  }
  ._2wfAN {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
    max-width: 1030px;
  }
  ._2Lhpq > #cards {
    padding-bottom: 10px;
    border-bottom: 1px solid #baa57e;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2AnMX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 30px;
  width: 330px;
}

._2xrFJ {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: relative;
  min-width: 322px;
}

._32Tfi {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100% !important;
  max-width: 273px;
  margin-top: 10px !important;
}

.X0lWX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 20px;
  margin-top: 10px;
}

._3Xs1U {
  margin-top: 30px;
}

._1lgUP {
  margin-top: 10px;
}

._10LF2,
._36B7n {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._10LF2 input,
._36B7n input {
  margin-right: 10px;
}

._10LF2 {
  margin-top: 5px;
}

._2NT2B {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 35px;
}

._11Cqi {
  width: 130px;
}

.MaN9z {
  position: absolute;
  right: 14px;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1NTYyXzI1MzkwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40OTYwNiAzLjQ5MjVDMy42OTEzMiAzLjI5NzI0IDQuMDA3OSAzLjI5NzI0IDQuMjAzMTYgMy40OTI1TDIwLjUwOCAxOS43OTczQzIwLjcwMzMgMTkuOTkyNiAyMC43MDMzIDIwLjMwOTIgMjAuNTA4IDIwLjUwNDRDMjAuMzEyNyAyMC42OTk3IDE5Ljk5NjIgMjAuNjk5NyAxOS44MDA5IDIwLjUwNDRMMy40OTYwNiA0LjE5OTYxQzMuMzAwNzkgNC4wMDQzNCAzLjMwMDc5IDMuNjg3NzYgMy40OTYwNiAzLjQ5MjVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjUwMTkgMy40OTA5QzIwLjY5NzIgMy42ODYxNiAyMC42OTcyIDQuMDAyNzQgMjAuNTAxOSA0LjE5ODAxTDQuMTk3MDggMjAuNTAyOEM0LjAwMTgyIDIwLjY5ODEgMy42ODUyMyAyMC42OTgxIDMuNDg5OTcgMjAuNTAyOEMzLjI5NDcxIDIwLjMwNzYgMy4yOTQ3MSAxOS45OTEgMy40ODk5NyAxOS43OTU3TDE5Ljc5NDggMy40OTA5QzE5Ljk5MDEgMy4yOTU2NCAyMC4zMDY3IDMuMjk1NjQgMjAuNTAxOSAzLjQ5MDlaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1NTYyXzI1MzkwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}

._3xM4X {
  padding-bottom: 30px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 273px;
}

@media screen and (min-width: 1024px) {
  ._3JatP {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 4px;
  }
  ._3xM4X {
    width: 315px;
  }
}

@media screen and (max-width: 640px) {
  ._2xrFJ {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  ._17CXe {
    max-width: 248px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3TNfy {
  max-width: 697px;
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  width: 622px;
  height: 307px;
}

._3Ic_A {
  text-align: center;
  margin: 0;
  padding: 20px 20px 30px;
}

._3OLN1 {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._-z4zM,
._1du3d {
  background-color: transparent;
  border: 1px solid #505050;
}

._1iTUt {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

._2ssA- {
  margin-top: 10px;
}

._16S8o {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._16S8o:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  ._8lQQE {
    width: 100%;
  }

  ._16S8o {
    right: 10px;
    top: 10px;
  }
}
._365z7 {
  padding: 8px;
  cursor: pointer;
}
._344Pm {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._3kkxe {
  position: relative;
  width: 100%;
  min-height: 78px;
  background-color: #f9f7f3;
  padding: 10px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

.G18yc {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: rgba(23, 25, 25, 1);
}

._13iah {
  z-index: 10;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQ3NjEzIDIuNDczODhDMi42MTQ0NCAyLjMzNTU3IDIuODM4NjkgMi4zMzU1NyAyLjk3NyAyLjQ3Mzg4TDE0LjUyNjMgMTQuMDIzMUMxNC42NjQ2IDE0LjE2MTUgMTQuNjY0NiAxNC4zODU3IDE0LjUyNjMgMTQuNTI0QzE0LjM4NzkgMTQuNjYyMyAxNC4xNjM3IDE0LjY2MjMgMTQuMDI1NCAxNC41MjRMMi40NzYxMyAyLjk3NDc1QzIuMzM3ODIgMi44MzY0NCAyLjMzNzgyIDIuNjEyMTkgMi40NzYxMyAyLjQ3Mzg4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41MjExIDIuNDcyNzdDMTQuNjU5NCAyLjYxMTA4IDE0LjY1OTQgMi44MzUzMyAxNC41MjExIDIuOTczNjRMMi45NzE3OSAxNC41MjI5QzIuODMzNDggMTQuNjYxMiAyLjYwOTIzIDE0LjY2MTIgMi40NzA5MiAxNC41MjI5QzIuMzMyNjEgMTQuMzg0NiAyLjMzMjYxIDE0LjE2MDMgMi40NzA5MiAxNC4wMjJMMTQuMDIwMiAyLjQ3Mjc3QzE0LjE1ODUgMi4zMzQ0NiAxNC4zODI3IDIuMzM0NDYgMTQuNTIxMSAyLjQ3Mjc3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

._15t8f:hover {
  opacity: 0.8;
}

._2qCSm {
  font-size: 14px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}
._2qCSm::before {
  content: '';
  display: inline-block;
  position: relative;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTc4OCAxNS42Nzg1TDAgOS4wOTk2NUwxLjkzNTQgNy4xNjQyNUw2LjU3ODggMTEuODA3N0wxOC4wNjQ4IDAuMzIxNjU1TDIwIDIuMjU3MDZMNi41Nzg4IDE1LjY3ODVaIiBmaWxsPSIjQkFBNTdFIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2TVFa {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
  margin-top: 20px;
}

.w7Caq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 640px) {
  ._2TVFa {
    max-width: 110px;
  }
}

@media screen and (min-width: 1024px) {
  .w7Caq {
    width: 100%;
    max-width: 299px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._32u52 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

._2GngX {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

._2GngX p {
  color: #505050;
}

._2rlHP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

form input {
  width: 100%;
}

._39n42 label {
  margin-top: 0px !important;
}

.HEXv4 div label {
  margin-top: 20px;
}

._34ZXs div {
  display: -ms-flexbox !important;
  display: flex !important;
}

._34ZXs input {
  width: 100% !important;
  border-radius: 5px;
  padding: 0em 0.75em !important;
  border: 1px solid #b2b2b2;
  height: 45px;
}

._2vmEZ > div > div {
  background-color: white;
  border-bottom: none;
}

._2vmEZ > div > div > div {
  font-family: Avenir Next;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  color: #505050;
}

._2vmEZ > div > div > div > div {
  font-family: Avenir Next;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  color: #191919;
  margin: 10px;
}

._2K0F3 {
  border-color: rgba(183, 22, 16, 1) !important;
}

@media screen and (min-width: 1024px) {
  ._32u52 button {
    width: 131px;
  }

  ._2rlHP {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 20px;
    width: 395px;
  }

  ._2rlHP input {
    width: 273px !important;
    margin-bottom: 10px;
  }

  ._34ZXs input {
    width: 102px !important;
    text-align: center;
    border-radius: 5px;
    padding: 0em 0.75em !important;
    border: 1px solid #b2b2b2;
    height: 45px;
    margin-bottom: 0;
  }
}
._2vLOt {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._1PXpf {
  display: grid;
  grid-template-columns: 1fr 1.5fr auto;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  ._2vLOt {
    width: 395px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3wBZy {
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
}

._1IYug {
  text-align: center;
  margin: 0;
}

._2u3Ct {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._2lkM4 {
  background-color: transparent;
  border: 1px solid #505050;
}

._4T1Mw {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

._4T1Mw button {
  width: 113px;
  max-width: 220px;
}

._26xMR {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._26xMR:hover {
  opacity: 1;
}

button p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (max-width: 640px) {
  ._3MUmK {
    width: 100%;
  }

  ._26xMR {
    right: 10px;
    top: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2tcJv {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
  margin-top: 20px;
}

._26e0g {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
}

._26e0g small {
  color: rgba(80, 80, 80, 1);
}

._2i47y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

._3leGl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2TUiK {
  margin-top: 30px;
}

._2TUiK div {
  margin-bottom: 10px;
}

._3tA_K {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
._3tA_K input {
  margin-right: 10px;
}

._1-TJC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1-TJC input {
  margin-right: 10px;
}

._3RNuk {
  margin: 30px 0;
}

@media screen and (min-width: 640px) {
  ._2tcJv {
    max-width: 110px;
  }
}

@media screen and (min-width: 1024px) {
  ._3leGl {
    width: 100%;
    max-width: 299px;
  }

  ._2TUiK {
    width: 100%;
    max-width: 273px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 0;
  }

  ._2i47y {
    width: 100%;
    max-width: 112px;
    height: 40px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2fVVn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}
._2fVVn input {
  margin-right: 10px;
}

._3F41r {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._3F41r input {
  margin-right: 10px;
}

._1hRrI {
  margin: 30px 0;
}

._8ZJUn {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.OQkfA {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

.OQkfA p {
  color: #505050;
}

._1w2vS {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

@media screen and (min-width: 1024px) {
  ._8ZJUn button {
    width: 131px;
  }
}
._3yyKR {
  max-width: 100%;
}

._3yyKR > * {
  margin-bottom: 20px;
}

._3yyKR input {
  margin-top: 5px !important;
}

._3yyKR button {
  width: 100%;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  ._3yyKR {
    margin-top: 0px;
    max-width: 273px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.c7H1g {
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
}

._1s2j_ {
  text-align: center;
  margin: 0;
}

._2E5uK {
  width: 48px;
  height: 48px;
  margin: 20px;
}

._1-3id {
  background-color: transparent;
  border: 1px solid #505050;
}

._1zfWY {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

._1zfWY button {
  width: 113px;
  max-width: 220px;
}

._3rgDi {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._3rgDi:hover {
  opacity: 1;
}

button p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (max-width: 640px) {
  .mOS5k {
    width: 100%;
  }

  ._3rgDi {
    right: 10px;
    top: 10px;
  }
}
._3OSB8 {
  width: 100%;
}

._120x2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
  max-width: 100%;
  gap: 10px;
}

._120x2 button {
  width: 100%;
}

._32Y4K {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2OrUp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  max-width: 267px;
}

._1lYp3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  ._3OSB8 {
    max-width: 394px;
  }

  ._3OSB8 form {
    max-width: 273px;
  }

  ._120x2 {
    max-width: 273px;
  }

  ._2OrUp {
    max-width: 348px;
  }

  ._1lYp3 {
    max-width: 142px;
    margin-top: 30px;
  }
}
.cqdXb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}

.zGLPZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b2b2b2;
}

.NLqsm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  max-width: 267px;
}

._1rsXz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 30px;
}

._12nuM {
  border-radius: 4px;
  background: black;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 10px;
}

._5XGxk {
  background: rgba(74, 119, 76, 1);
  border: none;
}

._1_ki1 {
  background: rgba(185, 121, 137, 1);
  border: none;
}

._3Vr2u {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.K5wpE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  max-width: 267px;
}

._2n8qt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

@media screen and (min-width: 1024px) {
  .cqdXb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
  }

  .NLqsm {
    max-width: 348px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3S-pk {
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
  height: 290px;
}

._1bS5j {
  text-align: center;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
}

.FzMY5 {
  width: 54px;
  height: 54px;
  margin-top: 20px;
}

._6KZn- {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._6KZn-:hover {
  opacity: 1;
}

.GtuiL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  max-width: 100%;
  gap: 10px;
}

.GtuiL button {
  width: 100%;
}

@media (max-width: 640px) {
  ._6KZn- {
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 1024px) {
  ._1bS5j {
    width: 622px;
  }
}
._3OSsZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._-hmuQ {
  max-width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.Mg2i9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}

@media screen and (min-width: 1024px) {
  ._3OSsZ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    padding: 50px 0;
  }
}
.j1P1s {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

._1HaHN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.j1P1s > form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

._2sIAT {
  width: 100%;
}

._24tAk,
.eV8p9 {
  display: -ms-flexbox;
  display: flex;
}

._24tAk {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
}

._2WleM {
  border-color: #b71610;
}

.eV8p9 > * {
  padding-left: 0.75em;
}

._24tAk > *:first-child,
.eV8p9 > *:first-child {
  -ms-flex: 2;
      flex: 2;
}

._24tAk > *:last-child,
.eV8p9 > *:last-child {
  -ms-flex: 1;
      flex: 1;
}

._24tAk input {
  border: none;
  letter-spacing: 1.12px;
  font-weight: 400;
}

.l9jAB {
  display: -ms-flexbox;
  display: flex;

  gap: 10px;
  margin-top: 20px;
}
.l9jAB svg {
  fill: #baa57e;
  width: 20px;
  height: 20px;
}

._2_iup > * {
  margin-top: 5px;
}

._1R2qy {
  min-width: 120px;
}

@media (min-width: 768px) {
  .j1P1s {
    margin: 70px auto;
    padding: 0;
    max-width: 1110px;
  }
  .j1P1s > p {
    max-width: 450px;
  }
  .j1P1s > form {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: end;
        align-items: flex-end;
  }
  ._2_iup {
    position: absolute;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1YZV5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 1147px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 30px !important;
}

._3N7vd {
  margin-top: 10px;
}

._2XeJX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}

._2JE7V {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 630px;
}

._2JE7V > li {
  margin-left: 18px;
}

._1IUIe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  max-width: 630px;
}

._1IUIe strong {
  font-weight: 600;
}

.NKk66 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 65px;
  height: 65px;
  min-width: 65px;
  min-height: 65px;
  border-radius: 50%;
  border: 1px solid rgba(186, 165, 126, 1);
}

._13rVc {
  -ms-flex: 1;
      flex: 1;
  margin-left: 32.5px;
  height: 22px;
  width: 1px;
  border-left: 1px dashed rgba(186, 165, 126, 1);
}

.DL04Z {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border-radius: 10px;
  border: 1px solid rgba(186, 165, 126, 1);
}

._3TpQx {
  text-align: center;
}

._96WpS {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background: rgba(186, 165, 126, 1);
}

.Gs9qY {
  margin: 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 335px;
  gap: 14px;
}

.Gs9qY label {
  margin-bottom: 4px;
}

.Gs9qY input {
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  border-radius: 5px;
  border: 1px solid rgba(178, 178, 178, 1);
  padding: 0 10px;
  width: 100%;
}

.v8Njy {
  border-color: rgba(183, 22, 16, 1) !important;
}

._2Tpfz {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  z-index: +2;
}

.FSfVk {
  position: fixed;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 20px;
}

._1ebbl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  margin-top: 20px;
  z-index: +1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 15px;
}

.Hb9BQ {
  width: 48px;
  height: 48px;
}

@media screen and (min-width: 1024px) {
  ._1YZV5 {
    margin-top: 70px !important;
  }

  ._2XeJX {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 50px;
  }

  .DL04Z {
    width: 350px;
  }

  ._2JE7V {
    margin-bottom: 50px;
  }

  ._96WpS {
    margin: 50px 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3f-nJ {
  position: relative;
  margin: 30px -20px 0 -20px;
}

.iO34u {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

._2GrKk {
  display: -ms-flexbox;
  display: flex;
  width: 335px;
  padding: 20px 42px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 18px;
  border-radius: 10px;
  border: 1px solid rgba(186, 165, 126, 1);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.K4n9N {
  text-align: center;
  max-width: 156px;
}

._32QxD {
  text-align: center;
  max-width: 266px;
}

._2GrKk img {
  width: 144px;
  height: 9px;
}

@media screen and (min-width: 640px) {
  ._3f-nJ {
    margin: unset;
    margin-top: 50px;
  }
}

@media screen and (min-width: 1024px) {
  ._2GrKk {
    width: 323px;
    left: 82%;
  }

  .iO34u {
    border-radius: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2MR9Q {
  gap: 20px;
  padding: 20px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid rgba(186, 165, 126, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

._adNC {
  width: 295px;
  margin-bottom: 20px;
}

._2MpSg {
  width: 295px;
}

._2MR9Q img {
  width: 296px;
  height: 200px;
}

@media screen and (min-width: 1024px) {
  ._2MR9Q {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 50px;
    border-radius: 10px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  ._2MR9Q img {
    width: 258px;
    height: 176px;
  }

  ._adNC {
    width: 416px;
    margin-bottom: 20px;
  }

  ._2MpSg {
    width: 578px;
  }
}
._2ewWm {
  margin-bottom: 19px;
  border-bottom: 1px solid #B2B2B2;
}

._13B6O {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
} 

._1do8_ {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}

._1LPcG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3J7-q {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: none;
  border: none;
  outline: none;
}

._1-0ID {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 24px;
  font-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #505050;
  border-radius: 5px;
  color: #fff;
  padding: 4px 10px 4px 10px;
}
.G_7Ii {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 24px;
  font-size: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #58754A;
  border-radius: 5px;
  color: #fff;
  padding: 4px 10px 4px 10px;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._35aJk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 1147px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 30px !important;
}

._2Y9NF {
  margin: 10px 0 36px;
  font-size: 28px;
}

._1xvqL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}

._3tRY5 {
  max-width: 650px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  text-align: left;
}

._3tRY5 h5,
._3tRY5 p {
  margin-bottom: 28px;
  text-align: left;
}

._3tRY5 p {
  margin-bottom: 20px;
}

._3ocBu {
  max-width: 515px;
}

._1uKKU {
  font-size: 12px;
  max-width: 550px;
  font-style: italic;
}

.DHaqD {
  margin: 10px 0;
  width: 100%;
  height: 1px;
  background: rgba(186, 165, 126, 1);
}

._1_K5c {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 335px;
  gap: 14px;
}

._1_K5c label {
  margin-bottom: 4px;
}

._1_K5c input {
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  border-radius: 5px;
  border: 1px solid rgba(178, 178, 178, 1);
  padding: 0 10px;
  width: 100%;
}

._1j8s3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 0;
}

._4IJqX {
  max-width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 20px 0 10px;
}

._4IJqX p {
  margin-top: 11px;
}

.BdHxO {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
}

._2NdvF {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 400px;
  margin-top: 20px;
}

._5Km6x {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

._5Km6x button {
  width: 100%;
}

.eGcwU {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 1);
}

._3URCa {
  background-color: black;
  border: none;
}

._3URCa p {
  color: white;
}

._21TXA {
  border-color: rgba(183, 22, 16, 1) !important;
}

._1jVes {
  display: block;
}

._1GI02 {
  background-color: transparent;
  border: 1px solid #505050;
  width: 100%;
  margin: 20px 0;
}

._3JSt2 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._3JSt2 img {
  width: 80%;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
  background-color: white;
  border: 1px solid rgba(178, 178, 178, 1);
  text-indent: 5px;
  height: 45px;
}

.RR2WZ {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  ._4IJqX {
    max-width: 310px;
    margin: 0;
  }

  ._4IJqX p {
    margin-top: 20px;
  }

  .BdHxO {
    max-width: 280px;
  }

  ._1GI02 {
    margin-top: 40px;
  }

  .DHaqD {
    margin: 70px 0;
  }

  .QwKzD {
    margin-top: 5px;
  }

  ._1GI02 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (min-width: 1024px) {
  ._35aJk {
    margin-top: 70px !important;
  }

  ._2Y9NF {
    font-size: 32px;
  }

  ._1xvqL {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 50px;
  }

  ._1j8s3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }

  ._3JSt2 {
    width: 501px;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    transform: translateX(4px) translateY(-40px);
  }

  ._3JSt2 img {
    width: 100%;
  }

  ._2NdvF {
    margin-top: 0;
  }

  .RR2WZ {
    margin-top: 140px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3jhtg {
  margin: auto;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 20px 30px 20px !important;
}

._1UWTy {
  text-align: center;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
}

._18VKw {
  width: 54px;
  height: 54px;
  margin-top: 20px;
}

._3Gdmj {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._3Gdmj:hover {
  opacity: 1;
}

._1vSV- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
  max-width: 100%;
  gap: 10px;
}

._1vSV- button {
  width: auto;
}

._363Dy {
  padding: 0 19px;
}
._363Dy p {
  margin-top: 20px;
  font-weight: 400;
}
@media (max-width: 640px) {
  ._3Gdmj {
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 1024px) {
  ._1UWTy {
    width: 622px;
  }
}._3h68q {
  width: 10px;
  height: 10px;

  border-radius: 50%;
}
._19C4M {
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.INYkc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.INYkc > *:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._2dA5W {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}
._2dA5W > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2dA5W > ._8VE18 {
  gap: 10px;
}
._2dA5W > .gzAv- {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  ._19C4M {
    padding: 15px 20px 15px 30px;
    width: 100%;
    gap: 70px;
  }

  ._19C4M,
  ._2dA5W {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .INYkc {
    min-width: 75px;
  }
  .gzAv-,
  ._2dA5W {
    -ms-flex: 1;
        flex: 1;
  }
  ._8VE18 {
    -ms-flex: 0.5;
        flex: 0.5;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Lu9L {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding: 20px;
  background-color: #f6f6f6;
}
._2Lu9L b {
  font-weight: 600;
}

._22_qA {
  max-width: 630px;
}

._81YPU {
  margin-top: 30px;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
}

._3i8kd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
}

._3i8kd {
  gap: 30px;
}

._3i8kd button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.UTYAb > *:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}
.UTYAb > *:last-child > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._3i8kd {
  width: 100%;
  background-color: #f9f7f3;
  border-radius: 10px;
}

._3i8kd > div > * {
  color: #927745;
}

._3281f {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}

.i0AI_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

@media screen and (min-width: 1024px) {
  ._2Lu9L {
    padding: 70px 0;
    gap: 50px;
  }

  ._2Rowl {
    padding: 50px 0;
  }
  .UTYAb,
  ._3281f {
    margin: 0 auto;
    width: 100%;
    max-width: 1110px;
    padding: 0;
    gap: 30px;
  }

  ._3i8kd {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._81YPU,
  ._3i8kd {
    padding: 30px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1WE-J {
  padding: 30px 20px;
  margin: 0 auto;
}

.MRr7b {
  padding: 0px;
}

.MRr7b img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 264px;
}

._30bRD:not(:last-of-type) {
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

@media screen and (min-width: 640px) {
  ._1WE-J {
    max-width: 1280px;
    padding: 70px 85px 50px 85px;
  }
}

@media screen and (min-width: 1024px) {
  .MRr7b img {
    height: 342px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3YsX5 {
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.ISxjB {
  width: 335px;
  margin-top: 30px;
}

.ISxjB h5 {
  font-weight: 600;
}

._3PU7- {
  width: 45px !important;
}

._2jiv2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
}

.sV58n {
  padding: 30px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._13_Vh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.u8osn {
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.Dn-t3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

._1RBvn {
  width: 200px;
  padding: 8px 30px !important;
}

._2mb0M {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
}

._2ZIdD {
  width: 335px;
  padding-top: 6px;
}

@media screen and (min-width: 640px) {
  ._2jiv2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  ._13_Vh {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 100px;
    margin-top: 80px;
  }

  .ISxjB {
    width: 510px;
    margin-top: 0;
  }

  .sV58n {
    padding: 80px 0px;
  }

  ._2jiv2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: unset;
        justify-content: unset;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 0;
  }

  ._3YsX5 {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  ._3PU7- {
    width: 50px !important;
  }

  ._2ZIdD {
    width: 503px;
  }

  .Dn-t3 {
    margin-top: 50px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.iaorX {
  position: relative;
}

._153Pg {
  width: 225px;
  height: 146px;
}

._1B1hC {
  position: absolute;
  top: 75px;
  padding-left: 16px;
}

._160Mo {
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

._3wTPg {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  ._1B1hC {
    top: 100px;
  }

  ._153Pg {
    width: 270px;
    height: 176px;
  }

  ._160Mo {
    margin-top: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1IJfc {
  margin-top: 30px;
  margin-bottom: 30px;
}

._4s37d {
  margin-bottom: 30px;
}

._3ODQw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
}

._1TP59 {
  width: 20px;
  height: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: rgba(186, 165, 126, 1);
}

._29CUF {
  margin: 12px 0 0 42px;
}

@media screen and (min-width: 640px) {
  ._1TP59 {
    width: 45px;
  }

  ._29CUF {
    margin: 12px 0 0 66px;
    max-width: 306px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2fB9I {
  padding: 30px 0px;
  margin: 0 auto;
}

div._2fB9I > div:first-child {
  padding: 0 20px;
}

._2fB9I ._1nqeR {
  padding: 0px 20px;
  color: red;
}

._2fB9I h2 {
  padding: 0px 20px;
}

._28uWj {
  margin: 30px 0 30px 0;
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 20px;
}

@media screen and (min-width: 1024px) {
  ._2fB9I {
    max-width: 1280px;
    padding: 70px 0px;
  }
}

@media screen and (min-width: 1280px) {
  ._2fB9I {
    padding: 70px 60px;
  }
  ._28uWj {
    gap: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.cNvol {
  max-width: 650px;
  margin: 0 auto;
}

._3BiNC ._2hm_g {
  padding: 0 25px;
}

._2tYbV {
  position: relative;
  height: 200px;
}

.l522A {
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  transition: all 0.2s;
  width: 100%;
  height: 100%;
  left: 0;
}

.l522A img {
  width: 100%;
  height: 210px;
}

._3s2uz {
  margin-top: 30px;
}

._2AIhA .l522A {
  left: -50px;
  transform: scale(0.9);
}

._2Lqro .l522A {
  left: 50px;
  transform: scale(0.9);
}

._1jfaM {
  position: absolute;
  bottom: 16px;
  left: 16px;
}

._2EyIn {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 6px;
}

._3D_LF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px 0px;
}

._33MGJ {
  color: #505050;
}

._23q2D {
  color: #b2b2b2;
}

._2TVKz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._2TVKz p {
  width: 154px;
}

._1QVXr {
  fill: rgba(186, 165, 126, 1);
  width: 20px !important;
  height: 15px !important;
}

._3rEjM {
  fill: #b2b2b2;
  width: 14px !important;
  height: 14px !important;
}

._2fK7H {
  margin-top: 10px;
}

._39w_2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: rgba(186, 165, 126, 1);
}

._1py0l {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
  -ms-flex-pack: center;
      justify-content: center;
}

._1py0l button {
  height: 44px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1jZGN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 30px;
  -ms-flex-pack: center;
      justify-content: center;
}

._1jZGN button {
  height: 44px;
}

._3E1JC {
  display: grid;
  grid-template-rows: 139.167px 55px 52px 120px repeat(10, 92px) auto;
  grid-template-areas:
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    '. tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    'benefit tier tier tier'
    '. tier tier tier';
  gap: 10px;
  scrollbar-width: none;
  margin-bottom: 100px;
  padding-left: 0;
}

._2WIZZ {
  grid-row: 6 / span 10;
  grid-column: 1 / span 4;
  display: grid;
}

._1DIBK {
  border-bottom: 1px solid #d4d4d4;
  height: 1px;
  z-index: 1;
}

._1tOHR {
  grid-area: benefit;
  display: grid;
  grid-template-rows: repeat(auto-fill, 92px);
  grid-gap: 10px;
  gap: 10px;
}

._2oNij {
  grid-area: tier;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

._2_Smz {
  display: grid;
  grid-template-rows: 127.167px 55px 52px 120px repeat(10, 92px) auto;
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
  border: 2px solid #e8deca;
  border-radius: 10px;
  -ms-flex-align: center;
      align-items: center;
}

._2_Smz:hover {
  border: 2px solid #baa57e;
  background-color: #f9f7f3;
}

._2_Smz img {
  width: 188px;
  height: 128px;
}

._1tO2c {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

._2CVWu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 20px;
}

._1wSIu {
  fill: #baa57e;
  width: 20px !important;
  height: 15px !important;
}

._3JpdI {
  fill: #baa57e;
  width: 14px !important;
  height: 14px !important;
}

._2YcxA div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wLjqx {
  margin: 30px 0 30px 0;
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 20px;
}

@media screen and (min-width: 640px) {
  ._3E1JC {
    padding-left: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  ._2_Smz button {
    width: 189px;
    height: 44px;
  }
  .dEOjE {
    max-width: 1280px;
    padding: 70px 0px;
  }

  ._2dR4q {
    border: 2px solid #000;
  }
}

@media screen and (min-width: 1280px) {
  ._2_Smz button {
    width: 189px;
    height: 44px;
  }
  .wLjqx {
    gap: 20px;
  }
  ._3E1JC {
    padding-left: unset;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1HPlB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 20px;
}

._1MCQ2 {
  width: 100%;
  height: 264px;
  -o-object-fit: cover;
     object-fit: cover;
}

._1HPlB > * {
  width: 100%;
  max-width: 700px;
}

._1HPlB > button {
  max-width: 214px;
}

@media (min-width: 768px) {
  ._1HPlB {
    padding: 90px 0px;
    gap: 70px;
  }

  ._1MCQ2 {
    height: 473px;
  }
}
._2Ubz5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: 14px;
}

._33AuG {
  display: -ms-flexbox;
  display: flex;

  gap: 10px;
}

._33AuG > * {
  padding: 8px;
}

._32TJ- {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 6px;
  -moz-column-gap: 0px;
       column-gap: 0px;
}

._32TJ- > * {
  border-left: none;

  border-radius: 0;
}

._32TJ- > :nth-child(5n + 1) {
  border-left: 1px solid;
  border-radius: 3px 0px 0px 3px;
}

._32TJ- > :nth-child(5n) {
  border-right: 1px solid;
  border-radius: 0px 3px 3px 0px;
}

._3ieC7 {
  background-color: #baa57e;
  border: 1px solid #505050;
}

._3ieC7 > * {
  color: #191919;
}

._32TJ- > :nth-child(5n + 1)._3ieC7 {
  border-left: 1px solid;
}

._32TJ- > :not(:nth-child(5n + 1))._3ieC7 {
  border-left: none;
}

@media (min-width: 768px) {
  ._2Ubz5 {
    gap: 24px;

    > *:first-child {
      font-size: 20px;
    }
  }

  ._33AuG {
    gap: 25px;
  }
  ._33AuG > * {
    padding: 12px;
  }

  /* display grid in one row dynamically */
  ._32TJ- {
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  ._32TJ- > * {
    border-left: none;
    border-right: 1px solid;
    border-radius: 0;
  }

  ._32TJ- > :nth-child(5n + 1)._3ieC7 {
    border-left: 1px solid;
    border-radius: 3px 0 0 3px;
  }

  ._32TJ- > :nth-child(5n)._3ieC7 {
    border-right: unset;
    border-radius: 0 3px 3px 0;
  }

  ._32TJ- > :nth-child(5) {
    border-right: none;
    border-radius: 0;
  }

  ._32TJ- > :nth-child(n + 6) {
    border-radius: 0;
  }

  ._32TJ- > :nth-child(5)._3ieC7 {
    border-radius: 0;
  }

  ._32TJ- > :nth-child(6)._3ieC7 {
    border-radius: 0;
  }

  /* Styles for the last element of the container */
  ._32TJ- > :last-child {
    border-right: 1px solid;
    border-radius: 0 3px 3px 0;
  }

  /* When the last element is selected */
  ._32TJ- > :last-child._3ieC7 {
    border-right: 1px solid;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2eQAR {
  background: rgba(244, 244, 244, 1);
  text-align: center;
  padding: 71px 0;
}

._2eQAR h1 {
  margin-top: 0;
  font-size: 44px;
  letter-spacing: -0.1px;
  font-weight: 500;
}

._2eQAR p {
  margin: 0 auto;
  font-size: 32px;
  width: 800px;
  letter-spacing: -0.1px;
  font-weight: 400;
  line-height: 1.5;
}

._2aoiB {
  margin: 0 auto;
  width: 1280px;
  padding: 43px 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3clOh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

._3aF6D {
  width: 100%;
}

._3clOh ._3NY9r {
  width: calc(50% - 25px);
}

.ZHqCM {
  -ms-flex: 1;
      flex: 1;
  padding-bottom: 98px;
}

._3GVLq {
  margin-bottom: 16px;
}

._2XKJ- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2XKJ- > ._3NY9r {
  width: calc(33% - 25px);
}

._2XKJ- ._3NY9r > *,
._2XKJ- ._3NY9r > * > *,
._2XKJ- ._3NY9r > * > * > input {
  width: 100%;
}

._2XKJ-,
._3QHCN {
  margin-bottom: 16px;
}

._3QHCN label {
  font-weight: 400;
  letter-spacing: -0.1px;
}

._3LhIc {
  width: 345px;
  margin-left: 102px;
}

._3LhIc h2 {
  margin-top: 0;
  font-weight: 500;
  letter-spacing: -0.1px;
}

._3LhIc ._3uuiy:not(:first-child) {
  margin-top: 26px;
}

.I6XEz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

._3CNLP p.PS94s {
  color: rgba(183, 22, 16, 1);
}

@media screen and (max-width: 640px) {
  ._2eQAR {
    width: 100%;
    padding: 24px 16px;
  }

  ._2eQAR h1 {
    font-size: 22px;
  }

  ._2eQAR p {
    font-size: 18px;
    width: 100%;
  }

  ._2aoiB {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  ._3LhIc {
    width: 100%;
    margin-left: 0;
    margin-bottom: 22px;
  }

  ._2XKJ- {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2XKJ- > ._3NY9r {
    width: 100%;
    margin-bottom: 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1EpLX,
._3LOmA {
  width: 674px;
}

._3LOmA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 182px 0;
}

._3LOmA p {
  margin-top: 14px;
  text-transform: uppercase;
}

._25vrW {
  width: 100%;
  height: 286px;
  background-size: cover;
  background-position: center center;
}

._1RCqU {
  padding: 26px 0 0;
}

._1RCqU ._1vnec .lqyfp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1RCqU ._3x3lm h1 {
  font-size: 26px;
  font-weight: 400;
  margin-top: 0;
  letter-spacing: -0.1px;
}

._1RCqU p {
  font-weight: 400;
  line-height: 1.5;
}

._1RCqU ._1vnec {
  margin-top: 26px;
}

._1RCqU small {
  color: rgba(160, 160, 160, 1);
}

.lqyfp ._3JXZc {
  width: calc(25% - 16px);
}

.tg6XT {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.zwnVW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-align: end;
      align-items: flex-end;
}

.zwnVW button {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

._3DKJL {
  color: rgba(183, 22, 16, 1);
}

._1ifuy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 16px 0;
  background: rgba(0, 0, 0, 0.05);
}

._1ifuy p {
  text-transform: uppercase;
  margin-top: 0;
}

._1ifuy a {
  background: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
  padding: 14px 33px;
  border-radius: 4px;
}

._14GLg {
  width: 300px;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
}

@media screen and (max-width: 640px) {
  ._1EpLX,
  ._3LOmA {
    width: 100vw;
  }

  ._1RCqU {
    padding: 16px;
  }

  .lqyfp ._3JXZc {
    width: 100%;
  }

  ._1RCqU ._1vnec .lqyfp {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._25vrW {
    height: 216px;
  }

  .zwnVW {
    margin-top: 14px;
    -ms-flex-pack: center;
        justify-content: center;
  }

  ._1RCqU ._1vnec {
    margin-top: 0;
  }

  ._1RCqU ._14GLg p {
    margin-bottom: 26px;
    text-align: left;
  }

  ._14GLg {
    -ms-flex-item-align: none;
        align-self: none;
    width: 100%;
  }

  ._1ifuy {
    margin-top: 14px;
  }

  ._1ifuy p {
    text-align: center;
    padding: 0 8px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._37HNi {
  width: 1280px;
  margin: 0 auto;
  padding: 59px 64px;
}

._3SSqq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3SSqq h1 {
  font-size: 34px;
  letter-spacing: -0.1px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 7px;
}

._3SSqq p {
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}

.MGNWp > div {
  border: none;
  padding-top: 0;
}

.MGNWp > div > div > *:last-child {
  padding-top: 0;
  top: 19px;
}

.MGNWp select {
  border: none;
  font-size: 46px;
  padding-top: 0;
  width: 300px;
  color: rgba(130, 130, 130, 1);
}

.MGNWp select::-moz-placeholder {
  color: rgba(170, 170, 170, 1);
}

.MGNWp select:-ms-input-placeholder {
  color: rgba(170, 170, 170, 1);
}

.MGNWp select::placeholder {
  color: rgba(170, 170, 170, 1);
}

._2HHgT {
  padding: 47px 0;
  display: -ms-flexbox;
  display: flex;
}

._2sUEY {
  width: calc(33% - 52px);
  margin-right: 52px;
  height: 400px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2sUEY h1 {
  font-size: 86px;
  margin: 0;
  font-weight: 300;
}

._2sUEY h2 {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
}

._12nJQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 75%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._12nJQ .ABdu9 {
  width: calc(50% - 26px);
  margin-bottom: 40px;
}

._2tyKK {
  position: absolute;
  top: 3px;
  right: 8px;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: -0.1px;
}

._1OnoT {
  padding-top: 72px;
}

.TDcZd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 15px;
}

.TDcZd p {
  font-size: 14px;
  font-weight: 400;
  margin-right: 16px;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (max-width: 640px) {
  ._37HNi {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
  }

  ._3SSqq {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._3SSqq h1 {
    font-size: 24px;
    letter-spacing: -0.1px;
    font-weight: 400;
  }

  .sDG9J {
    margin-top: 18px;
  }

  .MGNWp select {
    padding: 0;
    font-size: 18px;
  }

  .MGNWp > div > div > *:last-child {
    padding-top: 0;
    top: 1px;
  }

  ._2HHgT {
    display: block;
    padding-bottom: 23px;
    padding-top: 23px;
  }

  ._2sUEY {
    width: 100%;
    margin-right: 0;
    height: auto;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 16px;
  }

  ._2sUEY > * {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
  }

  ._12nJQ {
    display: block;
    width: 100%;
  }

  ._12nJQ .ABdu9 {
    width: 100%;
    margin-bottom: 40px;
  }

  .RD1FP {
    overflow-y: auto !important;
    overflow-x: hidden;
    padding: 0 !important;
    height: 100vh;
  }
}
._2fNAC {
  background-color: rgba(246, 246, 246, 1);
  -ms-flex: 1;
      flex: 1;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3I_1S,
._2C-0V {
  width: 674px;
}

._2C-0V {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 182px 0;
}

._2C-0V p {
  margin-top: 14px;
  text-transform: uppercase;
}

._3a4v_ {
  width: 100%;
  height: 286px;
  background-size: cover;
  background-position: center center;
}

._1o8ov {
  padding: 26px 0 0;
}

._1o8ov ._28XmX ._1zDzb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1o8ov ._2KH5d h1 {
  font-size: 26px;
  font-weight: 400;
  margin-top: 0;
  letter-spacing: -0.1px;
}

._1o8ov p {
  font-weight: 400;
  line-height: 1.5;
}

._1o8ov ._28XmX {
  margin-top: 26px;
}

._1o8ov small {
  color: rgba(160, 160, 160, 1);
}

._1zDzb .Jssu2 {
  width: calc(25% - 16px);
}

.ZxiT3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

._11mra {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-align: end;
      align-items: flex-end;
}

._11mra button {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

._1IqSK {
  color: rgba(183, 22, 16, 1);
}

._2YagP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 16px 0;
  background: rgba(0, 0, 0, 0.05);
}

._2YagP p {
  text-transform: uppercase;
  margin-top: 0;
}

._2YagP a {
  background: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
  padding: 14px 33px;
  border-radius: 4px;
}

._7SFh9 {
  margin-bottom: 12px;
}

._2qSub {
  text-align: right;
  margin-top: 10px;
}

.Jssu2 {
  font-size: 13px;
}
@media screen and (max-width: 640px) {
  ._3I_1S,
  ._2C-0V {
    width: 100vw;
  }

  ._1o8ov {
    padding: 16px;
  }

  ._1zDzb .Jssu2 {
    width: 100%;
    margin-bottom: 8px;
  }

  ._1o8ov ._28XmX ._1zDzb {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._3a4v_ {
    height: 216px;
  }

  ._11mra {
    margin-top: 14px;
    -ms-flex-pack: center;
        justify-content: center;
  }

  ._1o8ov ._28XmX {
    margin-top: 14px;
  }

  ._1o8ov ._21VRL p {
    margin-bottom: 26px;
    text-align: left;
  }

  ._21VRL {
    -ms-flex-item-align: none;
        align-self: none;
    width: 100%;
  }

  ._2YagP {
    margin-top: 14px;
  }

  ._2YagP p {
    text-align: center;
    padding: 0 8px;
  }
}
._1vUPh {
  margin-top: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._16XUG ._2GQha {
  width: 100%;
  height: 189px;
  background-size: cover;
  background-position: center center;
}

._776k2 {
  padding: 30px 26px;
  background: rgba(255, 255, 255, 1);
}

._776k2 ._27AIf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._776k2 ._27AIf > h1 {
  -ms-flex: 1;
      flex: 1;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.1px;
  margin: 0;
}

._776k2 ._3amlL {
  width: 100px;
  margin-left: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

._776k2 ._3amlL h2 {
  font-size: 42px;
  margin: 0;
  font-weight: 400;
}

._776k2 ._3amlL p {
  margin-top: 0;
  font-size: 16px;
}

._22WQb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.utu0R {
  display: -ms-flexbox;
  display: flex;
}

.utu0R ._1BT70 {
  margin-left: 12px;
}

._1BT70 span {
  display: block;
}

._1BT70 span:first-child {
  font-weight: 500;
}

._1BT70 span:not(:first-child) {
  font-weight: 400;
}

._3iVJ8 {
  color: rgba(190, 190, 190, 1);
}

._1RLmI {
  background: rgba(207, 190, 147, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
  border-radius: 4px;
}

._1RLmI a {
  color: rgba(255, 255, 255, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._36VQH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: -54px;
}

._36VQH ._3JKk7 {
  width: calc(33% - 25px);
}

._2Sayf {
  background: rgba(244, 244, 244, 1);
}

._1Ea1v {
  margin: 0 auto;
  padding: 46px 64px;
  width: 1280px;
}

._1pg8J {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1pg8J > * {
  width: calc(33% - 30px);
}

._1Ea1v > h1 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.1px;
  margin-top: 0;
  margin-bottom: 29px;
}

._-zdPc {
  padding: 37px 64px;
  width: 1280px;
  margin: 0 auto;
}

._3x48A {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._-zdPc h2 {
  font-weight: 400;
  font-size: 26px;
  letter-spacing: -0.1px;
  margin-top: 0;
  margin-bottom: 37px;
}

._1gFHm,
._1fMK7 {
  width: calc(25% - 25px);
  margin-bottom: 40px;
}

._1gFHm .LtBwz {
  width: 100%;
  height: 373px;
  background-size: cover;
  background-position: center center;
  position: relative;
}

._1gFHm h3 {
  margin-top: 24px;
  margin-bottom: 17px;
  font-weight: 400;
  font-size: 36px;
  letter-spacing: -0.1px;
}

._1gFHm small {
  color: rgba(190, 190, 190, 1);
  letter-spacing: -0.1px;
}

.zCUvX {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.LtBwz:hover .zCUvX {
  opacity: 1;
}

.zCUvX a {
  color: rgba(255, 255, 255, 1);
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 13px 17px;
  display: block;
}

._1Pgfl {
  position: absolute;
  top: 3px;
  right: 8px;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: -0.1px;
}

._226Nb {
  padding-top: 72px;
}

@media screen and (max-width: 640px) {
  ._36VQH {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._36VQH ._3JKk7 {
    width: 100%;
    margin-bottom: 9px;
  }

  ._36VQH ._3JKk7:last-child {
    margin-bottom: 0;
  }

  ._1Ea1v {
    margin: 0 auto;
    padding: 23px 16px;
    width: 100%;
  }

  ._1pg8J {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._1pg8J > * {
    width: 100%;
    margin-bottom: 26px;
  }

  ._1pg8J > *:last-child {
    margin-bottom: 0;
  }

  ._-zdPc {
    padding: 23px 16px;
    width: 100%;
    margin: 0 auto;
  }

  ._3x48A {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._1gFHm {
    width: 100%;
  }

  ._3qTJz {
    width: 100vw;
    height: 100vh;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }

  ._1fMK7 {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1fD_j,
._1pO6s {
  width: 674px;
}

._1pO6s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 182px 0;
}

._1pO6s p {
  margin-top: 14px;
  text-transform: uppercase;
}

._3Ko9G {
  width: 100%;
  height: 286px;
  background-size: cover;
  background-position: center center;
}

.KLg3x {
  padding: 26px 0 0;
}

.KLg3x ._2kLtb ._1qDw6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.KLg3x ._2FLte h1 {
  font-size: 26px;
  font-weight: 400;
  margin-top: 0;
  letter-spacing: -0.1px;
}

.KLg3x p {
  font-weight: 400;
  line-height: 1.5;
}

.KLg3x ._2kLtb {
  margin-top: 26px;
}

.KLg3x small {
  color: rgba(160, 160, 160, 1);
}

._1qDw6 ._1ASVq {
  width: calc(25% - 16px);
}

._3M0k4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

._1MXhX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-align: end;
      align-items: flex-end;
}

._1MXhX button {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

._1hsB3 {
  color: rgba(183, 22, 16, 1);
}

._3J13N {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 16px 0;
  background: rgba(0, 0, 0, 0.05);
}

._3J13N p {
  text-transform: uppercase;
  margin-top: 0;
}

._3J13N a {
  background: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
  padding: 14px 33px;
  border-radius: 4px;
}

@media screen and (max-width: 640px) {
  ._1fD_j,
  ._1pO6s {
    width: 100vw;
  }

  .KLg3x {
    padding: 16px;
  }

  ._1qDw6 ._1ASVq {
    width: 100%;
    margin-bottom: 8px;
  }

  .KLg3x ._2kLtb ._1qDw6 {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._3Ko9G {
    height: 216px;
  }

  ._1MXhX {
    margin-top: 14px;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .KLg3x ._2kLtb {
    margin-top: 14px;
  }

  .KLg3x ._2XXGf p {
    margin-bottom: 26px;
    text-align: left;
  }

  ._2XXGf {
    -ms-flex-item-align: none;
        align-self: none;
    width: 100%;
  }

  ._3J13N {
    margin-top: 14px;
  }

  ._3J13N p {
    text-align: center;
    padding: 0 8px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._4xjS3 {
  background: rgba(7, 7, 7, 1);
  padding: 29px 0;
}

._7nnrl {
  margin-top: 0;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}

._27bGK {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

._7nnrl h1 {
  color: rgba(255, 255, 255, 1);
  font-size: 45px;
  font-weight: 400;
  text-transform: uppercase;
  z-index: 2;
}

._7nnrl p {
  z-index: 2;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  width: 700px;
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
}

._veZN {
  color: rgba(255, 255, 255, 1);
  position: absolute;
  bottom: 8px;
  z-index: 2;
}

._1iweD {
  padding: 78px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid rgba(232, 232, 232, 1);
}

._1iweD h1 {
  font-size: 40px;
  margin-bottom: 25px;
  margin-top: 0;
  letter-spacing: -2px;
}

._1iweD h2 {
  text-transform: uppercase;
  font-size: 14px;
}

._2eNom {
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 45px;
  margin-bottom: 45px;
}

._2eNom ._1hCjw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  width: 325px;
}

._2eNom ._1hCjw p {
  line-height: 1.5;
}

._2DRfN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 960px;
  margin-top: 24px;
}

._2SW41 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._3WGea {
  margin: 34px 0;
  width: 800px;
}

._3WGea label {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

._3WGea p {
  font-weight: 400;
  line-height: 1.5;
}

._2gzjQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 34px;
  width: 960px;
  -ms-flex-pack: center;
      justify-content: center;
}

._2gzjQ ._2QfW9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 26px;
  width: 140px;
  margin-bottom: 18px;
}

._2gzjQ ._2QfW9 img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}

._2gzjQ ._2QfW9 h2 {
  text-align: center;
  margin-top: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

._2gzjQ ._2QfW9 p {
  text-align: center;
  margin-top: 4px;
  font-weight: 700;
}

._384lX {
  width: 100%;
  padding-top: 80px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 640px) {
  ._1iweD {
    padding: 78px 16px;
    text-align: center;
  }

  ._7nnrl p {
    display: none;
  }

  ._7nnrl {
    height: 216px;
  }

  ._7nnrl h1 {
    font-size: 22px;
  }

  ._veZN {
    display: none;
  }

  ._2eNom {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }

  ._2eNom ._1hCjw:first-child {
    margin-bottom: 23px;
  }

  ._2DRfN {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }

  ._2gzjQ {
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }

  ._2gzjQ ._2QfW9 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 26px;
    width: 140px;
    margin-bottom: 18px;
  }

  ._3WGea {
    margin: 34px 0;
    width: 100%;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2kbxq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 91px;
  min-height: 46px;
  margin-top: 36px;
}

._2kbxq > a > img {
  width: 356px;
}

._2kbxq .U99nb a, ._2kbxq .U99nb span, ._2kbxq .U99nb button {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  font-size: 12px;
  margin-right: 47px;
  cursor: pointer;
}

._2kbxq .U99nb ._3-9pP {
  font-weight: 700;
}

._2kbxq .U99nb ._2B1YH {
  background: rgba(186, 165, 126, 1);
  padding: 16px 25px;
  border: none;
  border-radius: 3px;
  font-weight: 500;
}

@media screen and (min-width: 641px) {
  ._2kbxq {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (max-width: 640px) {
  ._2kbxq {
    padding-top: 32px;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  ._2kbxq > a > img {
    width: 260px;
  }

  .U99nb > a:first-child {
    display: none;
  }

  ._2kbxq a, ._2kbxq span, ._2kbxq button {
    display: block;
  }

  ._2kbxq .U99nb a, ._2kbxq .U99nb span, ._2kbxq .U99nb button {
    margin-right: 0;
    margin-top: 14px;
  }

  ._2kbxq .U99nb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1K0Ob {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.u2O8c {
  background: rgba(7, 7, 7, 1);
  padding: 32px 0;
  width: 100%;
}

._2z-8D {
  margin: 40px 12px;
  color: rgba(186, 165, 126, 1);
}

._1X1Fy {
  width: 500px;
  max-width: 95%;
  padding: 4px 4px;
  margin: 12px 12px;
  box-sizing: border-box;
  background-color: #fff;
  resize: none;
  text-align: left;
}

._1X1Fy:focus {
  outline: none;
}

._2YuDm {
  margin: 40px 12px;
  text-align: center;
}

._39wzm {
  background-color: rgba(186, 165, 126, 1);
}

._1Vka3 {
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1w0KP {
  width: 650px;
  margin: 87px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

._1w0KP img {
  width: 140px;
}

._1w0KP h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.HN2FD {
  color: rgba(89, 89, 89, 1);
}

._3_SF3 {
  margin-top: 18px;
  width: 320px;
}

._2GUkS {
  margin-top: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

._3ahcd {
  margin-top: 12px;
}

._2JpMa {
  color: rgba(183, 22, 16, 1);
}

@media screen and (max-width: 640px) {
  ._1w0KP {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2XPff {
  margin-bottom: 29px;
}

.KSk-T {
  margin: 7px 0;
}

._1atE4 {
  display: -ms-flexbox;
  display: flex;
}

._1atE4 > *:first-child {
  width: 33%;
  margin-right: 10px;
}

._1atE4 > *:last-child {
  -ms-flex: 1;
      flex: 1;
}

.RWgBK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.RWgBK .KSk-T {
  width: calc(50% - 5px);
}

._1_uB_ {
  max-height: 400px;
  overflow-y: auto;
}

._1usLI {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

@media screen and (max-width: 640px) {
  ._1atE4,
  .RWgBK {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .KSk-T {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
  }

  ._1usLI {
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 15px;
  }

  ._11G5e {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 85vh;
  }

  ._1_uB_ {
    max-height: none;
    -ms-flex: 1;
        flex: 1;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.ZcYTd {
  height: 350px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.spAR4 {
  height: 350px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.spAR4 p {
  width: 250px;
  line-height: 1.5;
  text-align: center;
}

.SOAlY {
  width: 350px;
  padding: 16px 0;
}

._1zmev {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.SOAlY img {
  width: 93px;
  margin-bottom: 36px;
}

.SOAlY .iLijc {
  width: 250px;
  margin: 7px 0;
}

.SOAlY ._3WCJi {
  margin-top: 37px;
}

.SOAlY h1 {
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 16px;
  font-weight: 500;
}

.SOAlY h1::before,
.SOAlY h1::after {
  content: ' ';
  background: currentColor;
  border-radius: 4px;
  height: 4px;
  width: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}

.SOAlY h1::before {
  margin-right: 8px;
}

.SOAlY h1::after {
  margin-left: 8px;
}

.Ds1qU {
  cursor: pointer;
  margin-top: 14px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2y5dt {
  background: linear-gradient(to top, rgb(34, 34, 34), rgb(7, 7, 7));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: rgba(255, 255, 255, 1);
  height: 100%;
  overflow: hidden;
}

._3ixiI {
  text-align: center;
  margin-top: 140px;
  margin-bottom: 80px;
}

._3ixiI h1,
._3ixiI h2,
._3ixiI p {
  margin: 0;
}

._3ixiI h2 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 34px;
}

._3ixiI h1 {
  font-size: 54px;
  margin-bottom: 25px;
}

._3ixiI p {
  width: 640px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
}

.tiM7m {
  min-width: 960px;
  width: calc(100% - 248px);
  max-width: 1399px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.tiM7m > div {
  width: 40%;
  height: 30vh;
  max-height: 400px;
  position: relative;
}

.tiM7m > div > ._3B4hG {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 9px;
  width: 100%;
  position: absolute;
  bottom: -60px;
}

.tiM7m > div:first-child {
  left: 0;
}

.tiM7m > div:last-child {
  right: 0;
}

.tiM7m > div:nth-child(2) {
  position: absolute;
  left: 30%;
}

.tiM7m > div:nth-child(2) ._3B4hG {
  box-shadow: 0 31px 75px 8px rgba(45, 45, 45, 1);
  bottom: -20px;
  z-index: 99;
}

._157D- {
  width: 800px;
  -ms-flex-item-align: center;
      align-self: center;
}

._157D- img {
  width: 800px;
}

@media screen and (max-width: 640px) {
  ._3ixiI {
    margin-top: 48px;
    -ms-flex: 1;
        flex: 1;
  }

  ._3ixiI h1 {
    font-size: 22px;
    width: 280px;
    margin: 0 auto;
    margin-bottom: 16px;
  }

  ._3ixiI p {
    width: 240px;
  }

  ._157D- {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1Dh34 {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed;
}

._1Dh34 span {
  position: absolute;
  left: 22px;
  bottom: 21px;
  font-size: 11px;
  color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 640px) {
  ._1Dh34 {
    background-attachment: scroll;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.fxtXf {
  margin-top: 23px;
}

._28WRV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._28WRV button {
  width: 157px;
}

._1XVGc {
  color: rgba(183, 22, 16, 1);
}

@media screen and (max-width: 640px) {
  ._28WRV {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-pack: center;
        justify-content: center;
  }

  ._28WRV button {
    width: 100%;
    margin-top: 12px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1UBiV {
  width: 100%;
  padding-top: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1UBiV h1 {
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  width: 600px;
  color: rgba(145, 145, 145, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1USRS {
  position: fixed;
  z-index: 99;
  right: 18px;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1M-e8 {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(218, 218, 218, 1);
  margin-bottom: 9px;
}

.WqmdH {
  background-color: rgba(67, 67, 67, 1);
}

._1Nti3 {
  position: relative;
}

._3nD31 {
  position: absolute;
  right: 20px;
  top: -11px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(186, 165, 126, 1);
  padding: 10px 20px;
  font-size: 10px;
  display: none;
}

._3Rk_k {
  height: 7px;
  width: 7px;
  border-color: transparent;
  border-style: solid;
  border-left: 7px solid rgba(186, 165, 126, 1);
  border-bottom-width: 7px;
  border-right-width: 7px;
  border-top-width: 7px;
  position: absolute;
  right: 8px;
  top: -1px;
  display: none;
}

._1Nti3 {
  cursor: pointer;
}

._1Nti3:hover ._3nD31 {
  display: block;
}

._1Nti3:hover ._3Rk_k {
  display: block;
}

._1Nti3:hover ._1M-e8 {
  background: rgba(186, 165, 126, 1);
}


@media screen and (max-width: 640px) {
  ._1USRS {
    display: none;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3uPN3 {
  background: rgba(186, 165, 126, 1);
  color: rgba(36, 36, 36, 1);
  width: 100%;
  display: block;
  padding: 18px 0;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1mvRl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

._1WmyL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}

._3nAVG {
  width: 214px;
  background-color: rgba(23, 25, 25, 1);
}

._19oVF {
  width: 658px;
}

._2CP6A {
  padding: 0 !important;
}

._1IedI {
  padding: 47px 66px;
  height: 100%;
}

._1IedI h1 {
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 16px;
  font-weight: 500;
}

._1IedI h1::before,
._1IedI h1::after {
  content: ' ';
  background: currentColor;
  border-radius: 4px;
  height: 4px;
  width: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}

._1IedI h1::before {
  margin-right: 8px;
}

._1IedI h1::after {
  margin-left: 8px;
}

._3ZXqj {
  height: 100%;
}

._25xBm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

.iOfBd {
  color: rgba(186, 165, 126, 1);
}

._25xBm h2 {
  font-weight: 400;
  font-size: 32px;
  margin-top: 35px;
  margin-bottom: 24px;
}

._25xBm p {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 500;
}

._25xBm small {
  margin-bottom: 35px;
  color: rgba(181, 181, 181, 1);
  font-weight: 500;
}

@media screen and (max-width: 640px) {
  ._3nAVG {
    display: none;
  }

  ._19oVF {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  ._1WmyL {
    width: 100%;
  }

  ._2CP6A {
    width: 100%;
  }

  ._1IedI {
    padding: 32px 0;
  }

  ._25xBm h2,
  ._25xBm p,
  ._25xBm small {
    text-align: center;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1k7aj {
  padding: 44px 0;
}

._1k7aj img {
  width: 96px;
  margin: 0 auto;
  opacity: 0.1;
  display: block;
  margin-bottom: 31px;
}

.CZlpc {
  padding: 25px 23px;
  color: rgba(102, 102, 102, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.CZlpc .WCl7V {
  color: rgba(186, 165, 126, 1);
}

._2X88Y {
  font-size: 16px;
  border-color: currentColor;
  border-radius: 100px;
  border-width: 1px;
  border-style: solid;
  padding: 12px;
}

.a8XtW {
  margin-left: 14px;
  width: 91px;
}

._1K4oS {
  background-color: rgba(186, 165, 126, 1);
  color: rgba(255, 255, 255, 1);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._28z2G {
  width: 290px;
  margin: 0 5px;
}

._1aAWl {
  background: rgba(9, 9, 9, 1);
}

._1aAWl h1 {
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  font-size: 45px;
  letter-spacing: 0.3px;
  text-align: center;
  padding: 17px 0;
  margin: 0;
}

._1fVPj {
  border-bottom-width: 50px;
  border-left-width: 145px;
  border-right-width: 145px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: rgba(9, 9, 9, 1);
}

._2GEyA {
  border-top-width: 50px;
  border-left-width: 145px;
  border-right-width: 145px;
  border-style: solid;
  border-color: transparent;
  border-top-color: rgba(32, 32, 32, 1);
}

._1aAWl h2 {
  color: rgba(222, 211, 181, 1);
  font-weight: 100;
  font-size: 76px;
  text-align: center;
  padding-bottom: 23px;
  margin: 0;
  position: relative;
}

._1aAWl h2 small {
  vertical-align: super;
  font-size: 20px;
}

._1aAWl p {
  color: rgba(205, 205, 205, 1);
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  width: 177px;
  padding-bottom: 36px;
}

._1QBhH {
  background: rgba(32, 32, 32, 1);
  color: rgba(255, 255, 255, 1);
}

._2wL81 {
  font-weight: 400;
  padding: 21px 13px;
  display: -ms-flexbox;
  display: flex;
}

._2wL81 .HfE0B {
  color: rgba(120, 120, 120, 1);
}

._2wL81 .HfE0B label {
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid currentColor;
}

._2wL81 .HfE0B p {
  margin: 0;
  margin-top: 4px;
  width: auto;
  text-align: left;
  font-weight: 400;
}

._19gya .HfE0B {
  color: rgba(255, 255, 255, 1);
}

.gD99q {
  padding: 23px 13px 71px;
}

@media screen and (max-width: 640px) {
  ._28z2G h1 {
    font-size: 34px;
  }

  ._28z2G h1,
  ._28z2G h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.JbFxe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100vh;
}

.tTr7P {
  background-color: rgba(23, 25, 25, 1);
  height: 104px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._22VAd img {
  width: 170px;
  margin: 0 auto;
}

._1V-5b {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
  background-image: url(/assets/relax-hotel-sso-consent.f37f7952f8e187ab27e7ee32a3c47717.png);
  background-size: cover;
  background-position: center;
}

._86f1- {
  max-width: 830px;
  padding: 40px 100px;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 20;
}

._86f1- img {
  width: 140px;
}

._86f1- h5 {
  font-weight: 500;
  font-size: 18px;
}

._86f1- > p,
._86f1- h5,
._86f1- h1 {
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

._3F-1_ {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  text-decoration: underline;
  padding: 0 5px;
}

._53xxi {
  color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(183, 22, 16, 1);
  padding: 10px 22px;
  font-weight: 600;
}

.EVIxJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 20px;
  width: 300px;
}

@media screen and (max-width: 640px) {
  ._86f1- {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 20px;
  }
}

@media screen and (max-width: 1024px) {
  ._22VAd {
    position: relative;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._27ZeK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1xR3U ._2xon9 {
  margin: 0 auto;
  margin-bottom: 72px;
}

._27ZeK div {}

@media screen and (max-width: 640px) {
  ._27ZeK {
    width: 100%;
    overflow-x: auto;
  }

  ._1xR3U {
    width: 100%;
  }

  ._1xR3U p._2xon9 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3v8ur {
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._3v8ur h2 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 34px;
  margin-top: 0;
}

._3v8ur h1 {
  font-size: 64px;
  margin-bottom: 25px;
  margin-top: 0;
  letter-spacing: -2px;
}

._3v8ur p {
  width: 440px;
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
  margin: 0;
}

._3v8ur p + p {
  margin-top: 16px;
  margin-bottom: -26px;
}

._2QZl0 {
  color: rgba(186, 165, 126, 1);
  display: block;
  margin-top: 81px;
  padding: 20px 48px;
  border: 1px solid rgba(231, 220, 208, 1);
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.jXKKt {
  position: absolute;
  left: 22px;
  bottom: 34px;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  font-size: 11px;
}

._2qeRW {
  position: absolute;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-size: 9px;
  color: rgba(9, 9, 9, 1);
  opacity: 0.3;
  margin-bottom: 33px;
  bottom: 53px;
}

._2qeRW p {
  margin-bottom: 18px;
}

@media screen and (max-width: 640px) {
  ._3v8ur h2,
  ._3v8ur h1,
  ._3v8ur p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  ._3v8ur > h1 {
    font-size: 34px;
  }

  ._3v8ur > h2 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  ._2qeRW {
    display: none;
  }

  .jXKKt {
    display: none;
  }
}
._2sKq8 {
  background-color: #272727;
  padding: 7px 18px;
  border-radius: 5px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.QSTcx {
  position: relative;
  width: 100%;
  max-width: 1650px;
  min-height: 626px;
  margin: 0 auto;
  background: url(/assets/not-found-img.97bf51976b294bc842d77976dfe42cc6.jpg) no-repeat center center;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.XCcX5 {
  position: absolute;
  top: 3%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

._2o-Hd {
  font-size: 24px;
  font-weight: 500px;
  margin-bottom: 36px;
}

._1n0j8 {
  padding-bottom: 42px;
  font-weight: 600;
  max-width: 245px;
  font-size: 14px;
  line-height: 140%;
}

@media screen and (min-width: 1024px) {
  .QSTcx {
    min-height: 1092px;
  }

  .XCcX5 {
    top: 19%;
  }

  ._2o-Hd {
    font-size: 48px;
    margin-bottom: 30px;
  }

  ._1n0j8 {
    padding-bottom: 46px;
    max-width: 450px;
    font-size: 18px;
  }
}
._3G1l6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

._195GH {
  text-decoration: none;
}

._195GH h5 {
  font-weight: 400;
}

@media screen and (min-width: 1024px) {
  ._3G1l6 {
    gap: 14px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

* {
  box-sizing: border-box;
}

._1CnCA {
  margin-left: 0px;
  margin-right: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._267Yq {
  margin: 0 auto;
  max-width: 600px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  /* gap: 45px; */
}

._1W5-z {
  opacity: 1;
  height: 230px;
  position: relative;
  width: 100%;
  margin: 0px;
}

._3wFxp {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-size: cover;
  background-position: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;
}

._3pgB4 {
  width: 100%;
  z-index: 1;
  margin: 0px;
  padding: 0px 32px;
  margin: 0 auto;
  max-width: 600px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  /* gap: 45px; */
}




._3pgB4 h1 {
  margin: 30px 0 20px;
  color: rgba(0, 0, 0, 1);
  font-size: 32px;
  font-weight: 600;
}

._3pgB4 p {
  margin: 0;
  color: rgba(0, 0, 0, 1);
  
  font-weight: 500;
}

._2jyCk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

._2R0FA {
  -ms-flex: 1;
      flex: 1;
}

._3S5P5:not(:last-of-type) {
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._3S5P5:first-of-type {
  padding-top: 0;
}

._3S5P5:last-of-type {
  padding-top: 30px;
  margin-bottom: 71px;
}

._18AU4 {
  text-align: center;
}

@media screen and (min-width: 640px) {
  ._1W5-z {
    height: 400px;
  }

  ._3pgB4 h1 {
  margin: 60px 0 20px;
  color: rgba(0, 0, 0, 1);
  font-size: 36px;
  font-weight: 600;
}
}
@media screen and (min-width: 1024px) {
  ._3pgB4{
    max-width: 1207px;
    padding: 0 23px;
  }
  ._2R0FA {
    padding-right: 30px;
  }
  ._1W5-z {
    height: 400px;
  }
}

@media screen and (min-width: 1280px) {
  ._1W5-z {
    height: 500px;
  }
}

@media screen and (min-width: 1650px) {
  ._1W5-z {
    height: 650px;
  }
}


/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._34PTd {
  position: relative;
  width: 100%;
}

._34PTd h1 {
  font-family: 'Avenir Next';
  font-size: 28px;
  font-weight: 600 !important;
  line-height: 28px;
  color: #000;
  margin: 60px 0 30px 20px;
}

._34PTd h2 {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 1px;
}

._34PTd p {
  color: rgb(68, 68, 68);
  font-size: 18px;
  text-transform: none;
  letter-spacing: normal;
}



p._3vhk4 {
  font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

._1a9Ab {
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  ._34PTd h1 {
    margin: 90px 0 36px 0px;
    font-size: 32px;
  }
}
@media screen and (min-width: 1280px) {
  ._34PTd h1 {
    margin: 90px 0 36px 0px;
  }
}
@media screen and (min-width: 1650px) {
  ._34PTd h1 {
    margin: 60px 0 36px 0px;
  }
}

@media screen and (max-width: 640px) {
  ._34PTd h1 {
    font-family: 'Avenir Next';
    font-size: 28px;
    font-weight: 600 !important;
    line-height: 28px;
    color: #000;
    margin: 60px 0 36px 20px;
  }

  ._34PTd h2 {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 15px;
  }

  ._34PTd p {
    font-size: 14px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1LfiH {
  /* border: solid 1px red; */
}

._3XUVq {
  margin-left: 10px;
  color: rgba(23, 25, 25, 1);
  font-weight: 400;
}
._2G4Q2 {
  margin-left: 10px;
  color: #505050;
  font-weight: 600;
}

._2DzqQ {
  vertical-align: middle;
  margin-top: 15px;
}

._12GOQ {
  margin-top: 6px;
  overflow: hidden;
  overflow-y: auto;
}
._3xElE {
  font-size: 12px;
  color: rgba(67, 68, 74, 1);
}

/* This css is for normalizing styles. You can skip this. */
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

._2wOik {
  padding: 50px;
}

._2Eqzk {
  display: block;
  margin-bottom: 15px;
  margin-top: 0px;
}

._2Eqzk:last-child {
  margin-bottom: 0px;
}

._2Eqzk input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

._2Eqzk label {
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
._2Eqzk label._1AWrf {
  -ms-flex-align: center !important;
      align-items: center !important;
}

._2Eqzk label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid rgba(178, 178, 178, 1);
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 15px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0px;
}

._2Eqzk input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 12px;
  width: 8px;
  height: 17px;
  border: solid rgba(186, 165, 126, 1);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.DlugD {
  background-color: #e8deca;
}

._386T1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1149px;
  margin: 0 auto;
  padding: 30px 20px;
  position: relative;
  gap: 10px;
}

._3PRZo {
  width: 160px;
}

/* search bar responsive */
@media only screen and (max-width: 640px) {
  ._386T1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 20px;
  }

  .ArWDU {
    position: fixed;
    top: 0;
    background-color: #e8deca;
    z-index: 1;
  }

  .wE5sT {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #e8deca;
    z-index: 12;
  }

  .hiKd0 {
    min-height: 45px;
    min-width: 335px;
    position: fixed;
    top: 21px;
    z-index: 99999999;
    left: 20px;
    right: 20px;
  }

  ._3XRTB {
    position: relative;
    width: 100%;
  }

  ._1qHpn {
    position: absolute;
    right: 11px;
    top: -10px;
  }

  ._27Njs > div:not(:first-child) {
    display: none;
  }

  ._27Njs > div:first-child {
    margin: auto;
  }
  ._27Njs > button {
    display: none;
  }

  ._1PPYc {
    height: 80px;
    background-color: transparent;
  }

  ._386T1 > div {
    margin: 10px;
  }

  ._386T1 > ._3PRZo {
    width: 240px;
    margin: 20px 0px 10px 0px;
  }
}
._2J-RG {
  width: 520px;
  position: relative;
}

._2J-RG input {
  font-weight: 600;
}

._2J-RG input::-moz-placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

._2J-RG input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

._2J-RG input::placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

._3F51D {
  left: 0;
  border-radius: 5px;
}

.suUJh {
  position: relative;
}

._4rzt_ {
  display: -ms-flexbox;
  display: flex;
}
._3N3u2 {
  height: 45px;
  background-color: white;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;

  color: #191919;
}

._3-kXi {
  position: absolute;
  top: 15px;
  right: 15px;
}

._3g7Pi {
  position: absolute;
  margin-top: 5px !important;
}

._2Q93p {
  display: none;
}

._1LDEi {
  padding: 20px 15px 15px;
}

._2oE0X {
  display: inline;
  margin-top: 100px;
}

/* search bar responsive */
@media only screen and (max-width: 640px) {
  ._2J-RG {
    width: 335px;
  }

  ._3n8nB {
    border: solid 4px green;
  }

  ._1LDEi {
    margin-top: 100px;
    margin-left: 9px;
  }

  ._2Q93p h1 {
    width: 100%;
    text-align: center;
    margin-top: 78px;
    font-size: 22px;
  }

  ._2Q93p {
    display: block;
  }

  ._1qbg2 {
    width: 40px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 7px;
  }

  ._1qbg2:after {
    content: '\D7';
    font-size: 33px;
    color: black;
    text-align: center;
  }

  ._3g7Pi {
    margin-top: 0px !important;
  }
}
._3zI-6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._294RD {
  padding: 20px;
  -ms-flex: 1;
      flex: 1;
  min-width: 250px;
}
._294RD h5 {
  margin-bottom: 20px;
}

.JVnvT {
  display: none;
}

/* search bar responsive */
@media only screen and (max-width: 640px) {
  .JVnvT {
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 30px;
  }

  ._16Gyx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  ._16Gyx > img {
    width: 81px;
  }

  ._1bD80 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }

  ._1bD80 > div {
    max-width: 290px;
  }

  ._2PA_g {
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 380px) {
  ._294RD {
    padding: 20px 5px;
  }
}
.QrOdF {
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  cursor: pointer;
}

.SuBpw {
  -ms-flex-align: center;
      align-items: center;
}

.QrOdF:hover {
  background-color: #505050;
}
.QrOdF:hover > *,
.QrOdF:hover > * > * {
  color: #fff;
}
.QrOdF:hover ._367Gx path {
  fill: #fff;
}
.QrOdF ._367Gx {
  margin-right: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.SuBpw ._367Gx {
  height: 20px !important;
  margin-right: 10px;
}

.hoOaO ._3fiek {
  -ms-flex: 1;
      flex: 1;
}

@media only screen and (max-width: 380px) {
  .QrOdF {
    padding: 2px;
  }
}

@media only screen and (min-width: 640px) {
  .hoOaO ._367Gx {
    -ms-flex: 0.1;
        flex: 0.1;
  }

  ._3fiek {
    max-width: 172px;
  }
}
._1ttSf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 999999;
  overflow-y:scroll;
  overflow-x:hidden;
  background-color: #fff;
}

._37BMg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
}

._2_8Pt {
  position: absolute;
  top: 20px;
  right: 20px;
}

.ktpPv h1 {
  width: 100%;
  text-align: center;
  margin-top: 78px;
  font-size: 22px;
}

.ktpPv {
  display: block;
}

._1svec {
  position: relative;
  max-width: 335px;
  margin: auto;
  margin-top: 25px;
}

._37BMg input::-moz-placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

._37BMg input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

._37BMg input::placeholder {
  font-size: 14px;
  line-height: 140%;
  color: #505050;
  text-transform: none;
}

.gjx5O {
  position: absolute;
  top: 15px;
  right: 15px;
}

._15Bzd {
  padding: 20px 0 15px;
  width: 335px;
  margin: auto;
}

.zQ0Cp {
  display: inline;
  margin-top: 100px;
}

.fJ1FX {
  position: absolute;
  margin-top: 5px !important;
}

@media only screen and (max-width: 640px) {
  .fJ1FX {
    margin-top: 0px !important;
  }
}
._2I-Ce {
  position: relative;
}
._2RW1s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 10px;
  background-color: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  height: 45px;
  cursor: pointer;
  gap: 15px;
}

._2RW1s > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._28Tbc,
._28Tbc svg,
._28Tbc img {
  margin-right: 5px;
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

._4rOdZ {
  padding: 0 20px;
  position: absolute;
  right: 0;
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #b2b2b2;
  border-radius: 0px 0px 5px 5px;
  width: 328px;
}

._4rOdZ button {
  height: 25px;
  width: 25px;
  border: 1px solid #191919;
}

._4rOdZ button:disabled {
  border: 1px solid #b2b2b2;
}

._4rOdZ button::before,
._4rOdZ button::after {
  width: 11.76px;
}

._3UXYx {
  display: block;
}
._3Fzuy {
  display: none;
}

._3Fzuy > span {
  margin-right: 10px;
}

/* search bar responsive */
@media only screen and (max-width: 640px) {
  ._2I-Ce {
    min-width: 335px;
  }
  ._2RW1s {
    width: 100%;
    -ms-flex-pack: start;
        justify-content: flex-start;
    gap: 20px;
  }
  ._3UXYx {
    display: none;
  }
  ._3Fzuy {
    display: block;
  }
}
._1JVv5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  z-index: 9999999;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #fff;
  padding: 0 20px;
}

._3alEg {
  max-height: 100%;
}

._1JVv5,
._3alEg,
.jua56 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

.jua56 button {
  height: 25px;
  width: 25px;
  border: 1px solid #191919;
}

.jua56 button:disabled {
  border: 1px solid #b2b2b2;
}

.jua56 button::before,
.jua56 button::after {
  width: 11.76px;
}

._29H2z {
  position: absolute;
  top: 20px;
  right: 20px;
}

._3O4py {
  margin: 30px 0 20px 0;
  text-align: center;
}

._21r8c {
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  padding-top: 0px;
  background-color: #fff;
}
.kDvSX {
  background-color: #fff;
  padding: 30px 0px;
}

.kDvSX > div:not(:first-child) {
  margin: 25px 0 0;
}

._1Ghry > div {
  margin-bottom: 10px;
}

._3RboB {
  width: 100%;
}

._3_-z_ {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 10px;
}

.ntZBM {
  color: #b71610;
}
._2h_fz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  /* padding-bottom: 50px; */
}
._2d9Df {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 20px;
  gap: 5px;
}

._1uP91 {
  margin-top: 30px;
}

._2w7uc {
  text-align: initial;
}

._3Y_wf {
  display: inline;
}

._3O2W1 {
  text-align: justify;
}
._243jD {
  padding-top: 30px;
  padding-bottom: 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 5px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._-glMG {
  /* Safari fix for empty recent searches dropdown*/
  /*z-index: -1;*/

  padding: 0px;
  margin: 0 auto 90px;
  position: relative;
}
._3bBkT {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
._1g_YL {
  margin: 0px auto;
  padding: 0px;
}
.Ppeof {
  background-color: #fff;
}
._38mpJ {
  padding: 40px 0 33px 20px;
  margin: 0 auto;
}

._28sti {
  max-width: 335px;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}

.Gwutt {
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #f9f7f3;
}

/* Carousel Styles */
._3PRFn {
  position: relative;
  height: 230px;
  background-size: cover;
  margin-right: 20px;
  cursor: pointer;
}
._3PRFn ._3hMQ0 {
  position: absolute;
  bottom: 30px;
  left: 20px;
  width: 76%;
  padding: 7px 20px 8px 10px;
}
._3PRFn ._3hMQ0 ._2zZCF {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #191919;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 0;
  border-radius: 5px;
}
._3PRFn ._3hMQ0 h1 {
  position: relative;
  color: #fff;
  z-index: 1;
  border-bottom: 1px solid #baa57e;
  font-size: 14px;
  margin-bottom: 7px;
  padding-bottom: 6px;
  line-height: 130%;
}
._3PRFn ._3hMQ0 p {
  position: relative;
  color: #b2b2b2;
  z-index: 1;
  margin: 0px;
  margin-bottom: 0px;
  font-size: 11px;
}

._2u-c4 {
  text-align: center;
}

._3n4y7 {
  position: absolute;
  top: -40px;
  left: 0px;
}

._3n4y7 p {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 1) !important;
}

@media screen and (max-width: 640px) {
  ._1g_YL {
    margin: 0 auto;
    padding: 0px;
  }
  ._3qtV7 {
    padding: 63px 0;
  }

  ._3n4y7 p {
    font-size: 11px !important;
  }
  ._3n4y7 {
    top: -35px;
  }
}

@media screen and (min-width: 640px) {
  ._3PRFn {
    height: 416px;
    margin-right: 30px;
  }
  ._3PRFn ._3hMQ0 {
    left: 30px;
    width: 60%;
    padding-left: 30px;
  }
  ._3PRFn ._3hMQ0 h1 {
    font-size: 28px;
    line-height: 140%;
  }

  ._3PRFn ._3hMQ0 p {
    font-size: 12px;
  }
}
@media screen and (min-width: 1024px) {
  ._1g_YL {
    max-width: 1280px;
    padding: 0 64px;
    margin: 0 auto;
  }
  ._3qtV7 {
    max-width: 921px;
    padding: 98px 0;
    margin: 0 auto;
  }
  ._2EMVl {
    margin-top: 25px;
  }

  ._3PRFn ._3hMQ0 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 487px;
    padding: 10px 30px;
  }
  ._3PRFn ._3hMQ0 h1 {
    font-size: 28px;
    line-height: 120%;
  }

  .Gwutt {
    padding: 20px 60px;
  }
  ._28sti {
    max-width: 800px;
    padding: 30px 64px 0 64px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  ._3qtV7 {
    max-width: 1150px;
    margin: 0 auto;
    padding: 64px 0;
  }
  ._3PRFn {
    height: 560px;
  }
  ._3PRFn ._3hMQ0 {
    bottom: 30px;
    left: 90px;
    width: 490px;
    padding: 10px 34px 20px;
  }
}

@media screen and (min-width: 1650px) {
  ._3PRFn {
    height: 716px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._371mb {
  background-color: #fff;
}

._27hGV {
  margin: 0 auto;
  max-width: 600px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  /* gap: 45px; */
}

._2qi9O {
  width: 100%;
  margin-bottom: 20px;
}

._3pSbq {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}

._1rfO4 {
  color: black;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._270Lo {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._14Src {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 14px;
}

._3D5-G span {
  /* margin-top: 10px;
    margin-right: 6px; */
  color: rgba(25, 25, 25, 1);
  font-weight: 600;
  font-size: 14px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  line-height: 20px;
  letter-spacing: 0;
}

._3D5-G select {
  padding: 10px 14px;
  height: 36px;
  margin-right: 10px;
}

._3D5-G .pILja {
  top: 12px;
}

._1dT7j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1dT7j > *:first-child {
  margin-right: 7px;
}

._1Jcez {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -ms-flex-align: center;
      align-items: center;
}

._1Jcez img {
  width: auto;
  height: 30px;
}

._1dvaW {
  margin-top: -2px;
}

._3X_kt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /* gap: 40px; */
}

._2HFEr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

._1zlYi {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}

._2gBXv:not(:last-of-type) {
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._2gBXv:first-of-type {
  padding-top: 0;
}

._2gBXv:last-of-type {
  padding-top: 30px;
  margin-bottom: 71px;
}

._2k_m9 {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
  letter-spacing: 0;
  color: rgba(25, 25, 25, 1);
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

._2k_m9 > div {
  display: -ms-flexbox;
  display: flex;
}

._13ASS {
  padding: 88px 0;
  height: 600px;
}

._3gxhd button {
  display: none;
}

._3HLab > button {
  width: auto;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

._3HLab > button > * {
  font-weight: 600;
  color: #191919;
}

._3HLab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  transform: translate3d(-50%, 0, 0);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 1147px;
  width: 100%;
  padding: 20px;
}

._3fQa5 {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._21qFF {
  padding: 8px 30px;
}

._2bdbd {
  padding: 16px 20px;
  background: #d0a0a0;
  margin-bottom: 20px;
  text-align: center;
}

._2OvdQ svg path {
  stroke: rgba(25, 25, 25, 1);
}

._2OvdQ svg {
  width: 20px;
  height: 20px;
}

._3eA1q {
  width: auto;
  padding: 0px;
  border: none !important;
}

._3Rf29 {
  white-space: nowrap;
}

@media screen and (min-width: 1024px) {
  ._3pSbq {
    height: 82vh;
  }

  ._3gxhd span {
    font-weight: 600;
    line-height: 15.4px;
    font-size: 11px;
    text-decoration: none;
    letter-spacing: 0;
  }

  ._3gxhd button {
    display: block;
  }

  ._3gxhd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
  }

  ._2gBXv:not(:last-of-type) {
    padding: 34px 0;
  }

  ._2gBXv:first-of-type {
    padding-top: 22px;
  }

  ._2gBXv:last-of-type {
    padding-top: 34px;
  }

  ._27hGV {
    max-width: 1207px;
    padding: 0 50px;
  }

  ._3X_kt {
    gap: 0;
  }

  ._2k_m9 {
    margin-top: 35px;
  }

  ._2qi9O {
    margin-bottom: 0;
  }

  ._3X_kt > *:not(:last-child) {
    margin-bottom: 0;
  }

  ._2bdbd {
    margin: 35px 0 35px 0;
  }
}

@media screen and (max-width: 640px) {
  ._3fQa5 {
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
  }

  ._15m0S {
    display: none !important;
  }

  ._3Rf29 {
    font-size: 12px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  ._15m0S {
    display: none !important;
  }
}
._1_2Mi {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}
.h1dA-,
.h1dA- > *:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.h1dA- {
  gap: 10px;
}

.h1dA- > *:last-child {
  gap: 5px;
}
._20Sxx {
  padding: 20px;
}

._1r5ej {
  background-color: #b2b2b2;
  margin: 20px 0;
}

._3xXEa {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.kWd2F {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.kWd2F > div:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}
._2hWay {
  margin-top: 10px;

  -moz-column-width: 335px;

       column-width: 335px;
  -moz-column-gap: 60px;
       column-gap: 60px;
}

._2kSHk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}

.H_pQb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #505050;
  border-radius: 50%;
}
._2hGv4 {
  width: 180px;
}
._2FyX2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 810px;
}
._3MgdM {
  height: 60px;
  width: 100%;
}
._3JhTd {
  padding: 15px 20px;
  border-bottom: 1px solid #b2b2b2;
  background-color: white;

  position: -webkit-sticky;

  position: sticky;
  top: 0;
  z-index: 1;
}

._1C9dy {
  margin-top: auto;

  padding: 20px;
  background-color: #f9f7f3;

  position: -webkit-sticky;

  position: sticky;
  bottom: 0;
  width: 100%;
}

._3JhTd,
._1C9dy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._1C9dy > * {
  -ms-flex: 1;
      flex: 1;
}
._1C9dy > *:first-child {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  ._1C9dy > * {
    -ms-flex: unset;
        flex: unset;
  }

  ._2FyX2 {
    max-height: calc(100vh - 80px);
  }
}
.k4vGF {
  background-color: #fff;
  cursor: pointer;
  padding: 5px;
  border: 1px solid #505050;
  border-radius: 4px;
}

._24zyJ {
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  border-color: #191919;
}

._3KUcB {
  position: relative;
}

._3KUcB::after,
._3KUcB::before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  border-radius: 50%;
}

._3KUcB::after {
  width: 6px;
  height: 6px;
  background-color: #505050;
}

._3KUcB::before {
  width: 12px;
  height: 12px;
  background-color: white;
  top: -6px;
  right: -6px;
}
._1HXCh {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 14px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;

  border-radius: 4px;
  background: #f6f6f6;
}
._2R_m5 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  margin-top: 30px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3ZU9s {
  border-radius: 5px;
  padding: 5px 33px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 110px;
  font-size: 11px;
}

._1Nfvj {
  padding: 5px 33px;
}

._3rM5Q {
  color: #191919;
}

._3rM5Q b {
  font-weight: 600;
}

.q6O00 {
  width: 100%;
  height: 1px;
  background-color: #BAA57E;
  margin-bottom: 20px;
}

.qFG7q li {
  text-indent: -3px;
}

._1_sUS {
  width: 100%;
  max-width: 890px;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 30px 0 30px 30px !important;
  overflow: hidden !important;
}

._1_sUS>div:first-of-type {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1wfrO {
  overflow: auto;
  padding-right: 40px;
}

.WEcEW ._3jzs4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  margin-bottom: 18px;
  padding-right: 16px;
}

@media screen and (min-width: 450px) {
  ._2wN1N {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 28px;
    margin-bottom: 20px;
    margin-top: 0 !important;
  }
  
  ._2wN1N span {
    display: block;
    font-size: 14px !important;
    position: relative;
    margin: 0;
    margin-bottom: 0 !important;
    padding: 10px 0;
  }

  ._1oPWj {
    display: none !important;
  }

  ._2wN1N span:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.4em;
    background-color: #ccc;
  }
}
@media screen and (max-width: 450px) {
  ._1_sUS {
    padding: 20px 0 20px 20px !important;
    inset: 0 !important;
    left: auto !important;
    transform: none !important;
  }
  
  ._1wfrO {
    padding-right: 20px;
  }

  .WEcEW ._3jzs4 {
    padding-right: 0px;
  }

  ._Sx6t {
    font-size: 18px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2fThy  {
    border-color: #baa57e;
    background-color: transparent;
    padding: 0px 9px 0px 2px;
    height: 30px;
    transition: background-color 0.2s ease-out;
}
._2fThy p {
  gap: 0px
}

._1EtbY {
  background-color: #f6f0e5;
  transition: background-color 0.2s ease-in;
}

@media screen and (min-width: 641px) {
  ._2fThy {
    padding: 0px 14px 0px 7px;
    height: 43px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3wKR2 {
  width: auto;
  height: auto;
  max-height: 700px;
  min-width: 330px;
  padding: 30px;
}

._3Y5d_ {
  width: 15px;
  height: 15px;
}

._3mEum {
  position: relative;
  width: 900px;
}

._3K9oR {
  font-size: 18px;
  margin-top: 6px;
}

._184kq {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  gap: 16px;
}

._1fwwz {
  margin: 30px 0px;
  background-color: #baa57e;
}

._1pdpv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  padding-bottom: 30px;
}

._1LT9u {
  width: auto;
  margin-top: 20px;
  border-radius: 5px;
  padding: 12px 30px;
}

._2nkNZ {
  background-color: #b2b2b2;
  border-color: #b2b2b2;
}

._3S4W_ {
  font-weight: 500;
}

._2IVYJ {
  font-size: 12px;
  margin-top: 15px;
}

.tMADc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 640px) {
  ._3wKR2 {
    padding: 20px;
    max-height: calc(100vh - 10px);
    overflow: scroll;
    margin: auto 10px;
  }

  ._3mEum {
    width: auto;
  }

  ._1lETR {
    max-width: 285px;
  }

  ._1fwwz {
    margin: 20px 0px;
  }

  ._1pdpv {
    gap: 20px;
    padding-bottom: 14px;
  }
  ._3Y5d_ {
    width: 13px !important;
    height: 13px !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 1199px) {
  ._3mEum {
    width: 550px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1Cdgd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

.EkOsr {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

._2Xu28 {
  font-weight: 500;
}

._3Rs4K {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

._3B3Zp {
  font-weight: 400;
  color: #191919;
}

@media screen and (max-width: 640px) {
  .EkOsr {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 4px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._-E_Ku {
  max-height: 170px;
  overflow-y: auto;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px
}

._383pa {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
      align-items: center;
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.CSs94 {
  border: 1px solid rgba(186, 165, 126, 1);
  padding: 30px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 245px;
  /*max-width: 351px; */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.CSs94 > *:not(:last-child) {
  margin-bottom: 20px;
}

._2e_Xi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._2e_Xi img {
  margin-right: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.KskvW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

._26R8M {
  padding: 28px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 10px;
}

._17zN0 {
  width: 48px !important;
  height: 48px !important;
}
._26R8M h4 {
  margin: 15px 0 12px 0;
}

._2JIS5 ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

._2JIS5 li {
  list-style: none;
  font-family: 'Avenir Next';
}

._1-Ug8 li {
  font-size: 14px;
  line-height: 140%;
  font-weight: normal;
  color: #505050;
}
._1-Ug8 li b {
  display: block;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  color: #191919;
}

._1-Ug8 > *:not(:first-child) {
  margin-top: 20px;
}

._2JIS5 {
  margin-top: 20px !important;
}

._3Wmjl {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  ._26R8M h3 {
    width: auto;
  }
  ._26R8M {
    width: 382px;
  }
}
@media screen and (min-width: 1280px) {
  ._26R8M {
    max-width: 1150px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._2Ya56 {
  background-color: #fff;
}
._2cnjX {
  padding: 0 20px;
  max-width: 1150px;
  margin: 0 auto;
}
._7jq20 {
  margin-top: 30px;
}
.oUyQ7 h5 {
  margin-top: 15px;
}

._1riq8 {
  margin-bottom: 31px;
  max-width: 446px;
}

._2GqNF > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._3bpYs {
  margin-top: 30px;
}

._3fuQf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._3fuQf button {
  margin-top: 12px;
}

._3Od1i {
  margin-top: 15px;
}

._3Od1i small {
  font-size: 14px;
}

.kGaaH {
  margin-top: 20px;
}
.kGaaH > *:last-child {
  margin-top: 10px;
}

._19Ms2 {
  padding-left: 16px;
  border-left: 1px solid #baa57e;
}

._2t1tU {
  padding: 4px 10px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  ._7jq20 {
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  ._1riq8 {
    margin: 0;
  }
  ._2cnjX {
    padding: 0;
    max-width: 921px;
  }
  ._19Ms2 {
    padding-left: 20px;
  }
}

@media screen and (min-width: 1280px) {
  ._2cnjX {
    max-width: 1150px;
  }
  ._1riq8 {
    max-width: 631px;
  }
  .oUyQ7 {
    width: 740px;
  }
}
.wnibE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-color: transparent;
  width: 40px;
  padding: 6px 8px;
  background-color: #f6f0e5;
  border-radius: 5px;
}

._1CBFw {
  margin-top: 12px;
}

@media screen and (min-width: 640px) {
  .wnibE {
    width: 131px;
    padding: 8px 30px;
    gap: 10px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1MhTf {
  margin-top: 30px;
  background-color: rgba(25, 25, 25, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 30px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}.cwIgQ {
  overflow: hidden;
  margin: 0 auto;
}
._1FlwN {
  padding: 20px;
  margin: 0 -25px -25px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

._1FlwN a {
  text-decoration: underline;
}
._1FlwN > * {
  margin: 0 25px 25px 0;
}

._210P8 > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 1024px) {
  /* .flexContainer {
    padding: 20px 0;
    width: 921px;
  } */
  .cwIgQ {
    max-width: 921px;
  }
  ._210P8 > div {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  ._2HjUy {
    margin-right: 8px;
  }
  ._1FlwN {
    padding: 30px 0;
  }
}

@media screen and (min-width: 1280px) {
  .cwIgQ {
    max-width: 1150px;
  }
}
._3SXym {
  max-width: 100%;
  padding-left: 20px;
  border-left: 1px solid #baa57e;
}
._3SXym > p {
  display: block;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  ._3SXym {
    max-width: 622px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1jL4B {
  max-width: 1160px;
  margin: auto;
  padding: 0 20px;
}

._12mQ3 {
  margin-top: 30px;
  max-height: 190px;
}
._16V8L {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
._2sFtG {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
  margin-top: 30px;
  max-height: 190px;
}

._2lyBK {
  margin-top: 20px;
}
._2lyBK > *:last-child {
  margin-top: 10px;
}

._1uNDJ {
  margin-top: 30px;
}
._1uNDJ > *:last-child {
  margin-top: 10px;
}

._2jn_b {
  margin-top: 30px;
  max-width: 350px;
}

.tT3m2 {
  margin-top: 30px;
  width: 100%;
}

._25rwd {
  margin-top: 30px;
  margin-bottom: 60px;
}
._25rwd > *:not(:first-child) {
  margin-top: 30px;
}

._1qSpo > *:first-child {
  -ms-flex: 3;
      flex: 3;
}

.Fq-eP {
  width: 48px;
  height: 48px;
  margin: 10px;
}

.X2bo8 {
  list-style: none;
  padding: 0;
}

.X2bo8 li {
  font-weight: 400;
  font-size: 14px;
  line-height: 140.62%;
  text-align: center;
  color: #505050;
  margin: 4px;
}

.X2bo8 li::after {
  content: '\2014\A0';
  color: #191919;
}

.X2bo8 li:last-child::after {
  content: '';
}

._2YDQ0 a {
  font-size: 11px;
  line-height: 140.62%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #505050;
  cursor: pointer;
}

.Zu1gt {
  position: absolute;
  top: 0;
  background: rgba(186, 165, 126, 1);
  min-height: 45px;
  width: 100%;
  text-align: center;
  z-index: 1;
  display: none;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140.62%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #191919;
}

._1kJ4H {
  text-align: center;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 1px solid #baa57e;
  box-sizing: border-box;
  padding: 19px;
}

._1kJ4H h1 {
  margin-top: 74px;
  margin-bottom: 40px;
}

._1kJ4H .Fq-eP {
  width: 80px;
  height: 80px;
}

._1kJ4H .X2bo8 {
  margin-top: 20px;
}

._3QrSN iframe {
  width: 75vw;
  height: 50vw;
  max-height: 80vh;
}

._3a-hx {
  max-width: 80vw;
  max-height: 80vh;
}

._14xgu {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 10px 20px;
}

._14xgu:before,
._14xgu:after {
  position: absolute;
  content: ' ';
  height: 20px;
  width: 1px;
  background-color: #505050;
}

._14xgu:before {
  transform: rotate(45deg);
}

._14xgu:after {
  transform: rotate(-45deg);
}

._30W4L {
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
}
._2Kr9a {
  margin-top: 10px !important;
  margin-bottom: 10px;
}

._23d2y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 30px;
}

.gV8bf {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.ZFzvY {
  max-width: 100px;
  padding: 8px 30px;
}

._1fYxc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._3aZx- {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.CTd4F {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: +1;
  width: 100%;
  max-width: 600px;
  overflow: auto;
  background-color: #fefefe;
  padding: 20px;
  gap: 20px;
}

._2E1f7 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1;
  width: 100%;
  height: 18px;
  max-width: 350px;
  margin: auto;
}
._3OZL5 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 18px;
  height: 18px;
}

._3JbPe {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 350px;
  margin: auto;
}

._3JbPe from {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._3JbPe label {
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}

._3JbPe input {
  height: 45px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #b2b2b2;
  background: #fff;
  padding: 10px;
}

._2P6MQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  gap: 10px;
}

._2P6MQ button:hover {
  opacity: 0.7;
}
._9lT2f {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background: #baa57e;
  border: none;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  cursor: pointer;
}

._1nxcW {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #505050;
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  cursor: pointer;
}

._1Y9S5 {
  display: none;
}

@media screen and (min-width: 1024px) {
  ._12mQ3 {
    margin-top: 50px;
    max-height: 400px;
  }

  ._2sFtG {
    margin-top: 50px;
    max-height: 400px;
  }

  ._2lyBK {
    margin-top: 30px;
  }
  ._1qSpo > *:first-child {
    -ms-flex: 3.3;
        flex: 3.3;
    padding-right: 10%;
    position: relative;
  }
  ._1qSpo > *:last-child {
    margin-top: 60px;
  }
  ._1qSpo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .tT3m2 {
    margin-top: 30px;
    -ms-flex: 1;
        flex: 1;
  }

  ._3XdA3 {
    position: absolute;
    right: 52px;
  }
}
._MvsS {
  background-color: #f9f7f3;
  padding: 20px 0 20px 30px;
  position: relative;
  border-radius: 10px;
}

._48--5 {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px !important;
  height: 24px !important;
}

.bmxdL {
  margin-top: 10px;
}

.bmxdL > small {
  display: block;
}
._25M-O {
  padding-left: 17px;
  border-left: 3px solid #baa57e;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

._25M-O > *:not(:first-child) {
  margin-top: 20px;
}

.Xl9ld {
  display: -ms-flexbox;
  display: flex;
}
.Xl9ld > *:last-child {
  margin-left: 10px;
}

._17Dpx > small {
  display: block;
}
._17Dpx > *:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

._1BxKB {
  margin-left: 5px;
}

.uJn0p {
  margin-top: 5px;
}

._1nWSa > *:not(:first-child) {
  margin-top: 10px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2xuA3 {
  position: relative;
  top: 50px;
  left: 0;
  width: 100%;
  height: 1px;
}

._2hIoN {
  margin: 0 auto;
  margin-top: 70px;
  max-width: 600px;
}

.CUQ2m {
  margin-top: 70px;
}

.Z1Cgs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1;
  width: 100%;
  height: 50px;
  background-color: #fefefe;
}

.BN42O {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 16px;
  height: 16px;
}

._267ao {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 40px;
  -ms-flex-align: left;
      align-items: left;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 600px;
}

._2cqTZ {
  margin-top: 30px;
}

.OrkTN {
  margin: 30px auto;
}

._1faQO {
  padding: 30px 20px 0px 20px;
}

@media screen and (min-width: 800px) {
  .Z1Cgs {
    height: 100px;
  }

  .BN42O {
    top: 30px;
    right: 40px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  ._267ao {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto;
    padding: 0;
    max-width: 921px;
    margin-top: 20px;
  }

  ._2hIoN {
    display: none;
    margin: 0px;
  }

  .Kz6LL {
    display: inline !important;
  }

  ._1faQO {
    max-width: 921px;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
  }
}

@media screen and (min-width: 1280px) {
  ._267ao {
    max-width: 1150px;
  }

  .OrkTN {
    max-width: 1150px;
    margin: 70px auto;
  }

  ._1faQO {
    max-width: 1150px;
  }
}

@media screen and (max-width: 640px) {
  ._2xuA3 {
    top: -250px;
  }

  ._267ao,
  .OrkTN {
    padding: 0 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._26unU {
  background-color: #fff;
}
.kePZ4 {
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 64.5px;
  max-width: 600px;
}
._3jIak {
  margin-top: 30px;
}
.VRl_3 h5 {
  margin-top: 15px;
}

._1Bbhl {
  margin-bottom: 31px;
  max-width: 446px;
}
._1Bbhl p {
  margin-top: 30px;
}

._2wrFK {
  margin-bottom: 30px;
}

._3rkCn{
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

._2cQMv{
  margin-top: 60px;
}



@media screen and (min-width: 1024px) {
  ._3jIak {
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  ._1Bbhl {
    margin: 0;
  }
  .kePZ4 {
    padding: 0;
    max-width: 921px;
  }

}

@media screen and (min-width: 1280px) {
  .kePZ4 {
    max-width: 1150px;
  }
  ._1Bbhl {
    max-width: 631px;
  }
  ._1BIJm {
    margin-top: 70px;
  }

}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2mhr0 {
  position: absolute !important;
  inset: 40px !important;
  border: 0px;
  background-color: #f6f6f6 !important;
  overflow: auto !important;
  border-radius: 0px;
  outline: none;
  padding: 30px;
  margin: 0 auto;
  max-width: 601px;
  width: 100%;
}

._2mhr0::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

._2mhr0 {
  overflow: -moz-scrollbars-none;
  /* Firefox */
}

.WRoOI {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  background-color: #f6f6f6;
  background-color: pink;
}

._2gz1T {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}

._2gz1T:hover {
  opacity: 1;
}

._2SIQ1 {
  text-align: center;
}

._1v388 {
  margin-top: 11px !important;
  margin-bottom: 60px !important;
}

.p8H34 {
  background-color: white;
  display: grid;
  grid-template-columns: 40% auto;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

._2uTb9 {
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

._2uTb9 ul {
  margin-top: 15px;
  list-style: none;
}

._1N6gJ {
  height: 33px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 15px;
  background-color: transparent;
  border: none;
  /* justify-content: space-between; */
}

._3dX-A {
  -ms-flex-item-align: end;
      align-self: end;
}

._2u0N4 {
  -ms-flex-item-align: end;
      align-self: end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 10px;
}

._3lYw3 {
  display: -ms-flexbox;
  display: flex;
}

._2yDrg {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}

._2yDrg * {
  font-style: italic !important;
}

.p8H34 ul {
  list-style: none;
}

.p8H34 ul li::before {
  content: '\2022';
  color: #baa57e;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: end;
      align-items: end;
  -ms-flex-pack: center;
      justify-content: center;
  width: 4px;
  height: 4px;
  margin: 0px 8px;
  margin-left: -1em;
}

@media screen and (max-width: 640px) {
  ._2mhr0 {
    max-width: 100vw;
    inset: 0px !important;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1jSWh {
  background-color: #fff;
}

.J0pz6 {
  padding: 0 20px;
  max-width: 600px;
  margin: 0 auto;
}

._1DPJ6 {
  margin-top: 30px;
}

._1BehA h5 {
  margin-top: 15px;
}

._1fiBK {
  display: inline-block;
}

._37_LI {
  margin-left: 30px;
}

.e2_gK {
  display: -ms-flexbox;
  display: flex;
}

._3h81F {
  margin-left: 30px;
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  ._1DPJ6 {
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._1GYJl {
    margin: 0;
  }
}

@media screen and (min-width: 1280px) {
  .J0pz6 {
    max-width: 1150px;
  }

  ._1GYJl {
    max-width: 631px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

/* with logo */
._2_tVY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  background-color: #f6f6f6;
  border-radius: 10px;
}
._3Jghy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 10px;
}
._3yjwN {
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
}
._3yjwN img {
  height: 80px;
  width: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
._1p5yD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 20px;
  width: 352px;
}

/* without logo */
._3Wakq {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
  background-color: #f6f6f6;
  border-radius: 10px;
}
._190Sj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

._2blMX {
  text-align: end;
}

@media screen and (max-width: 422px) {
  ._2_tVY {
    width: 100%;
  }
  ._3Wakq {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  ._2_tVY {
    width: 352px;
  }
}

@media screen and (min-width: 1280px) {
  /* without logo */
  ._3Wakq {
    width: 352px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3YGOB {
  padding: 20px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 10px;
}

._34p6h {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px;
}
._34p6h path {
  fill: rgba(186, 165, 126, 1) !important;
}

.bXRJB {
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  ._3YGOB {
    width: 382px;
    padding: 30px;
  }
}
@media screen and (min-width: 1280px) {
  ._3YGOB {
    max-width: 1150px;
  }
}
._2B1LY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 6px;
}

._2B1LY li {
  display: -ms-flexbox;
  display: flex;

  gap: 14px;
  list-style: none;
  text-align: left;
}

._2B1LY li::before {
  content: url(/assets/Ellipse.ca5073a5c5177e71b7434b16c3bf7418.svg);
}

._2B1LY p {
  display: inline;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3uHvn h1 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.1px;
  margin: 0 auto;
  width: 1280px;
  padding: 49px 64px 30px;
}

._2hFbB {
  width: 100%;
  height: 435px;
}

@media screen and (max-width: 640px) {
  ._3uHvn h1 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._2Fq1E,
._1K0be,
._2OKgi,
._3vwZV {
  margin-top: 30px;
  background-color: rgba(25, 25, 25, 1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 30px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._3Unor {
  background-color: #fff;
  margin-top: 30px;
}

.akeq3 {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: -0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 30px;
}

._2a_6J {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 30px;
}

._1uIRc {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}

._1uIRc button {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._8Gxwo {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  gap: 10px;
  -ms-flex: 2;
      flex: 2;
}

._2BC29 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 600px;
}

._3vwZV {
  color: rgba(255, 255, 255, 1);
  padding-bottom: 64px;
}

._3vwZV p {
  margin: 0;
  text-align: center;
  line-height: 1.5;
}

._20mz- {
  margin-top: 20px !important;
}

._2Fq1E {
  color: rgba(186, 165, 126, 1);
}

._2OKgi {
  color: rgba(255, 255, 255, 1);
}

._2OKgi p {
  width: 320px;
  line-height: 1.5;
  text-align: center;
}

._3wpqx {
  padding: 40px 0;
}

._3wpqx:not(:last-child) {
  border-bottom: 1px solid rgba(55, 55, 55, 1);
}

._1mamj {
  padding: 0 64px;
  width: 1280px;
  margin: 0 auto;
}

._1mamj button {
  color: rgba(25, 25, 25, 1) !important;
}

._2_Sv7 {
  margin-top: 16px;
  text-align: center;
}

._2wEy5 {
  margin-top: 16px;
  text-align: center;
}

._2dvuX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-order: 2;
      order: 2;
}

._2dvuX > div {
  margin-right: 0;
}

._1upuj {
  margin-top: 16px;
  margin-left: 100px;
  text-align: center;
}

._391gg {
  color: rgba(183, 22, 16, 1);
  text-align: center;
  padding-bottom: 18px;
}

._19ozB {
  margin-bottom: 10px;
}

._19ozB div {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
}

._365RW {
  width: 100px;
}

._19ozB div input {
  padding: 10px;
}

._1lk9X {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding: 0 64px;
  padding-top: 31px;
  width: 1280px;
  margin: 0 auto;
}

._2r51D:not(:last-of-type) {
  padding: 30px 0;
  border-bottom: 1px solid rgba(178, 178, 178, 1);
}

._2r51D:first-of-type {
  padding-top: 0;
}

._2r51D:last-of-type {
  padding-top: 30px;
  padding-bottom: 0;
}

._3ZV9w {
  margin-bottom: 30px;
}

.CS9oX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
  max-width: 921px;
}

@media screen and (max-width: 640px) {
  ._1mamj {
    padding: 0 16px;
    width: 100%;
  }

  ._1lk9X {
    width: 100%;
    padding: 0 16px;
    padding-top: 31px;
  }

  ._2a_6J {
    padding: 8px 30px;
  }

  ._1uIRc > * {
    height: 26px;
  }

  ._3qR-k {
    display: none !important;
  }

  .CS9oX > div {
    padding: 30px 20px 0px 20px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  ._3qR-k {
    display: none !important;
  }

  .CS9oX {
    padding: 20px 20px;
  }
}

@media screen and (min-width: 1024px) {
  ._2BC29 {
    max-width: 921px;
    padding: 35px 0;
  }

  .akeq3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }

  .akeq3 > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  ._1uIRc button {
    -ms-flex: none;
        flex: none;
  }

  ._8Gxwo {
    -ms-flex: none;
        flex: none;
  }

  ._1uIRc {
    width: auto;
  }

  .CS9oX {
    padding: 20px 0px 0px 0px;
  }
}

@media screen and (min-width: 1280px) {
  ._2BC29 {
    max-width: 1150px;
  }

  .CS9oX {
    max-width: 1150px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._1YXCj {
  margin-bottom: 30px;
}
._1eh5n iframe {
  width: 75vw;
  height: 50vw;
  max-height: 80vh;
}

.V3f1I {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 10px 20px;
}

.V3f1I:before,
.V3f1I:after {
  position: absolute;
  content: ' ';
  height: 20px;
  width: 1px;
  background-color: #505050;
}

.V3f1I:before {
  transform: rotate(45deg);
}

.V3f1I:after {
  transform: rotate(-45deg);
}
._3H2pH {
  max-width: 80vw;
  max-height: 80vh;
}
._1mAH1 {
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
}
.EuGDC {
  cursor: pointer;
  text-decoration: underline;
}
._2qR8V {
  width: 100%;
  height: 191px;
  -o-object-fit: cover;
     object-fit: cover;
}

._29sWp,
._2qR8V {
  margin-bottom: 20px;
}

._2mDKw {
  display: block;
}
._29sWp > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
._29sWp,
._29sWp > div:not(:first-child) {
  margin-top: 25px;
}
._29sWp > div > *:last-child {
  margin-left: 15px;
}

._29sWp > div * {
  line-height: 100%;
}

.y0POs {
  position: relative;
}

.ctYSu {
  position: absolute;
  top: 13px;
  left: 11px;
  gap: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._1utAM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}

._3cnR7 {
  -ms-flex-align: start !important;
      align-items: flex-start !important;
}

.dzH4H {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.dzH4H > * {
  margin-top: 4px;
}

._15Zy- {
  padding: 4px 10px;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  ._30hwn {
    -ms-flex: 1;
        flex: 1;
  }
  ._3Dy5H {
    display: -ms-flexbox;
    display: flex;
  }
  ._2qR8V {
    width: 349px;
    height: 196px;
    margin-bottom: 0;
    margin-right: 30px;
  }
  ._29sWp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 0;
  }
  ._2mDKw {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1280px) {
  ._2qR8V {
    width: 445px;
    height: 250px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1gEEC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

._1LIFx {
  padding: 8px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 640px) {
  ._1gEEC button {
    max-width: 180px;
    height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  ._1gEEC {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
  }

  ._1gEEC button {
    -ms-flex: none;
        flex: none;
  }
}
._2Joem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._1Mvbn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

._1Mvbn h5 {
  font-weight: 600;
}

._304wK {
  width: 20px;
  height: 20px;
  position: absolute;
  top: auto;
  right: 20px;
}

@media screen and (min-width: 1024px) {
  ._304wK {
    right: 82px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.xiG72 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 30px;
}

._2haHS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
}

._1NkYq {
  gap: 16px;
}

._2SheM {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

._2SheM a {
  color: rgba(80, 80, 80, 1);
}

._3SARe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

._3RcVB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
}

._3FxZH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  padding-top: 30px;
  border-top: 1px solid #baa57e;
}

._2HaZo {
  width: 194px;
}

._2HaZo p {
  font-weight: 500;
}

@media screen and (max-width: 640px) {
  .xiG72 {
    margin-top: 20px;
  }

  ._3FxZH {
    gap: 20px;
    padding-top: 20px;
  }

  ._2SheM {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0px;
  }

  ._3SARe {
    margin-top: 8px;
  }

  ._3FxZH:first-child ._2SheM:first-child ._3SARe {
    margin-top: 0;
  }

  ._2haHS {
    gap: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._30Q9C {
  padding: 20px;
  background-color: rgba(232, 222, 202, 1);
  text-align: center;
  max-width: 380px;
  margin: 60px auto;
}

._1R5Io {
  margin: 24px 0 30px 0;
}

._31hSy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  text-align: left;
  margin-bottom: 20px;
}

._31hSy button {
  width: 20px;
  height: 20px;
}

._31hSy button::before,
._31hSy button::after {
  width: 9px;
}

._1mIo6 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._13_19 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}

._13_19 select {
  width: 100%;
  height: auto;
  padding: 13px;
  outline: none;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

._13_19 select:focus {
  outline: none;
  border-color: #0077ff;
  box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}

._57Vn4 {
  width: 160px;
  height: auto;
  padding: 13px;
  outline: none;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.RdhZJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

._-cMfP {
  margin-bottom: 30px;
}

._3IKoL {
  -ms-flex-item-align: end;
      align-self: flex-end;
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 5px;
  width: auto !important;
  height: auto !important;
}
._1ShMc {
  padding: 30px 20px;
}

._3MoQO {
  max-width: 831px;
  margin: 0 auto;
  border: 1px solid #000;
  text-align: center;
  padding: 30px 20px;
}

._3LYQH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0px;
  z-index: 999999;
}

.YUU2I button {
  max-width: 335px;
  margin: 0 auto;
}

._3MoQO > *:not(:last-child) {
  margin-bottom: 20px;
}

.YUU2I {
  max-width: 772px;
  margin: 75px auto;
  text-align: center;
}

.YUU2I h4 {
  margin-bottom: 22px;
}

.YUU2I ._3NVvh {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  ._1ShMc {
    padding: 70px 20px 60px 20px;
  }
}
._25NyG {
  background-color: #fff;
}

._3zQFk {
  padding: 40px 0 33px 20px;
  margin: 0 auto;
}
._3Lhu3 {
  position: relative;
  margin-top: 14px;
  width: 100%;
}
._3Lhu3 img {
  margin-bottom: 20px;
  width: 255px;
  height: 145px;
  -o-object-fit: cover;
     object-fit: cover;
}

._3Lhu3 a {
  color: inherit;
}

._1uVzU {
  cursor: pointer;
}

._11gBl {
  max-width: 255px;
}

@media screen and (min-width: 1024px) {
  ._3zQFk {
    max-width: 921px;
    padding: 60px 0;
  }

  ._3Lhu3 {
    margin-top: 25px;
  }

  ._3Lhu3 img {
    width: 220px;
  }
}
@media screen and (min-width: 1280px) {
  ._3zQFk {
    max-width: 1150px;
  }

  ._3Lhu3 img {
    width: 255px;
  }
}
._195xA > div > div > div {
  margin-right: 18px;
  width: 255px;
}
._2HgSJ {
  display: none;
}

@media screen and (min-width: 1024px) {
  ._195xA > div > div > div {
    margin-right: 0;
    width: 100%;
  }

  ._2HgSJ {
    margin-right: -10px;
    position: absolute;
    top: -50px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  ._2HgSJ > * {
    margin-right: 10px;
  }
}
._1IN6S {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 30px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  background: #191919;
}

._1IN6S button {
  padding: 8px 30px;
}

._15NTl {
  width: 314px;
}

._15NTl a {
  color: #fff !important;
  text-decoration: underline;
}

._2OtZF {
  margin: 16px 0;
}

._3YPcU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 16px;
}

@media screen and (min-width: 1024px) {
  ._1IN6S {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 30px 20px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    gap: 64px;
    background: #191919;
  }

  ._1IN6S button {
    padding: 12px 72px;
  }

  ._3YPcU {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 0;
    gap: 64px;
  }
}
._1BkQO {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 64px;
}

.uFt9Z {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 16px 0;
}

@media screen and (min-width: 1024px) {
  ._1BkQO {
    gap: 64px;
  }
}
.BGwdw {
  width: 58px;
  height: 1px;
  background: #b2b2b2;
}

.BGwdw {
  display: none; /* Hide all divisoryLine elements */
}

.BGwdw:first-of-type {
  display: block; /* Show only the first divisoryLine element */
}

@media screen and (min-width: 1024px) {
  .BGwdw {
    width: 1px;
    height: 58px;
    background: #b2b2b2;
  }

  .BGwdw {
    display: block;
  }
}
._1cAUS {
  background: #191919;
  margin: 0 0 150px;
  padding: 40px 20px 0;
  text-align: center;
}

._1cAUS h4 {
  font-size: 20px;
  max-width: 980px;
  margin: 0 auto;
}

._1cSWt img {
  margin-bottom: 10px;
}

._3QshV {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  margin: -30px auto 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  bottom: -70px;
}

._3QshV li {
  margin: 0 5px;
  -ms-flex: 1;
      flex: 1;
}

/* fallback for aspect-ratio support */
._3QshV li a {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 100%;
}

._3QshV img {
  max-width: 100%;
  display: block;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;  /* fallback for aspect-ratio support */
  top: 0; /* fallback for aspect-ratio support */
}

@media only screen and (max-width: 640px) {
  ._3QshV {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ._3QshV li {
    margin: 0;
    padding: 2px;
    width: 50%;
    -ms-flex: auto;
        flex: auto;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3WjGD {
  border: 1px solid rgba(186, 165, 126, 1);
  border-radius: 10px;
  padding: 20px 30px;
}

._3VHM7 {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

._2mscJ {
  position: relative;
}

._3F1k1 {
  max-width: 850px;
}

.Lw4_d {
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: underline;
  width: 80px;
  font-weight: 600;
}

._1xPBq {
  margin-top: 30px;
}

._3WjGD p {
  white-space: pre-wrap;
}

@media screen and (max-width: 640px) {
  ._3WjGD {
    padding: 20px 12px 14px 12px;
  }

  ._3VHM7 {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  ._3F1k1 {
    margin: 20px 0;
  }

  .Lw4_d {
    position: unset;
    margin-top: 16px;
    display: block;
  }

  ._1xPBq {
    margin-top: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.NHTMa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 14px;
}

._3Ejq6 {
  padding: 2px 10px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 600;
  -ms-flex: inherit;
      flex: inherit;
}

._3pENw,
._2KAOA {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

._2KAOA span {
  font-weight: 600;
  color: rgba(186, 165, 126, 1);
}

._5euPs {
  fill: white;
}

.ZPaFf {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}

._1zGfS {
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -ms-flex-align: center;
      align-items: center;
}


@media screen and (max-width: 640px) {
  .NHTMa {
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%;
  }

  .ZPaFf {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._1zGfS {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 10px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
._1_aoV {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: #f9f7f3;
  opacity: 0.5;
  top: 50%;
  z-index: 10;
}

._1_aoV::before {
  content: '';
}

._1_aoV:hover {
  background-color: #f9f7f3;
  cursor: pointer;
  opacity: 1;
}

._24LqT {
  right: 20px;
}

._2LNdZ {
  left: 10px;
}
._2LNdZ svg {
  transform: rotate(180deg);
}

._2vqEi {
  display: none;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1NOUN {
  width: 100%;
  height: 210px;
}

._1NOUN:hover {
  cursor: pointer;
  opacity: 0.8;
  border-radius: 4px;
  transform: scale(1.02) translateY(-1px);
  transition: all 0.2s ease-in-out;
}

._3SHqN {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 640px) {
  ._1NOUN {
    width: 100%;
    height: 140px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.Jx-vK [class~='slick-slide'] {
  padding: 5px;
}

.Jx-vK [class~='slick-slide']:first-child {
  padding-left: 0px;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._200Ax {
  display: grid;
  grid-template-columns: 200px 1fr;
  -moz-column-gap: 70px;
       column-gap: 70px;
  row-gap: 20px;
  max-width: 900px;
}

._35pZD {
  padding: 10px 14px;
  border-radius: 10px;
  -moz-column-gap: 56px;
       column-gap: 56px;
  background-color: #F6F0E5;
}

@media screen and (max-width: 640px) {
  ._200Ax {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3B896 {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important;
  -ms-flex-align: center;
      align-items: center;
}

._3B896 p {
  font-size: 12px;
  width: 70px;
  text-decoration: underline;
}

._3B896 button {
  display: none;
}

._3XDKO {
  margin-top: 0px;
}

._3XDKO::-webkit-scrollbar {
  display: none;
}

.ZQwxw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  ._3B896 {
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
  }

  .ZQwxw {
    margin-top: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.N-L6L {
  margin-top: 20px;
}

.JgLjL {
  display: grid;
  grid-template-columns: 200px 1fr;
  -moz-column-gap: 70px;
       column-gap: 70px;
  row-gap: 20px;
  max-width: 900px;
}

.fvB2e span {
  margin: 5px;
}

@media screen and (max-width: 640px) {
  .JgLjL {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
._1GAj6 {
  text-decoration: underline;
  width: 80px;
  font-weight: 600;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
.HeDZo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
}

._16J2W {
  width: auto;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(80, 80, 80, 1);
  padding: 8px 30px;
  border-radius: 5px;
  font-weight: 600;
  border: 1px solid rgba(80, 80, 80, 1);
}

/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1ITk- {
  margin-top: 14px;
}

._31dxQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

._1-cSI {
  display: -ms-flexbox;
  display: flex;
  padding: 14px 20px;
  -ms-flex-align: center;
      align-items: center;
  gap: 28px;
  border: none;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
._3ndkK,
._3ndkK > div:first-child,
._3ndkK > div:last-child > div {
  width: 28px !important;
  height: 28px !important;
}

._2QPTL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 640px) {
  ._-JKpl {
    font-size: 18px;
    font-weight: 600;
  }

  ._31dxQ {
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 20px;
  }

  ._1-cSI {
    padding: 0px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._3ndkK,
  ._3ndkK > div:first-child,
  ._3ndkK > div:last-child > div {
    width: 24px !important;
    height: 24px !important;
  }
  ._2QPTL {
    gap: 20px;
    margin-top: 20px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._3P-uh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

._3P-uh::-webkit-scrollbar {
  display: none;
}

._1Upvg {
  width: 100%;
  height: 300px;
}

._1Upvg:hover,
._1Upvg:focus {
  cursor: pointer;
  opacity: 0.8;
  border-radius: 4px;
  transform: scale(1.02) translateY(-1px);
  transition: all 0.2s ease-in-out;
}

._1EIXy {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 640px) {
  ._3P-uh {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 60px;
  }

  ._1Upvg {
    height: 200px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

.xNPFA {
  padding: 30px;
  position: relative;
}

.xNPFA::-webkit-scrollbar {
  display: none;
}

._30VPE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 35px;
  position: relative;
}

.uGZIt {
  cursor: pointer;
}

.uGZIt > svg {
  width: 16px;
  height: 16px;
}

.uGZIt:hover {
  opacity: 0.8;
}

.i7ejW {
  max-width: 85%;
  width: 100%;
  margin: auto;
  aspect-ratio: 16 / 9;
  height: 70vh !important;
}

.i7ejW:hover {
  transform: scale(1) translateY(0px);
  transition: opacity 0.2s ease-in-out;
}

._24l6Q {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 20px 0px 20px;
  gap: 14px;
}

.rHaV1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 14px;
  background: linear-gradient(0deg, #fff 88%, rgba(255, 255, 255, 0) 100%);
}

._2mFl6 {
  margin: 0 auto;
  max-width: 830px;
  text-align: center;
  font-size: 18px;
}

._1uHie > div > p:first-child {
  font-size: 18px;
}

._1uHie > div > div {
  font-size: 14px;
}

.Tr0qL {
  padding: 8px 30px;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
}

.Tr0qL:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

._1Jk_8 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

._2k-H7 {
  cursor: pointer;
  width: 15px !important;
  height: 15px !important;
}

._3Ydg4 {
  display: none;
}

.nWwBo [class~='slick-slide'] {
  padding: 0px;
}


@media screen and (max-width: 640px) {
  .xNPFA {
    padding: 0;
    z-index: 100;
  }

  ._30VPE {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 20px 14px;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0px;
    background: linear-gradient(
      180deg,
      #fff 68.5%,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .i7ejW {
    margin-top: 50px;
    max-width: unset;
    height: 68vh !important;
  }

  .Tr0qL {
    padding: 5px 20px;
  }

  ._1c6hT {
    display: block;
  }

  .rHaV1 {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 6px;
  }

  ._1uHie > div > p:first-child {
    font-size: 14px;
  }

  ._1uHie > div > div {
    font-size: 12px;
  }

  ._2mFl6 {
    text-align: left;
    width: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
  }

  ._1Jk_8 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
  }

  ._3Ydg4 {
    display: block;
  }

  .nWwBo [class~='slick-slide'] {
    padding: 0px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .i7ejW {
    height: 100%;
    max-height: 58vh !important;
  }
}
._1IV7J {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap:20px;
  overflow: hidden;
}

.x3yRj {
  width: 450px;
  margin: auto;
  height: 70vh;
  border-radius: 4px;
}

.x3yRj img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}._2zqpb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 1150px;
  padding: 20px;
}

._2ps3j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow-x: auto;
  gap: 10px;
  max-width: 100%;
  padding: 20px 0px 8px 0px;
}

._3rK1P {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #baa57e;
  padding: 16px;
  min-width: 310px;
  max-width: 312px;
  height: 324px;
}

@media screen and (min-width: 1024px) {
  ._2zqpb {
    max-width: 921px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    margin: 70px auto;
    padding: 0px;
  }

  ._3rK1P {
    height: 100%;
    max-width: 100%;
  }

  ._2ps3j {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    max-width: 650px;
    gap: 20px;
    padding: 0px;
  }
}

@media screen and (min-width: 1280px) {
  ._2zqpb {
    max-width: 1150px;
  }
}
._1P3s4 {
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
}

._1tVaU {
  padding: 0px 20px;
}

@media screen and (min-width: 1024px) {
  ._1P3s4 {
    max-width: 920px;
    padding: 40px 0px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ._1tVaU {
    padding: 0px;
  }
}

@media screen and (min-width: 1280px) {
  ._1P3s4 {
    max-width: 1150px;
  }
}
._35JXN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 30px 20px;
}

._2cdJw {
  max-width: 446px;
}

._2MEOO {
  max-width: 622px;
  white-space: pre-line;
}

.FtFTQ {
  width: 6.664px;
  height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #baa57e;
}

@media screen and (min-width: 1024px) {
  ._35JXN {
    max-width: 920px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 30px 0px;
  }

  ._26riE {
    display: inline;
  }
}

@media screen and (min-width: 1280px) {
  ._35JXN {
    max-width: 1150px;
  }

  ._2cdJw {
    max-width: 686px;
  }
}
._3izXn {
  margin: 30px 0;
}

ul._22iti {
  padding: 0;
  margin: 0;
}

.P9fhr {
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
}

li.P9fhr {
  display: -ms-flexbox;
  display: flex;
}

ul.w1rwV li {
  list-style: none;
}

.P9fhr small {
  width: 68px;
  margin-right: 18px;
}

@media screen and (min-width: 1024px) {
  ._3izXn {
    margin: 30px 0 0 0;
  }
}
._10p__ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 334px;
  margin: 30px 0;
}

@media screen and (min-width: 1024px) {
  ._10p__ {
    gap: 12px;
    margin: 40px 0 20px 0;
    width: auto;
  }
}
._1NUtl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 6px;
}

.ZEcwP {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url(/assets/GreyEllipse.67ebade6a3a5417943f78ff2e0b67d57.svg);
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  ._1NUtl {
    gap: 12px;
  }
}
._3eBAx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  ._22EA5 {
    font-size: 36px;
  }
}
.LYNHj {
  text-align: center;
  padding: 0 20px 30px 30px;
  margin-top: 30px;
}

._1MZxd {
  margin-bottom: 5px;
}

._1MZxd p:first-child {
  margin-bottom: 14px;
  text-align: center;
}

._3S-Ho {
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .LYNHj {
    text-align: left;
    padding: 0;
    margin-top: 70px;
  }

  ._3S-Ho {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
  }

  ._1MZxd p:first-child {
    margin-bottom: 20px;
    text-align: left;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/

._1EhQI {
  text-decoration: none;
}

._1EhQI ul {
  padding: 0 14px;
  margin-top: 20px;
  text-align: left;
}

.sm3ou {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 20px;
}

.sm3ou path {
  fill: rgba(186, 165, 126, 1) !important;
}

._2GUEu {
  text-decoration: none;
  text-align: left;
  margin: 0;
  padding: 0 13px;
  margin-top: 40px;
}

._1jGsB {
  margin-top: 6px;
  list-style-image: url(/assets/Ellipse.ca5073a5c5177e71b7434b16c3bf7418.svg);
  padding-left: 14px;
}

._1jGsB span {
  font-family: 'Avenir Next';
  font-size: 14px;
  line-height: 140%;
  font-weight: normal;
  color: #505050;
  position: relative;
  left: 10px;
}

@media screen and (min-width: 1024px) {
  ._1EhQI {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
  }
}
._3N-tv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 14px;
  margin-top: 30px;
}
._11pDj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: #f9f7f3;
  width: 100%;
}

._2qCyx {
  width: 100%;
  height: auto;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1024px) {
  ._11pDj {
    -ms-flex-direction: row;
        flex-direction: row;
    height: 250px;
  }

  ._2qCyx {
    width: 470px;
    height: 250px;
  }
}
._2CWc2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 6px;
  -ms-flex-align: center;
      align-items: center;
}
._1lNK1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px;
}

._14ut- {
  padding-bottom: 20px;
}

._3xIkr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 6px;
  margin-top: 6px;
}

@media screen and (min-width: 1024px) {
  ._1lNK1 {
    max-width: 620px;
    padding: 20px 0 20px 20px;
  }

  .hQTam {
    max-width: 486px;
  }
}
._2CT6h {
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 0px 20px;
}

.LGtan {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  gap: 10px;
  padding: 34px 16px;
  border-radius: 10px;
  background-color: #f6f0e5;
}

.LGtan h5 {
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  ._2CT6h {
    width: 638px;
    padding: 0;
    margin: 70px auto 30px auto;
  }

  .LGtan {
    padding: 32px 95px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._1ROiv {
  display: block;
}

._10H15 {
  color: rgba(180, 180, 180, 1);
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

._10H15 > *:first-child {
  margin-right: 8px;
  margin-left: -4px;
}

._23vnp {
  width: 1280px;
  margin: 0 auto;
  padding: 43px 64px;
}

._36naK {
  background: rgba(25, 25, 25, 1);
}

._1FjmE > h1 {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding: 0 64px;
  padding-top: 31px;
  width: 1280px;
  margin: 0 auto;
}
._3u7Wp {
  margin-top: 30px;
}

._1wstK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 30px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._1wstK p {
  text-align: center;
  color: rgb(255, 255, 255);
  width: 60%;
}

.nTPtE {
  margin-top: 70px;
}

._137gK {
  margin: 0 auto;
  margin-top: 70px;
  max-width: 600px;
}

._2vVgR {
  float: right;
  margin-top: 10px;
  text-align: end;
}

._3SCFg {
  max-width: 382px;
}

._2l7e4 {
  position: relative;
  width: 1110px;
  height: 306px;
}
._115Wj {
  position: relative;
  top: 50px;
  left: 0;
  width: 100%;
  height: 1px;
}

.HozxT {
  margin-top: 100px;
}

._1Dts9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
._3ZMgB {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
  margin-top: 30px;
  max-height: 190px;
}

._2spLY {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 40px;
  -ms-flex-align: left;
      align-items: left;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 45px;
  max-width: 600px;
}

.IdcOo {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1;
  width: 100%;
  height: 50px;
  background-color: #fefefe;
}
._3Ch_I {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 800px) {
  .IdcOo {
    height: 100px;
  }
  ._3Ch_I {
    top: 30px;
    right: 40px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  ._2spLY {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto;
    padding: 0;
    max-width: 921px;
    margin-top: 70px;
  }
  ._137gK {
    display: none;
    margin: 0px;
  }
}

@media screen and (min-width: 1280px) {
  .HozxT {
    margin-top: 55px;
  }

  ._3ZMgB {
    margin-top: 50px;
    max-height: 400px;
  }

  ._2spLY {
    max-width: 1150px;
  }
}

@media screen and (max-width: 640px) {
  ._10H15 {
    display: none;
  }
  ._23vnp {
    width: 100%;
    margin: 0 auto;
    padding: 43px 16px;
  }
  ._1FjmE > h1 {
    width: 100%;
    padding: 0 16px;
    padding-top: 31px;
  }
  ._115Wj {
    top: -250px;
  }

  ._2spLY {
    padding: 0 16px;
  }
}
._3Dn9I {
  padding: 30px 20px 0;
  margin: 0 auto;
  max-width: 1190px;
}

._3Dn9I h5 {
  margin-bottom: 20px;
}

.IWQho {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

._3Dn9I p {
  margin-left: 14px;
}

@media screen and (min-width: 1024px) {
  ._3Dn9I {
    padding: 50px 0px 0;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
._1yvYD {
  padding: 10px 40px;
}
._1Sae3 {
  display: -ms-flexbox;
  display: flex;
}
._1Sae3 > div:first-child {
  -ms-flex: 2;
      flex: 2;
  padding: 0px 160px 0px 0px;
}
._1Sae3 > div:last-child {
  padding: 20px;
  -ms-flex: 1;
      flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
._3h-pB {
  border: 1px solid rgba(178, 178, 178, 1);
}
._1Sae3 > div:last-child > div:last-child {
  margin-bottom: 0px;
}
.GNz7w {
  color: rgba(25, 25, 25, 1);
  font-family: Avenir Next;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 0em;
  margin-bottom: 30px;
  padding: 0 10px;
}
._2_9uI {
  font-family: Avenir Next;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0px;
  margin-top: 0px;
}
._29WGv {
  font-family: Avenir Next;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0px;
  margin-top: 20px;
  color: rgba(67, 68, 74, 1);
}
._22dMN {
  font-family: Avenir Next;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 20px;
  margin-top: 30px;
}
._22dMN._1s4XH {
  margin-top: 0px;
}
.B8FHX {
  font-family: Avenir Next;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 0em;
  margin: 30px 0;
}
._2oiXs {
  position: absolute;
  top: 20px;
  right: 20px;
}
._97jUJ {
  position: relative;
  margin: 0px;
}
.NqOvc {
  background: rgba(178, 178, 178, 1);
  border-color: rgba(178, 178, 178, 1);
}
._1jKav {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
._1jKav > div:first-child {
  display: -ms-flexbox;
  display: flex;
}
._1jKav label {
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: rgba(80, 80, 80, 1);
  margin-left: 10px;
}
.fxlkc {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  color: black;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.4s ease;
}
.fxlkc:hover {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  ._1yvYD {
    padding: 0px !important;
  }
  ._1Sae3 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  ._1Sae3 > div:first-child {
    padding: 0px 0px 0px 0px;
    width: 100% !important;
  }
  ._1Sae3 > div:last-child {
    width: 100% !important;
    margin-top: 20px;
    padding: 12px;
  }
  ._2IyU3 {
    margin-bottom: 15px;
  }
  .GNz7w {
    font-size: 18px;
  }
  ._2_9uI {
    font-size: 18px;
  }
  ._29WGv {
    font-size: 16px;
  }
  ._22dMN {
    font-size: 12px;
  }
  ._22dMN._1s4XH {
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) {
  .GNz7w {
    padding: 0px;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --xlarge-up screen and (min-width: 1665px);
@custom-media --xlarge-only screen and (min-width: 1665px);
@custom-media --retina screen and (min-resolution: 2dppx);
*/
/* Global styles */

* {
  box-sizing: border-box;
}

*:focus {
  outline: transparent !important;
  box-shadow: 0 0 0 0px #fff inset !important;
}

*:focus-visible {
  outline: transparent !important;
  box-shadow: 0 0 0 0px #fff inset !important;
}

a {
  color: rgba(7, 7, 7, 1);
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: currentColor;
}

html {
  font-size: 14px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, sans-serif;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(7, 7, 7, 1);
}

b,
strong {
  font-weight: 600;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(211, 211, 211, 1);
  font-weight: 400;
  opacity: 1;
  font-size: 12px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(211, 211, 211, 1);
  font-weight: 400;
  opacity: 1;
  font-size: 12px;
}

input::placeholder,
textarea::placeholder {
  color: rgba(211, 211, 211, 1);
  font-weight: 400;
  opacity: 1;
  font-size: 12px;
}

/* Modernizr */

.no-js .browserupgrade,
.no-flexbox .browserupgrade,
.no-boxsizing .browserupgrade,
.no-flexboxlegacy .browserupgrade,
.no-es5 .browserupgrade {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999999999999;
}

/* IE10 and IE11 do this */

.flexboxtweener .browserupgrade {
  display: none !important;
}

.browserupgrade span a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 1);
}

.browserupgrade span {
  display: table;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
  border-radius: 0 0 3px 3px;
  background-color: rgba(183, 22, 16, 1);
  color: rgba(255, 255, 255, 1);
}

*:not(button):focus {
  outline: none;
  box-shadow: 0 0 0 1px #191919 inset;
}

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/17c55b27-e9ab-43cd-b948-d49f97480d68.4aa34418481763c4903723510e48b38c.eot?#iefix);
  src: url(/assets/17c55b27-e9ab-43cd-b948-d49f97480d68.4aa34418481763c4903723510e48b38c.eot?#iefix)
      format('eot'),
    url(/assets/2e3f5cb9-101f-46cf-a7b3-dfaa58261e03.943afa1155e8807288916b62f9beb83a.woff2)
      format('woff2'),
    url(/assets/fa19948e-5e38-4909-b31e-41acd170d6f2.9692840edf0f9a2a145c6d657b7a42e6.woff)
      format('woff'),
    url(/assets/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.d79292c6150051aa5bbb9dca101b3cc2.ttf)
      format('truetype'),
    url(/assets/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.841236c32e6a4cc77d9613d21ff16328.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78)
      format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/f55e4498-ad48-4577-93a0-c614de5cbbb8.e79917b5b38b728fec339158faaff8a7.eot?#iefix);
  src: url(/assets/f55e4498-ad48-4577-93a0-c614de5cbbb8.e79917b5b38b728fec339158faaff8a7.eot?#iefix)
      format('eot'),
    url(/assets/c78eb7af-a1c8-4892-974b-52379646fef4.4b1e6a63a33bce0ff8029da2c3e356b9.woff2)
      format('woff2'),
    url(/assets/75b36c58-2a02-4057-a537-09af0832ae46.ba786d65ffb89a4032db131c710f6ff2.woff)
      format('woff'),
    url(/assets/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.a7f5a69ebfd16498ea664492e4dc28dc.ttf)
      format('truetype'),
    url(/assets/93603a74-2be0-436c-83e1-68f9ef616eaf.d4ae1d9a6f17f99189c9115d056c930d.svg#93603a74-2be0-436c-83e1-68f9ef616eaf)
      format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/e9167238-3b3f-4813-a04a-a384394eed42.e1d3b592f63bc8e9c80e8f5d6c6111e9.eot?#iefix);
  src: url(/assets/e9167238-3b3f-4813-a04a-a384394eed42.e1d3b592f63bc8e9c80e8f5d6c6111e9.eot?#iefix)
      format('eot'),
    url(/assets/2cd55546-ec00-4af9-aeca-4a3cd186da53.457e94a5b665614917d1dc45a13d97b8.woff2)
      format('woff2'),
    url(/assets/1e9892c0-6927-4412-9874-1b82801ba47a.a17c827d23b2077f3be3824965774bba.woff)
      format('woff'),
    url(/assets/46cf1067-688d-4aab-b0f7-bd942af6efd8.7c6fbea20b5d03a764465cea64c89987.ttf)
      format('truetype'),
    url(/assets/52a192b1-bea5-4b48-879f-107f009b666f.c8f32e0c10b8af8949d253fdff2165f6.svg#52a192b1-bea5-4b48-879f-107f009b666f)
      format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/1a7c9181-cd24-4943-a9d9-d033189524e0.13be2b0b8c29bd0cec24ac1c6c0ccd12.eot?#iefix);
  src: url(/assets/1a7c9181-cd24-4943-a9d9-d033189524e0.13be2b0b8c29bd0cec24ac1c6c0ccd12.eot?#iefix)
      format('eot'),
    url(/assets/627fbb5a-3bae-4cd9-b617-2f923e29d55e.24932ad03d1891ed270a4ede16bdf03e.woff2)
      format('woff2'),
    url(/assets/f26faddb-86cc-4477-a253-1e1287684336.6b04d1656ab054b0e3feea2c2eb0355e.woff)
      format('woff'),
    url(/assets/63a74598-733c-4d0c-bd91-b01bffcd6e69.f828f3cec274290a7ff24cad74872b1f.ttf)
      format('truetype'),
    url(/assets/a89d6ad1-a04f-4a8f-b140-e55478dbea80.5a510be9cd7b06297e7f3869fa893760.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80)
      format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/dccb10af-07a2-404c-bfc7-7750e2716bc1.17aac528023dda621fefc33abf686b05.eot?#iefix);
  src: url(/assets/dccb10af-07a2-404c-bfc7-7750e2716bc1.17aac528023dda621fefc33abf686b05.eot?#iefix)
      format('eot'),
    url(/assets/14c73713-e4df-4dba-933b-057feeac8dd1.d8ee249af8ca02024e208e88ecb52990.woff2)
      format('woff2'),
    url(/assets/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.b8d9f485f998b3abda1ad560432f0552.woff)
      format('woff'),
    url(/assets/890bd988-5306-43ff-bd4b-922bc5ebdeb4.16071ef5fb4e8dcb32e2c03fa6b2dff3.ttf)
      format('truetype'),
    url(/assets/ed104d8c-7f39-4e8b-90a9-4076be06b857.1d82be51e0321333c0e4006ff674ac14.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857)
      format('svg');
  font-weight: 800;
  font-style: normal;
}

/* Demi Bold normal */

@font-face {
  font-family: 'Avenir Next';
  src: url(/assets/Avenir-Next-LT-W02-Demi.17be78ce0de197d1edb3412eec04bc7f.woff2)
      format('woff2'),
    url(/assets/Avenir-Next-LT-W02-Demi.2b0528edc05c61914727cf96759f5fe3.woff)
      format('woff');
  font-weight: 600;
  font-style: normal;
}

/* @font-face {
  font-family: "AvenirNext";
  src: url("../assets/fonts/AvenirNext/721275/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"), url("../assets/fonts/AvenirNext/721275/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "AvenirNext";
  src: url("../assets/fonts/AvenirNext/721263/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"), url("../assets/fonts/AvenirNext/721263/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff");
  font-weight: 400;
  font-style: normal;
} */

@font-face {
  font-family: 'Cormorant';
  src: url(/assets/cormorant-v10-latin-regular.bc06a9bb5a98d0bc707a1b2d397909d5.eot);
  src: local(''),
    url(/assets/cormorant-v10-latin-regular.bc06a9bb5a98d0bc707a1b2d397909d5.eot?#iefix)
      format('embedded-opentype'),
    url(/assets/cormorant-v10-latin-regular.3717c9e4e5d1779c51eb3f272745fbd2.woff2) format('woff2'),
    url(/assets/cormorant-v10-latin-regular.1343bbeec48f6f7130cfca833a8720e5.woff) format('woff'),
    url(/assets/cormorant-v10-latin-regular.1bf797044170dbac76144d50b8de25cc.ttf) format('truetype'),
    url(/assets/cormorant-v10-latin-regular.6ea740c777887c1f7c6cff4c6979aaaf.svg#Cormorant)
      format('svg');
}

@font-face {
  font-family: 'Cormorant';
  src: url(/assets/Cormorant-Bold.a10557e1fb8afc82022de0dcdee213db.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter_28pt-Regular.fc20e0880f7747bb39b85f2a0722b371.ttf);
  font-weight: 400;
  font-style: normal;
}