html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  color: #003737;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  background-color: #ffffff;
  /* content-visibility: auto; */
}

body::backdrop {
  background-color: #ffffff;
}


.css-5looni {
  flex-grow: 1;
  overflow-x: hidden;
}

.css-1uqvkkl-MuiToolbar-root {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  min-height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
}

.css-9874yw {
  display: block;
  width: 360px;
}

.css-1rchgpu {
  display: block;
  min-width: 150px;
  background-position-x: left;
  position: relative;
}

.css-ebeamo {
  text-align: center;
}

.css-vxcmzt {
  display: inline-flex;
}

.css-r5h72l-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
  color: #003737;
}

.css-r5h72l-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-r5h72l-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-r5h72l-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-1gpktvs-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  font-weight: 500;
  color: #003737;
}

.css-1gpktvs-MuiTypography-root:hover {
  color: #0feb73;
}

.css-h18396 {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.css-16cwesk-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  font-weight: 500;
}

.css-16cwesk-MuiTypography-root:hover {
  color: #0feb73;
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-ynu0q2-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-hxu5po-MuiButtonBase-root-MuiIconButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-left: -12px;
  color: inherit;
  margin-left: 4px;
}

.css-hxu5po-MuiButtonBase-root-MuiIconButton-root::-moz-focus-inner {
  border-style: none;
}

.css-hxu5po-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-hxu5po-MuiButtonBase-root-MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-9uy14h {
  width: 24px;
  height: 24px;
}

.css-i6bazn {
  overflow: hidden;
}

.css-1a9076 {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 64px;
  text-align: center;
  background: #f8f2f0;
}

.css-nunlmr {
  max-width: 1036px;
  margin-left: auto;
  margin-right: auto;
}

.css-1sun193-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1.167;
  letter-spacing: -0.01562em;
  text-transform: none;
  color: #003737;
}

.css-1i1lasm {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.css-4ckslr-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  display: block;
  padding-top: 24px;
  padding-bottom: 40px;
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
  margin-bottom: 36px;
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-1530ddc-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-1u9p9ef {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}

.css-1ckrkeq {
  text-align: center;
  padding-top: 124px;
  background-color: #f8f2f0;
}

.css-1jvzyke {
  background-color: #ffffff;
}

.css-1nz8wna {
  position: relative;
  top: -223px;
}

.css-4de7ki {
  background-image: url(https://cdn.plagramme.com/landing/pages/covers/cover-home-background.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}

.css-1c3zfsf {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.css-i8k84k {
  position: relative;
  transition: transform 0.5s linear;
  margin-left: auto;
  margin-right: auto;
}

.css-i8k84k:hover {
  transform: translate(-10px, 0);
}

.css-acctgf-MuiGrid-root>.MuiGrid-item {
  padding-left: 12px;
}

.css-acctgf-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  margin-top: -12px;
  width: calc(100% + 12px);
  margin-left: -12px;
}

.css-pqsra5 {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear 0.03s;
  transform: none;
}

.css-1716pkb {
  border-radius: 100px;
  width: max-content;
  color: #ffffff;
  background-color: #82a88c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 180px;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-1qgrn7d-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.2px;
}

.css-1iosv1b {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-1vffqjd {
  border-radius: 100px;
  width: max-content;
  color: #003737;
  background-color: #ffbebe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 180px;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-evugt7 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear 0.06s;
  transform: none;
}

.css-rufp1h {
  border-radius: 100px;
  width: max-content;
  color: #003737;
  background-color: #fff2a5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 180px;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-kqr3je {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 96px;
  padding-bottom: 144px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-list/cover-for-mobile.webp);
}

.css-zeqcj3 {
  padding-left: 24px;
  padding-right: 24px;
  width: 224px;
  min-height: 294px;
}

.css-1oswdy3-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #ffffff;
  padding-bottom: 8px;
  text-align: left;
}

.css-1pjy48n-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-bottom: 24px;
  color: #ffffff;
}

.css-1lqznrt-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #ffffff;
}

.css-11ppprh {
  margin-top: -112px;
  height: 310px;
  max-height: 310px;
  line-height: 0;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-y: hidden;
}

.css-1wx3ysm {
  display: inline-block;
  margin-right: 0px;
  margin-left: 16px;
  background: #0feb73;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-7trmp2 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}

.css-10racpd-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #003737;
}

.css-1b80v8r-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #003737;
  margin-top: 8px;
}

.css-1n2x69i {
  display: inline-block;
  margin-right: 0px;
  margin-left: 16px;
  background: #003737;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-rvtqgj-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #ffffff;
}

.css-14oy6vn-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #82a88c;
  margin-top: 8px;
}

.css-4qqmjt {
  display: inline-block;
  margin-right: 16px;
  margin-left: 16px;
  background: #003737;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-16ht02q {
  padding-top: 32px;
  padding-bottom: 84px;
  text-align: center;
}

.MuiCollapse-hidden {
  display: none;
}

.css-ype5n5-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-ype5n5-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-ype5n5-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-ype5n5-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-c90bop {
  max-width: 1186px;
  margin-left: auto;
  margin-right: auto;
}

.css-1rxi14l-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #82a88c;
  padding-bottom: 8px;
  text-align: center;
}

.css-ac5451-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-bottom: 24px;
  text-align: center;
}

.css-l1jytp-MuiTabs-root {
  overflow: hidden;
  min-height: 48px;
  display: flex;
  padding-bottom: 24px;
  height: auto;
}

.css-agdkjh-MuiTabs-scrollbarSize {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.css-agdkjh-MuiTabs-scrollbarSize::-webkit-scrollbar {
  display: none;
}

.css-1l2kx5l-MuiTabs-scroller {
  position: relative;
  display: inline-block;
  flex: 1 1 auto;
  white-space: nowrap;
  scrollbar-width: none;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  overflow-y: hidden;
}

.css-1l2kx5l-MuiTabs-scroller::-webkit-scrollbar {
  display: none;
}

.css-1w2wque-MuiTabs-flexContainer {
  display: flex;
  background: #f8f8f8;
  display: inline-block;
  margin: 0 auto;
  width: auto;
  border-radius: 25px;
}

.css-y9u726-MuiButtonBase-root-MuiTab-root {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.6);
  max-width: 360px;
  min-width: 90px;
  position: relative;
  min-height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 12px 16px;
  overflow: hidden;
  white-space: normal;
  text-align: center;
  flex-direction: column;
  background: #f8f8f8;
  color: #003737;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.2px;
  border-radius: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 4px;
  overflow: visible;
}

.css-y9u726-MuiButtonBase-root-MuiTab-root::-moz-focus-inner {
  border-style: none;
}

.css-y9u726-MuiButtonBase-root-MuiTab-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.38);
}

.css-y9u726-MuiButtonBase-root-MuiTab-root.Mui-selected {
  color: #003737;
  background: #003737;
  color: #ffffff;
}

.css-i3f2uw-MuiTabs-indicator {
  position: absolute;
  height: 2px;
  bottom: 0;
  width: 100%;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  display: none;
}

.css-38zrbw {
  padding: 12px;
}

.css-17mcvp2-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.334;
  letter-spacing: 0em;
  text-transform: none;
  color: #003737;
  text-align: center;
  padding-bottom: 80px;
}

.css-po2k3e {
  max-width: 840px;
}

.css-1d9ofg9 {
  width: 100%;
  height: 400px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-matrix/globe.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  text-align: center;
}

.css-k6gr9u {
  display: inline-block;
  position: relative;
  height: 400px;
}

.css-ubz2kd {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-1rjn7i6-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
}

.css-tcnxrw {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-189lhfq {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: scale(1, -1);
}

.css-18i0998 {
  border-radius: 100px;
  width: max-content;
  color: #003737;
  background-color: #fff2a5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 180px;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

.css-qg22d4 {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f9fbf9;
}

.css-1ajgws1-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-bottom: 40px;
  text-align: center;
}

.css-1k7ql5j {
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}

.css-1r4wnwh-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  padding-bottom: 40px;
  max-width: 98vw;
}

.css-16tbijt-MuiTypography-root {
  margin: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.2px;
  color: #003737;
  display: block;
  padding-bottom: 8px;
  padding-left: 8px;
}

.css-1p2exxp-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #003737;
  display: block;
  padding-left: 8px;
}

.button-for-students {
  background-color: transparent;
}

.css-arhfa8-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
  display: block;
  margin-top: 16px;
}

.css-arhfa8-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-arhfa8-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-arhfa8-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-xde3zh {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f8f2f0;
}

.css-76qe2d-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #ffbebe;
  padding-bottom: 8px;
  text-align: center;
}

.css-1jmwxiw {
  max-width: 1186px;
  margin-left: auto;
  margin-right: auto;
}

.css-nuq5ui-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  text-align: center;
}

.css-2lz2cv {
  margin-left: auto;
  margin-right: 0px;
}

.css-1ksrjat:before {
  display: none;
}

.css-wh8tz4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 400px;
  background-color: #003737;
  transform: rotate(180deg);
}

.css-wh8tz4:hover {
  background-color: #335f5f;
}

.css-3o0h5k {
  width: 16px;
  height: 16px;
}

.css-1jjwf1f {
  margin-left: 0px;
}

.css-13trxk6 {
  margin-left: 8px;
  margin-right: 8px;
  height: 338px;
  background-color: #ffffff;
  padding: 48px 64px 48px 46px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.css-gjzp0i-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #003737;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.css-1z0olvy-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #82a88c;
}

.css-31zzch {
  width: 106px;
  height: 20px;
  margin-top: 8px;
}

.css-19n8dai {
  padding-top: 24px;
}

.css-1nh2h6w-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
  display: block;
  height: 144px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.css-1rx945m {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 400px;
  background-color: #003737;
  transform: none;
}

.css-1rx945m:hover {
  background-color: #335f5f;
}

.css-xi606m {
  text-align: center;
}

.css-1qpb8jq-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-1qpb8jq-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-1qpb8jq-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-1qpb8jq-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-1i9udku {
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

.css-penzhw {
  background-color: #f8f2f0;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  overflow-anchor: none;
  border-radius: 0;
  border-bottom: 1px solid red;
  border-color: #003737;
  background: transparent;
  box-shadow: none;
  padding-top: 24px;
  padding-bottom: 24px;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root:before {
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  height: 1px;
  content: "";
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.12);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root:first-of-type:before {
  display: none;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-expanded:before {
  opacity: 0;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-expanded:first-of-type {
  margin-top: 0;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-expanded:last-of-type {
  margin-bottom: 0;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-expanded+.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-expanded:before {
  display: none;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
}

.css-17fgt8e-MuiPaper-root-MuiAccordion-root::before {
  display: none;
}

.css-nddda5-MuiButtonBase-root-MuiAccordionSummary-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  display: flex;
  min-height: 48px;
  padding: 0px 8px;
  transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-top: 0px;
  margin-bottom: 0px;
}

.css-nddda5-MuiButtonBase-root-MuiAccordionSummary-root::-moz-focus-inner {
  border-style: none;
}

.css-nddda5-MuiButtonBase-root-MuiAccordionSummary-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.38;
}

.css-nddda5-MuiButtonBase-root-MuiAccordionSummary-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-nddda5-MuiButtonBase-root-MuiAccordionSummary-root:hover:not(.Mui-disabled) {
  cursor: pointer;
}

.css-1betqn-MuiAccordionSummary-content {
  display: flex;
  flex-grow: 1;
  margin: 12px 0;
}

.css-yw020d-MuiAccordionSummary-expandIconWrapper {
  display: flex;
  color: rgba(0, 0, 0, 0.54);
  transform: rotate(0deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-yw020d-MuiAccordionSummary-expandIconWrapper.Mui-expanded {
  transform: rotate(180deg);
}

.css-bz4dnt-MuiCollapse-root {
  height: 0;
  overflow: hidden;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  visibility: hidden;
}

.css-smkl36-MuiCollapse-wrapper {
  display: flex;
  width: 100%;
}

.css-9l5vo-MuiCollapse-wrapperInner {
  width: 100%;
}

.css-150nlgc-MuiAccordionDetails-root {
  padding: 4px 8px 8px;
}

.css-c4sutr {
  margin-left: 8px;
  margin-right: 8px;
}

.css-bow3im-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
}

.css-zvd17s {
  background-color: #0feb73;
  border-radius: 16px;
  display: flex;
}

.css-1rr4qq7 {
  flex: 1;
}

.css-uuiu90 {
  display: block;
  min-width: 150px;
  background-position-x: center;
  position: relative;
}

.css-dz5wsh-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-top: 24px;
}

.css-pxpt32 {
  padding-top: 40px;
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-14fcs0c-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-ujupvo-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-ujupvo-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-ujupvo-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-ujupvo-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-j90h2a {
  width: 500px;
}

.css-79elbk {
  position: relative;
}

.css-1rf81nf {
  width: 502px;
  height: 250px;
  margin-top: 32px;
  transition: transform 0.5s linear;
}

.css-1rf81nf:hover {
  transform: translate(-5px, 0);
}

.css-1qto9vd {
  position: absolute;
  right: 268px;
  direction: rtl;
  top: 5px;
  transform: translate(0, 0);
  transition: transform 0.5s linear;
}

.css-1i9m6g2 {
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-7oitkd {
  border-radius: 100px;
  width: max-content;
  color: #003737;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 180px;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-2o3vcg {
  position: absolute;
  right: 260px;
  top: 60px;
  transform: translate(0, 0);
  transition: transform 0.5s linear;
}

.css-135l2fm {
  position: absolute;
  left: 75px;
  bottom: 50px;
  transform: translate(0, 0);
  transition: transform 0.5s linear;
}

.css-20qmze {
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: scale(1, -1);
}

.css-1xe0l4u {
  background: #003737;
  color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
}

.css-rig21c-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  /* margin-top: -48px; */
  width: calc(100% + 48px);
  margin-left: -48px;
  flex-grow: 1;
}

.css-rig21c-MuiGrid-root>.MuiGrid-item {
  padding-top: 48px;
  padding-left: 48px;
}

.css-1u1qgb1-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  flex-grow: 0;
  max-width: 100%;
  position: relative;
}

.css-un3u3r {
  display: block;
  min-width: 150px;
  margin-bottom: 20px;
  background-position-x: left;
  position: relative;
}

.css-acctgf-MuiGrid-root>.MuiGrid-item {
  padding-top: 12px;
  padding-left: 12px;
}

.css-1m19jma-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
}

.css-1qm1lh {
  margin-bottom: 16px;
}

.css-1p9hbk9-MuiTypography-root {
  margin: 0;
  font-size: 12px;
  line-height: 140%;
  color: #82a88c;
  letter-spacing: 0.2px;
}

.css-17esqn4-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  background: transparent;
  padding: 0px;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.css-17esqn4-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-17esqn4-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-17esqn4-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-1t1txwr {
  text-align: left;
  display: flex;
  justify-content: start;
  align-items: center;
}

.css-17gyk2a-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  color: #ffffff;
  flex: 1;
}

.css-17gyk2a-MuiTypography-root:hover {
  color: #0feb73;
}

.css-16nk6j1 {
  flex: auto;
  padding-left: 8px;
}

.css-ygeqvp-MuiDivider-root {
  margin: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-width: thin;
  border-color: #e5ebeb;
  border-color: #335f5f;
  padding-top: 28px;
}

.css-1kgakwq {
  padding-top: 40px;
  padding-bottom: 40px;
}

.css-6x4wrt-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  font-weight: 600;
}

.css-8atqhb {
  width: 100%;
}

.css-1xl17t9 {
  margin-bottom: 10px;
}

.css-ltvc3k {
  color: #ffffff;
}

.css-ltvc3k:hover {
  background: transparent;
  color: #0feb73;
}

.css-r2n8fr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  height: 16px;
  gap: 6px;
  font-size: 12px;
}

.css-4qp0n7 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

@media (min-width: 900px) and (max-width: 1200px) {
  .css-cev8px-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .css-cev8px-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

  #plagiarism-check-initial {
    position: absolute;
    top: 334px;
  }
}

@media (min-width: 0px) {
  .css-1pz8t8q-MuiGrid-root {
    padding-top: 0px;
    padding-bottom: 0px;
    flex-basis: 50%;
  }
}

@media (min-width: 1200px) {
  .css-1pz8t8q-MuiGrid-root {
    padding-top: 24px;
    padding-bottom: 12px;
  }
}

.css-cev8px-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 25%;
  flex-grow: 0;
  max-width: 25%;
  padding: 0px;
  padding-top: 24px;
}

.css-1fng95o {
  margin-bottom: 10px;
}

.css-18iro8v-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 4px 5px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding: 0px;
}

.css-18iro8v-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-18iro8v-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-18iro8v-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-1duc6ay-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  color: #ffffff;
  text-transform: none;
}

.css-1duc6ay-MuiTypography-root:hover {
  color: #0feb73;
}

.css-1v3caum {
  padding-top: 16px;
}

.css-yjdmwm-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding: 0px;
  height: 28px;
  width: 28px;
  min-width: 28px;
  margin-right: 16px;
}

.css-yjdmwm-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-yjdmwm-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-yjdmwm-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-fzif5l-MuiDrawer-root {
  z-index: 1200;
}

.css-fzif5l-MuiDrawer-root .MuiDrawer-paper {
  box-sizing: border-box;
  height: 100vh;
  align-items: left;
  padding: 16px;
  width: 100%;
}

.css-1pkbu7n-MuiAppBar-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: auto;
  right: 0;
  background-color: #003737;
  color: #ffffff;
  box-shadow: none;
  text-align: right;
  background-color: transparent;
  background: #f8f2f0;
  transition: background-color 500ms linear;
}

.css-bov37h-MuiPopper-root {
  z-index: 10000;
}

.css-ds2dge-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
  color: #003737;
}

.css-ds2dge-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-ds2dge-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-1p7mfc3-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
}

.css-1p7mfc3-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-1p7mfc3-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-1p7mfc3-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-1p7mfc3-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-c3qpfe-MuiIconButton-root {
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-left: -12px;
  color: inherit;
  margin-left: 4px;
}

.css-c3qpfe-MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-c3qpfe-MuiIconButton-root.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-oknelx-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
  margin-bottom: 36px;
}

.css-oknelx-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-oknelx-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-oknelx-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-oknelx-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1139mb1-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-1139mb1-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-1139mb1-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-1ezhhhh-MuiTab-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.6);
  max-width: 360px;
  min-width: 90px;
  position: relative;
  min-height: 48px;
  flex-shrink: 0;
  padding: 12px 16px;
  overflow: hidden;
  white-space: normal;
  text-align: center;
  flex-direction: column;
  background: #f8f8f8;
  color: #003737;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.2px;
  border-radius: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 4px;
  overflow: visible;
}

.css-1ezhhhh-MuiTab-root.Mui-selected {
  color: #003737;
  background: #003737;
  color: #ffffff;
}

.css-1ezhhhh-MuiTab-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.css-cgy40a-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
  display: block;
  margin-top: 16px;
}

.css-cgy40a-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-cgy40a-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-153i33r-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-153i33r-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-153i33r-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-82k8m0-MuiAccordion-root {
  position: relative;
  transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  overflow-anchor: none;
  border-radius: 0;
  border-bottom: 1px solid red;
  border-color: #003737;
  background: transparent;
  box-shadow: none;
  padding-top: 24px;
  padding-bottom: 24px;
}

.css-82k8m0-MuiAccordion-root:before {
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  height: 1px;
  content: '';
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.12);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-82k8m0-MuiAccordion-root:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.css-82k8m0-MuiAccordion-root:first-of-type:before {
  display: none;
}

.css-82k8m0-MuiAccordion-root.Mui-expanded:before {
  opacity: 0;
}

.css-82k8m0-MuiAccordion-root.Mui-expanded:first-of-type {
  margin-top: 0;
}

.css-82k8m0-MuiAccordion-root.Mui-expanded:last-of-type {
  margin-bottom: 0;
}

.css-82k8m0-MuiAccordion-root.Mui-expanded+.css-82k8m0-MuiAccordion-root.Mui-expanded:before {
  display: none;
}

.css-82k8m0-MuiAccordion-root.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-82k8m0-MuiAccordion-root:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
}

.css-82k8m0-MuiAccordion-root::before {
  display: none;
}

.css-12x5t46-MuiAccordionSummary-root {
  display: flex;
  min-height: 48px;
  padding: 0px 8px;
  transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-top: 0px;
  margin-bottom: 0px;
}

.css-12x5t46-MuiAccordionSummary-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-12x5t46-MuiAccordionSummary-root.Mui-disabled {
  opacity: 0.38;
}

.css-12x5t46-MuiAccordionSummary-root:hover:not(.Mui-disabled) {
  cursor: pointer;
}

.css-pvch3o-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-pvch3o-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-pvch3o-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-pvch3o-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-pvch3o-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-jflgms-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 7px 21px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  border-radius: 100px;
}

.css-jflgms-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-jflgms-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-8x9vsf-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  background: transparent;
  padding: 0px;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.css-8x9vsf-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-8x9vsf-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-2mhmml-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 4px 5px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding: 0px;
}

.css-2mhmml-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: transparent;
}

.css-2mhmml-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-amyq13-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  padding: 0px;
  height: 28px;
  width: 28px;
  min-width: 28px;
  margin-right: 16px;
}

.css-amyq13-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-amyq13-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-i9389n-MuiModal-root-MuiDrawer-root {
  position: fixed;
  z-index: 1300;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 1200;
}

.css-i9389n-MuiModal-root-MuiDrawer-root .MuiDrawer-paper {
  box-sizing: border-box;
  height: 100vh;
  align-items: left;
  padding: 16px;
  width: 100%;
}

.css-1rfr5hw-MuiModal-backdrop {
  z-index: -1;
}

.css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.css-1poq2dj-MuiDrawer-paper {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 0 auto;
  z-index: 1200;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  outline: 0;
  right: 0;
}

.css-1160xiw-MuiPaper-root-MuiDrawer-paper {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 0 auto;
  z-index: 1200;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  outline: 0;
  right: 0;
}

.css-1upbd6i {
  border-radius: 100px;
  width: auto;
  color: #ffffff;
  background-color: #82a88c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-1dtvzxm {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #ffbebe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-1awkvbb {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #fff2a5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-19asa7i-MuiTabs-scroller {
  position: relative;
  display: inline-block;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
  text-align: center;
  overflow-y: hidden;
}

.css-xy55u4 {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #fff2a5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

.css-1ntp743 {
  padding-top: 92px;
  padding-bottom: 92px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f9fbf9;
  content-visibility: auto;
}

.css-1rxq5j9 {
  max-width: 1186px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}

.css-c40p28 {
  flex: 1;
  padding-left: 0px;
  flex-direction: column;
}

.css-tezw6k-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #82a88c;
  padding-bottom: 8px;
  text-align: left;
}

.css-eavqg0-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-bottom: 24px;
}

.css-tb7fda-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #ffbebe;
  padding-bottom: 8px;
  text-align: left;
}


.css-1avxm22 {
  flex: 1;
  padding-right: 0px;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
}



.css-1t1k1c5 {
  width: 100%;
  height: 100%;
  aspect-ratio: 0.90625/1;
  max-width: 580px;
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: 0px;
}

.css-1uhr85p {
  padding-top: 92px;
  padding-bottom: 92px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f8f2f0;
  content-visibility: auto;
}

.css-184vap6 {
  width: 100%;
  height: 100%;
  aspect-ratio: 0.90625/1;
  max-width: 580px;
  position: relative;
  display: flex;
  margin-left: 0px;
  margin-right: auto;
}

.css-1kuzlm7 {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: none;
}

.css-jwsuqf {
  margin-top: 24px;
  padding-bottom: 16px;
  bottom: 0;
}

.css-8je8zh-MuiTouchRipple-root {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}

.css-78y0ml {
  margin-left: 360px;
}

.css-ff56d8 {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.03s;
  transition: opacity 0.2s linear 0.03s;
  transform: none;
}

.css-2sz6gl {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-8d5q71 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.06s;
  transition: opacity 0.2s linear 0.06s;
  transform: none;
}

.css-5e8cph {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.css-y8af63-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  margin-right: 16px;
}

.css-y8af63-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-y8af63-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-1fmr64i-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  margin-right: 16px;
}

.css-1fmr64i-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-1fmr64i-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-1fmr64i-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-da3c9u-MuiIconButton-root {
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-da3c9u-MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-da3c9u-MuiIconButton-root.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-78trlr-MuiButtonBase-root-MuiIconButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  text-align: center;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-78trlr-MuiButtonBase-root-MuiIconButton-root::-moz-focus-inner {
  border-style: none;
}

.css-78trlr-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
}

.css-78trlr-MuiButtonBase-root-MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-2x8mgg-MuiList-root {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  padding: 8px;
}

.css-gaex1j-MuiListItemButton-root {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003737;
}

.css-gaex1j-MuiListItemButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
}

.css-gaex1j-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-gaex1j-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-gaex1j-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-gaex1j-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-gaex1j-MuiListItemButton-root.Mui-disabled {
  opacity: 0.38;
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003737;
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root::-moz-focus-inner {
  border-style: none;
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.38;
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1r46kq0-MuiListItemText-root {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  margin: 0px;
}

.css-ftmnqy-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  font-weight: 600;
  text-transform: uppercase;
}

.css-1gdbctl-MuiListItemButton-root {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003737;
}

.css-1gdbctl-MuiListItemButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
}

.css-1gdbctl-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-1gdbctl-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-1gdbctl-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-1gdbctl-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1gdbctl-MuiListItemButton-root.Mui-disabled {
  opacity: 0.38;
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-decoration: none;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003737;
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root::-moz-focus-inner {
  border-style: none;
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.38;
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1839oa4-MuiDivider-root {
  margin: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-width: thin;
  border-color: #e5ebeb;
  margin-bottom: 56px;
  margin-top: 40px;
}

.css-r5ihzg-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-r5ihzg-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-r5ihzg-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-r5ihzg-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-r5ihzg-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-1jlgjkq-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-1s2f7li-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  margin-top: 24px;
  margin-bottom: 24px;
}

.css-1s2f7li-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-1s2f7li-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-ycsodb-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  margin-top: 24px;
  margin-bottom: 24px;
}

.css-ycsodb-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-ycsodb-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-ycsodb-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-5a37hx {
  padding-top: 124px;
  padding-bottom: 124px;
  padding-left: 16px;
  padding-right: 16px;
}

.css-1ffi0wt {
  position: relative;
  max-width: 1186px;
  height: 2014px;
  margin-left: auto;
  margin-right: auto;
}

.css-mngma4 {
  display: flex;
  max-width: 1186px;
  width: 100%;
  height: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 128px;
  padding-right: 128px;
  border-radius: 12px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-list/cover-for-desktop.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  position: absolute;
  top: 0;
}

.css-1n4upf3 {
  width: 360px;
  position: relative;
}

.css-116a96o-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  color: #003737;
}

.css-116a96o-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-116a96o-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-116a96o-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-116a96o-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  color: #003737;
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-rpjzbp-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.animated-featurebox {
  width: 440px;
  position: absolute;
  top: 100px;
  right: 129px;
}

.css-c7nrfc {
  margin-bottom: 16px;
  background: #0feb73;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-mkt1px-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.334;
  letter-spacing: 0em;
  text-transform: none;
  color: #003737;
  color: #003737;
}

.css-wggq79-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #003737;
  margin-top: 8px;
}

.css-52gz2z {
  margin-bottom: 16px;
  background: #003737;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-f07zwy-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.334;
  letter-spacing: 0em;
  text-transform: none;
  color: #003737;
  color: #ffffff;
}

.css-1b3emks-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #82a88c;
  margin-top: 8px;
}

@media (min-width: 0px) and (max-width: 1200px) {
  .css-wggq79-MuiTypography-root {
    font-size: 12px;
  }

  .css-1b3emks-MuiTypography-root {
    font-size: 12px;
  }
}

.css-u6vwy7 {
  margin-bottom: 0px;
  background: #003737;
  border-radius: 16px;
  text-align: center;
  white-space: normal;
  overflow: hidden;
}

.css-1qw683h-MuiAppBar-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: auto;
  right: 0;
  background-color: #003737;
  color: #ffffff;
  box-shadow: none;
  text-align: right;
  background-color: transparent;
  background: #ffffff;
  transition: background-color 500ms linear;
}

.css-icyb53-MuiPaper-root-MuiAppBar-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: auto;
  right: 0;
  background-color: #003737;
  color: #ffffff;
  box-shadow: none;
  text-align: right;
  background-color: transparent;
  background: #ffffff;
  transition: background-color 500ms linear;
}

.css-19t1w01 {
  margin-left: 40px;
}

.css-y4cjyz-MuiTouchRipple-ripple {
  opacity: 0;
  position: absolute;
}

.css-y4cjyz-MuiTouchRipple-ripple.MuiTouchRipple-rippleVisible {
  opacity: 0.3;
  transform: scale(1);
  animation-name: animation-1taevns;
  animation-duration: 550ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-y4cjyz-MuiTouchRipple-ripple.MuiTouchRipple-ripplePulsate {
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
}

.css-y4cjyz-MuiTouchRipple-ripple .MuiTouchRipple-child {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
}

.css-y4cjyz-MuiTouchRipple-ripple .MuiTouchRipple-childLeaving {
  opacity: 0;
  -webkit-animation-name: animation-5ich1p;
  animation-name: animation-5ich1p;
  -webkit-animation-duration: 550ms;
  animation-duration: 550ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.css-y4cjyz-MuiTouchRipple-ripple .MuiTouchRipple-childPulsate {
  position: absolute;
  left: 0px;
  top: 0;
  -webkit-animation-name: animation-f6tr5a;
  animation-name: animation-f6tr5a;
  -webkit-animation-duration: 2500ms;
  animation-duration: 2500ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.css-13vn8n6 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.css-f1kesh-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1.167;
  letter-spacing: -0.01562em;
  text-transform: none;
  color: #003737;
  padding-bottom: 24px;
  text-align: center;
}

.css-old1by {
  padding: 0px;
}

.css-juswdk {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 56px;
}

.css-h0kukd-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  max-width: 1192px;
  margin-left: auto;
  margin-right: auto;
}

.css-1m2as99-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  flex-grow: 0;
  max-width: 20%;
  box-shadow: none;
  border-radius: 16px;
}

.css-1usjrug {
  height: 185px;
}

.css-1q3iy2c {
  height: 76px;
  text-align: center;
}

.css-j1xuv3 {
  display: flex;
  height: 64px;
  align-items: center;
  border-bottom: 1px solid #ebecf2;
}

.css-zzdg3b-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #82a88c;
  text-align: center;
  padding-top: 0px;
  font-weight: 600;
}

.css-bh7gh-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 2.125rem;
  line-height: 1.235;
  letter-spacing: 0.00735em;
  text-transform: none;
  color: #003737;
  text-align: center;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
}

.css-1t7vn4q-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
}

.css-1j0zedc {
  width: 13.65px;
  height: 9.44px;
  margin-left: auto;
  margin-right: auto;
}

.css-14fwub4 {
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: center;
}

.css-48qrl9-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  text-transform: none;
}

.css-48qrl9-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-48qrl9-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-rusnyg-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(0, 55, 55, 0.5);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-color: #003737;
  color: #003737;
  text-transform: none;
}

.css-rusnyg-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-rusnyg-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.css-rusnyg-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  border: 1px solid #003737;
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  border-color: none;
}

.css-1c76k3z-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #ff6360;
  text-align: center;
  font-weight: 400;
}

.css-do3272-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  flex-grow: 0;
  max-width: 20%;
  box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.css-gwvug7 {
  display: inline-block;
  background-color: #0feb73;
  margin-top: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
}

.css-g3wq7z-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
}

.css-vtz5aj-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  text-transform: none;
}

.css-vtz5aj-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-vtz5aj-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-vtz5aj-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-vtz5aj-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-plirq9-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #0feb73;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  text-transform: none;
}

.css-plirq9-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-plirq9-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-plirq9-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(10, 164, 80);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-plirq9-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-plirq9-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-kj0dyl {
  margin-left: auto;
  margin-right: auto;
  max-width: 920px;
  text-align: center;
}

.css-9rsvgs-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #335f5f;
}

.css-q3jujc {
  background-color: #f9fbf9;
}

.css-ozgu8i {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.css-ckwbfl-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-bottom: 80px;
  text-align: center;
}

.css-yp6wz9-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  height: 64px;
  align-items: center;
  border-bottom: 1px solid #ebecf2;
}

.css-ikz63i-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  width: 42px;
  text-align: right;
}

.css-1qr73ol {
  width: 13.65px;
  height: 9.44px;
  margin-right: 22px;
}

.css-1vd824g-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.css-1f9xkv6-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  width: calc(100% + 22px);
  margin-left: -22px;
}

.css-1f9xkv6-MuiGrid-root>.MuiGrid-item {
  padding-left: 22px;
}

.css-1osj8n2-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
}

.css-1tmmrjw-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  font-weight: 600;
}

.css-1d7kekc-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #668787;
}

.css-gapgp4 {
  padding-top: 22px;
  padding-bottom: 22px;
}

.css-1d9zo3r-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #82a88c;
}

.css-1v71cas-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  color: #003737;
  margin-top: 24px;
  margin-bottom: -16px;
}

.css-p00vw-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-p00vw-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-p00vw-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-p00vw-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-p00vw-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #ffffff;
  min-width: 64px;
  padding: 8px 22px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #003737;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  border-radius: 100px;
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgb(0, 38, 38);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.css-158dwr9-MuiButtonBase-root-MuiButton-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.css-aasshu {
  width: 400px;
}

.css-1xl2vk6 {
  width: 370px;
  height: 204px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.css-nmfqpq-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.css-18mbi6h-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
  box-shadow: none;
  border-radius: 16px;
}

.css-z0n7n9 {
  height: 104px;
}

.css-1w099l1-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.2px;
  color: #82a88c;
}

.css-1p0ksou-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
  box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.css-eqzjfe {
  height: 24px;
  text-align: center;
}

.css-10c4dx7-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #335f5f;
}

.css-7o93pc {
  width: 400px;
  height: 263px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.css-14a2w72-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  font-weight: 500;
  color: #0feb73;
}

.css-77dx1j {
  width: 100%;
  height: 400px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-matrix/hat.svg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  text-align: center;
}

.css-ncvudy {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

@media (min-width:0px) {
  .css-ncvudy {
    bottom: 390px;
    right: 140px;
  }
}

@media (min-width:1200px) {
  .css-ncvudy {
    bottom: 370px;
    right: 230px;
  }
}

.css-5c3mib {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: scale(1, -1);
}

.css-5c3mib {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: scale(1, -1);
}

@media (min-width:0px) {
  .css-5c3mib {
    top: 15px;
    right: 40px;
  }
}

@media (min-width:1200px) {
  .css-5c3mib {
    top: 80px;
    right: 130px;
  }
}

.css-14cm4xx {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

@media (min-width:0px) {
  .css-14cm4xx {
    bottom: 300px;
    right: 285px;
  }
}

@media (min-width:1200px) {
  .css-14cm4xx {
    bottom: 140px;
    right: 440px;
  }
}

.css-1cbco5u {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

@media (min-width:0px) {
  .css-1cbco5u {
    bottom: 205px;
    left: 190px;
  }
}

@media (min-width:1200px) {
  .css-1cbco5u {
    bottom: 60px;
    left: 380px;
  }
}

.css-2xxro8 {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: scale(1, -1);
}

@media (min-width:0px) {
  .css-2xxro8 {
    top: 210px;
    right: 115px;
  }
}

@media (min-width:1200px) {
  .css-2xxro8 {
    top: 320px;
    right: 160px;
  }
}

.css-7qhmni {
  border-radius: 100px;
  width: auto;
  color: #ffffff;
  background-color: #82A88C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

@media (min-width:0px) {
  .css-7qhmni {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (min-width:1200px) {
  .css-7qhmni {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.css-grhiaw {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.css-1ld3b9g-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  margin-top: -40px;
  width: calc(100% + 40px);
  margin-left: -40px;
}

.css-1ld3b9g-MuiGrid-root>.MuiGrid-item {
  padding-top: 40px;
}

.css-1ld3b9g-MuiGrid-root>.MuiGrid-item {
  padding-left: 40px;
}

.css-1b3l6lk-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width:600px) {
  .css-1b3l6lk-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width:900px) {
  .css-1b3l6lk-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width:1200px) {
  .css-1b3l6lk-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width:1536px) {
  .css-1b3l6lk-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

.css-gyv1uf-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
}

.css-8z9me2-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  padding-top: 20px;
}

.css-6kl8c0-MuiPaper-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding: 0px;
  position: relative;
  width: 736px;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-top: 8px;
}

.css-ck5azo {
  width: 100%;
  padding: 24px;
  padding-bottom: 0px;
}

.css-1jux0hb {
  color: #003737;
}

@media (min-width:0px) {
  .css-1jux0hb {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media (min-width:1200px) {
  .css-1jux0hb {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.css-1jux0hb:hover {
  background: transparent;
  color: #0FEB73;
}


.css-14a2w72-MuiTypography-root:hover {
  color: #0feb73;
}

.css-tfqndi-MuiPaper-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding: 0px;
  position: relative;
  width: 528px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-top: 8px;
}

.css-rvs8lc-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  flex-grow: 1;
}

.css-2esr13-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
  padding: 24px;
  padding-bottom: 16px;
}

.css-1s1ajzh-MuiButton-root {
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  background: transparent;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  gap: 16px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.css-1s1ajzh-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: #e5ebeb;
}

.css-1s1ajzh-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  color: inherit;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0.02857em;
  text-transform: none;
  color: #003737;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 21px;
  box-shadow: none;
  background: transparent;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  gap: 16px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 55, 55, 0.04);
  box-shadow: none;
  background-color: #335f5f;
  color: #ffffff;
  background: #e5ebeb;
}

.css-z2scji {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 16px;
  height: 40px;
  width: 100%;
}

.css-1j6qucg {
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: flex;
  padding: 4px;
  width: 40px;
  height: 40px;
  background-color: #f9fbf9;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.css-1eziwv {
  flex: 1;
  text-align: left;
}

.css-vme7d6-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  font-weight: 600;
}

.css-vme7d6-MuiTypography-root:hover {
  color: #003737;
}

.css-n4474r {
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: flex;
  padding: 4px;
  width: 40px;
  height: 40px;
  background-color: #f8f2f0;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.css-1wjikqo-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
  padding: 24px;
  padding-bottom: 16px;
  background-color: #f9fbf9;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.css-vuqcr7 {
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: flex;
  padding: 4px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.css-1n7t0yw {
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  height: 16px;
}

.css-fpzsd {
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: flex;
  padding: 4px;
  width: 40px;
  height: 40px;
  background-color: #fffceb;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}

.css-ziq884 {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 64px;
  text-align: center;
  background: #ffffff;
}

.css-1jt5xrm-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  color: #82a88c;
  font-family: poppins, arial, helvetica, sans-serif;
  letter-spacing: 0.0075em;
  padding-bottom: 8px;
}

.css-tcrjpc {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 920px;
  margin-bottom: 100px;
}

.css-1gtpu56-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  text-align: center;
  padding-bottom: 20px;
}

.css-9du4aw-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  padding-bottom: 20px;
}

.css-1q12kf9-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  text-transform: none;
  color: #003737;
  padding-top: 20px;
  padding-bottom: 20px;
}

.css-1th9glr-MuiTypography-root {
  margin: 0;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.167;
  letter-spacing: 0em;
  text-transform: none;
  color: #003737;
  padding-top: 20px;
  padding-bottom: 20px;
}

.css-1wkjqs0-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  color: #82a88c;
  text-decoration: none;
}

.css-1wkjqs0-MuiTypography-root:hover {
  color: #0feb73;
}

.css-rgtl1d {
  margin-right: 66%;
}

.css-1pz7szl-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
  font-weight: 700;
  padding-top: 20px;
}

.css-gyv1uf-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.2;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #003737;
}

.css-m83fwy {
  display: flex;
  max-width: 1186px;
  width: 100%;
  height: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 128px;
  padding-right: 128px;
  border-radius: 12px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-list/cover-for-desktop.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  position: fixed;
  top: 100px;
}

.css-102l5ov-MuiAppBar-root {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: auto;
  right: 0;
  background-color: #003737;
  color: #ffffff;
  box-shadow: none;
  text-align: right;
  background-color: transparent;
  background: #f9fbf9;
  transition: background-color 500ms linear;
}

.css-1y9se2j-MuiPaper-root-MuiAppBar-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: auto;
  right: 0;
  background-color: #003737;
  color: #ffffff;
  box-shadow: none;
  text-align: right;
  background-color: transparent;
  background: #f9fbf9;
  transition: background-color 500ms linear;
}

.css-23t4jx {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 64px;
  text-align: center;
  background: #f9fbf9;
}

.css-unbfyd-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  margin-top: 16px;
  color: #003737;
}

.css-unbfyd-MuiTypography-root:hover {
  color: #0feb73;
}

.css-hy8czj {
  text-align: center;
  padding-top: 124px;
  background-color: #f9fbf9;
}

.css-1b3cft1 {
  background-color: #ffffff;
}

.css-1enehr4 {
  background-image: url(https://cdn.plagramme.com/landing/pages/covers/cover-students-background.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}

.css-13ijhd3 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.css-yw0zfx {
  position: relative;
  transition: transform 0.5s linear;
  margin-left: auto;
  margin-right: auto;
}

.css-yw0zfx:hover {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}

.css-xw4dt {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-ir09lw {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.01s;
  transition: opacity 0.2s linear 0.01s;
  transform: none;
}

.css-85k0tg {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.02s;
  transition: opacity 0.2s linear 0.02s;
  transform: scale(1, -1);
}

.css-b9i5o4 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.03s;
  transition: opacity 0.2s linear 0.03s;
  transform: none;
}

.css-1vqppvb {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.04s;
  transition: opacity 0.2s linear 0.04s;
  transform: scale(1, -1);
}

.css-7qhmni {
  border-radius: 100px;
  width: auto;
  color: #ffffff;
  background-color: #82a88c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

.css-1yxlz81 {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.05s;
  transition: opacity 0.2s linear 0.05s;
  transform: scale(1, -1);
}

.css-p4zcx0 {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #ffbebe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

.css-11gy09g {
  padding-top: 92px;
  padding-bottom: 92px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #ffffff;
}

.css-9en1j3 {
  padding-top: 92px;
  padding-bottom: 92px;
  padding-left: 16px;
  padding-right: 16px;
}

.css-14v5tpy-MuiGrid-root {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
}

.css-1unik2p-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  flex-basis: 50%;
  flex-grow: 0;
  max-width: 50%;
}

.css-10uo2gz {
  background-color: #0feb73;
  display: flex;
  align-items: center;
  border-radius: 16px;
}

.css-1dokgzv-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1.167;
  letter-spacing: -0.01562em;
  text-transform: none;
  color: #003737;
  text-align: center;
  color: #003737;
}

.css-ei0w4-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
  color: #003737;
}

.css-1idovse {
  background-color: #003737;
  display: flex;
  align-items: center;
  border-radius: 16px;
}

.css-goycjx-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 6rem;
  line-height: 1.167;
  letter-spacing: -0.01562em;
  text-transform: none;
  color: #003737;
  text-align: center;
  color: #82a88c;
}

.css-flkh0q-MuiTypography-root {
  margin: 0;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
  color: #ffffff;
}

.css-1kvw2aa {
  width: 276px;
  height: 354px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transition: transform 0.5s linear;
}

.css-1kvw2aa:hover {
  transform: translate(-5px, 0);
}

.css-busrom {
  position: absolute;
  right: 380px;
  top: 180px;
  transform: translate(0, 0);
  transition: transform 0.5s linear;
}

.css-8vrc23 {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-1iozj60 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.01s;
  transition: opacity 0.2s linear 0.01s;
  transform: none;
}

.css-a1g5qq {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.02s;
  transition: opacity 0.2s linear 0.02s;
  transform: scale(1, -1);
}

.css-rl8vi9 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.03s;
  transition: opacity 0.2s linear 0.03s;
  transform: none;
}

.css-1jv966z {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.04s;
  transition: opacity 0.2s linear 0.04s;
  transform: scale(1, -1);
}

.css-o85ahf {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.05s;
  transition: opacity 0.2s linear 0.05s;
  transform: scale(1, -1);
}

.css-1sbfxbv-MuiPaper-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  padding: 0px;
  position: relative;
  width: 264px;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-top: 8px;
}

.css-xw1elh-MuiGrid-root {
  box-sizing: border-box;
  margin: 0;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  flex-grow: 0;
  max-width: 100%;
  padding: 24px;
  padding-bottom: 16px;
}

.css-bqkxtl-MuiTypography-root {
  margin: 0;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.2px;
  margin-top: 40px;
}

.css-12i8fvy-MuiSvgIcon-root {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  margin-right: 16px;
  vertical-align: sub;
}

.css-y1gt6f {
  margin-top: 40px;
}

.css-1rn91aj {
  background-image: url(https://cdn.plagramme.com/landing/pages/covers/cover-educators-background.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}

.css-1qtcb59 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.css-fp0coc {
  position: relative;
  transition: transform 0.5s linear;
  margin-left: auto;
  margin-right: auto;
}

.css-fp0coc:hover {
  -webkit-transform: translate(-10px, 0);
  -moz-transform: translate(-10px, 0);
  -ms-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
}

.css-cj8oip {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-19j6cj5 {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.01s;
  transition: opacity 0.2s linear 0.01s;
  transform: scale(1, -1);
}

.css-gvnzwk {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.02s;
  transition: opacity 0.2s linear 0.02s;
  transform: none;
}

.css-1qb4m7h {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.03s;
  transition: opacity 0.2s linear 0.03s;
  transform: scale(1, -1);
}

.css-1wmj4wy {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.04s;
  transition: opacity 0.2s linear 0.04s;
  transform: none;
}

.css-1q44fko {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.05s;
  transition: opacity 0.2s linear 0.05s;
  transform: scale(1, -1);
}

.css-2g96gr {
  width: 366px;
  height: 366px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transition: transform 0.5s linear;
}

.css-2g96gr:hover {
  transform: translate(-5px, 0);
}

.css-1cdw2xj {
  position: absolute;
  right: 260px;
  top: 115px;
  direction: rtl;
  transform: translate(0, 0);
  transition: transform 0.5s linear;
}

.css-g5c56u {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}

.css-1gtcyqu {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s linear 0s;
  transform: none;
}

.css-kigyc5 {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.01s;
  transition: opacity 0.2s linear 0.01s;
  transform: scale(1, -1);
}

.css-1dn00ks {
  top: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.02s;
  transition: opacity 0.2s linear 0.02s;
  transform: none;
}

.css-s7ixrm {
  bottom: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.03s;
  transition: opacity 0.2s linear 0.03s;
  transform: scale(1, -1);
}

.css-1ac2uy9 {
  top: auto;
  right: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.04s;
  transition: opacity 0.2s linear 0.04s;
  transform: none;
}

.css-1m410xe {
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.05s;
  transition: opacity 0.2s linear 0.05s;
  transform: scale(1, -1);
}

.css-dmh71i-MuiTypography-root {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: #003737;
  color: #82a88c;
  text-transform: none;
}

.css-dmh71i-MuiTypography-root:hover {
  color: #0feb73;
}

.css-14uidwi-MuiTableContainer-root {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 0px solid;
  box-shadow: none;
}

.css-15nypvt-MuiPaper-root-MuiTableContainer-root {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 0px solid;
  box-shadow: none;
}

.css-jaqk64-MuiTable-root {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 700px;
}

.css-jaqk64-MuiTable-root caption {
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px;
  text-align: left;
  caption-side: bottom;
}

.css-15wwp11-MuiTableHead-root {
  display: table-header-group;
}

.css-1b9go8y-MuiTableRow-root {
  color: inherit;
  display: table-row;
  vertical-align: middle;
  outline: 0;
}

.css-1b9go8y-MuiTableRow-root.MuiTableRow-hover:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-1b9go8y-MuiTableRow-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-1b9go8y-MuiTableRow-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-175fkhq.MuiTableCell-head {
  background-color: #0feb73;
  font-weight: 600;
}

.css-175fkhq.MuiTableCell-body {
  font-size: 14px;
  border-color: #ebecf2;
}

.css-19kavl0-MuiTableCell-root {
  font-size: 14px;
  line-height: 1.5rem;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  display: table-cell;
  vertical-align: inherit;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
  text-align: left;
  padding: 16px;
}

.css-19kavl0-MuiTableCell-root.MuiTableCell-head {
  background-color: #0feb73;
  font-weight: 600;
}

.css-19kavl0-MuiTableCell-root.MuiTableCell-body {
  font-size: 14px;
  border-color: #ebecf2;
}

.css-apqrd9-MuiTableBody-root {
  display: table-row-group;
}

.css-wl7mg6:nth-of-type(odd) {
  background-color: #f9fbf9;
}

.css-wl7mg6:last-child td,
.css-wl7mg6:last-child th {
  border: 0;
}

.css-sbb6ss-MuiTableRow-root {
  color: inherit;
  display: table-row;
  vertical-align: middle;
  outline: 0;
}

.css-sbb6ss-MuiTableRow-root.MuiTableRow-hover:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.css-sbb6ss-MuiTableRow-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-sbb6ss-MuiTableRow-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-sbb6ss-MuiTableRow-root:nth-of-type(odd) {
  background-color: #f9fbf9;
}

.css-sbb6ss-MuiTableRow-root:last-child td,
.css-sbb6ss-MuiTableRow-root:last-child th {
  border: 0;
}

.css-382n68-MuiTableCell-root {
  font-size: 14px;
  line-height: 20px;
  font-family: poppins, arial, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01071em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  display: table-cell;
  vertical-align: inherit;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
  text-align: left;
  padding: 16px;
}

.css-382n68-MuiTableCell-root.MuiTableCell-head {
  background-color: #0feb73;
  font-weight: 600;
}

.css-382n68-MuiTableCell-root.MuiTableCell-body {
  font-size: 14px;
  border-color: #ebecf2;
}

.css-ik7pks {
  margin-left: 120px;
}

.css-4phz2w {
  display: flex;
  max-width: 1186px;
  width: 100%;
  height: 620px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 128px;
  padding-right: 128px;
  border-radius: 12px;
  background-image: url(https://cdn.plagramme.com/landing/pages/feature-list/cover-for-desktop.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  position: absolute;
  top: 1394px;
}

@-webkit-keyframes animation-1taevns {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
  }
}

@-webkit-keyframes animation-5ich1p {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes animation-f6tr5a {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes animation-1taevns {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
  }
}

@keyframes animation-5ich1p {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes animation-f6tr5a {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@media (hover: none) {
  .css-r5h72l-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-ynu0q2-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-hxu5po-MuiButtonBase-root-MuiIconButton-root:hover {
    background-color: transparent;
  }

  .css-1530ddc-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-ype5n5-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-arhfa8-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-1qpb8jq-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-14fcs0c-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-ujupvo-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-17esqn4-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-18iro8v-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-yjdmwm-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-ds2dge-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-1p7mfc3-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-c3qpfe-MuiIconButton-root:hover {
    background-color: transparent;
  }

  .css-oknelx-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-1139mb1-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-cgy40a-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-153i33r-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-pvch3o-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-jflgms-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-8x9vsf-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-2mhmml-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-amyq13-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-y8af63-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-1fmr64i-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-da3c9u-MuiIconButton-root:hover {
    background-color: transparent;
  }

  .css-78trlr-MuiButtonBase-root-MuiIconButton-root:hover {
    background-color: transparent;
  }

  .css-gaex1j-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-gaex1j-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-xy22t6-MuiButtonBase-root-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-xy22t6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-1gdbctl-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-1gdbctl-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-10x11a6-MuiButtonBase-root-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-10x11a6-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-r5ihzg-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-1jlgjkq-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-1s2f7li-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-ycsodb-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-116a96o-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-rpjzbp-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-48qrl9-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-rusnyg-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-vtz5aj-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-plirq9-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #0feb73;
  }

  .css-p00vw-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-158dwr9-MuiButtonBase-root-MuiButton-root:hover {
    background-color: #003737;
  }

  .css-1s1ajzh-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-hmmy74-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }
}

@media (max-width:599.95px) {
  .css-l1jytp-MuiTabs-root .MuiTabs-scrollButtons {
    display: none;
  }
}

@media (min-width: 0px) {
  .css-fzif5l-MuiDrawer-root {
    display: block;
  }

  .css-bov37h-MuiPopper-root {
    display: none;
  }

  .css-1p7mfc3-MuiButton-root {
    display: none;
  }

  .css-oknelx-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-1139mb1-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-cgy40a-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
  }

  .css-153i33r-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    margin-top: 64px;
  }

  .css-pvch3o-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
  }

  .css-jflgms-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

  .css-1awkvbb, .css-1dtvzxm, .css-1upbd6i {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 180px;
    white-space: normal;
  }

  .css-xy55u4 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-c40p28 {
    height: auto;
  }

  .css-eavqg0-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-brpeac {
    width: 100%;
  }

  .css-1avxm22 {
    height: auto;
  }

  .css-1kuzlm7 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-jwsuqf {
    position: static;
  }

  .css-ff56d8 {
    bottom: 170px;
    right: 220px;
  }

  .css-2sz6gl {
    bottom: 235px;
    right: -5px;
  }

  .css-8d5q71 {
    bottom: 45px;
    left: 90px;
  }

  .css-gaex1j-MuiListItemButton-root {
    padding-bottom: 16px;
  }

  .css-xy22t6-MuiButtonBase-root-MuiListItemButton-root {
    padding-bottom: 16px;
  }

  .css-r5ihzg-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-1jlgjkq-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-116a96o-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-rpjzbp-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-c7nrfc {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-mkt1px-MuiTypography-root {
    font-size: 20px;
    line-height: 130%;
    text-transform: uppercase;
  }

  .css-52gz2z {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-f07zwy-MuiTypography-root {
    font-size: 20px;
    line-height: 130%;
    text-transform: uppercase;
  }

  .css-u6vwy7 {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-13vn8n6 {
    padding-top: 64px;
    padding-bottom: 52px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .css-f1kesh-MuiTypography-root {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
  }

  .css-kj0dyl {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .css-ozgu8i {
    padding-top: 64px;
    padding-bottom: 52px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .css-ckwbfl-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-1v71cas-MuiTypography-root {
    text-align: center;
  }

  .css-p00vw-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .css-158dwr9-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .css-aasshu {
    display: none;
  }

  .css-ziq884 {
    padding-top: 112px;
  }

  .css-1q12kf9-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-1th9glr-MuiTypography-root {
    font-weight: 500;
    font-size: 28px;
    line-height: 110%;
  }

  .css-23t4jx {
    padding-top: 112px;
  }

  .css-1b3cft1 {
    height: 315px;
  }

  .css-1enehr4 {
    height: 465px;
    background-position-y: 265px;
    -webkit-background-size: 343px 95px;
    background-size: 343px 95px;
    margin-left: -100%;
    margin-right: -100%;
  }

  .css-13ijhd3 {
    height: 465px;
    width: 375px;
  }

  .css-yw0zfx {
    width: 375px;
    height: 266px;
    margin-top: 80px;
  }

  .css-xw4dt {
    bottom: 405px;
    right: 200px;
  }

  .css-ir09lw {
    bottom: 300px;
    left: 0;
  }

  .css-85k0tg {
    top: 200px;
    right: 180px;
  }

  .css-b9i5o4 {
    bottom: 405px;
    left: 180px;
  }

  .css-1vqppvb {
    top: 120px;
    left: 180px;
  }

  .css-7qhmni {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-1yxlz81 {
    top: 200px;
    left: 200px;
  }

  .css-p4zcx0 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-14v5tpy-MuiGrid-root {
    margin-top: -16px;
    width: calc(100% + 16px);
    margin-left: -16px;
  }

  .css-14v5tpy-MuiGrid-root>.MuiGrid-item {
    padding-top: 16px;
    padding-left: 16px;
  }

  .css-10uo2gz {
    height: auto;
    aspect-ratio: 1/1;
  }

  .css-1dokgzv-MuiTypography-root {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
  }

  .css-1c2h0t8 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
  }

  .css-ei0w4-MuiTypography-root {
    font-size: 14px;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
  }

  .css-1idovse {
    height: auto;
    aspect-ratio: 1/1;
  }

  .css-goycjx-MuiTypography-root {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
  }

  .css-flkh0q-MuiTypography-root {
    font-size: 14px;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
  }

  .css-8vrc23 {
    bottom: 405px;
    right: 200px;
  }

  .css-1iozj60 {
    bottom: 300px;
    left: 0;
  }

  .css-a1g5qq {
    top: 200px;
    right: 180px;
  }

  .css-rl8vi9 {
    bottom: 405px;
    left: 180px;
  }

  .css-1jv966z {
    top: 120px;
    left: 180px;
  }

  .css-o85ahf {
    top: 200px;
    left: 200px;
  }

  .css-bqkxtl-MuiTypography-root {
    font-size: 16px;
  }

  .css-1rn91aj {
    height: 465px;
    background-position-y: 135px;
    -webkit-background-size: 581px 282px;
    background-size: 581px 282px;
    margin-left: -100%;
    margin-right: -100%;
  }

  .css-1qtcb59 {
    height: 465px;
    width: 375px;
  }

  .css-fp0coc {
    width: 375px;
    height: 406px;
    margin-top: 80px;
  }

  .css-cj8oip {
    bottom: 390px;
    left: 25px;
  }

  .css-19j6cj5 {
    top: 125px;
    right: 195px;
  }

  .css-gvnzwk {
    bottom: 300px;
    right: -10px;
  }

  .css-1qb4m7h {
    top: 210px;
    left: 150px;
  }

  .css-1wmj4wy {
    bottom: 190px;
    left: 10px;
  }

  .css-1q44fko {
    top: 335px;
    right: 195px;
  }

  .css-g5c56u {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-1gtcyqu {
    bottom: 390px;
    left: 25px;
  }

  .css-kigyc5 {
    top: 125px;
    right: 195px;
  }

  .css-1dn00ks {
    bottom: 300px;
    right: -10px;
  }

  .css-s7ixrm {
    top: 210px;
    left: 150px;
  }

  .css-1ac2uy9 {
    bottom: 190px;
    left: 10px;
  }

  .css-1m410xe {
    top: 335px;
    right: 195px;
  }

  .css-hecyxf {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .css-fzif5l-MuiDrawer-root {
    display: none;
  }

  .css-bov37h-MuiPopper-root {
    display: block;
  }

  .css-1p7mfc3-MuiButton-root {
    display: inline-flex;
  }

  .css-c3qpfe-MuiIconButton-root {
    display: none;
  }

  .css-oknelx-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-1139mb1-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-cgy40a-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-153i33r-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 120px;
  }

  .css-pvch3o-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 24px;
    margin-top: 16px;
  }

  .css-jflgms-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .css-i9389n-MuiModal-root-MuiDrawer-root {
    display: none;
  }

  .css-1awkvbb, .css-1dtvzxm, .css-1upbd6i {
    max-width: none;
  }

  .css-1upbd6i {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1dtvzxm {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1awkvbb {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-xy55u4 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-eavqg0-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
  }

  .css-brpeac {
    width: 660px;
  }

  .css-1avxm22 {
    height: auto;
  }

  .css-1kuzlm7 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-jwsuqf {
    position: absolute;
  }

  .css-ff56d8 {
    bottom: 225px;
    right: 615px;
  }

  .css-2sz6gl {
    bottom: 430px;
    right: 60px;
  }

  .css-8d5q71 {
    bottom: 25px;
    left: 275px;
  }

  .css-gaex1j-MuiListItemButton-root {
    padding-bottom: 20px;
  }

  .css-xy22t6-MuiButtonBase-root-MuiListItemButton-root {
    padding-bottom: 20px;
  }

  .css-r5ihzg-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-1jlgjkq-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-116a96o-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-rpjzbp-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-c7nrfc {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-mkt1px-MuiTypography-root {
    font-size: 28px;
    line-height: 110%;
    text-transform: none;
  }

  .css-52gz2z {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-f07zwy-MuiTypography-root {
    font-size: 28px;
    line-height: 110%;
    text-transform: none;
  }

  .css-u6vwy7 {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-13vn8n6 {
    padding-top: 124px;
    padding-bottom: 100px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .css-f1kesh-MuiTypography-root {
    font-weight: 600;
    font-size: 72px;
    line-height: 72px;
  }

  .css-1m2as99-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-do3272-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-kj0dyl {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .css-ozgu8i {
    padding-top: 124px;
    padding-bottom: 100px;
    padding-left: 128px;
    padding-right: 128px;
  }

  .css-ckwbfl-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
  }

  .css-1vd824g-MuiGrid-root {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .css-1osj8n2-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1v71cas-MuiTypography-root {
    text-align: left;
  }

  .css-p00vw-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 0px;
  }

  .css-158dwr9-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 0px;
  }

  .css-aasshu {
    display: block;
  }

  .css-18mbi6h-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1p0ksou-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-2esr13-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-ziq884 {
    padding-top: 120px;
  }

  .css-1q12kf9-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
  }

  .css-1th9glr-MuiTypography-root {
    font-weight: 500;
    font-size: 40px;
    line-height: 110%;
  }

  .css-23t4jx {
    padding-top: 120px;
  }

  .css-1b3cft1 {
    height: 417px;
  }

  .css-1enehr4 {
    height: 567px;
    background-position-y: 310px;
    -webkit-background-size: 561px 156px;
    background-size: 561px 156px;
  }

  .css-13ijhd3 {
    height: 567px;
    width: 713px;
  }

  .css-yw0zfx {
    width: 713px;
    height: 348px;
    margin-top: 40px;
  }

  .css-xw4dt {
    bottom: 480px;
    right: 480px;
  }

  .css-ir09lw {
    bottom: 365px;
    left: 150px;
  }

  .css-85k0tg {
    top: 245px;
    right: 470px;
  }

  .css-b9i5o4 {
    bottom: 480px;
    left: 545px;
  }

  .css-1vqppvb {
    top: 190px;
    left: 550px;
  }

  .css-7qhmni {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1yxlz81 {
    top: 245px;
    left: 380px;
  }

  .css-p4zcx0 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-14v5tpy-MuiGrid-root {
    margin-top: -24px;
    width: calc(100% + 24px);
    margin-left: -24px;
  }

  .css-14v5tpy-MuiGrid-root>.MuiGrid-item {
    padding-top: 24px;
    padding-left: 24px;
  }



  .css-1unik2p-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

  .css-10uo2gz {
    height: 250px;
    aspect-ratio: auto;
  }

  .css-1dokgzv-MuiTypography-root {
    font-weight: 600;
    font-size: 72px;
    line-height: 72px;
  }

  .css-1c2h0t8 {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 24px;
  }

  .css-ei0w4-MuiTypography-root {
    font-size: 16px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
  }

  .css-1idovse {
    height: 250px;
    aspect-ratio: auto;
  }

  .css-goycjx-MuiTypography-root {
    font-weight: 600;
    font-size: 72px;
    line-height: 72px;
  }

  .css-flkh0q-MuiTypography-root {
    font-size: 16px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
  }

  .css-8vrc23 {
    bottom: 480px;
    right: 480px;
  }

  .css-1iozj60 {
    bottom: 365px;
    left: 150px;
  }

  .css-a1g5qq {
    top: 245px;
    right: 470px;
  }

  .css-rl8vi9 {
    bottom: 480px;
    left: 545px;
  }

  .css-1jv966z {
    top: 190px;
    left: 550px;
  }

  .css-o85ahf {
    top: 245px;
    left: 380px;
  }

  .css-bqkxtl-MuiTypography-root {
    font-size: 20px;
  }

  .css-1rn91aj {
    height: 567px;
    background-position-y: 95px;
    -webkit-background-size: 581px 282px;
    background-size: 581px 282px;
  }

  .css-1qtcb59 {
    height: 567px;
    width: 779px;
  }

  .css-fp0coc {
    width: 779px;
    height: 415px;
    margin-top: 40px;
  }

  .css-cj8oip {
    bottom: 465px;
    left: -5px;
  }

  .css-19j6cj5 {
    top: 165px;
    right: 520px;
  }

  .css-gvnzwk {
    bottom: 475px;
    right: -20px;
  }

  .css-1qb4m7h {
    top: 140px;
    left: 465px;
  }

  .css-1wmj4wy {
    bottom: 305px;
    left: 280px;
  }

  .css-1q44fko {
    top: 315px;
    right: 250px;
  }

  .css-g5c56u {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1gtcyqu {
    bottom: 465px;
    left: -5px;
  }

  .css-kigyc5 {
    top: 165px;
    right: 520px;
  }

  .css-1dn00ks {
    bottom: 475px;
    right: -20px;
  }

  .css-s7ixrm {
    top: 140px;
    left: 465px;
  }

  .css-1ac2uy9 {
    bottom: 305px;
    left: 280px;
  }

  .css-1m410xe {
    top: 315px;
    right: 250px;
  }

  .css-hecyxf {
    text-align: left;
  }
}

@media (min-width: 1536px) {
  .css-1m2as99-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-do3272-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-1vd824g-MuiGrid-root {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .css-1osj8n2-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-18mbi6h-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1p0ksou-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-2esr13-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1unik2p-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

}

@media (min-width: 600px) {
  .css-1m2as99-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-do3272-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-brpeac {
    width: 50%;
  }

  .css-1vd824g-MuiGrid-root {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .css-1osj8n2-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-18mbi6h-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1p0ksou-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-2esr13-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1wjikqo-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1enehr4 {
    margin-left: auto;
    margin-right: auto;
  }

  .css-1unik2p-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-xw1elh-MuiGrid-root {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }

  .css-1rn91aj {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 900px) {
  .css-cgy40a-MuiButton-root {
    margin-left: 0px;
    margin-right: 0px;
  }

  .css-1m2as99-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-do3272-MuiGrid-root {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    flex-grow: 0;
    max-width: 20%;
  }

  .css-1vd824g-MuiGrid-root {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .css-1osj8n2-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-18mbi6h-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1p0ksou-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-2esr13-MuiGrid-root {
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }

  .css-1unik2p-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

}

@media (min-width:0px) {
  .css-1uqvkkl-MuiToolbar-root {
    padding: 12px 16px;
    height: 64px;
    min-height: 64px;
  }

  .css-9874yw {
    min-width: auto;
  }

  .css-1rchgpu {
    height: 28px;
  }

  .css-ebeamo {
    display: none;
  }

  .css-d8i4px {
    min-width: auto;
  }

  .css-15wferb {
    display: none;
  }

  .css-ynu0q2-MuiButtonBase-root-MuiButton-root {
    display: none;
  }

  .css-1a9076 {
    padding-top: 112px;
  }

  .css-1sun193-MuiTypography-root {
    font-weight: 500;
    font-size: 42px;
    line-height: 50px;
  }

  .css-1530ddc-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-1jvzyke {
    height: 203px;
  }

  .css-1nz8wna {
    height: 356px;
  }

  .css-4de7ki {
    height: 353px;
    background-position-y: 120px;
    -webkit-background-size: 476px 114px;
    background-size: 476px 114px;
    margin-left: -100%;
    margin-right: -100%;
  }

  .css-1c3zfsf {
    height: 353px;
    width: 361px;
  }

  .css-i8k84k {
    width: 361px;
    height: 352px;
    margin-top: 40px;
    padding-top: 30px;
  }

  .css-pqsra5 {
    bottom: 170px;
    right: 220px;
  }

  .css-1716pkb {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-1qgrn7d-MuiTypography-root {
    font-size: 16px;
  }

  .css-1iosv1b {
    bottom: 235px;
    right: -5px;
  }

  .css-1vffqjd {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-evugt7 {
    bottom: 45px;
    left: 90px;
  }

  .css-rufp1h {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-1pjy48n-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-1wx3ysm {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-1ledfzz {
    width: 96px;
    height: 96px;
    margin-top: 44px;
  }

  .css-7trmp2 {
    width: 280px;
  }

  .css-1n2x69i {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-4qqmjt {
    width: 310px;
    height: 310px;
    max-height: 310px;
  }

  .css-ype5n5-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
  }

  .css-c90bop {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .css-1ntp743, .css-1uhr85p {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .css-ac5451-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-17mcvp2-MuiTypography-root {
    font-size: 20px;
    line-height: 130%;
    text-transform: uppercase;
  }

  .css-po2k3e {
    margin-left: -60px;
    margin-right: -60px;
  }

  .css-ubz2kd {
    bottom: 350px;
    right: 110px;
  }

  .css-1rjn7i6-MuiTypography-root {
    font-size: 14px;
  }

  .css-tcnxrw {
    bottom: 220px;
    left: 180px;
  }

  .css-189lhfq {
    top: 220px;
    right: 150px;
  }

  .css-18i0998 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .css-1ajgws1-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }

  .css-ffxhx4 {
    height: auto;
  }

  .css-16tbijt-MuiTypography-root {
    font-size: 14px;
  }

  .css-arhfa8-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
  }

  .css-kvr5h4 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .css-nuq5ui-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    padding-bottom: 64px;
  }

  .css-1fbqjds {
    margin-left: 16px;
    margin-right: 16px;
  }

  .css-1nh2h6w-MuiTypography-root {
    font-size: 14px;
  }

  .css-1qpb8jq-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    margin-top: 64px;
  }

  .css-4tye2s {
    padding-top: 64px;
    padding-bottom: 64px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .css-zvd17s {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .css-uuiu90 {
    height: 28px;
  }

  .css-dz5wsh-MuiTypography-root {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
  }

  .css-14fcs0c-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
  }

  .css-ujupvo-MuiButtonBase-root-MuiButton-root {
    font-size: 14px;
    padding: 14px 28px;
    line-height: 20px;
    text-transform: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }

  .css-j90h2a {
    display: none;
  }

  .css-7oitkd {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* .css-1xe0l4u {
      padding-top: 64px;
      padding-bottom: 52px;
    } */

  .css-14n4ea8 {
    max-width: none;
  }

  .css-un3u3r {
    height: 28px;
  }

  .css-1xl17t9 {
    height: 38px;
    line-height: 38px;
  }

  .css-ltvc3k {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .css-8js4wn {
    height: 48px;
  }

  .css-cev8px-MuiGrid-root {
    padding-bottom: 0px;
    flex-basis: 50%;
    max-width: 50%;
  }

  .css-1fng95o {
    height: 38px;
    line-height: 38px;
    margin-top: 48px;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

@media (min-width:1200px) {
  .css-a0lnbh {
    width: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .css-1uqvkkl-MuiToolbar-root {
    padding: 20px 40px;
    height: 80px;
    min-height: 80px;
  }

  .css-9874yw {
    max-width: auto;
    display: flex;
    gap: 8px;
  }

  .css-1rchgpu {
    height: 36px;
  }

  .css-ebeamo {
    display: block;
  }

  .css-d8i4px {
    min-width: 275px;
  }

  .css-15wferb {
    display: inline-flex;
  }

  .css-ynu0q2-MuiButtonBase-root-MuiButton-root {
    display: inline-flex;
  }

  .css-hxu5po-MuiButtonBase-root-MuiIconButton-root {
    display: none;
  }

  .css-1a9076 {
    padding-top: 120px;
  }

  .css-1sun193-MuiTypography-root {
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
  }

  .css-1530ddc-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-1jvzyke {
    height: 417px;
  }

  .css-1nz8wna {
    height: 575px;
  }

  .css-4de7ki {
    height: 567px;
    background-position-y: 152px;
    background-size: 1144px 274px;
    margin-bottom: 20px;
  }

  .css-1c3zfsf {
    height: 567px;
    width: 800px;
  }

  .css-i8k84k {
    width: 800px;
    height: 569px;
    margin-top: 40px;
    padding-top: 0px;
  }

  .css-pqsra5 {
    bottom: 225px;
    right: 615px;
  }

  .css-1716pkb {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1qgrn7d-MuiTypography-root {
    font-size: 20px;
  }

  .css-1iosv1b {
    bottom: 430px;
    right: 60px;
  }

  .css-1vffqjd {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-evugt7 {
    bottom: 25px;
    left: 275px;
  }

  .css-rufp1h {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1pjy48n-MuiTypography-root {
    font-weight: 500;
    font-size: 56px;
    line-height: 110%;
  }

  .css-1wx3ysm {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-1ledfzz {
    width: 140px;
    height: 140px;
    margin-top: 76px;
  }

  .css-7trmp2 {
    width: 360px;
  }

  .css-1n2x69i {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-4qqmjt {
    width: 440px;
    height: 440px;
    max-height: 440px;
  }

  .css-ype5n5-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-c90bop {
    padding-top: 124px;
    padding-bottom: 100px;
    padding-left: 128px;
    padding-right: 128px;
  }

  .css-ac5451-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
  }

  .css-17mcvp2-MuiTypography-root {
    font-size: 28px;
    line-height: 110%;
    text-transform: none;
  }

  .css-ubz2kd {
    bottom: 300px;
    right: 210px;
  }

  .css-1rjn7i6-MuiTypography-root {
    font-size: 16px;
  }

  .css-tcnxrw {
    bottom: 235px;
    left: 210px;
  }

  .css-189lhfq {
    top: 220px;
    right: 190px;
  }

  .css-18i0998 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1ajgws1-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
  }

  .css-ffxhx4 {
    height: auto;
  }

  .css-16tbijt-MuiTypography-root {
    font-size: 16px;
  }

  .css-arhfa8-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .css-kvr5h4 {
    padding-top: 124px;
    padding-bottom: 124px;
  }

  .css-nuq5ui-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
    padding-bottom: 120px;
  }

  .css-1fbqjds {
    margin-left: -8px;
    margin-right: -8px;
  }

  .css-1nh2h6w-MuiTypography-root {
    font-size: 16px;
  }

  .css-1qpb8jq-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 120px;
  }

  .css-4tye2s {
    padding-top: 124px;
    padding-bottom: 124px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .css-zvd17s {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .css-uuiu90 {
    height: 36px;
  }

  .css-dz5wsh-MuiTypography-root {
    font-weight: 500;
    font-size: 64px;
    line-height: 110%;
    text-align: left;
  }

  .css-14fcs0c-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 24px;
    margin-top: 16px;
  }

  .css-ujupvo-MuiButtonBase-root-MuiButton-root {
    font-size: 16px;
    padding: 20px 40px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-flex;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 16px;
  }

  .css-j90h2a {
    display: block;
  }

  .css-7oitkd {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .css-1xe0l4u {
    padding-top: 124px;
    padding-bottom: 100px;
  }

  .css-14n4ea8 {
    max-width: 1192px;
    margin-left: auto;
    margin-right: auto;
  }

  .css-1u1qgb1-MuiGrid-root {
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
  }

  .css-un3u3r {
    height: 40px;
  }

  .css-1hjr3y7-MuiGrid-root {
    flex-basis: 66.666667%;
    flex-grow: 0;
    max-width: 66.666667%;
  }

  .css-1m19jma-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

  .css-1pz8t8q-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
    padding-top: 24px;
    padding-bottom: 12px;
  }

  .css-1xl17t9 {
    height: 17px;
    line-height: 17px;
  }

  .css-ltvc3k {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .css-8js4wn {
    height: 28px;
  }

  .css-cev8px-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
    padding-bottom: 12px;
  }

  .css-1fng95o {
    height: 17px;
    line-height: 17px;
    margin-top: 28px;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

@media (min-width:1536px) {
  .css-1u1qgb1-MuiGrid-root {
    flex-basis: 33.333333%;
    flex-grow: 0;
    max-width: 33.333333%;
  }

  .css-1hjr3y7-MuiGrid-root {
    flex-basis: 66.666667%;
    flex-grow: 0;
    max-width: 66.666667%;
  }

  .css-1m19jma-MuiGrid-root {
    flex-basis: 25%;
    flex-grow: 0;
    max-width: 25%;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

@media (min-width:600px) {
  .css-1uqvkkl-MuiToolbar-root {
    padding-left: 12px;
    padding-right: 12px;
    min-height: 64px;
  }

  .css-4de7ki {
    margin-left: auto;
    margin-right: auto;
  }

  .css-po2k3e {
    margin-left: auto;
    margin-right: auto;
  }

  .css-13trxk6 {
    width: 381px;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

@media (min-width:900px) {
  .css-arhfa8-MuiButtonBase-root-MuiButton-root {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

@supports (-ms-ime-align: auto) {
  .css-17fgt8e-MuiPaper-root-MuiAccordion-root:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .css-82k8m0-MuiAccordion-root:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  @media (orientation:landscape) {
    .css-1uqvkkl-MuiToolbar-root {
      min-height: 48px;
    }
  }
}

.slick-list {
  overflow: visible !important;
}

/* Customize website's scrollbar like Mac OS
  Not supports in Firefox and IE */
.scrollbar {
  overflow: overlay;
}

/* total width */
.scrollbar::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px;
  z-index: 999999;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  border: 0 solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {
  display: none;
}

/* scrollbar when element is hovered */
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #a0a0a5;
  border: 0 solid #fff;
}

/* scrollbar when scrollbar is hovered */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 0 solid #fff;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  width: 28880px;
  transition: 0.3s ease-in-out;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.css-k6gr9u {
  display: inline-block;
  position: relative;
  height: 400px;
}

.css-xy55u4 {
  border-radius: 100px;
  width: auto;
  color: #003737;
  background-color: #FFF2A5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: none;
  min-width: 110px;
  text-align: left;
  transform: scale(1, -1);
}


@media (min-width:0px) {
  .css-xy55u4 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (min-width:1200px) {
  .css-xy55u4 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


@media (min-width: 0px) and (max-width: 900px) {
  .css-14v5tpy-MuiGrid-root>.MuiGrid-item {
    flex-basis: 50%;
  }

  .animated-featurebox {
    position: relative;
    right: 0;
    white-space: nowrap;
    overflow-x: scroll;
    height: 320px;
    max-height: 320px;
    line-height: 0;
    overflow-y: hidden;
    width: auto;
    margin-top: -240px;
  }

  .animated-featurebox>.css-c7nrfc {
    margin-bottom: 16px;
    margin-left: 16px;
    display: inline-block;
  }

  .animated-featurebox>.css-52gz2z {
    margin-bottom: 16px;
    margin-left: 16px;
    display: inline-block;
  }

  .animated-featurebox>.css-u6vwy7 {
    margin-bottom: 16px;
    margin-left: 16px;
    display: inline-block;
  }

  .css-4phz2w {
    top: 0px;
    position: relative;
    padding-left: 24px;
    border-radius: 0;
    background-position-x: 40%;
  }

  #plagiarism-check-placeholder {
    width: 100%;
    text-align: center;
  }

  .css-1ffi0wt {
    height: auto;
  }

  .css-5a37hx {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .css-1n4upf3 {
    width: 224px;
    padding-right: 24px;
  }

  #quotation-imageblock {
    float: right;
  }

}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(../gif/ajax-loader.0b80f665.gif) center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: 0.25;
  color: black;

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

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

#quotation-description {
  padding-top: 80px;
}

#marking-description {
  padding-top: 80px;
}

#quotation-svg {
  float: right;
}

#marking-svg {
  float: right;
}

#quotation-caption {
  padding-bottom: 0px;
}

#marking-caption {
  padding-bottom: 0px;
}

#quotation-textblock {
  overflow-y: hidden;
}

#benefits-for-students-image {
  float: right;
  inset: 0px;
  height: 50%;
  width: 50%;
  margin-top: -90px;
  margin-bottom: auto;
  margin-left: 80px;
  object-fit: cover;
  color: transparent;
  border-radius: 16px;
  filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
}

#benefits-for-educators-image {
  float: left;
  inset: 0px;
  height: 50%;
  width: 50%;
  margin-top: -20px;
  margin-bottom: auto;
  margin-right: 80px;
  object-fit: cover;
  color: transparent;
  border-radius: 16px;
  filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px);
}

.display-image-left-caption {
  padding-left: calc(50% + 80px);
}

.display-image-right-caption {
  padding-right: calc(50% + 80px);
}

@media (min-width: 0px) and (max-width: 600px) {

  .display-image-left-caption {
    padding-left: 0;
  }

  .display-image-right-caption {
    padding-right: 0;
  }

  .css-1rxq5j9 {
    flex-direction: column;
  }

  .css-c40p28 {
    padding-right: 0px;
  }

  .css-1avxm22 {
    padding-left: 0px;
  }

  .css-tezw6k-MuiTypography-root {
    text-align: center;
  }

  .css-eavqg0-MuiTypography-root {
    text-align: center;
  }

  .css-tb7fda-MuiTypography-root {
    text-align: center;
  }

  #benefits-for-students-image {
    width: 100%;
    float: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 40px;
  }

  #benefits-for-educators-image {
    width: 100%;
    float: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 40px;
  }

  #contact-socials-placeholder {
    margin: auto;
    width: 100%;
    padding-left: 48px;
  }

  .copyright {
    display: none;
  }

  .css-1xe0l4u {
    padding-bottom: 16px;
  }

  .css-jwsuqf {
    padding-bottom: 0px;
  }

  .slick-slide {
    max-width: 95vw;
    margin-left: 8px;
    position: relative;
  }

  .slick-list {
    overflow-x: scroll !important;
    overflow-y: hidden;
  }

  .slick-track {
    width: max-content;
  }

  #benefits-for-students-image-placeholder {
    margin-bottom: 40px;
  }

  #benefits-for-educators-placeholder {
    margin-bottom: 40px;
  }

  #marking-textblock {
    padding-left: 0px;
  }

  #quotation-svg {
    float: none;
    display: block;
    margin: auto;
  }

  #marking-svg {
    float: none;
    display: block;
    margin: auto;
  }

  #quotation-description {
    padding-right: 16px;
    margin: auto;
    max-width: 90vw;
  }

  #marking-description {
    padding-right: 16px;
    max-width: 90vw;
    padding-top: 0px;
    padding-left: 40px;
  }

  #marking-textblock {
    padding-top: 0;
  }

  #benefits-for-educators-list {
    padding-left: 1em;
    padding-inline-start: 40px;
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  #benefits-for-students-list {
    padding-right: calc(50% + 80px);
  }

  #benefits-for-educators-list {
    padding-left: calc(50% + 80px);
  }

  .slick-slide {
    max-width: 45vw;
    margin-left: 8px;
    position: relative;
  }

  .slick-list {
    overflow-x: scroll !important;
    overflow-y: hidden;
  }

  .slick-track {
    width: max-content;
  }

  #benefits-for-students-image {
    margin-top: -60px;
  }

  #benefits-for-educators-image {
    margin-top: -60px;
  }
}

.css-1eziwv {
  flex: 1;
  text-align: left;
}

.css-1fkrdiv-MuiCollapse-root {
  height: 0;
  overflow: hidden;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-1j6qucg {
  align-items: center;
  background-color: #f9fbf9;
  border-radius: 8px;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 4px;
  width: 40px;
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root {
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  box-sizing: border-box;
  color: #0feb73;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  flex-grow: 1;
  justify-content: center;
  justify-content: flex-start;
  margin: 0;
  min-width: 0;
  outline: 0;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  user-select: none;
  vertical-align: middle;
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-disabled {
  cursor: default;
  opacity: 0.38;
  pointer-events: none;
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root::-moz-focus-inner {
  border-style: none;
}

.css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
  text-decoration: none;
}

.css-1mk9mw3-MuiList-root {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.css-1n7t0yw {
  flex: 0 0 16px;
  height: 16px;
}

.css-1s1ajzh-MuiButton-root {
  background: transparent;
  border-radius: 8px;
  box-shadow: none;
  color: #003737;
  display: block;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 0.875rem;
  font-size: 14px;
  font-weight: 500;
  font-weight: 600;
  gap: 16px;
  height: 56px;
  letter-spacing: 0.02857em;
  line-height: 1.75;
  line-height: 20px;
  margin-bottom: 8px;
  min-width: 64px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding: 6px 8px;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  width: 100%;
}

.css-1s1ajzh-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.css-1s1ajzh-MuiButton-root:hover {
  background-color: #335f5f;
  background-color: rgba(0, 55, 55, 0.04);
  background: #e5ebeb;
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.css-1wp9ew0-MuiListItemButton-root {
  align-items: center;
  box-sizing: border-box;
  color: #0feb73;
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  min-width: 0;
  padding-bottom: 20px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-left: 16px;
  padding-right: 0px;
  padding-right: 16px;
  padding-top: 20px;
  padding-top: 8px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-1wp9ew0-MuiListItemButton-root.Mui-disabled {
  opacity: 0.38;
}

.css-1wp9ew0-MuiListItemButton-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}

.css-1wp9ew0-MuiListItemButton-root.Mui-selected {
  background-color: rgba(0, 55, 55, 0.08);
}

.css-1wp9ew0-MuiListItemButton-root.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 55, 55, 0.2);
}

.css-1wp9ew0-MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(0, 55, 55, 0.12);
}

.css-1wp9ew0-MuiListItemButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
  background: transparent;
  color: #0feb73;
  text-decoration: none;
}

.css-fpzsd {
  align-items: center;
  background-color: #fffceb;
  border-radius: 8px;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 4px;
  width: 40px;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root {
  background: transparent;
  background-color: transparent;
  border-radius: 8px;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: block;
  display: inline-flex;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 16px;
  height: 56px;
  justify-content: flex-start;
  letter-spacing: 0.02857em;
  line-height: 20px;
  margin: 0;
  margin-bottom: 8px;
  min-width: 64px;
  outline: 0;
  padding: 6px 8px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  user-select: none;
  width: 100%;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  pointer-events: none;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root::-moz-focus-inner {
  border-style: none;
}

.css-hmmy74-MuiButtonBase-root-MuiButton-root:hover {
  background-color: rgba(0, 55, 55, 0.04);
  background: #e5ebeb;
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.css-lxut01-MuiDivider-root {
  border-width: 0px 0px thin;
  border-color: rgb(229, 235, 235);
  border-style: solid;
  flex-shrink: 0;
  margin-bottom: 16px;
  margin-top: 16px;
}

.css-n4474r {
  align-items: center;
  background-color: #f8f2f0;
  border-radius: 8px;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 4px;
  width: 40px;
}

.css-pwcg7p-MuiCollapse-root {
  height: auto;
  overflow: visible;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-vme7d6-MuiTypography-root {
  color: #003737;
  font-family: poppins, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-weight: 600;
  letter-spacing: 0.01071em;
  line-height: 20px;
  margin: 0;
  text-transform: none;
}

.css-vme7d6-MuiTypography-root:hover {
  color: #003737;
}

.css-vuqcr7 {
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 4px;
  width: 40px;
}

@media (hover: none) {
  .css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-1s1ajzh-MuiButton-root:hover {
    background-color: transparent;
  }

  .css-1wp9ew0-MuiListItemButton-root.Mui-selected:hover {
    background-color: rgba(0, 55, 55, 0.08);
  }

  .css-1wp9ew0-MuiListItemButton-root:hover {
    background-color: transparent;
  }

  .css-hmmy74-MuiButtonBase-root-MuiButton-root:hover {
    background-color: transparent;
  }
}

@media (min-width:0px) {
  .css-1ksllj8-MuiButtonBase-root-MuiListItemButton-root {
    padding-bottom: 16px;
  }

  .css-1wp9ew0-MuiListItemButton-root {
    padding-bottom: 16px;
  }
}

#perfect-your-paper-logo {
  object-position: left center;
}

@media (min-width: 0px) and (max-width: 1200px) {
  #perfect-your-paper-logo {
    object-position: center center;
  }

  .css-arhfa8-MuiButtonBase-root-MuiButton-root {
    background-color: transparent;
  }

}
@media (min-width: 0px) and (max-width: 900px) {

  .css-c90bop {
    padding-left: 16px;
    padding-right: 16px;
  }

  .css-nuq5ui-MuiTypography-root {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (min-width: 1200px) {
  ul.display-image-left-caption > li {
    margin-left: 40px;
  }
}