.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;
  transition: all 0.3s ease-out;
  overflow-y: auto;
}

._1cb0H {
  max-height: 1000px;
  transition: all 0.3s ease-in;
}

._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;
}

._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;
}

._3KXMS {
  padding: 12px 30px;
}

.rUYLp {
  padding: 10px 30px;
}
._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%;
}

.ETgH8 > ._2npvl,
._1tq49 > ._2npvl {
  gap: 0px;
}

.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;
}
._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;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --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 {
  padding: 20px 20px 30px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Ui30i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  padding-right: 10%;
}

._1T7_7 {
  display: block;
  width: 100%;
}

.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;
}

/* .rateFooter p {
  font-size: 11px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #191919;
  margin-top: 0;
  display: block;
} */

._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 {
  margin-bottom: 15px;
}

._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;
}

@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;
  }

  ._2t6TZ {
    position: absolute;
    top: 20px;
    margin-bottom: 20px;
  }

  ._1T7_7 {
    margin-top: 50px;
  }
}
._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;
}

@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;
}

._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%;
}

._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 {
  width: 273px;
  padding: 20px 15px;
  background: #ffffff;
  border: 1px solid #baa57e;
  border-radius: 10px;
  min-height: 184px;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
}

.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;
}
@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: 30px;
}

._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 {
  margin-top: 15px;
}

@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;
  }
}

@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;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --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;
}

._1jfpN {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-columns: auto auto;
}

._2DeLR {
  width: auto !important;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

._2DeLR :first-child {
  width: auto !important;
  border-radius: 0px !important;
}

._1Kqih {
  display: inherit;
}

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

._2y1Be {
  margin-bottom: 30px;
}

._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;
}

._8JJsI {
  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;
  }

  ._1jfpN {
    grid-template-columns: auto 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);
*/

._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;
}

._3w3WW,
._3o66U {
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

._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);
*/

._1BNwu {
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  gap: 55px;
}

.pawyZ {
  position: relative;
  max-width: 50%;
  /* max-height: 100%; */
  max-height: 900px;
}

.t2f5F {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._2cWOf {
  max-width: 520px;
  margin-top: 160px;
}

._1ugbH h2 {
  display: inline-block;
}

._3CqFY {
  margin-top: 20px;
}

._3CqFY > h5 {
  width: 100%;
  color: rgba(80, 80, 80, 1);
}


.Re1RB {
  margin-top: 80px;
  max-width: 350px;
}

._3sXlR {
  margin-top: 40px;
  width: 100%;
}

.zb-gH {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.bIkMd {
  position:fixed;
  background: white;
  width: 540px;
  height: 245px;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  padding: 20px;
}

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

.cObiI {
  cursor: pointer;
}

._2VnYr {
  width: 54px;
  height: 54px;
}


._2M13W {
  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;
}

._2M13W h4 {
  font-size: 24px !important;
}

._1Vl8K {
  margin-top: 5px;
  max-width: 350px;
}

@media screen and (max-width: 640px) {
  ._1BNwu {
    display: block;
  }
  ._1ugbH  {
    text-align: center;
  }
  ._1ugbH h2 {
    display: block;
  }

  ._3CqFY {
    margin-top: 30px;
    text-align: center;
  }

  ._2cWOf {
    margin: 30px 20px;
  }

  .pawyZ {
    max-width: 100%;
  }

  .t2f5F {
    height: 245px
  }

  .Re1RB {
    margin-top: 30px;
    width: 100%;
  }
  ._3sXlR {
    margin-top: 30px;
  }
  .bIkMd {
    width: 375px;
  }

  .zb-gH > div {
    width: 375px !important;
    height: 250px !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);
*/

.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);
*/

._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);
*/

._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;
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --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;
  }
}
._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;
}
._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;
  }
}
/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --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;
}

.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;
}

.hoOaO ._367Gx {
  -ms-flex: 0.1;
      flex: 0.1;
}
.hoOaO ._3fiek {
  -ms-flex: 1;
      flex: 1;
}

@media only screen and (max-width: 380px) {
  .QrOdF {
    padding: 2px;
  }
}

@media only screen and (min-width: 640px) {
  ._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;
}
._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;
}/* Unfortunately, vars are not supported in custom media queries:
   https://github.com/cssnext/cssnext/issues/99
 */
/*
@custom-media --medium-up screen and (min-width: 1024px);
@custom-media --medium-only screen and (min-width: 1024px) and (max-width: 1199px);
@custom-media --large-up screen and (min-width: 1200px);
@custom-media --large-only screen and (min-width: 1200px) and (max-width: 1664px);
@custom-media --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;
  }
}
.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;
}

._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;
}

@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);
*/

._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;
  margin-top: 20px;
}

._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: relative;
  }

  ._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%;
  border-radius: 4;
  -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);
*/
.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 {
  width: 350px;
  margin: auto;
  height: 61vh !important;
  border-radius: 4px;
}


.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;
  }

  .i7ejW {
    width: 100%;
    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 {
    width: 350px;
    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;
}._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;
}