/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/main.scss ***!
  \*********************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: SharpSans;
  src: local(SharpSans-Book), url(../fonts/Book.8ec026.woff2) format("woff2"), url(../fonts/Book.96435c.woff) format("woff"), url("https://your-cdn-url.com/fonts/SharpSans-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: SharpSans;
  src: local(SharpSans-Medium), url(../fonts/Medium.1998c7.woff2) format("woff2"), url(../fonts/Medium.462ed6.woff) format("woff"), url("https://your-cdn-url.com/fonts/SharpSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: SharpSans;
  src: local(SharpSans-Semibold), url(../fonts/SemiBold.d86d2d.woff2) format("woff2"), url(../fonts/SemiBold.e1ae40.woff) format("woff"), url("https://your-cdn-url.com/fonts/SharpSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
.container{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 320px){
  .container{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.z-20{
  z-index: 20;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-4{
  margin-top: 1rem;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.\!table{
  display: table !important;
}
.table{
  display: table;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-0{
  height: 0px;
}
.h-12{
  height: 3rem;
}
.h-2{
  height: 0.5rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-8{
  height: 2rem;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-3\/4{
  width: 75%;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-full{
  width: 100%;
}
.max-w-full{
  max-width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.table-auto{
  table-layout: auto;
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2{
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-4{
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-8{
  --tw-translate-y: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0{
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-6{
  gap: 1.5rem;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-e-lg{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.rounded-s-lg{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.bg-\[\#3f7793\]{
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
}
.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-2{
  padding: 0.5rem;
}
.p-6{
  padding: 1.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pt-0{
  padding-top: 0px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.text-\[\#004152\]{
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.text-\[\#3f7793\]{
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.decoration-\[\#007f9e\]{
  text-decoration-color: #007f9e;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-75{
  opacity: 0.75;
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100{
  transition-delay: 100ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
body {
  font-family: SharpSans, sans-serif, Lato, IBMPlexSans;
  background-color: #f2f1ee;
  color: #004152;
}

.bg-theme {
  background-color: var(--background);
}

.text-theme {
  color: var(--foreground);
}

.acoustic-professionals {
  --background: #00779f;
  --foreground: #f2f1ee;
  --text-color: #f2f1ee;
  --border-color: #00b5e2;
  --underline-color: #00b5e2;
  --hover-color: #08a69f;
  --hero-bg: #004152;
}

.education {
  --background: #ffc72c;
  --foreground: #f2f1ee;
  --text-color: #203c4a;
  --border-color: #00b5e2;
  --underline-color: #ffc72c;
  --hover-color: #f9c969;
  --hero-bg: #ffc72c;
}

.public {
  --background: #007f9e;
  --foreground: #f2f1ee;
  --text-color: #f2f1ee;
  --border-color: #00b5e2;
  --underline-color: #93c90f;
  --hover-color: #40819a;
  --hero-bg: #004152;
}

.policy-business {
  --background: #00b2a9;
  --foreground: #f2f1ee;
  --text-color: #f2f1ee;
  --border-color: #00b5e2;
  --underline-color: #00b2a9;
  --hover-color: #4ab8ac;
  --hero-bg: #00b2a9;
}

.research {
  --background: #b0008e;
  --foreground: #f2f1ee;
  --text-color: #f2f1ee;
  --border-color: #00b5e2;
  --underline-color: #b0008e;
  --hover-color: #a45290;
  --hero-bg: #b0008e;
}

.secondary-button {
  border: solid 0.5px var(--border-color);
  color: #007f9e;
}
.secondary-button::before {
  background-color: var(--background);
}
.secondary-button:hover {
  color: var(--text-color);
  border-color: var(--background);
}

.btn-primary {
  background-color: var(--background);
  border: solid 0.5px var(--background);
  color: var(--text-color);
}
.btn-primary:hover {
  background-color: var(--hover-color);
}

.ioa-button-fill{
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: #007f9e;
  border: solid 0.5px #007f9e;
  font-family: SharpSans;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
.ioa-button-fill:hover {
  background-color: #40819a;
}

.ioa-button-outline{
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.ioa-button-outline::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: var(--tw-content);
  transition-duration: 500ms;
}

.ioa-button-outline:hover::before{
  left: 0px;
  content: var(--tw-content);
  width: 100%;
}

.ioa-button-outline {
  border: solid 0.5px #3f7793;
  font-weight: 600;
  color: #007f9e;
  text-transform: uppercase;
}
.ioa-button-outline::before {
  background-color: #3f7793;
}
.ioa-button-outline:hover {
  color: #ffffff;
  border-color: #3f7793;
  z-index: 0;
}

.icon-base, .author-info .author-details .icon-profile, .Scrollable-section .upper-menu-bar .sound-pills .case-study, .form-updated-icon, .image-icon, .files-default, .excel-icon, .docx-icon, .word-icon, .pdf-icon, .disclosure-icon, .icon-remove-bookmark, .icon-bookmark, .market-graph, .share-button, .topic-title, .sponser-bedge, .sponsor-badge, .tag-link {
  width: 1.75rem;
  height: 1.75rem;
  margin: 0.25rem 0rem;
  background-position: center;
  background-repeat: no-repeat;
}

.size{
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
}

input:not([type=radio]),
select{
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 3.25rem;
}

.flex-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-color: #fdfdfc;
}

.question-logo {
  width: -moz-fit-content;
  width: fit-content;
}
.question-logo .accoustic-icon{
  width: 2rem;
  align-items: center;
  border-radius: 9999px;
}
@media (min-width: 640px){
  .question-logo .accoustic-icon{
    width: 3.5rem;
  }
}
@media (max-width: 768px) {
  .question-logo .accoustic-icon {
    height: 60px;
    width: 60px;
  }
}

.fields-selector > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.fields-name{
  display: flex;
  align-items: center;
}

.fields-name > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.fields-name {
  text-align: left;
}
.fields-name .labels {
  color: #203c4a;
}

.swiper-wrapper{
  height: auto;
  align-items: stretch;
}

.policy-section {
  display: flex;
  justify-content: flex-end;
}

.swiper-slide{
  display: flex;
  height: auto;
}
.swiper-slide .content{
  height: 100%;
}

.question-field-classes {
  color: #004152;
  margin-bottom: 0.5rem;
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  margin: 1.5px 4.3px 10.1px 0;
}

input[type=radio],
input[type=checkbox] {
  accent-color: #161616;
}

.title h1,
.title h2,
.title h3 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
  letter-spacing: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 576px) {
  .title h1,
.title h2,
.title h3 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.ioa-section-w-bg {
  background-color: #ffffff;
}

.ioa-container {
  background-color: #f2f1ee;
}

.heading {
  font-size: 50px;
  color: #004152;
}

.rich-text{
  padding-top: 0px;
}

@media (min-width: 768px){
  .rich-text{
    padding-top: 0px;
  }
}
.rich-text h1{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.rich-text h2{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.rich-text h3{
  font-size: 1.5rem;
  line-height: 2rem;
}
.rich-text h4{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.rich-text table {
  width: 100%;
  border-collapse: collapse;
  padding: 0.5rem 0rem;
  white-space: nowrap;
}
.rich-text th,
.rich-text td {
  text-align: left;
  color: #004152;
}
.rich-text thead th {
  border-bottom: 2px solid;
  border-color: #3f7793;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rich-text tbody tr {
  border-bottom: 1px solid;
  border-color: #3f7793;
  padding: 0.5rem;
}
.rich-text tbody td {
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.rich-text p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #004152;
}
.rich-text ul,
.rich-text ol {
  list-style: none outside none;
  padding-left: 1rem;
  margin: 1rem 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #203c4a;
}
.rich-text ul li {
  list-style: disc;
}
.rich-text ol li {
  list-style: decimal;
}
.rich-text ol li ol li {
  list-style: lower-roman;
}

.text-left h1,
.text-center h1,
.text-right h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .text-left h1,
.text-center h1,
.text-right h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.text-left h2,
.text-center h2,
.text-right h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .text-left h2,
.text-center h2,
.text-right h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.text-left h3,
.text-center h3,
.text-right h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .text-left h3,
.text-center h3,
.text-right h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.text-left h4,
.text-center h4,
.text-right h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .text-left h4,
.text-center h4,
.text-right h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.detailed-content-section{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px){
  .detailed-content-section{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.detailed-content-section{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.detailed-content-section .company-info{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .detailed-content-section .company-info{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .detailed-content-section .company-info{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .detailed-content-section .company-info{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .detailed-content-section .company-info{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .detailed-content-section .company-info{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .detailed-content-section .company-info{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .detailed-content-section .company-info{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .detailed-content-section .company-info{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .detailed-content-section .company-info{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .detailed-content-section .company-info{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.detailed-content-section .company-info .mobile-company-view {
  display: flex;
  width: 66%;
  align-items: flex-start;
  margin-right: 1rem;
  font-size: 36px;
  font-weight: normal;
  line-height: normal;
  margin-top: 1rem;
}
@media (min-width: 768px){
  .detailed-content-section .company-info .mobile-company-view{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .detailed-content-section .company-info .mobile-company-view {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .detailed-content-section .company-info .mobile-company-view {
    padding-left: 12px;
    display: flex;
    width: 66%;
    align-items: flex-start;
    margin-right: 1rem;
  }
}
@media (max-width: 768px) {
  .detailed-content-section .company-info .mobile-company-view {
    width: 100%;
  }
}
.detailed-content-section .info-section .topic-pills,
.detailed-content-section .info-sections .topic-pills {
  display: flex;
  flex-direction: column;
}
.detailed-content-section .info-section .topic-pills .badges,
.detailed-content-section .info-sections .topic-pills .badges {
  margin-bottom: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 0.5rem;
}
.detailed-content-section .info-section .topic-pills .badges .tag-text,
.detailed-content-section .info-sections .topic-pills .badges .tag-text {
  margin-left: 0.5rem;
  max-width: 12rem;
}
@media (min-width: 768px) {
  .detailed-content-section .info-section .topic-pills .badges .tag-text,
.detailed-content-section .info-sections .topic-pills .badges .tag-text {
    max-width: 22rem;
  }
}
@media (min-width: 1024px) {
  .detailed-content-section .info-section .topic-pills .badges .tag-text,
.detailed-content-section .info-sections .topic-pills .badges .tag-text {
    max-width: 14rem;
  }
}
@media (min-width: 1300px) {
  .detailed-content-section .info-section .topic-pills .badges .tag-text,
.detailed-content-section .info-sections .topic-pills .badges .tag-text {
    max-width: 16rem;
  }
}
@media (min-width: 1536px) {
  .detailed-content-section .info-section .topic-pills .badges .tag-text,
.detailed-content-section .info-sections .topic-pills .badges .tag-text {
    max-width: 22rem;
  }
}

.toggle-arrow-icon {
  width: 1.75rem;
  height: 1.75rem;
  margin: 0.25rem;
  background-position: center;
  background-image: url(../images/icons.50205b.svg#arrow-up);
  background-repeat: no-repeat;
}

.icon-base, .author-info .author-details .icon-profile, .Scrollable-section .upper-menu-bar .sound-pills .case-study, .form-updated-icon, .image-icon, .files-default, .excel-icon, .docx-icon, .word-icon, .pdf-icon, .disclosure-icon, .icon-remove-bookmark, .icon-bookmark, .market-graph, .share-button, .topic-title, .sponser-bedge, .sponsor-badge, .tag-link {
  width: 2rem;
  height: 1.1rem;
  margin: 0.25rem 0rem;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.6rem 0rem 0.7rem 1rem;
}
.icon-base.icon-badge, .author-info .author-details .icon-badge.icon-profile, .Scrollable-section .upper-menu-bar .sound-pills .icon-badge.case-study, .icon-badge.form-updated-icon, .icon-badge.image-icon, .icon-badge.files-default, .icon-badge.excel-icon, .icon-badge.docx-icon, .icon-badge.word-icon, .icon-badge.pdf-icon, .icon-badge.disclosure-icon, .icon-badge.icon-remove-bookmark, .icon-badge.icon-bookmark, .icon-badge.market-graph, .icon-badge.share-button, .icon-badge.topic-title, .icon-badge.sponser-bedge, .icon-badge.sponsor-badge, .icon-badge.tag-link {
  background-image: url(../images/icons.50205b.svg#icons-sponsor-badge);
}

.account-lock {
  background-image: url(../images/icons.50205b.svg#lock-icon);
  width: 16px;
  height: 16px;
}

.sidebar-toggle-btn{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 640px){
  .sidebar-toggle-btn{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px){
  .sidebar-toggle-btn{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .sidebar-toggle-btn{
    display: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.tag-link {
  background-image: url(../images/icons.50205b.svg#action-operation);
  margin: 0 !important;
}
.tag-link:hover {
  opacity: 0.8;
}

.sponsor-badge {
  background-image: url(../images/icons.50205b.svg#icons-sponsor-badge);
  margin: 0 !important;
}
.sponsor-badge:hover {
  opacity: 0.8;
}

.sponser-bedge {
  background-image: url(../images/icons.50205b.svg#icons-sponsor-badge);
  margin: 0 !important;
}
.sponser-bedge:hover {
  opacity: 0.8;
}

.topic-title {
  background-image: url(../images/icons.50205b.svg#icons-topic-tag);
  margin: 0 !important;
}
.topic-title:hover {
  opacity: 0.8;
}

.share-button {
  background-image: url(../images/icons.50205b.svg#icons-share);
  margin: 0 !important;
}
.share-button:hover {
  opacity: 0.8;
}

.tag-text{
  width: 100%;
  text-transform: capitalize;
  font-weight: bold;
  white-space: nowrap;
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1535px) and (min-width: 1280px) {
  .tag-text {
    max-width: 10rem;
  }
}

.tag-text:hover,
.icon-bookmark:hover {
  opacity: 0.8;
}

.dropdown-arrow{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1024px){
  .dropdown-arrow{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .dropdown-arrow .info-section {
    display: block;
  }
}
.dropdown-arrow img{
  display: block;
}
@media (min-width: 768px){
  .dropdown-arrow img{
    display: none;
  }
}
.dropdown-arrow .info-section {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1.08px;
  line-height: 1.77;
  display: block;
}
@media (min-width: 768px){
  .dropdown-arrow .info-section{
    display: none;
  }
}

.tooltip-bubble {
  position: absolute;
  background-color: #333;
  color: #ffffff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  margin-top: -0.8rem;
}

.sec-pb-4{
  padding-bottom: 1rem;
}

.sec-p-y-t{
  padding-top: 2rem;
}

.sec-p-y-b{
  padding-bottom: 2rem;
}

.sec-p-y{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sec-p-y-t-3{
  padding-top: 3rem;
}

.sec-p-y-b-3{
  padding-bottom: 3rem;
}

.sec-p-y-3{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.sec-p-t-sm{
  padding-top: 2rem;
}

@media (min-width: 768px){
  .sec-p-t-sm{
    padding-top: 3rem;
  }
}

.sec-p-b-sm{
  padding-bottom: 2rem;
}

@media (min-width: 768px){
  .sec-p-b-sm{
    padding-bottom: 3rem;
  }
}

.sec-p-y-sm{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px){
  .sec-p-y-sm{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.sec-p-t-lg{
  padding-top: 3rem;
}

@media (min-width: 768px){
  .sec-p-t-lg{
    padding-top: 4rem;
  }
}

.sec-p-b-lg{
  padding-bottom: 3rem;
}

@media (min-width: 768px){
  .sec-p-b-lg{
    padding-bottom: 4rem;
  }
}

.sec-p-y-lg{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px){
  .sec-p-y-lg{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.line-height {
  line-height: 1.5rem;
}

.tag-pill{
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content;
}

.type-pill{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 1rem);
}

.market-overview{
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  border-color: transparent;
  font-size: 0.75rem;
  line-height: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.market-graph {
  margin-right: -0.22rem;
  background-image: url(../images/icons.50205b.svg#market-graph);
  margin-left: -0.3rem;
}

.transparent-lozenge {
  color: #63666a;
}

.icon-bookmark {
  background-image: url(../images/icons.50205b.svg#icon-bookmark);
  margin: 0 !important;
}
.icon-bookmark:hover {
  opacity: 0.8;
}

.icon-remove-bookmark {
  background-image: url(../images/icons.50205b.svg#icon-bookmark-remove);
  margin: 0 !important;
}
.icon-remove-bookmark:hover {
  opacity: 0.8;
}

.badges {
  background-color: #ffffff;
  cursor: pointer;
}

.disclosure-icon{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 768px){
  .disclosure-icon{
    display: none;
  }
}

.disclosure-icon {
  background-image: url(../images/icons.50205b.svg#arrow-down);
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.invalid-warning-icon{
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  background-image: url(../images/icons.50205b.svg#organozation-status-warning);
  position: absolute;
  right: 1.5rem;
  top: 30%;
  transform: translateY(-50%);
  display: none;
  /* hidden until invalid */
}

.pdf-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB/klEQVR4nO3ZWUsbURgG4Pk1WrEXtuDSulBFXKkGV7DkppBWqiIi4kItYqWgiBuKN60o9EaT09te9Fac/A4VjjGJcYmJRssr5xsdpBYXMnNmlPPCC5MzE/gecmYSiKapqKg8/YAFa8GC22BBpNu9+vfr8gEBfcuK4UV5Rp58BCwa/gpACI9Pf9QAqQjYBOCyEHYCuAyE3QBuN0IGgNuJkAXgdiGsBOzmVtyJiDW1r7sWcPJtST4CFgIeUk0BLqMATAHSy5MFRGu8iJQ2UqO1XiS/LNB6YmjWXI+UtyLW8gknY9/N9+2/60a4uN7sce+EM4DQizLsvqpBvHMU4aI68Mx8pGZWEe/6Ss/y/bYuHHh76Drx+rh/yoBXe7GTXYjDj5+pp+MrzgHEMOI4ObJoDNk3aQLO5hmdO//xGzvPixAufGsCQjmlzm8hAYi8aaBvV7GdeGYBUnP+GwAaurIN/FkB4NeNTyDrNWINPmpqbs05gBhUDCP2cnJ4ntb/BwiXeOh6cwsR4APVUcDVFrrefwGJwWnj901zu/u2UPQWgLixQy/LjeMSD/4u/3EX4KhjBImB6Rvrp5M/cegbosa7x+gegX/DPJ8YnKUnF5wG2F1NAS6jAEwB0osCMAVILwrAFMA9fzHduwF90zrAL71aKiKgb4JtVFkGUFFR0VybCyA7+nk5Yx4EAAAAAElFTkSuQmCC);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.pdf-icon:hover {
  opacity: 0.8;
}

.word-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAADg0lEQVR4nO2ZS0wTQRjHSx+0pdTHRRMuHgRFERS8GS6eTExMuBg1RhIeFtvyCrQFI4koxiAaA9EYo3JQAyICLeVRaAUBi0BpLeX9EAgt0tKWAgIFC+UzzJIlTTyAmrDg/i/zzex28v06/9n5skuhkCJFitSuFFso82Pz5Bc4MdJMTnRpBTfqwwSFkLr9ic4Q1AWx+KpIFl+Zx+bXqNhxVXafuErg8OTgGysD35gy4EaXwHanSqGI1Vx6Sks4I7mVx0hU53knNqqZCQ2LrPh6YAk/AlugBDa/BnxuVMP2A6R37qekdYdTxYYkmkj/hibS9tBTNG5GShswklvAO6kZvBObgJnQAIQE8ErvAWpaF1AlBqCJ9UAT6YCe2g5/AxCqdMCp2ik4qbBDSLUNgittcKLCCkHySTgus8AxqRkCS81wtGQCjhR/h4D34+D/zgSHC42fdzoAkAA0EqBk5wNsVQEkQFoXhOUO4hPeqhr3ANCb5tD4snsV9iXX4wA5im9o3DHvAu71bbaQd3onOF1ulNBbrR0H2CtqAdfKKg535oEGB5B3WNCYqttKjD3QOjaPEtKZFnCAs3ldHsstKOzDAQYt2P3ZVYPbbyGqxABPm21owgWXG5ipGIBIOorGfiytoPZ5owkB7ImvxVfm8jMNMQCiisY2Jr3XgQCKv2JQyt4p1LYMzyCAsLvqjXslSmJYKPhRH55UxKsBBDBqX0R9YdEAaud/rgBHqIIrL/Sob5ldIs45wJDocavcrDCCX4YWxTPOZTgoUYN7FbNMSKYa7siHUFxpsBDrHGgaxh6ZrzU2iHjZj+L6gWl0DgxZnah/Lb8TijQTKM6SDxAL4HHjJJq03TgPWTUmFOeojAigWItde1g7Ch3GWcxqT9qIYyGaWA9XC0Yw2yyuQGW3A8WX8nsRQLoUO7gUXTaYW7faIZGSWACB2d340o7Yl1Drn9mGAM7lYRvX5MA2tnHKSZxSgroOQBfrYNqJ/btrss658FrogKgJ38hrKtOZiVnM1Q1i/l5TdY/Do5gbsi7g1zLK+olZTufUm/EksxRGD4BiLVb/rOl8bhsxAeg7sZymkgCy3WOhUBJgCyIB4v4hQIGx6f97uftbidVcRmrraUbSl0jiv17/gw8cbEFtNouvqCDuB45NC7yYgnJ/X175RU6s9L5vTGk1N7rEvPnfkyJFihRlh+gXNv/BdBfEwc4AAAAASUVORK5CYII=);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.word-icon:hover {
  opacity: 0.8;
}

.docx-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHNUlEQVR4nO2aeWwUVRzH1xj5y8T4vxr9xyCC1D+MiRq04IFUjRdqNJ7RgAeoGKAepVKFtlAxitUQE42CQUELRUECMS09KNICbVnxbHeuPbrt7na7c+z19mveTHc62860XXZn3Zj9JZ/szjt+u+/7jvnNe+NwlKxkJStZyUqWlVU7MaeeJ/X1QtJTLxDkkzo+marnk382esjnjmK1Wi5RV8snYSdf+ggahWSHoxhtM5fwbOaSsJOdPqKK8ImbdDmKzd5nk7Cb3UOkeEWoYRKwmz1+kiHCXp+MlMggJRlhdSBzBngNRf1MQhaciPLL8ibARlcCdtPkJxYiuCYJMQsRFIF+TyHKV+RFgOrBBOymeZiYirDHez4iCOMiCP15EaBqMA67OThC8ieCPgoEJevGQuHLIXFtRGTE9A+8MxC3ncMjZFoRvtNFcM0ggnEq8J1ZNp5ZAolNGh3TH3rrn5jtHA2Q/IogcUko7juzE0Bmu6gDY+MplX/HbOeXAJmVCN9OMx3UxktsBBLbCplblOXgdzggcdHJjac/tP6vmO20BsnsRfBoIpCI60eMMfMAXOjIhxGJcWYIQFUWXVj7Z9R2fvDGsxLhK7cSBHCBI58GkbmHiExqove1+fbGH1HbWeUU0R4kWYnQwCby/+wA0bWMSK6zJOJKagIMYs3vUdu5qW0Eq50imnzZjYStbNz+p8jXfldgN+WdQdzSHsiaJZ3BmO0CrD6nwG4ePhXGoo5A1tzaEYDtAqz6TYbdvPKbjEd6xnBHV0gdDdmAIefFtgrwslNGMaMHRyIDIroEIjG1QM9FMzZs4TZvRdk2r1C2zYdcubHRj8dbx/DSWbng0IU6MzhiQSRm04wClH3g4/PReF2ET/1YeVYqOKmIiQAiw89GAOSbFf2SKft9cQQSQDiZPbTePm/c0veEABPPCERiPf+JAC/0SaYMx8+v8Wn88ZSlbxIZMBOgZuY1oMGHNCu/D6LmSBhLPvPraZQVe7X015tDGem0HE2n+cb05/tEU5q8uY0AGipb+dYE0EYBiTAMRNfbs3o+WLjVhzR9njiofdYZ0dOub/AhrBA1naSARdv9eh4tR63PHdfTKM/1igWHCkAigwch/XXZjI022sItXqTZ2S2qDWofiOppy78chtFW/RDU89oHo2ra192inkZ59oxYcKgAkAeucGRrCw1/fM3+kNqgkEz0tE1Hw2qaP6KNgi9OaI0t2+JVy1Gj9Yx+nj4dKTiaAH9fnrUA19V7kebW7UNIjff0sh1+Ne3QOUW9/vjYmPp5Roip6RU7/Oo1LX/b9iHdB+Wp0xFTvvfEcloD9npilr61KTBwCApzVXYC1HlhhKG/BGD9gZB67Q0n1UaWbx+CGE0hlkzhhgYfKg9oo8UVSGTUpzx5KmIKXcVzugvEUpa+jYugMRZQd4kkNgmZc0I0OSe4rtYLI/v6ZG1enxSx9FOtl6koNO+EK6ZeP7MrgF3dkvq9qVfOqE95omfMlD3u3EbAd0LM0rfZbXDKPqHETT0nWLDJAyMbfhrVhjofw5vNWi8398tq3o4ObdX/qGUMvYImRtWPoxn1KY/3jBUcs0DIYre4P0OA+e95YKSiUev1aCKFfb1aL288OKrmvbg7oF4fH4iq+dRo+ck+HuseKzhmobDFoYnioAECZK4KEsfMr/HAyIIaDwKitrrLca2RD+0YVvNu3upT1wMaD1Cj5Wj5yT4ePRkuOJbzf+pZQSc9+Hhv/BAR177rnsLR8ZWfmhhLYcHGibzBYW2RpHbknGJaf/nJsCm7hWhOawCtb+Xb+DhsLQA9J+AXO6AIHl2ADe4pbDms3fvTw92Y13RamxbU6n8Om9Z/+NewKXQVz+UuMBRLWfqedv6r5wT8xDkBFMGdFmBelXsKN9V6sWF/CNXNITzY6M/IW/rhkJpO82k5s/oPnhg15Rs+txHwDRe19D2xGcJEIbGvYpS91PLeD0WoGz8+xry3hbzzQNdowUn3Pm38jMEP4JwDRaiFwgvXvCUg39zfNVpw0nN/2p43s7mVHH9NJY98sWCjgPuOhwpOeu5nLcDV6/i7567l+LnreOTK/GoBi5tGcG9nyJRdrJLTGrCTVSx9pxc+SOxKRz4MiutK4+FoRWcoZ/JxF7DybdgHjEDhnkNw4JLzb7zsvoJIzGHjCXFFRyhnvs5xBHzFKpa+LSI/AQpXS9e86RuMicgwXXnyCxLLOoJFjXXkp74rtHmG4c7rkeF4xDRFhLvbg0WN9SsyqgDTb49DjQxpwUwBjCIsbQ8WNZYvSWlMvz0ONTJMv1ZmLsJdbcGixvI1Oa1jp98eRzoyzBgFmSLc2RYoasyHPs9AFt6ZcXscemQoCFYi3HEsUNQ47LbbjwVQzNguwOKWgHtJawBFimC7AOUtI3WLW0dQpNTaLsDyPZhDRbitZcRd3jKCYmD8v9TR/2a7ACUrWclKVjLH/8P+Bd+1AF56LBAiAAAAAElFTkSuQmCC);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.docx-icon:hover {
  opacity: 0.8;
}

.excel-icon {
  background-image: url(../images/excel.0702e5.png);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.excel-icon:hover {
  opacity: 0.8;
}

.files-default {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsElEQVR4nO3UMQoCQRBE0blGX9QzGFasN5pIjEz7BiYGu6BjbiDIWM0WWx/6AA+Kbs05bujLIN1RFnC6rHUIEAC3+3OcqxAgAPLxqkOABChDgAjICgQbkGxEBSCZiCpAshCVgGQgqgH5gdgk4JdrBnQDhgEzGdA3DojDdfpgwJ4nBHVA/HkyMGBvE4I6INTfaKgDoD4hqANC/Y2GOgDqE4IBiwFfM6AbMJcB3QDnGrE3u0l6yhdYoHYAAAAASUVORK5CYII=);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.files-default:hover {
  opacity: 0.8;
}

.image-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVR4nO3Uv0sCYRgH8PsnEoXQpalAKGhraGqQlpr8A9SEGvpBRpJIhHFQ1tEQ0g/bcmhrqiExk8QLpEIoW+qtnIQKTNSgnriDE+rwJI739cLnC19ueYbnc++9x3EYDN0IYg0olf+3gK3LD3YIgQLg9u0TtlkhBAoAUv5ihxAoAZghBIoAwgJBG0BoI1gACE0EKwChhWAJIDQQrAHkF8KQgL+UQ4CIAECAniBARIC+tB3AFSuAe7/QdG4k+gxWfw5G9wrGASwlSmCdSEHneAoW4yXNWZs/Bxbftfw0BGA9U4P+YBY63Am5fYEsrGWqDeelN2+TTiBqkBNw7tzXl1fq3H34MROMv8s13B1YOH4FizepApi9SZg/epFnwukq9C7fgT2Uh9V0xTiAcLoCPXOianml3bMZeWFH5FH+5qU6Ik/GAQxv5Bsur3SAv6kvr9R1UGw9YPqwCCaP9vKmsSRYfFcqgHSBAyel1gH4szJ0TZ1rv33PKZhnsqrlldpDeVhpch+oAQb5XNNPxzx50XB5pUObpPV/IZrlECAiABCgJwgQEaAvCBAR0OYADIbTzDfVYYMXyeE6mAAAAABJRU5ErkJggg==);
  padding: 0rem;
  background-size: cover;
  width: 1.5rem;
  height: 1.1rem;
}
.image-icon:hover {
  opacity: 0.8;
}

.documentation-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.documentation-icon:hover {
  opacity: 0.8;
}

.form-updated-icon{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-image: url(../images/icons.50205b.svg#icon-membership-fill);
  margin: 0;
  height: 0.9rem;
  padding: 0.25rem 0;
}

.required-asterisk {
  color: #da1e28;
  padding-left: 2px;
}

.toast{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.toast .card-container .reading-card {
  background-color: #f2f1ee;
}

.toast {
  min-width: 16rem;
}
@media (min-width: 640px) {
  .toast{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-width: 18rem;
  }
}
@media (min-width: 768px) {
  .toast{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-width: 20rem;
  }
}
@media (min-width: 1024px) {
  .toast {
    min-width: 24rem;
  }
}

.toast-section{
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 9999;
}

.toast-message{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.toast-close-btn{
  margin-left: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.toast-close-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.pagination {
  gap: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pagination .badges{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  min-width: 2rem;
  justify-content: center;
  background-color: #f2f1ee;
}
.pagination .badges.active {
  background-color: #3f7793;
  color: #ffffff;
}
.pagination .badges .nav-button {
  color: #3f7793;
}
.pagination .page-count{
  padding: 0.25rem;
}

[x-cloak] {
  display: none !important;
}

.form{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.form .search{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px){
  .form .search{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.form .search {
  align-items: flex-end;
}
.form .search .multi-select-dropdown .filter-group .label {
  font-size: 12px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}
.form .search .multi-select-dropdown .multi-selector-button{
  display: flex;
  min-height: 52px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form .search .multi-select-dropdown .multi-selector-button .card-container .reading-card {
  background-color: #f2f1ee;
}
.form .search .multi-select-dropdown .multi-selector-button .filter-group .label {
  font-size: 12px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}
.form .search .multi-select-dropdown .multi-selector-button .toggle-arrow-icon {
  margin: 0rem;
}
.form .search .drop-down-field-wrapper .margin-filed .question-field-classes {
  margin: 0rem;
}
.form .search .drop-down-field-wrapper .margin-filed .text-controle{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form .search .drop-down-field-wrapper .margin-filed .text-controle:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.form .search .drop-down-field-wrapper .margin-filed .text-controle {
  background-color: #fdfdfc;
  color: #898a89;
}
.form .search .drop-down-field-wrapper .margin-filed .border-bottom {
  border-bottom-width: 0px;
}

.rotate-90 {
  transform: rotate(90deg);
}

.-rotate-90 {
  transform: rotate(-90deg);
}

hr{
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(0 127 158 / var(--tw-border-opacity));
  border-color: var(--background);
}

.grid-separator {
  border-right: solid 2px #d7d6d0;
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .grid-separator {
    border-right: none;
    padding-right: 0;
  }
}

.grid-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .grid-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .grid-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .grid-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .grid-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .grid-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .grid-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .grid-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .grid-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .grid-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .grid-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.grid-container{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.grid-row{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem;
}
.grid-row .width-full{
  grid-column: span 12 / span 12;
}
.grid-row .w-1-2{
  grid-column: span 12 / span 12;
}
@media (min-width: 768px){
  .grid-row .w-1-2{
    grid-column: span 6 / span 6;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .w-1-2{
    width: 100%;
  }
}
.grid-row .w-1-3{
  grid-column: span 12 / span 12;
}
@media (min-width: 768px){
  .grid-row .w-1-3{
    grid-column: span 4 / span 4;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .w-1-3{
    width: 100%;
  }
}
.grid-row .w-2-3{
  grid-column: span 12 / span 12;
}
@media (min-width: 768px){
  .grid-row .w-2-3{
    grid-column: span 8 / span 8;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .w-2-3{
    width: 100%;
  }
}

.button-wrapper{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.button-wrapper .alert-success-msg {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.job-cards{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 640px){
  .job-cards{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .job-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 1rem;
  }
}

@media (min-width: 1024px){
  .job-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tag-pills {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  /* Adjust spacing here */
}

body {
  overflow-x: hidden;
}

.show-more {
  display: flex;
  justify-content: center;
}

.bg-white .card-container .reading-card {
  background-color: #f2f1ee;
}

html {
  scroll-behavior: smooth;
}

.badge-lozenge {
  text-transform: capitalize;
}

.btn-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.pagination {
  display: flex;
}

.page-item {
  min-width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}

/*.visible{visibility:visible;}
            .invisible{visibility:hidden;}*/
.rich-text th,
.rich-text td {
  text-align: left !important;
  white-space: normal;
}

.pwd-change-form fieldset {
  display: flex;
  flex-wrap: wrap;
}

.pwd-change-form fieldset > * {
  width: 50%;
  flex-basis: 50%;
  flex-wrap: wrap;
}

.pwd-change-form fieldset > .button-wrapper {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  flex-basis: fit-content;
}

.pwd-change-form fieldset .input-mail,
.pwd-change-form .form-wrapper .input-mail {
  font-size: inherit;
  line-height: 1;
}

.detailed-section > *:not(:first-child) {
  padding-top: 3rem;
}
@media (max-width: 768px) {
  .detailed-section > *:not(:first-child) {
    padding-top: 2rem;
  }
}

.prof-com-sec {
  color: #203c4a;
}

.text-cambridge {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.search-text-field .question-field-classes {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.two-col-grid .question-field-classes {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.checkbox-container .fields-selector .fields-name .labels {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.stream-selection-detail p {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.form-group .question-field-classes {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}

.checkbox-container .academic-engineering p {
  padding: 2rem;
}

.meta-bordered {
  display: flex;
  align-items: center;
  margin: 2.5px 7px 9.8px 0.8px;
  width: 96%;
  border-bottom: solid 0.5px #d7d6d0;
  padding-bottom: 0.5rem;
}

.meta-bordered p {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}

.stop-watch-icon {
  background-position: center;
  background-image: url(../images/icons.50205b.svg#stop-watch);
  background-repeat: no-repeat;
  background-position: -12px;
  width: 1.5rem;
  height: 1.75rem;
}

.atcb-button-wrapper .atcb-button {
  display: inline-block;
  padding: 1rem 3rem;
  background-color: var(--background);
  border: 0.5px solid var(--background);
  font-family: SharpSans, sans-serif;
  font-weight: 600;
  color: var(--text-color);
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 2rem;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.atcb-button-wrapper .atcb-button:hover {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

.atcb-button-wrapper .atcb-icon {
  display: none !important;
  width: 0;
  height: 0;
}

.calandar-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.address-details {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 1rem;
  height: 16px;
}

.livestream-details {
  display: flex;
  align-items: end;
  height: 19.27px;
}

.livestream-icon-link {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABU0lEQVRYCe2Uvy4FQRSHLzoFiUhEhIb2PoVKhwhPoJeIisb7KDT3BZQUev8K9BISLd+XzEkUE7vL7G7C/SVf9tyZc35nZnb2DgZj9XwCEw37T5O/CTuwBiugHuEOzuAc3qGopnA7gjf4qOA15VpTRMu4XEE0viDehyHMJowdcy7yLomt/ZUWqL4BTR9gHapkjrnWWKvHj3VCpUbuZqaBi7nWWHvcoC6busfo3JeZeeJTuAbftxg75lzImt34Ueq5jdELuLMczpnTivwE78HGXrYtWEoYxwU0x9xWtIjrAeQ+McecM+d/aJVt3iaMO9chHeMiGneu3k+g8x2PG3Z2Aht0eoK44aWeeupdqTaaxyb0rlQkVyY2TMj6TjY0KZ5eZwEjukorqrMAG3t8nSn7rgp0z/rWPYEC/fMWuQU8p9RYcamntuGdX00a7f2P6NvV/bnJT7bao5OjyL+9AAAAAElFTkSuQmCC);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) saturate(100%) invert(18%) sepia(19%) saturate(4136%) hue-rotate(156deg) brightness(95%) contrast(101%);
}

input:-webkit-autofill {
  background-color: #ffffff !important;
}

.two-col-grid .form-group .drop-down-field-wrapper .filter-group .label {
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
  margin: 1.5px 4.3px 10.1px 0;
  display: block;
  text-align: left;
}

.event-fee-form {
  padding: 2rem;
  background-color: #ffffff;
}
.event-fee-form fieldset {
  margin-bottom: 2rem;
}
.event-fee-form legend {
  margin-bottom: 2rem;
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
}
.event-fee-form label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #203c4a;
  margin-bottom: 20px;
}
.event-fee-form .total {
  margin-bottom: 2rem;
}
.event-fee-form input[type=checkbox],
.event-fee-form input[type=radio] {
  margin-right: 0.625rem;
}
.event-fee-form input:not([type=radio]),
.event-fee-form select {
  border-bottom: 1px solid #8d8d8d;
}

.meta-list-child .meta-link img {
  min-width: 37px;
}

.meta-heading {
  font-weight: 500;
}

#pwdChange .button-wrapper {
  margin-left: 1rem;
}

.cpd-manage-records {
  display: flex;
  gap: 16px;
  justify-content: flex-start;
}

#registration-form .two-col-grid .form-group .drop-down-field-wrapper .filter-group,
.content-section .two-col-grid .form-group .drop-down-field-wrapper .filter-group {
  padding-bottom: 0 !important;
}

.masquerade-nav {
  background: #fffcc8;
}

.password-reset-form .alert-success-msg {
  margin-bottom: 1rem;
}
.password-reset-form .answers {
  padding: 0;
}
.password-reset-form .answer-card {
  padding: 0;
}

.marquee-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .marquee-section{
    padding: 2rem;
  }
}

.marquee-section {
  padding: 1rem 0rem;
  background-color: #353e43;
}
.marquee-section .marquee-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .marquee-section .marquee-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .marquee-section .marquee-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .marquee-section .marquee-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .marquee-section .marquee-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .marquee-section .marquee-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .marquee-section .marquee-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .marquee-section .marquee-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .marquee-section .marquee-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .marquee-section .marquee-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .marquee-section .marquee-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.marquee-section .marquee-container {
  margin: 0 auto;
}
.marquee-section .marquee-container .marquee-text {
  font-size: 11px;
  color: #ffffff;
}
.marquee-section .marquee-container .marquee-text a {
  text-decoration: underline;
}

.hero-category {
  position: relative;
}
.hero-category .hero-category-container{
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1280px){
  .hero-category .hero-category-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .hero-category .hero-category-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .hero-category .hero-category-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .hero-category .hero-category-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .hero-category .hero-category-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .hero-category .hero-category-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .hero-category .hero-category-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .hero-category .hero-category-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .hero-category .hero-category-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .hero-category .hero-category-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.hero-category .hero-category-container .hero-category-wrapper{
  position: relative;
  height: 60vh;
  min-height: 24rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hero-category .hero-category-container .hero-category-wrapper .background-img{
  position: absolute;
  inset: 0px;
  background-size: cover;
  background-position: center;
}
.hero-category .hero-category-container .hero-category-wrapper .background-pattern{
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hero-category .hero-category-container .hero-category-wrapper .gradient-overlay{
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #3f779370 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 119 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(63 119 147 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #3f779320 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.hero-category .hero-category-container .hero-category-wrapper .content-container{
  position: relative;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 640px){
  .hero-category .hero-category-container .hero-category-wrapper .content-container{
    width: 50%;
  }
}
@media (min-width: 1024px){
  .hero-category .hero-category-container .hero-category-wrapper .content-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper{
  text-align: start;
}
.hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper .title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: 50px;
  letter-spacing: 0px;
  line-height: normal;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper .title {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
    font-weight: 600;
  }
}
.hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper .subtitle{
  margin-top: 1.25rem;
  max-width: 65ch;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.72;
  color: var(--text-color);
}
.hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper .subtitle .highlighted-text {
  background-color: var(--hero-bg);
  padding: 0.5rem 1rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
@media (max-width: 768px) {
  .hero-category .hero-category-container .hero-category-wrapper .content-container .content-wrapper .subtitle {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
    width: 100%;
  }
}
.hero-category .hero-category-container .scrollable-switcher{
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){
  .hero-category .hero-category-container .scrollable-switcher{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.hero-category .hero-category-container .scrollable-switcher {
  overflow-x: auto;
}
.scrollable-switcher-section {
  background-color: #ffffff;
  padding-bottom: 1rem;
}

.mambersTile-section {
  background-color: #ffffff;
}
.mambersTile-section .mambersTile-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .mambersTile-section .mambersTile-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .mambersTile-section .mambersTile-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .mambersTile-section .mambersTile-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .mambersTile-section .mambersTile-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .mambersTile-section .mambersTile-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .mambersTile-section .mambersTile-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .mambersTile-section .mambersTile-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .mambersTile-section .mambersTile-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .mambersTile-section .mambersTile-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .mambersTile-section .mambersTile-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.mambersTile-section .mambersTile-container .title {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
  letter-spacing: 0;
}
@media (max-width: 576px) {
  .mambersTile-section .mambersTile-container .title {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.mambersTile-section .mambersTile-container .members-cards-wrapper{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 640px){
  .mambersTile-section .mambersTile-container .members-cards-wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .mambersTile-section .mambersTile-container .members-cards-wrapper{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px){
  .mambersTile-section .mambersTile-container .members-cards-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.mega-btn{
  grid-row: auto;
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.swipe-text{
  position: relative;
  z-index: 10;
}

.password-protected .login-containers{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .password-protected .login-containers{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .password-protected .login-containers{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .password-protected .login-containers{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .password-protected .login-containers{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .password-protected .login-containers{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .password-protected .login-containers{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .password-protected .login-containers{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .password-protected .login-containers{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .password-protected .login-containers{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .password-protected .login-containers{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.password-protected .login-containers{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.password-protected .login-containers .login-forms{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 33%;
}
@media screen and (max-width: 768px) {
  .password-protected .login-containers .login-forms {
    width: 100%;
  }
}
.password-protected .login-containers .login-forms h2 {
  font-size: 16px;
  color: #203c4a;
  margin-top: 30px;
}
.password-protected .login-containers .login-forms .forgot-password {
  margin-top: -1rem;
  text-decoration: underline;
}
.password-protected .login-containers .emails-field{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 500;
  min-height: 24px;
}
.password-protected .login-containers .forgot-password {
  font-size: 12px;
  font-weight: 500;
}
.password-protected .login-containers .submit-button{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 2rem;
  text-transform: uppercase;
  min-height: auto;
  cursor: pointer;
}
.password-protected .login-containers .submit-button .btn-outline {
  background-color: #92a5a9;
  color: white;
}
.password-protected .login-containers .submit-button.active{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 2rem;
  text-transform: uppercase;
  color: white;
  background-color: #007f9e;
}
.password-protected .login-containers .policies{
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px){
  .password-protected .login-containers .policies{
    justify-content: flex-start;
  }
}
.password-protected .login-containers .policies {
  font-size: 16px;
  color: #203c4a;
}
.password-protected .login-containers .policies h2 {
  margin-bottom: 0.9375rem;
}
.password-protected .login-containers .policies ul li {
  font-size: 12px;
  font-weight: 500;
  padding-left: 0px;
  padding-top: 0.5rem;
  padding-right: 0px;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px){
  .password-protected .login-containers .policies ul li{
    margin-left: 40.5px;
    list-style-type: disc;
    padding: 0.5rem;
  }
}
.password-protected .login-containers .policies p {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.98125rem;
}
.password-protected .login-containers .policies .login-animation-button {
  margin-top: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  font-family: SharpSans;
  font-weight: 600;
}
.password-protected .login-containers .policies .login-animation-button .sec-button{
  display: inline-block;
  border-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border: solid 0.5px #3f7793;
  font-family: SharpSans;
  font-weight: 600;
  color: #3f7793;
}
.password-protected .login-containers .policies .login-animation-button .sec-button:hover {
  color: #ffffff;
  background-color: #3f7793;
}

.cardsSearch-section {
  background-color: #ffffff;
}
.cardsSearch-section .cardsSearch-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .cardsSearch-section .cardsSearch-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .cardsSearch-section .cardsSearch-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .cardsSearch-section .cardsSearch-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .cardsSearch-section .cardsSearch-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.cardsSearch-section .cardsSearch-container .row{
  display: flex;
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .row{
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
  }
}
.cardsSearch-section .cardsSearch-container .row .members-cards-wrapper {
  width: 18rem;
}
.cardsSearch-section .cardsSearch-container .row .title {
  width: 100%;
  color: #004152;
}
@media screen and (max-width: 768px) {
  .cardsSearch-section .cardsSearch-container .row.content-switcher-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 6px;
  }
}
.cardsSearch-section .cardsSearch-container .search-field{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 320px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}
.cardsSearch-section .cardsSearch-container .search-field{
  margin-left: auto;
  margin-right: auto;
  max-width: 20rem;
}
@media (min-width: 640px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 20rem;
  }
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 20rem;
  }
}
@media (min-width: 1024px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 20rem;
  }
}
@media (min-width: 1280px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 20rem;
  }
}
.cardsSearch-section .cardsSearch-container .search-field{
  max-width: 24rem;
  border-radius: 0.25rem;
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .search-field{
    max-width: 24rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1rem;
  }
}
.cardsSearch-section .cardsSearch-container .search-field {
  background-color: #fdfdfc;
}
.cardsSearch-section .cardsSearch-container .search-field .label-text{
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #203c4a;
}
.cardsSearch-section .cardsSearch-container .search-field .choose-option{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cardsSearch-section .cardsSearch-container .search-field .newest {
  color: #63666a;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.cardsSearch-section .cardsSearch-container .search-field .border-bttm {
  border-color: #8d8d8d;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 320px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}
.cardsSearch-section .cardsSearch-container .search-field .border-bttm{
  margin-top: 0.5rem;
  border-top-width: 1px;
}
@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .search-field .border-bttm{
    margin-top: 1rem;
  }
}

.search-multi-cards{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){
  .search-multi-cards{
    max-width: 320px;
  }
}

@media (min-width: 640px){
  .search-multi-cards{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .search-multi-cards{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .search-multi-cards{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){
  .search-multi-cards{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1536px){
  .search-multi-cards{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

@media (min-width: 640px){
  .search-multi-cards{
    max-width: 20rem;
  }
}

@media (min-width: 768px){
  .search-multi-cards{
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem;
  }
}

@media (min-width: 1024px){
  .search-multi-cards{
    max-width: 20rem;
  }
}

@media (min-width: 1280px){
  .search-multi-cards{
    max-width: 20rem;
  }
}

.search-multi-cards{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){
  .search-multi-cards{
    max-width: 320px;
  }
}

@media (min-width: 640px){
  .search-multi-cards{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .search-multi-cards{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .search-multi-cards{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){
  .search-multi-cards{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1536px){
  .search-multi-cards{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.search-multi-cards{
  margin-top: 3.5rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
}

@media (min-width: 768px){
  .search-multi-cards{
    display: flex;
  }
}
.search-multi-cards .roles{
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  max-width: 20rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 640px){
  .search-multi-cards .roles{
    max-width: 20rem;
  }
}
@media (min-width: 768px){
  .search-multi-cards .roles{
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem;
    font-size: 3.75rem;
    line-height: 1;
  }
}
@media (min-width: 1024px){
  .search-multi-cards .roles{
    max-width: 20rem;
  }
}
@media (min-width: 1280px){
  .search-multi-cards .roles{
    max-width: 20rem;
  }
}
.search-multi-cards .roles{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 320px){
  .search-multi-cards .roles{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .search-multi-cards .roles{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .search-multi-cards .roles{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .search-multi-cards .roles{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px){
  .search-multi-cards .roles{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .search-multi-cards .roles{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}
.search-multi-cards .roles{
  margin-left: auto;
  margin-right: auto;
  margin-left: 1rem;
  white-space: nowrap;
}
@media (min-width: 768px){
  .search-multi-cards .roles{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding-left: 0px;
  }
}
.search-multi-cards .roles {
  color: #004152;
}

.carousel-section {
  background-color: #ffffff;
}
.carousel-section .carousel{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .carousel-section .carousel{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .carousel-section .carousel{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .carousel-section .carousel{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .carousel-section .carousel{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .carousel-section .carousel{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .carousel-section .carousel{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .carousel-section .carousel{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .carousel-section .carousel{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .carousel-section .carousel{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .carousel-section .carousel{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.carousel-section .carousel{
  position: relative;
  width: 100%;
  overflow: visible;
}
.carousel-section .carousel .content-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.carousel-section .carousel .contentSwitcher-row{
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}
.carousel-section .carousel .carousel-buttons{
  display: flex;
}
.carousel-section .carousel .carousel-buttons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.carousel-section .carousel .carousel-buttons {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.carousel-section .carousel .carousel-buttons .swiper-button-next,
.carousel-section .carousel .carousel-buttons .swiper-button-prev {
  position: static !important;
  color: #3f7793 !important;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.carousel-section .carousel .carousel-buttons .swiper-button-prev::after,
.carousel-section .carousel .carousel-buttons .swiper-button-next::after {
  font-size: 1rem;
}
@media screen and (max-width: 576px) {
  .carousel-section .carousel .carousel-buttons {
    justify-content: flex-end;
    margin-bottom: 1rem;
    display: flex;
  }
}
.carousel-section .carousel .swiper-slide {
  width: auto;
  height: auto;
}
.carousel-section .carousel .swiper-slide .content {
  height: 100%;
  display: flex;
}
.carousel-section .carousel .swiper-slide .content .reading-card{
  width: 100%;
  border-radius: 0.5rem;
  background-color: #f2f1ee;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.carousel-section .carousel .swiper-slide .content .reading-card .content-section {
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 768px){
  .leading{
    display: flex;
  }
}

.leading {
  height: 100%;
  width: 100%;
  align-items: stretch;
  flex-direction: row;
  gap: 20px;
}
.leading .swiper {
  width: inherit;
}

.tab-content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.swiper {
  overflow: visible;
  width: 100%;
  position: relative;
}

.networking-icon{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
.networking-icon .wi-fi-icon{
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
  padding: 0 0 10.5px;
  align-items: center;
  margin-left: -0.1rem;
}
.networking-icon .wi-fi-icon .networking-availability {
  margin-left: 5px;
  margin-right: 7.5px;
  margin-top: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

.img{
  position: relative;
}
.img .img-pill{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
}

.members-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .members-cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .members-cards-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sponser-event-wrapper {
  background-color: #ffffff;
}

.sponser-event{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5px;
  padding-bottom: 1.5px;
  text-transform: uppercase;
  background: linear-gradient(to right, #E5F2B8 47%, #00b2af50 76%, #00b2a915 100%);
  color: #000000;
  font-weight: 500;
}

.location {
  display: flex;
  gap: 5px;
}

.sponsor-company-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .sponsor-company-section{
    padding: 2rem;
  }
}

.sponsor-company-section {
  padding: 0rem;
}
.sponsor-company-section .sponsor-company-container {
  padding: 2rem;
  background-color: #e4e4de;
}
.sponsor-company-section .sponsor-company-container .title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  padding-bottom: 1.75rem;
}
.sponsor-company-section .sponsor-company-container .content{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 3rem;
}
@media (min-width: 768px){
  .sponsor-company-section .sponsor-company-container .content{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.sponsor-company-section .sponsor-company-container .content .img-wrapper{
  grid-column: span 1 / span 1;
}
@media (min-width: 768px){
  .sponsor-company-section .sponsor-company-container .content .img-wrapper{
    grid-column: span 1 / span 1;
  }
}
.sponsor-company-section .sponsor-company-container .content .img-wrapper .img{
  width: 100%;
  border-radius: 0.5rem;
}
.sponsor-company-section .sponsor-company-container .content .description{
  grid-column: span 1 / span 1;
}
.sponsor-company-section .sponsor-company-container .content .description > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
@media (min-width: 768px){
  .sponsor-company-section .sponsor-company-container .content .description{
    grid-column: span 3 / span 3;
  }
}
.sponsor-company-section .sponsor-company-container .content .description .text{
  padding-bottom: 1rem;
  color: #004152;
  font-size: 14px;
  font-weight: 500;
}

.event-sponser-information .advertising-section .advertsing-content {
  padding: 0rem 2rem 0 2rem;
  margin: 0;
}

.xl {
  padding: 1rem 3rem !important;
}

.company-content{
  align-items: flex-start;
}

@media (min-width: 768px){
  .company-content{
    grid-template-columns: 1fr 1% 2fr;
  }
}

@media (min-width: 1024px){
  .company-content{
    display: grid;
  }
}
.company-content .company-content,
.company-content h2 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
}
.company-content .info-section h2{
  margin-top: 14.5px;
  margin-right: 43.8px;
  margin-bottom: 10px;
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .company-content .info-section h2 {
    color: #203c4a;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.company-content .info{
  margin: 2.5px 7px 9.8px 0.8px;
  width: 96%;
  border-bottom: solid 0.5px #d7d6d0;
  padding-bottom: 1rem;
}
.company-content .info p {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.company-content .info .contact-medium {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}

.details-section {
  display: grid;
  text-align: left;
}
.details-section .title .alert-success-msg {
  margin-right: 0rem;
  margin-left: 0rem;
}
.details-section .title .alert-error-msg {
  margin-right: 0rem;
  margin-left: 0rem;
}
.details-section h2 {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  margin: 10.6px 23px 8.5px 0px;
}
.details-section .description-title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
}
.details-section .event-description-title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  margin-bottom: 2rem;
}
.details-section .members-title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  margin: 16.1px 23px 14.5px 0px;
}
.details-section .name-pills{
  margin: 8.5px 19px 24.8px 0px;
  display: flex;
  gap: 0.625rem;
  font-size: 14px;
  font-weight: 500;
  padding: 2px 0px 1.5px;
  flex-wrap: wrap;
}

.vertical-line{
  width: 1px;
  display: none;
}

@media (min-width: 1024px){
  .vertical-line{
    display: block;
  }
}

.vertical-line {
  border: solid 0.5px;
  color: #d7d6d0;
  margin: 0 auto;
  height: auto;
  margin: 11.8px 4.3px 0 1.5px;
  align-self: stretch;
}

.info-sections{
  display: block;
}

@media (min-width: 1024px){
  .info-sections{
    display: none;
  }
}
.info-sections h2{
  margin-top: 14.5px;
  margin-right: 43.8px;
  margin-bottom: 10px;
  margin-left: 0px;
}

@media (min-width: 1024px){
  .info-content{
    display: block;
  }
}

.hero-category .hero-container .alert-success-msg {
  margin-top: 1rem;
  margin: 1rem 0 0 0;
}

.company-content .name-pills .numeric-glimpse {
  font-size: 14px;
  font-weight: 500;
  list-style-type: decimal;
}
.company-content .application-details {
  background-color: #0000000c;
  min-height: 11.25rem;
  padding: 1rem;
  margin-top: 2rem;
}
.company-content .application-details .application-parah {
  margin-right: 1rem;
  margin-left: 1.0625rem;
  margin-bottom: 0.56875rem;
}
.company-content .apply-button {
  margin-left: 1.0625rem;
  margin-bottom: 1.28125rem;
}

.img-caption-grid-3{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px){
  .img-caption-grid-3{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .img-caption-grid-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.img-caption-grid-3 .image-card img{
  height: 14rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-caption-grid-2{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px){
  .img-caption-grid-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.img-caption-grid-2 .image-card img{
  height: 16rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-caption-grid{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.img-caption-grid .image-card img{
  width: 100%;
}

.caption {
  color: #004152;
  padding-top: 0.5rem;
  margin: 0 !important;
}

.application-feedback-form .alert-success-msg {
  margin-top: 16px;
  margin-right: 0;
  margin-left: 0;
}

.hero-category .course-center-details .hero-container {
  padding: 0 !important;
}
.hero-category .course-center-details .hero-container h2 {
  margin: 2rem 0;
}
.hero-category .course-center-details .hero-container p a {
  text-transform: capitalize;
}
.hero-category .course-center-details .hero-container [id] {
  scroll-margin-top: 10rem;
}
.hero-category .course-center-details .hero-container .news-item {
  background-color: #f2f1ee !important;
}
.hero-category .course-center-details .hero-container .news-header {
  background-color: #f2f1ee !important;
  margin: 2rem 0rem;
  padding: 0;
}
.hero-category .course-center-details .hero-container .news-header .news-title {
  padding: 0 !important;
  margin: 0 !important;
}
.hero-category .course-center-details .hero-container .news-item {
  margin-bottom: 1rem;
  padding: 0;
}
.hero-category .course-center-details .hero-container .news-item .news-summary {
  margin: 0;
}
.hero-category .course-center-details .hero-container .news-item .course-center-summary {
  margin-top: 2rem !important;
}
.hero-category .course-center-details .hero-container .news-item .news-button {
  margin: 3rem 0 !important;
}
.hero-category .course-center-details .hero-container .news-item .news-button .link-btn {
  padding-left: 2rem;
}
.hero-category .course-center-details .hero-container .subtitle-div {
  display: none !important;
}
.hero-category .course-center-details .hero-container .members-cards {
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 639px) {
  .hero-category .course-center-details .hero-container .members-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 640px) {
  .hero-category .course-center-details .hero-container .members-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .hero-category .course-center-details .hero-container .members-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .hero-category .course-center-details .hero-container .members-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .hero-category .course-center-details .hero-container .members-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
.detailed-content-section .company-info .course-image{
  display: flex;
  flex-direction: column;
}
.detailed-content-section .company-info .contentSwitcher-row{
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.course-image{
  width: 100%;
}

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.company-content .content-button .content-switcher-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 768px) {
  .content-button .content-switcher-button {
    font-size: 11px;
  }
}
.quote-section{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.quote-wrapper {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.quote-wrapper .quote-icon {
  width: 50px;
  height: 50px;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.quote-wrapper .quote-icon .card-container .reading-card {
  background-color: #f2f1ee;
}

.quote-wrapper blockquote{
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 30px;
  letter-spacing: -0.77px;
  color: #004152;
}

.quote-author-info {
  display: flex;
  align-items: center;
  font-size: 30px;
  letter-spacing: -0.77px;
  color: #004152;
  color: #203c4a;
  gap: 12px;
}

.author-image {
  width: 50px;
  height: 50px;
  border-radius: 9999px;
}

.author-name {
  font-size: 12px;
  font-weight: 500;
}

.quote-icon-img {
  width: 56px;
  height: auto;
}

.switcher-tab-mobile{
  display: block;
}

@media (min-width: 768px){
  .switcher-tab-mobile{
    display: none;
  }
}

.switcher-tab-desktop{
  display: none;
}

@media (min-width: 768px){
  .switcher-tab-desktop{
    display: block;
  }
}

.content-button {
  display: flex;
}

.content-button > button,
.content-button > a {
  border-radius: 0;
  /* reset */
}

.Scrollable-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .Scrollable-section{
    padding: 2rem;
  }
}
.Scrollable-section .upper-menu-bar{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .Scrollable-section .upper-menu-bar{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .Scrollable-section .upper-menu-bar{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .Scrollable-section .upper-menu-bar{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .Scrollable-section .upper-menu-bar{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .Scrollable-section .upper-menu-bar{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .Scrollable-section .upper-menu-bar{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .Scrollable-section .upper-menu-bar{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .Scrollable-section .upper-menu-bar{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .Scrollable-section .upper-menu-bar{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .Scrollable-section .upper-menu-bar{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.Scrollable-section .upper-menu-bar {
  width: 88%;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
}
@media (max-width: 768px) {
  .Scrollable-section .upper-menu-bar{
  display: none;
  }
  @media (min-width: 768px){
    .Scrollable-section .upper-menu-bar{
      display: block;
    }
  }
}
.Scrollable-section .upper-menu-bar .icon-link{
  display: flex;
  align-items: center;
  /* Icon alignment */
}
@media (max-width: 768px) {
  .Scrollable-section .upper-menu-bar .icon-link{
  display: none;
  }
  @media (min-width: 768px){
    .Scrollable-section .upper-menu-bar .icon-link{
      display: block;
    }
  }
}
.Scrollable-section .upper-menu-bar .env-sound{
  margin-right: 0.625rem;
  /* Text for "Environmental Sound" */
}
.Scrollable-section .upper-menu-bar .sound-pills{
  display: flex;
  gap: 1.25rem;
}
.Scrollable-section .upper-menu-bar .sound-pills .case-study {
  background-image: url(../images/icons.50205b.svg#case-study);
  margin: 0 !important;
}
.Scrollable-section .upper-menu-bar .sound-pills .case-study:hover {
  opacity: 0.8;
}
.Scrollable-section .Scrollable-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .Scrollable-section .Scrollable-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .Scrollable-section .Scrollable-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .Scrollable-section .Scrollable-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .Scrollable-section .Scrollable-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .Scrollable-section .Scrollable-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .Scrollable-section .Scrollable-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .Scrollable-section .Scrollable-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .Scrollable-section .Scrollable-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .Scrollable-section .Scrollable-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .Scrollable-section .Scrollable-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.Scrollable-section .Scrollable-container {
  display: flex;
  margin-bottom: 2rem;
}
.Scrollable-section .Scrollable-container .fixed-area {
  flex: 0 0 30%;
  overflow: hidden;
  padding: 1rem;
  /* Mobile Published View */
  /* Show 'Published' on small screens */
  /* Dropdown Menu Items */
  /* External Resources */
  /* Animations and Transitions */
}
.Scrollable-section .Scrollable-container .fixed-area > * .info-box{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .mobile-tags{
  display: block;
  display: flex;
}
@media (min-width: 768px){
  .Scrollable-section .Scrollable-container .fixed-area .mobile-tags{
    display: none;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .published-mobile-view{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 13.5px 0 11.3px 0;
  display: none;
  font-size: 12px;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .published-mobile-view .publishedview {
  font-size: 12px;
  color: #203c4a;
}
@media (max-width: 768px) {
  .Scrollable-section .Scrollable-container .fixed-area .published-mobile-view {
    display: flex;
    /* Visible only on screens smaller than 768px */
  }
}
.Scrollable-section .Scrollable-container .fixed-area .dropdown-menu-items {
  padding: 1rem 0;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-twoline,
.Scrollable-section .Scrollable-container .fixed-area .meta-oneline {
  margin-bottom: 12px;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-twoline p,
.Scrollable-section .Scrollable-container .fixed-area .meta-oneline p {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-twoline span {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .contact-medium{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px){
  .Scrollable-section .Scrollable-container .fixed-area .for-mobile-view{
    display: none;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .horizontal-border {
  border: solid 0.5px #d7d6d0;
}
.Scrollable-section .Scrollable-container .fixed-area .published-mobile-extend {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 16px 0;
  font-size: 12px;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-list-child {
  list-style: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-link a {
  font-size: 12px;
  text-decoration: none;
}
.Scrollable-section .Scrollable-container .fixed-area [x-show] {
  display: block;
}
.Scrollable-section .Scrollable-container .fixed-area [x-show=true] {
  animation: fadeIn 0.3s ease-in-out;
}
.Scrollable-section .Scrollable-container .fixed-area .for-desktop{
  display: none;
}
@media (min-width: 768px){
  .Scrollable-section .Scrollable-container .fixed-area .for-desktop{
    display: block;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .author-info {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}
.Scrollable-section .Scrollable-container .fixed-area .author-info .author-image{
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 8px;
}
.Scrollable-section .Scrollable-container .fixed-area .author-info .author-name {
  font-size: 12px;
  font-weight: 500;
}
.Scrollable-section .Scrollable-container .fixed-area .meta-twoline,
.Scrollable-section .Scrollable-container .fixed-area .meta-oneline {
  margin-bottom: 12px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.Scrollable-section .Scrollable-container .fixed-area .date {
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .Scrollable-section .Scrollable-container .fixed-area .date{
    width: 100%;
    text-align: right;
  }

.Scrollable-section .Scrollable-container .fixed-area .date h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .Scrollable-section .Scrollable-container .fixed-area .date h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .date h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .Scrollable-section .Scrollable-container .fixed-area .date h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .date h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .Scrollable-section .Scrollable-container .fixed-area .date h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.Scrollable-section .Scrollable-container .fixed-area .date h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .Scrollable-section .Scrollable-container .fixed-area .date h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
}
.Scrollable-section .Scrollable-container .scrollable-area {
  flex: 0 0 70%;
  overflow-y: auto;
  max-height: 100vh;
  padding: 1rem;
  scrollbar-width: none;
}

@media (max-width: 768px) {
  .Scrollable-container {
    flex-direction: column;
  }
  .Scrollable-container .fixed-area,
.Scrollable-container .scrollable-area {
    flex: 0 0 100%;
  }
}
.External-resources {
  width: 57px;
  height: 8px;
  margin: 9px 95px 0 0.5px;
  font-size: 12px;
  color: #203c4a;
}

/* Published Mobile View */
.published-mobile-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 13.5px 0 11.3px 0;
}
@media (max-width: 768px) {
  .published-mobile-view {
    display: flex;
    /* Ensure visibility on mobile */
  }
}
.published-mobile-view .publishedview {
  font-size: 12px;
  color: #203c4a;
}
.published-mobile-view img.infoClose {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  /* Ensure proper spacing */
  display: block;
}

/* External Resources Mobile View */
.published-mobile-extend {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 16px 0;
}
.published-mobile-extend img.resource-close {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  /* Proper alignment */
}

/* Dropdown Icon Visibility */
[x-show="!isPublishedDetailsOpen"],
[x-show="!isExternalResourceOpen"] {
  display: block;
  /* Ensure visibility */
}

/* General Mobile Adjustments */
@media (max-width: 768px) {
  .meta-bordered {
    flex-wrap: nowrap;
    /* Prevent icon from wrapping */
  }

  .meta-link {
    align-items: center;
    /* Center items */
  }
}
.meta-list-child {
  list-style: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.meta-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.meta-link a {
  font-size: 12px;
  text-decoration: none;
}

.titleCol-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #2a464e;
}
@media (max-width: 768px) {
  .titleCol-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.titleCol-section .titleCol-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .titleCol-section .titleCol-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .titleCol-section .titleCol-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .titleCol-section .titleCol-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .titleCol-section .titleCol-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .titleCol-section .titleCol-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .titleCol-section .titleCol-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .titleCol-section .titleCol-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .titleCol-section .titleCol-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .titleCol-section .titleCol-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .titleCol-section .titleCol-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.titleCol-section .titleCol-container{
  margin-bottom: 2.25rem;
}
.titleCol-section .titleCol-container .title-wrapper{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
}
.titleCol-section .titleCol-container .title-wrapper h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .title-wrapper h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .title-wrapper h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .title-wrapper h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.titleCol-section .titleCol-container .title-wrapper h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .title-wrapper h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .title-wrapper h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .title-wrapper h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .titleCol-section .titleCol-container .title-wrapper{
  padding: 0.25rem;
}
@media (min-width: 768px){
  .titleCol-section .titleCol-container .title-wrapper{
    margin-bottom: 2rem;
    text-align: start;
  }
}
@media (min-width: 1024px){
  .titleCol-section .titleCol-container .title-wrapper{
    flex-direction: row;
    justify-content: space-between;
  }
}
.titleCol-section .titleCol-container .title-wrapper .title {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
  letter-spacing: 0;
  color: #ffffff;
}
@media (max-width: 576px) {
  .titleCol-section .titleCol-container .title-wrapper .title {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .responsive-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 1024px){
  .titleCol-section .titleCol-container .responsive-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.titleCol-section .titleCol-container .responsive-grid .text-card{
  --tw-bg-opacity: 1;
  background-color: rgb(65 90 97 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text{
  text-align: center;
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .text-card .text h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .text-card .text h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .text-card .text h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .text-card .text h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .titleCol-section .titleCol-container .responsive-grid .text-card .text{
  padding: 0.25rem;
}
@media (min-width: 640px){
  .titleCol-section .titleCol-container .responsive-grid .text-card .text{
    text-align: left;
  }
}
.titleCol-section .titleCol-container .responsive-grid .text-card .text {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.titleCol-section .titleCol-container .responsive-grid .image-card{
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text{
  text-align: center;
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .image-card .image-text h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .image-card .image-text h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .image-card .image-text h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .titleCol-section .titleCol-container .responsive-grid .image-card .image-text h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .titleCol-section .titleCol-container .responsive-grid .image-card .image-text{
  padding: 0.25rem;
}
@media (min-width: 640px){
  .titleCol-section .titleCol-container .responsive-grid .image-card .image-text{
    text-align: left;
  }
}
.titleCol-section .titleCol-container .responsive-grid .image-card .image-text {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}

.detailed-content-section .company-info .course-image{
  display: flex;
  flex-direction: column;
}
.detailed-content-section .company-info .contentSwitcher-row{
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.course-image{
  width: 100%;
}

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.company-content .content-button .content-switcher-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 768px) {
  .content-button .content-switcher-button {
    font-size: 11px;
  }
}
.quote-section{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.quote-wrapper {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.quote-wrapper .quote-icon {
  width: 50px;
  height: 50px;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.quote-wrapper .quote-icon .card-container .reading-card {
  background-color: #f2f1ee;
}

.quote-wrapper blockquote{
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 30px;
  letter-spacing: -0.77px;
  color: #004152;
}

.quote-author-info {
  display: flex;
  align-items: center;
  font-size: 30px;
  letter-spacing: -0.77px;
  color: #004152;
  color: #203c4a;
  gap: 12px;
}

.author-image {
  width: 50px;
  height: 50px;
  border-radius: 9999px;
}

.author-name {
  font-size: 12px;
  font-weight: 500;
}

.quote-icon-img {
  width: 56px;
  height: auto;
}

.switcher-tab-mobile{
  display: block;
}

@media (min-width: 768px){
  .switcher-tab-mobile{
    display: none;
  }
}

.switcher-tab-desktop{
  display: none;
}

@media (min-width: 768px){
  .switcher-tab-desktop{
    display: block;
  }
}

.content-button {
  display: flex;
}

.content-button > button,
.content-button > a {
  border-radius: 0;
  /* reset */
}

.hero-category .hero-container {
  min-height: 325px;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .hero-category .hero-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .hero-category .hero-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .hero-category .hero-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .hero-category .hero-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .hero-category .hero-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .hero-category .hero-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .hero-category .hero-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .hero-category .hero-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .hero-category .hero-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .hero-category .hero-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.hero-category .hero-container .news-header {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header {
    padding: 16px 16px;
  }
}
.hero-category .hero-container .news-header .news-title {
  font-family: SharpSans;
  font-size: 28px;
  padding: 10px 20px;
  margin-left: 25px;
  margin-right: 33px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .news-title {
    padding: 0px 0px;
    margin: 0px 10px 0 0px;
  }
}
.hero-category .hero-container .news-header .toggle-btn-group{
  display: flex;
  align-items: center;
  margin-right: 25px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .toggle-btn-group {
    padding: 10px 0px;
    margin: 0px 0px 0 0px;
  }
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline{
  text-align: center;
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .toggle-btn-group .btn-outline h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .toggle-btn-group .btn-outline h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .toggle-btn-group .btn-outline h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-header .toggle-btn-group .btn-outline h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .hero-category .hero-container .news-header .toggle-btn-group .btn-outline{
  padding: 0.25rem;
}
.hero-category .hero-container .news-header .toggle-btn-group .btn-outline {
  min-width: 15rem;
}
.hero-category .hero-container .news-header .back-to-top {
  margin: 10px 0 12.7px 0.3px;
  font-weight: 500;
  margin-right: 21.5px;
}
.hero-category .hero-container .news-item {
  background-color: #ffffff;
  padding: 10px 20px;
}
.hero-category .hero-container .news-item .news-heading {
  font-size: 20px;
  margin: 10px 11.5px 10px 0.3px;
  margin-left: 25px;
  margin-right: 33px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-heading {
    margin: 10px 0px 12.7px 0px;
  }
}
.hero-category .hero-container .news-item .news-summary {
  margin: 10px 0 12.7px 0.3px;
  font-weight: 500;
  margin: 10px 33px 12.7px 25px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-summary {
    margin: 10px 0px 12.7px 0px;
  }
}
.hero-category .hero-container .news-item .news-button{
  margin-top: 23.5px;
  margin-bottom: 23.5px;
}
@media (min-width: 768px){
  .hero-category .hero-container .news-item .news-button{
    margin-left: 25px;
  }
}
.hero-category .hero-container .news-item .news-button .btn-outline{
  text-align: center;
}
.hero-category .hero-container .news-item .news-button .btn-outline h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-button .btn-outline h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.hero-category .hero-container .news-item .news-button .btn-outline h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-button .btn-outline h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.hero-category .hero-container .news-item .news-button .btn-outline h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-button .btn-outline h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.hero-category .hero-container .news-item .news-button .btn-outline h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .news-item .news-button .btn-outline h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .hero-category .hero-container .news-item .news-button .btn-outline{
  padding: 0.25rem;
}
.hero-category .hero-container .news-item .news-button .btn-outline {
  min-width: 15rem;
}
.hero-category .hero-container .company-highlight .btn-outline {
  min-width: 15rem;
  text-align: center;
}
.hero-category .hero-container .company-highlight .btn-outline h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .company-highlight .btn-outline h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.hero-category .hero-container .company-highlight .btn-outline h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .company-highlight .btn-outline h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.hero-category .hero-container .company-highlight .btn-outline h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .company-highlight .btn-outline h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.hero-category .hero-container .company-highlight .btn-outline h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .hero-category .hero-container .company-highlight .btn-outline h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .hero-category .hero-container .company-highlight .btn-outline{
  padding: 0.25rem;
}
.hero-category .hero-container .company-highlight .advertsing-content{
  padding-left: 1rem;
  font-size: 11px;
  font-weight: 500;
}
.hero-category .hero-container .company-highlight .sponsor-information .advertsing-content{
  padding-left: 20px;
  padding-top: 1.5px;
  padding-bottom: 1.5px;
  height: 20px;
  background-color: linear-gradient(to right, #93c90f 47%, #00b2a945 76%, rgba(0, 178, 169, 0.27) 99%);
}
.hero-category .hero-container .company-highlight {
  padding-top: 2rem;
}

.content-switcher{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.cardsSearch-section .cardsSearch-container .content-switcher{
  display: flex;
}

@media (min-width: 768px){
  .cardsSearch-section .cardsSearch-container .content-switcher{
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
  }
}

.cardsSearch-section .cardsSearch-container .content-switcher .members-cards-wrapper {
  width: 18rem;
}

.cardsSearch-section .cardsSearch-container .content-switcher .title {
  width: 100%;
  color: #004152;
}

@media screen and (max-width: 768px) {
  .cardsSearch-section .cardsSearch-container .content-switcher.content-switcher-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 6px;
  }
}

.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .content-switcher .title {
  margin: 0rem;
}

.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .content-switcher .title h2 {
  font-weight: normal;
}

.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .content-switcher.content-switcher-row {
  display: flex;
  flex-wrap: wrap;
}

.cpd-section .cpd-container .content-switcher {
  display: flex;
}

@media (min-width: 768px) {
  .cpd-section .cpd-container .content-switcher {
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
  }
}

.cpd-section .cpd-container .content-switcher .title {
  width: 100%;
  color: #004152;
}

.secondary-btn{
  display: flex;
  font-size: 12px;
  font-weight: 500;
  margin: 7.3px 7.5px 0 0px;
}

@media screen and (min-width: 768px) {
  .view-all-desktop {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .view-all-desktop {
    display: none;
  }
}

.view-all-mobile {
  display: none;
}
@media (max-width: 768px) {
  .view-all-mobile {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.btn-view-all {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
}

.subtitle-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}
.subtitle-div .pill{
  display: flex;
}
.subtitle-div .pill > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.proposer-email .advertising-section .advertsing-content{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .proposer-email .advertising-section .advertsing-content{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .proposer-email .advertising-section .advertsing-content{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .proposer-email .advertising-section .advertsing-content{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .proposer-email .advertising-section .advertsing-content{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .proposer-email .advertising-section .advertsing-content{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.proposer-email .advertising-section .advertsing-content {
  display: none;
}
.proposer-email .login-credentials {
  background-color: inherit;
}
.proposer-email .login-credentials .categories .filters-topic {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  color: #d1ecf1;
}
.proposer-email .login-credentials .categories .filters-topic p {
  padding: 0 1rem;
}
.proposer-email .login-credentials .categories h2 {
  background-color: inherit;
  color: #ffffff;
}
.proposer-email .company-info .company-content p {
  margin-left: 25px !important;
  font-size: 20px;
  margin: 10px 11.5px 10px 0.3px;
}
.proposer-email .company-info .company-content li {
  margin-left: 3rem;
}
.proposer-email .company-info .members-title {
  display: none;
}
.proposer-email .company-info .company-content {
  display: initial;
}
.proposer-email .rich-text .text-left h4 {
  margin-left: 25px;
}
.proposer-email .rich-text .link-review-button {
  margin: 1rem 0rem;
}

.btn-outline{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 119 147 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.toggle-btn-group .secondary-button {
  position: relative;
  z-index: 0;
}
.toggle-btn-group .secondary-button::before {
  z-index: -1;
}
.toggle-btn-group .btn-primary {
  z-index: 1;
}

.btn-selected{
  --tw-border-opacity: 1;
  border-color: rgb(63 119 147 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.max-selection-info {
  color: #004152;
}

.confirmation-dialog{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.dialog-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}

.dialog-content{
  z-index: 1001;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dialog-content h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dialog-content h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.dialog-content h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dialog-content h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.dialog-content h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dialog-content h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.dialog-content h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .dialog-content h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.dialog-content .card-container .reading-card {
  background-color: #f2f1ee;
}

.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .dialog-content{
  padding: 0.25rem;
}

.dialog-content {
  color: #3f7793;
}

.dialog-buttons{
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-around;
}

.submit-section{
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.error-message{
  margin-bottom: 0.5rem;
}

.cardsSearch-sections{
  padding: 1.5rem;
}

.contestant-profile{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.contestant-profile > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.contestant-profile{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.course-application-manage .council-result-status .contestant-profile {
  background-color: #ffffff;
}

@media (min-width: 640px){
  .contestant-profile{
    padding: 24rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.candidate-card{
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.candidate-card .card-container .reading-card {
  background-color: #f2f1ee;
}

.candidate-card:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.candidate-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  padding: 1.5rem;
}

.election-candidate{
  display: flex;
  align-items: center;
}

.election-candidate > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.vote-button{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.vote-button .secondary-button {
  position: relative;
  z-index: 0;
}
.vote-button .secondary-button::before {
  z-index: -1;
}
.vote-button .btn-selected {
  color: #ffffff;
}

.election-yearly-result{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.wrapper .modal .content .header .election-yearly-result{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .election-yearly-result{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.wrapper .modal .content .header .election-yearly-result {
  color: #3f7793;
}

.election-updates{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.total-contesting-candidate{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  padding: 1.5rem;
}

@media (min-width: 768px){
  .total-contesting-candidate{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .total-contesting-candidate{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.candidate-card{
  border-radius: 0.75rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
  padding: 1.5rem;
}

.candidate-profile{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.voter-list{
  margin-top: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}

.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .voter-list{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}

.voter-info{
  border-radius: 0.75rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
  padding: 1.5rem;
}

.voter-summary{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.voter-table{
  margin-top: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}

.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .voter-table{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}

.question-section{
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #004152;
}

.voter-card{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.voter-entry{
  margin-top: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity));
}

.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .voter-entry{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}

.turnout-section{
  border-radius: 0.75rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
  padding: 1.5rem;
}

.voter-turnout{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.turnout-data{
  margin-top: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity));
}

.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .turnout-data{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}

.turnout-stats{
  margin-top: 2rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.turnout-stats .card-container .reading-card {
  background-color: #f2f1ee;
}

.turnout-summary{
  border-bottom-width: 1px;
  padding: 1.5rem;
}

.voter-result{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.wrapper .modal .content .header .voter-result{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .voter-result{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.wrapper .modal .content .header .voter-result {
  color: #3f7793;
}

.voter-structure{
  overflow-x: auto;
}

.candidate-container{
  width: 100%;
}

.rank-percentage-card{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.candidate-rank{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.candidate-rank h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-rank h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.candidate-rank h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-rank h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.candidate-rank h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-rank h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.candidate-rank h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .candidate-rank h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.proposer-email .rich-text .candidate-rank h4 {
  margin-left: 25px;
}

.candidate-name{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.candidate-name h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-name h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.candidate-name h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-name h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.candidate-name h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-name h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.candidate-name h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .candidate-name h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.proposer-email .rich-text .candidate-name h4 {
  margin-left: 25px;
}

.candidate-vote{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.candidate-vote h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-vote h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.candidate-vote h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-vote h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.candidate-vote h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-vote h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.candidate-vote h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .candidate-vote h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.proposer-email .rich-text .candidate-vote h4 {
  margin-left: 25px;
}

.candidate-percentage{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.candidate-percentage h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-percentage h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.candidate-percentage h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-percentage h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.candidate-percentage h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .candidate-percentage h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.candidate-percentage h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .candidate-percentage h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.proposer-email .rich-text .candidate-percentage h4 {
  margin-left: 25px;
}

.table-row{
  border-top-width: 1px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.table-row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.rank-cell{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.candidate-wrapper{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.candidate-image{
  display: flex;
  align-items: center;
}

.candidate-image > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.candidate-file{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.candidate-cell{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.bar-container{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.bar-fill{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vote-percentage-wrapper{
  display: flex;
  align-items: center;
}

.vote-percentage-wrapper > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.progress-bar-container{
  display: flex;
  align-items: center;
}

.progress-bar-container > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.progress-bar-fill{
  display: flex;
  align-items: center;
}

.progress-bar-fill > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .progress-bar-fill{
  margin-top: 0.25rem;
  height: 0.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .progress-bar-fill .progress-indicator{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 181 226 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.vote-percentage-text{
  height: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.percentage-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.popup-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-dialog-box {
  background: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  width: 300px;
  max-width: 90%;
}

.popup-dialog-success {
  color: #93c90f;
}

.popup-dialog-error {
  color: #da1e28;
}

.issue-highlights .gridStocks{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .issue-highlights .gridStocks{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .issue-highlights .gridStocks{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .issue-highlights .gridStocks{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .issue-highlights .gridStocks{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .issue-highlights .gridStocks{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .issue-highlights .gridStocks{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .issue-highlights .gridStocks{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .issue-highlights .gridStocks{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .issue-highlights .gridStocks{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .issue-highlights .gridStocks{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.issue-highlights .gridStocks {
  text-align: left;
}
.issue-highlights .grid-container {
  background-color: #353e43;
}
.issue-highlights .grid-container .section-title {
  color: #ffffff;
  margin: 0 0 0 24.5px;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .issue-highlights .grid-container .section-title {
    margin-left: 10px;
    margin-right: 15px;
    padding: 3px 4px;
  }
}
.issue-highlights .grid-container .highlight-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 10px 20px;
  margin-left: 25px;
  margin-right: 33px;
}
@media (max-width: 768px) {
  .issue-highlights .grid-container .highlight-grid {
    margin-left: 10px;
    margin-right: 15px;
    font-size: 10px;
    padding: 3px 4px;
  }
}
.issue-highlights .grid-container .highlight-grid .highlight-item {
  position: relative;
  padding-bottom: 10px;
  margin-top: 11px;
  font-weight: 500;
  color: #d1ecf1;
}
.issue-highlights .highlight-item::after{
  margin-top: 7px;
  display: block;
  width: 90%;
  content: "";
  height: 0.5px;
  margin-bottom: 20px;
  background-color: #78cadf;
}

.company-highlight .company-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .company-highlight .company-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .company-highlight .company-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .company-highlight .company-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .company-highlight .company-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .company-highlight .company-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .company-highlight .company-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .company-highlight .company-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .company-highlight .company-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .company-highlight .company-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .company-highlight .company-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.company-content .eco-img{
  margin-top: 1rem;
  display: flex;
  width: 96%;
  justify-content: center;
  min-height: 5.9375rem;
  border-radius: 0.1875rem;
}
.company-content .eco-img .ioa-acoustic{
  margin: auto;
  display: block;
  height: auto;
}
.company-content .image-grid{
  flex-direction: column;
}
@media (min-width: 768px){
  .company-content .image-grid{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25rem;
  }
}
.company-content .image-grid .image-card{
  display: flex;
  text-align: center;
}
.company-content .image-grid .image-card h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .company-content .image-grid .image-card h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.company-content .image-grid .image-card h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .company-content .image-grid .image-card h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.company-content .image-grid .image-card h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .company-content .image-grid .image-card h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.company-content .image-grid .image-card h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .company-content .image-grid .image-card h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .company-content .image-grid .image-card{
  padding: 0.25rem;
}
.company-content .image-grid .image-card {
  flex: 1 1 calc(33.33% - 20px);
  flex-wrap: wrap;
}
.company-content .image-grid .image-card img{
  height: auto;
  width: 100vw;
}
.company-content .apply-button-container {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .company-content .apply-button-container {
    flex-direction: row;
    align-items: center;
  }
  .company-content .button-wrapper {
    width: auto;
    margin-bottom: 0;
  }
}
.company-content .name-pills {
  font-size: 14px;
  font-weight: 500;
}
.company-content .name-pills .name-pills,
.company-content .name-pills ol {
  list-style-type: decimal;
  margin-left: 1rem;
  padding-left: 0.5rem;
}
@media (max-width: 768px) {
  .company-content .outerPage .members-cards{
    display: flex;
    flex-direction: column;
  }
}
.company-content .outerPage .members-content-container {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.company-content .outerPage .buttons {
  display: block;
}

.collapseable{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.collapseable .wrapper .sponsored{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
.collapseable .wrapper .sponsored .pill{
  margin-bottom: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.collapseable .wrapper .button{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.collapseable .wrapper .button h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .collapseable .wrapper .button h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.collapseable .wrapper .button h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .collapseable .wrapper .button h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.collapseable .wrapper .button h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .collapseable .wrapper .button h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.collapseable .wrapper .button h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .collapseable .wrapper .button h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .collapseable .wrapper .button h4 {
  margin-left: 25px;
}
.collapseable .wrapper .content .pill-wrapper {
  width: -moz-fit-content;
  width: fit-content;
}
.collapseable .wrapper .content .pill-wrapper .pill{
  width: -moz-fit-content;
  width: fit-content;
}
.collapseable .wrapper .content .content-wrapper {
  margin: 2.5px 7px 9.8px 0.8px;
  width: 96%;
  border-bottom: solid 0.5px #d7d6d0;
  padding-bottom: 1rem;
}
.collapseable .wrapper .content .content-wrapper .content-row{
  width: 100%;
}
.collapseable .wrapper .content .content-wrapper .content-row .text {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.collapseable .wrapper .content .content-wrapper .second-row{
  margin-top: 0.5rem;
  width: 100%;
}
.collapseable .wrapper .content .content-wrapper .second-row .text {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.collapseable .tag-text {
  text-transform: uppercase;
}

.cards{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.cards .card-container .reading-card {
  background-color: #f2f1ee;
}

.cards {
  display: flex;
  flex-direction: column;
}
.cards .cards-contain-box{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .cards .cards-contain-box{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .cards .cards-contain-box{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .cards .cards-contain-box{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .cards .cards-contain-box{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .cards .cards-contain-box{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .cards .cards-contain-box{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .cards .cards-contain-box{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .cards .cards-contain-box{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .cards .cards-contain-box{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .cards .cards-contain-box{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.cards .cards-contain-box {
  display: grid;
  grid-template-columns: 1fr 1% 2fr;
}
@media screen and (max-width: 768px) {
  .cards .cards-contain-box {
    display: grid;
    grid-template-columns: 0fr 1% 2fr;
  }
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .row .title {
  margin: 0rem;
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .row .title h2 {
  font-weight: normal;
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .row.content-switcher-row {
  display: flex;
  flex-wrap: wrap;
}
.cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .members-cards{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 640px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .members-cards{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 768px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .members-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1024px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .members-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px){
  .cards .cards-contain-box .content-images .cardsSearch-section .cardsSearch-container .members-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.pill-wrapper-icon .social-links{
  display: flex;
  flex-direction: row;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1rem;
}

.company-content .name-pills .numeric-glimpse {
  font-size: 14px;
  font-weight: 500;
  margin-left: 1rem;
  padding-left: 0.5rem;
}
.company-content .application-detaills {
  background-color: #ffffff;
  min-height: 11.25rem;
  padding: 1rem;
  margin-bottom: 1.84375rem;
}

.collapseable .wrapper .button .disclosure-icon{
  height: 1.25rem;
  width: 1.25rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

@media (min-width: 1024px){
  .collapseable .wrapper .button .disclosure-icon{
    display: none;
  }
}
.collapseable .wrapper .heading {
  font-size: 16px;
  color: #203c4a;
}
.collapseable .wrapper .content .content-wrapper {
  margin: 2.5px 7px 9.8px 0.8px;
  width: 96%;
  border-bottom: solid 0.5px #d7d6d0;
  padding-bottom: 1rem;
}
.collapseable .wrapper .content .content-wrapper .content-row{
  width: 100%;
}
.collapseable .wrapper .content .content-wrapper .content-row .text {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.collapseable .wrapper .content .content-wrapper .second-row{
  margin-top: 0.5rem;
  width: 100%;
}
.collapseable .wrapper .content .content-wrapper .second-row .text {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.collapseable .wrapper .content .pill-wrapper .pill{
  width: -moz-fit-content;
  width: fit-content;
}

.contentSwitcher-roww {
  padding: 2rem;
  background-color: #ffffff;
}
.contentSwitcher-roww .content-section {
  margin-top: 1.5rem;
}
.contentSwitcher-roww .content-section .two-col-grid{
  padding: 0px;
}

.tab-group {
  display: inline-flex;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.tab-button {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #3f7793;
  text-transform: capitalize;
}

@media (min-width: 640px) {
  .tab-button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.tab-button-left {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.tab-button-right {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.tab-button-active {
  background-color: #3f7793;
  color: #ffffff;
}

.tab-button-inactive {
  background-color: #ffffff;
  color: #3f7793;
}

.profile-list {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.button-wrapperr{
  margin-top: 1.5rem;
  display: flex;
  display: block;
}
.button-wrapperr .error-message {
  margin-top: 1rem;
}
.button-wrapperr .secondary-button {
  position: relative;
  z-index: 0;
}
.button-wrapperr .secondary-button::before {
  z-index: -1;
}
.button-wrapperr .btn-primary {
  z-index: 1;
}

.primary-button{
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.search-wrapper {
  display: flex;
  margin-top: 0.5rem;
}

.search-input {
  flex: 1 1 0%;
}

.content-section .member-decl-form .dynamic-answer-card .answer-card .answers-page .answers {
  background-color: #ffffff;
  padding: 0;
}
.content-section .member-decl-form .dynamic-answer-card .answer-card {
  padding: 0;
}
.content-section .member-decl-form .circular-icons-block {
  display: none;
}

#registration-form .update-button {
  padding-top: 0;
}

.toggle-btn-group-radio {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1rem;
}
@media (max-width: 768px) {
  .toggle-btn-group-radio {
    display: flex;
    flex-direction: column;
  }
}

.categories{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .categories{
    padding: 2rem;
  }
}

.categories {
  background-color: #353e43;
}
.categories .categories-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .categories .categories-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .categories .categories-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .categories .categories-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .categories .categories-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .categories .categories-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .categories .categories-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .categories .categories-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .categories .categories-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .categories .categories-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .categories .categories-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.categories .categories-container .rich-text-lg {
  font-size: 50px;
  font-weight: 0;
  letter-spacing: 0px;
  line-height: normal;
  color: #ffffff;
}
@media (max-width: 768px) {
  .categories .categories-container .rich-text-lg {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
    color: #ffffff;
  }
}
.categories .categories-container .organisation-content {
  font-size: 16px;
  color: #ffffff;
  margin-top: 1.75rem;
}
.categories .categories-container .categories-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 640px){
  .categories .categories-container .categories-grid{
    gap: 3rem;
  }
}
@media (min-width: 768px){
  .categories .categories-container .categories-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.categories .categories-container .categories-grid .category-item{
  display: flex;
  flex-direction: column;
}
.categories .categories-container .categories-grid .category-item .category-button {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  display: none;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  min-height: 4rem;
  align-items: center;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.categories .categories-container .categories-grid .category-item .category-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
@media (min-width: 768px){
  .categories .categories-container .categories-grid .category-item .category-button{
    display: flex;
  }
}
.categories .categories-container .categories-grid .category-item .category-button span{
  text-transform: capitalize;
}
.categories .categories-container .categories-grid .category-item .category-button :hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.categories .categories-container .categories-grid .category-item .category-button.selected {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  background-color: #ffffff;
  color: #63666a;
}
.categories .categories-container .categories-grid .category-item .category-avatar{
  margin-right: 1rem;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}
.categories .categories-container .categories-grid .category-toggle {
  font-weight: bold;
  color: #3f7793;
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0.5rem;
  padding: 0.25rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px){
  .categories .categories-container .categories-grid .category-toggle{
    display: none;
  }
}
.categories .categories-container .categories-grid .category-toggle .toggle-label {
  font-weight: bold;
  color: #3f7793;
  color: #d1ecf1;
  margin-inline-start: 0.75rem;
}
.categories .categories-container .filters-section{
  margin-top: 2rem;
}
.categories .categories-container .filters-section .rich-text {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 1.5rem;
}
.categories .categories-container .filters-section .rich-text .selected-filters{
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.categories .categories-container .filters-section .rich-text .selected-filters .filter-item{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.categories .categories-container .filters-section .rich-text .selected-filters .filter-item .card-container .reading-card {
  background-color: #f2f1ee;
}
.categories .categories-container .filters-section .rich-text .selected-filters .filter-item .filter {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
}
.categories .categories-container .filters-section .rich-text .selected-filters .filter-item .remove-filter{
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.categories .categories-container .filters-section .rich-text .selected-filters .filter-item .remove-filter:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.categories .categories-container .filters-section .filters-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-end;
  gap: 1.5rem;
}
@media (min-width: 640px){
  .categories .categories-container .filters-section .filters-grid{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.categories .categories-container .filters-section .filters-grid .button {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.categories .categories-container .filters-section .filters-grid .button span{
  text-transform: capitalize;
}
.categories .categories-container .filters-section .filters-grid .button .pill-wrapper{
  margin-left: 0.5rem;
  width: 2rem;
  text-align: right;
}
.categories .categories-container .filters-section .filters-grid .button .pill-wrapper h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .filters-section .filters-grid .button .pill-wrapper h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.categories .categories-container .filters-section .filters-grid .button .pill-wrapper h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .filters-section .filters-grid .button .pill-wrapper h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.categories .categories-container .filters-section .filters-grid .button .pill-wrapper h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .filters-section .filters-grid .button .pill-wrapper h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.categories .categories-container .filters-section .filters-grid .button .pill-wrapper h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .filters-section .filters-grid .button .pill-wrapper h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.categories .categories-container .filters-section .filters-grid .button .pill{
  align-content: center;
  justify-content: center;
}
.card-container .reading-card .categories .categories-container .filters-section .filters-grid .button .pill{
  display: inline-flex;
  align-items: center;
}
.card-container .reading-card .categories .categories-container .filters-section .filters-grid .button .pill > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.card-container .reading-card .categories .categories-container .filters-section .filters-grid .button .pill{
  font-size: 0.75rem;
  line-height: 1rem;
}
.categories .categories-container .filters-section .filters-grid .button .pill{
  display: inline-flex;
  border-radius: 9999px;
  border-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.75rem;
  line-height: 1rem;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: #3f7793;
  background-color: #ffffff;
}
.progressorStepper .stepper .step-flow .steps-pills .categories .categories-container .filters-section .filters-grid .button .pill {
  display: inline-flex;
}
.categories .categories-container .filters-section .filters-grid .button-selected {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
  border-color: #78cadf;
  border-bottom-width: 2px;
}
.categories .categories-container .filters-section .filters-grid .button-not-selected {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
  color: #ffffff;
  border-color: #ffffff;
  border-bottom-width: 2px;
}
.categories .categories-container .loading-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.categories .categories-container .loading-wrapper .loading-spinner{
  height: 3rem;
  width: 3rem;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.categories .categories-container .loading-wrapper .loading-spinner{
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  border-top-color: transparent;
}
.categories .categories-container .gallery-section{
  margin-top: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.categories .categories-container .no-results-message{
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.categories .categories-container .no-results-message h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .no-results-message h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.categories .categories-container .no-results-message h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .no-results-message h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.categories .categories-container .no-results-message h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .no-results-message h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.categories .categories-container .no-results-message h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .categories .categories-container .no-results-message h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .categories .categories-container .no-results-message{
  padding: 0.25rem;
}

.card-container{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .card-container{
    padding: 2rem;
  }
}

.card-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .card-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .card-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .card-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .card-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .card-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .card-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .card-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .card-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .card-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .card-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.card-container{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 640px){
  .card-container{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .card-container{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .card-container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.card-container .reading-card {
  animation: fadeIn 0.5s ease-in-out;
  background-color: #ffffff;
}
.card-container .reading-card .badge-lozenge{
  display: inline-flex;
  align-items: center;
}
.card-container .reading-card .badge-lozenge > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.card-container .reading-card .badge-lozenge{
  font-size: 0.75rem;
  line-height: 1rem;
  display: inline-flex;
  align-items: center;
}
.card-container .reading-card .badge-lozenge > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.card-container .reading-card .badge-lozenge{
  font-size: 0.75rem;
  line-height: 1rem;
}
.card-container .reading-card .white-lozenge, .card-container .reading-card .badges{
  display: inline-flex;
  align-items: center;
}
.card-container .reading-card .white-lozenge > :not([hidden]) ~ :not([hidden]), .card-container .reading-card .badges > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.card-container .reading-card .white-lozenge, .card-container .reading-card .badges{
  font-size: 0.75rem;
  line-height: 1rem;
}
.card-container .reading-card .transparent-lozenge{
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.btn-show-more {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  background-color: #007e9ee5;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: SharpSans;
}

.btn-show-more:hover {
  background-color: #007e9ead;
}

.fee-table-section {
  background-color: #ffffff;
}

.tab-sec .tab-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .tab-sec .tab-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .tab-sec .tab-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .tab-sec .tab-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .tab-sec .tab-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .tab-sec .tab-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .tab-sec .tab-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .tab-sec .tab-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .tab-sec .tab-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .tab-sec .tab-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .tab-sec .tab-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.tab-sec .tab-container{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.tab-sec .tab-container .card-container .reading-card {
  background-color: #f2f1ee;
}

.fee-table{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .fee-table{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .fee-table{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .fee-table{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .fee-table{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .fee-table{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .fee-table{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .fee-table{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .fee-table{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .fee-table{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .fee-table{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.member-profile{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .member-profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.profile-title {
  padding-top: 41px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0px;
  padding-right: 0px;
}

.profile-title .card-container .reading-card {
  background-color: #f2f1ee;
}
.profile-title h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: -0.93px;
  line-height: normal;
}
.profile-title .profile-info {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .profile-title .profile-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.edit-buttons{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px){
  .edit-buttons{
    flex-direction: row;
  }
}
.edit-buttons .secondary-button {
  font-size: 15px;
}

.invoice-download-cell{
  display: none;
}

@media (min-width: 768px){
  .invoice-download-cell{
    display: table-cell;
  }
}

/* Mobile dropdown button */
.invoice-dropdown-cell{
  display: table-cell;
}
@media (min-width: 768px){
  .invoice-dropdown-cell{
    display: none;
  }
}
.invoice-dropdown-cell {
  text-align: -webkit-right !important;
}

.type-column{
  display: none;
}

@media (min-width: 768px){
  .type-column{
    display: table-cell;
  }
}

.content-section .table-auto {
  min-width: 0;
}

.invoice-dropdown-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fee-invoice{
  display: none;
}

@media (min-width: 768px){
  .fee-invoice{
    display: table-cell;
  }
}

.fee-invoice {
  border-collapse: collapse;
}

.table-auto tbody td {
  border-bottom: 1px solid #3f7793;
}

.stream-selection-detail h2 {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
}
.stream-selection-detail form {
  padding: 1.25rem;
  background-color: #ffffff;
}
.stream-selection-detail form .input-mail{
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #203c4a;
}
.stream-selection-detail form .input-mail .input-container {
  position: relative;
  flex-direction: column;
  display: flex;
}
.stream-selection-detail form .input-mail .input-container .input-field[type=email] {
  width: 100%;
}
.stream-selection-detail form .input-mail .input-container .input-field[type=password] {
  width: 100%;
  border-color: #8d8d8d;
}
.stream-selection-detail form .input-mail .input-container .helper-text {
  font-size: 0.875rem;
  color: #203c4a;
}
.stream-selection-detail .input-mail {
  background-color: #f2f1ee;
  padding: 1rem;
}
.stream-selection-detail #pwdChange .input-mail {
  background-color: #ffffff;
}
.stream-selection-detail .confirm-login .dynamic-answer-card {
  margin-bottom: 0rem !important;
  margin-top: 0rem !important;
}
.stream-selection-detail .confirm-login .dynamic-answer-cardcol-2-form .answer-card .answers > *{
  -moz-columns: 2;
       columns: 2;
  gap: 2rem;
}
.stream-selection-detail .confirm-login .dynamic-answer-card .answer-card {
  gap: 0rem;
}
.stream-selection-detail .confirm-login .dynamic-answer-card .answer-card .answers {
  background-color: #ffffff;
}
.stream-selection-detail .confirm-login .login-form {
  padding: 1rem;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .stream-selection-detail .confirm-login .login-form {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
  }
}
.stream-selection-detail .confirm-login .login-form p {
  flex-basis: 100%;
  font-size: 14px;
  color: #203c4a;
  font-weight: 500;
}
.stream-selection-detail .confirm-login .login-form .input-mail{
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #203c4a;
  flex-basis: 50%;
  background-color: #ffffff;
}
.stream-selection-detail .confirm-login .login-form .input-mail .input-container {
  position: relative;
  flex-direction: column;
  display: flex;
}
.stream-selection-detail .confirm-login .login-form .input-mail .input-container .input-field[type=email] {
  width: 100%;
}
.stream-selection-detail .confirm-login .login-form .input-mail .input-container .input-field[type=password] {
  width: 100%;
  border-color: #8d8d8d;
}
.stream-selection-detail .confirm-login .login-form .input-mail .input-container .helper-text {
  font-size: 0.875rem;
  color: #203c4a;
}
.stream-selection-detail .confirm-login .submit-button {
  display: none;
  margin-top: 1rem;
}
.stream-selection-detail .confirm-login .circular-icons {
  display: none !important;
}
.stream-selection-detail h2 {
  background-color: #f2f1ee;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.secure-password .input-mail {
  background-color: #f2f1ee;
  padding: 1rem;
}
.secure-password .input-mail label {
  font-size: 14px;
  line-height: 1.75rem;
  font-weight: 500;
  color: #203c4a;
}
.secure-password .submit-button {
  display: none;
  margin-top: 1rem;
}
.secure-password .forgot-password {
  display: none;
}
.secure-password .circular-icons {
  display: none !important;
}
.secure-password .answer-card {
  padding: 0rem !important;
}
.secure-password .answers {
  background-color: #ffffff !important;
}
.secure-password h2 {
  background-color: #f2f1ee;
}

.hero-category .confirm-login .label {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #004152;
  display: block;
  text-align: left;
  font-weight: 500;
  margin: 1.5px 4.3px 10.1px 0;
}

.hero-category .confirm-login .dropdown-item {
  display: flex;
}

.hero-category .confirm-login .custom-selector .dropdown-menu {
  z-index: 50;
}

.member-app-form-sec .filter-group {
  margin: 1.5px 4.3px 10.1px 0;
  text-align: left;
}

.dynamic-answer-card .answer-card .answers-page .answers .dropdown-item {
  text-align: left;
}

.stream-selection-detail .confirm-login {
  background-color: #ffffff;
}
.stream-selection-detail .confirm-login .checkbox-container .fields-selector{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px){
  .stream-selection-detail .confirm-login .checkbox-container .fields-selector{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.stream-selection-detail .confirm-login .checkbox-container .fields-selector {
  gap: 15px 20px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.biography{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.biography .col-2{
  width: 50%;
}
.biography .col-2 .form-group{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.biography .col-2 .form-group .fields-selector{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.biography .col-2 .dynamic-answer-card .answer-card .answers-page .answers{
  padding: 0px;
}

textarea.fields-name {
  width: 100% !important;
  border: none;
  border-bottom: 1px solid #8d8d8d;
  outline: none;
  min-height: 100px;
}

.employer-update-button {
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.stream-selection-detail .confirm-login.profile-access .checkbox-container .fields-selector{
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px){
  .row-content{
    display: flex;
    align-items: center;
  }
}
.row-content .toggle-switch{
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  width: 2.5rem;
  height: 1.25rem;
}
.row-content .sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  border: 0;
}
.row-content .switch-slider {
  display: inline-block;
  vertical-align: middle;
  height: 1.25rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  background-color: #e2e8f0;
}
.peer:checked ~ .row-content .switch-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.row-content .switch-slider {
  width: 100%;
  height: 100%;
  background: #8d8d8d;
  border-radius: 50px;
  position: relative;
  transition: background 0.3s;
}
.row-content .switch-slider::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #ffffffcc;
  border-radius: 50%;
  top: 0.125rem;
  left: 0.125rem;
  transition: transform 0.3s;
}
.row-content .peer:checked + .switch-slider {
  background: #198038;
}
.row-content .peer:checked + .switch-slider::before {
  transform: translateX(1.25rem);
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.stream-selection-detail{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .stream-selection-detail{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .stream-selection-detail{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .stream-selection-detail{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .stream-selection-detail{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .stream-selection-detail{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .stream-selection-detail{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .stream-selection-detail{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .stream-selection-detail{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .stream-selection-detail{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .stream-selection-detail{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.stream-selection-detail{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.stream-selection-detail .categories .filters-topic .rich-text,
.stream-selection-detail .categories .filters-topic p {
  font-size: 16px;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
}
.stream-selection-detail .categories .filters-topic .filters-grid{
  margin-top: 0.5rem;
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button {
  display: inline-flex;
  margin-right: 4rem;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 640px){
  .stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button{
    padding-bottom: 0.5rem;
  }
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button.active::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #78cadf;
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button.active {
  background-color: transparent;
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button .pill-wrapper{
  margin-left: 0.5rem;
  height: 1.5rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button .pill-wrapper .card-container .reading-card {
  background-color: #f2f1ee;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button .pill-wrapper{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button .pill-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stream-selection-detail .categories .filters-topic .filters-grid .filter-tab-button .pill-wrapper .pill {
  max-width: 4rem;
}
.stream-selection-detail .update-button {
  background-color: #ffffff;
  padding-top: 0rem;
}
@media screen and (max-width: 768px) {
  .stream-selection-detail .update-button .btn-primary {
    padding-top: 1rem;
    margin-left: 0.5rem;
  }
}
.stream-selection-detail .table-pt {
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 2rem;
}

.table-header-cell {
  font-size: 14px;
  font-weight: 500;
  flex: 1;
  color: #004152;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.table-wrapper{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.table-wrapper .card-container .reading-card {
  background-color: #f2f1ee;
}

.table-wrapper {
  padding: 2rem;
}
.table-wrapper .custom-table-heading{
  display: flex;
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #40819a;
  text-align: left;
}
.table-wrapper .custom-table-heading h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .table-wrapper .custom-table-heading h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.table-wrapper .custom-table-heading h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .table-wrapper .custom-table-heading h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.table-wrapper .custom-table-heading h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .table-wrapper .custom-table-heading h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.table-wrapper .custom-table-heading h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .table-wrapper .custom-table-heading h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .table-wrapper .custom-table-heading h4 {
  margin-left: 25px;
}
.table-wrapper .custom-table-heading .table-header-cell:nth-child(2) {
  flex: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .table-wrapper .custom-table-heading .table-header-cell:nth-child(2) {
    display: flex;
    justify-content: flex-end;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border {
  border-bottom: 1px solid #40819a;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-1 .row-border{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .title {
  max-width: 35%;
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .count {
  max-width: 20%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .count{
    display: flex;
    justify-content: center;
  }
  .table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .slider{
    display: flex;
    justify-content: center;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .slider {
  max-width: 40%;
}
@media (max-width: 768px) {
  .table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .slider {
    display: flex;
    padding-right: 1rem;
    justify-content: flex-end;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .table-header-cell:last-of-type{
  align-items: center;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .table-header-cell:last-of-type{
    display: flex;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-1 .row-border .table-header-cell:last-of-type {
  padding: 0.5rem;
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border {
  border-bottom: 1px solid #40819a;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-2 .row-border{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .toggle-arrow-icon {
  margin-left: 1.3rem;
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .title {
  max-width: 36%;
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .count {
  max-width: 19%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .count{
    display: flex;
    justify-content: center;
  }
  .table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .slider{
    display: flex;
    max-width: 40%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .slider {
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .table-header-cell {
  padding-left: 0;
}
.table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .table-header-cell:nth-child(2) {
  align-items: center;
  padding-left: 4rem;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-2 .row-border .table-header-cell:nth-child(2){
    padding-left: 4rem;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border {
  border-bottom: 1px solid #40819a;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-3 .row-border{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .title {
  max-width: 36%;
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .count {
  max-width: 20%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .count{
    display: flex;
    justify-content: center;
  }
  .table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .slider{
    display: flex;
    max-width: 40%;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .slider {
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
  }
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .table-header-cell {
  padding-left: 3rem;
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .table-header-cell:last-of-type {
  align-items: center;
}
.table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .table-header-cell:first-child{
  padding-left: 5rem;
}
@media (min-width: 768px){
  .table-wrapper .topic-selector-wrapper .topic-level-3 .row-border .table-header-cell:first-child{
    padding-left: 5rem;
  }
}

.custom-table-heading[x-data] .table-header-cell {
  font-weight: 600;
  padding-left: 2.5rem;
  padding-right: 0.5rem;
}

.cultural-group{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px){
  .cultural-group{
    flex-direction: row;
  }
}

.cultural-group {
  background-color: #ffffff;
}

.alert-frequency{
  width: 100%;
}

@media (min-width: 768px){
  .alert-frequency{
    width: 40%;
  }
}

.alert-frequency {
  display: flex;
  flex-direction: column;
}
.alert-frequency .dynamic-answer-card .answer-card {
  padding: 0;
}
.alert-frequency .dynamic-answer-card .answer-card .answers-page .answers {
  padding: 0;
}
.alert-frequency .dynamic-answer-card .answer-card .answers-page .answers .question-field-classes {
  color: #203c4a;
}
.alert-frequency .dynamic-answer-card .answers {
  padding: 0;
}

.job-alert-frequency{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 768px){
  .job-alert-frequency{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.job-alert-frequency {
  width: 40%;
}
.job-alert-frequency .question-field-classes {
  color: #004152;
  font-weight: 600;
  font-size: 16px;
}

.meta-list {
  color: #3f7793;
}
.meta-list li {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.meta-list .key,
.meta-list .val {
  font-weight: 500;
  text-transform: capitalize;
  flex-shrink: 0;
  font-size: 14px;
  color: #004152;
}

.answers-page .update-button {
  text-align: left;
  padding: 0;
}

.account-table{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .account-table{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .account-table{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .account-table{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .account-table{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .account-table{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .account-table{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .account-table{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .account-table{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .account-table{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .account-table{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.account-table{
  margin-top: 1rem;
}

@media (min-width: 768px){
  .account-table{
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px){
  .account-table{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.account-table {
  padding-top: 2.25rem;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .account-table{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.account-table .table-wrapper{
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0px;
  padding-right: 0px;
}
.account-table h2 {
  color: #004152;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  margin: 0 0rem 1.3rem 0rem;
}
.account-table .tab-switcher {
  display: inline-block;
  margin: 2rem 0 0.825rem 0;
}
.account-table .tab-switcher .content-button .content-switcher-button {
  border-color: #3f7793;
  min-width: 6rem;
}
.account-table .custom-table-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-table .custom-table-heading .table-header-cell:nth-child(2){
  display: none;
}
@media (min-width: 768px){
  .account-table .custom-table-heading .table-header-cell:nth-child(2){
    display: block;
  }
}
.account-table .custom-table-heading .table-header-cell:nth-child(2) {
  min-width: 25%;
}
.account-table .custom-table-heading .table-header-cell:nth-child(4){
  display: none;
}
@media (min-width: 768px){
  .account-table .custom-table-heading .table-header-cell:nth-child(4){
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .account-table span.table-header-cell {
    width: 24%;
  }
}
.account-table .account-list li {
  border-bottom: 1px solid #40819a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  font-weight: 500;
}
.account-table .account-list li span {
  flex: 1;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .account-table .account-list li span {
    flex: unset;
  }
}
.account-table .payment-table-row span:nth-child(2){
  display: none;
}
@media (min-width: 768px){
  .account-table .payment-table-row span:nth-child(2){
    display: block;
  }
}
.account-table .payment-table-row span:nth-child(2) {
  color: #004152;
}
.account-table .payment-table-row span:nth-child(3) {
  color: #004152;
}
.account-table .payment-table-row > span:not(.download-btn) {
  color: #004152;
}
.account-table .download-btn .secondary-button {
  height: 2rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .account-table .download-btn .secondary-button {
    display: none;
  }
}
.account-table .rich-text{
  padding-top: 1rem;
}

.table-wrapper {
  width: 100%;
  overflow: hidden;
}

.account-table .account-list li,
.account-table .custom-table-heading {
  display: grid;
  grid-template-columns: 2fr 2fr 3fr 2fr 2fr;
  padding: 0;
}

.account-table .account-list li span {
  padding: 12px 10px;
}

.account-table .payment-table-row span:nth-child(2),
.account-table .custom-table-heading .table-header-cell:nth-child(2),
.account-table .custom-table-heading .table-header-cell:nth-child(4) {
  display: block;
}

.custom-table-heading {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr 2fr 2fr;
  background: #f4f4f4;
  padding: 12px 10px;
}

.table-header-cell {
  font-size: 14px;
  padding: 12px 10px;
}

/* Table Rows */
.payment-table-row {
  display: grid;
  grid-template-columns: 1fr 2fr 3fr 2fr 2fr;
  /* same as header */
  padding: 12px 10px;
  border-bottom: 1px solid #eee;
  align-items: center;
  font-size: 14px;
}

.download-btn .secondary-button {
  border: none;
  padding: 0.5rem;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .download-btn .secondary-button {
    display: block;
  }
}

.account-table .download-btn .secondary-button {
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem;
  text-decoration: underline;
}

.account-table .download-btn .secondary-button .swipe-text {
  padding: 0rem;
}

@media screen and (max-width: 768px) {
  .table-wrapper {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .custom-table-heading,
.payment-table-row {
    display: grid;
    grid-template-columns: 2fr 2fr 3fr 2fr 2fr;
    /* ✅ fixed widths */
    min-width: 1020px;
  }

  .custom-table-heading {
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
  }

  .account-table span.table-header-cell {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.education-manager {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 2rem 0;
}

.view-content .supplier-Search {
  padding: 0;
}
.view-content .form {
  background-color: #fdfdfc;
}
.view-content .contextual-region .supplier-Search-container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.topic-update-result {
  background: #ffffff;
  padding: 10px 20px;
}

.overdue-text {
  color: #ff0000;
}

.overdue-message {
  margin: 12px 0;
  font-size: 14px;
  color: #004152;
  /* same as normal text */
}

.detailed-event-section{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .detailed-event-section{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .detailed-event-section{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .detailed-event-section{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .detailed-event-section{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .detailed-event-section{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .detailed-event-section{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .detailed-event-section{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .detailed-event-section{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .detailed-event-section{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .detailed-event-section{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.detailed-event-section h1{
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: start;
}
@media (min-width: 768px){
  .detailed-event-section h1{
    text-align: center;
  }
}
.detailed-event-section h1 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: -0.93px;
  line-height: normal;
}
.detailed-event-section .event-info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px){
  .detailed-event-section .event-info{
    display: flex;
    flex-direction: row;
  }
}
.detailed-event-section .event-info .info-section {
  padding: 15px;
  border-radius: 5px;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .detailed-event-section .event-info .info-section{
    margin-top: 0px;
    width: 100%;
    padding: 0px;
  }
}
.detailed-event-section .event-info .info-section h2{
  display: none;
}
@media (min-width: 768px){
  .detailed-event-section .event-info .info-section h2{
    display: block;
  }
}
.detailed-event-section .event-info .info-section h2 {
  font-size: 16px;
  color: #203c4a;
}
.detailed-event-section .event-info .info-section .info {
  border-bottom: solid 0.5px;
  border-color: #d7d6d0;
  font-size: 16px;
  color: #203c4a;
  padding-bottom: 5px;
}
.detailed-event-section .event-info .info p:first-of-type {
  margin-top: 15px;
  font-size: 16px;
  color: #203c4a;
}
.detailed-event-section .event-info .info span:first-of-type {
  font-size: 16px;
  color: #203c4a;
  display: flex;
  flex-direction: row;
}
.detailed-event-section .event-info .event-buttons {
  display: flex;
  gap: 10px;
  margin-top: 1rem;
}
.detailed-event-section .event-info .event-buttons .secondary-button {
  min-height: 3rem;
}
.detailed-event-section .event-info .payment-table {
  width: 100%;
  background: #f2f1ee;
  border-radius: 5px;
  padding: 0px;
}
@media (min-width: 768px){
  .detailed-event-section .event-info .payment-table{
    padding: 1rem;
  }
}
.detailed-event-section .event-info .pay-header {
  color: #004152;
}
.detailed-event-section .event-info .payment-table h3 {
  font-size: 1.5rem;
  color: #004152;
  text-align: left;
  padding-bottom: 0.73rem;
  border-bottom: 1px solid;
  border-color: #40819a;
  margin-bottom: 0.73rem;
}
.detailed-event-section .event-info .pay-method li {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  border-bottom: 1px solid;
  border-color: #40819a;
  align-items: center;
}
.detailed-event-section .event-info .pay-method span {
  flex: 1;
  color: #004152;
}

.event-confirmed .detailed-event-section .event-info .payment-table h3 {
  border-bottom: none;
}

.sec-bg-color {
  background-color: #ffffff;
}

.digital-accoustic-lab{
  margin-top: 2rem;
}
.digital-accoustic-lab h2{
  margin-bottom: 1.5rem;
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
  color: #004152;
}
@media screen and (max-width: 768px) {
  .digital-accoustic-lab h2 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.digital-accoustic-lab .digital-accoustic-lab-text{
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #004152;
}
.digital-accoustic-lab .digital-accoustic-lab-text .highlighted-text {
  background-color: var(--hero-bg);
  padding: 0.5rem 1rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: #004152;
  font-weight: 600;
}
.digital-accoustic-lab .digital-accoustic-lab-list{
  margin-bottom: 1.5rem;
}
.digital-accoustic-lab .digital-accoustic-lab-list ul{
  list-style-type: disc;
  padding-left: 2rem;
}
.digital-accoustic-lab .digital-accoustic-lab-list ul li {
  font-size: 14px;
  font-weight: 500;
  color: #004152;
  margin-bottom: 0.5rem;
}
.digital-accoustic-lab p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #004152;
}

.digital-library-logos-grid{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 640px){
  .digital-library-logos-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .digital-library-logos-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .digital-library-logos-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.digital-library-logo-box{
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-heading {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  color: #004152;
}

.grid-container .grid-row .w-1-3 .content-block{
  margin-top: 1.5rem;
}
.grid-container .grid-row .w-1-3 .content-block .rich-text {
  padding-top: 2rem;
}
@media screen and (max-width: 768px) {
  .grid-container .grid-row .w-1-3 .content-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }
}
.grid-container .grid-row .w-1-3 .text-content{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: solid 0.5px;
  border-color: #d7d6d0;
  font-size: 16px;
  color: #203c4a;
  padding-bottom: 5px;
}
.grid-container .grid-row .w-1-3 .text-content .contact-medium {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.grid-container .grid-row .w-1-3 .text-content p {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.grid-container .grid-row .w-1-3 .key-nfo{
  display: block;
}
@media (min-width: 768px){
  .grid-container .grid-row .w-1-3 .key-nfo{
    display: none;
  }
}
.grid-container .grid-row .w-2-3{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.grid-container .grid-row .w-2-3 .content-block{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-container .grid-row .width-full .content-heading{
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.grid-container .grid-row .width-full .info-section {
  color: #203c4a;
}
.grid-container .grid-row .width-full .content-block.bg-neutral{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .grid-container .grid-row .width-full .content-block.bg-neutral {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.grid-container .grid-row .width-full .content-block.bg-neutral .rich-text {
  max-width: 75%;
}
@media screen and (max-width: 768px) {
  .grid-container .grid-row .width-full .content-block.bg-neutral .rich-text {
    max-width: 100%;
  }
}
.grid-container .grid-row .width-full .content-block.bg-neutral p{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.grid-container .grid-row .width-full .text-content{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-bottom: solid 0.5px;
  border-color: #d7d6d0;
  font-size: 16px;
  color: #203c4a;
  padding-bottom: 5px;
}
.grid-container .grid-row .width-full .text-content .contact-medium {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.grid-container .grid-row .width-full .text-content p {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}

.text-section{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bg-neutral {
  background-color: #ffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.content-heading{
  padding-bottom: 0.5rem;
}

.trending{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .trending{
    padding: 2rem;
  }
}

.trending {
  background-color: #ffffff;
  background-attachment: fixed;
}
.trending .trending-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .trending .trending-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .trending .trending-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .trending .trending-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .trending .trending-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .trending .trending-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .trending .trending-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .trending .trending-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .trending .trending-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .trending .trending-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .trending .trending-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .trending .trending-container{
    padding-left: 0px;
    padding-right: 0px;
  }
}
.trending .trending-container .rich-text {
  color: #004152;
}
.trending .trending-container .rich-text h2 {
  font-size: 50px;
  font-weight: 500;
  line-height: 52px;
}
.trending .trending-container .rich-text-sm {
  font-size: 16px;
  color: #ffffff;
  margin-top: 1rem;
  color: #3f7793;
}
.trending .trending-container .rich-text-sm .button{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.trending .trending-container .rich-text-sm .button:hover{
  color: #3f7793c2;
}
.trending .trending-container .rich-text-sm .button {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .trending .trending-container .rich-text-sm .button{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.trending .trending-container .rich-text-sm .button .disclosure-icon {
  display: block;
}
.trending .trending-container .categories-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  overflow: hidden;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px){
  .trending .trending-container .categories-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
.trending .trending-container .categories-grid .category-item{
  display: flex;
  flex-direction: column;
}
.trending .trending-container .categories-grid .category-item .toggle-label {
  white-space: nowrap;
  color: #63666a;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.trending .trending-container .categories-grid .category-item .category-button {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  display: none;
  background-color: rgba(255, 255, 255, 0.2);
  color: #63666a;
  min-height: 4rem;
  align-items: center;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
@media (min-width: 768px){
  .trending .trending-container .categories-grid .category-item .category-button{
    display: flex;
  }
}
@media (hover: hover) {
  .trending .trending-container .categories-grid .category-item .category-button:hover {
    background-color: #ffffff;
  }
}
.trending .trending-container .categories-grid .category-item .category-button.selected {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  color: #63666a;
  background-color: #ffffff;
}
.trending .trending-container .categories-grid .category-item .category-avatar{
  margin-right: 1rem;
  height: 3rem;
  width: 3rem;
  flex-shrink: 0;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}
.trending .trending-container .categories-grid .category-toggle {
  font-weight: bold;
  color: #3f7793;
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 0.25rem;
}
@media (min-width: 768px){
  .trending .trending-container .categories-grid .category-toggle{
    display: none;
  }
}
.trending .trending-container .categories-grid .category-toggle .toggle-label {
  color: #3f7793;
  font-weight: bold;
  margin-inline-start: 0.75rem;
  width: 50%;
}
.trending .trending-container .cards-grid{
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 1024px){
  .trending .trending-container .cards-grid{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.trending .trending-container .cards-grid {
  gap: 67px;
  align-items: start;
}
.trending .trending-container .cards-grid .wrapper{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 640px){
  .trending .trending-container .cards-grid .wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .trending .trending-container .cards-grid .wrapper{
    grid-column: span 9 / span 9;
  }
}
.trending .trending-container .cards-grid .wrapper {
  align-items: start;
}
.trending .trending-container .cards-grid .wrapper .card-wrapper{
  position: relative;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 241 238 / var(--tw-bg-opacity));
  padding: 1rem;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
}
.trending .trending-container .cards-grid .wrapper .card-wrapper:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.trending .trending-container .cards-grid .wrapper .card-wrapper {
  height: auto;
  align-self: start;
}
.trending .trending-container .cards-grid .wrapper .number-badge{
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: flex-end;
  justify-content: flex-start;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 181 226 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .trending .trending-container .cards-grid .wrapper .number-badge{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.trending .trending-container .cards-grid .wrapper .card-content{
  margin-left: 3.5rem;
}
.trending .trending-container .cards-grid .wrapper .card-content > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.trending .trending-container .cards-grid .wrapper .card-content .title{
  min-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.trending .trending-container .cards-grid .wrapper .card-content .title h3 {
  font-size: 14px;
  color: #3f7793;
  padding-top: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}
.trending .trending-container .cards-grid .wrapper .card-content .title p{
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
}
.trending .trending-container .cards-grid .wrapper .card-content .pill-wrapper{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sidebar{
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px){
  .sidebar{
    grid-column: span 3 / span 3;
  }
}

.sidebar {
  align-self: start;
}

.expert-comment{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.expert-comment img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.name{
  margin-bottom: 0.25rem;
  display: block;
  font-weight: 700;
}

.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .name{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}

.expert-info p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.expert-info .rich-text p {
  margin-top: 13px;
}

.expert-info .rich-text {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  /* number of lines before truncating */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trending-Wrapper .no-results {
  padding-bottom: 1rem;
}

.profile-icon {
  background-image: url(../images/icons.50205b.svg#profile-icon);
  background-position: 2px 7px;
  width: 1.75rem;
  height: 1.75rem;
  background-repeat: no-repeat;
}

.expert-name {
  color: #3f7793;
  background-color: #ffffff;
  display: inline-flex;
  border-radius: 9999px;
  border-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.75rem;
  line-height: 1rem;
  align-items: center;
  text-decoration: none;
  position: relative;
}

.job-Search {
  background-color: #ffffff;
}
.job-Search .job-Search-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .job-Search .job-Search-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .job-Search .job-Search-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .job-Search .job-Search-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .job-Search .job-Search-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .job-Search .job-Search-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .job-Search .job-Search-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .job-Search .job-Search-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .job-Search .job-Search-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .job-Search .job-Search-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .job-Search .job-Search-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.job-Search .rich-text-lg {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media (max-width: 768px) {
  .job-Search .rich-text-lg {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.job-Search .Wrapper {
  margin-top: 2rem;
}
.job-Search .Wrapper .keywords{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.job-Search .Wrapper .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
}
.job-Search .Wrapper .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.job-Search .Wrapper .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.job-Search .Wrapper .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.job-Search .Wrapper .keywords .keywords-input {
  min-height: 3.625rem;
}
.job-Search .Wrapper .form{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px){
  .job-Search .Wrapper .form{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.job-Search .Wrapper .form .keywords{
  display: flex;
  flex-direction: column;
}
.job-Search .Wrapper .form .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
}
.job-Search .Wrapper .form .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.job-Search .Wrapper .form .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.job-Search .Wrapper .form .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.job-Search .Wrapper .form .alerts-checkbox{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 768px){
  .job-Search .Wrapper .form .alerts-checkbox{
    grid-column: span 4 / span 4;
  }
}
.job-Search .Wrapper .form .alerts-checkbox .text-input{
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.job-Search .Wrapper .form .alerts-checkbox .text-input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.job-Search .Wrapper .form .alerts-checkbox .label {
  font-size: 12px;
  font-weight: 500;
}
.job-Search .Wrapper .form .button-dev{
  margin-top: 1.5rem;
}
@media (min-width: 768px){
  .job-Search .Wrapper .form .button-dev{
    grid-column: span 4 / span 4;
  }
}
.job-Search .Wrapper .form .button-dev .button {
  font-family: SharpSans;
  background-color: var(--background);
  color: var(--text-color);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: 600;
}
.job-Search .Wrapper .form .button-dev .button:hover {
  background-color: var(--hover-color);
}

.advanced-search{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .advanced-search{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .advanced-search{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .advanced-search{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .advanced-search{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .advanced-search{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .advanced-search{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .advanced-search{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .advanced-search{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .advanced-search{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .advanced-search{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .advanced-search {
    overflow-y: auto;
    max-height: 60vh;
    overflow-x: hidden;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
  }
  .advanced-search::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
  }
}
.advanced-search .bed {
  background-color: #f2f1ee;
}
.advanced-search .rich-text-lg {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media (max-width: 768px) {
  .advanced-search .rich-text-lg {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.advanced-search .Wrapper {
  margin-top: 2rem;
}
.advanced-search .Wrapper .keywords{
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px){
  .advanced-search .Wrapper .keywords{
    grid-column: span 4 / span 4;
  }
}
.advanced-search .Wrapper .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.advanced-search .Wrapper .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.advanced-search .Wrapper .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.advanced-search .Wrapper .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.advanced-search .Wrapper .form{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px){
  .advanced-search .Wrapper .form{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.advanced-search .Wrapper .form .search-input{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px){
  .advanced-search .Wrapper .form .search-input{
    grid-column: span 4 / span 4;
  }
}
.advanced-search .Wrapper .form .search-input .text-label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.advanced-search .Wrapper .form .search-input .search-field-wrapper{
  display: flex;
  width: 100%;
}
.advanced-search .Wrapper .form .search-input .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  flex-grow: 1;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.advanced-search .Wrapper .form .search-input .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.advanced-search .Wrapper .form .search-input .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.advanced-search .Wrapper .form .search-input .button {
  font-family: SharpSans;
  white-space: nowrap;
  border-left-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 127 158 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.advanced-search .Wrapper .form .search-input .button:hover{
  background-color: #007e9ee5;
}
@media (min-width: 640px){
  .advanced-search .Wrapper .form .search-input .button{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.advanced-search .Wrapper .form .keywords{
  display: flex;
  flex-direction: column;
}
.advanced-search .Wrapper .form .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.advanced-search .Wrapper .form .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.advanced-search .Wrapper .form .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.advanced-search .Wrapper .form .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.advanced-search .Wrapper .form .alerts-checkbox{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px){
  .advanced-search .Wrapper .form .alerts-checkbox{
    grid-column: span 4 / span 4;
  }
}
.advanced-search .Wrapper .form .alerts-checkbox .text-input{
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.advanced-search .Wrapper .form .alerts-checkbox .text-input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.advanced-search .Wrapper .form .button-dev{
  margin-top: 1.5rem;
}
@media (min-width: 768px){
  .advanced-search .Wrapper .form .button-dev{
    grid-column: span 4 / span 4;
  }
}
.advanced-search .Wrapper .form .button-dev .button {
  font-family: SharpSans;
  --tw-bg-opacity: 1;
  background-color: rgb(0 127 158 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.advanced-search .Wrapper .form .button-dev .button:hover{
  background-color: #007e9ee5;
}

.label {
  font-size: 12px;
  font-weight: 500;
}

.supplier-Search{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .supplier-Search{
    padding: 2rem;
  }
}

.supplier-Search {
  background-color: #f2f1ee;
}
.supplier-Search .banner-card {
  background-color: #ffffff;
}
.supplier-Search .supplier-Search-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .supplier-Search .supplier-Search-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .supplier-Search .supplier-Search-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .supplier-Search .supplier-Search-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .supplier-Search .supplier-Search-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .supplier-Search .supplier-Search-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .supplier-Search .supplier-Search-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .supplier-Search .supplier-Search-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .supplier-Search .supplier-Search-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .supplier-Search .supplier-Search-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .supplier-Search .supplier-Search-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.supplier-Search .rich-text-lg {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  font-weight: normal;
}
@media (max-width: 768px) {
  .supplier-Search .rich-text-lg {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.supplier-Search .Wrapper {
  margin-top: 2rem;
}
.supplier-Search .Wrapper .keywords{
  display: flex;
  flex-direction: column;
}
.supplier-Search .Wrapper .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
}
.supplier-Search .Wrapper .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.supplier-Search .Wrapper .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.supplier-Search .Wrapper .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.supplier-Search .Wrapper .form .supplier-search-region{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 1.5rem;
  white-space: nowrap;
}
@media (min-width: 768px){
  .supplier-Search .Wrapper .form .supplier-search-region{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.supplier-Search .Wrapper .form .keywords{
  display: flex;
  flex-direction: column;
}
.supplier-Search .Wrapper .form .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
}
.supplier-Search .Wrapper .form .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.supplier-Search .Wrapper .form .keywords .keywords-input .card-container .reading-card {
  background-color: #f2f1ee;
}
.supplier-Search .Wrapper .form .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.supplier-Search .Wrapper .form .button-dev{
  margin-top: 1.5rem;
}
@media (min-width: 768px){
  .supplier-Search .Wrapper .form .button-dev{
    grid-column: span 4 / span 4;
  }
}
.supplier-Search .Wrapper .form .button-dev .button {
  font-family: SharpSans;
  --tw-bg-opacity: 1;
  background-color: rgb(0 127 158 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.supplier-Search .Wrapper .form .button-dev .button:hover{
  background-color: #007e9ee5;
}

.filter-group {
  padding-bottom: 0.4rem;
}

.content-switcher-tab{
  display: inline-flex;
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.content-switcher-tab .content-switcher-button{
  text-transform: capitalize;
}

.organisation-Search{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .organisation-Search{
    padding: 2rem;
  }
}

.organisation-Search{
  padding-left: 0px;
  padding-right: 0px;
  background-color: #f2f1ee;
}
.organisation-Search .job-Search-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .organisation-Search .job-Search-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .organisation-Search .job-Search-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .organisation-Search .job-Search-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .organisation-Search .job-Search-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .organisation-Search .job-Search-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .organisation-Search .job-Search-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .organisation-Search .job-Search-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .organisation-Search .job-Search-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .organisation-Search .job-Search-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .organisation-Search .job-Search-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.organisation-Search .job-Search-container .rich-text {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: #004152;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .organisation-Search .job-Search-container .rich-text {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.organisation-Search .Wrapper {
  margin-top: 2rem;
}
.organisation-Search .Wrapper .form{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.organisation-Search .Wrapper .form .search{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px){
  .organisation-Search .Wrapper .form .search{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.organisation-Search .Wrapper .form .search .keywords .text-label {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
}
.organisation-Search .Wrapper .form .search .keywords .keywords-input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.organisation-Search .Wrapper .form .search .keywords .keywords-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.organisation-Search .Wrapper .form .search .keywords .keywords-input {
  background-color: #fdfdfc;
}
.organisation-Search .Wrapper .form .search .keywords .keywords-input::-moz-placeholder {
  color: #898a89;
}
.organisation-Search .Wrapper .form .search .keywords .keywords-input::placeholder {
  color: #898a89;
}
.organisation-Search .Wrapper .form .search .dropdown{
  width: 100%;
}
.organisation-Search .Wrapper .form .search .alerts-checkbox{
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px){
  .organisation-Search .Wrapper .form .search .alerts-checkbox{
    grid-column: span 4 / span 4;
  }
}
.organisation-Search .Wrapper .form .search .alerts-checkbox .text-input{
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.organisation-Search .Wrapper .form .search .alerts-checkbox .text-input:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
}
.organisation-Search .Wrapper .form .search .alerts-checkbox .label {
  font-size: 12px;
  font-weight: 500;
  margin-left: 0.5rem;
}
.organisation-Search .Wrapper .search-suggest-list .selected-result{
  margin-top: 1rem;
  text-align: center;
}
.organisation-Search .Wrapper .search-suggest-list .selected-result h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .organisation-Search .Wrapper .search-suggest-list .selected-result h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.organisation-Search .Wrapper .search-suggest-list .selected-result h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .organisation-Search .Wrapper .search-suggest-list .selected-result h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.organisation-Search .Wrapper .search-suggest-list .selected-result h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .organisation-Search .Wrapper .search-suggest-list .selected-result h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.organisation-Search .Wrapper .search-suggest-list .selected-result h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .organisation-Search .Wrapper .search-suggest-list .selected-result h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .organisation-Search .Wrapper .search-suggest-list .selected-result{
  padding: 0.25rem;
}
.organisation-Search .Wrapper .org-search-suggestion{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.organisation-Search .Wrapper .org-search-suggestion .organization-search-results{
  border-radius: 9999px;
  text-transform: capitalize;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.organisation-Search .Wrapper .org-search-suggestion .organization-search-results:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.organisation-Search .Wrapper .org-search-suggestion .organization-search-results {
  min-width: 2rem;
  justify-content: center;
}

.button-dev{
  margin-top: 1.5rem;
}

@media (min-width: 768px){
  .button-dev{
    grid-column: span 4 / span 4;
  }
}
.button-dev .button{
  --tw-bg-opacity: 1;
  background-color: rgb(0 127 158 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.button-dev .button:hover{
  background-color: #007e9ee5;
}

.job-serach-field{
  display: flex;
  align-items: center;
  justify-content: center;
}

.organisation-Search .banner-card {
  background-color: #ffffff;
}

.alert-success-msg{
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background-color: #defbe6;
  color: #203c4a;
  border: 0.5px solid;
  border-color: #198038;
  border-left-width: 2px;
  border-left-color: #198038;
  min-width: 60%;
}

.success-msg{
  display: flex;
  align-items: center;
}

.close-icon {
  background-image: url(../images/icons.50205b.svg#icons-close);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.success-icon {
  background-image: url(../images/icons.50205b.svg#login-success-icon);
  padding: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.7);
}

.cross-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.horizontal-align-container{
  display: flex;
  justify-content: center;
}

.contentSwitcher-roww.alert-success-msg {
  margin: 0;
}

.alert-error-msg{
  display: flex;
  --tw-border-spacing-x: 0.25rem;
  --tw-border-spacing-y: 0.25rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #203c4a;
  border: 0.5px solid;
  border-color: #da1e28;
  border-left-width: 2px;
  border-left-color: #da1e28;
  background-color: #ffc0c3;
  min-width: 60%;
  margin: 1rem 0;
}

.error-msg{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  font-size: 1rem;
}

.error-icon {
  background-image: url(../images/icons.50205b.svg#error-text-icon);
  padding: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.cross-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-outline{
  display: inline-block;
  border-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border: solid 0.5px #3f7793;
  font-family: SharpSans;
  font-weight: 600;
  color: #3f7793;
  text-transform: uppercase;
}

.btn-primary{
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-family: SharpSans;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-primary:hover {
  background-color: var(--hover-color);
}

.swipe-btn{
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.swipe-btn::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: var(--tw-content);
  transition-duration: 500ms;
}

.swipe-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.swipe-btn:hover::before{
  left: 0px;
  content: var(--tw-content);
  width: 100%;
}

.swipe-btn {
  color: #3f7793;
  border-color: #3f7793;
  border: solid 0.5px #3f7793;
  text-transform: uppercase;
  font-weight: 600;
}
.swipe-btn::before {
  background-color: #3f7793;
}
.swipe-btn:hover {
  color: #ffffff;
  border-color: #3f7793;
}

.animation-button .button{
  cursor: pointer;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #ffffff;
  background-color: #3f7793;
  text-transform: uppercase;
  font-weight: 600;
}
.animation-button .button:hover {
  background-color: #40819a;
}

.animation-btn{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #ffffff;
  background-color: #007f9e;
  text-transform: uppercase;
}
.animation-btn:hover {
  background-color: #3f7793;
}

.content-button{
  display: inline-flex;
  width: 100%;
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){
  .content-button{
    width: auto;
  }
}

.content-button {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #3f7793;
}

.active {
  background-color: #3f7793;
  color: #ffffff;
}

.contentSwitcher-row {
  padding-bottom: 16px;
  overflow-x: auto;
}
@media (max-width: 637px) {
  .contentSwitcher-row {
    width: calc(100% + 2rem);
    max-width: calc(100% + 2rem);
  }
}
@media (min-width: 638px) and (max-width: 768px) {
  .contentSwitcher-row {
    width: calc(100% + 3rem);
    max-width: calc(100% + 3rem);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contentSwitcher-row {
    width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .contentSwitcher-row {
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
  }
}
@media (min-width: 1279px) and (max-width: 1345px) {
  .contentSwitcher-row {
    width: calc(100% + 8rem);
    max-width: calc(100% + 8rem);
  }
}
@media screen and (min-width: 1345px) and (max-width: 1377px) {
  .contentSwitcher-row {
    width: calc(100% + 8.9rem);
    max-width: calc(100% + 8.9rem);
  }
}
@media screen and (min-width: 1378px) and (max-width: 1393px) {
  .contentSwitcher-row {
    width: calc(100% + 9.5rem);
    max-width: calc(100% + 9.5rem);
    margin-right: 0;
  }
}
@media screen and (min-width: 1393px) and (max-width: 1457px) {
  .contentSwitcher-row {
    width: calc(100% + 9.6rem);
    max-width: calc(100% + 9.6rem);
    margin-right: 0;
  }
}
@media (min-width: 1458px) and (max-width: 1500px) {
  .contentSwitcher-row {
    width: calc(100% + 12.67rem);
    max-width: calc(100% + 12.67rem);
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .contentSwitcher-row {
    width: calc(100% + 12.7rem);
    max-width: calc(100% + 12.7rem);
  }
}

.tab-content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.content-button{
  display: inline-flex;
}

@media (min-width: 768px){
  .content-button{
    width: auto;
  }
}

.content-button {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
}

.content-switcher-button {
  flex: 0 0 auto;
  white-space: nowrap;
  text-transform: capitalize;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.content-switcher-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .content-switcher-button{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.content-switcher-button {
  border: none;
  /* remove default border */
}
.content-switcher-button.first, .content-switcher-button.middle {
  position: relative;
}
.content-switcher-button.first:not(:last-child)::after, .content-switcher-button.middle:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  height: calc(100% - 20px);
  border-right: 1px solid #e0e0e0;
}
.content-switcher-button.last {
  border: none;
  position: relative;
  /* no ::after here */
}

.breadcrumbs{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .breadcrumbs{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .breadcrumbs{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .breadcrumbs{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .breadcrumbs{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .breadcrumbs{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .breadcrumbs{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .breadcrumbs{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .breadcrumbs{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .breadcrumbs{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .breadcrumbs{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.breadcrumbs{
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
  color: #004152;
}

@media (min-width: 1024px){
  .breadcrumbs{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.breadcrumbs {
  text-transform: uppercase;
}
.breadcrumbs .breadcrumbs-ul{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: capitalize;
}
.breadcrumbs .breadcrumbs-ul .breadcrumb-link {
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
}
.breadcrumbs .breadcrumbs-ul .breadcrumb-link:hover {
  color: #63666a;
}
.breadcrumbs .breadcrumbs-ul .current {
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
  color: #63666a;
}
.breadcrumbs .breadcrumbs-ul .slash {
  color: #63666a;
}

.basicCard{
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #f2f1ee;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.basicCard .wrapper{
  overflow: hidden;
}
@media (min-width: 768px){
  .basicCard .wrapper{
    border-radius: 0.5rem;
  }
}
.basicCard .wrapper .image{
  display: flex;
  height: 10rem;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  padding: 1.25rem;
  background-color: #3f7793;
}
.basicCard .wrapper .image .detailes{
  padding: 0.25rem;
  width: 100%;
}
.basicCard .wrapper .image .detailes .title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.72;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basicCard .wrapper .image .detailes .subtitle{
  margin-top: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basicCard .basic-card-content {
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.basicCard .basic-card-content .description {
  font-size: 12px;
  font-weight: 500;
  height: 84px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: normal;
}
.basicCard .basic-card-content .buttonn{
  margin-top: 2rem;
  flex-shrink: 0;
}

.reading-card{
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #f2f1ee;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.reading-card .image-section{
  position: relative;
  flex-shrink: 0;
}
.reading-card .image-section .image{
  height: 16rem;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
}
.reading-card .image-section .img-pill{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem;
  max-width: calc(100% - 1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reading-card .content-section {
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}
.reading-card .content-section .content-text-section{
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}
.reading-card .content-section .content-text-section .title {
  font-weight: 500;
  color: #3f7793;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 36.4px;
  text-overflow: ellipsis;
  line-height: 1.3;
  font-size: 14px;
}
.reading-card .content-section .content-text-section .description{
  margin-top: 1rem;
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .reading-card .content-section .content-text-section .description {
    -webkit-line-clamp: 6;
  }
}
.reading-card .content-section .account-lock-wrapper {
  display: flex;
  gap: 0.3rem;
}
.reading-card .content-section .account-required {
  font-size: 12px;
  font-weight: 500;
  color: #3f7793;
}
.reading-card .content-section .button-bottom {
  margin-top: 1.2rem;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  flex-direction: column-reverse;
}
.reading-card .content-section .button-bottom button,
.reading-card .content-section .button-bottom .btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.reading-card-truncate.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.reading-card-truncate.multi-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.reading-card-truncate.multi-line.lines-2 {
  -webkit-line-clamp: 2;
}
.reading-card-truncate.multi-line.lines-3 {
  -webkit-line-clamp: 3;
}
.reading-card-truncate.multi-line.lines-4 {
  -webkit-line-clamp: 4;
}
.reading-card-truncate.multi-line.lines-5 {
  -webkit-line-clamp: 5;
}

@media (max-width: 640px) {
  .reading-card .content-section .content-text-section .title {
    -webkit-line-clamp: 2;
  }
}
.subtitle-div .transparent-lozenge{
  padding-left: 0px;
  padding-right: 0px;
}

.overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.author-info{
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}
@media (max-width: 640px) {
  .author-info > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .author-info {
    flex-wrap: nowrap;
  }
}
.author-info .author{
  display: flex;
  align-items: center;
}
.author-info .author > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.author-info .author {
  min-width: 0;
  flex-shrink: 1;
}
.author-info .author .auther-img{
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.author-info .author .auther-name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
}
.author-info .date {
  font-size: 12px;
  font-weight: 500;
  flex-shrink: 0;
  letter-spacing: normal;
}

.member-cards-container{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){
  .member-cards-container{
    max-width: 320px;
  }
}

@media (min-width: 640px){
  .member-cards-container{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .member-cards-container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .member-cards-container{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){
  .member-cards-container{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1536px){
  .member-cards-container{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.member-cards-container{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  border-radius: 0.375rem;
}

@media (min-width: 768px){
  .member-cards-container{
    margin-top: 1.25rem;
  }
}

.multi-cards{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){
  .multi-cards{
    max-width: 320px;
  }
}

@media (min-width: 640px){
  .multi-cards{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .multi-cards{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .multi-cards{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){
  .multi-cards{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1536px){
  .multi-cards{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.multi-cards{
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.375rem;
  background-color: #ffffff;
}

.members-cards{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 640px){
  .members-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .members-cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .members-cards{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .members-cards{
    padding-bottom: 1rem;
  }
}

.members-cards {
  height: auto;
}

.banner-image {
  background-color: #00a3da;
  max-height: 15.5rem;
  min-height: 15.5rem;
  width: 100%;
  border-radius: 0.375rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-card{
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: #f2f1ee;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.banner-card.org-card .banner-image {
  background-color: transparent;
}
.banner-card .members-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.8rem;
  min-width: 0;
  height: 100%;
}
.banner-card .members-content-container .buttons {
  color: #004152;
  margin-top: 1.2rem;
}
.banner-card .members-content-container .buttons .secondary-button {
  position: relative;
  z-index: 0;
}
.banner-card .members-content-container .buttons .secondary-button::before {
  z-index: -1;
}
.banner-card .members-content-container .buttons .btn-selected {
  color: #ffffff;
}
.banner-card .members-content-container .buttons input[type=checkbox] {
  accent-color: #3f7793;
}

.members-card-title{
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
  padding: 0.5rem 0 0.5rem 0;
  min-width: 0;
  height: 2.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.members-card-description{
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-width: 0;
  height: 5.7rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .members-card-description {
    -webkit-line-clamp: 5;
  }
}

.buttons {
  flex-direction: column;
  display: flex;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}

@media (min-width: 768px){
  .buttons{
    display: inline-block;
  }
}

.profile{
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  line-height: 1rem;
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
  padding-top: 0.8rem;
  min-width: 0;
}
.profile .profile-details{
  margin-right: 0.5rem;
  display: block;
  border-radius: 9999px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 12px;
}

.members-card-actions-bttn{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
}

@media (min-width: 768px){
  .members-card-actions-bttn{
    display: inline-block;
  }
}

.members-card-actions-bttn {
  border-color: #007f9e;
  color: #3f7793;
  flex-direction: column;
  margin-left: 0.5rem;
  margin-right: 0.46875rem;
  margin-bottom: 0.65625rem;
  padding: 0.34375rem 0.9375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

#icon-group {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

#icon-group svg {
  display: block;
}

.subtitle-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}
.subtitle-div .pill{
  display: flex;
}
.subtitle-div .pill > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.subtitle-div .pill {
  min-width: 0;
}
.subtitle-div .pill > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.subtitle-div .icon-bookmark {
  flex-shrink: 0;
}

.truncate-single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.truncate-multi-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.truncate-multi-line.lines-2 {
  -webkit-line-clamp: 2;
}
.truncate-multi-line.lines-3 {
  -webkit-line-clamp: 3;
}
.truncate-multi-line.lines-4 {
  -webkit-line-clamp: 4;
}

.author-info{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.common_dropdown{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px){
  .common_dropdown{
    max-width: 320px;
  }
}

@media (min-width: 640px){
  .common_dropdown{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .common_dropdown{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .common_dropdown{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1280px){
  .common_dropdown{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (min-width: 1536px){
  .common_dropdown{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

.common_dropdown{
  margin-left: auto;
  margin-right: auto;
  max-width: 24rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

@media (min-width: 640px){
  .common_dropdown{
    max-width: 24rem;
  }
}

@media (min-width: 768px){
  .common_dropdown{
    max-width: 24rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px){
  .common_dropdown{
    max-width: 24rem;
  }
}

@media (min-width: 1280px){
  .common_dropdown{
    max-width: 24rem;
  }
}
.common_dropdown .dropdown_item{
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.common_dropdown .dropdown_item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.common_dropdown .dropdown_tag{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 320px){
  .common_dropdown .dropdown_tag{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .common_dropdown .dropdown_tag{
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px){
  .common_dropdown .dropdown_tag{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .common_dropdown .dropdown_tag{
    max-width: 1024px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 1280px){
  .common_dropdown .dropdown_tag{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .common_dropdown .dropdown_tag{
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}
.common_dropdown .dropdown_tag{
  position: absolute;
  z-index: 10;
  margin-top: 0.5rem;
  max-width: 15rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.common_dropdown .dropdown_tag .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (min-width: 640px){
  .common_dropdown .dropdown_tag{
    max-width: 15rem;
  }
}
@media (min-width: 768px){
  .common_dropdown .dropdown_tag{
    max-width: 24rem;
  }
}
@media (min-width: 1024px){
  .common_dropdown .dropdown_tag{
    max-width: 15rem;
  }
}
@media (min-width: 1280px){
  .common_dropdown .dropdown_tag{
    max-width: 15rem;
  }
}

.base-lozenge, .gray-lozenge, .badge-lozenge, .blue-lozenge, .white-lozenge, .badges, .transparent-lozenge{
  display: inline-flex;
  border-radius: 9999px;
  border-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size: 0.75rem;
  line-height: 1rem;
  align-items: center;
  text-decoration: none;
  position: relative;
}

.pill-icon{
  margin-right: 0.5rem;
  height: 0.875rem;
  width: 0.875rem;
  flex-shrink: 0;
}

.white-lozenge, .badges {
  color: #3f7793;
  background-color: #ffffff;
}

.blue-lozenge {
  background-color: #3f7793;
  color: #ffffff;
}

.badge-lozenge {
  background-color: #000000cc;
  color: #ffffff;
}

.gray-lozenge {
  background-color: #f2f1ee;
}

.topic-group {
  background-image: url(../images/icons.50205b.svg#icons-topic-group);
  margin-right: 0.5rem;
  height: 0.875rem;
  width: 0.875rem;
}

.advertising-section {
  background: linear-gradient(to right, #E5F2B8 47%, #00b2af50 76%, #00b2a915 100%);
}
.advertising-section .advertsing-content{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (min-width: 1024px){
  .advertising-section .advertsing-content{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.advertising-section .advertsing-content{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .advertising-section .advertsing-content{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .advertising-section .advertsing-content{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .advertising-section .advertsing-content{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .advertising-section .advertsing-content{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .advertising-section .advertsing-content{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .advertising-section .advertsing-content{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .advertising-section .advertsing-content{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .advertising-section .advertsing-content{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .advertising-section .advertsing-content{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1280px){
  .advertising-section .advertsing-content{
    margin-left: auto;
    margin-right: auto;
  }
}

.content-button{
  display: inline-flex;
  width: 100%;
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px){
  .content-button{
    width: auto;
  }
}

.content-button {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #3f7793;
}

.active {
  background-color: #3f7793;
  color: #ffffff;
}

.contentSwitcher-row {
  padding-bottom: 16px;
  overflow-x: auto;
}
@media (max-width: 637px) {
  .contentSwitcher-row {
    width: calc(100% + 2rem);
    max-width: calc(100% + 2rem);
  }
}
@media (min-width: 638px) and (max-width: 768px) {
  .contentSwitcher-row {
    width: calc(100% + 3rem);
    max-width: calc(100% + 3rem);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contentSwitcher-row {
    width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .contentSwitcher-row {
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
  }
}
@media (min-width: 1279px) and (max-width: 1345px) {
  .contentSwitcher-row {
    width: calc(100% + 8rem);
    max-width: calc(100% + 8rem);
  }
}
@media screen and (min-width: 1345px) and (max-width: 1377px) {
  .contentSwitcher-row {
    width: calc(100% + 8.9rem);
    max-width: calc(100% + 8.9rem);
  }
}
@media screen and (min-width: 1378px) and (max-width: 1393px) {
  .contentSwitcher-row {
    width: calc(100% + 9.5rem);
    max-width: calc(100% + 9.5rem);
    margin-right: 0;
  }
}
@media screen and (min-width: 1393px) and (max-width: 1457px) {
  .contentSwitcher-row {
    width: calc(100% + 9.6rem);
    max-width: calc(100% + 9.6rem);
    margin-right: 0;
  }
}
@media (min-width: 1458px) and (max-width: 1500px) {
  .contentSwitcher-row {
    width: calc(100% + 12.67rem);
    max-width: calc(100% + 12.67rem);
    margin-right: 0;
  }
}
@media (min-width: 1500px) {
  .contentSwitcher-row {
    width: calc(100% + 12.7rem);
    max-width: calc(100% + 12.7rem);
  }
}

.tab-content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.content-button{
  display: inline-flex;
}

@media (min-width: 768px){
  .content-button{
    width: auto;
  }
}

.content-button {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
}

.content-switcher-button {
  flex: 0 0 auto;
  white-space: nowrap;
  text-transform: capitalize;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.content-switcher-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px){
  .content-switcher-button{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.content-switcher-button {
  border: none;
  /* remove default border */
}
.content-switcher-button.first, .content-switcher-button.middle {
  position: relative;
}
.content-switcher-button.first:not(:last-child)::after, .content-switcher-button.middle:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  height: calc(100% - 20px);
  border-right: 1px solid #e0e0e0;
}
.content-switcher-button.last {
  border: none;
  position: relative;
  /* no ::after here */
}

.accordion{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.accordion .accordion-button{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.accordion .accordion-button h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .accordion .accordion-button h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.accordion .accordion-button h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .accordion .accordion-button h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.accordion .accordion-button h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .accordion .accordion-button h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.accordion .accordion-button h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .accordion .accordion-button h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .accordion .accordion-button h4 {
  margin-left: 25px;
}
.accordion .accordion-button .title {
  font-size: 14px;
  font-weight: 500;
  color: #004152;
}
.accordion .description{
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.accordion .description .title {
  font-size: 14px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: 400;
  color: #004152;
}

.accordion-title {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  color: #004152;
  padding-bottom: 1rem;
  margin-top: 2rem;
}

.basic-comment-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .basic-comment-section{
    padding: 2rem;
  }
}

.basic-comment-section {
  background-color: rgba(0, 0, 0, 0.05);
}

.basic-comment-container{
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
}

.basic-comment-container > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.comment-header{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  padding-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .comment-header{
    flex-direction: column;
  }
}
.comment-header .comment-title {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: -0.93px;
  line-height: normal;
  width: 100%;
}
@media (min-width: 1024px){
  .comment-header .comment-title{
    width: auto;
  }
}
.comment-header .comment-title {
  color: #004152;
}

.dropdown{
  position: relative;
  width: 100%;
  text-align: right;
}

.dropdown h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dropdown h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.dropdown h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dropdown h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.dropdown h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .dropdown h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.dropdown h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .dropdown h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

@media (min-width: 1024px){
  .dropdown{
    width: auto;
  }
}

.dropdown {
  font-size: 14px;
  font-weight: 500;
}
.dropdown .label{
  position: absolute;
  left: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #203c4a;
}
.dropdown .wrapper{
  position: relative;
  margin-top: 1.5rem;
}
.dropdown .button{
  display: flex;
  width: 16rem;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.dropdown .button .card-container .reading-card {
  background-color: #f2f1ee;
}
.dropdown .button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.dropdown .button {
  color: #63666a;
}
.dropdown .menu{
  position: absolute;
  z-index: 10;
  margin-top: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dropdown .menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.dropdown .menu-items{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.dropdown .menu-items h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .dropdown .menu-items h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.dropdown .menu-items h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .dropdown .menu-items h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.dropdown .menu-items h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .dropdown .menu-items h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.dropdown .menu-items h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .dropdown .menu-items h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .dropdown .menu-items h4 {
  margin-left: 25px;
}
.dropdown .menu-items:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark){
  .dropdown .menu-items{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  .dropdown .menu-items:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}

.comment-item{
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  padding-bottom: 1rem;
}

.comment{
  margin-top: 1rem;
}

.comment-timestamp {
  font-size: 12px;
  font-weight: 500;
}

.author-info{
  display: flex;
  align-items: center;
}
.author-info .author-avatar{
  height: 2rem;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-info .author-details .tag-text {
  width: -moz-fit-content;
  width: fit-content;
  white-space: normal;
  font-size: 14px;
  font-weight: 500;
  color: #004152;
}
.author-info .author-details .icon-profile {
  background-image: url(../images/icons.50205b.svg#icons-profile-off);
  margin: 0 !important;
}
.author-info .author-details .icon-profile:hover {
  opacity: 0.8;
}

.comment-content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 500;
}

.comment-actions{
  margin-top: 0px;
  display: flex;
}

.comment-actions > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.comment-actions .pills,
.comment-actions [class*=badges]{
  display: inline-flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.comment-actions .pills:hover,
.comment-actions [class*=badges]:hover {
  background-color: var(--button-hover-bg, #e5e7eb);
}

.replies-section{
  margin-left: 2rem;
  margin-top: 1.5rem;
}

.replies-section > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.replies-section{
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
  padding-left: 1rem;
}

@media (prefers-color-scheme: dark){
  .replies-section{
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity));
  }
}
.replies-section .reply-input-section{
  width: 100%;
}

.comment-form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.comment-form .input-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-form .input-wrapper .input-label,
.comment-form .input-wrapper .char-count {
  font-size: 12px;
  font-weight: 500;
}
.comment-form .comment-textarea{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.comment-form .button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.comment-input-section > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.comment-input-section .input-prompt {
  font-size: 14px;
  font-weight: 500;
}

/**
 * Avatar Initials Styles
 * Styles for circular avatar elements with initials
 */
/* Base avatar styles */
.avatar-initials,
.author-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
}

/* Size variations */
.avatar-initials.small,
.author-avatar.small {
  width: 32px;
  height: 32px;
  font-size: 12px;
}

.avatar-initials.medium,
.author-avatar.medium {
  width: 48px;
  height: 48px;
  font-size: 18px;
}

.avatar-initials.large,
.author-avatar.large {
  width: 64px;
  height: 64px;
  font-size: 24px;
}

.avatar-initials.extra-large,
.author-avatar.extra-large {
  width: 80px;
  height: 80px;
  font-size: 32px;
}

/* Focus styles for accessibility */
.avatar-initials:focus,
.author-avatar:focus {
  outline: 3px solid #4f46e5;
  outline-offset: 2px;
}

.avatar-initials.busy::after,
.author-avatar.busy::after {
  background: #ef4444;
  opacity: 1;
}

.avatar-initials.offline::after,
.author-avatar.offline::after {
  background: #6b7280;
  opacity: 1;
}

/* Avatar groups */
.avatar-group {
  display: flex;
  align-items: center;
}

.avatar-group .avatar-initials,
.avatar-group .author-avatar {
  margin-left: -8px;
  border: 3px solid white;
  z-index: 1;
  position: relative;
}

.avatar-group .avatar-initials:first-child,
.avatar-group .author-avatar:first-child {
  margin-left: 0;
}

/* Responsive design */
@media (max-width: 640px) {
  .avatar-initials,
.author-avatar {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .avatar-initials.large,
.author-avatar.large {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
}
/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .avatar-initials,
.author-avatar {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }

  .avatar-initials:hover,
.author-avatar:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }

  .avatar-initials::after,
.author-avatar::after {
    border-color: #1f2937;
  }
}
/* High contrast mode */
@media (prefers-contrast: high) {
  .avatar-initials,
.author-avatar {
    border-width: 3px;
    border-color: currentColor;
  }
}
/* Error state */
.avatar-initials.error,
.author-avatar.error {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fecaca;
}

/* Comment specific styles */
.comment .author-avatar,
.reply-item .author-avatar {
  width: 40px;
  height: 40px;
  font-size: 16px;
}

/* Reply avatar styles */
.reply-item .avatar-initials,
.reply-item .author-avatar {
  width: 32px;
  height: 32px;
  font-size: 12px;
}

/* Author info section */
.author-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 0.5rem;
}

.author-info .avatar-initials,
.author-info .author-avatar {
  flex-shrink: 0;
}

.basicTable-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

@media (min-width: 640px){
  .basicTable-section{
    padding: 2rem;
  }
}
.basicTable-section .basicTable-container .wrapper{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.basicTable-section .basicTable-container .wrapper .title {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: -0.93px;
  line-height: normal;
}
.basicTable-section .basicTable-container .content{
  display: flex;
  flex-direction: column;
}
.basicTable-section .basicTable-container .content .scroll{
  overflow-x: auto;
}
.basicTable-section .basicTable-container .content .scroll .bordr > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.basicTable-section .basicTable-container .content .scroll .bordr{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #3f7793;
}
.basicTable-section .basicTable-container .content .scroll .bordr .tabllle{
  display: table;
  min-width: 100%;
}
.basicTable-section .basicTable-container .content .scroll .bordr .tabllle > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(63 119 147 / var(--tw-divide-opacity));
}
.basicTable-section .basicTable-container .content .scroll .bordr .tabllle .col{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: start;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
}
.basicTable-section .basicTable-container .content .scroll .bordr .tabllle .tbody > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(63 119 147 / var(--tw-divide-opacity));
}
.basicTable-section .basicTable-container .content .scroll .bordr .tabllle .tbody .cell{
  white-space: nowrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  font-size: 14px;
  font-weight: 500;
}

.basic-column-section{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.basic-column-section .basic-column-container .column-header{
  margin-bottom: 1rem;
}
.basic-column-section .basic-column-container .column-header .column-title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  color: #004152;
}
.basic-column-section .basic-column-container .column-content{
  overflow-x: auto;
}
.basic-column-section .basic-column-container .column-content .column-grid{
  display: flex;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #3f7793;
}
.basic-column-section .basic-column-container .column-content .column-grid .column-list{
  min-width: 0px;
  flex: 1 1 0%;
}
.basic-column-section .basic-column-container .column-content .column-grid .column-list .column-list-header{
  border-bottom-width: 1px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  border-color: #3f7793;
}
.basic-column-section .basic-column-container .column-content .column-grid .column-list .column-list-item{
  border-bottom-width: 1px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 14px;
  font-weight: 500;
  border-color: #3f7793;
}
.basic-column-section .basic-column-container .column-content .column-grid .column-list .column-list-item:last-child{
  border-bottom-width: 0px;
  border-color: #3f7793;
}
.basic-column-section .basic-column-container .column-content .column-grid .column-list .column-header-text,
.basic-column-section .basic-column-container .column-content .column-grid .column-list .column-cell{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .basic-column-section .basic-column-container .column-grid{
    flex-direction: column;
  }
  .basic-column-section .basic-column-container .column-grid .column-list{
    margin-bottom: 1rem;
    min-width: 100%;
  }
}

.table-auto {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  border: none;
}

/* Table header styling */
.table-auto thead {
  border-top: 1px solid #3f7793;
  border-bottom: 1px solid #3f7793;
}

.table-auto th {
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid #3f7793;
}

/* Table body styling */
.table-auto tbody tr {
  border-bottom: 1px solid #3f7793;
}

.table-auto tbody tr:last-child {
  border-bottom: none;
}

.table-auto td {
  padding: 1rem;
  text-align: left;
}

/* Responsive styling for mobile */
@media (max-width: 768px) {
  .table-auto {
    overflow-x: auto;
  }
}
.metaCard-section{
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}
@media (min-width: 640px){
  .metaCard-section{
    padding: 2rem;
  }
}
.metaCard-section {
  background-color: #004152;
}
.metaCard-section .basicComment-container .wrapper{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.metaCard-section .basicComment-container .wrapper .title {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: -0.77px;
  line-height: normal;
  color: #ffffff;
}
.metaCard-section .basicComment-container .comment-section > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.metaCard-section .basicComment-container .comment-section .prompt {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.metaCard-section .basicComment-container .comment-section .wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.metaCard-section .basicComment-container .comment-section .wrapper .text {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.metaCard-section .basicComment-container .comment-section .button{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.drop-down-field-wrapper .margin-filed .question-field-classes {
  margin: 0rem;
}
.drop-down-field-wrapper .margin-filed .text-controle{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  padding: 0.75rem;
  padding-right: 2.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.drop-down-field-wrapper .margin-filed .text-controle:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}
.drop-down-field-wrapper .margin-filed .text-controle {
  background-color: #fdfdfc;
  color: #898a89;
}
.drop-down-field-wrapper .margin-filed .border-bottom {
  border-bottom-width: 0px;
}
.drop-down-field-wrapper .label {
  font-size: 12px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}
.drop-down-field-wrapper .label.disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.drop-down-field-wrapper .selector {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  padding: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.drop-down-field-wrapper .selector:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.drop-down-field-wrapper .selector {
  background-color: #fdfdfc;
  min-height: 3.25rem;
  display: flex;
  align-items: center;
  color: #898a89;
}
.drop-down-field-wrapper .selector.disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.drop-down-field-wrapper .helper-text {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}
.drop-down-field-wrapper .helper-text.disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.drop-down-field-wrapper .select-arrow{
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.disabled + .drop-down-field-wrapper .select-arrow{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.helper-text {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}
.helper-text.disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.custom-selector{
  width: 100%;
}
.custom-selector:focus, .custom-selector.focused{
  outline-style: solid;
  outline-width: 2px;
  color: #3f7793;
}
.custom-selector.disabled{
  cursor: not-allowed;
  opacity: 0.5;
  outline: none !important;
}

.custom-dropdown-wrapper{
  pointer-events: none;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.custom-selector .dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 50;
  margin-top: 0.25rem;
  max-height: 15rem;
  width: 100%;
  overflow: auto;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.custom-selector .dropdown-menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.custom-selector .dropdown-menu .dropdown-item{
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(137 138 137 / var(--tw-text-opacity));
}
.custom-selector .dropdown-menu .dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.wrapper .modal{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.2);
  padding: 1rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px){
  .wrapper .modal{
    align-items: center;
  }
}

@media (min-width: 1024px){
  .wrapper .modal{
    padding: 2rem;
  }
}
.wrapper .modal .content{
  display: flex;
  width: 100%;
  max-width: 42rem;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.wrapper .modal .content .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content{
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
  background-color: rgb(250 250 250 / 0.6);
  padding: 1rem;
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header{
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity));
    background-color: rgb(10 10 10 / 0.2);
  }
}
.wrapper .modal .content .header .font-semibold{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .font-semibold{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .font-semibold {
  color: #3f7793;
}
.wrapper .modal .content .header .close-button{
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .close-button:hover{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .close-button{
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
  }
  .wrapper .modal .content .header .close-button:hover{
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .body{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.wrapper .modal .content .body .comment-textarea{
  width: 100%;
  resize: none;
  border-width: 1px;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .body .comment-textarea{
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .footer{
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
  background-color: rgb(250 250 250 / 0.6);
  padding: 1rem;
}
@media (min-width: 640px){
  .wrapper .modal .content .footer{
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px){
  .wrapper .modal .content .footer{
    justify-content: flex-end;
  }
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .footer{
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity));
    background-color: rgb(10 10 10 / 0.2);
  }
}
.wrapper .modal .content .footer .submit-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.wrapper .modal .content .footer .submit-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.wrapper .modal .content .footer .submit-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .footer .submit-button{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  }
  .wrapper .modal .content .footer .submit-button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  }
}
.wrapper .modal .content .footer .cancel-button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
  background-color: #e2e8f0;
}
.wrapper .modal .content .footer .cancel-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.wrapper .modal .content .footer .cancel-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .footer .cancel-button{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
  }
  .wrapper .modal .content .footer .cancel-button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }
}

.custom-dropdown{
  position: relative;
  width: 100%;
  text-align: right;
}

.custom-dropdown h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .custom-dropdown h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}

.custom-dropdown h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .custom-dropdown h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.custom-dropdown h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .custom-dropdown h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}

.custom-dropdown h4 {
  font-family: SharpSans;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .custom-dropdown h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

@media (min-width: 1024px){
  .custom-dropdown{
    width: auto;
  }
}

.custom-dropdown {
  font-size: 14px;
  font-weight: 500;
}
.custom-dropdown__label{
  position: absolute;
  left: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .custom-dropdown__label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.custom-dropdown__wrapper{
  position: relative;
  margin-top: 1.5rem;
}
.custom-dropdown__button{
  display: flex;
  width: 16rem;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.custom-dropdown__button .card-container .reading-card {
  background-color: #f2f1ee;
}
.custom-dropdown__button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.custom-dropdown__icon{
  margin-left: 0.5rem;
  height: 1rem;
  width: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.custom-dropdown__menu{
  position: absolute;
  z-index: 10;
  margin-top: 0px;
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.custom-dropdown__menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.custom-dropdown__menu--enter{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.custom-dropdown__menu--enter-start{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.custom-dropdown__menu--enter-end{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.custom-dropdown__menu--leave{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.custom-dropdown__menu--leave-start{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}
.custom-dropdown__menu--leave-end{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
.custom-dropdown__menu-item{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.custom-dropdown__menu-item h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .custom-dropdown__menu-item h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.custom-dropdown__menu-item h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .custom-dropdown__menu-item h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.custom-dropdown__menu-item h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .custom-dropdown__menu-item h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.custom-dropdown__menu-item h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .custom-dropdown__menu-item h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .custom-dropdown__menu-item h4 {
  margin-left: 25px;
}
.custom-dropdown__menu-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark){
  .custom-dropdown__menu-item{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }
  .custom-dropdown__menu-item:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.custom-dropdown__menu-item--selected{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark){
  .custom-dropdown__menu-item--selected{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}

.e-reader-app{
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .e-reader-app{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @media (min-width: 1280px){
    .e-reader-app{
      width: 100%;
      padding-right: 1rem;
      padding-left: 1rem;
    }
    @media (min-width: 320px){
      .e-reader-app{
        max-width: 320px;
      }
    }
    @media (min-width: 640px){
      .e-reader-app{
        max-width: 640px;
        padding-right: 2rem;
        padding-left: 2rem;
      }
    }
    @media (min-width: 768px){
      .e-reader-app{
        max-width: 768px;
      }
    }
    @media (min-width: 1024px){
      .e-reader-app{
        max-width: 1024px;
        padding-right: 4rem;
        padding-left: 4rem;
      }
    }
    @media (min-width: 1280px){
      .e-reader-app{
        max-width: 1280px;
        padding-right: 5rem;
        padding-left: 5rem;
      }
    }
    @media (min-width: 1536px){
      .e-reader-app{
        max-width: 1536px;
        padding-right: 6rem;
        padding-left: 6rem;
      }
    }
  }
  @media (min-width: 768px){
    .e-reader-app{
      padding-left: 2rem;
      padding-right: 2rem;
    }
  }
  @media (min-width: 1024px){
    .e-reader-app{
      padding-left: 3rem;
      padding-right: 3rem;
    }
  }
  @media (min-width: 1280px){
    .e-reader-app{
      margin-left: auto;
      margin-right: auto;
      padding-left: 6rem;
      padding-right: 6rem;
    }
  }
}
.e-reader-app .reader-container{
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
}
.e-reader-app .reader-container .reader-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.e-reader-app .reader-container .reader-header .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (min-width: 640px){
  .e-reader-app .reader-container .reader-header{
    padding: 0px;
  }
}
.e-reader-app .reader-container .reader-content{
  display: flex;
  flex: 1 1 0%;
  overflow: hidden;
}
.e-reader-app .reader-container .reader-content .active {
  background-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}
.e-reader-app .reader-container .reader-content .active:hover{
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .book-details-sidebar{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.e-reader-app .reader-container .reader-content .book-details-sidebar .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (min-width: 1024px){
  .e-reader-app .reader-container .reader-content .book-details-sidebar{
    --tw-bg-opacity: 1;
    background-color: rgb(242 241 238 / var(--tw-bg-opacity));
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content{
  padding: 1rem;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls{
  display: flex;
  align-items: center;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls .font-size-toggle{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls .font-size-toggle .card-container .reading-card {
  background-color: #f2f1ee;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls .font-size-toggle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-controls .font-size-toggle:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .font-bold{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .sidebar-close-button{
  padding: 0.25rem;
}
@media (min-width: 1024px){
  .e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .sidebar-close-button{
    display: none;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover{
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container{
  display: flex;
  height: auto;
  width: 100%;
  max-width: 300px;
  align-items: center;
  justify-content: center;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .text-center{
  padding: 0.25rem;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-title-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-title-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-title-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-title-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-title-container .book-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-subtitle-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-subtitle-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-subtitle-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-subtitle-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-subtitle-container .book-subtitle{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-published-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-published-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-published-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-published-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-published-container .book-published-date{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-isbn-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-isbn-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-isbn-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-isbn-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-isbn-container .book-isbn{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-series-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-series-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-series-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-series-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .book-series-container .book-series{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .progress-bar-container{
  margin-top: 0.25rem;
  height: 0.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .progress-bar-container .progress-indicator{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 181 226 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .reading-progress-container .progress-text{
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .metadata-label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .metadata-label{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .metadata-label{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .metadata-label {
  color: #3f7793;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .chapter-list{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  max-height: 100%;
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .chapter-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-metadata .chapters-navigation .chapter-list{
  overflow-y: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.e-reader-app .reader-container .reader-content .sidebar-overlay{
  position: fixed;
  inset: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  display: none;
}
@media (min-width: 1024px){
  .e-reader-app .reader-container .reader-content .sidebar-overlay{
    display: none;
  }
}
.e-reader-app .reader-container .reader-content .reading-content{
  flex: 1 1 0%;
  overflow: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 640px){
  .e-reader-app .reader-container .reader-content .reading-content{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.e-reader-app .reader-container .reader-content .reading-content {
  background-color: #f2f1ee;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container{
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  max-width: 42rem;
  padding: 0.5rem;
}
@media (min-width: 640px){
  .e-reader-app .reader-container .reader-content .reading-content .content-container{
    padding: 1rem;
  }
}
.e-reader-app .reader-container .reader-content .reading-content .content-container {
  background-color: #f2f1ee;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header{
  margin-bottom: 0.75rem;
}
@media (min-width: 640px){
  .e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header{
    margin-bottom: 1.5rem;
  }
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .chapter-title {
  font-size: 36px;
  font-weight: normal;
  line-height: normal;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls{
  display: none;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls {
  display: none;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls .font-size-btn{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls .font-size-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-title-container .font-size-controls .font-size-btn:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-header .chapter-summary{
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(0 181 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-content{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-content .chapter-description{
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .loading-indicator{
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: none;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .loading-indicator .animate-pulse{
  display: flex;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .loading-indicator .animate-pulse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-navigation{
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.e-reader-app .reader-container .reader-content .reading-content .content-container .chapter-navigation .progress-indicator{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
}
.e-reader-app .chapter-carousel{
  overflow-x: auto;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0.5rem;
  display: none;
}
@media (min-width: 640px){
  .e-reader-app .chapter-carousel{
    display: block;
    padding: 0.75rem;
  }
}
.e-reader-app .chapter-carousel .carousel-container{
  display: flex;
}
.e-reader-app .chapter-carousel .carousel-container > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.e-reader-app .chapter-carousel .carousel-container{
  padding-bottom: 0.25rem;
}
@media (min-width: 640px){
  .e-reader-app .chapter-carousel .carousel-container > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.e-reader-app .chapter-carousel .carousel-container .carousel-chapter{
  cursor: pointer;
  white-space: nowrap;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.e-reader-app .chapter-carousel .carousel-container .carousel-chapter:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.e-reader-app .chapter-carousel .carousel-container .carousel-chapter:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}
@media (min-width: 640px){
  .e-reader-app .chapter-carousel .carousel-container .carousel-chapter{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.e-reader-app .mobile-chapter-selector{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
@media (min-width: 640px){
  .e-reader-app .mobile-chapter-selector{
    display: none;
  }
}
.e-reader-app .mobile-chapter-selector .chapter-dropdown{
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.e-reader-app .mobile-chapter-selector .chapter-dropdown:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}

/* Custom scrollbar styles */
.header-hidden {
  display: none !important;
}

.table-wrapper-rich{
  overflow-x: auto;
}

.password-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.password-toggle{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.split-layout {
  display: flex;
  align-items: center;
}

.split-layout__sidebar {
  flex: 1;
  /* Equal width */
  display: flex;
  align-items: center;
  /* Vertical center */
  justify-content: flex-start;
  /* Horizontal center */
  padding: 1.25rem 0rem;
}

.member-app-form-sec{
  min-height: 100vh;
  --tw-bg-opacity: 1;
  background-color: rgb(242 241 238 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.member-app-form-sec .form-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .member-app-form-sec .form-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .member-app-form-sec .form-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .member-app-form-sec .form-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .member-app-form-sec .form-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .member-app-form-sec .form-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .member-app-form-sec .form-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .member-app-form-sec .form-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .member-app-form-sec .form-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .member-app-form-sec .form-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .member-app-form-sec .form-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.member-app-form-sec .form-container .step-row{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px){
  .member-app-form-sec .form-container .step-row{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .member-app-form-sec .form-container .step-row .sidebar{
    grid-column: span 4 / span 4;
  }
}
.member-app-form-sec .form-container .step-row .sidebar {
  display: flex;
}
.member-app-form-sec .form-container .step-row .sidebar .vertical-line {
  margin: 0px 2.3px 0 7.5px;
}
.member-app-form-sec .form-container .step-row .from-wrapper{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.member-app-form-sec .form-container .step-row .from-wrapper .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (min-width: 768px){
  .member-app-form-sec .form-container .step-row .from-wrapper{
    grid-column: span 8 / span 8;
  }
}
.member-app-form-sec .form-container .step-row .from-wrapper .content{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
}
@media (min-width: 640px){
  .member-app-form-sec .form-container .step-row .from-wrapper .content{
    padding: 1.5rem;
  }
}
@media (min-width: 768px){
  .member-app-form-sec .form-container .step-row .from-wrapper .content{
    flex-direction: row;
  }
}
.member-app-form-sec .form-container .step-row .from-wrapper .content{
  display: flex;
  align-items: flex-start;
}
.member-app-form-sec .form-container .step-row .from-wrapper .content > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.member-app-form-sec .form-container .step-row .from-wrapper .content {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 1.5rem;
}
.member-app-form-sec .form-container .step-row .from-wrapper .content .course-btn {
  flex: 1 1 0%;
  margin-left: 1rem;
}
.member-app-form-sec .form-container .step-row .from-wrapper .logo-placeholder {
  background-color: #e1e9ec;
  border-radius: 50%;
  visibility: hidden;
  display: flex;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 640px){
  .member-app-form-sec .form-container .step-row .from-wrapper .logo-placeholder{
    width: 3.5rem;
  }
}

.bg-teal-600 {
  background-color: #38b2ac;
}

.bg-blue-400 {
  background-color: #63b3ed;
}

.bg-gray-300 {
  background-color: #e2e8f0;
}

.edu-record-wrapper {
  padding: 20px;
  margin-top: 20px;
}
.edu-record-wrapper .table-auto::after {
  height: 1rem;
  width: 1rem;
}

.question-page{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.5rem;
}

@media (min-width: 640px){
  .question-page{
    padding: 1.5rem;
  }
}

@media (min-width: 768px){
  .question-page{
    flex-direction: row;
  }
}

.question-page {
  background-color: rgba(255, 255, 255, 0.8);
}
.question-page .question-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 640px){
  .question-page .question-logo{
    width: 8.333333%;
  }
}

@media (min-width: 768px){
  .membership-stepFirst{
    grid-column: span 8 / span 8;
  }
}

.membership-stepFirst {
  background-color: rgba(255, 255, 255, 0.8);
}

.membership-stepFirst-icons{
  display: flex;
  align-items: flex-start;
}

.membership-stepFirst-icons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.membership-stepFirst-icons {
  width: 100%;
}

.questioneries > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.course-application-manage .council-result-status .questioneries {
  background-color: #ffffff;
}
.questioneries .question-card{
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: #f2f1ee;
  border-radius: 3px;
}
.questioneries .question-card .question-text {
  font-size: 14px;
  font-weight: 500;
}

.dynamic-answer-card{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.dynamic-answer-card .answer-card{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1rem;
}
@media (min-width: 768px){
  .dynamic-answer-card .answer-card{
    align-items: flex-start;
  }
}
.dynamic-answer-card .answer-card .answers-page{
  width: 100%;
}
.dynamic-answer-card .answer-card .answers-page .answers{
  transition-duration: 200ms;
  text-align: right;
  background-color: #f2f1ee;
  border-radius: 3px;
  padding: 10px 10.8px 10px;
}
.dynamic-answer-card .col2{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px){
  .dynamic-answer-card .col2{
    flex-direction: row;
  }
}
.dynamic-answer-card .col2 > * {
  flex: 1;
  text-align: left;
}
.dynamic-answer-card .col2 > * .drop-down-field-wrapper {
  width: 100%;
}

.prof-org-form {
  padding: 1rem;
}
.prof-org-form .dynamic-answer-card .answer-card {
  padding: 0;
}

.declaration-checkbox-wrapper .question-field-classes {
  margin-bottom: 2px;
}

.table-scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile */
}

.table-auto {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  margin: 1rem 0;
}

/* Optional: make sure the wrapper doesn't overflow vertically */
.table-scroll-wrapper::-webkit-scrollbar {
  height: 6px;
}

.table-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.file-name-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.circular-icons-block{
  flex-shrink: 0;
}
.circular-icons-block .circular-icons{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  background-color: #3f7793;
  width: 3.5rem;
  color: #ffffffcc;
  height: 3.5rem;
  font-size: 0.75rem;
}
@media (max-width: 768px) {
  .circular-icons-block .circular-icons {
    height: 3rem;
    width: 3rem;
  }
}

#updateRecordBtn {
  display: none;
}

#update-record-btn {
  display: none;
}

@media screen and (max-width: 600px) {
  .dynamic-answer-card .answer-card .answers {
    justify-content: flex-end;
  }
}
.dynamic-answer-card .answer-card .answers .toggle-btn-group {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.course-application-manage .answer-card {
  padding: 0;
}

.course-application-manage .dynamic-answer-card .answer-card .answers-page .answers {
  padding: 0;
}

.course-application-manage .circular-icons-block {
  display: none;
}

.payment-options {
  background-color: #ffffff;
}
.payment-options .course-fees {
  background-color: #ffffff;
  color: #3f7793;
}
.payment-options .course-fees .circular-icons-block {
  display: none;
}
.payment-options .course-fees .input-mail {
  padding: 1.25rem;
}
.payment-options .course-fees h2 {
  padding: 1.25rem 0rem 0rem 1.25rem;
  color: #3f7793;
}
.payment-options .course-fees h3 {
  margin-top: 1rem;
  padding: 0rem 0rem 0rem 1.25rem;
  color: #3f7793;
}
.payment-options .course-fees .members-title {
  margin-top: 0rem;
  padding: 0 0 1.25rem 0;
  color: #3f7793;
}
.payment-options .course-fees .field-group {
  padding: 0rem 1.25rem;
}
.payment-options .course-fees .field-group .labels {
  color: #3f7793;
}
.payment-options .course-fees .field-group .answer-card{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.payment-options .course-fees .installment-table {
  overflow-x: auto;
  padding: 1.25rem;
}
.payment-options .course-fees .table-auto {
  width: 100%;
  border-collapse: collapse;
  color: #3f7793;
}
.payment-options .course-fees .table-auto th {
  border-top: 2px solid #3f7793;
  font-size: 16px;
  color: #3f7793;
}
.payment-options .course-fees .table-auto td {
  border-bottom: 1px solid #3f7793;
  border-top: 1px solid #3f7793;
  font-size: 16px;
  color: #3f7793;
}
.payment-options .course-fees .payment-wrapper {
  padding: 0rem 1rem;
}
.payment-options .course-fees .answers {
  background-color: #f2f1ee;
  padding: 1rem 0rem;
  border-radius: 3px;
}
.payment-options .course-fees .answers .field-group {
  padding: 0rem;
}
.payment-options .course-fees .answers .field-group.installment-table {
  padding: 1.25rem;
}
#registration-form .installment-table {
  margin-bottom: 0rem;
}

.progressorStepper{
  margin-bottom: 2rem;
  max-width: 100%;
}
.progressorStepper .stepper{
  align-items: center;
  justify-content: space-between;
  display: none;
}
@media (min-width: 640px){
  .progressorStepper .stepper{
    display: flex;
  }
}
.progressorStepper .stepper .step-flow{
  display: flex;
  flex-direction: column;
  width: 80%;
  /* Increase the width to 80% of its parent */
  margin: 0 auto;
  color: #004152;
}
.progressorStepper .stepper .step-flow .steps{
  border-bottom-width: 2px;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 640px){
  .progressorStepper .stepper .step-flow .steps{
    width: 95%;
  }
}
@media (min-width: 768px){
  .progressorStepper .stepper .step-flow .steps{
    width: 85%;
  }
}
.progressorStepper .stepper .step-flow .steps {
  height: 25px;
}
.progressorStepper .stepper .step-flow .steps-pills{
  margin-top: 0.5rem;
  width: -moz-max-content;
  width: max-content;
}
.progressorStepper .stepper .step-flow .steps-pills .white-lozenge, .progressorStepper .stepper .step-flow .steps-pills .badges {
  display: inline-flex;
}
@media (min-width: 640px){
  .progressorStepper .mobileStepper{
    display: none;
  }
}
.progressorStepper .mobileStepper .stepperText{
  margin-bottom: 1rem;
}
@media (min-width: 768px){
  .progressorStepper .mobileStepper .stepperText{
    text-align: center;
  }
}
.progressorStepper .mobileStepper .stepsVariable{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  color: #004152;
}
.progressorStepper .mobileStepper .bar-length{
  position: relative;
  height: 0.5rem;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.progressorStepper .mobileStepper .bar-length .length-divider{
  position: absolute;
  height: 0.5rem;
  border-radius: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-color: #78cadf;
}
.progressorStepper .mobileStepper .inside-pill-data {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffffff;
  color: #3f7793;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.progressorStepper .mobileStepper .mobile-step-pills{
  margin-top: 1rem;
  text-align: center;
}
.progressorStepper .mobileStepper .mobile-step-pills h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .progressorStepper .mobileStepper .mobile-step-pills h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.progressorStepper .mobileStepper .mobile-step-pills h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .progressorStepper .mobileStepper .mobile-step-pills h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.progressorStepper .mobileStepper .mobile-step-pills h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .progressorStepper .mobileStepper .mobile-step-pills h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.progressorStepper .mobileStepper .mobile-step-pills h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .progressorStepper .mobileStepper .mobile-step-pills h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .progressorStepper .mobileStepper .mobile-step-pills{
  padding: 0.25rem;
}
.progressorStepper .mobileStepper .mobile-step-pills {
  width: -moz-fit-content;
  width: fit-content;
}

.border-green-400 {
  border-color: #93c90f;
}

.border-blue-400 {
  border-color: #78cadf;
}

.text-blue-400 {
  color: #004152;
}

/* Container Styling */
.form-info{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.75rem;
  padding: 1.5rem;
  max-width: 900px;
}

/* Section Headers */
.form-info h3{
  margin-bottom: 1rem;
  display: inline-block;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 22px;
  text-transform: uppercase;
  color: #3f7793;
}

/* Category Cards */
.form-info .personalInfo-form-info,
.form-info .contact-form-info,
.form-info .equalityInfo-form-info{
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-info .personalInfo-form-info:hover,
.form-info .contact-form-info:hover,
.form-info .equalityInfo-form-info:hover {
  transform: translateY(-5px);
}

.form-info li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: background 0.3s;
  margin: 1rem;
  color: #004152;
}

/* Alternating Backgrounds */
.form-info li:nth-child(odd) {
  background-color: #f2f1ee;
}

.form-info li:nth-child(even) {
  background-color: #f2f1ee;
}

/* Labels */
.form-info li span:first-child {
  font-weight: bold;
  color: red;
  color: #63666a;
}

/* Data Styling */
.form-info li span:last-child{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
}

/* Responsive Design */
@media (max-width: 600px) {
  .form-info{
    padding: 1.25rem;
  }

  .form-info h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .form-info li{
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .form-info li span:last-child{
    margin-top: 0.25rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.multi-select-dropdown{
  position: relative;
}
.multi-select-dropdown .label {
  font-size: 12px;
  font-weight: 500;
}
.multi-select-dropdown .multi-selector-button{
  display: flex;
  min-height: 52px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.multi-select-dropdown .multi-selector-button .card-container .reading-card {
  background-color: #f2f1ee;
}
.multi-select-dropdown .multi-selector-button:focus, .multi-select-dropdown .multi-selector-button:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(63 119 147 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(63 119 147 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.5;
}
.multi-select-dropdown .multi-selector-button .selected-container{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
}
.multi-select-dropdown .multi-selector-button .placeholder-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
}
.multi-select-dropdown .multi-selector-button .selected-buttons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  overflow: hidden;
}
.multi-select-dropdown .multi-selector-button .selected-buttons .dropdown-buttons{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(63 119 147 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.multi-select-dropdown .multi-selector-button .selected-buttons .dropdown-buttons:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.multi-select-dropdown .multi-selector-button .selected-buttons .dropdown-buttons span{
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-select-dropdown .multi-selector-button .selected-buttons .dropdown-buttons .remove-btn{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.multi-select-dropdown .multi-selector-button .selected-buttons .dropdown-buttons .remove-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.multi-select-dropdown .dropdown-menu{
  position: absolute;
  z-index: 10;
  margin-top: 0.125rem;
  display: flex;
  max-height: 300px;
  width: 100%;
  flex-direction: column;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.multi-select-dropdown .dropdown-menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.multi-select-dropdown .dropdown-menu .search-box{
  position: sticky;
  top: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.multi-select-dropdown .dropdown-menu .search-box .card-container .reading-card {
  background-color: #f2f1ee;
}
.multi-select-dropdown .dropdown-menu .search-box input{
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.multi-select-dropdown .dropdown-menu .search-box input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container{
  overflow-y: auto;
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container .dropdown-item{
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(137 138 137 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container .dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container .dropdown-item input[type=checkbox]{
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container .dropdown-item input[type=checkbox]:checked{
  accent-color: #3b82f6;
}
.multi-select-dropdown .dropdown-menu .dropdown-items-container .dropdown-item input[type=checkbox]:disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
.multi-select-dropdown.has-error .multi-selector-button{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.multi-select-dropdown.has-error .label{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.multi-select-dropdown.has-error .error-message{
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.multi-select-dropdown .helper-text {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
}
.multi-select-dropdown .counter-text {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
  text-align: right;
}
.multi-select-dropdown .counter-text h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .multi-select-dropdown .counter-text h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.multi-select-dropdown .counter-text h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .multi-select-dropdown .counter-text h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.multi-select-dropdown .counter-text h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .multi-select-dropdown .counter-text h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.multi-select-dropdown .counter-text h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .multi-select-dropdown .counter-text h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}

.dynamic-answer-card .answer-card .answers-page .answers .helper-text {
  text-align: left;
}

.add-record {
  margin-bottom: 10px;
  color: #004152;
  font-size: 14px;
  font-weight: 500;
}

.table-auto {
  width: 100%;
  border-collapse: collapse;
}

/* Table Header */
.table-border th {
  padding: 12px;
  color: #004152;
  border-top: 1px solid #40819a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
}

/* Table Body */
.pop-up-data td {
  padding: 12px;
  border-top: 1px solid #40819a;
  border-bottom: 1px solid #40819a;
  font-size: 1rem;
  font-size: 14px;
  font-weight: 500;
}

.pop-up-data:hover {
  background-color: #f3f4f6;
}

/* Centering the Table */
.table-auto {
  margin: 0 auto;
}

.toggle-btn-group-radio{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1rem;
}
@media (max-width: 768px) {
  .toggle-btn-group-radio {
    display: flex;
    flex-direction: column;
  }
}

.link-btn{
  text-decoration-line: underline;
  text-decoration-color: #007f9e;
}

.char-counter {
  float: inline-end;
}

.cookie-consent{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(242 241 238 / var(--tw-bg-opacity));
}
.cookie-consent .cookie-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #63666a;
  padding: 17px 0;
  max-width: 40%;
}
.cookie-consent .cookie-text .policy-link{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
.cookie-consent .cookie-buttons{
  display: flex;
  gap: 1rem;
  padding: 17px 0;
}
.cookie-consent .cookie-buttons .btn{
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.cookie-consent .cookie-buttons .btn.reject-btn{
  border-width: 1px;
  color: #3f7793;
  border-color: #007f9e;
}
.cookie-consent .cookie-buttons .btn.accept-btn{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background-color: #007f9e;
  border-color: #00b5e2;
}

.input-mail {
  margin-bottom: 0.5rem;
}
.input-mail label {
  display: block;
  margin-bottom: 4px;
  margin-top: 21.5px;
}
.input-mail .input-container{
  position: relative;
  width: 100%;
}
.input-mail .input-container .input-wrapper {
  position: relative;
  padding-right: 0.5rem;
}
.input-mail .input-container .input-wrapper input[type=email],
.input-mail .input-container .input-wrapper input[type=password] {
  background-color: #f2f1ee33;
}
.input-mail .input-field {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #898a89;
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-bottom: 0.5px solid #8d8d8d;
  background-color: inherit;
  margin-bottom: 0.5rem;
  margin-top: 7.5px;
  outline: none;
}
.input-mail .input-field:focus {
  border: 1px solid;
  border-color: #3f7793;
  outline: none;
}
.input-mail .input-field.error {
  border-color: #da1e28;
  border: 0.5px solid #da1e28;
}
.input-mail .input-field.success {
  border-color: #93c90f;
  border: 0.5px solid #93c90f;
}
.input-mail .input-container .helper-text {
  font-size: 12px;
  font-weight: 500;
  padding: 0.35rem 0;
}
.input-mail .toggle-password {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background: url(../images/icons.50205b.svg#crossEye) no-repeat;
}
.input-mail .toggle-password.decodePwd {
  background: url(../images/icons.50205b.svg#openEye) no-repeat;
}

.submit-button{
  display: inline-block;
  border-width: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border: solid 0.5px #3f7793;
  font-family: SharpSans;
  font-weight: 600;
  font-size: medium;
  color: #3f7793;
  background-color: #92a5a9;
  color: #ffffff;
  text-transform: uppercase;
  border-color: #92a5a9;
  padding: 0.75rem 2rem !important;
}

.secondary-button-container {
  margin-top: 1rem;
}

.error-message {
  display: block;
}

#confirm-password-error {
  display: block;
  color: #da1e28;
  margin-top: 0.25rem;
}

.input-field.success {
  border-color: #93c90f;
}

.input-field.error {
  border-color: #da1e28;
}

.error-message {
  color: #da1e28;
  margin-top: 0.25rem;
}

.hidden {
  display: none;
}

.success-message {
  display: flex;
  align-items: center;
  background-color: #defbe6;
  /* Light green background */
  border: 1px solid #93c90f;
  /* Green border */
  color: #93c90f;
  /* Dark green text */
  padding: 0.625rem 0.9375px;
  border-radius: 0.3125rem;
  font-family: Arial, sans-serif;
  width: 100%;
  max-width: 37.5rem;
  position: relative;
  margin-top: 1rem;
}

.close-btn {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background: url(../images/icons.50205b.svg#icons-close) no-repeat;
}

.hero-category .profile-form .label {
  font-size: 12px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  color: #203c4a;
}

.stream-selection-detail .confirm-login .dynamic-answer-card .answer-card .answers {
  padding: 0;
}

.stream-selection-detail .confirm-login .input-mail {
  padding: 0rem;
}

.stream-selection-detail .confirm-login .dynamic-answer-card .answer-card {
  padding: 0rem;
}

.search-text-field {
  padding: 2rem;
}

input[type=checkbox] {
  width: 14px;
  /* Set smaller size */
  height: 14px;
  /* Set smaller size */
  padding: 0;
  /* Remove any padding */
  min-height: auto;
  /* Ensure height is controlled by width/height */
}

.file-button{
  display: flex;
  border-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border: solid 0.5px #00b5e2;
  font-family: SharpSans;
  font-weight: 600;
  color: #007f9e;
}

#update-record {
  color: #da1e28;
}

a.primary-button{
  display: inline-block;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.primary-button{
  position: relative;
  height: 50px;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.primary-button::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: var(--tw-content);
  transition-duration: 500ms;
}

.primary-button:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow-color: #3b82f6;
  --tw-shadow: var(--tw-shadow-colored);
}

.primary-button:hover::before{
  left: 0px;
  content: var(--tw-content);
  width: 100%;
}

.primary-button {
  border: solid 0.5px #3f7793;
  font-weight: 600;
  color: #3f7793;
}
.primary-button::before {
  background-color: #3f7793;
}
.primary-button:hover {
  color: #ffffff;
  border-color: #3f7793;
}

a.secondary-button{
  display: inline-block;
}

.secondary-button{
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.secondary-button::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: var(--tw-content);
  transition-duration: 500ms;
}

.secondary-button:hover::before{
  left: 0px;
  content: var(--tw-content);
  width: 100%;
}

.secondary-button {
  font-weight: 600;
  text-transform: uppercase;
}
.secondary-button:hover {
  z-index: 0;
}

.margin-filed .wrapper{
  position: relative;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 1.5rem;
}
.margin-filed .wrapper .input{
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.margin-filed .wrapper .file-name{
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.form-textarea {
  height: 5.5rem;
  overflow-wrap: break-word;
  width: 100%;
  border: none;
  border-bottom: 1px solid #8d8d8d;
  outline: none;
  min-height: 100px;
  padding: 0.5rem 0.75rem;
}

.two-col-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  text-align: left;
  background-color: #ffffff;
  padding: 2rem;
}
@media (max-width: 768px) {
  .two-col-grid {
    grid-template-columns: 1fr;
  }
}
.two-col-grid .form-group {
  margin-bottom: 1rem;
}

.datepicker{
  position: relative;
}
.datepicker .label {
  font-size: 12px;
  font-weight: 500;
  color: #203c4a;
  display: flex;
  align-items: flex-start;
}
.datepicker .input {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #898a89;
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: 3.25rem;
}
.datepicker .icon{
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1.5rem;
}

.margin-filed .text-controle{
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #fdfdfc;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #63666a;
}
.margin-filed select:focus {
  outline: none;
  box-shadow: none;
}
.margin-filed .border-bottom {
  border-bottom: 1px solid #8d8d8d;
  background-color: #8d8d8d;
}
.margin-filed .secondary-button {
  position: relative;
  z-index: 0;
}
.margin-filed .secondary-button::before {
  z-index: -1;
}
.margin-filed .btn-primary {
  z-index: 1;
}

.sidebar-overview{
  top: 1rem;
  width: 100%;
  color: #203c4a;
}
.sidebar-overview .mobile-title{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px){
  .sidebar-overview .mobile-title{
    display: none;
  }
}
.sidebar-overview .mobile-arrow-icon{
  height: 1.25rem;
  width: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  margin-right: 0.21rem;
}
.sidebar-overview .sidebar-view{
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: none;
}
@media (min-width: 768px){
  .sidebar-overview .sidebar-view{
    display: block;
  }
}
.sidebar-overview .sidebar-view {
  margin-bottom: 0.625rem;
  font-size: 16px;
  color: #203c4a;
}
.sidebar-overview .mobile-sidebar{
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 0.625rem;
  font-size: 16px;
  color: #203c4a;
}
.sidebar-overview .collapseable-view{
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px){
  .sidebar-overview .collapseable-view{
    display: block;
  }
}

.footer{
  background-position: right top;
  background-repeat: no-repeat;
  padding-top: 4rem;
  padding-bottom: 0.5rem;
  background-color: #162933;
  background-size: 50%;
  color: #ffffff;
}
.footer .footer-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .footer .footer-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .footer .footer-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .footer .footer-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .footer .footer-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .footer .footer-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .footer .footer-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .footer .footer-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .footer .footer-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .footer .footer-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .footer .footer-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.footer .logo{
  display: flex;
  justify-content: flex-start;
}
.footer .logo .footer-logo-img{
  display: block;
  max-width: 8rem;
  height: auto;
}
.footer .footer-grid{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-color: transparent;
}
@media (max-width: 768px) {
  .footer .footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.footer .footer-grid .foot-nav-wrapper{
  grid-column: span 2 / span 2;
}
@media (max-width: 768px) {
  .footer .footer-grid .foot-nav-wrapper{
    grid-column: span 1 / span 1;
  }
}
.footer .footer-grid .footer-bottom-wrapper{
  grid-column: span 6 / span 6;
}
@media (max-width: 768px) {
  .footer .footer-grid .footer-bottom-wrapper{
    grid-column: span 1 / span 1;
  }
}
@media (min-width: 768px){
  .footer .footer-grid .footer-bottom-wrapper .bottom-row{
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.footer .footer-grid .footer-bottom-wrapper .bottom-row{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-columns: 33.33% 50% 16.67%;
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .footer .footer-grid .footer-bottom-wrapper .bottom-row{
    display: flex;
    flex-direction: column-reverse;
  }
  .footer .footer-grid .footer-bottom-wrapper .bottom-row *{
    flex-basis: 100%;
  }
}
.footer .footer-grid .footer-bottom-wrapper .footer-term {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
}
.footer .footer-grid .footer-bottom-wrapper .footer-term:hover{
  opacity: 0.75;
}
.footer .footer-grid .footer-bottom-wrapper .footer-copy {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
  color: #ffffff;
}
.footer .footer-grid .footer-bottom-wrapper .bottom-nav ul{
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 768px){
  .footer .footer-grid .footer-bottom-wrapper .bottom-nav ul{
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer-grid .footer-bottom-wrapper .bottom-nav ul{
    gap: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.footer .footer-grid .footer-bottom-wrapper .social-links-wrapper{
  display: flex;
  justify-content: flex-end;
}
.footer .footer-grid .footer-bottom-wrapper .social-links-wrapper .social-links{
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.footer .footer-grid .footer-title{
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.footer .footer-grid .footer-links .footer-link{
  overflow-wrap: break-word;
  line-height: 1.25;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.footer .footer-grid .footer-links .footer-link:hover{
  opacity: 0.75;
}
.footer .footer-grid .footer-links .footer-link {
  font-size: 12px;
  font-weight: 500;
  color: #d1ecf1;
}

.cookies-section{
  bottom: 0px;
  left: 0px;
  z-index: 50;
  position: sticky;
}
.cookies-section .cookies{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .cookies-section .cookies{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .cookies-section .cookies{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .cookies-section .cookies{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .cookies-section .cookies{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .cookies-section .cookies{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .cookies-section .cookies{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .cookies-section .cookies{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .cookies-section .cookies{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .cookies-section .cookies{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .cookies-section .cookies{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.header-section{
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 100;
}

.header-ancillary{
  padding-top: 0px;
}

@media (min-width: 1024px){
  .header-ancillary{
    padding-right: 0px;
  }
}

.header-ancillary {
  background-color: #ffffff;
}
.header-ancillary .header-ancillary-content{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1280px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .header-ancillary .header-ancillary-content{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .header-ancillary .header-ancillary-content{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .header-ancillary .header-ancillary-content{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .header-ancillary .header-ancillary-content{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .header-ancillary .header-ancillary-content{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .header-ancillary .header-ancillary-content{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .header-ancillary .header-ancillary-content{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .header-ancillary .header-ancillary-content{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .header-ancillary .header-ancillary-content{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .header-ancillary .header-ancillary-content{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.header-ancillary .header-ancillary-content .nav-items{
  display: none;
  align-items: center;
}
.header-ancillary .header-ancillary-content .nav-items > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.header-ancillary .header-ancillary-content .nav-items{
  text-transform: uppercase;
  display: none;
}
@media (min-width: 1024px){
  .header-ancillary .header-ancillary-content .nav-items{
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 1280px){
  .header-ancillary .header-ancillary-content .nav-items > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.header-ancillary .header-ancillary-content .nav-items:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.header-ancillary .header-ancillary-content .nav-items {
  font-weight: 500;
  color: #63666a;
  font-size: 13px;
}
.header-ancillary .header-ancillary-content .nav-items .nav-link.selected {
  color: #000000;
  position: relative;
  font-weight: 500;
  font-size: 13px;
}
.header-ancillary .header-ancillary-content .nav-items .nav-link.selected::before {
  content: "";
  position: absolute;
  left: 0px;
  top: -0.72rem;
  margin-right: auto;
  width: 100%;
  background-color: var(--underline-color);
  height: 3px;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .selected {
  color: #000000;
  position: relative;
  font-size: 11px;
  font-weight: 500;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .selected::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 1.25rem;
  margin-right: auto;
  height: 0.125rem;
  width: 100%;
  background-color: var(--background);
}
.header-ancillary .header-ancillary-content .nav-items .iccons {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  background-image: url(../images/icons.50205b.svg#default-user-profile);
}
.header-ancillary .header-ancillary-content .nav-items .iccons.profile-open {
  background-image: url(../images/icons.50205b.svg#user-profile-open);
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu{
  position: absolute;
  right: 0px;
  z-index: 50;
  margin-top: 0px;
  width: 12rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .dropdown-header-items{
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .dropdown-header-items:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .dropdown-header-items {
  font-size: 11px;
  font-weight: 500;
  color: #63666a;
  display: block;
  cursor: pointer;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .dropdown-header-items .menu-text {
  display: inline-block;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .login-nav-link{
  margin-top: 0.25rem;
  display: block;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.25rem;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .login-nav-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .login-nav-link {
  font-size: 11px;
  font-weight: 500;
  color: #63666a;
  font-weight: bolder;
}
.header-ancillary .header-ancillary-content .nav-items .dropdown-menu .login-nav-link a {
  display: block;
  cursor: pointer;
}

.menu-container .header-ancillary-content .nav-items .selected {
  color: #000000;
  position: relative;
  font-weight: 500;
  font-size: 13px;
}
.menu-container .header-ancillary-content .nav-items .selected::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 1.5rem;
  margin-right: auto;
  height: 0.125rem;
  width: 100%;
  background-color: var(--background);
}

@media (max-width: 1024px) {
  .burger-nav-link {
    display: block;
  }
}
.menu-container{
  padding: 1rem;
  background-color: #ffffff;
}
.menu-container .header-ancillary-content{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1280px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  justify-content: start;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.menu-container .header-ancillary-content .nav-items{
  position: relative;
  margin-top: 1rem;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 500;
}
@media (min-width: 1024px){
  .menu-container .header-ancillary-content .nav-items{
    margin-top: 0px;
    flex-direction: row;
  }
  .menu-container .header-ancillary-content .nav-items > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.menu-container .header-ancillary-content .nav-items {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #63666a;
  flex-direction: column;
  width: 100%;
}
.menu-container .header-ancillary-content .nav-items li{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.primary-nav{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.primary-nav .card-container .reading-card {
  background-color: #f2f1ee;
}

@media (min-width: 1024px){
  .primary-nav{
    display: none;
  }
}
.primary-nav .nav-wrapper{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .primary-nav .nav-wrapper{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .primary-nav .nav-wrapper{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .primary-nav .nav-wrapper{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .primary-nav .nav-wrapper{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .primary-nav .nav-wrapper{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .primary-nav .nav-wrapper{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .primary-nav .nav-wrapper{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.primary-nav .nav-wrapper {
  align-items: stretch;
}
.primary-nav .nav-wrapper .logo-link{
  display: flex;
  align-items: center;
}
.primary-nav .nav-wrapper .logo-link > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.primary-nav .nav-wrapper .logo-link:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.primary-nav .nav-wrapper .logo-link{
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .logo-link{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.primary-nav .nav-wrapper .logo-link img{
  height: 2rem;
}
@media (min-width: 320px){
  .primary-nav .nav-wrapper .logo-link img{
    height: 3rem;
  }
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .logo-link img{
    height: 5rem;
  }
}
.primary-nav .nav-wrapper .burger-nav-link{
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .burger-nav-link{
    display: none;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper{
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper{
    order: 1;
    display: flex;
    width: auto;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list{
  margin-top: 1rem;
  display: flex;
  height: 100vh;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 500;
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list{
    margin-top: 0px;
    height: 100%;
    flex-direction: row;
  }
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list {
  align-items: center;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list li{
  width: 100%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list li.nav-item{
  height: 100%;
  align-items: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list li.nav-item a,
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list li.nav-item button{
  display: flex;
  height: 100%;
  align-items: center;
  text-transform: uppercase;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.proposer-email .rich-text .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav h4 {
  margin-left: 25px;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav {
  text-transform: uppercase;
  text-decoration-line: none;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav .icons {
  cursor: pointer;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .title {
  font-size: 12px;
  color: #203c4a;
  padding: 0.5rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .content-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .content-div .context-text{
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
  font-weight: bold;
  color: #3f7793;
  font-size: 13px;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .content-div .icons {
  cursor: pointer;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .container-row{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .container-row .title {
  font-size: 11px;
  font-weight: 500;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .container-row .all {
  font-weight: bold;
  color: #3f7793;
  font-size: 13px;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .pill-wrapper{
  display: flex;
  align-items: flex-start;
  padding: 0.5rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .pill-wrapper .pill-content{
  display: flex;
  width: 20%;
  align-items: center;
  justify-content: center;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .content-wrapper .pill-wrapper .text {
  font-size: 11px;
  font-weight: 500;
  color: #3f7793;
  width: 80%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item{
  display: block;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item{
    border-width: 0px;
    padding: 0px;
  }
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item:hover{
    background-color: transparent;
  }
}
@media (prefers-color-scheme: dark){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
@media (min-width: 1024px){
  @media (prefers-color-scheme: dark){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item:hover{
      background-color: transparent;
    }
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item {
  font-size: 13px;
  font-weight: 500;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item:hover {
  color: #000000;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .nav-icon{
  height: auto;
  width: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .nav-desc{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .nav-desc{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .active-nav-item {
  color: #000000;
  position: relative;
  font-weight: 500;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .active-nav-item::after {
  content: "";
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .active-nav-item::after{
    top: 3rem;
  }
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .active-nav-item::after{
    top: 4.625rem;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item .active-nav-item::after {
  height: 2px;
  position: absolute;
  background-color: var(--underline-color);
  left: 0;
  width: 100%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  font-weight: 500;
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav{
    width: auto;
    border-width: 0px;
    padding: 0px;
  }
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav:hover{
    background-color: transparent;
  }
  @media (prefers-color-scheme: dark){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav:hover{
      background-color: transparent;
    }
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav {
  font-size: 13px;
  font-weight: 500;
  color: #63666a;
  border-radius: 0.375rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .nav-item-subnav:hover {
  color: #000000;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu{
  position: absolute;
  left: 0px;
  z-index: 20;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .card-container .reading-card {
  background-color: #f2f1ee;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu {
  max-height: 60vh;
  overflow-y: auto;
  /* hide scrollbar */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
    margin-left: auto;
    margin-right: auto;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}
@media (min-width: 768px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1280px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper {
  font-size: 16px;
  color: #203c4a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .mega-nav-title {
  text-transform: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-grid{
  position: relative;
  display: grid;
  gap: 2rem;
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-list{
  grid-column: span 2 / span 2;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
@media (min-width: 1024px){
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-list{
    margin-bottom: 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-list {
  gap: 0 1rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-list li {
  margin-top: 1rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .selected,
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item:hover,
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item:active,
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .selected:active {
  background-color: #f2f1ee;
  border-radius: 34px;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item{
  display: flex;
  min-height: 60px;
  align-items: center;
  height: -moz-min-content;
  height: min-content;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .subnav-item-flex{
  display: flex;
  align-items: center;
  padding: 0.5rem 2rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .subnav-item-flex img {
  padding-right: 0.5rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .subnav-item-flex .nav-title {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .subnav-item-flex .nav-title:hover {
  color: #000000;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .subnav-item-flex .nav-desc {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  color: #000;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper{
  position: absolute;
  top: 0;
  left: 66.67%;
  width: 33.33%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-box{
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-box p{
  padding: 1rem;
  font-size: 12px;
  font-weight: 500;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-box .all-link{
  border-style: none;
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-box .all-link:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-box .all-link {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid{
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h1 {
  font-size: 50px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h1 {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: normal;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h2 {
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h3 {
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.77px;
    line-height: normal;
  }
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h4 {
  font-family: SharpSans;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.08px;
    line-height: 1.77;
  }
}
.e-reader-app .reader-container .reader-content .sidebar-content .book-cover .cover-container .primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid p{
  padding: 0.25rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid .innernav-list{
  display: flex;
  flex-direction: column;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid .innernav-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .subnav-item .innernav-wrapper .innernav-grid .innernav-list a {
  font-size: 14px;
  font-weight: 500;
  color: #3f7793;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .innernav-box{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .innernav-box p{
  padding: 1rem;
  font-size: 12px;
  font-weight: 500;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .innernav-box .all-link{
  border-style: none;
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .innernav-box .all-link:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .innernav-box .all-link {
  font-size: 12px;
  font-weight: bold;
  color: #3f7793;
  color: #63666a;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .pill-wrapper{
  display: flex;
  align-items: flex-start;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .pill-wrapper .pill-content{
  display: flex;
  width: 20%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .pill-wrapper .space{
  width: 20%;
}
.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper .sub-subnav-list .pill-wrapper .text {
  font-size: 11px;
  font-weight: 500;
  color: #3f7793;
  width: 80%;
}
.primary-nav .icons-button{
  display: flex;
  align-items: center;
}

.sm-mega-nav-title{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.dropdown-icon{
  margin-inline-start: 0.75rem;
  height: 0.625rem;
  width: 0.625rem;
}

.burger-icon{
  height: 3rem;
  width: 3rem;
}

.currentNavItem{
  text-decoration-line: underline;
}

.sound-links {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 20px;
}

.sound-link {
  color: #0073a8;
}

.login-container {
  display: flex;
  align-items: center;
  margin-top: 9.5px;
}

.separator {
  color: #00779f;
}

.advertiser-bar{
  display: block;
}

@media (min-width: 1024px){
  .advertiser-bar{
    display: none;
  }
}

.advertiser-banner-bar{
  display: none;
}

@media (min-width: 1024px){
  .advertiser-banner-bar{
    display: block;
  }
}

.primary-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.primary-nav .card-container .reading-card {
  background-color: #f2f1ee;
}

@media (min-width: 1024px){
  .primary-nav{
    --tw-bg-opacity: 1;
    background-color: rgb(242 241 238 / var(--tw-bg-opacity));
  }
}

.primary-nav .nav-wrapper .primary-nav-wrapper .nav-list .mega-menu .mega-nav-wrapper {
  width: 100%;
}

.nav-items a.selected {
  color: var(--underline-color);
}

@media (max-width: 1024px) {
  body.mobile-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }

  .header-section{
    position: sticky;
    top: 0px;
    width: 100%;
    z-index: 100;
  }
  .header-section .primary-nav-wrapper.mobile-menu-nav, .header-section .primary-nav-wrapper:not(.search-nav):not(.ancillary-nav) {
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .header-section .primary-nav-wrapper.mobile-menu-nav::-webkit-scrollbar, .header-section .primary-nav-wrapper:not(.search-nav):not(.ancillary-nav)::-webkit-scrollbar {
    display: none;
  }
}
.prm-nav-level3-wrapper{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: flex-start;
  margin-top: 1rem;
}
.prm-nav-level3-wrapper .topic-nav-title {
  font-size: 12px;
  font-weight: 500;
  color: #63666a;
  margin-bottom: 1rem;
}

.item-wrapper{
  grid-column: span 9 / span 9;
}

.nav-view-all{
  grid-column: span 3 / span 3;
}

/* Segment Group Styling */
.segment-group {
  margin-bottom: 0.5rem;
}

.nav-item-segment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}

.nav-item-segment:hover {
  background-color: #e9ecef;
}

.segment-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #495057;
}

.segment-content {
  padding-left: 1rem;
  margin-bottom: 1rem;
}

.segment-nav-list {
  margin-top: 0.5rem;
}

.nav-item-container {
  margin-bottom: 0.5rem;
}

/* Disclosure icon styling */
.disclosure-icon {
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"/></svg>") no-repeat center;
  background-size: contain;
  transition: transform 0.3s ease;
}

/* Add this to your existing CSS file */
@media (max-width: 1024px) {
  body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
  }
}
/* Ensure desktop can always scroll */
@media (min-width: 1024px) {
  body.menu-open {
    overflow: auto;
    /* Override any scroll prevention */
  }
}
/* Optional: Add smooth transition for better UX */
body {
  transition: overflow 0.1s ease;
}

/* Ensure mobile menu containers can still scroll if content overflows */
@media (max-width: 1024px) {
  .primary-nav-wrapper.mobile-menu-nav,
.menu-container,
.primary-nav-wrapper.search-nav {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
  }
}
/* Ensure desktop mega menus can scroll if needed */
@media (min-width: 1024px) {
  .mega-menu {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1024px) {
  .mobile-sticky-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/* Keep desktop behavior unchanged */
@media (min-width: 1025px) {
  .mobile-sticky-header {
    display: none;
  }
}
.block-link {
  display: block;
  width: 100%;
  transition: color 0.2s ease;
  cursor: pointer;
}

.search-bar-container {
  border: 1px solid #d6d6d6;
  padding: 18px 18px 18px 18px;
  display: flex;
  align-items: center;
  background: #fff;
  max-width: 1200px;
  margin: 0 auto 24px auto;
  border-radius: 2px;
}

.search-bar-container input[type=text] {
  flex: 1;
  padding: 14px 18px;
  border: none;
  font-size: 18px;
  background: #f7f7f7;
  border-radius: 2px 0 0 2px;
  outline: none;
}

.search-bar-container button {
  padding: 14px 32px;
  background: #00819d;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s;
}

.search-bar-container button:hover {
  background: #005f73;
}

.main-content {
  background: #f6f6f3;
  border-radius: 4px;
  padding: 32px 32px 32px 32px;
  margin: 24px auto;
  display: flex;
  gap: 60px;
  width: 100% !important;
  justify-content: space-between;
}

.left-section, .right-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.left-section {
  flex: 1.2;
  min-width: 320px;
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  .left-section {
    min-width: 100%;
  }
}

.left-section .button-bottom.search-result-button {
  margin-top: auto;
}

.right-section {
  flex: 2;
  min-width: 320px;
}
@media (max-width: 768px) {
  .right-section {
    min-width: 100%;
  }
}

.section-title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #63666a;
}

/* Recent searches */
.recent-searches-list .suggestions-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.recent-searches-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}

.recent-link {
  color: #00819d;
  text-decoration: none;
  font-size: 13px;
  transition: -webkit-text-decoration 0.2s;
  transition: text-decoration 0.2s;
  transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
  display: inline-block;
}

.recent-link:hover {
  text-decoration: underline;
}

.recent-remove {
  background: none;
  border: none;
  color: #a3a3a3;
  font-size: 18px;
  cursor: pointer;
  margin-left: auto;
  transition: color 0.2s;
}

.recent-remove:hover {
  color: #e57373;
}

/* Popular searches */
.popular-searches-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.popular-tag {
  font-size: 13px;
  background: #ffffff;
  color: #00819d;
  border: none;
  border-radius: 25px;
  padding: 1px 20px 1px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  max-width: 230px;
  overflow: hidden;
  vertical-align: middle;
  text-decoration: none;
}

.popular-tag:hover {
  background: #d0e7ee;
}

/* Quick access cards */
.quick-access-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.quick-access-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  width: 200px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
  height: 100%;
}

.quick-access-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.quick-access-card img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #eee;
  display: block;
}

/* Recent searches */
.recent-searches-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.recent-remove:hover {
  color: #e57373;
}

/* Popular searches */
.popular-searches-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.quick-access-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  width: 200px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
}

.quick-access-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.quick-access-card-content {
  padding: 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.quick-access-title {
  font-size: 13px;
  font-weight: 500;
  color: #00819d;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick-access-desc {
  font-size: 13px;
  color: #444;
  line-height: 1.4;
  min-height: 36px;
  font-weight: 500;
}

@media (max-width: 900px) {
  .main-content {
    flex-direction: column;
    gap: 32px;
    margin: 24px auto;
  }

  .quick-access-grid {
    justify-content: flex-start;
  }
}
.hide {
  display: none !important;
}

.search-icon {
  opacity: 1;
  transition: opacity 0.2s;
}

.keywords-input {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}

.secondary-button {
  cursor: pointer;
}

.recent-searches-list {
  list-style: none;
  padding: 0;
}

.recent-searches-list li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.suggestions-list {
  list-style: none;
  padding: 0;
}

.suggestions-list li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.recent-link {
  margin-right: 8px;
  color: #00819d;
  text-decoration: none;
}

.recent-remove {
  background: none;
  border: none;
  color: #e57373;
  font-size: 16px;
  cursor: pointer;
}

.recent-remove:hover {
  color: #b71c1c;
}

.advanced-search .Wrapper .form .search-input .keywords-input {
  padding-left: 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-color: #3f7793;
  color: #63666a;
}

.advanced-search .Wrapper .form .search-input.has-visible-close .keywords-input {
  padding-left: 4rem;
}

.input-with-close {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input-with-close .close-btn {
  left: 2rem;
  top: 49%;
}
@media (max-width: 768px) {
  .input-with-close .close-btn {
    left: 1rem;
  }
}

.advanced-search .Wrapper .form .search-input .keywords-input:focus {
  --tw-ring-shadow: none;
}

.sort-dropdown-wrapper > * {
  direction: ltr;
}

.sort-dropdown-wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  padding: 2rem 3rem;
  direction: rtl;
}

@media (min-width: 768px) {
  .sort-dropdown-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 2rem 3rem;
    direction: rtl;
  }
}
.categories .categories-container .filters-section .filters-grid .button-selected[data-count="0"] {
  color: #6c7070;
  border-color: #6c7070;
}

@media (min-width: 768px) {
  .advanced-search .Wrapper .form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.library-filters-container {
  grid-column: span 4/span 4;
}

.library-filters-container .rich-text-sm .button {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.filters-section .rich-text .button {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.75rem;
}

.library-filters-container .rich-text-sm {
  font-size: 15px;
  color: #3f7793;
}

@media (min-width: 768px) {
  .library-filters-container .library-filters-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.library-filters-container .library-filters-grid {
  display: grid;
  gap: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.text-field-filter .text-input {
  display: flex;
  min-height: 58px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 0.5rem 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.text-field-filter .label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: flex;
}

.advanced-search {
  position: relative;
  background-color: #ffffff;
  padding-bottom: 1rem;
  padding-top: 0.125rem;
}

.breadcrumbs {
  padding-bottom: 1rem;
}

.description-limit-text {
  margin-top: 1rem;
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

.ioa-content-result .reading-card {
  background-color: #f2f1ee;
}

.page-result .reading-card {
  background-color: #f2f1ee;
}

.advanced-search::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 0;
}

.advanced-search-container .Wrapper {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .advanced-search .Wrapper .form {
    display: block;
  }
  .multi-select-dropdown {
    padding-bottom: 1.5rem;
  }
  .search-btn {
    display: block;
  }
}
.filters-row > * {
  flex: 1 1 0;
  min-width: 100%;
}

.filters-row {
  display: flex;
  align-items: stretch;
  gap: 1.5rem;
}

.filters-row:has(.selected-buttons .dropdown-buttons) {
  align-items: flex-end;
}

@media (max-width: 768px) {
  .filters-row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.no-results .search-term {
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 4px;
}

.advanced-search .advanced-search-padding .Wrapper .form .search-input.has-visible-close .keywords-input {
  padding-left: 2rem;
}

.filter-drop-down-padding {
  padding: 0 3px;
}

.noContent-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.advanced-search-button-padding {
  padding: 1rem 3rem !important;
}

.text-description {
  color: #1f0052;
}

.cpd-width {
  max-width: 1000px;
}

.year-manage-section {
  margin-top: 2rem;
}

.year-manage-section .dropdown-and-button-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 3rem;
}

.cpd-manage-section .dropdown-and-button-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  padding: 1rem 0rem 2rem;
  flex-wrap: wrap;
  width: 100%;
}

.cpd-manage-section .dropdown-wrapper {
  width: 100%;
  position: relative;
}

.cpd-manage-section .dropdown-and-button-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 768px) {
  .cpd-manage-section .dropdown-and-button-wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
}
.year-manage-section .dropdown-wrapper {
  width: 300px;
}

@media (min-width: 640px) {
  .year-manage-section .dropdown-wrapper {
    width: 650px;
  }
  .cpd-manage-section .dropdown-wrapper {
    width: 100%;
    position: relative;
  }

  .cpd-manage-section .dropdown-and-button-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.year-manage-section .year-manage-button {
  font-family: SharpSans;
  white-space: nowrap;
  border-left-width: 0px;
  --tw-bg-opacity: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  border: none;
  cursor: pointer;
}

@media (min-width: 640px) {
  .year-manage-section .year-manage-button {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 1.375rem;
  }
}
.examples-section {
  background: #fff;
  padding: 32px 40px;
  margin-top: 2rem;
}

.examples-section h3 {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 32px;
}

.examples-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .examples-row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.examples-col {
  flex: 1;
  min-width: 0;
}

.examples-title {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 16px;
  color: #004152;
}

.examples-btn {
  border-color: #3f7793;
  background: transparent;
  color: #425563;
  padding: 10px 24px;
  font-size: 1rem;
  font-family: inherit;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  margin-bottom: 8px;
}

.examples-btn:hover {
  background: #e6f0f3;
  color: #333;
}

.examples-block {
  margin-top: 64px;
}

.examples-tabs {
  display: flex;
  border: 1.5px solid #3f7793;
  border-radius: 4px;
  overflow: hidden;
  margin: 1.5rem 0;
  max-width: 900px;
}

.examples-tab,
.examples-tab-active {
  flex: 1;
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 14px;
  background: #fff;
  color: #3f7793;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  max-width: 900px;
}

@media (max-width: 768px) {
  .examples-tabs {
    flex-wrap: wrap;
    overflow-x: unset;
  }

  .examples-tab,
.examples-tab-active {
    flex: 1 1 100%;
    text-align: left;
  }

  .divider {
    display: none;
  }
}
.examples-tabs::-webkit-scrollbar {
  display: none;
}

.examples-tab-active {
  background: #3f7793;
  color: #fff;
  font-weight: 500;
}

.cpd-section .cpd-container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1280px){
  .cpd-section .cpd-container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  @media (min-width: 320px){
    .cpd-section .cpd-container{
      max-width: 320px;
    }
  }
  @media (min-width: 640px){
    .cpd-section .cpd-container{
      max-width: 640px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }
  @media (min-width: 768px){
    .cpd-section .cpd-container{
      max-width: 768px;
    }
  }
  @media (min-width: 1024px){
    .cpd-section .cpd-container{
      max-width: 1024px;
      padding-right: 4rem;
      padding-left: 4rem;
    }
  }
  @media (min-width: 1280px){
    .cpd-section .cpd-container{
      max-width: 1280px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
  @media (min-width: 1536px){
    .cpd-section .cpd-container{
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 768px){
  .cpd-section .cpd-container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px){
  .cpd-section .cpd-container{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1280px){
  .cpd-section .cpd-container{
    margin-left: auto;
    margin-right: auto;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

.cpd-section .cpd-container .row {
  display: flex;
}

@media (min-width: 768px) {
  .cpd-section .cpd-container .row {
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
  }
}
.cpd-section .cpd-container .row .title {
  width: 100%;
  color: #004152;
}

.fileUploadButton {
  padding: 1rem 0 2rem;
}

.cpd-container .btn-primary {
  padding: 1rem 3rem;
}

.cpd-container textarea {
  width: 100%;
  height: 50%;
  border-color: rgb(141 141 141/var(--tw-border-opacity));
  border-bottom-width: 1px;
}

.divider {
  border-left: 1px solid #e0e0e0;
  height: 24px;
  align-self: center;
}

.examples-tab:last-child {
  border-right: none;
}

.desc-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}

#desc-count {
  font-size: 12px;
}

.alert-success-msg svg {
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
}

.cpd-success .alert-success-msg {
  justify-content: flex-start;
}

.cpd-table {
  width: 100%;
  background-color: #ffffff;
}

.cpd-table th {
  width: 25%;
  font-size: 13px;
  font-weight: 600;
}

.cpd-table td {
  font-size: 12px;
}

.cpd-table td:last-child {
  text-align: right;
}

.cpd-table .policies .title {
  padding-bottom: 1rem;
}

.cpd-edit-btn {
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s;
}

.cpd-edit-btn:hover {
  background: #e4eceb;
}

.cpd-table .examples-tabs {
  margin: 0 0 2.5rem;
}

.notice-info {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f0f6ff;
  border: solid 0.5px var(--border-color);
  color: #007f9e;
  padding: 1rem;
  font-size: 13px;
  max-width: 900px;
}

.notice-info svg {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: #007f9e;
}

.button-bottom-tab {
  display: none;
}

.button-bottom-tab.active-tab {
  display: block;
}

.custom-select-container {
  position: relative;
}

.custom-select-container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding-right: 2.5em;
}

.custom-arrow {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
  background-position: center;
  background-image: url(../images/icons.50205b.svg#arrow-up);
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  pointer-events: none;
  transition: transform 0.2s;
}

.custom-arrow.open {
  transform: translateY(-50%) rotate(180deg);
}

.cpd-wrapper .label {
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .year-manage-section .dropdown-and-button-wrapper {
    gap: 2rem;
  }
}
@media (max-width: 529px) {
  .year-manage-section .dropdown-and-button-wrapper {
    gap: 0rem;
    flex-wrap: wrap;
  }
}
.cpd-section .rich-text p {
  color: #004152;
}

.examples-tab:hover {
  background-color: #3f7793;
  color: #ffffff;
}

.mobile-update-btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

.employer-details-pop-up-form .confirm-login .dialog-overlay{
  position: fixed;
  inset: 0px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.employer-details-pop-up-form .confirm-login .dialog-overlay .answer-card{
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.employer-details-pop-up-form .confirm-login .dialog-overlay .answer-card .modle-button{
  position: absolute;
  top: 2rem;
  right: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .employer-details-pop-up-form .confirm-login .dialog-overlay .answer-card .modle-button{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.employer-details-pop-up-form .confirm-login .dialog-overlay .answer-card .modle-button:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.employer-details-pop-up-form .answers-page {
  background-color: white;
}
.employer-details-pop-up-form .answers-page .font-style{
  margin-bottom: 1.5rem;
  border-bottom-width: 1px;
  padding: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.wrapper .modal .content .header .employer-details-pop-up-form .answers-page .font-style{
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark){
  .wrapper .modal .content .header .employer-details-pop-up-form .answers-page .font-style{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
.wrapper .modal .content .header .employer-details-pop-up-form .answers-page .font-style {
  color: #3f7793;
}
.employer-details-pop-up-form .answers-page .answers{
  display: flex;
}

.course-application-manage .grid-container .grid-row {
  margin-top: 3rem;
}
.course-application-manage .ckeditor-helper-text {
  margin-top: 10px;
  font-size: 14px;
}
.course-application-manage .text-format{
  margin-bottom: 1rem;
  background-color: #f2f1ee;
}
.course-application-manage .ck-editor__editable_inline {
  min-height: 6rem;
  /* increase value as needed */
}
.course-application-manage .custom-ckeditor-editor {
  min-height: 200px;
}
.course-application-manage .application-course-title{
  display: flex;
  justify-content: center;
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 1.5px;
  line-height: normal;
}
.course-application-manage .w-1-3 .accordion-title {
  margin: 0;
}
.course-application-manage .show-modal{
  position: fixed;
  inset: 0px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.course-application-manage .model-pop-pup{
  position: relative;
  width: 91.666667%;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.course-application-manage .model-pop-pup .card-container .reading-card {
  background-color: #f2f1ee;
}
@media (min-width: 768px){
  .course-application-manage .model-pop-pup{
    width: 75%;
  }
}
@media (min-width: 1024px){
  .course-application-manage .model-pop-pup{
    width: 66.666667%;
  }
}
@media (min-width: 1280px){
  .course-application-manage .model-pop-pup{
    width: 50%;
  }
}
.course-application-manage .modle-url{
  height: 75vh;
  width: 100%;
  border-width: 0px;
  /* Increased height to 75% of viewport */
}
.course-application-manage .modle-button{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.e-reader-app .reader-container .reader-content .sidebar-content .sidebar-header .course-application-manage .modle-button{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 65 82 / var(--tw-text-opacity));
}
.course-application-manage .modle-button:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
@media (max-width: 600px) {
  .course-application-manage .form-info li {
    flex-direction: row;
    align-items: flex-start;
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.course-application-manage .status-info {
  background-color: #f2f1ee;
  padding: 8px;
}
.course-application-manage .course-application-manage-header{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.course-application-manage .accordion-content-state {
  background-color: #ffffff;
}
.course-application-manage .form-info li span:last-child {
  font-weight: normal;
}
.course-application-manage .accordion {
  padding: 1rem 0;
}
.course-application-manage .accordion button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}
.course-application-manage .accordion-content {
  margin-top: 0.5rem;
}
.course-application-manage .icon {
  transition: transform 0.3s ease;
}
.course-application-manage .rotate {
  transform: rotate(180deg);
}
.course-application-manage .applicant-detail .form-info {
  margin: 0;
  background-color: #ffffff;
}
.course-application-manage .applicant-detail .question-page {
  padding: 0;
  flex-direction: column;
}
.course-application-manage .applicant-detail .form-review li {
  background-color: #f2f1ee;
  border: none;
  margin: 0;
  padding: 0.5rem;
}
.course-application-manage .applicant-detail .form-info li span:last-child {
  padding: 0;
}
.course-application-manage .custom-accordion-information{
  border-radius: 0.5rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: #ffffff !important;
}
.course-application-manage .hide-icon .disclosure-icon {
  display: none;
}
.course-application-manage .crm-popup {
  text-decoration: underline;
  cursor: pointer;
}
.course-application-manage .ck.ck-button {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: auto;
  padding: 4px 8px;
}
.course-application-manage .w-2-3 .fields-selector{
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.course-application-manage .w-2-3 .fields-name {
  margin: 0;
}
.course-application-manage .app-section-buttons{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.course-application-manage .app-section-buttons .btn-primary {
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.course-application-manage .tab-data-section{
  margin-top: 1rem;
  border-radius: 0.5rem;
  padding: 1rem;
}
.course-application-manage .accordion-content-state {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.course-application-manage .app-section-content .accordion-title {
  margin: 0;
}
.course-application-manage .app-section-content h2 {
  font-weight: bold;
}
.course-application-manage .form-record{
  margin-bottom: 0.5rem;
}
.course-application-manage .form-history-record{
  list-style-type: disc;
}
.course-application-manage .form-history-record > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.course-application-manage .form-history-record{
  padding-left: 1.5rem;
}
.course-application-manage .form-cover-wrapper{
  margin-top: 0.5rem;
}
.course-application-manage .message-label{
  margin-bottom: 0.25rem;
  display: block;
  font-weight: bold;
}
.course-application-manage .message-input{
  margin-bottom: 0.5rem;
  width: 100%;
  border-width: 1px;
  padding: 0.5rem;
  width: calc(100% - 2px);
}
.course-application-manage .button-cross-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0rem;
}
.course-application-manage .cross-icon-container {
  display: flex;
  justify-content: flex-end;
  width: 1rem;
}
.course-application-manage .save-review-status {
  width: -moz-fit-content;
  width: fit-content;
}
.course-application-manage .app-section-history{
  margin-top: 1rem;
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: #ffffff;
}
.course-application-manage .app-section-history-title{
  margin-bottom: 0.5rem;
}
.course-application-manage .council-result-status .space-y-6 {
  background-color: #ffffff;
}
.course-application-manage .form-review li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.course-application-manage .form-review label {
  width: 50%;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.course-application-manage .form-review span {
  width: 50%;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.course-application-manage .custom-ckeditor-form {
  width: 100%;
}
.course-application-manage .custom-ckeditor-form .cke,
.course-application-manage .custom-ckeditor-form .cke_inner,
.course-application-manage .custom-ckeditor-form textarea,
.course-application-manage .custom-ckeditor-form .custom-ckeditor-editor {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:start-\[2px\]::after{
  content: var(--tw-content);
  inset-inline-start: 2px;
}
.after\:start-\[6px\]::after{
  content: var(--tw-content);
  inset-inline-start: 6px;
}
.after\:top-0\.5::after{
  content: var(--tw-content);
  top: 0.125rem;
}
.after\:top-\[4\.121px\]::after{
  content: var(--tw-content);
  top: 4.121px;
}
.after\:h-4::after{
  content: var(--tw-content);
  height: 1rem;
}
.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:w-4::after{
  content: var(--tw-content);
  width: 1rem;
}
.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
.hover\:bg-\[\#004152\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 65 82 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#3f7793\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(63 119 147 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#00b5e2\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 181 226 / var(--tw-ring-opacity));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.peer:checked ~ .peer-checked\:bg-\[\#00b5e2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 181 226 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
@media (prefers-reduced-motion: reduce){
  .motion-reduce\:transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}
@media (min-width: 640px){
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:w-80{
    width: 20rem;
  }
  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 768px){
  .md\:block{
    display: block;
  }
  .md\:hidden{
    display: none;
  }
  .md\:pt-0{
    padding-top: 0px;
  }
}
@media (min-width: 1024px){
  .lg\:static{
    position: static;
  }
  .lg\:block{
    display: block;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:overflow-y-auto{
    overflow-y: auto;
  }
}
.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (prefers-color-scheme: dark){
  .dark\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  }
  .dark\:bg-\[\#898a89\]{
    --tw-bg-opacity: 1;
    background-color: rgb(137 138 137 / var(--tw-bg-opacity));
  }
  .dark\:bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.css ***!
  \*******************************************************************************************************************************************************************/
/**
 * Swiper 11.2.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 3, 2025
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***!
  \**************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 3, 2025
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}