.header-wrapper {
  display: contents;
}
 
.header-thq-header-elm {
  flex: 0 0 auto;
  width: 100%;
  height: 68px;
  display: flex;
  z-index: 300;
  position: fixed;
  align-items: center;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-style: solid;
  border-width: 1px;
  margin-right: 0px;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-greyscale-white);
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-thq-navbar-interactive-elm {
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: row;
  padding-bottom: 0px;
  justify-content: space-between;
}
 
.header-navlink1 {
  display: contents;
}
 
.header-image10 {
  width: auto;
  height: 32px;
  object-fit: cover;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  text-decoration: none;
}
 
.header-thq-desktop-menu-elm {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
 
.header-thq-links-elm1 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.header-thq-dropdown1 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.header-thq-dropdown1:hover {
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-thq-dropdown-toggle-elm10 {
  gap: var(--dl-layout-space-halfunit);
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.header-text10 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  vertical-align: middle;
  text-decoration: none;
}
 
.header-thq-dropdown-list-elm1 {
  top: 40px;
  left: 0px;
  width: max-content;
  cursor: default;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
  list-style-position: inside;
}
 
.header-thq-dropdown-elm1 {
  width: 100%;
  cursor: default;
  display: block;
  min-height: 24px;
  background-color: rgba(255, 255, 255, 0.01);
}
 
.header-thq-dropdown-elm2 {
  gap: 12px;
  cursor: default;
  display: grid;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding-top: var(--dl-layout-space-oneandhalfunits);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  background-color: var(--dl-color-greyscale-white);
  grid-template-columns: 1fr 1fr;
}
 
.header-thq-dropdown-toggle-elm11 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm11:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image11 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container1 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text11 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text12 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-thq-dropdown-toggle-elm12 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm12:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image12 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container2 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text13 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text14 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-thq-dropdown-toggle-elm13 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm13:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image13 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container3 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text15 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text16 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-thq-dropdown-toggle-elm14 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm14:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image14 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container4 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text17 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text18 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-thq-dropdown-toggle-elm15 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm15:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image15 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container5 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text19 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text20 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-thq-dropdown-toggle-elm16 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-thq-dropdown-toggle-elm16:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-image16 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-container6 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-text21 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
}
 
.header-text22 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  max-width: auto;
  font-style: normal;
}
 
.header-button1 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-button1:hover {
  border-radius: var(--dl-layout-radius-buttonradius);
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-text23 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
}
 
.header-thq-buttons-elm1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.header-thq-dropdown2 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.header-thq-dropdown2:hover {
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-thq-dropdown-toggle-elm17 {
  gap: var(--dl-layout-space-halfunit);
  width: auto;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.header-image17 {
  width: 24px;
  object-fit: cover;
}
 
.header-text24 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  text-align: center;
  vertical-align: middle;
}
 
.header-thq-dropdown-list-elm2 {
  left: 0%;
  width: max-content;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  align-items: stretch;
  flex-direction: column;
  list-style-type: none;
  list-style-position: inside;
}
 
.header-thq-dropdown-elm3 {
  cursor: pointer;
  height: 24px;
  display: block;
  opacity: 1;
  position: relative;
  background-color: rgba(255, 255, 255, 0.01);
}
 
.header-thq-dropdown-elm4 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
 
.header-thq-dropdown-toggle-elm18 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  border-radius: 0px;
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-greyscale-white);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
 
.header-thq-dropdown-toggle-elm18:hover {
  border-radius: 0px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
 
.header-text25 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  width: 100%;
  cursor: pointer;
  display: flex;
  font-style: normal;
}
 
.header-image18 {
  width: 24px;
  object-fit: cover;
}
 
.header-thq-dropdown-elm5 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
 
.header-thq-dropdown-toggle-elm19 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  border-radius: var(--dl-layout-radius-radius4);
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-greyscale-white);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-thq-dropdown-toggle-elm19:hover {
  fill: #fff;
  color: #fff;
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-text26 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  width: 100%;
  cursor: pointer;
  display: flex;
  font-style: normal;
}
 
.header-button2 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-unit);
  padding-right: var(--dl-layout-space-unit);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-button2:hover {
  border: none;
  border-radius: var(--dl-layout-radius-buttonradius);
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-text27 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.header-button3 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  margin-left: var(--dl-layout-space-unit);
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  letter-spacing: 1%;
  padding-bottom: var(--dl-layout-space-halfunit);
  text-transform: none;
  text-decoration: none;
  background-color: #5b293e;
}
 
.header-button3:hover {
  background-color: #de4b4b;
}
 
.header-thq-burger-menu-elm {
  display: none;
}
 
.header-icon1 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.header-thq-mobile-menu-elm {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: 32px;
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
 
.header-thq-nav-elm {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-thq-top-elm {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.header-navlink2 {
  display: contents;
}
 
.header-image19 {
  width: auto;
  height: 32px;
  object-fit: cover;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  text-decoration: none;
}
 
.header-thq-close-menu-elm {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-icon3 {
  width: 32px;
  height: 32px;
}
 
.header-thq-links-elm2 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-accordion1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.header-thq-trigger-elm1 {
  cursor: pointer;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.header-thq-summary-elm1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-text28 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  font-weight: 600;
}
 
.header-thq-icon-container-elm1 {
  transition: transform 0.3s ease-in-out;
}
 
.header-icon5 {
  width: 24px;
  height: 24px;
}
 
.header-separator1 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-container7 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.header-navlink3 {
  display: contents;
}
 
.header-text29 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-navlink4 {
  display: contents;
}
 
.header-text30 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-navlink5 {
  display: contents;
}
 
.header-text31 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-navlink6 {
  display: contents;
}
 
.header-text32 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-navlink7 {
  display: contents;
}
 
.header-text33 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-navlink8 {
  display: contents;
}
 
.header-text34 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-separator2 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-text35 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0px;
}
 
.header-separator3 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-accordion2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.header-thq-trigger-elm2 {
  cursor: pointer;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.header-thq-summary-elm2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-container8 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
 
.header-image20 {
  width: 24px;
  object-fit: cover;
}
 
.header-text36 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  text-align: center;
  vertical-align: middle;
}
 
.header-thq-icon-container-elm2 {
  transition: transform 0.3s ease-in-out;
}
 
.header-icon7 {
  width: 24px;
  height: 24px;
}
 
.header-separator4 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-container9 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.header-text37 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
}
 
.header-text38 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
}
 
.header-separator5 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-thq-buttons-elm2 {
  width: 100%;
  display: flex;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.header-button4 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  border-color: var(--dl-color-primary-02purple);
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-text39 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.header-button5 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  margin-left: var(--dl-layout-space-unit);
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  letter-spacing: 1%;
  padding-bottom: var(--dl-layout-space-halfunit);
  text-transform: none;
  text-decoration: none;
  background-color: #5b293e;
}
 
.header-button5:hover {
  background-color: #de4b4b;
}
 
.exchange-rate-fragment18 {
  display: contents;
}
 
.exchange-rate-text108 {
  display: inline-block;
}
 
.exchange-rate-fragment17 {
  display: contents;
}
 
.exchange-rate-text107 {
  display: inline-block;
}
 
.exchange-rate-fragment11 {
  display: contents;
}
 
.exchange-rate-text101 {
  display: inline-block;
}
 
.exchange-rate-fragment16 {
  display: contents;
}
 
.exchange-rate-text106 {
  display: inline-block;
}
 
.exchange-rate-fragment15 {
  display: contents;
}
 
.exchange-rate-text105 {
  display: inline-block;
}
 
.exchange-rate-fragment13 {
  display: contents;
}
 
.exchange-rate-text103 {
  display: inline-block;
}
 
.exchange-rate-fragment14 {
  display: contents;
}
 
.exchange-rate-text104 {
  display: inline-block;
}
 
.exchange-rate-fragment10 {
  display: contents;
}
 
.exchange-rate-text100 {
  display: inline-block;
}
 
.exchange-rate-fragment19 {
  display: contents;
}
 
.exchange-rate-text109 {
  display: inline-block;
}
 
.exchange-rate-fragment12 {
  display: contents;
}
 
.exchange-rate-text102 {
  display: inline-block;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1100px) {
  .header-thq-dropdown-list-elm1 {
    left: -160px;
    right: 0px;
  }
}
 
@media(max-width: 900px) {
  .header-thq-desktop-menu-elm {
    display: none;
  }
  .header-text10 {
    line-height: 1;
  }
  .header-thq-dropdown-list-elm1 {
    top: 40px;
    left: -250px;
    width: 94vw;
  }
  .header-text11 {
    width: auto;
  }
  .header-text12 {
    width: auto;
  }
  .header-text13 {
    width: auto;
  }
  .header-text14 {
    width: auto;
  }
  .header-text15 {
    width: auto;
  }
  .header-text16 {
    width: auto;
  }
  .header-text17 {
    width: auto;
  }
  .header-text18 {
    width: auto;
  }
  .header-text19 {
    width: auto;
  }
  .header-text20 {
    width: auto;
  }
  .header-text21 {
    width: auto;
  }
  .header-text22 {
    width: auto;
  }
  .header-text27 {
    line-height: 1;
  }
  .header-button3 {
    line-height: 1;
  }
  .header-thq-burger-menu-elm {
    display: flex;
  }
  .header-icon1 {
    width: 32px;
    height: 32px;
  }
  .header-icon3 {
    width: 32px;
    height: 32px;
  }
  .header-thq-links-elm2 {
    width: 100%;
  }
  .header-thq-trigger-elm1 {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  }
  .header-text28 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-style: normal;
    font-weight: 600;
  }
  .header-separator1 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-container7 {
    gap: var(--dl-layout-space-unit);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .header-separator2 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-text35 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .header-separator3 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-thq-trigger-elm2 {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  }
  .header-container8 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: row;
  }
  .header-text36 {
    fill: var(--dl-color-primary-02purple);
  }
  .header-separator4 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-container9 {
    gap: var(--dl-layout-space-unit);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .header-separator5 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-thq-buttons-elm2 {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
  .header-button4 {
    border-color: var(--dl-color-primary-02purple);
    border-width: 1px;
    padding-left: var(--dl-layout-space-oneandhalfunits);
    border-radius: 40px;
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .header-text39 {
    line-height: 1;
  }
  .header-button5 {
    line-height: 1.5;
  }
}
 
@media(max-width: 767px) {
  .header-thq-navbar-interactive-elm {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
  .header-thq-dropdown1 {
    display: none;
  }
  .header-button1 {
    display: none;
  }
  .header-thq-burger-menu-elm {
    align-items: center;
    justify-content: center;
  }
  .header-text35 {
    margin-bottom: 0px;
  }
}
 
@media(max-width: 479px) {
  .header-thq-header-elm {
    justify-content: center;
  }
  .header-thq-navbar-interactive-elm {
    padding: var(--dl-layout-space-unit);
  }
  .header-thq-mobile-menu-elm {
    padding: 16px;
  }
  .header-text29 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text30 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text31 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text32 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text33 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text34 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text37 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-text38 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
}

.app-component-wrapper {
  display: contents;
}
 
.app-component-container {
  display: flex;
  position: relative;
}
 
.app-component-button {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: #5b293e;
}
 
.app-component-button:hover {
  background-color: var(--dl-color-primary-inhover);
}
 
@media(max-width: 767px) {
  .app-component-button {
    width: 100%;
  }
}

.cta01d-wrapper {
  display: contents;
}
 
.cta01d-thq-cta01-elm {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  max-width: 1340px;
  align-items: flex-start;
  padding-top: 140px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.cta01d-image1 {
  right: 0px;
  width: 50vw;
  bottom: var(--dl-layout-space-fourunits);
  z-index: 100;
  position: absolute;
  max-width: 650px;
  object-fit: cover;
}
 
.cta01d-container1 {
  flex: 0 0 auto;
  width: 100%;
  height: 328px;
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 40px;
  padding-left: 40px;
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: 40px;
  padding-bottom: 40px;
  background-color: var(--dl-color-primary-02pale);
}
 
.cta01d-image2 {
  right: 0px;
  width: auto;
  bottom: 0px;
  height: 244px;
  position: absolute;
  object-fit: cover;
}
 
.cta01d-container2 {
  gap: var(--dl-layout-space-oneandhalfunits);
  width: 600px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.cta01d-text1 {
  color: #ffffff;
  z-index: 100;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
}
 
.cta01d-button {
  fill: var(--dl-color-primary-01red);
  color: #5b293e;
  cursor: pointer;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-unit);
}
 
.cta01d-button:hover {
  background-color: var(--dl-color-primary-inhoverdark);
}
 
.cta01d-button:active {
  background-color: var(--dl-color-primary-inpresseddard);
}
 
.exchange-rate-fragment21 {
  display: contents;
}
 
.exchange-rate-text207 {
  display: inline-block;
}
 
.exchange-rate-fragment20 {
  display: contents;
}
 
.exchange-rate-text206 {
  display: inline-block;
}
 

 
@media(max-width: 1100px) {
  .cta01d-thq-cta01-elm {
    padding-top: 100px;
  }
  .cta01d-image1 {
    width: 50vw;
  }
  .cta01d-container1 {
    height: 290px;
    padding-left: 40px;
  }
  .cta01d-container2 {
    width: 529px;
  }
}
 
@media(max-width: 900px) {
  .cta01d-thq-cta01-elm {
    padding-top: 60px;
  }
  .cta01d-image1 {
    right: 0px;
    width: 55vw;
  }
  .cta01d-container1 {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .cta01d-container2 {
    width: 364px;
  }
  .cta01d-text1 {
    font-size: 30px;
  }
}
 
@media(max-width: 767px) {
  .cta01d-thq-cta01-elm {
    height: auto;
    padding-top: 300px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-fourunits);
  }
  .cta01d-image1 {
    top: -210px;
    left: 0px;
    right: 0px;
    width: 440px;
    margin: auto;
    z-index: 0;
  }
  .cta01d-container1 {
    height: auto;
    z-index: 100;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cta01d-container2 {
    width: auto;
    margin-left: 0px;
  }
}
 
@media(max-width: 479px) {
  .cta01d-thq-cta01-elm {
    width: 100%;
    align-items: flex-start;
    padding-top: 180px;
    padding-bottom: var(--dl-layout-space-fourunits);
  }
  .cta01d-image1 {
    top: -265px;
    left: 0px;
    right: 0px;
    width: 260px;
    margin: auto;
  }
  .cta01d-container1 {
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .cta01d-container2 {
    align-self: stretch;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .cta01d-button {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
}

.footer-wrapper {
  display: contents;
}
 
.footer-thq-footer-elm {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-primary-02purple);
}
 
.footer-container10 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: flex-start;
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: space-between;
}
 
.footer-container11 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 210px;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
}
 
.footer-navlink10 {
  display: contents;
}
 
.footer-image1 {
  width: auto;
  height: 40px;
  object-fit: cover;
  text-decoration: none;
}
 
.footer-container12 {
  gap: var(--dl-layout-space-halfunit);
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-container13 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text10 {
  color: #cacaca;
}
 
.footer-text11 {
  color: #cacaca;
}
 
.footer-text12 {
  color: #cacaca;
  font-size: 14px;
}
 
.footer-container14 {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.footer-container15 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
}
 
.footer-container16 {
  gap: var(--dl-layout-space-unit);
  flex: .8;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text13 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink11 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink12 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink13 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink14 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink15 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-button {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container17 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text14 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink16 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink17 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink18 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink19 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink20 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink21 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-container18 {
  gap: var(--dl-layout-space-twounits);
  flex: .7;
  display: flex;
  align-items: flex-start;
}
 
.footer-container19 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text15 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-thq-button-elm {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink22 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink23 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink24 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink25 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  padding-bottom: 0px;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink26 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink27 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container20 {
  gap: var(--dl-layout-space-unit);
  flex: .6;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text16 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink28 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container21 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: flex-start;
}
 
.footer-container22 {
  gap: 40px;
  flex: 0 0 auto;
  width: 210px;
  height: auto;
  display: flex;
  align-items: center;
  margin-right: var(--dl-layout-space-sixunits);
}
 
.footer-image2 {
  width: 24px;
  object-fit: cover;
}
 
.footer-image3 {
  width: 24px;
  object-fit: cover;
}
 
.footer-image4 {
  width: 24px;
  object-fit: cover;
}
 
.footer-text17 {
  fill: var(--dl-color-greyscale-placeholdergrey);
  color: var(--dl-color-greyscale-placeholdergrey);
  font-size: 12px;
  max-width: 1050px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-fragment22 {
  display: contents;
}
 
.exchange-rate-text208 {
  display: inline-block;
}
 
.exchange-rate-fragment24 {
  display: contents;
}
 
.exchange-rate-text212 {
  display: inline-block;
}
 
.exchange-rate-fragment23 {
  display: contents;
}
 
.exchange-rate-text211 {
  display: inline-block;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1100px) {
  .footer-container10 {
    gap: var(--dl-layout-space-threeunits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-container11 {
    gap: var(--dl-layout-space-halfunit);
    width: auto;
  }
  .footer-image1 {
    width: auto;
  }
  .footer-container13 {
    gap: 5px;
    flex-direction: row;
  }
  .footer-text10 {
    font-size: 14px;
  }
  .footer-text11 {
    font-size: 14px;
  }
  .footer-text12 {
    font-size: 12px;
  }
  .footer-container14 {
    gap: 40px;
  }
  .footer-container15 {
    gap: 40px;
  }
  .footer-container18 {
    gap: 40px;
  }
  .footer-container21 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer-container22 {
    width: 190px;
  }
  .footer-text17 {
    width: 100%;
    max-width: auto;
  }
}
 
@media(max-width: 900px) {
  .footer-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-container11 {
    gap: var(--dl-layout-space-halfunit);
  }
  .footer-container14 {
    width: auto;
    justify-content: flex-start;
  }
  .footer-thq-button-elm {
    fill: var(--dl-color-greyscale-grey);
    color: var(--dl-color-greyscale-grey);
    cursor: pointer;
    padding: 0px;
    font-size: 14px;
    text-align: left;
    transition: 0.3s;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.5;
    border-width: 0px;
    border-radius: 0px;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
  }
  .footer-container21 {
    gap: var(--dl-layout-space-oneandhalfunits);
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
}
 
@media(max-width: 767px) {
  .footer-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-text10 {
    font-size: 12px;
  }
  .footer-text11 {
    font-size: 12px;
  }
  .footer-text12 {
    font-size: 10px;
  }
  .footer-container14 {
    gap: var(--dl-layout-space-twounits);
    width: auto;
    flex-direction: column;
  }
  .footer-container15 {
    gap: var(--dl-layout-space-fiveunits);
  }
  .footer-container16 {
    width: 100%;
    max-width: 140px;
  }
  .footer-text13 {
    font-size: 12px;
  }
  .footer-navlink11 {
    font-size: 12px;
  }
  .footer-navlink12 {
    font-size: 12px;
  }
  .footer-navlink13 {
    font-size: 12px;
  }
  .footer-navlink14 {
    font-size: 12px;
  }
  .footer-navlink15 {
    font-size: 12px;
  }
  .footer-button {
    font-size: 12px;
  }
  .footer-text14 {
    font-size: 12px;
  }
  .footer-navlink16 {
    font-size: 12px;
  }
  .footer-navlink17 {
    font-size: 12px;
  }
  .footer-navlink18 {
    font-size: 12px;
  }
  .footer-navlink19 {
    font-size: 12px;
  }
  .footer-navlink20 {
    font-size: 12px;
  }
  .footer-navlink21 {
    font-size: 12px;
  }
  .footer-container18 {
    gap: var(--dl-layout-space-fiveunits);
    flex: 1;
    width: 100%;
  }
  .footer-container19 {
    width: auto;
    max-width: 140px;
  }
  .footer-text15 {
    font-size: 12px;
  }
  .footer-thq-button-elm {
    font-size: 12px;
  }
  .footer-navlink22 {
    font-size: 12px;
  }
  .footer-navlink23 {
    font-size: 12px;
  }
  .footer-navlink24 {
    font-size: 12px;
  }
  .footer-navlink25 {
    font-size: 12px;
  }
  .footer-navlink26 {
    font-size: 12px;
  }
  .footer-navlink27 {
    font-size: 12px;
  }
  .footer-text16 {
    font-size: 12px;
  }
  .footer-navlink28 {
    font-size: 12px;
  }
  .footer-container21 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
 
@media(max-width: 479px) {
  .footer-container11 {
    margin-right: 0px;
  }
  .footer-container15 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-container16 {
    flex: 1;
  }
  .footer-container17 {
    flex: 1;
    width: auto;
  }
  .footer-container18 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-container19 {
    flex: 1;
  }
}

.exchange-rate-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-fragment10 {
  display: contents;
}
 
.exchange-rate-text100 {
  display: inline-block;
}
 
.exchange-rate-fragment11 {
  display: contents;
}
 
.exchange-rate-text101 {
  display: inline-block;
}
 
.exchange-rate-fragment12 {
  display: contents;
}
 
.exchange-rate-text102 {
  display: inline-block;
}
 
.exchange-rate-fragment13 {
  display: contents;
}
 
.exchange-rate-text103 {
  display: inline-block;
}
 
.exchange-rate-fragment14 {
  display: contents;
}
 
.exchange-rate-text104 {
  display: inline-block;
}
 
.exchange-rate-fragment15 {
  display: contents;
}
 
.exchange-rate-text105 {
  display: inline-block;
}
 
.exchange-rate-fragment16 {
  display: contents;
}
 
.exchange-rate-text106 {
  display: inline-block;
}
 
.exchange-rate-fragment17 {
  display: contents;
}
 
.exchange-rate-text107 {
  display: inline-block;
}
 
.exchange-rate-fragment18 {
  display: contents;
}
 
.exchange-rate-text108 {
  display: inline-block;
}
 
.exchange-rate-fragment19 {
  display: contents;
}
 
.exchange-rate-text109 {
  display: inline-block;
}
 
.exchange-rate-thq-hero-elm {
  gap: var(--dl-layout-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  max-width: 930px;
  margin-top: var(--dl-layout-space-fourunits);
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 64px;
}
 
.exchange-rate-container11 {
  gap: var(--dl-layout-space-oneandhalfunits);
  display: flex;
  max-width: 710px;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text110 {
  font-size: 48px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -2.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text113 {
  color: #464646;
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container12 {
  flex: 0 0 auto;
  width: 760px;
  height: 328px;
  display: flex;
  position: relative;
  margin-top: 130px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  margin-bottom: 50px;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #f8b6a6;
}
 
.exchange-rate-image10 {
  width: auto;
  height: 448px;
  z-index: 99;
  object-fit: cover;
}
 
.exchange-rate-thq-low-cost-elm {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  left: -45px;
  bottom: 40px;
  margin: auto;
  display: flex;
  z-index: 98;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container13 {
  gap: 16px;
  flex: 0 0 auto;
  display: flex;
  padding: 24px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: flex-start;
  border-radius: 15px;
  flex-direction: column;
  padding-bottom: 24px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container14 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text114 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
  font-size: 10.18px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  text-decoration: none;
}

.exchange-rate-tooltip1 {
  width: 15.27px;
  height: 15.27px;
}

.exchange-rate-container15 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-text115 {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: line-through;
}
 
.exchange-rate-text116 {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-thq-image-elm {
  width: 15px;
  object-fit: cover;
}
 
.exchange-rate-container16 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text117 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
  font-size: 10px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text118 {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container17 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text119 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
  font-size: 10px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-thq-text-elm1 {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container18 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 30px;
  border-radius: 20px;
  padding-right: 30px;
  padding-bottom: 10px;
  background-color: #5b293e;
}
 
.exchange-rate-text120 {
  color: #ffffff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-thq-secure-elm {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  right: -20px;
  bottom: -22px;
  margin: auto;
  display: flex;
  z-index: 100;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container19 {
  gap: 12px;
  flex: 0 0 auto;
  display: flex;
  padding: 20px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: 13px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container20 {
  gap: 4px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-text121 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
  font-size: 13px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container21 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-text122 {
  font-size: 18px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-image11 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  padding: 3px;
  object-fit: cover;
  transition: 0.3s;
  padding-top: 2px;
  border-color: var(--dl-color-primary-02purple);
  border-width: 1px;
  padding-left: 2px;
  border-radius: var(--dl-layout-radius-round);
  padding-right: 2px;
  padding-bottom: 2px;
}
 
.exchange-rate-image11:hover {
  border-width: 2px;
}
 
.exchange-rate-thq-fast-elm {
  gap: var(--dl-layout-space-unit);
  top: -28px;
  flex: 0 0 auto;
  right: 42px;
  margin: auto;
  display: flex;
  z-index: 100;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container22 {
  gap: 12px;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: 4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: 36px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container23 {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-layout-radius-round);
  justify-content: center;
  background-color: #86b4bc;
}
 
.exchange-rate-image12 {
  width: 34px;
  object-fit: cover;
}
 
.exchange-rate-text123 {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-image13 {
  width: 152px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.exchange-rate-text124 {
  color: #464646;
  font-size: 16px;
  max-width: 818px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text126 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text128 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container24 {
  gap: 40px;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: stretch;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: center;
}
 
.exchange-rate-container25 {
  gap: 40px;
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
  padding: 40px;
  max-width: 620px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  flex-direction: column;
  background-color: #708d81;
}
 
.exchange-rate-container26 {
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-radius: 18px;
  flex-direction: column;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-image14 {
  width: 48px;
  object-fit: cover;
}
 
.exchange-rate-container27 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text130 {
  fill: var(--dl-color-primary-02wine);
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
 
.exchange-rate-text131 {
  fill: var(--dl-color-primary-02wine);
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
}
 
.exchange-rate-text133 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container28 {
  gap: 40px;
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
  padding: 40px;
  max-width: 620px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  flex-direction: column;
  background-color: #de716e;
}
 
.exchange-rate-container29 {
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-radius: 18px;
  flex-direction: column;
  background-color: #ffffff;
}
 
.exchange-rate-image15 {
  width: 48px;
  object-fit: cover;
}
 
.exchange-rate-container30 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text135 {
  fill: var(--dl-color-primary-02midnight);
  color: #ffffff;
  font-size: 30px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
 
.exchange-rate-text136 {
  fill: var(--dl-color-primary-02midnight);
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
}
 
.exchange-rate-text138 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text140 {
  fill: var(--dl-color-primary-02midnight);
  color: #ffffff;
  font-size: 12px;
  max-width: 420px;
  text-align: center;
}
 
.exchange-rate-container31 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 1320px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.exchange-rate-text141 {
  color: #464646;
  font-size: 16px;
  max-width: 820px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text143 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text145 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text147 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container32 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
 
.exchange-rate-container33 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-fourunits);
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: center;
}
 
.exchange-rate-button {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
  background-color: #5b293e;
}
 
.exchange-rate-button:hover {
  background-color: var(--dl-color-primary-inhover);
}
 
.exchange-rate-container34 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 700px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-text149 {
  font-size: 36px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text150 {
  color: #464646;
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container35 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: flex-end;
}
 
.exchange-rate-container36 {
  gap: var(--dl-layout-space-threeunits);
  flex: 0 0 auto;
  width: 420px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text154 {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text155 {
  font-style: normal;
}
 
.exchange-rate-text156 {
  font-weight: 600;
}
 
.exchange-rate-text157 {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text159 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container37 {
  flex: 1;
  width: auto;
  height: 100px;
  display: flex;
  max-width: 270px;
  min-width: var(--dl-layout-size-xsmall);
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-image16 {
  width: 514px;
  object-fit: cover;
}
 
.exchange-rate-container38 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: flex-start;
}
 
.exchange-rate-image17 {
  width: 514px;
  object-fit: cover;
}
 
.exchange-rate-container39 {
  flex: 1;
  width: auto;
  height: 100px;
  display: flex;
  max-width: 150px;
  min-width: var(--dl-layout-size-xsmall);
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container40 {
  flex: 0 0 auto;
  width: 420px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text163 {
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container41 {
  gap: 40px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 860px;
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-container42 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text164 {
  font-size: 36px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text165 {
  color: #464646;
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container43 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
}
 
.exchange-rate-container44 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 382px;
  display: flex;
  box-shadow: 0px 0px 91px 0px rgba(255, 190, 100, 0.4);
  align-items: center;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  border-color: #f95151;
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
}
 
.exchange-rate-image18 {
  width: auto;
  height: 24px;
  object-fit: cover;
}
 
.exchange-rate-container45 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container46 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text169 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container47 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container48 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text171 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container49 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container50 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text173 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container51 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container52 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text175 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text176 {
  color: #f95151;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container53 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 382px;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  border-color: #e0e5e5;
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  background-color: #f9f9f9;
}
 
.exchange-rate-text177 {
  width: auto;
  font-style: normal;
  font-weight: 500;
}
 
.exchange-rate-container54 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container55 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text178 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container56 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container57 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text180 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container58 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container59 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text182 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container60 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-container61 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-text184 {
  width: 206px;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-text185 {
  color: rgb(249, 81, 81);
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-container62 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text186 {
  color: #464646;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container63 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 12px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  background-color: #86b4bc;
  justify-content: center;
}
 
.exchange-rate-text187 {
  color: #ffffff;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-weight: 500;
}
 
.exchange-rate-text188 {
  color: #464646;
  font-size: 16px;
  max-width: 710px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container64 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 950px;
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-text189 {
  font-size: 36px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text190 {
  color: #464646;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text191 {
  color: #464646;
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text192 {
  color: #464646;
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container65 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  z-index: 0;
  max-width: 1340px;
  align-items: flex-start;
  padding-right: 74px;
  justify-content: flex-end;
}
 
.exchange-rate-container66 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-primary-sgeneral1);
  border-width: 1px;
  padding-left: var(--dl-layout-space-halfunit);
  border-radius: var(--dl-layout-radius-radius4);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  background-color: var(--dl-color-primary-sgeneral2);
  border-bottom-width: 0px;
  border-top-left-radius: var(--dl-layout-radius-buttonradius);
  border-top-right-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.exchange-rate-image19 {
  width: 55px;
  object-fit: cover;
}
 
.exchange-rate-text193 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-thq-calculator-elm1 {
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 40px;
}
 
.exchange-rate-thq-calculator-elm2 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 4px;
  z-index: 0;
  box-shadow: 0px 4px 15px 0px #d4d4d4;
  align-items: flex-start;
  border-radius: 28px;
  flex-direction: column;
}
 
.exchange-rate-container67 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
}
 
.exchange-rate-container68 {
  gap: var(--dl-layout-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.exchange-rate-container69 {
  gap: 4px;
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text194 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container70 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  border-color: var(--dl-color-greyscale-grey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
}
 
.exchange-rate-text195 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container71 {
  gap: var(--dl-layout-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
}
 
.exchange-rate-image20 {
  width: 24px;
  object-fit: cover;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-round);
}
 
.exchange-rate-text196 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container72 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: stretch;
  margin-top: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.exchange-rate-image21 {
  width: 40px;
  object-fit: cover;
}
 
.exchange-rate-image22 {
  width: 40px;
  display: none;
  object-fit: cover;
}
 
.exchange-rate-container73 {
  gap: 4px;
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-text197 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container74 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  border-color: var(--dl-color-greyscale-grey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
}
 
.exchange-rate-text198 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container75 {
  gap: var(--dl-layout-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
}
 
.exchange-rate-image23 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-text199 {
}
 
.exchange-rate-image24 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-container76 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: 40px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.exchange-rate-container77 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.exchange-rate-container78 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-text200 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-container79 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-text201 {
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: line-through;
}
 
.exchange-rate-image25 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-container80 {
  gap: 4px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-text203 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-container81 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-image26 {
  width: 32px;
  cursor: pointer;
  height: 32px;
  object-fit: cover;
  transition: 0.3s;
  padding-top: 6px;
  border-color: var(--dl-color-primary-02purple);
  border-width: 1px;
  padding-left: 6px;
  border-radius: var(--dl-layout-radius-round);
  padding-right: 6px;
  padding-bottom: 6px;
}
 
.exchange-rate-image26:hover {
  border-width: 2px;
}
 
.exchange-rate-container82 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-text205 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-container83 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-component2 {
  text-decoration: none;
}
 
.exchange-rate-fragment20 {
  display: contents;
}
 
.exchange-rate-text206 {
  display: inline-block;
}
 
.exchange-rate-fragment21 {
  display: contents;
}
 
.exchange-rate-text207 {
  display: inline-block;
}
 
.exchange-rate-fragment22 {
  display: contents;
}
 
.exchange-rate-text208 {
  display: inline-block;
}
 
.exchange-rate-fragment23 {
  display: contents;
}
 
.exchange-rate-text211 {
  display: inline-block;
}
 
.exchange-rate-fragment24 {
  display: contents;
}
 
.exchange-rate-text212 {
  display: inline-block;
}
 
@media(max-width: 1100px) {
  .exchange-rate-container36 {
    flex: 1;
    width: auto;
  }
  .exchange-rate-text154 {
    width: 100%;
  }
  .exchange-rate-text157 {
    width: 100%;
  }
  .exchange-rate-container37 {
    flex: 0;
    min-width: var(--dl-layout-size-small);
  }
  .exchange-rate-image16 {
    width: 400px;
  }
  .exchange-rate-image17 {
    width: 400px;
  }
  .exchange-rate-container39 {
    flex: 0;
    min-width: var(--dl-layout-size-small);
  }
  .exchange-rate-container40 {
    flex: 1;
    width: auto;
  }
  .exchange-rate-text161 {
    width: auto;
  }
  .exchange-rate-container67 {
    padding-left: var(--dl-layout-space-oneandhalfunits);
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-container68 {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-container76 {
    align-items: flex-end;
  }
  .exchange-rate-container77 {
    gap: var(--dl-layout-space-unit);
    align-items: flex-start;
    flex-direction: column;
  }
}
 
@media(max-width: 900px) {
  .exchange-rate-container12 {
    width: 613px;
    height: 265px;
  }
  .exchange-rate-image10 {
    height: 392px;
  }
  .exchange-rate-thq-low-cost-elm {
    left: -50px;
    bottom: 70px;
  }
  .exchange-rate-text116 {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
  }
  .exchange-rate-thq-secure-elm {
    gap: 12px;
    bottom: -42px;
  }
  .exchange-rate-thq-fast-elm {
    gap: 13px;
    top: -82px;
    right: 40px;
  }
  .exchange-rate-container23 {
    width: var(--dl-layout-size-small);
    height: var(--dl-layout-size-small);
  }
  .exchange-rate-image12 {
    width: 30px;
  }
  .exchange-rate-text123 {
    font-size: 18px;
  }
  .exchange-rate-image13 {
    width: 152px;
  }
  .exchange-rate-container24 {
    gap: 20px;
  }
  .exchange-rate-container41 {
    padding-top: 0px;
  }
  .exchange-rate-container44 {
    width: 340px;
  }
  .exchange-rate-text169 {
    width: 170px;
  }
  .exchange-rate-text171 {
    width: 170px;
  }
  .exchange-rate-text173 {
    width: 170px;
  }
  .exchange-rate-text175 {
    width: 170px;
  }
  .exchange-rate-container53 {
    width: 340px;
  }
  .exchange-rate-text178 {
    width: 170px;
  }
  .exchange-rate-text180 {
    width: 170px;
  }
  .exchange-rate-text182 {
    width: 170px;
  }
  .exchange-rate-text184 {
    width: 170px;
  }
  .exchange-rate-container62 {
    max-width: 704px;
  }
  .exchange-rate-container68 {
    gap: 12px;
    flex-direction: column;
  }
  .exchange-rate-container69 {
    width: auto;
    align-self: stretch;
  }
  .exchange-rate-container72 {
    width: auto;
    align-self: center;
    margin-top: 0px;
    animation-name: none;
    animation-delay: 0s;
    animation-duration: 300ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  .exchange-rate-image21 {
    display: none;
  }
  .exchange-rate-image22 {
    width: 40px;
    display: flex;
  }
  .exchange-rate-container73 {
    width: auto;
    align-self: stretch;
    margin-top: -26px;
  }
  .exchange-rate-container77 {
    flex-direction: column;
  }
}
 
@media(max-width: 767px) {
  .exchange-rate-thq-hero-elm {
    gap: var(--dl-layout-space-twounits);
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 38px;
  }
  .exchange-rate-container11 {
    gap: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-text110 {
    font-size: 30px;
  }
  .exchange-rate-text113 {
    font-size: 14px;
  }
  .exchange-rate-container12 {
    width: 100%;
    max-width: 630px;
    margin-top: 44px;
    margin-bottom: 20px;
  }
  .exchange-rate-image10 {
    height: 313px;
  }
  .exchange-rate-thq-low-cost-elm {
    gap: var(--dl-layout-space-halfunit);
    left: -10px;
    bottom: 40px;
  }
  .exchange-rate-container13 {
    gap: 12px;
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-text114 {
    font-size: 8px;
  }
  .exchange-rate-text115 {
    font-size: 12px;
  }
  .exchange-rate-text116 {
    font-size: 12px;
  }
  .exchange-rate-text117 {
    font-size: 8px;
  }
  .exchange-rate-text118 {
    font-size: 12px;
  }
  .exchange-rate-text119 {
    font-size: 8px;
  }
  .exchange-rate-thq-text-elm1 {
    font-size: 12px;
  }
  .exchange-rate-thq-secure-elm {
    gap: var(--dl-layout-space-halfunit);
    right: -10px;
    bottom: -18px;
  }
  .exchange-rate-container19 {
    gap: 6px;
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-text121 {
    font-size: 8px;
  }
  .exchange-rate-text122 {
    font-size: 12px;
  }
  .exchange-rate-image11 {
    width: 18px;
    height: 18px;
  }
  .exchange-rate-thq-fast-elm {
    gap: var(--dl-layout-space-halfunit);
    top: 40px;
    right: -10px;
  }
  .exchange-rate-container22 {
    gap: 6px;
  }
  .exchange-rate-container23 {
    width: 30px;
    height: 30px;
  }
  .exchange-rate-image12 {
    width: 18px;
  }
  .exchange-rate-text123 {
    font-size: 11px;
  }
  .exchange-rate-image13 {
    width: 100px;
    border-radius: 12px;
  }
  .exchange-rate-text124 {
    font-size: 14px;
  }
  .exchange-rate-container24 {
    gap: var(--dl-layout-space-unit);
    align-items: center;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    padding-bottom: 40px;
  }
  .exchange-rate-container25 {
    gap: var(--dl-layout-space-twounits);
    padding: var(--dl-layout-space-twounits);
    max-width: 630px;
  }
  .exchange-rate-image14 {
    width: 40px;
  }
  .exchange-rate-text130 {
    font-size: 16px;
  }
  .exchange-rate-text131 {
    font-size: 14px;
  }
  .exchange-rate-container28 {
    gap: var(--dl-layout-space-twounits);
    padding: var(--dl-layout-space-twounits);
    max-width: 630px;
  }
  .exchange-rate-image15 {
    width: 40px;
  }
  .exchange-rate-text135 {
    font-size: 16px;
  }
  .exchange-rate-text136 {
    font-size: 14px;
  }
  .exchange-rate-text140 {
    font-size: 10px;
  }
  .exchange-rate-container31 {
    gap: var(--dl-layout-space-halfunit);
    max-width: 630px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-twounits);
  }
  .exchange-rate-text141 {
    font-size: 14px;
  }
  .exchange-rate-container33 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .exchange-rate-container34 {
    gap: var(--dl-layout-space-halfunit);
    max-width: 630px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-twounits);
  }
  .exchange-rate-text149 {
    font-size: 30px;
  }
  .exchange-rate-text150 {
    font-size: 14px;
  }
  .exchange-rate-container35 {
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .exchange-rate-container36 {
    width: 100%;
    max-width: 630px;
    align-items: center;
  }
  .exchange-rate-text154 {
    font-size: 14px;
  }
  .exchange-rate-text157 {
    font-size: 14px;
  }
  .exchange-rate-image16 {
    width: 100%;
    max-width: 630px;
  }
  .exchange-rate-container38 {
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    padding-bottom: 40px;
  }
  .exchange-rate-image17 {
    width: 100%;
    max-width: 630px;
  }
  .exchange-rate-container40 {
    width: 100%;
    max-width: 630px;
    align-items: center;
  }
  .exchange-rate-text161 {
    font-size: 14px;
  }
  .exchange-rate-container41 {
    gap: var(--dl-layout-space-twounits);
    width: auto;
    max-width: 630px;
    padding-top: 40px;
    padding-left: 16px;
    padding-bottom: 40px;
  }
  .exchange-rate-text164 {
    font-size: 30px;
  }
  .exchange-rate-text165 {
    font-size: 14px;
  }
  .exchange-rate-container43 {
    flex-direction: column;
  }
  .exchange-rate-text169 {
    font-size: 14px;
  }
  .exchange-rate-text170 {
    font-size: 14px;
  }
  .exchange-rate-text171 {
    font-size: 14px;
  }
  .exchange-rate-text172 {
    font-size: 14px;
  }
  .exchange-rate-text173 {
    font-size: 14px;
  }
  .exchange-rate-text174 {
    font-size: 14px;
  }
  .exchange-rate-text175 {
    font-size: 14px;
  }
  .exchange-rate-text176 {
    font-size: 14px;
  }
  .exchange-rate-text178 {
    font-size: 14px;
  }
  .exchange-rate-text179 {
    font-size: 14px;
  }
  .exchange-rate-text180 {
    font-size: 14px;
  }
  .exchange-rate-text181 {
    font-size: 14px;
  }
  .exchange-rate-text182 {
    font-size: 14px;
  }
  .exchange-rate-text183 {
    font-size: 14px;
  }
  .exchange-rate-text184 {
    font-size: 14px;
  }
  .exchange-rate-text185 {
    font-size: 14px;
  }
  .exchange-rate-container62 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .exchange-rate-text186 {
    font-size: 14px;
  }
  .exchange-rate-container63 {
    justify-content: center;
  }
  .exchange-rate-text187 {
    font-size: 16px;
  }
  .exchange-rate-text188 {
    font-size: 14px;
  }
  .exchange-rate-container64 {
    gap: var(--dl-layout-space-oneandhalfunits);
    max-width: 630px;
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
  }
  .exchange-rate-text189 {
    font-size: 30px;
  }
  .exchange-rate-text190 {
    font-size: 14px;
  }
  .exchange-rate-text191 {
    font-size: 14px;
  }
  .exchange-rate-text192 {
    font-size: 14px;
  }
  .exchange-rate-container65 {
    padding-right: 0px;
    justify-content: center;
  }
  .exchange-rate-image19 {
    width: 42px;
  }
  .exchange-rate-text193 {
    font-size: 12px;
  }
  .exchange-rate-thq-calculator-elm1 {
    max-width: 630px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .exchange-rate-container67 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-text194 {
    font-size: 12px;
  }
  .exchange-rate-container70 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: 12px;
    border-radius: 12px;
    padding-right: 12px;
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-text195 {
    font-size: 20px;
  }
  .exchange-rate-image20 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-text196 {
    font-size: 20px;
  }
  .exchange-rate-image22 {
    width: 24px;
  }
  .exchange-rate-text197 {
    font-size: 12px;
  }
  .exchange-rate-container74 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: 12px;
    border-radius: 12px;
    padding-right: 12px;
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-text198 {
    font-size: 20px;
  }
  .exchange-rate-image23 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-text199 {
  }
  .exchange-rate-image24 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-container76 {
    padding: var(--dl-layout-space-unit);
    align-items: flex-start;
    flex-direction: column;
  }
  .exchange-rate-container77 {
    margin-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-text200 {
    font-size: 14px;
  }
  .exchange-rate-text202 {
    font-size: 16px;
  }
  .exchange-rate-text203 {
    font-size: 14px;
  }
  .exchange-rate-text204 {
    font-size: 16px;
  }
  .exchange-rate-image26 {
    width: 32px;
    height: 32px;
  }
  .exchange-rate-text205 {
    font-size: 14px;
  }
  .exchange-rate-thq-text-elm2 {
    font-size: 16px;
  }
  .exchange-rate-container75 {
    height: 20px !important;
  }
  .exchange-rate-text199 > .select2-container {
    width: 20px !important;
  }
  #receiveFlagText {
    font-size: 20px !important;
  }
  .moneyText {
    font-size: 20px !important;
  }
}
 
@media(max-width: 479px) {
  .exchange-rate-thq-hero-elm {
    gap: var(--dl-layout-space-threeunits);
    padding-bottom: 38px;
  }
  .exchange-rate-text110 {
    font-size: 30px;
  }
  .exchange-rate-text113 {
    font-size: 14px;
  }
  .exchange-rate-thq-low-cost-elm {
    left: -10px;
  }
  .exchange-rate-container13 {
    padding-top: var(--dl-layout-space-halfunit);
    padding-left: var(--dl-layout-space-halfunit);
    padding-right: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-thq-secure-elm {
    right: -10px;
  }
  .exchange-rate-container19 {
    padding: 10px;
    padding-top: var(--dl-layout-space-halfunit);
    padding-left: var(--dl-layout-space-halfunit);
    padding-right: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-container20 {
    gap: 2px;
    padding-right: 0px;
  }
  .exchange-rate-text124 {
    font-size: 14px;
  }
  .exchange-rate-container34 {
    padding-top: 40px;
  }
  .exchange-rate-text154 {
    font-size: 14px;
  }
  .exchange-rate-text157 {
    font-size: 14px;
  }
  .exchange-rate-image16 {
    width: 100%;
  }
  .exchange-rate-image17 {
    width: 100%;
  }
  .exchange-rate-container43 {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: column;
  }
  .exchange-rate-container44 {
    width: auto;
  }
  .exchange-rate-text169 {
    width: 150px;
  }
  .exchange-rate-text171 {
    width: 150px;
  }
  .exchange-rate-text173 {
    width: 150px;
  }
  .exchange-rate-text175 {
    width: 150px;
  }
  .exchange-rate-container53 {
    width: auto;
  }
  .exchange-rate-text178 {
    width: 150px;
  }
  .exchange-rate-text180 {
    width: 150px;
  }
  .exchange-rate-text182 {
    width: 150px;
  }
  .exchange-rate-text184 {
    width: 150px;
  }
}

.header-jp-wrapper {
  display: contents;
}
 
.header-jp-thq-header-elm {
  flex: 0 0 auto;
  width: 100%;
  height: 68px;
  display: flex;
  z-index: 300;
  position: fixed;
  align-items: center;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-style: solid;
  border-width: 1px;
  margin-right: 0px;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-greyscale-white);
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.header-jp-thq-navbar-interactive-elm {
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: row;
  padding-bottom: 0px;
  justify-content: space-between;
}
 
.header-jp-navlink1 {
  display: contents;
}
 
.header-jp-image10 {
  width: auto;
  height: 32px;
  object-fit: cover;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  text-decoration: none;
}
 
.header-jp-thq-desktop-menu-elm {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
 
.header-jp-thq-links-elm1 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
 
.header-jp-thq-dropdown1 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.header-jp-thq-dropdown1:hover {
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-jp-thq-dropdown-toggle-elm10 {
  gap: var(--dl-layout-space-halfunit);
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.header-jp-text10 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  vertical-align: middle;
  text-decoration: none;
}
 
.header-jp-thq-dropdown-list-elm1 {
  top: 40px;
  left: 0px;
  width: max-content;
  cursor: default;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
  list-style-position: inside;
}
 
.header-jp-thq-dropdown-elm1 {
  width: 100%;
  cursor: default;
  display: block;
  min-height: 24px;
  background-color: rgba(255, 255, 255, 0.01);
}
 
.header-jp-thq-dropdown-elm2 {
  gap: 12px;
  cursor: default;
  display: grid;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding-top: var(--dl-layout-space-oneandhalfunits);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  background-color: var(--dl-color-greyscale-white);
  grid-template-columns: 1fr 1fr;
}
 
.header-jp-thq-dropdown-toggle-elm11 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm11:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image11 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container10 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text11 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-style: normal;
  font-weight: 700;
}
 
.header-jp-text12 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-thq-dropdown-toggle-elm12 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm12:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image12 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container11 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text13 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.header-jp-text14 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-thq-dropdown-toggle-elm13 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm13:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image13 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container12 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text15 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.header-jp-text16 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-thq-dropdown-toggle-elm14 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm14:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image14 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container13 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text17 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.header-jp-text18 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-thq-dropdown-toggle-elm15 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm15:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image15 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container14 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text19 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.header-jp-text20 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-thq-dropdown-toggle-elm16 {
  width: 100%;
  cursor: pointer;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  background-color: var(--dl-color-greyscale-white);
}
 
.header-jp-thq-dropdown-toggle-elm16:hover {
  border-radius: 12px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-image16 {
  width: var(--dl-layout-size-small);
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
}
 
.header-jp-container15 {
  width: 100%;
  display: flex;
  max-width: 280px;
  flex-direction: column;
}
 
.header-jp-text21 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.header-jp-text22 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  width: 100%;
  display: flex;
  font-size: 12px;
  max-width: auto;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
}
 
.header-jp-button1 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-jp-button1:hover {
  border-radius: var(--dl-layout-radius-buttonradius);
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-jp-text23 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  font-weight: 700;
}
 
.header-jp-thq-buttons-elm1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.header-jp-thq-dropdown2 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.3s;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.header-jp-thq-dropdown2:hover {
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-jp-thq-dropdown-toggle-elm17 {
  gap: var(--dl-layout-space-halfunit);
  width: auto;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
}
 
.header-jp-image17 {
  width: 24px;
  object-fit: cover;
}
 
.header-jp-text24 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  text-align: center;
  vertical-align: middle;
}
 
.header-jp-thq-dropdown-list-elm2 {
  left: 0%;
  width: max-content;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  align-items: stretch;
  flex-direction: column;
  list-style-type: none;
  list-style-position: inside;
}
 
.header-jp-thq-dropdown-elm3 {
  cursor: pointer;
  height: 24px;
  display: block;
  opacity: 1;
  position: relative;
  background-color: rgba(255, 255, 255, 0.01);
}
 
.header-jp-thq-dropdown-elm4 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
 
.header-jp-thq-dropdown-toggle-elm18 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  border-radius: 0px;
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-greyscale-white);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
 
.header-jp-thq-dropdown-toggle-elm18:hover {
  border-radius: 0px;
  background-color: var(--dl-color-greyscale-lightestgrey);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
 
.header-jp-text25 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  width: 100%;
  cursor: pointer;
  display: flex;
  font-style: normal;
}
 
.header-jp-thq-dropdown-elm5 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
 
.header-jp-thq-dropdown-toggle-elm19 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  box-shadow: 5px 5px 10px 0px #d4d4d4;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  border-radius: var(--dl-layout-radius-radius4);
  padding-right: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-greyscale-white);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.header-jp-thq-dropdown-toggle-elm19:hover {
  fill: #fff;
  color: #fff;
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-jp-text26 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  width: 100%;
  cursor: pointer;
  display: flex;
  font-style: normal;
}
 
.header-jp-image18 {
  width: 24px;
  object-fit: cover;
}
 
.header-jp-button2 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-unit);
  padding-right: var(--dl-layout-space-unit);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-jp-button2:hover {
  border: none;
  border-radius: var(--dl-layout-radius-buttonradius);
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.header-jp-text27 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.header-jp-button3 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  margin-left: var(--dl-layout-space-unit);
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: row;
  letter-spacing: 1%;
  padding-bottom: var(--dl-layout-space-halfunit);
  text-transform: none;
  text-decoration: none;
  background-color: rgb(91, 41, 62);
}
 
.header-jp-button3:hover {
  background-color: #de4b4b;
}
 
.header-jp-text28 {
  font-style: normal;
  font-weight: 700;
}
 
.header-jp-thq-burger-menu-elm {
  display: none;
}
 
.header-jp-icon1 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.header-jp-thq-mobile-menu-elm {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: 32px;
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
 
.header-jp-thq-nav-elm {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-jp-thq-top-elm {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.header-jp-navlink2 {
  display: contents;
}
 
.header-jp-image19 {
  width: auto;
  height: 32px;
  object-fit: cover;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  text-decoration: none;
}
 
.header-jp-thq-close-menu-elm {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-jp-icon3 {
  width: 32px;
  height: 32px;
}
 
.header-jp-thq-links-elm2 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-jp-accordion1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.header-jp-thq-trigger-elm1 {
  cursor: pointer;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.header-jp-thq-summary-elm1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-jp-text29 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  font-weight: 700;
}
 
.header-jp-thq-icon-container-elm1 {
  transition: transform 0.3s ease-in-out;
}
 
.header-jp-icon5 {
  width: 24px;
  height: 24px;
}
 
.header-jp-separator1 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-jp-container16 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.header-jp-navlink3 {
  display: contents;
}
 
.header-jp-text30 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-navlink4 {
  display: contents;
}
 
.header-jp-text31 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-navlink5 {
  display: contents;
}
 
.header-jp-text32 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-navlink6 {
  display: contents;
}
 
.header-jp-text33 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-navlink7 {
  display: contents;
}
 
.header-jp-text34 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-navlink8 {
  display: contents;
}
 
.header-jp-text35 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  text-decoration: none;
}
 
.header-jp-separator2 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-jp-text36 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0px;
}
 
.header-jp-separator3 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-jp-accordion2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.header-jp-thq-trigger-elm2 {
  cursor: pointer;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
 
.header-jp-thq-summary-elm2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.header-jp-container17 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
 
.header-jp-image20 {
  width: 24px;
  object-fit: cover;
}
 
.header-jp-text37 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-style: normal;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
}
 
.header-jp-thq-icon-container-elm2 {
  transition: transform 0.3s ease-in-out;
}
 
.header-jp-icon7 {
  width: 24px;
  height: 24px;
}
 
.header-jp-separator4 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-jp-container18 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.header-jp-container19 {
  display: flex;
  flex-direction: row;
}
 
.header-jp-text38 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
}
 
.header-jp-image21 {
  width: 24px;
  object-fit: cover;
}
 
.header-jp-text39 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
}
 
.header-jp-separator5 {
  width: 100%;
  height: 1px;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
  background-color: #e3e3e3;
}
 
.header-jp-thq-buttons-elm2 {
  width: 100%;
  display: flex;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.header-jp-button4 {
  gap: var(--dl-layout-space-halfunit);
  cursor: pointer;
  display: flex;
  padding-top: var(--dl-layout-space-halfunit);
  border-color: var(--dl-color-primary-02purple);
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: transparent;
}
 
.header-jp-text40 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.header-jp-button5 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  margin-left: var(--dl-layout-space-unit);
  padding-top: var(--dl-layout-space-halfunit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 40px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  letter-spacing: 1%;
  padding-bottom: var(--dl-layout-space-halfunit);
  text-transform: none;
  text-decoration: none;
  background-color: #5b293e;
}
 
.header-jp-button5:hover {
  background-color: #de4b4b;
}
 
.header-jp-text41 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-fragment18 {
  display: contents;
}
 
.exchange-rate-text108 {
  display: inline-block;
}
 
.exchange-rate-fragment17 {
  display: contents;
}
 
.exchange-rate-text107 {
  display: inline-block;
}
 
.exchange-rate-fragment11 {
  display: contents;
}
 
.exchange-rate-text101 {
  display: inline-block;
}
 
.exchange-rate-fragment16 {
  display: contents;
}
 
.exchange-rate-text106 {
  display: inline-block;
}
 
.exchange-rate-fragment15 {
  display: contents;
}
 
.exchange-rate-text105 {
  display: inline-block;
}
 
.exchange-rate-fragment13 {
  display: contents;
}
 
.exchange-rate-text103 {
  display: inline-block;
}
 
.exchange-rate-fragment14 {
  display: contents;
}
 
.exchange-rate-text104 {
  display: inline-block;
}
 
.exchange-rate-fragment10 {
  display: contents;
}
 
.exchange-rate-text100 {
  display: inline-block;
}
 
.exchange-rate-fragment19 {
  display: contents;
}
 
.exchange-rate-text109 {
  display: inline-block;
}
 
.exchange-rate-fragment12 {
  display: contents;
}
 
.exchange-rate-text102 {
  display: inline-block;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1100px) {
  .header-jp-thq-dropdown-list-elm1 {
    left: -160px;
    right: 0px;
  }
  .header-jp-text29 {
    font-style: normal;
    font-weight: 700;
  }
  .header-jp-text36 {
    font-style: normal;
    font-weight: 700;
  }
  .header-jp-text37 {
    font-style: normal;
    font-weight: 600;
  }
  .header-jp-container19 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: row;
  }
}
 
@media(max-width: 900px) {
  .header-jp-thq-desktop-menu-elm {
    display: none;
  }
  .header-jp-text10 {
    line-height: 1;
  }
  .header-jp-thq-dropdown-list-elm1 {
    top: 40px;
    left: -250px;
    width: 94vw;
  }
  .header-jp-text11 {
    width: auto;
  }
  .header-jp-text12 {
    width: auto;
  }
  .header-jp-text13 {
    width: auto;
  }
  .header-jp-text14 {
    width: auto;
  }
  .header-jp-text15 {
    width: auto;
  }
  .header-jp-text16 {
    width: auto;
  }
  .header-jp-text17 {
    width: auto;
  }
  .header-jp-text18 {
    width: auto;
  }
  .header-jp-text19 {
    width: auto;
  }
  .header-jp-text20 {
    width: auto;
  }
  .header-jp-text21 {
    width: auto;
  }
  .header-jp-text22 {
    width: auto;
  }
  .header-jp-text27 {
    line-height: 1;
  }
  .header-jp-button3 {
    line-height: 1;
  }
  .header-jp-thq-burger-menu-elm {
    display: flex;
  }
  .header-jp-icon1 {
    width: 32px;
    height: 32px;
  }
  .header-jp-icon3 {
    width: 32px;
    height: 32px;
  }
  .header-jp-thq-links-elm2 {
    width: 100%;
  }
  .header-jp-thq-trigger-elm1 {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  }
  .header-jp-text29 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-style: normal;
    font-weight: 700;
  }
  .header-jp-separator1 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-jp-container16 {
    gap: var(--dl-layout-space-unit);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .header-jp-separator2 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-jp-text36 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0px;
  }
  .header-jp-separator3 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-jp-thq-trigger-elm2 {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background-color: transparent;
  }
  .header-jp-container17 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: row;
  }
  .header-jp-text37 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-style: normal;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
  }
  .header-jp-separator4 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-jp-container18 {
    gap: var(--dl-layout-space-unit);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .header-jp-container19 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: row;
  }
  .header-jp-separator5 {
    margin-top: var(--dl-layout-space-unit);
    margin-bottom: var(--dl-layout-space-unit);
    background-color: #e3e3e3;
  }
  .header-jp-thq-buttons-elm2 {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
  .header-jp-button4 {
    border-color: var(--dl-color-primary-02purple);
    border-width: 1px;
    padding-left: var(--dl-layout-space-oneandhalfunits);
    border-radius: 40px;
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .header-jp-text40 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
    font-size: 16px;
    font-style: normal;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    text-decoration: none;
  }
  .header-jp-button5 {
    fill: var(--dl-color-greyscale-white);
    color: var(--dl-color-greyscale-white);
    cursor: pointer;
    display: flex;
    font-size: 16px;
    transition: 0.3s;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 1.5;
    margin-left: var(--dl-layout-space-unit);
    padding-top: var(--dl-layout-space-halfunit);
    border-width: 0px;
    padding-left: var(--dl-layout-space-oneandhalfunits);
    border-radius: 40px;
    padding-right: var(--dl-layout-space-oneandhalfunits);
    flex-direction: row;
    padding-bottom: var(--dl-layout-space-halfunit);
    text-transform: none;
    text-decoration: none;
    background-color: rgb(91, 41, 62);
  }
  .header-jp-text41 {
    font-style: normal;
    font-weight: 700;
  }
}
 
@media(max-width: 767px) {
  .header-jp-thq-navbar-interactive-elm {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
  .header-jp-thq-dropdown1 {
    display: none;
  }
  .header-jp-button1 {
    display: none;
  }
  .header-jp-thq-burger-menu-elm {
    align-items: center;
    justify-content: center;
  }
  .header-jp-text36 {
    margin-bottom: 0px;
  }
}
 
@media(max-width: 479px) {
  .header-jp-thq-header-elm {
    justify-content: center;
  }
  .header-jp-thq-navbar-interactive-elm {
    padding: var(--dl-layout-space-unit);
  }
  .header-jp-thq-mobile-menu-elm {
    padding: 16px;
  }
  .header-jp-text30 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text31 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text32 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text33 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text34 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text35 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text38 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
  .header-jp-text39 {
    fill: var(--dl-color-primary-02purple);
    color: var(--dl-color-primary-02purple);
  }
}

.app-component-wrapper {
  display: contents;
}
 
.app-component-container {
  display: flex;
  position: relative;
}
 
.app-component-button {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  font-style: normal;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 700;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-unit);
  background-color: rgb(91, 41, 62);
}
 
.app-component-button:hover {
  background-color: var(--dl-color-primary-inhover);
}
 
@media(max-width: 767px) {
  .app-component-button {
    width: 100%;
  }
}

.cta01d-wrapper {
  display: contents;
}
 
.cta01d-thq-cta01-elm {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  max-width: 1340px;
  align-items: flex-start;
  padding-top: 140px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.cta01d-image1 {
  right: 0px;
  width: 50vw;
  bottom: var(--dl-layout-space-fourunits);
  z-index: 100;
  position: absolute;
  max-width: 650px;
  object-fit: cover;
}
 
.cta01d-container1 {
  flex: 0 0 auto;
  width: 100%;
  height: 328px;
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 40px;
  padding-left: 40px;
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: 40px;
  padding-bottom: 40px;
  background-color: var(--dl-color-primary-02pale);
}
 
.cta01d-image2 {
  right: 0px;
  width: auto;
  bottom: 0px;
  height: 244px;
  position: absolute;
  object-fit: cover;
}
 
.cta01d-container2 {
  gap: var(--dl-layout-space-threeunits);
  width: 600px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.cta01d-text1 {
  color: #ffffff;
  z-index: 100;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5%;
}
 
.cta01d-button {
  fill: var(--dl-color-primary-01red);
  color: #5b293e;
  cursor: pointer;
  transition: 0.3s;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  padding-bottom: var(--dl-layout-space-unit);
}
 
.cta01d-button:hover {
  background-color: var(--dl-color-primary-inhoverdark);
}
 
.cta01d-button:active {
  background-color: var(--dl-color-primary-inpresseddard);
}
 
.cta01d-text2 {
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
}
 
.exchange-rate-fragment21 {
  display: contents;
}
 
.exchange-rate-text217 {
  display: inline-block;
}
 
.exchange-rate-fragment20 {
  display: contents;
}
 
.exchange-rate-text213 {
  display: inline-block;
}
 

 
@media(max-width: 1100px) {
  .cta01d-thq-cta01-elm {
    padding-top: 100px;
  }
  .cta01d-image1 {
    width: 50vw;
  }
  .cta01d-container1 {
    height: 290px;
    padding-left: 40px;
  }
  .cta01d-container2 {
    width: 529px;
  }
}
 
@media(max-width: 900px) {
  .cta01d-thq-cta01-elm {
    padding-top: 60px;
  }
  .cta01d-image1 {
    right: 0px;
    width: 55vw;
  }
  .cta01d-container1 {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .cta01d-container2 {
    width: 364px;
  }
  .cta01d-text1 {
    font-size: 30px;
  }
  .cta01d-button {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
}
 
@media(max-width: 767px) {
  .cta01d-thq-cta01-elm {
    height: auto;
    padding-top: 300px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-fourunits);
  }
  .cta01d-image1 {
    top: -210px;
    left: 0px;
    right: 0px;
    width: 440px;
    margin: auto;
    z-index: 0;
  }
  .cta01d-container1 {
    height: auto;
    z-index: 100;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cta01d-container2 {
    width: auto;
    margin-left: 0px;
  }
}
 
@media(max-width: 479px) {
  .cta01d-thq-cta01-elm {
    width: 100%;
    align-items: flex-start;
    padding-top: 180px;
    padding-bottom: var(--dl-layout-space-fourunits);
  }
  .cta01d-image1 {
    top: -220px;
    left: 0px;
    right: 0px;
    width: 260px;
    margin: auto;
  }
  .cta01d-container1 {
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .cta01d-container2 {
    align-self: stretch;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .cta01d-button {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
}

.footer-jp-wrapper {
  display: contents;
}
 
.footer-jp-thq-footer-elm {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-primary-02purple);
}
 
.footer-jp-container10 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: flex-start;
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: space-between;
}
 
.footer-jp-container11 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 210px;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
}
 
.footer-jp-navlink10 {
  display: contents;
}
 
.footer-jp-image1 {
  width: auto;
  height: 40px;
  object-fit: cover;
  text-decoration: none;
}
 
.footer-jp-container12 {
  gap: var(--dl-layout-space-halfunit);
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-container13 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-text10 {
  color: #cacaca;
}
 
.footer-jp-text11 {
  color: #cacaca;
}
 
.footer-jp-text12 {
  color: #cacaca;
  font-size: 14px;
}
 
.footer-jp-container14 {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.footer-jp-container15 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
}
 
.footer-jp-container16 {
  gap: var(--dl-layout-space-unit);
  flex: .8;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-text13 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink11 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink12 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink13 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink14 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink15 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-button {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-container17 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-text14 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink16 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink17 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink18 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink19 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink20 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  padding-bottom: 0px;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink21 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-container18 {
  gap: var(--dl-layout-space-twounits);
  flex: .7;
  display: flex;
  align-items: flex-start;
}
 
.footer-jp-container19 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-text15 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-thq-button-elm {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink22 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink23 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink24 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink25 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  padding-bottom: 0px;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink26 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-navlink27 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  padding-right: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-container20 {
  gap: var(--dl-layout-space-unit);
  flex: .6;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-jp-text16 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-jp-navlink28 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-jp-container21 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: flex-start;
}
 
.footer-jp-container22 {
  gap: 40px;
  flex: 0 0 auto;
  width: 210px;
  height: auto;
  display: flex;
  align-items: center;
  margin-right: var(--dl-layout-space-sixunits);
}
 
.footer-jp-image2 {
  width: 24px;
  object-fit: cover;
}
 
.footer-jp-image3 {
  width: 24px;
  object-fit: cover;
}
 
.footer-jp-image4 {
  width: 24px;
  object-fit: cover;
}
 
.footer-jp-text17 {
  fill: var(--dl-color-greyscale-placeholdergrey);
  color: var(--dl-color-greyscale-placeholdergrey);
  font-size: 12px;
  max-width: 1050px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-fragment22 {
  display: contents;
}
 
.exchange-rate-text218 {
  display: inline-block;
}
 
.exchange-rate-fragment24 {
  display: contents;
}
 
.exchange-rate-text222 {
  display: inline-block;
}
 
.exchange-rate-fragment23 {
  display: contents;
}
 
.exchange-rate-text221 {
  display: inline-block;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1100px) {
  .footer-jp-container10 {
    gap: var(--dl-layout-space-threeunits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-jp-container11 {
    gap: var(--dl-layout-space-halfunit);
    width: auto;
  }
  .footer-jp-image1 {
    width: auto;
  }
  .footer-jp-container13 {
    gap: 5px;
    flex-direction: row;
  }
  .footer-jp-text10 {
    font-size: 14px;
  }
  .footer-jp-text11 {
    font-size: 14px;
  }
  .footer-jp-text12 {
    font-size: 12px;
  }
  .footer-jp-container14 {
    gap: 40px;
  }
  .footer-jp-container15 {
    gap: 40px;
  }
  .footer-jp-container18 {
    gap: 40px;
  }
  .footer-jp-container21 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer-jp-container22 {
    width: 190px;
  }
  .footer-jp-text17 {
    width: 100%;
    max-width: auto;
  }
}
 
@media(max-width: 900px) {
  .footer-jp-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-jp-container11 {
    gap: var(--dl-layout-space-halfunit);
  }
  .footer-jp-container14 {
    width: auto;
    justify-content: flex-start;
  }
  .footer-jp-thq-button-elm {
    fill: var(--dl-color-greyscale-grey);
    color: var(--dl-color-greyscale-grey);
    cursor: pointer;
    padding: 0px;
    font-size: 14px;
    text-align: left;
    transition: 0.3s;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.5;
    border-width: 0px;
    border-radius: 0px;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
  }
  .footer-jp-container21 {
    gap: var(--dl-layout-space-oneandhalfunits);
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
}
 
@media(max-width: 767px) {
  .footer-jp-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-jp-text10 {
    font-size: 12px;
  }
  .footer-jp-text11 {
    font-size: 12px;
  }
  .footer-jp-text12 {
    font-size: 10px;
  }
  .footer-jp-container14 {
    gap: var(--dl-layout-space-twounits);
    width: auto;
    flex-direction: column;
  }
  .footer-jp-container15 {
    gap: var(--dl-layout-space-fiveunits);
  }
  .footer-jp-container16 {
    width: 100%;
    max-width: 140px;
  }
  .footer-jp-text13 {
    font-size: 12px;
  }
  .footer-jp-navlink11 {
    font-size: 12px;
  }
  .footer-jp-navlink12 {
    font-size: 12px;
  }
  .footer-jp-navlink13 {
    font-size: 12px;
  }
  .footer-jp-navlink14 {
    font-size: 12px;
  }
  .footer-jp-navlink15 {
    font-size: 12px;
  }
  .footer-jp-button {
    font-size: 12px;
  }
  .footer-jp-text14 {
    font-size: 12px;
  }
  .footer-jp-navlink16 {
    font-size: 12px;
  }
  .footer-jp-navlink17 {
    font-size: 12px;
  }
  .footer-jp-navlink18 {
    font-size: 12px;
  }
  .footer-jp-navlink19 {
    font-size: 12px;
  }
  .footer-jp-navlink20 {
    font-size: 12px;
  }
  .footer-jp-navlink21 {
    font-size: 12px;
  }
  .footer-jp-container18 {
    gap: var(--dl-layout-space-fiveunits);
    flex: 1;
    width: 100%;
  }
  .footer-jp-container19 {
    width: auto;
    max-width: 140px;
  }
  .footer-jp-text15 {
    font-size: 12px;
  }
  .footer-jp-thq-button-elm {
    font-size: 12px;
  }
  .footer-jp-navlink22 {
    font-size: 12px;
  }
  .footer-jp-navlink23 {
    font-size: 12px;
  }
  .footer-jp-navlink24 {
    font-size: 12px;
  }
  .footer-jp-navlink25 {
    font-size: 12px;
  }
  .footer-jp-navlink26 {
    font-size: 12px;
  }
  .footer-jp-navlink27 {
    font-size: 12px;
  }
  .footer-jp-text16 {
    font-size: 12px;
  }
  .footer-jp-navlink28 {
    font-size: 12px;
  }
  .footer-jp-container21 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
 
@media(max-width: 479px) {
  .footer-jp-container11 {
    margin-right: 0px;
  }
  .footer-jp-container15 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-jp-container16 {
    flex: 1;
  }
  .footer-jp-container17 {
    flex: 1;
    width: auto;
  }
  .footer-jp-container18 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-jp-container19 {
    flex: 1;
  }
}

.exchange-rate-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-fragment10 {
  display: contents;
}
 
.exchange-rate-text100 {
  display: inline-block;
}
 
.exchange-rate-fragment11 {
  display: contents;
}
 
.exchange-rate-text101 {
  display: inline-block;
}
 
.exchange-rate-fragment12 {
  display: contents;
}
 
.exchange-rate-text102 {
  display: inline-block;
}
 
.exchange-rate-fragment13 {
  display: contents;
}
 
.exchange-rate-text103 {
  display: inline-block;
}
 
.exchange-rate-fragment14 {
  display: contents;
}
 
.exchange-rate-text104 {
  display: inline-block;
}
 
.exchange-rate-fragment15 {
  display: contents;
}
 
.exchange-rate-text105 {
  display: inline-block;
}
 
.exchange-rate-fragment16 {
  display: contents;
}
 
.exchange-rate-text106 {
  display: inline-block;
}
 
.exchange-rate-fragment17 {
  display: contents;
}
 
.exchange-rate-text107 {
  display: inline-block;
}
 
.exchange-rate-fragment18 {
  display: contents;
}
 
.exchange-rate-text108 {
  display: inline-block;
}
 
.exchange-rate-fragment19 {
  display: contents;
}
 
.exchange-rate-text109 {
  display: inline-block;
}
 
.exchange-rate-thq-hero-elm {
  gap: var(--dl-layout-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  max-width: 930px;
  margin-top: var(--dl-layout-space-fourunits);
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 64px;
}
 
.exchange-rate-container11 {
  gap: var(--dl-layout-space-oneandhalfunits);
  display: flex;
  max-width: 710px;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text111 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container12 {
  flex: 0 0 auto;
  width: 760px;
  height: 328px;
  display: flex;
  position: relative;
  margin-top: 130px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  margin-bottom: 50px;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #f8b6a6;
}
 
.exchange-rate-image10 {
  width: auto;
  height: 448px;
  z-index: 99;
  object-fit: cover;
}
 
.exchange-rate-thq-low-cost-elm {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  left: -45px;
  bottom: 40px;
  margin: auto;
  display: flex;
  z-index: 98;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container13 {
  gap: 16px;
  flex: 0 0 auto;
  display: flex;
  padding: 24px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: flex-start;
  border-radius: 15px;
  flex-direction: column;
  padding-bottom: 24px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container14 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container15 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-text116 {
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text117 {
  color: var(--dl-color-greyscale-darkergrey);
  font-size: 10px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 15.27px;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-thq-image-elm {
  width: 15px;
  object-fit: cover;
}
 
.exchange-rate-container16 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container17 {
  gap: 2px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container18 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 30px;
  border-radius: 20px;
  padding-right: 30px;
  padding-bottom: 10px;
  background-color: #5b293e;
}
 
.exchange-rate-thq-secure-elm {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  right: -20px;
  bottom: -22px;
  margin: auto;
  display: flex;
  z-index: 100;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container19 {
  gap: 12px;
  flex: 0 0 auto;
  display: flex;
  padding: 20px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: 13px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container20 {
  gap: 4px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-thq-fast-elm {
  gap: var(--dl-layout-space-unit);
  top: -28px;
  flex: 0 0 auto;
  right: 42px;
  margin: auto;
  display: flex;
  z-index: 100;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-container22 {
  gap: 12px;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: 4px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: 36px;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-container23 {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: var(--dl-layout-radius-round);
  justify-content: center;
  background-color: #86b4bc;
}
 
.exchange-rate-image12 {
  width: 34px;
  object-fit: cover;
}
 
.exchange-rate-image13 {
  width: 152px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  border-radius: var(--dl-layout-radius-buttonradius);
}
 
.exchange-rate-text125 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  max-width: 610px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-text127 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-text129 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-container24 {
  gap: 40px;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: stretch;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: center;
}
 
.exchange-rate-container25 {
  gap: 40px;
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
  padding: 40px;
  max-width: 620px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  flex-direction: column;
  background-color: #708d81;
}
 
.exchange-rate-container26 {
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-radius: 18px;
  flex-direction: column;
  background-color: var(--dl-color-greyscale-white);
}
 
.exchange-rate-image14 {
  width: 48px;
  object-fit: cover;
}
 
.exchange-rate-container27 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text132 {
  fill: var(--dl-color-primary-02wine);
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
}
 
.exchange-rate-container28 {
  gap: 40px;
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
  padding: 40px;
  max-width: 620px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  flex-direction: column;
  background-color: #de716e;
}
 
.exchange-rate-container29 {
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-radius: 18px;
  flex-direction: column;
  background-color: #ffffff;
}
 
.exchange-rate-image15 {
  width: 48px;
  object-fit: cover;
}
 
.exchange-rate-container30 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-text133 {
  fill: var(--dl-color-primary-02midnight);
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
 
.exchange-rate-text134 {
  fill: var(--dl-color-primary-02midnight);
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-align: center;
}
 
.exchange-rate-container31 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 1320px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 0px;
}
 
.exchange-rate-text138 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-container32 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
 
.exchange-rate-container33 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-fourunits);
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: center;
}
 
.exchange-rate-button {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  padding-top: var(--dl-layout-space-unit);
  border-width: 0px;
  padding-left: var(--dl-layout-space-threeunits);
  border-radius: 28px;
  padding-right: var(--dl-layout-space-threeunits);
  letter-spacing: 1%;
  padding-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
  background-color: rgb(91, 41, 62);
}
 
.exchange-rate-button:hover {
  background-color: var(--dl-color-primary-inhover);
}
 
.exchange-rate-container34 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 700px;
  align-items: center;
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-text144 {
  font-size: 36px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-container35 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: flex-end;
}
 
.exchange-rate-container36 {
  gap: var(--dl-layout-space-threeunits);
  flex: 0 0 auto;
  width: 420px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jp-text149 {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text154 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jp-text155 {
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text157 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer37 {
  flex: 1;
  width: auto;
  height: 100px;
  display: flex;
  max-width: 270px;
  min-width: var(--dl-layout-size-xsmall);
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jpimage16 {
  width: 514px;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer38 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: var(--dl-layout-space-fourunits);
  justify-content: flex-start;
}
 
.exchange-rate-jpimage17 {
  width: 514px;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer39 {
  flex: 1;
  width: auto;
  height: 100px;
  display: flex;
  max-width: 150px;
  min-width: var(--dl-layout-size-xsmall);
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jpcontainer40 {
  flex: 0 0 auto;
  width: 420px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jp-text164 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer41 {
  gap: 40px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 860px;
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-jpcontainer42 {
  gap: var(--dl-layout-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-jp-text166 {
  font-size: 36px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text167 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer43 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
}
 
.exchange-rate-jpcontainer44 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 382px;
  display: flex;
  box-shadow: 0px 0px 91px 0px rgba(255, 190, 100, 0.4);
  align-items: center;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  border-color: #f95151;
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
}
 
.exchange-rate-jpimage18 {
  width: auto;
  height: 24px;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer45 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer46 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text171 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer47 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer48 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text173 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer49 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer50 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text175 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer51 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer52 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text177 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jp-text178 {
  color: #f95151;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-jpcontainer53 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 382px;
  display: flex;
  align-items: center;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  border-color: #e0e5e5;
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: var(--dl-layout-radius-buttonradius);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  background-color: #f9f9f9;
}
 
.exchange-rate-jp-text179 {
  width: auto;
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-jpcontainer54 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer55 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text180 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer56 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer57 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text182 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer58 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer59 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text184 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer60 {
  flex: 0 0 auto;
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  background-color: #E0E5EA;
}
 
.exchange-rate-jpcontainer61 {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
}
 
.exchange-rate-jp-text186 {
  width: 206px;
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jp-text187 {
  color: rgb(249, 81, 81);
  font-style: normal;
  font-weight: 600;
}
 
.exchange-rate-jpcontainer62 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.exchange-rate-jp-text188 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer63 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-oneandhalfunits);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 12px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
  justify-content: center;
  background-color: #86b4bc;
}
 
.exchange-rate-jp-text189 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
 
.exchange-rate-jp-text190 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  max-width: 700px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer64 {
  gap: var(--dl-layout-space-oneandhalfunits);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  max-width: 950px;
  align-items: center;
  padding-top: var(--dl-layout-space-fourunits);
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
}
 
.exchange-rate-jp-text191 {
  font-size: 36px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text192 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  font-style: normal;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text193 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text194 {
  color: rgb(70, 70, 70);
  font-size: 16px;
  text-align: center;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jp-text198 {
  font-style: normal;
  font-weight: 700;
}
 
.exchange-rate-jpcontainer65 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  z-index: 0;
  max-width: 1340px;
  align-items: flex-start;
  padding-right: 74px;
  justify-content: flex-end;
}
 
.exchange-rate-jpcontainer66 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-primary-sgeneral1);
  border-width: 1px;
  padding-left: var(--dl-layout-space-halfunit);
  border-radius: var(--dl-layout-radius-radius4);
  padding-right: var(--dl-layout-space-oneandhalfunits);
  background-color: var(--dl-color-primary-sgeneral2);
  border-bottom-width: 0px;
  border-top-left-radius: var(--dl-layout-radius-buttonradius);
  border-top-right-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
 
.exchange-rate-jpimage19 {
  width: 55px;
  object-fit: cover;
}
 
.exchange-rate-jp-text200 {
  fill: var(--dl-color-primary-02purple);
  color: var(--dl-color-primary-02purple);
  font-size: 16px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpthq-calculator-elm1 {
  width: 100%;
  display: flex;
  max-width: 1340px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: column;
  padding-bottom: 40px;
}
 
.exchange-rate-jpthq-calculator-elm2 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 4px;
  z-index: 0;
  box-shadow: 0px 4px 15px 0px #d4d4d4;
  align-items: flex-start;
  border-radius: 28px;
  flex-direction: column;
}
 
.exchange-rate-jpcontainer67 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 36px;
  padding-right: 36px;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-oneandhalfunits);
}
 
.exchange-rate-jpcontainer68 {
  gap: var(--dl-layout-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.exchange-rate-jpcontainer69 {
  gap: 4px;
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jp-text201 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer70 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  border-color: var(--dl-color-greyscale-grey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
}
 
.exchange-rate-jp-text202 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer71 {
  gap: var(--dl-layout-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
}
 
.exchange-rate-jpimage20 {
  width: 24px;
  object-fit: cover;
  border-color: var(--dl-color-greyscale-lightgrey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-round);
}
 
.exchange-rate-jp-text203 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer72 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-self: stretch;
  margin-top: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 
.exchange-rate-jpimage21 {
  width: 40px;
  object-fit: cover;
}
 
.exchange-rate-jpimage22 {
  width: 40px;
  display: none;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer73 {
  gap: 4px;
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.exchange-rate-jp-text204 {
  fill: var(--dl-color-greyscale-darkestgrey);
  color: var(--dl-color-greyscale-darkestgrey);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer74 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-oneandhalfunits);
  align-items: flex-start;
  border-color: var(--dl-color-greyscale-grey);
  border-width: 1px;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
}
 
.exchange-rate-jp-text205 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpcontainer75 {
  gap: var(--dl-layout-space-halfunit);
  flex: 0 0 auto;
  width: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
}
 
.exchange-rate-jpimage23 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-jp-text206 {
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpimage24 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer76 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  padding: 40px;
  align-items: center;
  border-radius: var(--dl-layout-radius-buttonradius);
  justify-content: space-between;
  background-color: var(--dl-color-greyscale-lightestgrey);
}
 
.exchange-rate-jpcontainer77 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.exchange-rate-jpcontainer78 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-jp-text207 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-jpcontainer79 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-jp-text208 {
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: line-through;
}
 
.exchange-rate-jpimage25 {
  width: 24px;
  object-fit: cover;
}
 
.exchange-rate-jpcontainer80 {
  gap: 4px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-jp-text210 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-jpcontainer81 {
  gap: var(--dl-layout-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
}
 
.exchange-rate-jp-text211 {
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.5%;
  text-transform: none;
  text-decoration: none;
}
 
.exchange-rate-jpimage26 {
  width: 32px;
  cursor: pointer;
  height: 32px;
  object-fit: cover;
  transition: 0.3s;
  padding-top: 6px;
  border-color: var(--dl-color-primary-02purple);
  border-width: 1px;
  padding-left: 6px;
  border-radius: var(--dl-layout-radius-round);
  padding-right: 6px;
  padding-bottom: 6px;
}
 
.exchange-rate-jpimage26:hover {
  border-width: 2px;
}
 
.exchange-rate-jpcontainer82 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-jp-text212 {
  fill: var(--dl-color-greyscale-darkergrey);
  color: var(--dl-color-greyscale-darkergrey);
}
 
.exchange-rate-jpthq-text-elm2 {
  font-size: 22px;
  font-style: normal;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1.5%;
}
 
.exchange-rate-jpcontainer83 {
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-right: var(--dl-layout-space-halfunit);
  flex-direction: column;
}
 
.exchange-rate-jpcomponent2 {
  text-decoration: none;
}
 
.exchange-rate-jpfragment20 {
  display: contents;
}
 
.exchange-rate-jp-text213 {
  display: inline-block;
}
 
.exchange-rate-jpfragment21 {
  display: contents;
}
 
.exchange-rate-jp-text217 {
  display: inline-block;
}
 
.exchange-rate-jpfragment22 {
  display: contents;
}
 
.exchange-rate-jp-text218 {
  display: inline-block;
}
 
.exchange-rate-jpfragment23 {
  display: contents;
}
 
.exchange-rate-jp-text221 {
  display: inline-block;
}
 
.exchange-rate-jpfragment24 {
  display: contents;
}
 
.exchange-rate-jp-text222 {
  display: inline-block;
}
 
@media(max-width: 1100px) {
  .exchange-rate-jpcontainer36 {
    flex: 1;
    width: auto;
  }
  .exchange-rate-jp-text149 {
    width: 100%;
  }
  .exchange-rate-jp-text155 {
    width: 100%;
  }
  .exchange-rate-jpcontainer37 {
    flex: 0;
    min-width: var(--dl-layout-size-small);
  }
  .exchange-rate-jpimage16 {
    width: 400px;
  }
  .exchange-rate-jpimage17 {
    width: 400px;
  }
  .exchange-rate-jpcontainer39 {
    flex: 0;
    min-width: var(--dl-layout-size-small);
  }
  .exchange-rate-jpcontainer40 {
    flex: 1;
    width: auto;
  }
  .exchange-rate-jp-text159 {
    width: auto;
  }
  .exchange-rate-jpcontainer67 {
    padding-left: var(--dl-layout-space-oneandhalfunits);
    padding-right: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-jpcontainer68 {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-jpcontainer76 {
    align-items: flex-end;
  }
  .exchange-rate-jpcontainer77 {
    gap: var(--dl-layout-space-unit);
    align-items: flex-start;
    flex-direction: column;
  }
}
 
@media(max-width: 900px) {
  .exchange-rate-jpcontainer12 {
    width: 613px;
    height: 265px;
  }
  .exchange-rate-jpimage10 {
    height: 392px;
  }
  .exchange-rate-jpthq-low-cost-elm {
    left: -50px;
    bottom: 70px;
  }
  .exchange-rate-jp-text117 {
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 1.25;
    text-transform: none;
    text-decoration: none;
  }
  .exchange-rate-jpthq-secure-elm {
    gap: 12px;
    bottom: -42px;
  }
  .exchange-rate-jpthq-fast-elm {
    gap: 13px;
    top: -82px;
    right: 40px;
  }
  .exchange-rate-jpcontainer23 {
    width: var(--dl-layout-size-small);
    height: var(--dl-layout-size-small);
  }
  .exchange-rate-jpimage12 {
    width: 30px;
  }
  .exchange-rate-jp-text124 {
    font-size: 18px;
  }
  .exchange-rate-jpimage13 {
    width: 152px;
  }
  .exchange-rate-jpcontainer24 {
    gap: 20px;
  }
  .exchange-rate-jpcontainer41 {
    padding-top: 0px;
  }
  .exchange-rate-jpcontainer44 {
    width: 340px;
  }
  .exchange-rate-jp-text171 {
    width: 170px;
  }
  .exchange-rate-jp-text173 {
    width: 170px;
  }
  .exchange-rate-jp-text175 {
    width: 170px;
  }
  .exchange-rate-jp-text177 {
    width: 170px;
  }
  .exchange-rate-jpcontainer53 {
    width: 340px;
  }
  .exchange-rate-jp-text180 {
    width: 170px;
  }
  .exchange-rate-jp-text182 {
    width: 170px;
  }
  .exchange-rate-jp-text184 {
    width: 170px;
  }
  .exchange-rate-jp-text186 {
    width: 170px;
  }
  .exchange-rate-jpcontainer62 {
    max-width: 704px;
  }
  .exchange-rate-jpcontainer68 {
    gap: 12px;
    flex-direction: column;
  }
  .exchange-rate-jpcontainer69 {
    width: auto;
    align-self: stretch;
  }
  .exchange-rate-jpcontainer72 {
    width: auto;
    align-self: center;
    margin-top: 0px;
    animation-name: none;
    animation-delay: 0s;
    animation-duration: 300ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  .exchange-rate-jpimage21 {
    display: none;
  }
  .exchange-rate-jpimage22 {
    width: 40px;
    display: flex;
  }
  .exchange-rate-jpcontainer73 {
    width: auto;
    align-self: stretch;
    margin-top: -26px;
  }
  .exchange-rate-jpcontainer77 {
    flex-direction: column;
  }
}
 
@media(max-width: 767px) {
  .exchange-rate-jpthq-hero-elm {
    gap: var(--dl-layout-space-twounits);
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 38px;
  }
  .exchange-rate-jpcontainer11 {
    gap: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-jp-text110 {
    font-size: 30px;
  }
  .exchange-rate-jp-text111 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer12 {
    width: 100%;
    max-width: 630px;
    margin-top: 44px;
    margin-bottom: 20px;
  }
  .exchange-rate-jpimage10 {
    height: 313px;
  }
  .exchange-rate-jpthq-low-cost-elm {
    gap: var(--dl-layout-space-halfunit);
    left: -10px;
    bottom: 40px;
  }
  .exchange-rate-jpcontainer13 {
    gap: 12px;
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-jp-text115 {
    font-size: 8px;
  }
  .exchange-rate-jp-text116 {
    font-size: 12px;
  }
  .exchange-rate-jp-text117 {
    font-size: 12px;
  }
  .exchange-rate-jp-text118 {
    font-size: 8px;
  }
  .exchange-rate-jp-text119 {
    font-size: 12px;
  }
  .exchange-rate-jp-text120 {
    font-size: 8px;
  }
  .exchange-rate-jpthq-text-elm1 {
    font-size: 12px;
  }
  .exchange-rate-jpthq-secure-elm {
    gap: var(--dl-layout-space-halfunit);
    right: -10px;
    bottom: -18px;
  }
  .exchange-rate-jpcontainer19 {
    gap: 6px;
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-jp-text122 {
    font-size: 8px;
  }
  .exchange-rate-jp-text123 {
    font-size: 12px;
  }
  .exchange-rate-jpimage11 {
    width: 18px;
    height: 18px;
  }
  .exchange-rate-jpthq-fast-elm {
    gap: var(--dl-layout-space-halfunit);
    top: 40px;
    right: -10px;
  }
  .exchange-rate-jpcontainer22 {
    gap: 6px;
  }
  .exchange-rate-jpcontainer23 {
    width: 30px;
    height: 30px;
  }
  .exchange-rate-jpimage12 {
    width: 18px;
  }
  .exchange-rate-jp-text124 {
    font-size: 11px;
  }
  .exchange-rate-jpimage13 {
    width: 100px;
    border-radius: 12px;
  }
  .exchange-rate-jp-text125 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer24 {
    gap: var(--dl-layout-space-unit);
    align-items: center;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    padding-bottom: 40px;
  }
  .exchange-rate-jpcontainer25 {
    gap: var(--dl-layout-space-twounits);
    padding: var(--dl-layout-space-twounits);
    max-width: 630px;
  }
  .exchange-rate-jpimage14 {
    width: 40px;
  }
  .exchange-rate-jp-text131 {
    font-size: 16px;
  }
  .exchange-rate-jp-text132 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer28 {
    gap: var(--dl-layout-space-twounits);
    padding: var(--dl-layout-space-twounits);
    max-width: 630px;
  }
  .exchange-rate-jpimage15 {
    width: 40px;
  }
  .exchange-rate-jp-text133 {
    font-size: 16px;
  }
  .exchange-rate-jp-text134 {
    font-size: 14px;
  }
  .exchange-rate-jp-text135 {
    font-size: 10px;
  }
  .exchange-rate-jpcontainer31 {
    gap: var(--dl-layout-space-halfunit);
    max-width: 630px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-twounits);
  }
  .exchange-rate-jp-text136 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer33 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .exchange-rate-jpcontainer34 {
    gap: var(--dl-layout-space-halfunit);
    max-width: 630px;
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--dl-layout-space-twounits);
  }
  .exchange-rate-jp-text144 {
    font-size: 30px;
  }
  .exchange-rate-jp-text145 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer35 {
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .exchange-rate-jpcontainer36 {
    width: 100%;
    max-width: 630px;
    align-items: center;
  }
  .exchange-rate-jp-text149 {
    font-size: 14px;
  }
  .exchange-rate-jp-text155 {
    font-size: 14px;
  }
  .exchange-rate-jpimage16 {
    width: 100%;
    max-width: 630px;
  }
  .exchange-rate-jpcontainer38 {
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    padding-bottom: 40px;
  }
  .exchange-rate-jpimage17 {
    width: 100%;
    max-width: 630px;
  }
  .exchange-rate-jpcontainer40 {
    width: 100%;
    max-width: 630px;
    align-items: center;
  }
  .exchange-rate-jp-text159 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer41 {
    gap: var(--dl-layout-space-twounits);
    width: auto;
    max-width: 630px;
    padding-top: 40px;
    padding-left: 16px;
    padding-bottom: 40px;
  }
  .exchange-rate-jp-text166 {
    font-size: 30px;
  }
  .exchange-rate-jp-text167 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer43 {
    flex-direction: column;
  }
  .exchange-rate-jp-text171 {
    font-size: 14px;
  }
  .exchange-rate-jp-text172 {
    font-size: 14px;
  }
  .exchange-rate-jp-text173 {
    font-size: 14px;
  }
  .exchange-rate-jp-text174 {
    font-size: 14px;
  }
  .exchange-rate-jp-text175 {
    font-size: 14px;
  }
  .exchange-rate-jp-text176 {
    font-size: 14px;
  }
  .exchange-rate-jp-text177 {
    font-size: 14px;
  }
  .exchange-rate-jp-text178 {
    font-size: 14px;
  }
  .exchange-rate-jp-text180 {
    font-size: 14px;
  }
  .exchange-rate-jp-text181 {
    font-size: 14px;
  }
  .exchange-rate-jp-text182 {
    font-size: 14px;
  }
  .exchange-rate-jp-text183 {
    font-size: 14px;
  }
  .exchange-rate-jp-text184 {
    font-size: 14px;
  }
  .exchange-rate-jp-text185 {
    font-size: 14px;
  }
  .exchange-rate-jp-text186 {
    font-size: 14px;
  }
  .exchange-rate-jp-text187 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer62 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .exchange-rate-jp-text188 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer63 {
    justify-content: center;
  }
  .exchange-rate-jp-text189 {
    font-size: 16px;
  }
  .exchange-rate-jp-text190 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer64 {
    gap: var(--dl-layout-space-oneandhalfunits);
    max-width: 630px;
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
  }
  .exchange-rate-jp-text191 {
    font-size: 30px;
  }
  .exchange-rate-jp-text192 {
    font-size: 14px;
  }
  .exchange-rate-jp-text193 {
    font-size: 14px;
  }
  .exchange-rate-jp-text194 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer65 {
    padding-right: 0px;
    justify-content: center;
  }
  .exchange-rate-jpimage19 {
    width: 42px;
  }
  .exchange-rate-jp-text200 {
    font-size: 12px;
  }
  .exchange-rate-jpthq-calculator-elm1 {
    max-width: 630px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .exchange-rate-jpcontainer67 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-unit);
    padding-bottom: var(--dl-layout-space-oneandhalfunits);
  }
  .exchange-rate-jp-text201 {
    font-size: 12px;
  }
  .exchange-rate-jpcontainer70 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: 12px;
    border-radius: 12px;
    padding-right: 12px;
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-jp-text202 {
    font-size: 20px;
  }
  .exchange-rate-jpimage20 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-jp-text203 {
    font-size: 20px;
  }
  .exchange-rate-jpimage22 {
    width: 24px;
  }
  .exchange-rate-jp-text204 {
    font-size: 12px;
  }
  .exchange-rate-jpcontainer74 {
    padding-top: var(--dl-layout-space-unit);
    padding-left: 12px;
    border-radius: 12px;
    padding-right: 12px;
    padding-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-jp-text205 {
    font-size: 20px;
  }
  .exchange-rate-jpimage23 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-jp-text206 {
    font-size: 20px;
  }
  .exchange-rate-jpimage24 {
    width: var(--dl-layout-size-xsmall);
  }
  .exchange-rate-jpcontainer76 {
    padding: var(--dl-layout-space-unit);
    align-items: flex-start;
    flex-direction: column;
  }
  .exchange-rate-jpcontainer77 {
    margin-bottom: var(--dl-layout-space-unit);
  }
  .exchange-rate-jp-text207 {
    font-size: 14px;
  }
  .exchange-rate-jp-text209 {
    font-size: 16px;
  }
  .exchange-rate-jp-text210 {
    font-size: 14px;
  }
  .exchange-rate-jpimage26 {
    width: 32px;
    height: 32px;
  }
  .exchange-rate-jp-text212 {
    font-size: 14px;
  }
  .exchange-rate-jpthq-text-elm2 {
    font-size: 16px;
  }
}
 
@media(max-width: 479px) {
  .exchange-rate-jpthq-hero-elm {
    gap: var(--dl-layout-space-threeunits);
    padding-bottom: 38px;
  }
  .exchange-rate-jp-text110 {
    font-size: 30px;
  }
  .exchange-rate-jp-text111 {
    font-size: 14px;
  }
  .exchange-rate-jpthq-low-cost-elm {
    left: -10px;
  }
  .exchange-rate-jpcontainer13 {
    padding-top: var(--dl-layout-space-halfunit);
    padding-left: var(--dl-layout-space-halfunit);
    padding-right: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-jpthq-secure-elm {
    right: -10px;
  }
  .exchange-rate-jpcontainer19 {
    padding: 10px;
    padding-top: var(--dl-layout-space-halfunit);
    padding-left: var(--dl-layout-space-halfunit);
    padding-right: var(--dl-layout-space-halfunit);
    padding-bottom: var(--dl-layout-space-halfunit);
  }
  .exchange-rate-jpcontainer20 {
    gap: 2px;
    padding-right: 0px;
  }
  .exchange-rate-jp-text125 {
    font-size: 14px;
  }
  .exchange-rate-jpcontainer34 {
    padding-top: 40px;
  }
  .exchange-rate-jp-text149 {
    font-size: 14px;
  }
  .exchange-rate-jp-text155 {
    font-size: 14px;
  }
  .exchange-rate-jpimage16 {
    width: 100%;
  }
  .exchange-rate-jpimage17 {
    width: 100%;
  }
  .exchange-rate-jpcontainer43 {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: column;
  }
  .exchange-rate-jpcontainer44 {
    width: auto;
  }
  .exchange-rate-jp-text171 {
    width: 150px;
  }
  .exchange-rate-jp-text173 {
    width: 150px;
  }
  .exchange-rate-jp-text175 {
    width: 150px;
  }
  .exchange-rate-jp-text177 {
    width: 150px;
  }
  .exchange-rate-jpcontainer53 {
    width: auto;
  }
  .exchange-rate-jp-text180 {
    width: 150px;
  }
  .exchange-rate-jp-text182 {
    width: 150px;
  }
  .exchange-rate-jp-text184 {
    width: 150px;
  }
  .exchange-rate-jp-text186 {
    width: 150px;
  }
}