@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");

:root {
  --font-mulish: "Mulish", sans-serif;
  --font-karla: "Karla", sans-serif;

  --font-xlg: 50px;
  --font-lg: 35px;
  --font-md: 25px;
  --font-sm: 18px;
  --font-xsm: 16px;
  --font-tiny: 14px;
  --font-ant: 12px;

  --theme-font: "Karla", sans-serif;
  --theme-color-base: var(--color-foreground);
  --theme-color-primary: var(--color-primary);
  --theme-color-secondary: var(--color-secondary);

  --color-foreground: #fffefe;
  --color-foreground-10: rgba(255, 254, 254, 0.1);
  --color-foreground-50: rgba(255, 254, 254, 0.5);
  --color-foreground-70: rgba(255, 254, 254, 0.7);
  --color-primary: #2689c7;
  --color-primary-5: rgba(38, 137, 199, 0.05);
  --color-primary-10: rgba(38, 137, 199, 0.1);
  --color-primary-20: rgba(38, 137, 199, 0.2);
  --color-primary-30: rgba(38, 137, 199, 0.3);
  --color-secondary: #091d2c;
  --color-secondary-5: rgba(9, 29, 44, 0.05);
  --color-secondary-10: rgba(9, 29, 44, 0.1);
  --color-secondary-20: rgba(9, 29, 44, 0.2);
  --color-secondary-30: rgba(9, 29, 44, 0.3);
  --color-secondary-50: rgba(9, 29, 44, 0.5);
  --color-hint: #ec801c;

  --pixel-2: 2px;
  --pixel-5: 5px;
  --pixel-10: 10px;
  --pixel-13: 13px;
  --pixel-15: 15px;
  --pixel-20: 20px;
  --pixel-25: 25px;
  --pixel-30: 30px;
  --pixel-35: 35px;
  --pixel-40: 40px;
  --pixel-45: 45px;
  --pixel-50: 50px;
  --pixel-55: 55px;
  --pixel-60: 60px;
  --pixel-65: 65px;
  --pixel-70: 70px;
  --pixel-75: 75px;
  --pixel-80: 80px;
  --pixel-85: 85px;
  --pixel-90: 90px;
  --pixel-95: 95px;
  --pixel-100: 100px;
  --pixel-120: 120px;
  --pixel-130: 130px;
  --pixel-150: 150px;
  --pixel-200: 200px;
  --pixel-250: 250px;
  --pixel-300: 300px;
  --pixel-350: 350px;
  --pixel-400: 400px;
  --pixel-450: 450px;
  --pixel-500: 500px;
  --pixel-550: 550px;
  --pixel-600: 600px;
  --pixel-650: 650px;
  --pixel-700: 700px;
  --pixel-750: 750px;
  --pixel-800: 800px;
  --pixel-850: 850px;
  --pixel-900: 900px;
  --pixel-950: 950px;

  --pixel-min-2: -2px;
  --pixel-min-5: -5px;
  --pixel-min-10: -10px;
  --pixel-min-15: -15px;
  --pixel-min-20: -20px;
  --pixel-min-30: -30px;
  --pixel-min-100: -100px;
}

@media screen and (min-width: 701px) and (max-width: 1120px) {
  :root {
    --font-xlg: 43px;
    --font-lg: 30px;
    --font-md: 21.5px;
    --font-sm: 15.5px;
    --font-xsm: 14px;
    --font-tiny: 12px;
    --font-ant: 10px;

    --pixel-2: 1.7px;
    --pixel-5: 4px;
    --pixel-10: 8.5px;
    --pixel-13: 11px;
    --pixel-15: 13px;
    --pixel-20: 17px;
    --pixel-25: 21px;
    --pixel-30: 26px;
    --pixel-35: 30px;
    --pixel-40: 34px;
    --pixel-45: 38.5px;
    --pixel-50: 43px;
    --pixel-55: 47px;
    --pixel-60: 51.5px;
    --pixel-65: 56px;
    --pixel-70: 60px;
    --pixel-75: 64px;
    --pixel-80: 68.5px;
    --pixel-85: 73px;
    --pixel-90: 77px;
    --pixel-95: 81.5px;
    --pixel-100: 85px;
    --pixel-120: 103px;
    --pixel-130: 111px;
    --pixel-150: 128.5px;
    --pixel-200: 171.5px;
    --pixel-250: 214px;
    --pixel-300: 257px;
    --pixel-350: 300px;
    --pixel-400: 343px;
    --pixel-450: 386px;
    --pixel-500: 428.5px;
    --pixel-550: 471.5px;
    --pixel-600: 514px;
    --pixel-650: 557px;
    --pixel-700: 600px;
    --pixel-750: 643px;
    --pixel-800: 686px;
    --pixel-850: 728.5px;
    --pixel-900: 771.5px;
    --pixel-950: 950px;

    --pixel-min-2: -1.7px;
    --pixel-min-5: -4px;
    --pixel-min-10: -8.5px;
    --pixel-min-15: -13px;
    --pixel-min-20: -17px;
    --pixel-min-30: -26px;
    --pixel-min-100: -85px;
  }
}

@media screen and (max-width: 700px) {
  :root {
    --font-xlg: 36px;
    --font-lg: 25px;
    --font-md: 18px;
    --font-sm: 13px;
    --font-xsm: 11.5px;
    --font-tiny: 10px;
    --font-ant: 8.5px;

    --pixel-2: 1.5px;
    --pixel-5: 3.5px;
    --pixel-10: 7px;
    --pixel-13: 9px;
    --pixel-15: 11px;
    --pixel-20: 14px;
    --pixel-25: 18px;
    --pixel-30: 21px;
    --pixel-35: 25px;
    --pixel-40: 29px;
    --pixel-45: 32px;
    --pixel-50: 36px;
    --pixel-55: 39px;
    --pixel-60: 43px;
    --pixel-65: 46.5px;
    --pixel-70: 50px;
    --pixel-75: 53.5px;
    --pixel-80: 57px;
    --pixel-85: 61px;
    --pixel-90: 64px;
    --pixel-95: 68px;
    --pixel-100: 71.5px;
    --pixel-120: 86px;
    --pixel-130: 93px;
    --pixel-150: 107px;
    --pixel-200: 143px;
    --pixel-250: 179px;
    --pixel-300: 214.5px;
    --pixel-350: 250px;
    --pixel-400: 286px;
    --pixel-450: 321.5px;
    --pixel-500: 357px;
    --pixel-550: 393px;
    --pixel-600: 428.5px;
    --pixel-650: 464px;
    --pixel-700: 500px;
    --pixel-750: 536px;
    --pixel-800: 571px;
    --pixel-850: 607px;
    --pixel-900: 643px;
    --pixel-950: 950px;

    --pixel-min-2: -1.5px;
    --pixel-min-5: -3.5px;
    --pixel-min-10: -7px;
    --pixel-min-15: -11px;
    --pixel-min-20: -14px;
    --pixel-min-30: -21px;
    --pixel-min-100: -71.5px;
  }
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}
 a {
  text-decoration: none;
 }

label {
  margin-bottom: 0 !important;
}


.modal {
  z-index: 1000 !important;
}
.modal-backdrop {
  z-index: 999 !important;
}
.modal-hader-apply,
.modal-header {
  background: transparent !important;
  border-bottom: 0 solid transparent !important;
}
.modal_book, .modal-content {
  border-radius: 20px !important;
}
.modal-body {
  padding: 0px !important;
}
.modal-content {
  padding: 60px 30px !important;
}
.modal-content.modal-small {
  padding: 20px 20px 5px !important;
}
.border {
  border: 1px solid #2689c74d !important;
  border-radius: 20px;
}
.border-bottom {
  border-bottom: 1px solid #2689c74d !important;
}
.border-top {
  border-top: 1px solid #2689c74d !important;
}

@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap);.whatsapp-button_whatsappButtonIcon__7XuSW {
  flex-shrink: 0;
  height: auto;
  overflow: hidden;
  position: relative;
  width: var(--pixel-40)
}

.whatsapp-button_whatsappButton__5DvWo {
  background-color: #55cd6c;
  border: 0;
  border-radius: 50%;
  bottom: var(--pixel-30);
  cursor: pointer;
  flex-direction: row;
  height: var(--pixel-60);
  padding: 0;
  position: fixed;
  right: var(--pixel-30);
  width: var(--pixel-60);
  z-index: 996
}

.icons_isIcon__b3gwX,.whatsapp-button_whatsappButton__5DvWo {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden
}

.icons_isIcon__b3gwX {
  box-sizing: border-box;
  color: inherit;
  flex-direction: column;
  height: var(--pixel-20);
  transition: all .3s ease-in-out;
  width: var(--pixel-20)
}

.icons_isIcon__b3gwX.icons_flipped__mLwQ3 {
  transform: scaleY(-1)
}

.icons_isIcon__b3gwX.icons_spin__ncrM4 {
  animation: icons_spin__ncrM4 1.5s linear infinite
}

@keyframes icons_spin__ncrM4 {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(-1turn)
  }
}

.back-button_backButton__EQYmH {
  align-items: center;
  background-color: var(--color-foreground);
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  box-shadow: 0 17px 5px #0000,0 11px 4px #00000003,0 6px 4px #00000008,0 3px 3px #0000000a,0 1px 2px #0000000d;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: var(--pixel-50);
  justify-content: center;
  left: var(--pixel-80);
  padding: 0 var(--pixel-20);
  position: fixed;
  top: var(--pixel-30);
  z-index: 996
}

.back-button_backButton__EQYmH.back-button_lower__m7XQY {
  top: var(--pixel-120)
}

@media (max-width: 910px) {
  .back-button_backButton__EQYmH {
      left:var(--pixel-30)
  }
}

.desktop {
  display: flex !important;
}
.mobile {
  display: none !important;
}
@media (max-width: 910px) {
  .desktop{
      display: none !important;
  }
  .mobile{
      display: flex !important;
  }
}

.oimage_popupOverlay__8O1Nu {
  align-items: center;
  background-color: #00000080;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

.oimage_popupContent__LXk3D {
  align-items: center;
  background-color: var(--color-foreground);
  border-radius: var(--pixel-20);
  box-shadow: 0 0 var(--pixel-10) #00000080;
  display: flex;
  flex-direction: column;
  max-height: 90%;
  max-width: 90%;
  padding: var(--pixel-10);
  position: relative
}

.oimage_popupImage__RSupF {
  border-radius: var(--pixel-10);
  max-height: 80vh;
  max-width: 100%
}

.search-drawer_searchFieldset__Vjrh- {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: var(--pixel-5);
  justify-content: flex-start
}

.search-drawer_searchBar__ST8rD {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: var(--pixel-10);
  justify-content: center;
  margin: 0;
  padding: var(--pixel-30) var(--pixel-80) 0
}

.search-drawer_suggestTitle__o1Xqf {
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
  position: relative
}

.search-drawer_searchSuggest__ksEgR,.search-drawer_suggestItems__ImXhs {
  align-self: stretch;
  display: flex
}

.search-drawer_suggestItems__ImXhs {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-10);
  justify-content: center
}

.search-drawer_searchSuggest__ksEgR {
  align-items: center;
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-20);
  justify-content: flex-start;
  padding: 0 var(--pixel-80);
  text-align: center
}

.search-drawer_resultTitle__gz0Tj {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
  position: relative
}

.search-drawer_resultHead__FnRtU {
  align-items: center;
  flex-direction: column;
  padding: 0 var(--pixel-80)
}

.search-drawer_resultHead__FnRtU,.search-drawer_resultItems__KafZP,.search-drawer_searchDrawer__t2uws,.search-drawer_searchResult__wXCD9 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.search-drawer_resultItems__KafZP {
  align-items: flex-start;
  flex-direction: row;
  gap: var(--pixel-13);
  overflow-x: auto;
  padding: 0 var(--pixel-80) var(--pixel-30)
}

.search-drawer_resultItems__KafZP::-webkit-scrollbar {
  display: none
}

.search-drawer_searchDrawer__t2uws,.search-drawer_searchResult__wXCD9 {
  align-items: center;
  flex-direction: column
}

.search-drawer_searchResult__wXCD9 {
  color: var(--color-secondary);
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-20);
  text-align: center
}

.search-drawer_searchDrawer__t2uws {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: search-drawer_fadein__lNXJP;
  animation-timing-function: ease-in-out;
  background-color: var(--color-secondary-50);
  box-sizing: border-box;
  flex-shrink: 0;
  gap: var(--pixel-30);
  min-height: 100vh;
  overflow: hidden;
  padding: var(--pixel-90) 0 0
}

.search-drawer_searchDrawer__t2uws.search-drawer_close__p8F1e {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: search-drawer_fadeout__eTqjC;
  animation-timing-function: ease-in-out
}

.search-drawer_searchScroll__\+CYzQ {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-start;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997
}

@keyframes search-drawer_fadein__lNXJP {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes search-drawer_fadeout__eTqjC {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@media (max-width: 910px) {
  .search-drawer_resultItems__KafZP {
      padding:0 var(--pixel-30) var(--pixel-30)
  }

  .search-drawer_resultHead__FnRtU,.search-drawer_searchSuggest__ksEgR {
      padding: 0 var(--pixel-30)
  }

  .search-drawer_searchBar__ST8rD {
      padding: var(--pixel-30) var(--pixel-30) 0
  }
}

.menu-drawer_drawerContent__1o1oH,.menu-drawer_drawerItems__dv1wz,.menu-drawer_menuDrawer__yt05p {
  align-self: stretch;
  display: flex;
  flex-direction: column
}

.menu-drawer_drawerItems__dv1wz {
  align-items: center;
  justify-content: flex-start
}

.menu-drawer_drawerContent__1o1oH,.menu-drawer_menuDrawer__yt05p {
  align-items: flex-start
}

.menu-drawer_drawerContent__1o1oH {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: menu-drawer_slidedown__gBPmZ;
  animation-timing-function: ease-in-out;
  background-color: var(--color-foreground);
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-25);
  box-shadow: 0 19px 5px #0000,0 12px 5px #091d2c03,0 7px 4px #091d2c08,0 3px 3px #091d2c0a,0 1px 2px #091d2c0d;
  gap: var(--pixel-10);
  justify-content: center;
  overflow: hidden;
  padding: var(--pixel-10)
}

.menu-drawer_drawerContent__1o1oH.menu-drawer_close__fRKe\+ {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: menu-drawer_slideup__dpS7j;
  animation-timing-function: ease-in-out
}

.menu-drawer_menuDrawer__yt05p {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: menu-drawer_fadein__cJn5H;
  animation-timing-function: ease-in-out;
  background-color: #00000080;
  justify-content: flex-start;
  left: 0;
  margin: 0;
  min-height: 100vh;
  padding: var(--pixel-90) var(--pixel-15) var(--pixel-10);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997
}

.menu-drawer_menuDrawer__yt05p.menu-drawer_close__fRKe\+ {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: menu-drawer_fadeout__a4fdQ;
  animation-timing-function: ease-in-out
}

@keyframes menu-drawer_fadein__cJn5H {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes menu-drawer_fadeout__a4fdQ {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes menu-drawer_slideup__dpS7j {
  0% {
      opacity: 1;
      transform: translateY(0)
  }

  to {
      opacity: 0;
      transform: translateY(var(--pixel-min-30))
  }
}

@keyframes menu-drawer_slidedown__gBPmZ {
  0% {
      opacity: 0;
      transform: translateY(var(--pixel-min-30))
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

.navbar_navbarMenu__ulAwQ {
  justify-content: flex-end
}

.navbar_navbarMenu__ulAwQ,.navbar_navbarSearch__NEPYC {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  gap: var(--pixel-10)
}

.navbar_navbarSearch__NEPYC {
  justify-content: flex-start;
}

.navbar_navbarContent__ytFWV,.navbar_navbar__qMJcI {
  align-items: center;
  align-self: stretch;
  display: flex
}

.navbar_navbarContent__ytFWV {
  background-color: var(--color-foreground);
  border: 1px solid var(--color-primary-30);
  border-radius: 9999px;
  box-shadow: 0 19px 5px #0000,0 12px 5px #091d2c03,0 7px 4px #091d2c08,0 3px 3px #091d2c0a,0 1px 2px #091d2c0d;
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  height: var(--pixel-70);
  justify-content: space-between;
  margin: 0;
  overflow: hidden;
  padding: var(--pixel-15)
}

.navbar_navbar__qMJcI {
  flex-direction: column;
  justify-content: flex-start;
  left: 0;
  padding: var(--pixel-10) var(--pixel-45);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

@media (max-width: 910px) {
  .navbar_navbar__qMJcI {
      padding:var(--pixel-10) var(--pixel-15)
  }
}

.footer_footerContent__BsSuD {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-30) var(--pixel-50);
  justify-content: flex-start;
  overflow: hidden
}

.footer_footerCopyright__yHEKp {
  align-self: stretch;
  font-weight: 500;
  position: relative
}

.footer_footer__ij4Dn {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-secondary);
  color: var(--color-foreground-50);
  display: flex;
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-30);
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--pixel-30) var(--pixel-100);
  text-align: center
}

@media (max-width: 910px) {
  .footer_footer__ij4Dn {
      padding:var(--pixel-30)
  }
}

.contact-li_liText__dkMDR {
  flex: 1 1;
  font-weight: 500;
  position: relative
}

.contact-li_contactLi__dBHJB {
  align-self: stretch;
  cursor: pointer;
  flex-direction: row
}

.contact-li_contactLi__dBHJB,.footer-contact_footerContact__YpobC {
  align-items: flex-start;
  color: var(--color-foreground);
  display: flex;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  text-align: left
}

.footer-contact_footerContact__YpobC {
  flex: 1 1;
  flex-direction: column;
  min-width: var(--pixel-350)
}

.footer-menu_menuTitle__\+gnJP {
  color: var(--color-foreground);
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  font-weight: 800;
  margin: 0;
  position: relative
}

.footer-menu_menuLi__pssD9 {
  color: var(--color-foreground-70);
  cursor: pointer;
  font-weight: 500;
  position: relative
}

.footer-menu_menuLi__pssD9:hover {
  color: var(--color-foreground)
}

.footer-menu_footerMenu__90kYN {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  overflow: hidden;
  text-align: left
}

.footer-socials_socialsTitle__VuU-H {
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.footer-socials_footerSocials__fRbxQ {
  align-items: flex-start;
  color: var(--color-foreground);
  display: flex;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  overflow: hidden;
  text-align: left
}

.slider-section_contentWrapper__Jw-PE {
  box-sizing: border-box;
  display: inline-flex;
  flex: 1 1;
  margin-right: var(--pixel-10);
  text-align: center
}

.slider-section_contentWrapper__Jw-PE:last-child {
  margin-right: 0
}

.slider-section_newsSliderSection__KvfhG,.slider-section_sectionBody__dJseD,.slider-section_sectionSlider__khiUJ {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.slider-section_sectionSlider__khiUJ {
  flex: 1 1
}

.slider-section_newsSliderSection__KvfhG,.slider-section_sectionBody__dJseD {
  align-self: stretch;
  overflow: hidden;
  position: relative
}

.slider-section_newsSliderSection__KvfhG {
  align-items: center;
  flex-direction: column;
  gap: var(--pixel-10);
  padding: var(--pixel-10) var(--pixel-150)
}

.slider-section_dotContainer__N\+uRb {
  bottom: var(--pixel-20);
  display: flex;
  gap: var(--pixel-5);
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.slider-section_dot__kcucm {
  background: var(--color-primary-30);
  border-radius: 50%;
  cursor: pointer;
  height: var(--pixel-10);
  width: var(--pixel-10);
  z-index: 3
}

.slider-section_activeDot__kQyky {
  background: var(--color-primary)
}

@media screen and (min-width: 701px) and (max-width:910px) {
  .slider-section_newsSliderSection__KvfhG {
      padding:var(--pixel-10) var(--pixel-30)
  }
}

@media screen and (max-width: 700px) {
  .slider-section_newsSliderSection__KvfhG {
      padding:0
  }

  .slider-section_dotContainer__N\+uRb {
      bottom: var(--pixel-10)
  }
}

.css-b62m3t-container {
  flex: 1;
}

.section_section__357kT {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--pixel-30);
  justify-content: center;
  padding: var(--pixel-30) var(--pixel-50)
}

@media (max-width: 910px) {
  .section_section__357kT {
      padding:var(--pixel-30)
  }
}

.category-section_categoryBody__16K7s,.category-section_categorySection__AnfQg {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.category-section_categoryBody__16K7s {
  grid-gap: var(--pixel-10);
  align-items: flex-start;
  display: grid;
  gap: var(--pixel-10);
  grid-template-columns: repeat(10,1fr)
}

.category-section_categorySection__AnfQg {
  gap: var(--pixel-30);
  overflow: hidden;
  padding: var(--pixel-30) var(--pixel-150)
}

@media (max-width: 910px) {
  .category-section_categorySection__AnfQg {
      padding:var(--pixel-30) var(--pixel-30)
  }

  .category-section_categoryBody__16K7s {
      grid-template-columns: repeat(5,1fr)
  }
}

.teacher-section_sectionBody__Xd3UV {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: var(--pixel-13);
  justify-content: flex-start;
  overflow-x: auto;
  padding: var(--pixel-15) var(--pixel-30) var(--pixel-30)
}

.teacher-section_sectionTitle__iTA6\+ {
  flex: 1 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.teacher-section_sectionHead__JfKIA {
  align-items: center;
  align-self: stretch;
  color: var(--color-secondary);
  display: flex;
  flex-direction: row;
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-10);
  justify-content: center;
  padding: var(--pixel-30) var(--pixel-30) var(--pixel-15);
  text-align: left
}

.teacher-section_sectionContent__G1PFt,.teacher-section_teacherSection__5X0d8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden
}

.teacher-section_sectionContent__G1PFt {
  background-color: var(--color-foreground);
  border-radius: var(--pixel-10)
}

.teacher-section_teacherSection__5X0d8 {
  background-color: var(--color-secondary-5);
  padding: var(--pixel-15) var(--pixel-120)
}

@media (max-width: 910px) {
  .teacher-section_teacherSection__5X0d8 {
      padding:var(--pixel-15) var(--pixel-15)
  }

  .teacher-section_sectionHead__JfKIA {
      padding: var(--pixel-20) var(--pixel-20) var(--pixel-15)
  }

  .teacher-section_sectionBody__Xd3UV {
      padding: var(--pixel-15) var(--pixel-20) var(--pixel-20)
  }
}

.skeleton_skeleton__f2-fy {
  background-color: #e0e0e0;
  border-radius: var(--pixel-10);
  margin: 0;
  overflow: hidden;
  position: relative
}

.skeleton_skeleton__f2-fy:before {
  animation: skeleton_shimmer__H-NpG 1.5s infinite;
  background: linear-gradient(90deg,#fff0,#fff3 50%,#fff0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@keyframes skeleton_shimmer__H-NpG {
  0% {
      transform: translateX(-100%)
  }

  to {
      transform: translateX(100%)
  }
}

.skeleton_skeleton__f2-fy.skeleton_image__ofSuG {
  background-color: #ccc;
  height: 150px;
  width: 100%
}

.skeleton_skeleton__f2-fy.skeleton_text__LgpyI {
  background-color: #ccc;
  height: 30px;
  width: 100%
}

.tag_tagText__zbj\+i {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tag_tag__z1duE {
  align-items: center;
  background-color: var(--color-primary-20);
  border-radius: var(--pixel-5);
  color: var(--color-primary);
  display: flex;
  flex-direction: row;
  font-family: var(--font-karla);
  font-size: var(--font-ant);
  justify-content: center;
  padding: var(--pixel-2) var(--pixel-5);
  text-align: center
}

.teacher-card_cardImageIcon__MJ\+ev {
  border-radius: var(--pixel-15);
  height: var(--pixel-150);
  object-fit: cover;
  overflow: hidden;
  width: 100%
}

.teacher-card_contentName__CzRya {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teacher-card_contentName__CzRya,.teacher-card_detLoc__SSWMQ {
  overflow: hidden;
  position: relative
}

.teacher-card_detLoc__SSWMQ {
  flex: 1 1;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teacher-card_contentDet__A1-Q\+,.teacher-card_contentHead__FchG6 {
  align-items: center;
  align-self: stretch;
  color: var(--color-primary);
  display: flex;
  flex-direction: row;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  gap: var(--pixel-5);
  justify-content: flex-start
}

.teacher-card_contentHead__FchG6 {
  align-items: flex-start;
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-xsm);
  overflow: hidden;
  text-align: left
}

.teacher-card_starCount__IVFMs {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teacher-card_contentStar__MIgio,.teacher-card_tagWrap__vUDEY {
  align-items: center;
  flex-direction: row
}

.teacher-card_contentStar__MIgio {
  align-self: stretch;
  display: flex;
  gap: var(--pixel-5);
  justify-content: flex-start
}

.teacher-card_tagWrap__vUDEY {
  flex: 1 1;
  gap: var(--pixel-2);
  overflow: hidden
}

.teacher-card_cardContent__b552-,.teacher-card_contentTag__zFTJq,.teacher-card_tagWrap__vUDEY,.teacher-card_teacherCard__OugJE {
  display: flex;
  justify-content: flex-start
}

.teacher-card_contentTag__zFTJq {
  align-items: center;
  align-self: stretch;
  flex-direction: row;
  gap: var(--pixel-2);
  padding: var(--pixel-5) 0
}

.teacher-card_cardContent__b552-,.teacher-card_teacherCard__OugJE {
  flex-direction: column;
  overflow: hidden
}

.teacher-card_cardContent__b552- {
  align-items: flex-start;
  align-self: stretch;
  color: var(--color-secondary-50);
  cursor: pointer;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  gap: var(--pixel-10);
  padding: var(--pixel-5) var(--pixel-10);
  text-align: left
}

.teacher-card_teacherCard__OugJE {
  align-items: center;
  background-color: var(--color-foreground);
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  box-shadow: 0 31px 9px #0000,0 20px 8px #091d2c03,0 11px 7px #091d2c08,0 5px 5px #091d2c0a,0 1px 3px #091d2c0d;
  box-sizing: border-box;
  flex: 1 1;
  flex-shrink: 0;
  gap: var(--pixel-5);
  min-width: var(--pixel-150);
  padding: var(--pixel-5)
}

.cat-card_cardImageIcon__XfxQ7 {
  border-radius: var(--pixel-5);
  height: var(--pixel-35);
  object-fit: cover;
  position: relative;
  width: var(--pixel-35)
}

.cat-card_cardFrame__VgN3S {
  align-items: center;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-10);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: var(--pixel-45);
  justify-content: center;
  overflow: hidden;
  transition: all .3s ease-in-out;
  width: var(--pixel-45)
}

.cat-card_cardTitle__kLkGk {
  align-self: stretch;
  font-weight: 700;
  overflow: hidden;
  position: relative
}

.cat-card_catCard__3vXJd {
  align-items: center;
  border-radius: var(--pixel-10);
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-tiny);
  gap: var(--pixel-5);
  justify-content: center;
  overflow: hidden;
  padding: var(--pixel-5);
  text-align: center;
  transform: translateY(0);
  transition: all .3s ease-in-out
}

.cat-card_catCard__3vXJd:hover {
  transform: translateY(var(--pixel-min-5))
}

.cat-card_catCard__3vXJd:hover .cat-card_cardFrame__VgN3S {
  border: 1px solid var(--color-primary)
}

.review-card_cardAvatarIcon__7nabT {
  border-radius: 999px;
  flex-shrink: 0;
  height: var(--pixel-60);
  object-fit: cover;
  overflow: hidden;
  width: var(--pixel-60)
}

.review-card_cardName__axLcT,.review-card_cardStatus__qaJhB {
  align-self: stretch;
  position: relative
}

.review-card_cardName__axLcT {
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0
}

.review-card_cardStatus__qaJhB {
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  font-weight: 500
}

.review-card_cardHead__XBj8\+,.review-card_cardInfo__5Dv1K {
  display: flex;
  justify-content: flex-start
}

.review-card_cardInfo__5Dv1K {
  align-items: flex-start;
  flex: 1 1;
  flex-direction: column;
  gap: var(--pixel-2)
}

.review-card_cardHead__XBj8\+ {
  align-items: center;
  align-self: stretch;
  color: var(--color-secondary);
  flex-direction: row;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-20);
  text-align: left
}

.review-card_cardContent__uXIQM {
  align-self: stretch;
  font-weight: 500;
  margin: 0;
  position: relative
}

.review-card_reviewCard__DqPmU {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--color-primary-5);
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-20);
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--pixel-20);
  text-align: left
}

.review-card_reviewCard__DqPmU.review-card_even__Yf6NK {
  background-color: initial;
  border: 1px solid #0000
}

.cert-card_contentText__sPe7V {
  line-clamp: 4;
  -webkit-line-clamp: 4;
  flex: 1 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 900;
  margin: 0;
  position: relative;
  text-overflow: ellipsis
}

.cert-card_contentText__sPe7V.cert-card_mobile__NM-KL {
  line-clamp: 2;
  -webkit-line-clamp: 2
}

.cert-card_cardContent__UdRJM {
  align-items: center;
  box-sizing: border-box;
  color: var(--color-foreground);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  height: 100%;
  justify-content: flex-start;
  left: 0;
  margin: 0!important;
  overflow: hidden;
  padding: var(--pixel-45) var(--pixel-20) var(--pixel-20) var(--pixel-80);
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 1
}

.cert-card_cardImageIcon__J6BVN {
  height: auto;
  object-fit: cover;
  position: relative;
  width: var(--pixel-300);
  z-index: 0
}
@media (max-width: 910px) {
  .cert-card_cardImageIcon__J6BVN.desktop {
    display: none;
  }
}
@media (min-width: 910px) {
  .cert-card_cardImageIcon__J6BVN.mobile {
    display: none;
  }
}

.cert-card_certCard__plSSH {
  position: relative;
  width: var(--pixel-300)
}

.cert-card_certCard__plSSH,.portal-section_portal__w\+t1T {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden
}

.portal-section_portal__w\+t1T {
  align-self: stretch;
  background-image: url(/static/media/34589.1bec6f124966d97f6663.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  min-height: 100vh;
  padding: var(--pixel-30) var(--pixel-80)
}

@media (max-width: 910px) {
  .portal-section_portal__w\+t1T {
      padding:var(--pixel-30)
  }
}

.portal-form_formTnc__Tbgy7 input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.portal-form_checkmark__GXhuC {
  background-color: #eee;
  border-radius: var(--pixel-5);
  height: var(--pixel-25);
  left: 0;
  position: absolute;
  top: 0;
  width: var(--pixel-25)
}

.portal-form_formTnc__Tbgy7 input:checked~.portal-form_checkmark__GXhuC {
  background-color: var(--color-primary)
}

.portal-form_checkmark__GXhuC:after {
  content: "";
  display: none;
  position: absolute
}

.portal-form_formTnc__Tbgy7 input:checked~.portal-form_checkmark__GXhuC:after {
  display: block
}

.portal-form_formTnc__Tbgy7 .portal-form_checkmark__GXhuC:after {
  border: solid #fff;
  border-width: 0 var(--pixel-2) var(--pixel-2) 0;
  height: var(--pixel-10);
  left: var(--pixel-10);
  top: var(--pixel-5);
  transform: rotate(45deg);
  width: var(--pixel-5)
}

.portal-form_tncText__K5GNE {
  color: var(--color-secondary-50);
  flex: 1 1;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: left
}

.portal-form_formTnc__Tbgy7,.portal-form_portalForm__0V9Sd {
  display: flex;
  justify-content: flex-start
}

.portal-form_formTnc__Tbgy7 {
  align-items: flex-start;
  align-self: stretch;
  flex-direction: row;
  gap: var(--pixel-5);
  padding-left: var(--pixel-30);
  position: relative
}

.portal-form_portalForm__0V9Sd {
  align-items: center;
  background-color: var(--color-foreground);
  border-radius: var(--pixel-20);
  box-sizing: border-box;
  flex-direction: column;
  gap: var(--pixel-30);
  margin: 0;
  max-width: var(--pixel-500);
  overflow: hidden;
  padding: var(--pixel-60) var(--pixel-30);
  width: 100%
}

.form-fieldset_fieldsetAlt__yrngR {
  align-self: stretch;
  font-weight: 500;
  position: relative
}

.form-fieldset_formFieldset__sOISU {
  align-items: center;
  align-self: stretch;
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  text-align: center
}

.product-item_itemLabel__65uJy,.product-item_itemValue__gHffy {
  flex: 1 1;
  position: relative
}

.product-item_itemValue__gHffy {
  font-weight: 700;
  text-align: right
}

.product-item_productItem__cveWD {
  color: var(--color-secondary);
  flex-direction: row;
  flex-shrink: 0;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-10);
  overflow: hidden;
  padding: var(--pixel-10);
  text-align: left
}

.product-item_productItem__cveWD,.product-sm_productSm__zoaqT {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.product-sm_productSm__zoaqT {
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-10);
  box-sizing: border-box;
  flex-direction: column;
  max-height: var(--pixel-150);
  overflow-y: auto
}

.weekly-calendar_calendarDay__-IAfh {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-start
}

.weekly-calendar_calendarDays__SilRo {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: flex-start
}

.weekly-calendar_calendarTime__F1u6v {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.weekly-calendar_dayBody__JFYPV {
  align-items: center;
  align-self: stretch;
  box-shadow: inset 0 0 0 .5px var(--color-secondary-20);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: var(--pixel-45);
  justify-content: center;
  overflow: hidden;
  position: relative
}

.weekly-calendar_dayBody__JFYPV.weekly-calendar_booked__3kpRh {
  background-color: var(--color-primary);
  box-shadow: inset 0 0 0 .5px var(--color-primary);
  cursor: default
}

.weekly-calendar_dayBody__JFYPV.weekly-calendar_available__OqZCt {
  background-color: var(--color-hint);
  box-shadow: inset 0 0 0 .5px var(--color-hint);
  cursor: pointer
}

.weekly-calendar_dayBody__JFYPV.weekly-calendar_unavailable__HuWCw {
  background-color: var(--color-secondary-5);
  cursor: not-allowed
}

.weekly-calendar_dayHeaderText__l1V44 {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.weekly-calendar_dayHeaderText__l1V44,.weekly-calendar_dayHeader__3N-DG,.weekly-calendar_headerSpan__aRfnb {
  align-self: stretch;
  overflow: hidden
}

.weekly-calendar_headerSpan__aRfnb {
  font-size: var(--font-tiny);
  font-weight: 600;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.weekly-calendar_dayHeader__3N-DG {
  align-items: flex-start;
  background-color: initial;
  box-shadow: inset 0 0 0 .5px var(--color-secondary-20);
  box-sizing: border-box;
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  height: var(--pixel-80);
  justify-content: center;
  padding: var(--pixel-10);
  text-align: left
}

.weekly-calendar_dayHeader__3N-DG.weekly-calendar_active__Az\+nN {
  background-color: var(--color-primary);
  box-shadow: inset 0 0 0 .5px var(--color-primary);
  color: var(--color-foreground)
}

.weekly-calendar_calendarDay__-IAfh:last-child .weekly-calendar_dayHeader__3N-DG {
  border-radius: 0 var(--pixel-20) 0 0
}

.weekly-calendar_calendarDay__-IAfh:last-child .weekly-calendar_dayBody__JFYPV:last-child {
  border-radius: 0 0 var(--pixel-20) 0
}

.weekly-calendar_dayList__Sl4\+Q {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.weekly-calendar_bodyValue__6XDfW {
  font-weight: 500;
  position: relative
}

.weekly-calendar_timeBody__II1JV {
  align-items: center;
  box-shadow: inset 0 0 0 .5px var(--color-secondary-20);
  box-sizing: border-box;
  color: var(--color-secondary);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  height: var(--pixel-45);
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 var(--pixel-10);
  text-align: right;
  width: var(--pixel-80)
}

.weekly-calendar_timeBody__II1JV:last-child {
  border-radius: 0 0 0 var(--pixel-20)
}

.weekly-calendar_headerText__bz7kU {
  font-weight: 500;
  position: relative
}

.weekly-calendar_timeHeader__6LRvm {
  align-items: center;
  border-radius: var(--pixel-20) 0 0 0;
  box-shadow: inset 0 0 0 .5px var(--color-secondary-20);
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  height: var(--pixel-80);
  justify-content: center;
  overflow: hidden;
  width: var(--pixel-80)
}

.weekly-calendar_timeHeader__6LRvm,.weekly-calendar_timeList__ML7ym {
  color: var(--color-secondary);
  display: flex;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  text-align: right
}

.weekly-calendar_timeList__ML7ym {
  font-feature-settings: "tnum";
  align-items: flex-start;
  flex-direction: column;
  font-variant-numeric: tabular-nums;
  justify-content: flex-start
}

.weekly-calendar_weeklyCalendar__S2MUg {
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--pixel-20);
  box-shadow: 0 0 0 .5px var(--color-secondary-20);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto
}

.popup-form_formTitle__INTDi {
  align-self: stretch;
  color: var(--color-secondary);
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  font-weight: 800;
  margin: 0;
  position: relative;
  text-align: center
}

.popup-form_formFieldset__8Qm3F {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-10);
  justify-content: flex-start
}

.popup-form_formNote__RIIth {
  align-self: stretch;
  color: var(--color-secondary-50);
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  position: relative;
  text-align: left
}

.popup-form_formBody__S9G7v,.popup-form_popupContainer__0kHEK,.popup-form_popupForm__0a\+Lp {
  align-items: center;
  display: flex;
  flex-direction: column
}

.popup-form_formBody__S9G7v {
  align-self: stretch;
  gap: var(--pixel-10);
  justify-content: flex-start
}

.popup-form_popupContainer__0kHEK {
  box-sizing: border-box;
  overflow: hidden
}

.popup-form_popupForm__0a\+Lp {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: popup-form_slideup__AevKM;
  animation-timing-function: ease-in-out;
  background-color: var(--color-foreground);
  border-radius: var(--pixel-20);
  box-sizing: border-box;
  gap: var(--pixel-30);
  justify-content: flex-start;
  margin: 0;
  max-width: var(--pixel-650);
  padding: var(--pixel-60) var(--pixel-30);
  width: 100%
}

.popup-form_popupForm__0a\+Lp.popup-form_close__7DU7m {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: popup-form_slidedown__wj6Q-;
  animation-timing-function: ease-in-out
}

.popup-form_popupContainer__0kHEK {
  align-self: stretch;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: popup-form_fadein__j4Lqv;
  animation-timing-function: ease-in-out;
  background-color: #00000080;
  flex-shrink: 0;
  justify-content: center;
  min-height: 100vh;
  padding: var(--pixel-30) var(--pixel-80)
}

.popup-form_popupContainer__0kHEK.popup-form_close__7DU7m {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: popup-form_fadeout__V4lmk;
  animation-timing-function: ease-in-out
}

.popup-form_popupScroll__ja8eY {
  height: 100vh;
  justify-content: flex-start;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

@keyframes popup-form_fadein__j4Lqv {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes popup-form_fadeout__V4lmk {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes popup-form_slideup__AevKM {
  0% {
      opacity: 0;
      transform: translateY(var(--pixel-30))
  }

  to {
      opacity: 1;
      transform: translateY(0)
  }
}

@keyframes popup-form_slidedown__wj6Q- {
  0% {
      opacity: 1;
      transform: translateY(0)
  }

  to {
      opacity: 0;
      transform: translateY(var(--pixel-30))
  }
}

@media (max-width: 910px) {
  .popup-form_popupContainer__0kHEK {
      padding:var(--pixel-30)
  }
}

.form-footer_formFooter__gP2zK {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: var(--pixel-10);
  justify-content: flex-start
}

.teacher-board_buttonText__vVsUp {
  color: inherit;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  position: relative;
  text-align: center
}

.teacher-board_contentCat__pkonm,.teacher-board_switchButton__hsbYU,.teacher-board_tabSwitch__59uxf {
  align-items: center;
  display: flex;
  flex-direction: row
}

.teacher-board_switchButton__hsbYU {
  background-color: initial;
  border: 0;
  box-sizing: border-box;
  color: var(--color-secondary-50);
  cursor: pointer;
  height: var(--pixel-50);
  justify-content: center;
  padding: 0 var(--pixel-20);
  transition: all .3s ease-in-out
}

.teacher-board_switchButton__hsbYU:hover {
  color: var(--color-secondary)
}

.teacher-board_switchButton__hsbYU.teacher-board_active__5T09l {
  background-color: var(--color-foreground);
  border-radius: var(--pixel-15) var(--pixel-15) 0 0;
  color: var(--color-primary)
}

.teacher-board_contentCat__pkonm,.teacher-board_tabSwitch__59uxf {
  align-self: stretch;
  justify-content: flex-start;
  overflow: hidden
}

.teacher-board_tabSwitch__59uxf {
  flex-shrink: 0;
  height: var(--pixel-50);
  margin: 0
}

.teacher-board_contentCat__pkonm {
  flex-wrap: wrap;
  gap: var(--pixel-5)
}

.teacher-board_contentText__9s6cm {
  align-self: stretch;
  margin: 0;
  position: relative;
  text-align: left;
  white-space: pre-wrap
}

.teacher-board_aboutTab__qgUl3 {
  align-self: stretch
}

.teacher-board_aboutTab__qgUl3,.teacher-board_tabContent__lO-vC {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.teacher-board_tabContent__lO-vC {
  background-color: var(--color-foreground);
  border-radius: 0 0 var(--pixel-15) var(--pixel-15);
  box-sizing: border-box;
  gap: var(--pixel-10);
  padding: var(--pixel-20);
  position: relative;
  width: 100%
}

.teacher-board_aboutTab__qgUl3 {
  background-color: var(--color-secondary-10);
  border-radius: var(--pixel-20);
  font-family: var(--font-karla);
  padding: var(--pixel-5);
}

.teacher-board_cardImageIcon__KFEdL,.teacher-board_cardTitle__Zuayx {
  align-self: stretch;
  position: relative
}

.teacher-board_cardImageIcon__KFEdL {
  border-radius: var(--pixel-15);
  flex-shrink: 0;
  height: var(--pixel-200);
  max-width: 100%;
  object-fit: cover;
  overflow: hidden
}

.teacher-board_cardTitle__Zuayx {
  font-weight: 700;
  margin: 0
}

.teacher-board_activitesCard__R7O6W {
  align-items: flex-start;
  color: var(--color-secondary);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  text-align: left
}

.teacher-board_gridContent__F11KF {
  grid-gap: var(--pixel-20);
  align-self: stretch;
  display: grid;
  gap: var(--pixel-20);
  grid-template-columns: repeat(auto-fill,minmax(var(--pixel-300),1fr))
}

.teacher-board_itemIcon__A\+7mG {
  height: var(--pixel-40);
  object-fit: cover;
  position: relative;
  width: auto
}

.teacher-board_itemTitle__nBjgK {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  flex: 1 1;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis
}

.teacher-board_awardsItem__pWqTw {
  align-items: center;
  align-self: stretch;
  color: var(--color-secondary);
  display: flex;
  flex-direction: row;
  font-family: var(--font-karla);
  font-size: var(--font-sm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  overflow: hidden;
  text-align: left
}

.teacher-board_awardsTitle__2GO4D {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
  position: relative
}

.teacher-board_detailsAwards__HgKjc,.teacher-board_detailsContent__wHJ4j {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start
}

.teacher-board_detailsContent__wHJ4j {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-30)
}

.teacher-board_detailsAwards__HgKjc {
  color: var(--color-secondary);
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-10);
  max-width: var(--pixel-400);
  min-width: var(--pixel-300);
  overflow: hidden;
  text-align: left
}

.teacher-board_teacherAvatarIcon__COuVG {
  border: var(--pixel-5) solid var(--color-foreground);
  border-radius: 50%;
  box-shadow: 0 19px 5px #0000,0 12px 5px #091d2c03,0 7px 4px #091d2c08,0 3px 3px #091d2c0a,0 1px 2px #091d2c0d;
  flex-shrink: 0;
  height: var(--pixel-130);
  object-fit: cover;
  overflow: hidden;
  transform: translateY(var(--pixel-90));
  width: var(--pixel-130)
}

.teacher-board_teacherBanner__EeHwd {
  align-items: flex-start;
  align-self: stretch;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: var(--pixel-200);
  justify-content: flex-end;
  padding: var(--pixel-30);
  z-index: 3
}

.teacher-board_teacherBio__3XtJr,.teacher-board_teacherName__fX6KO {
  align-self: stretch;
  margin: 0;
  position: relative
}

.teacher-board_teacherName__fX6KO {
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  font-weight: 800
}

.teacher-board_teacherBio__3XtJr {
  font-size: var(--font-sm);
  font-weight: 500
}

.teacher-board_locText__Cf4dn {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teacher-board_teacherLoc__t2VV0,.teacher-board_teacherRating__RTgJF {
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.teacher-board_teacherLoc__t2VV0 {
  align-items: center;
  color: var(--color-primary);
  flex-direction: row;
  gap: var(--pixel-5)
}

.teacher-board_detailsInfo__Qb13X,.teacher-board_teacherRating__RTgJF {
  gap: var(--pixel-10)
}

.teacher-board_teacherRating__RTgJF {
  align-items: center;
  color: var(--color-secondary-50);
  flex-direction: row
}

.teacher-board_detailsInfo__Qb13X {
  align-items: flex-start;
  color: var(--color-secondary);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  justify-content: flex-start;
  min-width: var(--pixel-300)
}

.teacher-board_detailsActions__vxT0Z,.teacher-board_teacherAbout__eetgS,.teacher-board_teacherDetails__aVB3n {
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.teacher-board_detailsActions__vxT0Z {
  align-items: center;
  flex-direction: row;
  gap: var(--pixel-10)
}

.teacher-board_teacherDetails__aVB3n {
  align-items: flex-start;
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  gap: var(--pixel-30);
  overflow: hidden;
  padding: var(--pixel-90) var(--pixel-30) var(--pixel-30);
  text-align: left;
  z-index: 2
}

.teacher-board_teacherAbout__eetgS {
  align-items: flex-start;
  flex-direction: column;
  padding: var(--pixel-30);
  z-index: 3
}

.teacher-board_reviewTitle__7cDDK {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  position: relative
}

.teacher-board_reviewContent__zfZbY,.teacher-board_teacherBoard__rrbbY,.teacher-board_teacherReview__SFTLd {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

.teacher-board_reviewContent__zfZbY {
  align-items: flex-start
}

.teacher-board_teacherBoard__rrbbY,.teacher-board_teacherReview__SFTLd {
  overflow: hidden
}

.teacher-board_teacherReview__SFTLd {
  align-items: flex-start;
  color: var(--color-secondary);
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-30);
  padding: var(--pixel-30);
  text-align: left;
  z-index: 0
}

.teacher-board_teacherBoard__rrbbY {
  align-items: center;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20)
}

@media (max-width: 700px) {
  .teacher-board_teacherBanner__EeHwd {
      align-items:center
  }

  .teacher-board_detailsActions__vxT0Z {
      justify-content: center
  }
}

@media (max-width: 535px) {
  .teacher-board_teacherDetails__aVB3n {
      text-align:center
  }

  .teacher-board_teacherLoc__t2VV0,.teacher-board_teacherRating__RTgJF {
      justify-content: center
  }

  .teacher-board_detailsAwards__HgKjc {
      align-items: center;
      max-width: none;
      text-align: center
  }
}

.user-board_boardTitle__euo7i {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.user-board_picIcon__w8HlN {
  border-radius: 50%;
  flex-shrink: 0;
  height: var(--pixel-150);
  object-fit: cover;
  overflow: hidden;
  width: var(--pixel-150)
}

.user-board_profileInfo__E32-T,.user-board_profilePic__cfKO8 {
  display: flex;
  gap: var(--pixel-10);
  justify-content: flex-start;
  padding: var(--pixel-10)
}

.user-board_profilePic__cfKO8 {
  align-items: center;
  flex-direction: column
}

.user-board_profileInfo__E32-T {
  align-items: flex-start;
  color: var(--color-primary);
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  overflow: hidden
}

.user-board_boardProfile__Va9mY {
  align-self: stretch;
  display: flex;
  gap: var(--pixel-10);
  overflow: hidden;
  padding: var(--pixel-10)
}

.user-board_subsDesc__XesCD {
  align-self: stretch;
  color: var(--color-secondary);
  font-family: var(--font-karla);
  font-weight: 500;
  margin: 0;
  position: relative
}

.user-board_subsHeading__MVlAV {
  align-items: flex-start;
  color: var(--color-primary);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  overflow: hidden;
  text-align: left
}

.user-board_boardSubs__kZo-L {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-primary-10);
  border-radius: var(--pixel-5);
  flex-direction: row;
  gap: var(--pixel-20);
  overflow: hidden;
  padding: var(--pixel-20)
}

.user-board_boardBody__TZv0a,.user-board_boardContent__eyZTE,.user-board_boardSubs__kZo-L,.user-board_userBoard__KNdG3 {
  display: flex;
  justify-content: flex-start
}

.user-board_boardContent__eyZTE {
  align-items: flex-start;
  flex: 1 1;
  flex-direction: column
}

.user-board_boardBody__TZv0a,.user-board_userBoard__KNdG3 {
  align-self: stretch
}

.user-board_boardBody__TZv0a {
  align-items: flex-start;
  background-color: initial;
  flex-direction: row
}

.user-board_userBoard__KNdG3 {
  align-items: center;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-15);
  overflow: hidden;
  padding: var(--pixel-15);
  text-align: center
}

.board-tab_boardTab__o4Tia {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  max-width: var(--pixel-200);
  overflow: hidden;
  padding: var(--pixel-10)
}

.info-set_infoLabel__LHKvI {
  color: var(--color-secondary-50);
  display: inline-block;
  flex: 1 1;
  max-width: var(--pixel-150)
}

.info-set_infoLabel__LHKvI,.info-set_infoSeparator__1AeE5,.info-set_infoValue__ldb9N {
  position: relative
}

.info-set_infoValue__ldb9N {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.info-set_infoSet__g7AXx {
  align-items: flex-start;
  align-self: stretch;
  color: var(--color-secondary);
  display: flex;
  flex-direction: row;
  font-size: var(--font-xsm);
  gap: var(--pixel-10);
  justify-content: flex-start;
  padding: var(--pixel-5) 0
}

.info-set_infoSet__g7AXx,.tab-button_buttonText__p35y\+ {
  font-family: var(--font-karla);
  overflow: hidden;
  text-align: left
}

.tab-button_buttonText__p35y\+ {
  color: inherit;
  flex: 1 1;
  font-size: var(--font-tiny);
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tab-button_tabButton__8mQNW {
  align-items: center;
  align-self: stretch;
  background-color: initial;
  border: 0;
  border-radius: var(--pixel-5);
  box-sizing: border-box;
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: var(--pixel-35);
  justify-content: flex-start;
  padding: 0 var(--pixel-20);
  transition: all .3s ease-in-out
}

.tab-button_tabButton__8mQNW:hover {
  color: var(--color-primary)
}

.tab-button_tabButton__8mQNW.tab-button_active__8yZRb {
  background-color: var(--color-primary-10);
  color: var(--color-primary)
}

.drawer_filterButton__aqbLJ {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: fixed;
  right: var(--pixel-80);
  top: var(--pixel-120);
  z-index: 999
}

@media (max-width: 910px) {
  .drawer_filterButton__aqbLJ {
      right:var(--pixel-30)
  }
}

.drawer_buttonText__eAx9I {
  color: inherit;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.drawer_optionButton__olflJ {
  align-items: center;
  background-color: initial;
  border: 1px solid var(--color-secondary-30);
  border-radius: var(--pixel-5);
  box-sizing: border-box;
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: var(--pixel-30);
  justify-content: flex-start;
  padding: var(--pixel-10);
  transition: all .3s ease-in-out
}

.drawer_optionButton__olflJ:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary)
}

.drawer_optionButton__olflJ.drawer_active__e6yV7 {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-foreground)
}

.drawer_drawerContent__L2BPu {
  grid-gap: var(--pixel-13);
  display: grid;
  flex: 1 1;
  gap: var(--pixel-13);
  grid-template-columns: repeat(auto-fill,minmax(var(--pixel-150),1fr))
}

.drawer_filterTitle__YIs1j {
  align-self: stretch;
  font-weight: 800;
  position: relative
}

.drawer_drawerFilter__mlTNI {
  align-items: flex-start;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  box-sizing: border-box;
  color: var(--color-secondary);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-sm);
  gap: var(--pixel-15);
  justify-content: flex-start;
  max-width: var(--pixel-300);
  padding: var(--pixel-15);
  text-align: left
}

.drawer_drawerFilter__mlTNI.drawer_float__v\+yCJ {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: drawer_slidein__UAeoz;
  animation-timing-function: ease-in-out;
  background-color: var(--color-foreground)
}

.drawer_drawerFilter__mlTNI.drawer_float__v\+yCJ.drawer_close__CkoJC {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: drawer_slideout__jFS74;
  animation-timing-function: ease-in-out
}

.drawer_setTitle__uzHjt {
  align-self: stretch;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.drawer_filterSet__DcqvM,.drawer_setOption__FL7yQ {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.drawer_setOption__FL7yQ {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-5)
}

.drawer_filterSet__DcqvM {
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-karla);
  font-size: var(--font-tiny);
  gap: var(--pixel-10);
  text-align: left
}

.drawer_drawerBody__6VTV\+ {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: var(--pixel-15);
  justify-content: flex-start
}

.drawer_drawerContainer__TstS4 {
  align-items: center;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: drawer_fadein__QzJ0X;
  animation-timing-function: ease-in-out;
  background-color: #0003;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  min-height: 100vh;
  padding: var(--pixel-30) var(--pixel-80)
}

.drawer_drawerContainer__TstS4.drawer_close__CkoJC {
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-name: drawer_fadeout__NamPP;
  animation-timing-function: ease-in-out
}

.drawer_drawerScroll__5NPnx {
  height: 100vh;
  justify-content: flex-start;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

@keyframes drawer_fadein__QzJ0X {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes drawer_fadeout__NamPP {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes drawer_slidein__UAeoz {
  0% {
      opacity: 0;
      transform: translateX(var(--pixel-100))
  }

  to {
      opacity: 1;
      transform: translateX(0)
  }
}

@keyframes drawer_slideout__jFS74 {
  0% {
      opacity: 1;
      transform: translateX(0)
  }

  to {
      opacity: 0;
      transform: translateX(var(--pixel-100))
  }
}

@media (max-width: 910px) {
  .drawer_drawerContainer__TstS4 {
      padding:var(--pixel-30)
  }
}

.payment-form_invoiceTitle__0JJIa {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.payment-form_listLabel__jka2X,.payment-form_listValue__bTP2f {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: flex-start
}

.payment-form_listValue__bTP2f {
  text-align: right
}

.payment-form_contentList__nHP9H {
  border-bottom: 1px solid var(--color-foreground-10);
  border-radius: 0;
  border-radius: initial;
  flex-direction: row;
  gap: var(--pixel-10);
  padding: var(--pixel-10)
}

.payment-form_contentList__nHP9H:last-child {
  border-bottom: initial
}

.payment-form_contentList__nHP9H,.payment-form_invoiceContent__6bEwy,.payment-form_summaryInvoice__2xvvV {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.payment-form_invoiceContent__6bEwy,.payment-form_summaryInvoice__2xvvV {
  flex-direction: column;
  text-align: left
}

.payment-form_invoiceContent__6bEwy {
  background-color: var(--color-primary);
  border-radius: var(--pixel-20);
  color: var(--color-foreground);
  font-family: var(--font-karla);
  font-size: var(--font-sm);
  overflow: hidden;
  padding: var(--pixel-5)
}

.payment-form_summaryInvoice__2xvvV {
  color: var(--color-secondary);
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-15)
}

.payment-form_detailTitle__jNkPh {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.payment-form_labelText__rD5zD {
  flex: 1 1;
  position: relative
}

.payment-form_listSepar__dFs-J {
  position: relative
}

.payment-form_contentList__nHP9H,.payment-form_detailContent__12v2G,.payment-form_summaryDetail__YDpnF {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.payment-form_contentList__nHP9H.payment-form_total__T1Tn6 {
  background-color: var(--color-secondary-20);
  border-radius: 0 0 var(--pixel-15) var(--pixel-15)
}

.payment-form_detailContent__12v2G,.payment-form_summaryDetail__YDpnF {
  color: var(--color-secondary);
  flex-direction: column;
  text-align: left
}

.payment-form_detailContent__12v2G {
  font-family: var(--font-karla);
  font-size: var(--font-sm);
  overflow: hidden
}

.payment-form_summaryDetail__YDpnF {
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-15)
}

.payment-form_buttonIcon__xKSxg {
  height: var(--pixel-35);
  position: relative;
  width: auto
}

.payment-form_methodButton__u-\+-2 {
  align-items: center;
  background-color: initial;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-10);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--pixel-15);
  transition: all .3s ease-in-out;
}
.payment-form_methodButton__u-\+-2 img {
  cursor: pointer !important;
}

.payment-form_methodButton__u-\+-2.payment-form_active__X9y-u,.payment-form_methodButton__u-\+-2:hover {
  background-color: var(--color-primary-10);
  border: 1px solid var(--color-primary);
}

.payment-form_buttonText__aVPgp {
  color: inherit;
  font-family: var(--font-karla);
  font-size: var(--font-sm);
  position: relative;
  text-align: left
}

.payment-form_planButton__lAWKf {
  align-items: center;
  background-color: initial;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-10);
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--pixel-15);
  transition: all .3s ease-in-out
}

.payment-form_planButton__lAWKf.payment-form_active__X9y-u,.payment-form_planButton__lAWKf:hover {
  background-color: var(--color-primary-10);
  border: 1px solid var(--color-primary);
  color: var(--color-primary)
}

.payment-form_listTitle__xHBVI {
  align-self: stretch;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  margin: 0;
  position: relative
}

.payment-form_listContent__E77Qp,.payment-form_optionList__wWOe3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  justify-content: flex-start
}

.payment-form_listContent__E77Qp {
  align-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pixel-10);
  overflow: hidden
}

.payment-form_optionList__wWOe3 {
  color: var(--color-secondary);
  flex-direction: column;
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  gap: var(--pixel-15);
  text-align: left
}

.payment-form_paymentOption__aQfOs {
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  box-sizing: border-box;
  flex: 1 1;
  flex-direction: column;
  min-width: var(--pixel-300);
  padding: var(--pixel-30);
  z-index: 1
}

.payment-form_paymentForm__WQEBk,.payment-form_paymentOption__aQfOs,.payment-form_paymentSummary__pEzBc {
  align-items: flex-start;
  display: flex;
  gap: var(--pixel-30);
  justify-content: flex-start;
  overflow: hidden
}

.payment-form_paymentSummary__pEzBc {
  flex: 1 1;
  flex-direction: column;
  min-width: var(--pixel-300);
  z-index: 0
}

.payment-form_paymentForm__WQEBk {
  align-content: flex-start;
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap
}

.fp-form_formLabel__-A7D3 {
  align-self: stretch;
  position: relative
}

.fp-form_noteIcon__26ZID {
  border-radius: var(--pixel-10);
  flex-shrink: 0;
  height: var(--pixel-60);
  overflow: hidden;
  width: auto
}

.fp-form_formNote__gjF\+1,.fp-form_noteContent__lgOtO {
  display: flex;
  overflow: hidden
}

.fp-form_noteContent__lgOtO {
  align-items: flex-start;
  flex: 1 1;
  flex-direction: column;
  gap: var(--pixel-5);
  justify-content: center
}

.fp-form_formNote__gjF\+1 {
  align-items: center;
  align-self: stretch;
  color: var(--color-secondary);
  flex-direction: row;
  font-family: var(--font-karla);
  font-size: var(--color-sm);
  gap: var(--pixel-15);
  justify-content: flex-start;
  text-align: left
}

.fp-form_valueText__7KUY5 {
  flex: 1 1;
  position: relative
}

.fp-form_fieldValue__m9QID {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  height: var(--pixel-60);
  justify-content: flex-start;
  overflow: hidden;
  padding: var(--pixel-15)
}

.fp-form_copyIcon__42PXA {
  height: var(--pixel-20);
  position: relative;
  width: auto
}

.fp-form_fieldAction__DlBao {
  align-items: center;
  background-color: var(--color-primary-10);
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  height: var(--pixel-60);
  justify-content: center;
  overflow: hidden;
  padding: var(--pixel-15);
  width: var(--pixel-60)
}

.fp-form_formBody__z6Xpi,.fp-form_formField__SMy7K {
  align-self: stretch;
  color: var(--color-secondary);
  display: flex;
  font-family: var(--font-karla);
  justify-content: flex-start;
  text-align: left
}

.fp-form_formField__SMy7K {
  align-items: center;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-10);
  flex-direction: row;
  font-size: var(--font-md);
  overflow: hidden
}

.fp-form_formBody__z6Xpi {
  align-items: flex-start;
  flex-direction: column;
  font-size: var(--font-sm);
  gap: var(--pixel-15)
}

.fp-form_formDesc__JAb3l,.fp-form_formTitle__TPjoY {
  color: var(--color-secondary);
  position: relative;
  text-align: left
}

.fp-form_formTitle__TPjoY {
  align-items: center;
  align-self: stretch;
  display: flex;
  font-family: var(--font-mulish);
  font-size: var(--font-md);
  font-weight: 800;
  margin: 0
}

.fp-form_formDesc__JAb3l {
  align-self: stretch;
  font-family: var(--font-karla);
  font-size: var(--font-sm)
}

.fp-form_formHead__Q9loS {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--pixel-10);
  justify-content: center
}

.fp-form_formNotes__n2TbY {
  align-self: stretch;
  color: var(--color-secondary-50);
  font-family: var(--font-karla);
  font-size: var(--font-xsm);
  font-weight: 500;
  margin: 0;
  position: relative;
  text-align: left
}

.fp-form_paymentForm__kekB4 {
  align-items: flex-start;
  border: 1px solid var(--color-primary-30);
  border-radius: var(--pixel-20);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--pixel-30);
  justify-content: flex-start;
  margin: 0;
  max-width: var(--pixel-600);
  overflow: hidden;
  padding: var(--pixel-30);
  width: 100%
}

:root {
  --font-mulish: "Mulish",sans-serif;
  --font-karla: "Karla",sans-serif;
  --font-xlg: 50px;
  --font-lg: 35px;
  --font-md: 25px;
  --font-sm: 18px;
  --font-xsm: 16px;
  --font-tiny: 14px;
  --font-ant: 12px;
  --theme-font: "Karla",sans-serif;
  --theme-color-base: var(--color-foreground);
  --theme-color-primary: var(--color-primary);
  --theme-color-secondary: var(--color-secondary);
  --color-foreground: #fffefe;
  --color-foreground-10: #fffefe1a;
  --color-foreground-50: #fffefe80;
  --color-foreground-70: #fffefeb3;
  --color-primary: #2689c7;
  --color-primary-5: #2689c70d;
  --color-primary-10: #2689c71a;
  --color-primary-20: #2689c733;
  --color-primary-30: #2689c74d;
  --color-secondary: #091d2c;
  --color-secondary-5: #091d2c0d;
  --color-secondary-10: #091d2c1a;
  --color-secondary-20: #091d2c33;
  --color-secondary-30: #091d2c4d;
  --color-secondary-50: #091d2c80;
  --color-hint: #ec801c;
  --pixel-2: 2px;
  --pixel-5: 5px;
  --pixel-10: 10px;
  --pixel-13: 13px;
  --pixel-15: 15px;
  --pixel-20: 20px;
  --pixel-25: 25px;
  --pixel-30: 30px;
  --pixel-35: 35px;
  --pixel-40: 40px;
  --pixel-45: 45px;
  --pixel-50: 50px;
  --pixel-55: 55px;
  --pixel-60: 60px;
  --pixel-65: 65px;
  --pixel-70: 70px;
  --pixel-75: 75px;
  --pixel-80: 80px;
  --pixel-85: 85px;
  --pixel-90: 90px;
  --pixel-95: 95px;
  --pixel-100: 100px;
  --pixel-120: 120px;
  --pixel-130: 130px;
  --pixel-150: 150px;
  --pixel-200: 200px;
  --pixel-250: 250px;
  --pixel-300: 300px;
  --pixel-350: 350px;
  --pixel-400: 400px;
  --pixel-450: 450px;
  --pixel-500: 500px;
  --pixel-550: 550px;
  --pixel-600: 600px;
  --pixel-650: 650px;
  --pixel-700: 700px;
  --pixel-750: 750px;
  --pixel-800: 800px;
  --pixel-850: 850px;
  --pixel-900: 900px;
  --pixel-950: 950px;
  --pixel-min-2: -2px;
  --pixel-min-5: -5px;
  --pixel-min-10: -10px;
  --pixel-min-15: -15px;
  --pixel-min-20: -20px;
  --pixel-min-30: -30px;
  --pixel-min-100: -100px
}

@media screen and (min-width: 701px) and (max-width:1120px) {
  :root {
      --font-xlg:43px;
      --font-lg: 30px;
      --font-md: 21.5px;
      --font-sm: 15.5px;
      --font-xsm: 14px;
      --font-tiny: 12px;
      --font-ant: 10px;
      --pixel-2: 1.7px;
      --pixel-5: 4px;
      --pixel-10: 8.5px;
      --pixel-13: 11px;
      --pixel-15: 13px;
      --pixel-20: 17px;
      --pixel-25: 21px;
      --pixel-30: 26px;
      --pixel-35: 30px;
      --pixel-40: 34px;
      --pixel-45: 38.5px;
      --pixel-50: 43px;
      --pixel-55: 47px;
      --pixel-60: 51.5px;
      --pixel-65: 56px;
      --pixel-70: 60px;
      --pixel-75: 64px;
      --pixel-80: 68.5px;
      --pixel-85: 73px;
      --pixel-90: 77px;
      --pixel-95: 81.5px;
      --pixel-100: 85px;
      --pixel-120: 103px;
      --pixel-130: 111px;
      --pixel-150: 128.5px;
      --pixel-200: 171.5px;
      --pixel-250: 214px;
      --pixel-300: 257px;
      --pixel-350: 300px;
      --pixel-400: 343px;
      --pixel-450: 386px;
      --pixel-500: 428.5px;
      --pixel-550: 471.5px;
      --pixel-600: 514px;
      --pixel-650: 557px;
      --pixel-700: 600px;
      --pixel-750: 643px;
      --pixel-800: 686px;
      --pixel-850: 728.5px;
      --pixel-900: 771.5px;
      --pixel-950: 950px;
      --pixel-min-2: -1.7px;
      --pixel-min-5: -4px;
      --pixel-min-10: -8.5px;
      --pixel-min-15: -13px;
      --pixel-min-20: -17px;
      --pixel-min-30: -26px;
      --pixel-min-100: -85px
  }
}

@media screen and (max-width: 700px) {
  :root {
      --font-xlg:36px;
      --font-lg: 25px;
      --font-md: 18px;
      --font-sm: 13px;
      --font-xsm: 11.5px;
      --font-tiny: 10px;
      --font-ant: 8.5px;
      --pixel-2: 1.5px;
      --pixel-5: 3.5px;
      --pixel-10: 7px;
      --pixel-13: 9px;
      --pixel-15: 11px;
      --pixel-20: 14px;
      --pixel-25: 18px;
      --pixel-30: 21px;
      --pixel-35: 25px;
      --pixel-40: 29px;
      --pixel-45: 32px;
      --pixel-50: 36px;
      --pixel-55: 39px;
      --pixel-60: 43px;
      --pixel-65: 46.5px;
      --pixel-70: 50px;
      --pixel-75: 53.5px;
      --pixel-80: 57px;
      --pixel-85: 61px;
      --pixel-90: 64px;
      --pixel-95: 68px;
      --pixel-100: 71.5px;
      --pixel-120: 86px;
      --pixel-130: 93px;
      --pixel-150: 107px;
      --pixel-200: 143px;
      --pixel-250: 179px;
      --pixel-300: 214.5px;
      --pixel-350: 250px;
      --pixel-400: 286px;
      --pixel-450: 321.5px;
      --pixel-500: 357px;
      --pixel-550: 393px;
      --pixel-600: 428.5px;
      --pixel-650: 464px;
      --pixel-700: 500px;
      --pixel-750: 536px;
      --pixel-800: 571px;
      --pixel-850: 607px;
      --pixel-900: 643px;
      --pixel-950: 950px;
      --pixel-min-2: -1.5px;
      --pixel-min-5: -3.5px;
      --pixel-min-10: -7px;
      --pixel-min-15: -11px;
      --pixel-min-20: -14px;
      --pixel-min-30: -21px;
      --pixel-min-100: -71.5px
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

*,body {
  margin: 0
}

* {
  box-sizing: border-box;
  padding: 0
}

html {
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth
}

body,html {
  max-width: 100vw;
  overflow-x: hidden
}