*, ::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.18 | 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: #B1B1B1; /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0;
}
.inset-auto {
  inset: auto;
}
.-bottom-2 {
  bottom: -2px;
}
.-left-2000 {
  left: -2000px;
}
.-right-13 {
  right: -13px;
}
.-top-140 {
  top: -140px;
}
.-top-15 {
  top: -15px;
}
.-top-17 {
  top: -17px;
}
.-top-20 {
  top: -20px;
}
.bottom-0 {
  bottom: 0;
}
.bottom-10 {
  bottom: 10px;
}
.bottom-15p {
  bottom: 15%;
}
.bottom-50p {
  bottom: 50%;
}
.bottom-60 {
  bottom: 60px;
}
.bottom-85 {
  bottom: 85px;
}
.left-0 {
  left: 0;
}
.left-10p {
  left: 10%;
}
.left-15 {
  left: 15px;
}
.left-4 {
  left: 4px;
}
.left-40 {
  left: 40px;
}
.left-50 {
  left: 50px;
}
.left-50\% {
  left: 50%;
}
.left-50p {
  left: 50%;
}
.right-0 {
  right: 0;
}
.right-10 {
  right: 10px;
}
.right-15 {
  right: 15px;
}
.right-20 {
  right: 20px;
}
.right-40 {
  right: 40px;
}
.top-0 {
  top: 0;
}
.top-10 {
  top: 10px;
}
.top-110 {
  top: 110px;
}
.top-130 {
  top: 130px;
}
.top-20 {
  top: 20px;
}
.top-21p {
  top: 21%;
}
.top-22p {
  top: 22%;
}
.top-25p {
  top: 25%;
}
.top-35 {
  top: 35px;
}
.top-35\% {
  top: 35%;
}
.top-40p {
  top: 40%;
}
.top-50 {
  top: 50px;
}
.top-50\% {
  top: 50%;
}
.top-50p {
  top: 50%;
}
.top-55 {
  top: 55px;
}
.top-80 {
  top: 80px;
}
.top-80p {
  top: 80%;
}
.top-85 {
  top: 85px;
}
.-z-1 {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-11 {
  z-index: 11;
}
.z-12 {
  z-index: 12;
}
.z-13 {
  z-index: 13;
}
.z-14 {
  z-index: 14;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-5 {
  z-index: 5;
}
.z-99 {
  z-index: 99;
}
.z-full {
  z-index: 9999;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.m-10 {
  margin: 10px;
}
.m-5 {
  margin: 5px;
}
.m-auto {
  margin: auto;
}
.-mx-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-35 {
  margin-bottom: -35px;
}
.-mb-50 {
  margin-bottom: -50px;
}
.-mb-70 {
  margin-bottom: -70px;
}
.-ml-30 {
  margin-left: -30px;
}
.-ml-40 {
  margin-left: -40px;
}
.-mr-20 {
  margin-right: -20px;
}
.-mr-80 {
  margin-right: -80px;
}
.-mt-110 {
  margin-top: -110px;
}
.-mt-20 {
  margin-top: -20px;
}
.-mt-30 {
  margin-top: -30px;
}
.-mt-35 {
  margin-top: -35px;
}
.-mt-5 {
  margin-top: -5px;
}
.-mt-50 {
  margin-top: -50px;
}
.-mt-7 {
  margin-top: -7px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-150 {
  margin-bottom: 150px;
}
.mb-1vh {
  margin-bottom: 1vh;
}
.mb-2 {
  margin-bottom: 2px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-22 {
  margin-bottom: 22px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-37 {
  margin-bottom: 37px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-55 {
  margin-bottom: 55px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-75 {
  margin-bottom: 75px;
}
.mb-80 {
  margin-bottom: 80px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-16 {
  margin-left: 16px;
}
.ml-17 {
  margin-left: 17px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-25p {
  margin-left: 25%;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-2 {
  margin-right: 2px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-80 {
  margin-right: 80px;
}
.mt-0 {
  margin-top: 0px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-150 {
  margin-top: 150px;
}
.mt-2 {
  margin-top: 2px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-22 {
  margin-top: 22px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-38 {
  margin-top: 38px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-6 {
  margin-top: 6px;
}
.mt-60 {
  margin-top: 60px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0px;
}
.h-100 {
  height: 100px;
}
.h-110 {
  height: 110px;
}
.h-12 {
  height: 12px;
}
.h-138 {
  height: 138px;
}
.h-139 {
  height: 139px;
}
.h-150 {
  height: 150px;
}
.h-16 {
  height: 16px;
}
.h-17 {
  height: 17px;
}
.h-180 {
  height: 180px;
}
.h-20 {
  height: 20px;
}
.h-22 {
  height: 22px;
}
.h-220 {
  height: 220px;
}
.h-24 {
  height: 24px;
}
.h-25 {
  height: 25px;
}
.h-260 {
  height: 260px;
}
.h-300 {
  height: 300px;
}
.h-342 {
  height: 342px;
}
.h-35 {
  height: 35px;
}
.h-351 {
  height: 351px;
}
.h-370 {
  height: 370px;
}
.h-375 {
  height: 375px;
}
.h-39 {
  height: 39px;
}
.h-42 {
  height: 42px;
}
.h-45 {
  height: 45px;
}
.h-450 {
  height: 450px;
}
.h-50 {
  height: 50px;
}
.h-518 {
  height: 518px;
}
.h-530 {
  height: 530px;
}
.h-58 {
  height: 58px;
}
.h-6 {
  height: 6px;
}
.h-60 {
  height: 60px;
}
.h-68 {
  height: 68px;
}
.h-70 {
  height: 70px;
}
.h-80 {
  height: 80px;
}
.h-80vh {
  height: 80vh;
}
.h-85 {
  height: 85px;
}
.h-90 {
  height: 90px;
}
.h-90vh {
  height: 90vh;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-350 {
  max-height: 350px;
}
.min-h-134 {
  min-height: 134px;
}
.min-h-274 {
  min-height: 274px;
}
.min-h-45 {
  min-height: 45px;
}
.min-h-450 {
  min-height: 450px;
}
.min-h-518 {
  min-height: 518px;
}
.min-h-530 {
  min-height: 530px;
}
.min-h-64 {
  min-height: 64px;
}
.min-h-700 {
  min-height: 700px;
}
.w-0 {
  width: 0px;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-100 {
  width: 100px;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-110 {
  width: 110px;
}
.w-12 {
  width: 12px;
}
.w-120 {
  width: 120px;
}
.w-16 {
  width: 16px;
}
.w-17 {
  width: 17px;
}
.w-170 {
  width: 170px;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-20 {
  width: 20px;
}
.w-200 {
  width: 200px;
}
.w-24 {
  width: 24px;
}
.w-240 {
  width: 240px;
}
.w-25 {
  width: 25px;
}
.w-270 {
  width: 270px;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-30 {
  width: 30px;
}
.w-300 {
  width: 300px;
}
.w-320 {
  width: 320px;
}
.w-330 {
  width: 330px;
}
.w-346 {
  width: 346px;
}
.w-35 {
  width: 35px;
}
.w-350 {
  width: 350px;
}
.w-370 {
  width: 370px;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-45 {
  width: 45px;
}
.w-50 {
  width: 50px;
}
.w-530 {
  width: 530px;
}
.w-6\/12 {
  width: 50%;
}
.w-65 {
  width: 65px;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-80 {
  width: 80px;
}
.w-85p {
  width: 85%;
}
.w-90p {
  width: 90%;
}
.w-945 {
  width: 945px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-134 {
  max-width: 134px;
}
.max-w-180 {
  max-width: 180px;
}
.max-w-1920 {
  max-width: 1920px;
}
.max-w-246 {
  max-width: 246px;
}
.max-w-250 {
  max-width: 250px;
}
.max-w-300 {
  max-width: 300px;
}
.max-w-345 {
  max-width: 345px;
}
.max-w-350 {
  max-width: 350px;
}
.max-w-450 {
  max-width: 450px;
}
.max-w-500 {
  max-width: 500px;
}
.max-w-770 {
  max-width: 770px;
}
.max-w-full {
  max-width: 100%;
}
.flex-none {
  flex: none;
}
.-translate-y-6 {
  --tw-translate-y: -6px;
  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));
}
.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));
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.resize {
  resize: both;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-10 {
  gap: 10px;
}
.gap-5 {
  gap: 5px;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded-10 {
  border-radius: 10px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-30 {
  border-radius: 30px;
}
.rounded-34 {
  border-radius: 34px;
}
.rounded-50p {
  border-radius: 50%;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-b-10 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t-0 {
  border-top-width: 0;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-borderBlue {
  --tw-border-opacity: 1;
  border-color: rgb(140 228 253 / var(--tw-border-opacity, 1));
}
.border-cobaltBlue {
  --tw-border-opacity: 1;
  border-color: rgb(0 42 187 / var(--tw-border-opacity, 1));
}
.border-dropdownBorder {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.border-iframeBorderclr {
  --tw-border-opacity: 1;
  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
}
.border-inputBorderClr {
  --tw-border-opacity: 1;
  border-color: rgb(147 166 232 / var(--tw-border-opacity, 1));
}
.border-lightBlue {
  --tw-border-opacity: 1;
  border-color: rgb(78 214 253 / var(--tw-border-opacity, 1));
}
.border-pink {
  --tw-border-opacity: 1;
  border-color: rgb(135 16 203 / var(--tw-border-opacity, 1));
}
.border-opacity-20 {
  --tw-border-opacity: 0.2;
}
.bg-cobaltBlue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 42 187 / var(--tw-bg-opacity, 1));
}
.bg-headBg {
  background-color: #ffffff4d;
}
.bg-lightBlue {
  --tw-bg-opacity: 1;
  background-color: rgb(78 214 253 / var(--tw-bg-opacity, 1));
}
.bg-lightInputBg {
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 255 / var(--tw-bg-opacity, 1));
}
.bg-lightPurple {
  --tw-bg-opacity: 1;
  background-color: rgb(222 199 242 / var(--tw-bg-opacity, 1));
}
.bg-lightestBlue {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 252 / var(--tw-bg-opacity, 1));
}
.bg-lightskyblue {
  --tw-bg-opacity: 1;
  background-color: rgb(39 214 240 / var(--tw-bg-opacity, 1));
}
.bg-modalGreyOut {
  background-color: #0505059e;
}
.bg-overlaybg {
  background-color: #00000073;
}
.bg-progressBar {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(135 16 203 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-10 {
  padding: 10px;
}
.p-100 {
  padding: 100px;
}
.p-16 {
  padding: 16px;
}
.p-2 {
  padding: 2px;
}
.p-20 {
  padding: 20px;
}
.p-22 {
  padding: 22px;
}
.p-25 {
  padding: 25px;
}
.p-40 {
  padding: 40px;
}
.p-5 {
  padding: 5px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.px-14 {
  padding-left: 14px;
  padding-right: 14px;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}
.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
.py-21 {
  padding-top: 21px;
  padding-bottom: 21px;
}
.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-150 {
  padding-bottom: 150px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-200 {
  padding-bottom: 200px;
}
.pb-28 {
  padding-bottom: 28px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-180 {
  padding-left: 180px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-24 {
  padding-left: 24px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-35 {
  padding-left: 35px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-50 {
  padding-left: 50px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-16 {
  padding-right: 16px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-139 {
  padding-top: 139px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-150 {
  padding-top: 150px;
}
.pt-16 {
  padding-top: 16px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-200 {
  padding-top: 200px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-37 {
  padding-top: 37px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.align-middle {
  vertical-align: middle;
}
.font-GalanoBold {
  font-family: GalanoGrotesque-Bold;
}
.font-GalanoExtraBold {
  font-family: GalanoGrotesque-ExtraBold;
}
.font-GalanoMedium {
  font-family: GalanoGrotesque-Medium;
}
.font-GalanoMediumItalic {
  font-family: GalanoGrotesque-MediumItalic;
}
.font-GalanoRegular {
  font-family: GalanoGrotesque-Regular;
}
.font-GalanoSemiBold {
  font-family: GalanoGrotesque-SemiBold;
}
.font-GalanoThinItalic {
  font-family: GalanoGrotesque-ThinItalic;
}
.text-10 {
  font-size: 10px;
}
.text-12 {
  font-size: 12px;
}
.text-13 {
  font-size: 13px;
}
.text-14 {
  font-size: 14px;
}
.text-15 {
  font-size: 15px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-19 {
  font-size: 19px;
}
.text-20 {
  font-size: 20px;
}
.text-22 {
  font-size: 22px;
}
.text-23 {
  font-size: 23px;
}
.text-26 {
  font-size: 26px;
}
.text-28 {
  font-size: 28px;
}
.text-2vw {
  font-size: 2vw;
}
.text-30 {
  font-size: 30px;
}
.text-32 {
  font-size: 32px;
}
.text-33 {
  font-size: 33px;
}
.text-35 {
  font-size: 35px;
}
.text-40 {
  font-size: 40px;
}
.text-42 {
  font-size: 42px;
}
.text-45 {
  font-size: 45px;
}
.text-62 {
  font-size: 62px;
}
.text-72 {
  font-size: 72px;
}
.font-bold {
  font-weight: 700;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-16 {
  line-height: 16px;
}
.leading-18 {
  line-height: 18px;
}
.leading-19 {
  line-height: 19px;
}
.leading-21 {
  line-height: 21px;
}
.leading-22 {
  line-height: 22px;
}
.leading-23 {
  line-height: 23px;
}
.leading-24 {
  line-height: 24px;
}
.leading-26 {
  line-height: 26px;
}
.leading-28 {
  line-height: 28px;
}
.leading-30 {
  line-height: 30px;
}
.leading-32 {
  line-height: 32px;
}
.leading-35 {
  line-height: 35px;
}
.leading-36 {
  line-height: 36px;
}
.leading-37 {
  line-height: 37px;
}
.leading-40 {
  line-height: 40px;
}
.leading-42 {
  line-height: 42px;
}
.leading-46 {
  line-height: 46px;
}
.leading-60 {
  line-height: 60px;
}
.leading-78 {
  line-height: 78px;
}
.leading-normal {
  line-height: 1.5;
}
.leading-tight {
  line-height: 1.25;
}
.leading-xxloose {
  line-height: 3;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue1 {
  --tw-text-opacity: 1;
  color: rgb(2 42 186 / var(--tw-text-opacity, 1));
}
.text-cobaltBlue {
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.text-darkBlue {
  --tw-text-opacity: 1;
  color: rgb(2 42 187 / var(--tw-text-opacity, 1));
}
.text-error {
  --tw-text-opacity: 1;
  color: rgb(225 0 0 / var(--tw-text-opacity, 1));
}
.text-errorTxt {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.text-gray {
  --tw-text-opacity: 1;
  color: rgb(67 67 67 / var(--tw-text-opacity, 1));
}
.text-lightBlueCard {
  --tw-text-opacity: 1;
  color: rgb(59 210 255 / var(--tw-text-opacity, 1));
}
.text-mediumGray {
  --tw-text-opacity: 1;
  color: rgb(92 92 92 / var(--tw-text-opacity, 1));
}
.text-pink {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.text-purple {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-44 {
  opacity: 0.44;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
}
.shadow-sm {
  --tw-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
  --tw-shadow-colored: 0px 6px 10px 0px 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-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-cobaltBlue {
  outline-color: #002ABB;
}
.outline-errorTxt {
  outline-color: #FF0000;
}
.outline-errorTxtColor {
  outline-color: #A30000;
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.blur-sm {
  --tw-blur: blur(4px);
  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);
}
.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);
}
.duration-1000 {
  transition-duration: 1000ms;
}
.container {
  width: 100%;
}
@media (min-width: 320px) {

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

  .container {
    max-width: 798px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1395px) {

  .container {
    max-width: 1395px;
  }
}
@font-face {
    font-family: 'GalanoGrotesque-Regular';
    font-display: swap;
    src: url('https://assets.ctfassets.net/6mz6gnctx58g/4YMb5krGwSPDduTERHvQPc/619849344952ff8fce912de26cc7f955/GalanoGrotesque-Regular.woff2') format('woff2'),
         url('https://assets.ctfassets.net/6mz6gnctx58g/2jjzHLdQamQqrN7qpkro5n/ce66858080a50d4591ccfb42f6c07719/GalanoGrotesque-Regular.woff') format('woff');
}
@font-face {
    font-family: 'GalanoGrotesque-Bold';
    font-display: swap;
    src: url('https://assets.ctfassets.net/6mz6gnctx58g/1kFUkgtkrRVwVO2k4vm3Tg/0eb271e75340ac987a20b23e0c53f46a/5528e82c-d12e-40d8-a851-caf18f032658.woff2') format('woff2'),
        url('https://assets.ctfassets.net/6mz6gnctx58g/38aoAFX5kupgisuxQvXNov/3973a2b64dbcd8c9516d78bb249dfc28/de554da7-d526-4252-9f47-a92b9be13f8e.woff') format('woff');
}
@font-face {
    font-family: 'GalanoGrotesque-ExtraBold';
    font-display: swap;
    src: url('https://assets.ctfassets.net/6mz6gnctx58g/YmhDHoqwXSKgHTfYNHnEq/e0b2e008f946226378a442edd08fa073/GalanoGrotesque-ExtraBold.woff2') format('woff2'),
        url('https://assets.ctfassets.net/6mz6gnctx58g/2CKYjU7zMKDY1nvQtVEBnw/6dc620d557b155740e08b30374730a97/GalanoGrotesque-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'GalanoGrotesque-ThinItalic';
    font-display: swap;
    src: url('https://assets.ctfassets.net/6mz6gnctx58g/74zsnmmRshhq5iwU5oGm3i/5512b5b39834c85887d071b08191b3ed/GalanoGrotesque-ThinItalic.otf') format('opentype');
}
@font-face {
    font-family: 'GalanoGrotesque-MediumItalic';
    font-display: swap;
    src: url('https://assets.ctfassets.net/6mz6gnctx58g/7yDNRjCxisvzwziEtzMtVh/a7c35ae8cc29e60caca0f1fb933e84a1/GalanoGrotesque-MediumItalic.otf') format('opentype')
}
@font-face {
    font-family: "GalanoGrotesque-Medium";
    src: url("https://assets.ctfassets.net/o5hnyn1x0ewo/3R8v96wsbeUfqa3DuT72AO/10843c5d30f5c1a5e2179177b68e298b/GalanoGrotesque-Medium.otf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GalanoGrotesque-SemiBold";
    src: url("https://assets.ctfassets.net/o5hnyn1x0ewo/51CQyrx7usNKZGynKquZe2/7e939bde6db5ed69ede191cd1015b04e/GalanoGrotesque-SemiBold.otf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-dots li button:focus {
    outline: 3px solid #ff2fa9;
    outline-offset: 0;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev {
    left: -25px;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-next {
    right: -25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rdrCalendarWrapper {
    color: #000000;
    font-size: 12px;
    font-family: 'galanogrotesque-regular', Arial, sans-serif;
    width: 100%;
}
.rdrCalendarWrapper button {
    font-family: 'galanogrotesque-regular', Arial, sans-serif;
}
.rdrDateDisplay {
    background-color: rgb(239, 242, 247);
    padding: 0.833em;
}
.rdrDateDisplayItem {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
    border: 1px solid transparent;
}
.rdrDateDisplayItem input {
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
}
.rdrDateDisplayItemActive {
    border-color: currentColor;
}
.rdrDateDisplayItemActive input {
    color: #7d888d;
}
.rdrMonthAndYearWrapper {
    align-items: center;
    display: flex;
    height: 60px;
    padding-top: 10px;
    background: #ffffff;
    margin: 6px 12px 0;
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.1);
}
.pcalendarWrapper .rdrMonthAndYearWrapper {
    display: none;
}
.rdrMonthAndYearPickers {
    font-weight: 600;
}
.rdrMonthAndYearPickers select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #022aba;
    background: no-repeat right 8px center;
    cursor: pointer;
    text-align: center;
}
.rdrMonthAndYearPickers select:hover {
    background-color: rgba(0, 0, 0, 0.07);
}
.rdrMonthPicker,
.rdrYearPicker {
    margin: 0 5px;
}
.rdrNextPrevButton {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 0.833em;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: #eff2f7;
}
.rdrNextPrevButton:hover {
    background: #e1e7f0;
}
.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0);
}
.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent #022aba transparent transparent;
    transform: translate(-3px, 0);
}
.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent #022aba;
    transform: translate(3px, 0);
}
.rdrWeekDays {
    padding: 0 0.833em;
}
.rdrMonth {
    padding: 10px 15px 30px;
    margin: 0 12px;
    width: 290px;
    background-color: #fff;
    box-shadow: 0 12px 10px rgba(2, 42, 186, 0.1);
}
.rdrMonth .rdrWeekDays {
    padding: 0;
}
.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
    display: none;
}
.rdrWeekDay {
    font-size: 14px;
    line-height: 19px;
    color: #022aba;
    margin-bottom: 10px;
}
.rdrDay {
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    line-height: 3em;
    width: calc(100% / 7);
    height: 34px;
    text-align: center;
    color: #1d2429;
    margin-bottom: 10px;
}
.rdrDay:focus {
    outline: 0;
}
.rdrDayNumber {
    outline: 0;
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 5px;
    bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rdrDayToday .rdrDayNumber span:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
}
.rdrDayToday .rdrInRange ~ .rdrDayNumber span:after,
.rdrDayToday .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrDayToday .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrDayToday .rdrSelected ~ .rdrDayNumber span:after {
    background: #fff;
}
.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
    color: #fff;
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
    background:currentColor;
    position: absolute;
    top: 6px;
    left: 4px;
    right: 0;
    bottom: 5px;
}
.rdrSelected {
    left: 2px;
    right: 2px;
}
.rdrEndEdge,
.rdrStartEdge,
.rdrInRange {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.rdrSelected {
    border-radius: 1.042em;
}
.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
    background: rgba(255, 255, 255, 0.09);
    position: absolute;
    top: 3px;
    left: 0px;
    right: 0px;
    bottom: 3px;
    pointer-events: none;
    border: 0 solid currentColor;
    z-index: 1;
}
@media screen and (min-width: 790px) {
    .rdrMonth {
        padding: 10px 30px 30px;
        width: 330px;
        box-shadow: 0 12px 10px rgba(2, 42, 186, 0.1);
    }

    .rdrEndEdge,
    .rdrStartEdge,
    .rdrInRange {
        width: 34px;
        height: 34px;
    }

    .rdrSelected,
    .rdrInRange,
    .rdrStartEdge,
    .rdrEndEdge {
        top: 4px;
        left: 4px;
    }
}
.rdrDayStartPreview {
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    left: 0px;
}
.rdrDayInPreview {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.rdrDayEndPreview {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-right-radius: 1.333em;
    border-bottom-right-radius: 1.333em;
    right: 0px;
}
.rdrDefinedRangesWrapper {
    font-size: 12px;
    width: 226px;
    border-right: solid 1px #eff2f7;
    background: #fff;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
    color: currentColor;
    font-weight: 600;
}
.rdrStaticRange {
    border: 0;
    cursor: pointer;
    display: block;
    outline: 0;
    border-bottom: 1px solid #eff2f7;
    padding: 0;
    background: #fff;
}
.rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrStaticRange:focus .rdrStaticRangeLabel {
    background: #eff2f7;
}
.rdrStaticRangeLabel {
    display: block;
    outline: 0;
    line-height: 18px;
    padding: 10px 20px;
    text-align: left;
}
.rdrInputRanges {
    padding: 10px 0;
}
.rdrInputRange {
    align-items: center;
    padding: 5px 20px;
}
.rdrInputRangeInput {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    border: solid 1px rgb(222, 231, 235);
    margin-right: 10px;
    color: rgb(108, 118, 122);
}
.rdrInputRangeInput:focus,
.rdrInputRangeInput:hover {
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
}
.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
    content: '';
    border: 1px solid currentColor;
    border-radius: 1.333em;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 0px;
    right: 0px;
    background: transparent;
}
.rdrDayPassive {
    pointer-events: none;
}
.rdrDayPassive .rdrDayNumber span {
    color: #d5dce0;
}
.rdrDayPassive .rdrInRange,
.rdrDayPassive .rdrStartEdge,
.rdrDayPassive .rdrEndEdge,
.rdrDayPassive .rdrSelected,
.rdrDayPassive .rdrDayStartPreview,
.rdrDayPassive .rdrDayInPreview,
.rdrDayPassive .rdrDayEndPreview {
    display: none;
}
.rdrDayDisabled {
    background-color: rgb(248, 248, 248);
}
.rdrDayDisabled .rdrDayNumber span {
    color: #aeb9bf;
}
.rdrDayDisabled .rdrInRange,
.rdrDayDisabled .rdrStartEdge,
.rdrDayDisabled .rdrEndEdge,
.rdrDayDisabled .rdrSelected,
.rdrDayDisabled .rdrDayStartPreview,
.rdrDayDisabled .rdrDayInPreview,
.rdrDayDisabled .rdrDayEndPreview {
    filter: grayscale(100%) opacity(60%);
}
.rdrMonthName {
    text-align: center;
    font-size: 19px;
    line-height: 26px;
    color: #022aba;
    padding: 0.833em;
}
.rdrCalendarWrapper {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.rdrDateDisplay {
    display: flex;
    justify-content: space-between;
}
.rdrDateDisplayItem {
    flex: 1 1;
    width: 0;
    text-align: center;
    color: inherit;
}
.rdrDateDisplayItem + .rdrDateDisplayItem {
    margin-left: 0.833em;
}
.rdrDateDisplayItem input {
    text-align: inherit;
}
.rdrDateDisplayItem input:disabled {
    cursor: default;
}
.rdrDateDisplayItemActive {
}
.-h0wzRIe4BR-K0FH4QE2F .rdrMonthAndYearWrapper {
    display: none;
}
.rdrMonthAndYearPickers {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rdrMonthPicker {
}
.rdrYearPicker {
}
.rdrNextPrevButton {
    box-sizing: inherit;
    cursor: pointer;
    outline: none;
}
.rdrPprevButton {
}
.rdrNextButton {
}
.rdrMonths {
    display: flex;
    justify-content: center;
}
.rdrMonth {
    width: 27.667em;
}
.rdrWeekDays {
    display: flex;
}
.rdrWeekDay {
    flex-basis: calc(100% / 7);
    box-sizing: inherit;
    text-align: center;
}
.rdrDays {
    display: flex;
    flex-wrap: wrap;
}
.rdrDateDisplayWrapper {
}
.rdrMonthName {
}
.rdrInfiniteMonths {
    overflow: auto;
}
.rdrDateRangeWrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.rdrDay {
    box-sizing: inherit;
    width: calc(100% / 7);
    position: relative;
    cursor: pointer;
}
.rdrDayNumber {
    display: block;
    position: relative;
}
.rdrDayNumber span {
    color: #1d2429;
}
.rdrDayDisabled {
    cursor: not-allowed;
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
    pointer-events: none;
}
.rdrInRange {
}
.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
    pointer-events: none;
}
.rdrDayHovered {
}
.rdrDayActive {
}
.rdrDateRangePickerWrapper {
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.rdrDefinedRangesWrapper {
}
.rdrStaticRanges {
    display: flex;
    flex-direction: column;
}
.rdrStaticRangeLabel {
}
.rdrInputRanges {
}
.rdrInputRange {
    display: flex;
}
.rdrInputRangeInput {
}
.drawerContainer {
    position: fixed;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    z-index: 1200;
    inset: auto 0px 0px;
}
.prequizModalContainer {
    position: fixed;
    inset: 0px;
    z-index: 1300;
}
.preQuizSubContainer{
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        inset: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-tap-highlight-color: transparent;
        z-index: -1;
}
.prequizModalInternalContainer {
    margin-top: 0px;
    padding: 16px;
    background-color: rgb(0, 42, 187);
    height: 100%;
    position: fixed;
    inset: 0px;
    z-index: -1;
}
.prequizModalInternalInnerContainer {
    margin-top: 1px !important;
    padding: 16px;
    background-color: rgb(0, 42, 187);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    margin: 0px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: none;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    font-variant-ligatures: none;
}
.headingStyle{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.consentMessageFor13To18AgeGroup a{
    text-decoration: underline;
  }
.consentButton{
        padding-bottom: 8px;
        padding-top: 8px;
}
.react-picker[class*=-picker--closed], .react-picker[class*=-picker--closed] [class*=-picker__wrapper] {
    border-radius: 4px;
}
div[class*=-picker__wrapper] {
    background: white;
    border: 0;
}
.react-picker * {
    /* font-family: inherit; */
}
.react-date-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: 1px solid #5CCCF3 !important;  
}
@media (min-width: 320px) and (max-width: 1024px){
    .react-date-picker__calendar--open{
        inset: auto auto auto auto;
        z-index: 99; 
    }
}
@media (min-width: 1024px) { 
.react-date-picker__calendar--open{
    inset: auto auto auto auto;
    z-index: 99
}
}
.react-date-picker__wrapper input:focus {
    outline: none;
    border:1px solid #002ABB;
}
@media (min-width: 320px) {   
    .react-date-picker__wrapper{
        border-radius: 22px !important;
        width: 259px;
        height:45px;
        padding-left:16px;
padding-right:16px;
font-family: Galano Grotesque;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 19px !important;

    }
    }
@media (min-width: 1024px) {   
    .react-date-picker__wrapper{
     border-radius: 22px !important;   
width:300px;
height:45px;
padding-left:16px;
padding-right:16px;
    }
    }
@media (min-width: 1395px) {   
    .react-date-picker__wrapper{
        border-radius: 34px !important;
width:500px;
height:62px;
padding-left:40px;
    padding-right:40px;
    font-family: GalanoGrotesque-Regular;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 30px !important;
    }
    }
.react-date-picker, .react-date-picker *, .react-date-picker *:before, .react-date-picker *:after {
    box-sizing: border-box;
}
div[class*=-picker__inputGroup] {
    min-width: calc(4px +(4px* 3) + .54em* 8 + .217em* 2);
    flex-grow: 1;
    display: flex;
    padding: 2px;
    align-items: baseline;
}
.react-date-picker__inputGroup {
    min-width: calc((4px* 3) + .54em* 8 + .217em* 2);
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box;
}
.react-date-picker, .react-date-picker *, .react-date-picker *:before, .react-date-picker *:after {
    box-sizing: border-box;
}
.react-date-picker__button:enabled {
    cursor: pointer;
}
.react-picker * {
    font-family: inherit;
}
.react-date-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px;
}
.react-date-picker, .react-date-picker *, .react-date-picker *:before, .react-date-picker *:after {
    box-sizing: border-box;
}
.react-date-picker__button:enabled {
    cursor: pointer;
}
.react-picker * {
    font-family: inherit;
}
.react-date-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px;
}
.react-date-picker, .react-date-picker *, .react-date-picker *:before, .react-date-picker *:after {
    box-sizing: border-box;
}
.react-calendar {
    width: 350px;
    max-width: 100%;
    background: white;
    border: 1px solid #a0a096;
    line-height: 1.125em;
    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2)
}
.react-calendar button {
    margin: 0;
    border: 0;
    outline: none
}
.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 1em
}
.react-calendar__navigation button:disabled {
    background-color: #f0f0f0
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75em;
    font-weight: 700
}
.react-calendar__tile {
    max-width: 100%;
    padding: 10px 6.6667px;
    background: none;
    text-align: center;
    line-height: 16px
}
.react-calendar__tile--now {
    background: #ffff76
}
.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus {
    background: #ffffa9
}
.react-date-picker {
    display: inline-flex;
    position: relative
}
.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after {
    box-sizing: border-box
}
.react-date-picker--disabled {
    background-color: #f0f0f0;
    color: #6d6d6d
}
.react-date-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    border: thin solid gray
}
.react-date-picker__inputGroup {
    min-width: calc((4px * 3) + .54em * 8 + .217em * 2);
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box
}
.react-date-picker__inputGroup__divider {
    padding: 1px 0;
    white-space: pre
}
.react-date-picker__inputGroup__input {
    min-width: .54em;
    height: 100%;
    position: relative;
    padding: 0 1px;
    border: 0;
    background: none;
    font: inherit;
    box-sizing: content-box;
    -moz-appearance: textfield;
    background: white !important;
    /* pointer-events: none; */
}
.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.react-date-picker__inputGroup__input:invalid {
    background: rgba(255,0,0,.1)
}
.react-date-picker__inputGroup__input--hasLeadingZero {
     margin-left: 0 !important;
     padding-left: 0 !important
}
.react-date-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px
}
.react-date-picker__button:enabled {
    cursor: pointer
}
.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
    stroke: #0078d7
}
.react-date-picker__button:disabled .react-date-picker__button__icon {
    stroke: #6d6d6d
}
.react-date-picker__button svg {
    display: inherit
}
.react-date-picker__calendar {
    width: 350px;
    max-width: 100vw;
    z-index: 1
}
.react-date-picker__calendar--closed {
    display: none
}
.react-date-picker__calendar .react-calendar {
    border-width: thin
}
.react-calendar {
    border-radius: 4px;
    width: 350px;
    max-width: 100%;
    background: white;
    font: inherit;
    line-height: 1.125em;
    border: 0;
    overflow: hidden
}
.react-calendar button {
    margin: 0;
    border: 0;
    outline: none;
    font: inherit;
    font-size: .8em
}
.react-calendar button:enabled:hover {
    cursor: pointer
}
.react-calendar--doubleView {
    width: 700px
}
.react-calendar--doubleView .react-calendar__viewContainer {
    display: flex;
    margin: -.5em
}
.react-calendar--doubleView .react-calendar__viewContainer>* {
    width: 50%;
    margin: .5em
}
.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after {
    box-sizing: border-box
}
.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 10px
}
.react-calendar__navigation button {
    min-width: 44px;
    background: none
}
.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus {
    background-color: #e6e6e6
}
.react-calendar__navigation button[disabled] {
    background-color: #f0f0f0
}
.react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em
}
.react-calendar__month-view__weekdays__weekday {
    padding: .5em
}
.react-calendar__month-view__weekNumbers {
    font-weight: 700
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75em;
    padding: 1em calc(.5em / .75)
}
/* .react-calendar__month-view__days__day--weekend {
    color: #d10000
} */
.react-calendar__month-view__days__day--neighboringMonth {
    color: #757575
}
.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile {
    padding: 2em .5em
}
.react-calendar__year-view .react-calendar__tile{
    padding: 1.5em .5em
}
.react-calendar__tile {
    max-width: 100%;
    text-align: center;
    padding: .75em .5em;
    background: none
}
.react-calendar__tile:disabled {
    background-color: #f0f0f0
}
.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus {
    background-color: #e6e6e6
}
.react-calendar__tile--hasActive {
    background: #76baff
}
.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus {
    background: #a9d4ff
}
.react-calendar__tile--active {
    background: #006edc;
    color: #fff
}
.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus {
    background: #1087ff
}
.react-calendar--selectRange .react-calendar__tile--hover {
    background-color: #e6e6e6
}
.react-picker * {
    font-family: inherit
}
.react-picker .react-date--picker--closed ,.react-picker .react-date--picker--closed .react-date-picker__wrapper {
    border-radius: 4px
}
.react-picker .react-date-picker--open,.react-picker .react-date-picker--open .react-date-picker__wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.react-picker .react-date-picker__wrapper {
    background: white;
    border-radius: 4px;
}
.react-picker .react-date-picker__inputGroup {
    min-width: calc(4px + (4px * 3) + .54em * 8 + .217em * 2);
    flex-grow: 1;
    display: flex;
    padding: 2px;
    align-items: baseline;
    /* pointer-events: none; */
}
.react-picker .react-date-picker__inputGroup__divider {
    padding: 1px
}
.react-picker .react-date-picker__inputGroup__input {
    -moz-appearance: textfield
}
.react-picker .react-date-picker__inputGroup__input::-webkit-outer-spin-button, .react-picker .react-date--picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.react-picker .react-date-picker__inputGroup__input:invalid {
    background: rgba(255,0,0,.1)
}
.react-picker .react-date-picker__inputGroup__input--hasLeadingZero {
     margin-left: 0 !important;
     padding-left: 0 !important
}
.react-picker .react-date-picker__calendar {
    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
    border-radius: 4px;
    border-top-left-radius: 0
}
.react-picker .react-date-picker__calendar .react-calendar {
    border-top-left-radius: 0
}
.react-picker .react-date-picker__clock {
    box-shadow: 0 30px 40px 0 rgba(16, 36, 94, .2);
    border-radius: 4px;
    font-family: inherit;
    width: 220px;
    height: 220px;
    padding: 20px;
    border: 0;
    border-top-left-radius: 0
}
.react-picker .react-date-picker__clock .react-clock__second-hand {
    transition: transform cubic-bezier(.68,0,.27,1.55) .2s
}
.react-picker .react-date-picker__clock .react-clock__second-hand__body:before {
    width: 5px;
    height: 5px
}
.react-picker .react-date-picker__clock .react-clock__second-hand__body:after {
    width: 15px;
    height: 15px
}
.react-date-picker__inputGroup input {
    width: -moz-fit-content;
    width: fit-content;
}
/* @media (min-width: 320px) {   
.react-date-picker__inputGroup__month  {
    min-width: 13px !important;
}
} */
/* @media (min-width: 1395px) {   
.react-date-picker__inputGroup__month  {
    min-width: 22px !important;
    text-align: center;
}
} */
.react-date-picker__inputGroup__year {
    min-width: 62px !important;
}
.react-date-picker__clear-button{
    display: none !important;
}
.placeholder-text-blue .react-date-picker__inputGroup__divider, .placeholder-text-blue .react-date-picker__inputGroup__input, .placeholder-text-blue .react-date-picker__inputGroup__leadingZero {
   color:  #002ABB;

}
.placeholder-text-lightBlue .react-date-picker__inputGroup__divider, .placeholder-text-lightBlue .react-date-picker__inputGroup__input, .placeholder-text-lightBlue .react-date-picker__inputGroup__leadingZero{
    color:rgb(0, 42, 187);
    /* opacity: 0.50; */
}
/* @media (min-width: 320px) {  
.placeholder-text-blue .react-date-picker__inputGroup__day{
    min-width: 21px !important;
}
} */
/* @media (min-width: 320px) {  
 .placeholder-text-lightBlue .react-date-picker__inputGroup__day{
    min-width: 22px !important;
 }
}
@media (min-width: 1395px) {  
    .placeholder-text-blue .react-date-picker__inputGroup__day,  .placeholder-text-lightBlue .react-date-picker__inputGroup__day{
        min-width: 22px !important;
    }
    } */
input::-moz-placeholder {
    color: rgb(0, 42, 187);
    opacity: 0.50; 

  }
input::placeholder {
    color: rgb(0, 42, 187);
    opacity: 0.50; 

  }
.react-date-picker__calendar .react-date-picker__calendar--open{
z-index: 1111 !important;
  }
.react-calendar__navigation__prev2-button, .react-calendar__navigation__prev-button, .react-calendar__navigation__next-button, .react-calendar__navigation__next2-button{
    font-size: xx-large !important;
  }
@media (min-width: 320px) and (max-width: 767px){
    .react-date-picker__calendar{
        z-index: 20;
    }
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 150px;
}
body {
  overflow-x: hidden;
  font-family: GalanoGrotesque-Regular;
  font-size: 19px;
  line-height: 1.375;
}
* {
    font-variant-ligatures: none;
}
.aaContainer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.faqTitle h2 {
  margin-bottom: 20px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.pomcTitle h2 {
  margin-bottom: 20px;
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.slick-disabled {
    opacity: 0.25;
}
.aaContainer iframe{width: 100%;}
@media (max-width: 400px) {
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important;
        color: inherit !important;
        font-weight: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;;
        
    }
.mobile-gallery {
    position: relative;
    padding-top: 314px;
}

.mobile-gallery img {
    position: absolute;
    top: 0;
    left: 0;
}
}
@media (min-width: 320px) and (max-width: 480px) {
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important;
        color: inherit !important; 
        font-weight: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .blue-banner-section .aboutUsWave {
        top: 75%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important ;
        color: inherit !important;
        font-weight: inherit !important;
    }
    .blue-banner-section .aboutUsWave {
        top: 72%;
    }
   
    .text-inherit{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}
@media (min-width: 1024px) {
    .blue-banner-section .aboutUsWave {
        top: 78%;
    }
}
@media (min-width: 1395px) {
.blue-banner-section .aboutUsWave {
    top: 73.5%;
}
}
/*typography start*/
.heroTitle {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 40px;
  line-height: 42px;
}
.reviewTitle {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 42px;
  line-height: 46px;
}
h1 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 32px;
  line-height: 37px;
}
h2 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 24px;
  line-height: 29px;
}
h3 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 26px;
  line-height: 32px;
}
h4 {
  font-family: GalanoGrotesque-Bold;
  font-size: 22px;
  line-height: 28px;
}
/*typography */
.errorMain h1 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 150px;
  line-height: 150px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
/* common style  start*/
/* Button style start */
.btn {
  border-radius: 23px;
  padding-left: 44px;
  padding-right: 44px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 14px;
  text-transform: uppercase;
}
.primBtn {
  --tw-bg-opacity: 1;
  background-color: rgb(78 214 253 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.primBtn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(144 231 255 / var(--tw-bg-opacity, 1));
}
.secBtn {
  --tw-bg-opacity: 1;
  background-color: rgb(0 42 187 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.secBtn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 81 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.terBtn {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(78 214 253 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.terBtn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(144 231 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 81 252 / var(--tw-text-opacity, 1));
}
button:focus,
a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
button:focus-visible,
a:focus-visible {
    outline: 2px solid #ff2fa9;
    outline-offset: 2px;
}
/* Button style end */
/*footer css start */
.socialWrapper a:last-child {
  margin-right: 0px;
}
.chooseSection {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-wrap: wrap;
}
.chooseSection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 252 / var(--tw-bg-opacity, 1));
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.6);
    transform: scaleX(5);
}
.footerMainDiv {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.footerMainDiv:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 90, 242, 1) 0%, rgba(0, 22, 170, 1) 50%);
    /* border-radius: 0 0 50% 50%/0 0 100% 100%; */
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    transform: scaleX(3);
}
.footerWrapper .faq svg {
    width: 30px;
    height: 14px;
}
.footerWrapper .minus-icon .faq svg {
    transform: rotateX(180deg);
}
.socialWrapper a {
  margin-right: 15px;
}
.socialWrapper a:focus-visible {
    outline: 2px solid #ff2fa9;
    outline-offset: 2px;
}
.footerWrapper .accor-btn {
  background-color: transparent;
  font-size: 17px;
  line-height: 23px;
}
.footerWrapper .accor-btn:first-child {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(140 228 253 / var(--tw-border-opacity, 1));
}
/*footer css End */
/*menu css start */
.familyLogoWrap .lazyload-wrapper {
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: flex-start;
  padding-right: 20px;
  padding-bottom: 20px;
}
.familyLogoWrap .lazyload-wrapper img {
  margin-left: auto;
  margin-right: auto;
    max-height: 40px;
}
.searchIconSP {
    transform: translateY(-50%);
}
.panelBtn {
    border-bottom: 1px solid rgba(2, 42, 186, 0.1);
}
.menuOpen.mobMenuWrap {
  position: relative;
  z-index: 12;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    box-shadow: 0px 4px 6px #002abb33;
}
.minus-icon .faq svg {
    transform: rotate(-180deg);
}
.submenu-wrap .Submenu-item:first-child {
  margin-top: 36px;
}
.submenu-wrap .Submenu-item:hover {
  --tw-text-opacity: 1;
  color: rgb(78 214 253 / var(--tw-text-opacity, 1));
}
.product-menu:nth-of-type(2) .Submenu-item:hover,
.product-menu:nth-of-type(2) .subMenuItem:hover {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
/* common style End start*/
.reviewContent h2 {
  margin-bottom: 40px;
  --tw-text-opacity: 1;
  color: rgb(2 42 187 / var(--tw-text-opacity, 1));
}
.reviewContent p {
  margin-top: 30px;
  margin-bottom: 30px;
}
.perioddayslist li {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  padding-left: 30px;
  font-size: 19px;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(67 67 67 / var(--tw-text-opacity, 1));
}
.periodCal .faqAnswers p {
  margin-bottom: 20px;
}
.periodCal .faqAnswers p:last-child {
  margin-bottom: 0px;
}
.aboutCardwhite .faq-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.adpPomcquestion .slotButton {
  --tw-bg-opacity: 1;
  background-color: rgb(135 16 203 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.adpPomcquestion .faqAnswers {
    box-shadow: 0px 3px 8px #002abb33;
}
.purpleBullets a,
.alwaysAdpPomc .subtitle a {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
    text-decoration: underline;
}
.likeAGirlCard .subtitle a {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
    text-decoration: underline;
}
.StickyCard .subtitle a,
.afterStickyCard a,
.Bannericoncard a,
.StickyCardLast a {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
    text-decoration: underline;
}
.alwaysAdpPomc .subtitle ol {
  list-style-type: decimal;
  padding-left: 25px;
}
.alwaysAdpPomc .subtitle ol li{
    margin-bottom: 10px;
}
.faqList p,
.faqNumber p,
.purpleBullets p,
.adpPomcList p {
  position: relative;
  margin-bottom: 30px;
}
.faqAnswers ol {
  position: relative;
  line-height: 2;
}
.faqAnswers ol li:before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/4NLRfC8Qg7IsaY5i8MpsGX/bea9bc70f62120cb2d9f8a8ef6bc5f1e/AA-bulletpoint.png');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100%;
    height: 40px;
    width: 40px;
    padding: 15px;
}
.faqList p::before,
.adpPomcList p::before {
  position: absolute;
  left: -20px;
  top: 12px;
  height: 12px;
  width: 12px;
}
.faqNumber p::before,
.purpleBullets p::before {
  position: absolute;
  left: -52px;
  top: 12px;
  height: 35px;
  width: 35px;
}
.faqNumber span,
.purpleBullets span {
  position: absolute;
  left: -40px;
  top: 0;
}
.faqAnswers ol li span {
  position: relative;
  left: -20px;
  top: 0;
}
.purpleBullets span,
.faqAnswers ol li span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.adpCarouselImg svg {
  display: none;
}
.reviewContent div.reviewpoint::before,
.perioddayslist li:before,
.faqList p::before,
.faqNumber p::before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/4NLRfC8Qg7IsaY5i8MpsGX/bea9bc70f62120cb2d9f8a8ef6bc5f1e/AA-bulletpoint.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    transform: translateY(-50%);
}
.reviewContent ul li {
  position: relative;
  margin-bottom: 20px;
  margin-left: 25px;
}
.reviewContent ul li:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url('https://images.ctfassets.net/6mz6gnctx58g/4NLRfC8Qg7IsaY5i8MpsGX/bea9bc70f62120cb2d9f8a8ef6bc5f1e/AA-bulletpoint.png');
    left: -25px;
    background-size: contain;
    top: 6px;
}
.purpleBullets p::before,
.adpPomcList p::before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6Wuvv4dF7WHFy7Krx2SN48/ed5f796b926b28e683b13545123efa73/purple-bullet.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    transform: translateY(-50%);
}
.LikeGirlImage::before {
  position: absolute;
  left: 0;
  top: 63%;
  height: 250px;
  width: 250px;
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/4NLRfC8Qg7IsaY5i8MpsGX/bea9bc70f62120cb2d9f8a8ef6bc5f1e/AA-bulletpoint.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    transform: translateY(-50%);
    transform: rotate(-90deg);
}
.PomcGirlImage::before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6Wuvv4dF7WHFy7Krx2SN48/ed5f796b926b28e683b13545123efa73/purple-bullet.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    transform: translateY(-50%);
    transform: rotate(0deg);
    position: absolute;
    left: 0;
    top: 60%;
    height: 250px;
    width: 250px;
}
.alwaysAdpPomc .subtitle ul li,
.Bannericoncard .contentWrapper ul li,
.StickyCard .contentWrapper ul li,
.afterStickyCard .contentWrapper ul li {
    position: relative;
    margin: 30px 0;
    padding-left: 20px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alwaysAdpPomc .subtitle ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6Wuvv4dF7WHFy7Krx2SN48/ed5f796b926b28e683b13545123efa73/purple-bullet.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    width: 12px;
    height: 12px;
}
.alwaysAdpPomc .subtitle ol li::marker {
    font-family: GalanoGrotesque-ExtraBold;
    --tw-text-opacity: 1;
    color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.Bannericoncard .contentWrapper ul li::before,
.StickyCard .contentWrapper ul li::before,
.afterStickyCard .contentWrapper ul li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/7atweCwq6d0U4JBbFGBbNu/e14b8102f879122ccd2f5f9c539301b6/pink.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    width: 12px;
    height: 12px;
}
.LikeGirlImage img,
.PomcGirlImage img {
  margin-left: 16px;
  margin-right: 16px;
  height: 351px;
  width: 92%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviewContent div.reviewpoint::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 12px;
  width: 12px;
}
.perioddayslist li:before {
  position: absolute;
  left: 0;
  top: 12px;
  height: 12px;
  width: 12px;
}
.periodClickButton,
.periodaddButton {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/4NLRfC8Qg7IsaY5i8MpsGX/bea9bc70f62120cb2d9f8a8ef6bc5f1e/AA-bulletpoint.png')
        no-repeat 50%;
    background-size: 100% 100%;
    position: relative;
    height: 50px;
    width: 50px;
    cursor: pointer;
    border-style: none;
    padding: 0px;
    vertical-align: middle;
    font-size: 30px;
    line-height: 0;
    --tw-text-opacity: 1;
    color: rgb(0 42 187 / var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
/* Home start */
.homeBanner {
  position: relative;
}
.homeBannerCarousel .title,.homeBannerCarousel .desc {
    text-shadow: 1px 2px 3px #00000066;
}
.homeBanner .homeBannerCarousel .contentWrapper {
  position: absolute;
  bottom: 12%;
}
.homeBanner button.slick-arrow,
.productCatSec button.slick-arrow, .adpPage button.slick-arrow {
  display: none;
}
.homeBanner button.slick-arrow:focus-visible img {
    outline: 2px solid #ff2fa9 !important;
    outline-offset: 2px !important;
}
.homeBanner .mobSlide .tabpArrow,
.productCatSec .mobSlide .tabpArrow,
.Pome .categorySec .tabpArrow,
.Pomc .categorySecPomc .tabpArrow,
.pcSliderParent .tabpArrow, .adpPage .mobSlide .tabpArrow {
  display: block;
}
.Pomc .slick-slider .slick-arrow,
.pcSliderParent .slick-slider .slick-arrow {
  display: none;
}
/* .homeBannerCarousel:before {
    @apply block absolute w-full h-full top-0 left-0 z-1 opacity-44;
    content: '';
    background: transparent linear-gradient(180deg, #00000000 0%, #000000c7 100%) 0% 0% no-repeat padding-box;
} */
.aboutUsBanner:after {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/6QyuW1RHOUjYhKKioEXzYH/68c97cf3e7534d9fedb3d5b3b0a0316b/about-always.jpg');
    background-size: 100%;
    content: '';
    background-position: bottom;
    position: absolute;
    top: 74%;
    left: 50%;
    z-index: 1;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
.calculatorWrap:after {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/6GFLHWmLsf6PWRORTh2OkN/5a82bbfd6b2e8306f9df6521eda990da/calendar-icon.png');
    background-size: 100%;
    content: '';
    background-position: bottom;
    position: absolute;
    bottom: -7%;
    left: 37%;
    z-index: 1;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.joinUsMedia img {
  height: 240px;
}
.weCareBanner:after {
  top: 80%;
}
.promiseContent p:after {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/Cvq8rl7cjEvnrvzj7KHpU/290c0750a61603d4430ea9d4b3bb4405/like-light-blue.svg');
    background-size: 100%;
    content: '';
    background-position: bottom;
    position: absolute;
    top: 74%;
    left: 0;
    z-index: 1;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}
.aboutUsBanner img {
  position: absolute;
  height: 100%;
  min-height: 450px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.waveWrapper img,
.pomcVBanner img {
  width: 100%;
}
.waveWrapper img {
  height: 450px;
}
.reviewContent p {
  position: relative;
}
.PeriodCalc .title {
    text-shadow: 0px 3px 16px #0000004d;
}
.PeriodCalc .imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.PeriodCalc .contentWrapper {
  position: relative;
}
.PeriodCalc .contentWrapper:before {
    content: '';
    background-image: linear-gradient(rgba(0, 0, 0, 0.000001), rgba(0, 0, 0, 0.7));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
}
.homeBanner {
  position: relative;
}
.homeBannerCarousel .mediaWrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.PomcBanner .imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.PomcBanner .imgWrap:after {
    background: rgba(0, 0, 0, 0.1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
}
.btmSliderNav button {
  padding-left: 20px;
  padding-right: 20px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.productCatSec .mobSlide {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
/* slick slider start*/
.slick-slider .slick-prev,
.slick-slider .slick-next {
  z-index: 2;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.slick-next {
    transform: translate(0, 0);
    right: 30%;
    bottom: -40px;
    top: auto;
}
.slick-prev {
    transform: translate(0, 0);
    left: 30%;
    bottom: -40px;
    top: auto;
}
.slick-dots {
  z-index: 2;
}
.slick-slider:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.slick-dots li button {
  border-radius: 9999px;
    background-color: hsla(0, 0%, 100%, 0.3);
}
.slick-dots li.slick-active button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.prev-icon {
    transform: rotate(180deg);
}
.promiseContainer {
    box-shadow: 0 6px 10px rgba(0, 42, 187, 0.2);
}
.homeBanner .slick-slider {
  min-height: 450px;
}
/* slick slider end */
/* Home end */
/*POME Landing Page start*/
.iconImage {
    transform: scaleX(-1);
}
.bannerBgWrap {
    /* @apply left-50%; */
    transform: translate(-50%);
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/7s7tLoKzaLPIb8KxavwGjg/b35886658f748867d0ef0928229db26b/POME-banner-Bg-img-sp.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.bannerBottomBgWrap {
    height: calc(100% + 140px);
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/569YonJ44EzHKSi7OSa565/164fad8c850cb091759de66b62e6b00e/pome-bg.png');
    background-repeat: no-repeat;
    background-position: 50%;
}
.pomeBannerCard,
.pomeListingBannerCard,
.pomeParentListingCard {
    transform: rotate(6deg);
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.2);
}
.BannerCard .contentWrapper {
    transform: rotate(2deg);
}
/*POMC List page start */
.categoryInput::-moz-placeholder {
  font-family: GalanoGrotesque-Regular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.categoryInput::placeholder,
.categoryInput input {
  font-family: GalanoGrotesque-Regular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.reg-dropdown::before,
.countBoxWrapper .dropdownArrow::before,
.writeReviewBox .dropdownArrow:before {
    content: ' ';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/M2IQkaoazIAScz5a7YE3v/dfd3b059923a8760f07dc171845ab54e/arrow_regular.svg');
    position: absolute;
    right: 4px;
    top: 17px;
    z-index: 1;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}
.writeReviewBox .reg-dropdown:before {
  display: none;
}
.ipadWrapper button:disabled {
  opacity: 0.5;
}
.writeReviewBox .dropdownArrow {
  right: 0;
  top: 0;
  cursor: pointer;
}
.countBoxWrapper .reg-dropdown::before {
  display: none;
}
.dropOption {
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.2);
    z-index: 500;
}
.countBoxWrapper input {
  position: relative;
}
.countBoxWrapper input:after {
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/M2IQkaoazIAScz5a7YE3v/dfd3b059923a8760f07dc171845ab54e/arrow_regular.svg');
    transform: translateY(-10%);
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    z-index: 1;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}
.listsearch h2 {
  margin-bottom: 20px;
  text-align: center;
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 28px;
}
.searchtext span {
  margin-bottom: 10px;
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 25px;
  line-height: 2;
}
.pomebgwrap {
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6AUF7fVZeCdZzjNCetOlxw/80b77dcb672e22258b3a64bc8d495aac/parents-bg-mb.png');
    background-position: 50%;
    z-index: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.Like img {
  margin-right: 9px;
}
.pomecard.wrapper .title {
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.Articalcard .contentWrapper,
.categoryInput,
.aboutCardContainer {
    box-shadow: 0 6px 10px rgba(0, 42, 187, 0.2);
}
.otherCategories h2 {
  margin-bottom: 50px;
  text-align: center;
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 30px;
  line-height: 35px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.arrowprevIcon,
.prevArrow {
    transform: rotate(180deg);
}
.rdrMonthName {
  font-size: 19px;
  line-height: 26px;
    text-align: center !important;
    color: #022aba !important;
}
.rdrWeekDays {
    color: #022aba !important;
}
.periodicCalWrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.alwaysAdpPomc .subtitle p,
.likeAGirlCard .subtitle p,
.adplikeAGirl .subtitle p {
  margin-bottom: 40px;
}
.likeAGirlCard .subtitle ul {
  margin-left: 20px;
  list-style-type: disc;
}
.likeAGirlCard .subtitle ol {
  margin-left: 20px;
  list-style-type: decimal;
}
.alwaysAdpPomc .subtitle p:last-child,
.likeAGirlCard .subtitle p:last-child {
  margin-bottom: 0px;
}
.purpleBullets p:last-child {
  margin-bottom: 0px;
}
.adpPomeCard img {
  position: absolute;
  top: 15px;
  right: 30%;
  width: 11%;
}
.adpPomeCardreverse img {
  position: absolute;
  top: 35px;
  right: 30%;
  width: 11%;
}
/*POMC List page end */
.contentContainer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.POMEArticleCard,
.POMCArticleCard,
.productCard,
.seachArticleCard {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 15px;
    /* padding: 5px 7px 15px; */
}
.POMEArticleCard .mediaImg, .POMCArticleCard .mediaImg, .homeGirlsCornerPurple .mediaImg, .homeGirlsCorner .mediaImg, .Pomecategory .mediaImg, .pomccategoryPurple .mediaImg, .pomccategory .mediaImg {
  cursor: pointer;
}
.POMEArticleCard .contentWrapper,
.Articalcard .contentWrapper,
.seachArticleCard .contentWrapper,
.POMCArticleCard .contentWrapper {
    box-shadow: 0 6px 10px rgba(0, 42, 187, 0.2);
}
.catMedia {
  position: relative;
}
.categoryHeadCard {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/4zimnXqG4ie8y4rnwpW0EF/aa9a3dd27ae79948704fc83ea59c0332/category-bg.svg');
}
.parentHeadCard {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/2H5NYOimqerzoVxgfFr66Y/e988dc9ec200e45b009effe9d2fe94f4/category-bg-blue.svg')
        no-repeat;
}
.categorySec {
  position: relative;
}
.blueWaveWrap img {
  position: absolute;
  left: 0;
  top: -40px;
  z-index: 1;
  height: 500px;
  width: 100%;
}
/*POME Landing Page END*/
/*POMC landing start */
.vaginalDischarge .POMEArticleCard .title,
.becomeMom .POMEArticleCard .title,
.pomicPms .POMEArticleCard .title {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
/* POMC Landing End*/
/*PLP Start */
.plpDescCard .cardSubTitle p {
  margin-bottom: 30px;
}
.plpProductCard {
  position: relative;
}
.plpProductCard:after {
    content: '';
    background: #d9d9d9;
    transform: translateX(-50%);
    position: absolute;
    bottom: 60px;
    left: 50%;
    height: 1px;
    width: 80%;
}
.plpProductCard:last-child:after {
  display: none;
}
.cardActionsPL a {
  display: inline-block;
  border-radius: 23px;
  padding-left: 44px;
  padding-right: 44px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 14px;
  text-transform: uppercase;
  --tw-bg-opacity: 1;
  background-color: rgb(78 214 253 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.cardActionsPL a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(144 231 255 / var(--tw-bg-opacity, 1));
}
/* PLP End */
.startDatePicker,
.faqQuestion .faqBtn {
    box-shadow: 0px 3px 6px #002abb33;
}
.POMCWave .cardMedia {
    transform: translateX(-50%);
    position: absolute;
    top: -150px;
    left: 50%;
    height: 520px;
    width: auto;
    min-width: 100%;
}
.pinkWrapper .pinkwave {
  position: absolute;
  top: -70px;
  width: auto;
  min-width: 100%;
}
.PeriodTips,
.vaginalDischarge,
.becomeMom,
.pms {
  margin-bottom: 150px;
}
.pomicPms {
  padding-bottom: 100px;
}
.pcalendarLegendItem span {
  margin-right: 10px;
  height: 20px;
  width: 20px;
  border-radius: 23px;
    background-color: rgb(255, 86, 235);
}
.pcalendarfertileItem span {
  margin-right: 10px;
  height: 20px;
  width: 20px;
  border-radius: 23px;
}
.pcalendarfertileItem p {
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.joinUsMedia img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* Search Page start */
.tabItem {
    background: #022aba1a;
}
.tabItem.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.2);
}
.productCard .contentWrap {
    box-shadow: 0 3px 10px rgba(0, 42, 187, 0.2);
}
/* Search Page END */
.adpPomeCard {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
    background-size: 400px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    top: -61px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    height: 200px;
    width: 370px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*map start*/
.mapRightWrap {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/3rEre73KSZZowxCkvEFxol/00eb4dbd1bfc38a1e410705a654bfd2d/map-oval.svg');
    background-size: cover;
    background-repeat: no-repeat; 
}
.mapMainWrapper {
    background: url('');
    background-size: 100%;
    background-repeat: no-repeat;
    overflow-x: auto;
}
.countryName {
  position: relative;
}
.countryName:before {
  position: absolute;
  left: 50%;
  top: -18px;
  opacity: 0;
    content: url('https://images.ctfassets.net/6mz6gnctx58g/2GPcAIDizEEzcXI7IeJRLF/e0e28ed971413d5309ab7acb2915d4da/hover-top.svg');
    transition: 0.2s ease-in-out;
    transform: translateX(-50%);
}
.countryName:after {
  position: absolute;
  left: 50%;
  bottom: -18px;
  opacity: 0;
    content: url('https://images.ctfassets.net/6mz6gnctx58g/5RuJRIBqyDC86UJV91ya5J/9ede536c7218b99492012cd7ac5d5ef6/hover-btm.svg');
    transition: 0.2s ease-in-out;
    transform: translateX(-50%);
}
.countryName:hover:after,
.countryName:hover:before {
  opacity: 1;
}
.leftWrapper svg.rsm-svg {
  position: absolute;
  left: 25%;
  top: 50%;
  width: 1300px;
    transform: translate(-50%, -50%);
}
.leftWrapper svg.marker {
  height: 30px;
  width: 30px;
}
.sec2 .countryGrid:first-child {
  width: 66.666667%;
}
.sec2 .countryGrid:first-child .countryWrap {
  width: 33.333333%;
}
.sec2 .countryGrid:last-child {
  width: 33.333333%;
}
.regionSlider .slick-slider .slick-prev {
  position: absolute;
  left: 0;
  top: 50%;
    transform: translateY(-50%);
}
.regionSlider .slick-slider .slick-next {
  position: absolute;
  right: 0;
  top: 50%;
    transform: translateY(-50%);
}
.regionSlider .slick-slide {
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 21px;
  text-transform: uppercase;
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
/* .regionSlider .carousel-button.prev,
.regionSlider .carousel-button.next {
    @apply hidden;
} */
.regionSlider .carousel-wrapper {
  height: 50px;
}
.regionSlider .carousel-button {
  width: 50px;
}
.mapMobMainWrapper {
    background: url('');
    background-size: cover;
    background-position: top right;
}
.countrySlider .carousel-button {
    position: relative;
}
.countrySlider .carousel-button.next:after {
  position: absolute;
  bottom: 43px;
  left: 50%;
  height: 100px;
  width: 200px;
    content: '';
    background: transparent linear-gradient(360deg, #4ed6fde6 0%, #4ed6fd00 100%) 0% 0% no-repeat padding-box;
    transform: translate(-50%);
}
.countrySlider .carousel-button.prev:after {
  position: absolute;
  top: 26px;
  left: 50%;
  height: 110px;
  width: 250px;
    content: '';
    background: transparent linear-gradient(180deg, #4ed6fde6 0%, #4ed6fd00 100%) 0% 0% no-repeat padding-box;
    transform: translate(-50%);
}
.scrollerBar a {
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.scrollerBar a.selected {
  --tw-bg-opacity: 1;
  background-color: rgb(0 42 187 / var(--tw-bg-opacity, 1));
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/*map end */
.adpPomeCardreverse {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
    background-size: 400px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    top: -61px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    height: 200px;
    width: 370px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footermenu a {
  padding-right: 30px;
}
.footermenu a:focus-visible {
    outline: 2px solid #ff2fa9;
    outline-offset: 2px;
}
.footermenu a:last-child {
  text-align: center;
}
.menuItems:nth-child(3) .menuList {
  height: auto;
}
.Bannericoncard ol,
.afterStickyCard ol,
.StickyCard ol {
  list-style-type: decimal;
  padding-left: 30px;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.Bannericoncard h1 {
  margin-bottom: 30px;
  margin-top: 30px;
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 40px;
  --tw-text-opacity: 1;
  color: rgb(2 42 187 / var(--tw-text-opacity, 1));
}
.additionalProdInfoBox p {
  margin-bottom: 20px;
}
.carouselSubTitle a {
    color: #8710CB;
    text-decoration: underline;
}
.Bannericoncard p,
.afterStickyCard p,
.StickyCard p {
  margin-bottom: 20px;
}
.stickycontent p {
    transform: translate(-50%, -50%);
    color: #022aba;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    width: 100%;
    max-width: 380px;
    padding-left: 20px;
    padding-right: 40px;
    text-align: center;
}
#widget-container iframe {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.preview-form,
.write-review-form,
.success-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transform: translate(-50%, -50%);
}
.pdpPage .purpleTheme .prdtGalryArwBx span {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.successWrap {
    transform: translate(-50%, -50%);
}
.success-dialog .successWrap {
  text-align: center;
}
.leagalWrap img, .AdChoice img {
  height: 15px;
  width: 15px;
  padding-left: 3px;
}
.AdChoice a, .leagalWrap a {
  display: flex;
  align-items: center;
}
/*PLP start */
.plpProductCard ul {
  margin-left: 40px;
  margin-top: 20px;
  list-style-type: disc;
}
.plpPage .banner .textWrapper {
  bottom: 12%;
}
.BannerCard::before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/1ZgMl6vARlcPWvB9S6JNxI/488b716b5ec5a5735b39f0a40d83621c/illustration-tb.png');
    background-position: 50%;
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 20%;
    left: 0;
    background-size: contain;
}
.prodBaneer h3.title,  .prodBaneer h2.title {
  padding-bottom: 30px;
  text-align: center;
  font-family: GalanoGrotesque-MediumItalic;
  font-size: 40px;
  line-height: 50px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.Adpbanner {
  padding-bottom: 30px;
}
.likeAGirlCard .title h2, .likeAGirlCard .title h3, .adplikeAGirl .title h2, .adplikeAGirl .title h3,.likeAGirlCard .subtitle h3 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 26px;
  line-height: 32px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.alwaysAdpPomc .title h2 {
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 26px;
  line-height: 32px;
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.afterStickyCard strong, .StickyCard strong, .Bannericoncard strong, .aboutCardbox strong {
  font-family: GalanoGrotesque-ExtraBold;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.aboutCardbox .alwaysAdpPomc strong {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
/* PLP end */
@media (min-width: 320px) {
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important ;
        color: inherit !important;
        font-weight: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .tableStylecls td {
    border-style: none;
  }
    .tableStylecls tr {
    height: 75px;
    border-bottom-width: 1px;
    border-color: rgb(0 42 187 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 0.2;
  }
    .tableStylecls tr:last-child {
    border-bottom-width: 0;
  }
    .pdpBorder {
        border: 0px;
    }

    .StickyCardLast .mediaImg,
    .StickyCard .mediaImg {
        transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        max-width: 400px;
    }
}
@media (min-width: 798px) {
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important ;
        color: inherit !important;
        font-weight: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .tableStylecls td {
        border: 1px solid #002abb;
    }
    .aaContainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 798px;
    padding-left: 15px;
    padding-right: 15px;
  }
    /*typography */
    .heroTitle {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 55px;
    line-height: 60px;
  }
    h1,
    .reviewTitle {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 48px;
    line-height: 52px;
  }
    h2 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 35px;
    line-height: 40px;
  }
    h3 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 30px;
    line-height: 35px;
  }
    h4 {
    font-family: GalanoGrotesque-Bold;
    font-size: 22px;
    line-height: 28px;
  }

    /*typography */
    .errorMain h1 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 200px;
    line-height: 200px;
    --tw-text-opacity: 1;
    color: rgb(0 42 187 / var(--tw-text-opacity, 1));
  }
    .pcalendarWrapper .rdrMonth {
    margin-left: 12px;
    margin-right: 12px;
    width: 330px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
        box-shadow: 0 12px 10px rgba(2, 42, 186, 0.1);
  }
    .pcalendarWrapper .rdrCalendarWrapper {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 252 / var(--tw-bg-opacity, 1));
  }

    .pcalendarWrapper .rdrMonths {
    justify-content: center;
  }
    .pcalendarWrapper {
        box-shadow: none;
    }
   
    .joinUsMedia img {
    height: 338px;
  }

    /*footer css start*/
    .footerMainDiv:before {
        transform: scaleX(2);
        background: linear-gradient(180deg, rgba(0, 90, 242, 1) 0%, rgba(0, 22, 170, 1) 50%);
        /* border-radius: 0 0 50% 50%/0 0 100% 100%; */
        border-top-left-radius: 50% 100%;
        border-top-right-radius: 50% 100%;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    /*footer css End*/
    /* slider common css start*/
    .slick-prev {
    left: 10%;
    top: 50%;
        bottom: auto;
        transform: translate(0, -50%);
  }
    .slick-next {
    right: 10%;
    top: 50%;
        bottom: auto;
        transform: translate(0, -50%);
  }
    .homeBanner button.slick-arrow,
    .homeBanner button.slick-arrow .ArrowSize {
    display: block;
  }
    .mobSlide {
    display: none;
  }
    .searchBoxWrapper:focus-visible {
        outline: 2px solid #ff2fa9 !important;
        outline-offset: 2px !important;
    }
    /* slider common css End*/
    .reviewSection {
        border-radius: 0px 0px 8px 8px;
        box-shadow: 0px 3px 20px #002abb33;
    }
    .aboutUsBanner img {
    display: block;
    height: 650px;
    width: 100%;
  }
    .aboutUsBanner:after {
    top: 78%;
    height: 130px;
    width: 130px;
  }
    .calculatorWrap:after {
    left: 46%;
    bottom: -16%;
    height: 120px;
    width: 120px;
  }
    /*Home start */
    .chooseSection:before {
        transform: scaleX(3.5);
    }
    .slick-dots {
    bottom: 35px;
  }
    .homeBanner .homeBannerCarousel .contentWrapper {
    bottom: 15%;
  }

    /*Home End */

    /*Home start */
    .aboutEducationSection .sectionTitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
  }

    /* Home End */
    /*Menu start */
    .topLeftSec .lazyload-wrapper img {
    margin-right: 20px;
    max-height: 25px;
  }
    .topRightSec .topMenuItem:first-child,
    .topRightSec .topMenuItem:last-child {
    display: none;
  }
    .topMenuWrapper {
        background: transparent linear-gradient(90deg, #0016aa 0%, #005af2 49%, #0016aa 100%) 0% 0% no-repeat
            padding-box;
    }
    .searchIcon {
        transform: translateY(-50%);
    }
    .searchBox {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
    /* Menu end */
    /*pomc Listing page start */
    .searchtext span {
    margin-bottom: 0px;
    padding-right: 15px;
  }
    .listsearch h2 {
    margin-bottom: 0px;
    font-size: 28px;
  }
    /*pomc Listing page start */
    /*POME Landing page start*/
    .bannerBottomBgWrap {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6RBE5g4gKRd3egycVehWo3/f055788266a0a09278b3b9986a96b1a7/parents-bg-tb.png');
        z-index: 0;
        height: 100%;
        background-size: cover;
    }
    .pomebgwrap {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/6RBE5g4gKRd3egycVehWo3/f055788266a0a09278b3b9986a96b1a7/parents-bg-tb.png');
    }
    .bannerBgWrap {
        transform: none;
        background-size: 100%;
    }
    .iconImage {
        transform: none;
    }
    .pomeBannerCard,
    .pomeListingBannerCard,
    .pomeParentListingCard {
        transform: rotate(11deg);
    }
    .PomcGirlImage::before {
    top: 50%;
  }
    .articleSecWrapTB:last-child {
    margin-bottom: 0px;
    padding-bottom: 80px;
  }
    .Pome .categorySec .tabDisplay {
    display: none;
  }
    .Pome .articleSecWrapTB:nth-of-type(2) .slick-track {
    margin-left: 0px;
  }
    /*POME Landing page END*/

    /*pdp styles*/

    .customShadow {
        box-shadow: 0 -1px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 7px 2px rgba(0, 0, 0, 0.06) !important;
    }
    .purpleWrapper .reviewPurpleTitle {
    --tw-text-opacity: 1;
    color: rgb(135 16 203 / var(--tw-text-opacity, 1));
  }

    .buyNowContainer {
    width: 75%;
  }
    .relatedProductsCls a {
    margin-left: auto;
    margin-right: auto;
    width: 44.4444%;
  }

    /* POMC Landing start*/
    .POMCWave .cardMedia {
    top: -250px;
    height: 600px;
  }

    .PeriodTips .POMCWave .cardMedia,
    .becomeMom .POMCWave .cardMedia,
    .pomicPms .POMCWave .cardMedia {
    display: none;
  }
    .pms,
    .vaginalDischarge,
    .becomeMom {
    margin-bottom: 100px;
  }
    .PeriodTips {
    margin-bottom: 200px;
  }
    .POMEArticleCard .catMedia .mediaImg,
    .POMCArticleCard .catMedia .mediaImg,
    .seachArticleCard .catMedia .mediaImg {
    max-height: 184px;
    min-height: 184px;
        -o-object-fit: cover;
           object-fit: cover;
  }
    .productCard .prodMedia img {
    max-height: 184px;
    min-height: 184px;
  }

    /* POMC Landing End*/
    /* ADP POME Start */

    .adpPome .contentWrapper {
    align-items: center;
  }
    .tryFileCard .mediaImg,
    .TryFileCardreverse .mediaImg {
    margin-left: 10px;
    margin-right: 10px;
        transform: rotate(4deg);
        position: relative;
        overflow: hidden;
  }
    .adpPomeCard {
        background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        bottom: -50px;
        height: 250px;
        top: 45px;
    }
    .adpPomeCardreverse p {
    padding-left: 25px;
    padding-right: 25px;
  }

    .adpPomeCardreverse {
        background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        bottom: 0px;
        height: 250px;
        top: 0px;
    }
    .adpPomeCard img {
        position: absolute;
        width: 11%;
        top: -35px;
        left: 30%;
    }
    .adpPomeCardreverse img {
        position: absolute;
        width: 11%;
        top: -35px;
        right: 30%;
    }

    /* ADP POME ENDS */

    /*PLP Start */
    .plpProductCard:after {
        width: 96%;
    }
    .plpPage .banner .textWrapper {
    bottom: 10%;
  }

    /*PLP END */
    /*adp pome */
    .PomcGirlImage:before {
    top: 44%;
  }

    /* Period Calculator start*/
    .pcsliderParent .slick-arrow {
    display: none;
  }
    .pcsliderParent .mobSlide {
    display: block;
  }
    .pcSliderParent .mobSlide {
    display: block;
  }
    /* Period Calculator End*/
    /*map start */
    .regionSlider .slick-slider .slick-next,
    .regionSlider .slick-slider .slick-prev {
    top: 50%;
  }
    /*Map End */
    .TryFileCardreverse .adpPomeCard ol li {
        width: 80%;
        margin-right: 50px;
    }
    .tryFileCard .adpPomeCard ol li {
        width: 80%;
        margin-left: 50px;
    }
    /*pdp */
    .countBoxWrapper .showClass ul {
    right: 6px;
  }
    .otherCategories h2 {
    font-size: 35px;
    line-height: 40px;
  }
    .stickycontent p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #022aba;
        margin: 0;
        text-align: center;
        padding-left: 9px;
        width: 100%;
        padding-right: 20px;
        max-width: 290px;
    }
    .searchWrap .POMEArticleCard,
    .searchWrap .POMCArticleCard {
    width: 33.333333%;
  }
    #widget-container iframe {
    position: relative;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        height: 75vh !important;
        width: 30vw !important;
  }
    .preview-form,
    .success-dialog {
        /* border: 1px solid red; */
        position: fixed;
        top: 50%;
        left: 50%;
        width: 66.666667%;
        transform: translate(-50%, -50%);
        background: #fff;
        height: 50%;
    }
    .write-review-form {
        /* border: 1px solid red; */
        position: absolute;
        top: 50%;
        left: 50%;
        width: 66.666667%;
        transform: translate(-50%, -50%);
        background: #fff;
        /* height: 80vh; */
        padding: 0;
    }
   
    .recomdedWrap .Adpbanner {
    padding-left: 0px;
    padding-right: 0px;
  }
    .prodBaneer h3.title, .prodBaneer h2.title {
    font-size: 55px;
    line-height: 55px;
  }
    .homeBanner .slick-slider {
    min-height: 530px;
  }
}
@media (min-width: 1395px) {
    .tableStylecls td {
        border: 1px solid #002abb;
    }
    .tableStylecls table tr td {
        min-width:180px;
    }
    .tableStylecls table tr td:first-child {
        min-width:290px;
    }
    .tableStylecls table {
        table-layout: fixed;
    }
    .aaContainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1395px;
    padding-left: 15px;
    padding-right: 15px;
  }

    /*typography */
    .heroTitle,
    .reviewTitle {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 72px;
    line-height: 76px;
  }
    h1 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 55px;
    line-height: 60px;
  }
    h2 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 42px;
    line-height: 46px;
  }
    h3 {
    font-family: GalanoGrotesque-ExtraBold;
    font-size: 32px;
    line-height: 36px;
  }
    h4 {
    font-family: GalanoGrotesque-Bold;
    font-size: 22px;
    line-height: 28px;
  }
    .text-inherit{
        font-size:inherit !important;
        line-height:inherit !important;
        font-family:inherit !important ;
        color: inherit !important;
        font-weight: inherit !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;;
    }
    /*typography */
    /*footer */
    .footerMainDiv:before {
        transform: scaleX(2);
        background: linear-gradient(90deg, rgba(0, 22, 170, 1) 0%, rgba(0, 90, 242, 1) 50%, rgba(0, 22, 170, 1) 100%);
    }

    .reviewContent p ul li::before {
    left: -22px;
  }
    .aboutUsBanner:after {
    top: 83%;
    height: 130px;
    width: 130px;
  }
    .calculatorWrap:after {
    top: 83%;
    left: 46%;
    height: 160px;
    width: 160px;
  }
    .aboutUsBanner img,
    .periodicCalWrapper img {
    display: block;
    height: 750px;
    width: 100%;
  }
    .waveWrapper img {
    height: auto;
  }
    .joinUsMedia img {
    height: 450px;
  }

    .calculatorWrap .slick-slider,
    .reviewContent p ul {
    position: relative;
    margin-bottom: 20px;
  }
    /*footer */
    /*Menu start */
    .subMenuWrap .product-menu {
    width: 275px;
  }
    .homeBanner .slick-slider {
    min-height: 750px;
  }
    .topRightSec .topMenuItem:last-child {
    border-right-width: 0;
    padding-right: 0px;
  }
    .bottomMenuItem {
    position: relative;
  }
    .bottomMenuItem:after {
    position: absolute;
    left: 50%;
    top: -7px;
    opacity: 0;
        transform: translateX(-50%);
        content: url('https://images.ctfassets.net/6mz6gnctx58g/7ic1hCuwH8FyW93GYFkbJI/7e200e518b1f8d98b5ff9b9ba88423dd/menu-hover.svg');
        transition: 0.2s ease-in-out;
  }
    .bottomMenuItem:hover:after {
    opacity: 1;
  }
    .menuEntered.bottomMenuWrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        box-shadow: 0px 3px 20px #002abb4d;
  }
    .menuEntered .bottomRightSec {
    --tw-text-opacity: 1;
    color: rgb(0 42 187 / var(--tw-text-opacity, 1));
  }
    .menuEntered .subMenu {
        box-shadow: 0px 3px 20px #002abb4d;
    }
    .topRightSec .topMenuItem:first-child,
    .topRightSec .topMenuItem:last-child {
    display: block;
  }
    /*Menu start */
    /* slick slider */
    .slick-dots {
        bottom: 60px;
    }
    /* slick slider */
    /*Home Start */
    .aboutEducationSection .sectionTitle {
    max-width: none;
  }
    .homeBanner .homeBannerCarousel .contentWrapper {
        bottom: 15%;
    }
    .homeBanner .CurvedSeperator img {
    width: 100%;
        height:110px;
        width: 100vw;
  }

    /*Home End */

    /*POME Landing Page start */
    .bannerBottomBgWrap {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/1iYsaFcvcidqfSU9Wpi4dr/16f7e2951c11f431489cb867e6b87715/parents-bg-dt.png');
    }
    .pomebgwrap {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/1iYsaFcvcidqfSU9Wpi4dr/16f7e2951c11f431489cb867e6b87715/parents-bg-dt.png');
    }
    .categorySec:before {
        content: '';
        background: url('https://images.ctfassets.net/6mz6gnctx58g/3DQzCNNAgBsxKgqLZOXuYt/66a27f41e29a7236be15b19084764b37/oval-bg-POME.png');
        position: absolute;
        top: -5%;
        right: -50%;
        height: 1500px;
        width: 1510px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .articleSecWrap:last-child {
    margin-bottom: 0px;
    padding-bottom: 160px;
  }
    .POMCLandingSec.articleSecWrap:last-child {
    margin-bottom: 0px;
    padding-bottom: 100px;
  }
    .blueWaveWrap img {
    height: 650px;
  }
    .categorySec.pome:before {
    display: none;
  }
    .POMCWave .cardMedia,
    .pinkWrapper .pinkwave {
        height: 640px;
        top: -300px;
    }
    .POMEArticleCard .catMedia .mediaImg,
    .POMCArticleCard .catMedia .mediaImg,
    .seachArticleCard .catMedia .mediaImg {
    max-height: 250px;
    min-height: 250px;
        -o-object-fit: cover;
           object-fit: cover;
  }
    .productCard .prodMedia img {
    max-height: 250px;
    min-height: 250px;
  }

    /*POME Landing Page END */
    /*PLP Start */
    .plpProductCard:after {
        width: 50%;
        bottom: 100px;
    }

    /*PLP End */
    /*ADP Pome */

    .adpPome .contentWrapper {
    align-items: center;
  }
    .tryFileCard .mediaImg,
    .TryFileCardreverse .mediaImg {
    margin-left: 10px;
    margin-right: 10px;
        transform: rotate(11deg);
        overflow: hidden;
        position: relative;
  }
    .adpPomeCard {
        background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        top: 60px;
        bottom: -80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .adpPomeCardreverse p {
    padding-left: 20px;
    padding-right: 20px;
  }

    .adpPomeCardreverse {
        background: url('https://images.ctfassets.net/6mz6gnctx58g/nwU5uoj8bl0toGOjSY5mj/e082cdce6b1af73a9ed14ad272020030/text-bg-reverse.png');
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        bottom: 0;
        display: flex;
        height: 300px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .LikeGirlImage:before {
    top: 50%;
  }
    .PomcGirlImage img,
    .LikeGirlImage img {
    margin-left: 60px;
  }
    .reviewBanner .imgWrap img {
    min-height: 610px;
        position: absolute !important;
        top: 0 !important;
  }
    /* Period Calculator start*/

    .pcSliderParent .slick-slider .slick-arrow {
    display: block;
  }
    /* Period Calculator End*/

    .menuItems:nth-child(1) .menuList {
    height: 120px;
  }
    .menuItems:nth-child(1) .menuList a:nth-child(3) {
    width: 51%;
    word-break: break-all;
  }
    .otherCategories h2 {
    font-size: 42px;
    line-height: 46px;
  }
    .stickycontent p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    width: 100%;
    max-width: 350px;
    padding-left: 9px;
    padding-right: 20px;
    text-align: center;
        transform: translate(-50%, -50%);
        color: #022aba;
  }
    .searchWrap .POMEArticleCard,
    .searchWrap .POMCArticleCard {
    width: 25%;
  }
    /*pdp */

    .countBoxWrapper input {
        width: 350px;
    }
    .BannerCard:before {
    top: 10%;
  }
    .prodBaneer h3.title, .prodBaneer h2.title {
    font-size: 65px;
    line-height: 65px;
  }0C
    .countryGrid .countryName {
    display: inline-block;
    text-align: center;
  }
    .periodCalclogo .mediaImg {
    cursor: pointer;
  }
}
h3.charpcos, h2.charpcos {
    font-size: 19px;
    line-height: 26px;
    color: #8710CB;
}
h3.charpcosnormal {
    font-size: 19px;
    line-height: normal;
    color: #8710CB;
}
h3.bluetext, h2.bluetext {
    font-size: 20px;
    line-height: 36px;
    color: #002abb;
}
h2.irregularperiods, h3.irregularperiods {
    font-size: 20px;
    line-height: 36px;
}
h2.cardimgtexth2, h3.cardimgtexth3,h2.smallcardimgtexth2 {
    font-size: 20px;
    line-height: 36px;
}
h3.verysmallcardimgtexth3{
    font-size: 22px;
    line-height: 24px;
}
h2.pcostext24 {
    font-size: 26px;
    line-height:32px;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .aboutUsWave {
    position: absolute;
    top: 14%;
  }
    .WeCareStyles {
    position: absolute;
    top: 18%;
  }

    .calculatorWrap:after {
    left: 44%;
  }
    .rbannerImg {
    height: 290px;
    -o-object-fit: fill;
       object-fit: fill;
  }
    
    .LikeGirlImage .subTitle p,
    .PomcGirlImage .subTitle p {
    width: 50%;
  }

    .StickyCard .mediaWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
    .pomctitles,
    .adpAbtusBanner .heroTitle {
    padding-bottom: 60px;
    padding-top: 150px;
  }
    .searchtext .reg-dropdown {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
    .StickyCard .subtitle {
    padding-left: 25px;
  }
    .PomcGirlImage .subTitle {
        width: 26%;
    }
    .BannerCard:before {
    top: 10%;
  }
    
}
@media only screen and (min-device-width: 767px) and (max-device-width: 797px) {
    .ipadstyle {
    margin-left: auto;
    margin-right: auto;
  }
    .listWrapperPDP {
        top: -45vh !important;
    }
    .blueBgWrapper {
        height: 50vh;
    }
    .mainBlueStyleBg {
        width: 120vh !important;
        left: 0vh !important;
        height: auto !important;
    }
    .buyNowContainer {
        margin-top: 17vh;
    }
    .additionalProdInfoBox {
        padding: 0 30px;
    }
    .curvedBlueBg img {
        height: 87vh;
    }
    .pdpTabsContainer button,
    .tableStylecls table {
    width: 100%;
  }
    .ipadWrapper {
    width: 100%;
  }
    .ipadInfoBox {
        height: 0px;
    }   
   
}
@media (min-width: 1600px) {
    .countryGrid .countryName {
    font-size: 1vw;
  }
}
/* contact us page*/
.iframeHeight {
  margin-top: 150px;
  height: 562px;
}
.iframeWrapperHeight {
  height: 750px;
}
.atag:last-of-type {
  margin-bottom: 50px;
}
.siteMapSubHeadinig {
  line-height: 60px;
}
.colThreeBox:nth-of-type(2) .siteMapSubHeadinig,
.colThreeBox:nth-of-type(4) .siteMapSubHeadinig,
.colFourBox:nth-of-type(3) .siteMapSubHeadinig {
  --tw-bg-opacity: 1;
  background-color: rgb(135 16 203 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.siteMapMainHeading a,
.siteMapMainHeading h2 {
  line-height: 107px;
}
.siteMapMainHeading h2 {
  font-size: 32px;
}
/*pdp pages*/
.relatedProductsCls div img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.askAlwaysHeading {
  margin-bottom: 40px;
  margin-top: 100px;
}
.tableStylecls table,
.tableStylecls {
    border: none;
    border-collapse: collapse;
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.2);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tableStylecls table {
    table-layout: fixed;
}
.tableStylecls table tr:first-child td .lazyload-wrapper {
  display: inline-flex;
  height: 150px;
  vertical-align: middle;
}
.tableStylecls table tr:first-child td a,
.tableStylecls table tr:first-child td button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.purpleTheme .tableStylecls table tr:first-child td a,
.purpleTheme .tableStylecls table tr:first-child td button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.tableStylecls table tr:first-child td .lazyload-wrapper div {
  display: flex;
  align-items: center;
}
.purpleTableWrapper table tr:first-child td > p {
  font-size: 19px;
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.blueTableStylecls table tr:first-child td > p {
  font-size: 19px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.tableStylecls table tr:first-child td {
    border-top: 0;
}
.tableStylecls table tr td:first-child {
    border-left: 0;
    text-align: left;
    color: #022abb;
}
.tableStylecls table tr:last-child td {
    border-bottom: 0;
}
.tableStylecls table tr td:last-child {
    border-right: 0;
}
.tableStylecls td p {
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}
.tableStylecls td {
  border-width: 1px;
  border-color: rgb(0 42 187 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}
.askAlwaysContainer .faqQuestion,
.relatedProductsCls a,
.reviewMainWrapper {
    box-shadow: 0 3px 20px rgba(2, 42, 186, 0.2);
}
.tableStylecls td p {
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}
.tableStylecls td {
  border-width: 1px;
  border-color: rgb(0 42 187 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}
.askAlwaysContainer .faqQuestion,
.relatedProductsCls a,
.reviewMainWrapper {
    box-shadow: 0 3px 20px rgba(2, 42, 186, 0.2);
    margin-bottom: 3px;
}
.aditionalInfoContent div:first-child {
  padding-left: 0px;
}
.buyNowContainer .icon img:nth-of-type(2) {
  position: relative;
  top: -220px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
}
.buyNowContainer .icon img:first-child {
  position: relative;
  top: -80px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.buyNowContainer .icon span {
  position: relative;
  top: -220px;
  display: block;
  text-align: center;
  font-family: GalanoGrotesque-ExtraBold;
  font-size: 32px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.listUlmain li {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 50px;
  line-height: 26px;
    font-size: 19px;
}
.listUlmain li:before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/4Za22AmxpcVWsZ1HsQLiUo/598ff55896f0a730d634e98e7ad6eebd/circle-bg.png');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    position: absolute;
    left: -30px;
    top: 6px;
    height: 12px;
    width: 12px;
}
.pdpdropdown {
    box-shadow: 0 6px 10px rgba(2, 42, 186, 0.2);
}
.countBoxWrapper input {
  margin-left: 20px;
  width: auto;
  padding-right: 30px;
  font-family: GalanoGrotesque-Regular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.relatedProductsCls a {
  margin-left: 5px;
  margin-right: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-align: center;
  font-family: GalanoGrotesque-Bold;
}
.relatedProductsCls a p {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.relatedProductsCls a p + div {
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}
.relatedProductsCls a p:last-child {
  margin-bottom: 50px;
  font-family: GalanoGrotesque-Regular;
  font-size: 13px;
}
.relatedContentCls .iconImg {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: flex;
}
.curvedBlueBg img {
  position: relative;
  top: -75px;
}
.countBoxWrapper .showClass ul {
  right: 4px;
  width: 300px;
  overflow: hidden;
  border-width: 0;
}
.writeReviewBox input {
  margin-right: 50px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.writeReviewBox ul {
  overflow: hidden;
  border-width: 0;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.pdpTabsContainer button {
  margin-right: 30px;
  width: 70px;
  border-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.purpleTheme .pdpTabsContainer button .tabText {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.pdpTabsContainer .tab-default {
  border-bottom-width: 1px;
}
.rightSec {
  position: relative;
}
.blueTheme .reviewPurpleTitle {
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
@media (min-width: 600px) and (max-width: 1024px) {
    .outer-container {
        height: 500px;
    }
    .countrySlider .carousel-button.next:after {
        width: 300px;
    }
    .countrySlider .carousel-button.prev:after {
        width: 300px;
    }
}
@media (min-width: 1024px) and (max-width: 1395px) {
    .outer-container {
        height: 600px;
    }
    .mainCarouselWrapper {
    max-width: none;
  }
    img.mainBlueStyleBg {
        width: 105%;
        left: -2vh;
        top: 16vh;
    }
    div.listWrapperPDP {
        top: -16vh;
    }
    div.blueBgWrapper {
        min-height: 20vh;
        height: auto;
    }
    .menuList a:nth-child(3) {
    margin-bottom: 20px;
  }
    .menuItems:nth-child(3) .menuList a:nth-child(3) {
    margin-bottom: 0px;
  }
    .menuFooter .menuItems:nth-child(2) .menuList a:nth-child(3),
    .menuFooter .menuItems:nth-child(5) .menuList a:nth-child(3) {
    margin-bottom: 0px;
  }
    .pngLogo {
    margin-top: 15px;
    margin-bottom: 15px;
  }
    .StickyCard .contentWrapper .subtitle {
        width: 47%;
    }
    .TryFileCardreverse .adpPomeCard ol li {
        width: 80%;
        margin-left: 65px;
    }
    .tryFileCard .adpPomeCard ol li {
        width: 80%;
        margin-right: 65px;
    }
    .perioddayslist li {
    line-height: 22px;
  }
    .pinkWrapper .pinkwave {
    top: -120px;
  }
    .pomctitles {
    padding-bottom: 40px;
  }
    .PomcGirlImage .subTitle {
        width: 26%;
    }
    .BannerCard:before {
    top: 10%;
  }
    
   
}
@media (min-width: 320px) and (max-width: 767px) {
    h2.smallcardimgtexth2{
        font-size: 18px;
        line-height: 22px;
    }
    h3.verysmallcardimgtexth3{
    font-size: 15px;
    line-height: 21px;
    }
    h2.cardimgtexth2.listspfont,
    h3.cardimgtexth3.listspfont {
        font-size: 19px;
        line-height: 36px;
    }
    h2.irregularperiods, h3.irregularperiods {
        font-size: 24px;
        line-height: 29px;
    }
    h3.bluetext, h2.bluetext {
        font-size: 16px;
        line-height: 22px;
    }
    h3.bluetext.text19, h2.bluetext.text19 {
        font-size: 19px;
        line-height: 36px;
    }
    .blueBgWrapper {
    display: none;
  }
    .blueTheme .listWrapperPDP:before,
    .blueTheme .listWrapperPDP:after {
        content: ' ';
        position: absolute;
        z-index: 1;
        height: 80px;
        width: 100%;
    }

    .blueTheme .listWrapperPDP:before {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/3xJORZUtnKxNnEblucsYeD/cb2f3e748fe7ff4eb4db04cecc522958/mob-blue.svg');
        background-repeat: no-repeat;
        background-position: top center;
        top: -80px;
        left: 0;
    }
    .blueTheme .listWrapperPDP:after {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/3xJORZUtnKxNnEblucsYeD/cb2f3e748fe7ff4eb4db04cecc522958/mob-blue.svg');
        background-repeat: no-repeat;
        background-position: bottom center;
        bottom: -80px;
        left: 0;
    }
    .blueTheme .listWrapperPDP {
        background-color: #51d5fd;
        padding: 0px 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .purpleTheme .listWrapperPDP:before,
    .purpleTheme .listWrapperPDP:after {
        content: ' ';
        position: absolute;
        z-index: 1;
        height: 80px;
        width: 100%;
    }

    .purpleTheme .listWrapperPDP:before {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/p0w3qFZbfOvR8Ewv325Ps/fe5f4079a48a62bd0623329c01ea3792/mob-purple.svg');
        background-repeat: no-repeat;
        background-position: top center;
        top: -80px;
        left: 0;
    }
    .purpleTheme .listWrapperPDP:after {
        background-image: url('https://images.ctfassets.net/6mz6gnctx58g/p0w3qFZbfOvR8Ewv325Ps/fe5f4079a48a62bd0623329c01ea3792/mob-purple.svg');
        background-repeat: no-repeat;
        background-position: bottom center;
        bottom: -80px;
        left: 0;
    }
    .purpleTheme .listWrapperPDP {
        background-color: #dec7f1;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .buyNowContainer {
        display: block;
        box-shadow: 1px 1px 10px #ccc;
    }
    .prod-comp-wrapper {
        padding-top: 20%;
    }
    .additional-info.bg-curve {
        padding-top: 60px;
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    /* ipad pro 2nd gen */
    .slick-slide img {
        margin: 0 auto;
    }
    .buyNowContainer {
        margin-top: 100px;
    }
    img.mainBlueStyleBg {
        top: -15vh;
    }
    .prod-comp-wrapper {
        padding-top: 15%;
    }
    .additional-info.bg-curve:before {
        padding-top: 100px !important;
    }
    .perioddayslist li {
    line-height: 22px;
  }
    
}
/*pdp img gallery*/
.pdpPage .prdtGalryArwBx span {
    margin: 0 50px;
    font-family: GalanoGrotesque-Bold;
    font-size: 19px;
    --tw-text-opacity: 1;
    color: rgb(0 42 187 / var(--tw-text-opacity, 1));
}
.prodGalary .slick-slide.slick-current {
    opacity: 0.5;
}
.img-thumbnail .slick-track img {
  width: 100px;
}
.dateOfBirthField button {
  display: flex;
}
.dateOfBirthField span {
  position: relative;
  right: 10px;
  float: right;
}
.arrowBox:after {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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);
    content: '';
    border-right: 10px solid white;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    right: 100%;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 20%;
    height: 0px;
    width: 0px;
}
/* for mobile map design reference */
.outer-container {
    overflow: hidden;
}
.outer-container > div {
    flex: 1;
}
.outer-container .carousel-wrapper {
  display: flex;
  flex-direction: column;
}
.outer-container .carousel-wrapper p,
.carousel-item {
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    font-size: 26px;
}
.outer-container .content {
    background: var(--white);
}
.carousel {
    flex: 5;
    color: var(--white);
    display: flex;
    height: 100%;
    align-items: center;
}
.carousel-button {
    align-self: center;
    background: var(--orange);
    border: 2px solid var(--white);
    display: flex;
    width: 100px;
    border-radius: 30px;
    padding: 10px;
}
.carousel-button svg {
    fill: #fff;
    margin-left: auto;
    margin-right: auto;
    height: 26px;
    width: 26px;
}
.carousel-button path {
    fill: var(--white);
}
.slides {
    align-self: flex-start;
    flex: 1;
    width: 100%;
}
.carousel-inner {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  height: 350px;
  max-height: 380px;
  overflow: hidden;
}
.carousel-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 42 187 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    padding: 5px 0px;
}
.carousel-inner::before {
    top: 0;
    background: transparent linear-gradient(180deg, #4ed6fde6 0%, #4ed6fd00 100%) 0% 0% no-repeat padding-box;
}
.carousel-inner::after {
    bottom: 0;
    background: transparent linear-gradient(360deg, #4ed6fde6 0%, #4ed6fd00 100%) 0% 0% no-repeat padding-box;
}
.carousel-item {
  position: absolute;
  margin: 0px;
  padding: 0px;
  font-family: GalanoGrotesque-MediumItalic;
  --tw-text-opacity: 1;
  color: rgb(0 42 187 / var(--tw-text-opacity, 1));
  opacity: 0;
    background: none;
    border: none;
    top: 165px;
    transition: transform 0.4s ease, opacity 0.4s ease;
    width: 100%;
}
.carousel-item.visible {
    opacity: 1;
}
.outer-container {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/3S7heIEgHouMh3qxSQZ4T6/02f8748fa6aa566d61d1e0f166fde51d/map-select-bg-cropped-updated.svg')
        no-repeat;
    background-size: cover;
    background-position: bottom;
}
.carousel-button {
  z-index: 2;
}
.countrySlider .carousel-button.prev {
    margin-bottom: -50px;
}
.countrySlider .carousel-button.next {
    margin-top: -50px;
}
.regionSlider .carousel-button.next {
    /* margin-top: -40px; */
    position: absolute;
    right: 0;
    top: -16px;
}
.regionSlider .carousel-button.prev {
    /* margin-top: -40px; */
    position: absolute;
    left: 15px;
    top: -16px;
}
/* ADP Change starts */
.additional-info .lazyload-wrapper {
    display: none;
}
.additional-info.bg-curve {
    background: #dec7f2;
}
.additional-info.bg-curve:before,
.additional-info.bg-curve:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    width: 100%;
    background-repeat: no-repeat;
}
.additional-info.bg-curve:before {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/2I5dAn3PxOSs8zWwkra7oo/43582a298e9fc53844e6f476c396e6d9/big-purple-top.png');
    background-position: top center;
    top: -80px;
    background-size: cover;
    padding-top: 150px;
}
.additional-info.bg-curve:after {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/6pXuQoDnWjtlsqzAbsDixx/49f940521595e43fea8a75a714e24e17/big-purple-bottom.png');
    background-position: bottom center;
    bottom: -150px;
    background-size: cover;
    padding-bottom: 160px;
}
.blueTheme .additional-info.bg-curve {
    background: #4ed6fd;
}
.blueTheme .additional-info.bg-curve:before {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/7l2AueNTbi3I48b5wY7nVb/7e9c30031225008475d72426e97b3675/big-blue-top.png');
    background-position: top center;
    top: -80px;
    background-size: cover;
    padding-top: 150px;
}
.blueTheme .additional-info.bg-curve:after {
    background: url('https://images.ctfassets.net/6mz6gnctx58g/4jbab66KGAnpK2Hln9hEL1/ba677ce516fa1224dd85d0e0581f1951/big-blue-bottom.png');
    background-position: bottom center;
    bottom: -150px;
    background-size: cover;
    padding-bottom: 160px;
}
@media (min-width: 320px) and (max-width: 600px) {
    .additional-info.bg-curve {
        margin-top: 60px;
    }
    .additional-info.bg-curve:before {
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 100px;
        top: -50px;
    }
    .additional-info.bg-curve:after {
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 100px;
        bottom: -50px;
    }

    .blueTheme .additional-info.bg-curve:before {
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 100px;
        top: -50px;
    }
    .blueTheme .additional-info.bg-curve:after {
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 100px;
        bottom: -50px;
    }
}
.faqAnswers ul li {
    position: relative;
}
.faqAnswers ul li:before {
    content: '';
    background-image: url('https://images.ctfassets.net/6mz6gnctx58g/zDHP50JGXrkKXu2n6zOJ0/cad2607ec99e91e5154b61d8499e9642/pdpfaqList.png');
    background-position: 50%;
    background-size: 100%;
    position: absolute;
    left: -30px;
    top: 6px;
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}
.faqAnswers a {
  --tw-text-opacity: 1;
  color: rgb(135 16 203 / var(--tw-text-opacity, 1));
}
.prodGalary .slick-vertical .slick-slide {
    width: 70px;
}
@media only screen and (min-width: 798px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .rightSec .blueBgWrapper {
        height: auto;
    }
    .blueBgWrapper .mainBlueStyleBg {
        top: -50%;
    }
    .rightSec .listWrapperPDP {
        top: 50px;
    }
    .mainCarouselWrapper {
    margin-bottom: 170px;
  }
   
}
@media (min-width: 1395px) and (max-width: 1646px) {
    .menuItems:first-child .menuList {
    height: 140px;
  }
    .menuItems .menuList {
    height: 110px;
  }
}
@media (min-width: 1407px) {
    .menuFooter .menuItems:first-child .menuList {
    height: 95px;
  }
}
/* @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) { */
/* @media only screen and (min-width: 834px) and (max-height: 1194px)  and (-webkit-min-device-pixel-ratio: 1.5) { */
@media only screen and (min-width: 1024px) and (max-width: 1394px) and (-webkit-min-device-pixel-ratio: 1.5) {
    /* ipad pro 2nd genretion */
    body,
    .rightSec {
        /* border: 5px solid #900; */
    }
    img.mainBlueStyleBg {
        top: -16vh;
    }
    .countBoxWrapper {
        /* border: 1px solid #900; */
        margin-top: 60px;
    }
    .countBoxWrapper .counterText {
        float: left;
        margin-right: 20px;
        padding-top: 10px;
    }
    .countBoxWrapper .pdpCount {
        float: left;
    }
    .prod-comp-wrapper {
        padding-top: 100px;
    }
}
@media (min-width: 798px) and (max-width: 1394px) {
    .tableStylecls td {
        border-bottom: 0px;
    }      
    
}
.br1 {
    border: 1px solid #900;
}
.prodGalary .slick-track .slick-slide img {
  margin-bottom: 10px;
  width: 70px;
}
.buyNowContainer {
    box-shadow: 0px 1px 22px #002abb33;
}
.accessibility-hidden {
  position: absolute;
  top: auto;
  left: -10000px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* country selector  */
.centerbg-country{
    margin-top: 3%
}
.country-backround{
    background-color: #f3f5fc;
   /*  position: relative; */
}
.countrymaincontainer
{
width: 100%;
    margin: 0 auto;
    max-width: 1395px;
    padding: 0 15px;
    margin-top: -17vh;
    position: relative;
}
.countrymaincontainer .countrysubcontainer
{
    flex-wrap: wrap;
    margin-top: 40px;
}
.countrymaincontainer .countrytitle
{
    color: #022aba;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 auto 0 20px
}
.countrymaincontainer .countrytitlecontainer
{
    border-bottom: 1px solid rgba(2,42,186,.3);
    padding: 15px 0;

}
.countrymaincontainer .countrytitlecontainer img
{
width:20px;
height:20px !important;
}
.countrymaincontainer .countrysection
{
    width: 25%;
    margin-bottom: 40px;
}
.countrymaincontainer .countrysection .countrysubtitle
{
    font-family: 'GalanoGrotesque-Medium';
    font-size: 32px;
    color: #022aba;
    margin: 0 0 10px;
    line-height: 46px;
    font-weight: 400;
    text-transform: uppercase;
}
.countrymaincontainer .countrysection .countryitem
{
    margin: 0;
    color: #022aba;
    font-size: 19px;
    font-family: 'GalanoGrotesque-Medium',Arial,sans-serif;
    display: block;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 20px;
}
.centerbg-country img{
    height: 400px;
    width: 100%;
}
@media (max-width: 798px)
{
    .countrymaincontainer {
        margin-top: 15vh;

}
.centerbg-country img
{

    display:none;
}
.countrymaincontainer .countrysubcontainer
{
    display: block;
    width: 100%;


}
.countrymaincontainer .countrysection .countrysubtitle
{
    margin: 0 0 10px;
    background: #4ed6fd;
    padding: 19px 0 19px 15px;
    font-size: 20px;
    line-height: 35px;
}
.countrymaincontainer .countrysection
{
width:100%;
margin-bottom:0px;
}
.countrymaincontainer .countrytitle
{
    font-size:16px;
}
.countrymaincontainer .countrysection .countryitem 
{
    padding: 15px;
    border-bottom: 1px solid rgba(2,42,186,.2);
    margin-bottom:0px;
}
.country-backround{
    background-color:white;
   /*  position: relative; */
}
}
/* country selector  */
.alwaysAdpPomc a{
    overflow-wrap: break-word;
}
.small-text-title{
    font-size: 15px;
}
.adpPage .slick-dots{
    display: none !important;
}
@media (min-width: 361px) and (max-width: 400px) {
    .like-symbol{
           min-height: 425px;
    }
  }
@media (max-width: 360px) {
    .like-symbol{
           min-height: 400px;
    }
  }
.h3Bullet{
    margin-top: -6px;
    color: #002abb;
    font-size: 20px;
}
@media (max-width: 798px)
{
    .no-space{
        margin-top: -2rem;
    }
    
}
.alwaysAdpPomc h3 {
    font-size: 19px;
    line-height: 26px;
    color: #8710CB !important;
}
.alwaysAdpPomc h4 {
    font-size: 19px;
    line-height: 26px;
    color: #8710CB !important;
}
.link-wrapper flex{
    width: 60%;
    margin-top: 0px;
    justify-content: center;
}
.arrowIcon{
height: 20px;    
width: 48px;
}
@media (max-width: 768px){
    #widget-container iframe {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 60% !important;
    height: 60% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    }
    #widget-container iframe .femcare-kenya-webchat-iframe{
        position: fixed !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 60% !important;
        height: 60% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        }
}
@media (min-width: 769px){
    #widget-container iframe{
    border-radius: 10px;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
    position: relative;
    height: 55vh!important;
    width: 30vw!important;
    }
}
.cookie-consent{
    position: fixed;
    bottom: 0;
    right: 0;
    color: #002abb !important;
    border: 2px solid #002abb;
    border-radius: 40px;
    padding: 6px;
    display: inline-block;
    margin: -8px 0 0 -82px !important;
    background-color: #ffffff !important;
    cursor:pointer;
    z-index: 999;
}
.subheadings-ivc{
    margin: 0;
    color: #8710CB;
}
.howToGetPregnantFasterSubHeading + .lazyload-wrapper ul>li>h5{
    color: #8710CB;
    font-weight: 600;
}
@media (min-width: 1395px) {
    .periodStopsAndStartsAgainBanner .socialContainer{
        margin-top: 110px;
    }
}
.joinUsCard .contentWrapper{
    position:relative;
}
.joinUsCard .actionWrapper{
    position:absolute;
    bottom:30%;
    right:24%;
    cursor:pointer;
    width:20%;
}
.joinUsCard .actionWrapper img{
    display:none;
}
.joinUsCard .actionWrapper a{
    display:block;
    width:100%;
    height:50px;
}
@media (max-width:768px) {
    .joinUsCard .actionWrapper{
        bottom:41%;
    }
}
.minus-icon  .faq #Path_7597{
    display: none;
}
.pcalendarfertileItem{
    margin-top: 25px;
    text-align: left
}
@media (max-width:768px) {
    .pcalendarfertileItem{
        text-align: center
    }
}
.pcalendarfertileItem span{
display: inline-block; background-color: #002ABB;
}
.pcalendarfertileItem p {
   display: inline-block;
}
.pcalendarfertileItem .OvulationSubHeading {
    display: inline-block;padding-left: 30px;
 }
.cardimgtexth2 {
    color: #8710CB !important;
 }
@media (min-width:1250px) {
.period-coming-soon-keep li:before {
    top: 12px !important;
}
.period-coming-soon-keep li {
    margin:10px 0px !important;
}
}
@media (max-width:768px) {
    .adppomebannerForUpcomingPeriodContentWrapper .imgWrap img {
        display: none;
    }
}
.BannerIconCardBodyContent ol {
    color: inherit;
}
.BannerIconCardBodyContent ol li::marker {
    color: #ff56eb;
}
@media (min-width: 1395px) {
    .AdpPomcFaq .alwaysAdpPomc, .adppomcimage {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}
.perioddaysOvulationCard {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.perioddaysOvulationCard {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
  }
}
.periodCalc .faq-wrapper {
    margin-bottom: 0 !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.perioddaysOvulationCard .mediaWrapper{
align-self: center;
}
}
.quizSubTitle a {
    text-decoration: underline;
}
.radio__input {
    display: none;
  }
.radio__radio {
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-color: rgb(76, 76, 77);
    border-radius: 50%;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 2px;
  }
.radio__radio::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: #FF66D4;
    border-radius: 50%;
    transform: scale(0);
  }
.radio__input:checked  + .radio__radio{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 2px;
    border: 2px solid #002ABB;
  }
.radio__input:checked ~ p {
    color:#002abb !important;
    font-family: GalanoGrotesque-Bold}
.radio__input:checked + .radio__radio::after {
    transform: scale(1);
  }
.errorIconSvg {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.25rem;
}
.consentRadio {
    display: flex;
    flex-flow: column wrap;
}
.consentRadioData{
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    margin-left: -11px;
    margin-right: 16px;
    color: rgb(255, 255, 255);
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
}
.closeIconButton{
    color: rgba(0, 0, 0, 0.26);
    pointer-events: none;
    cursor: default;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    /* color: rgba(0, 0, 0, 0.54); */
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.closeIconPR{
    transform: translateY(-38px);
    color: white;
  }
.closeIcon{ 
        -webkit-user-select: none; 
           -moz-user-select: none; 
                user-select: none;
        width: 1em;
        height: 1em;
        display: inline-block;
        fill: currentcolor;
        flex-shrink: 0;
        transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        font-size: 1.5rem;
        color: white;
        right: 15px;
        position: absolute;
        transform: translateY(-38px);

}
label:hover.c1{
        background: blue;
}
.onHoverColorChange:hover{
     background-color: rgba(25, 118, 210, 0.04);
   
}
.onHoverColorChange{
    width: 16px;
    height: 16px;
    margin-top: 0.7%;
    cursor: pointer;
    color: rgb(0, 42, 187);
    background-color: rgba(255, 255, 255, 0.75);
}
.headingStyle{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.modalContainer{

        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        inset: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-tap-highlight-color: transparent;
        z-index: -1;
}
.dropdown-menu {
    background-color: white;
    border-radius: 20px;
    color:#002ABB;
}
.dropdown-menu .item {
    padding: 8px 16px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.dropdown-menu .item:hover,
.dropdown-menu .item:active,
.dropdown-menu .item:focus,
.liHover:hover, .liHoverOther:hover {
    font-weight: 700;
    background-color: rgba(217, 217, 217, 0.2);
    color: #002ABB;
}
@media (max-width: 1395px) {
    .quiz-qus-backward-arrow-button {
        position: absolute;
        left: 10vw;
      }
      
      .quiz-qus-forward-arrow-button {
        position: absolute;
        right: 10vw;
      }

      .quiz-qus-single-forward-arrow{
        margin: auto;
      }
}
@media (max-width: 767px) {
    .quiz-qus-backward-arrow, .quiz-qus-forward-arrow, .quiz-qus-single-forward-arrow{
      width: 50px;
      height: 44.72px;
      border: none !important;
    }
    .dropdown-menu .item {
        font-size: 16px;
    }
  }
@media (min-width:767px) {
    .quiz-qus-single-forward-arrow, .quiz-qus-forward-arrow {
        width: 80px;
        height:90px
    }
    .dropdown-menu .item {
        font-size: 20px;
    }
    
}
.concent a, .drawerText a, .childRejectionData a {
    text-decoration: underline;
    font-family: GalanoGrotesque-Medium;
}
.loader-container {
    position: relative;
    padding-bottom: 80px;
   }
@media (max-width: 768px) {
    .loader-container {
      padding-bottom: 40px;
     }
   }
.loader {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(-50%, -50%);
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: auto;
   }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
   }
.loading .blur-background {
    visibility: visible;
   }
.loading .loader {
    z-index: 999; /* Ensure the loader is on top of the blurred background */
   }
.sliderContainer{
    height: 20px;
    margin-left: 14px;
    width: 71% !important;
    border-radius: 19px;
    box-sizing: content-box;
    display: inline-block;
    position: relative;
    cursor: pointer;
    touch-action: none;
    color: rgb(25, 118, 210);
    -webkit-tap-highlight-color: transparent;
    padding: 13px 0px;
    margin-bottom: 40px;
  }
.sliderSpan1{
    background-color: rgb(230, 230, 230);
    display: block;
    position: absolute;
    border-radius: inherit;
    background-color: #E6E6E6;
    opacity: 0.38;
    width: 100%;
    height: inherit;
    top: 50%;
    transform: translateY(-50%);
  }
.sliderSpan2{
    left: 0%;
    /* width: 0%; */
    background-color: rgb(254, 45, 137);
    border: 1px solid rgb(254, 45, 137);
    height: 14px;
    display: block;
    position: absolute;
    border-radius: inherit;
    border: 1px solid currentcolor;
    transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    height: inherit;
    top: 50%;
    transform: translateY(-50%);

  }
.sliderSpan3{
    left: 0%;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: rgb(255, 255, 255);
    top: 50%;
    transform: translate(-1px, -50%);
    opacity: 0.8;
    display: none;
  }
.sliderSubContainer1{
    left: 0%;
    font-size: 18px;
    line-height: 24px;
    color: rgb(0, 42, 187);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.01071em;
    color: rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    top: 30px;
    transform: translateX(-50%);
    position: absolute;

  }
.sliderSubSpan1 {
    left: 50%;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: currentcolor;
    top: 50%;
    transform: translate(-1px, -50%);
    display: none;
  }
.sliderSubContainer2{
    left: 50%;
    font-size: 18px;
    color: rgb(76, 76, 77);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    color: rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    top: 30px;
    transform: translateX(-50%);
    position: absolute;
  }
.sliderSubSpan2{
    left: 100%;
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: currentcolor;
    top: 50%;
    transform: translate(-1px, -50%);
    display: none;
  }
.sliderSubContainer3{
    left: 100%;
    font-size: 14px;
    color: rgb(76, 76, 77);
        font-family: Roboto, Helvetica, Arial, sans-serif; 
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.43;
        letter-spacing: 0.01071em;
        color: rgba(0, 0, 0, 0.6);
        white-space: nowrap;
        top: 30px;
        transform: translateX(-50%);
        position: absolute;
  }
.sliderSubSpan3{
    /* left: 0%; */
    background-color: rgb(255, 102, 120);
    color: rgb(255, 102, 120);
    position: absolute;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    outline: 0px;
    background-color: currentcolor;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    top: 50%;
    transform: translate(-50%, -50%);


  }
.sliderSubSpan3::before{
    width: 24px;
    height: 24px;
    background-color: rgb(255, 102, 120);
    position: absolute;
    content: "";
    border-radius: inherit;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px
  }
.sliderSubSpan3::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    z-index: -1;
    background: content-box white;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(186, 136, 136);
    -o-border-image: initial;
       border-image: initial;
  }
.left_50 {
    left: 50%
  }
.sliderInput{
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 100%;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    direction: ltr;
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
  }
@media (max-width: 320px) {
    .drawerOK {
        width: 280px;
    }
}
@media (min-width:600px) and (max-width:798px) {
    .quizSubTitle p {
        font-size: 18px;
        line-height: 24px;
    }

    .quizAlignment {
        max-width: 650px !important
    }

    .quizDescriptionText {
        font-size: 30px !important;
        width: 512px !important
    }
}
@media (max-width:768px) {
    .takeAQuizCheckbox input[type="checkbox"],
    .quizRegistrationCheckbox  input[type="checkbox"]{
        width: 16px;
        height:16px;
        vertical-align: top;
        margin-top: 0.5vh;
        border-radius: 4px;
    }
}
@media (min-width: 600px) and (max-width:798px) {
    .takeAQuizCheckbox input[type="checkbox"] {
        vertical-align: baseline;
        border-radius: 4px;
        width: 16px;
        height:16px;
    }
}
@media (min-width:768px) {
    .takeAQuizCheckbox input[type="checkbox"]{
        width: 20px;
        height: 20px;
        vertical-align: middle;
        border-radius: 4px;
        margin-top: 0px;
    }

    .quizRegistrationCheckbox  input[type="checkbox"] {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        vertical-align: top;
        margin-top: 0px;
    }

    .quizRoute {
        width: 230px;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .TAQCheckbox {
        width: 70px;
        height: 60px;
    }
}
@media (min-width: 1024px) {
    .takeAQuizCheckbox input[type=checkbox] {
        vertical-align: bottom;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .reviewBanner .imgWrap img {
    min-height: 610px;
  }
}
.reviewBanner .imgWrap img {
    position: absolute;
    top: 0;
}
@media (max-width: 767px) {
    .blueTheme .listWrapperPDP:before,
    .blueTheme .listWrapperPDP:after {
        background-size: 150vw;
    }
    .blueTheme .listWrapperPDP .listUlmain {
        padding-bottom: 40px;
    }
    .blueTheme .listWrapperPDP .countBoxWrapper {
        margin-top: -40px;
    }
    .blueTheme .buyNowContainer {
        margin-top: 140px;
    } 
}
@media (max-width: 380px) {
    .blueTheme .additional-info.bg-curve:before {
        top: -43px;
    }
    .heroTitle {
        font-size: 37px;
    }
    .adpPomeCard, .adpPomeCardreverse {
        background-size: 320px;
        width: 300px;
    }
}
@media (min-width: 767px) and (max-width: 798px) {
    .blueTheme .listWrapperPDP {
        top: -60vh !important;
        left: 12%;
        width: 80%;
    }
    img.mainBlueStyleBg {
        top: -20%;
        width: 100% !important;
    }
    .buyNowContainer {
        margin-top: -5vw !important;
    }
}
@media (min-width: 1024px) and (max-width: 1395px) {
    img.mainBlueStyleBg {
        height: -webkit-fill-available;
        top: -30%;
        width: 80%;
        left: 12vh;
    }
    div.blueBgWrapper {
        height: 7vh;
    }
    div.listWrapperPDP {
        width: 65%;
        left: 2%;
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    .blueTheme .listWrapperPDP {
        width: 87%;
        left: 10%;
        top: 5%;
    }
}
@media (min-width: 1395px) {
    img.mainBlueStyleBg {
        height: auto;
        width: -webkit-fill-available;
        left: auto;
    }
    .adpPage .reviewBanner .textWrapper .pometitle {
        font-size: 59px;
        margin-top: 15px;
    }
    .blueTheme .listWrapperPDP {
        min-height: 40vh;
        margin-right: 25px;
    }
}
@media (max-width: 1395px) {
    .adpPage .reviewBanner .textWrapper .pometitle {
        line-height: normal;
    }
    .rbannerImg {
        height: 500px;
        -o-object-fit: cover;
           object-fit: cover;
    }
}
@media (max-width: 601px) {
    .adpPage .reviewBanner .textWrapper .pometitle {
        font-size: 30px;
    }
}
.recomdedSec .PeriodCalc .textWrapper {
    top: 80%;
}
.recomdedSec .PeriodCalc .imgWrap img {
    position: relative;
}
@media (max-width: 798px) {
    .recomdedSec .PeriodCalc .textWrapper {
        top: 85%;
    }
}
/* Add this CSS to your stylesheet */
/* Add this CSS to your stylesheet */
.nostopRightSec  {
    width: 79%;
    float: right;
    top: -50px;
    position: relative;
}
.MainMenu  {
    float: left;padding-top: 30px;
}
.MainMenu:hover .subMenu1,
.MainMenu:focus-within .subMenu1 {
    display: block;
    position: absolute;
    top: 75px;
}
.subMenu1 {
    display: none;
}
.NoscriptMobileOpen:hover .sideNavWrap1 {
    display: block; /* or any other display property you need */
}
.NoscriptMobileOpen:hover .MobileCloseIcon {
    display: block; /* or any other display property you need */
}
.sideNavWrap1 {
    display: none;
}
.MobileCloseIcon {
    display: none;
}
.MobileMenuAccordion {
    list-style: none;
    padding: 0;
    margin: 0;
}
.MobileMenuAccordion-checkbox {
display: none;
}
.MobileMenuAccordion-label {
display: block;
cursor: pointer;
padding: 10px 10px 10px 0; 
}
.MobileMenu_submenu {
list-style: none;
padding: 0;
margin: 0;
display: none;
}
.MobileMenuAccordion-checkbox:checked + .MobileMenuAccordion-label + .MobileMenu_submenu {
display: block;
background: #fff;
}
.MobileMenu_submenu li {
padding: 10px;
border-top: 1px solid #ccc;
}
@media (min-width: 1023px) and (max-device-width: 1023px) {
    .blueTheme .listWrapperPDP {
        width: 80%;
        left: 10%;
        top: -30%;
    }
    img.mainBlueStyleBg {
        top: -170px;
    }
    div.blueBgWrapper {
        height: 40vh;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .reviewBanner .imgWrap img {
    min-height: 610px;
        position: absolute !important;
        top: 0 !important;
  }
}
.reviewBanner .imgWrap img {
    position: absolute !important;
    top: 0 !important;
}
.placeholder\:text-14::-moz-placeholder {
  font-size: 14px;
}
.placeholder\:text-14::placeholder {
  font-size: 14px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mr-0:last-child {
  margin-right: 0px;
}
.last\:border-0:last-child {
  border-width: 0;
}
.focus-within\:outline:focus-within {
  outline-style: solid;
}
.focus-within\:outline-2:focus-within {
  outline-width: 2px;
}
.focus-within\:outline-\[\#ff2fa9\]:focus-within {
  outline-color: #ff2fa9;
}
.hover\:font-GalanoBold:hover {
  font-family: GalanoGrotesque-Bold;
}
.hover\:text-lightBlue:hover {
  --tw-text-opacity: 1;
  color: rgb(78 214 253 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-cobaltBlue:focus-visible {
  outline-color: #002ABB;
}
.focus-visible\:outline-white:focus-visible {
  outline-color: #ffffff;
}
@media (min-width: 320px) {

  .sm\:static {
    position: static;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:right-10 {
    right: 10px;
  }

  .sm\:right-20 {
    right: 20px;
  }

  .sm\:top-10vh {
    top: 10vh;
  }

  .sm\:top-15 {
    top: 15px;
  }

  .sm\:top-20 {
    top: 20px;
  }

  .sm\:top-40 {
    top: 40px;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .sm\:mx-3 {
    margin-left: 3px;
    margin-right: 3px;
  }

  .sm\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sm\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sm\:-mt-2 {
    margin-top: -2px;
  }

  .sm\:mb-10 {
    margin-bottom: 10px;
  }

  .sm\:mb-100 {
    margin-bottom: 100px;
  }

  .sm\:mb-20 {
    margin-bottom: 20px;
  }

  .sm\:mb-25 {
    margin-bottom: 25px;
  }

  .sm\:mb-27 {
    margin-bottom: 27px;
  }

  .sm\:mb-30 {
    margin-bottom: 30px;
  }

  .sm\:mb-40 {
    margin-bottom: 40px;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:ml-10 {
    margin-left: 10px;
  }

  .sm\:mr-0 {
    margin-right: 0px;
  }

  .sm\:mr-10 {
    margin-right: 10px;
  }

  .sm\:mt-10 {
    margin-top: 10px;
  }

  .sm\:mt-100 {
    margin-top: 100px;
  }

  .sm\:mt-12 {
    margin-top: 12px;
  }

  .sm\:mt-15 {
    margin-top: 15px;
  }

  .sm\:mt-20 {
    margin-top: 20px;
  }

  .sm\:mt-30 {
    margin-top: 30px;
  }

  .sm\:mt-4 {
    margin-top: 4px;
  }

  .sm\:mt-60 {
    margin-top: 60px;
  }

  .sm\:mt-80 {
    margin-top: 80px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-140 {
    height: 140px;
  }

  .sm\:h-150 {
    height: 150px;
  }

  .sm\:h-20 {
    height: 20px;
  }

  .sm\:h-200 {
    height: 200px;
  }

  .sm\:h-22 {
    height: 22px;
  }

  .sm\:h-45 {
    height: 45px;
  }

  .sm\:h-75 {
    height: 75px;
  }

  .sm\:h-85p {
    height: 85%;
  }

  .sm\:min-h-40 {
    min-height: 40px;
  }

  .sm\:w-140 {
    width: 140px;
  }

  .sm\:w-150 {
    width: 150px;
  }

  .sm\:w-165 {
    width: 165px;
  }

  .sm\:w-20 {
    width: 20px;
  }

  .sm\:w-22 {
    width: 22px;
  }

  .sm\:w-25 {
    width: 25px;
  }

  .sm\:w-285 {
    width: 285px;
  }

  .sm\:w-30 {
    width: 30px;
  }

  .sm\:w-320 {
    width: 320px;
  }

  .sm\:w-4\/5 {
    width: 80%;
  }

  .sm\:w-4\/6 {
    width: 66.666667%;
  }

  .sm\:w-4\/9 {
    width: 44.4444%;
  }

  .sm\:w-75 {
    width: 75px;
  }

  .sm\:w-90 {
    width: 90px;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-150 {
    max-width: 150px;
  }

  .sm\:max-w-300 {
    max-width: 300px;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:gap-22 {
    gap: 22px;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:border-r-0 {
    border-right-width: 0;
  }

  .sm\:bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(67 67 67 / var(--tw-bg-opacity, 1));
  }

  .sm\:p-10 {
    padding: 10px;
  }

  .sm\:px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm\:px-22 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .sm\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm\:py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sm\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm\:py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .sm\:pl-20 {
    padding-left: 20px;
  }

  .sm\:pl-6 {
    padding-left: 6px;
  }

  .sm\:pt-100 {
    padding-top: 100px;
  }

  .sm\:pt-110 {
    padding-top: 110px;
  }

  .sm\:pt-20 {
    padding-top: 20px;
  }

  .sm\:pt-50 {
    padding-top: 50px;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-justify {
    text-align: justify;
  }

  .sm\:text-12 {
    font-size: 12px;
  }

  .sm\:text-14 {
    font-size: 14px;
  }

  .sm\:text-16 {
    font-size: 16px;
  }

  .sm\:text-20 {
    font-size: 20px;
  }

  .sm\:text-26 {
    font-size: 26px;
  }

  .sm\:text-35 {
    font-size: 35px;
  }

  .sm\:leading-15 {
    line-height: 15px;
  }

  .sm\:leading-16 {
    line-height: 16px;
  }

  .sm\:leading-18 {
    line-height: 18px;
  }

  .sm\:leading-26 {
    line-height: 26px;
  }

  .sm\:leading-27 {
    line-height: 27px;
  }

  .sm\:leading-35 {
    line-height: 35px;
  }
}
@media (min-width: 798px) {

  .md\:static {
    position: static;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:-bottom-120 {
    bottom: -120px;
  }

  .md\:-left-20 {
    left: -20px;
  }

  .md\:-left-60 {
    left: -60px;
  }

  .md\:-right-20 {
    right: -20px;
  }

  .md\:-right-95 {
    right: -95px;
  }

  .md\:-top-15 {
    top: -15px;
  }

  .md\:-top-20 {
    top: -20px;
  }

  .md\:-top-50vh {
    top: -50vh;
  }

  .md\:bottom-0 {
    bottom: 0;
  }

  .md\:left-0 {
    left: 0;
  }

  .md\:left-150 {
    left: 150px;
  }

  .md\:left-15p {
    left: 15%;
  }

  .md\:left-60 {
    left: 60px;
  }

  .md\:right-5p {
    right: 5%;
  }

  .md\:right-auto {
    right: auto;
  }

  .md\:top-0 {
    top: 0;
  }

  .md\:top-148 {
    top: 148px;
  }

  .md\:top-20p {
    top: 20%;
  }

  .md\:top-29p {
    top: 29%;
  }

  .md\:top-38p {
    top: 38%;
  }

  .md\:top-40 {
    top: 40px;
  }

  .md\:top-40p {
    top: 40%;
  }

  .md\:top-44p {
    top: 44%;
  }

  .md\:top-60p {
    top: 60%;
  }

  .md\:top-80p {
    top: 80%;
  }

  .md\:top-auto {
    top: auto;
  }

  .md\:float-right {
    float: right;
  }

  .md\:float-left {
    float: left;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .md\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .md\:mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .md\:-ml-120 {
    margin-left: -120px;
  }

  .md\:-ml-150 {
    margin-left: -150px;
  }

  .md\:-ml-30 {
    margin-left: -30px;
  }

  .md\:-ml-70 {
    margin-left: -70px;
  }

  .md\:-ml-90 {
    margin-left: -90px;
  }

  .md\:-mt-40 {
    margin-top: -40px;
  }

  .md\:-mt-80 {
    margin-top: -80px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-10 {
    margin-bottom: 10px;
  }

  .md\:mb-20 {
    margin-bottom: 20px;
  }

  .md\:mb-30 {
    margin-bottom: 30px;
  }

  .md\:mb-31 {
    margin-bottom: 31px;
  }

  .md\:mb-40 {
    margin-bottom: 40px;
  }

  .md\:mb-42 {
    margin-bottom: 42px;
  }

  .md\:mb-45 {
    margin-bottom: 45px;
  }

  .md\:mb-50 {
    margin-bottom: 50px;
  }

  .md\:mb-60 {
    margin-bottom: 60px;
  }

  .md\:mb-70 {
    margin-bottom: 70px;
  }

  .md\:mb-80 {
    margin-bottom: 80px;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:ml-12 {
    margin-left: 12px;
  }

  .md\:ml-15 {
    margin-left: 15px;
  }

  .md\:ml-20 {
    margin-left: 20px;
  }

  .md\:ml-70 {
    margin-left: 70px;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mr-16 {
    margin-right: 16px;
  }

  .md\:mr-20 {
    margin-right: 20px;
  }

  .md\:mr-23 {
    margin-right: 23px;
  }

  .md\:mr-45 {
    margin-right: 45px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-10 {
    margin-top: 10px;
  }

  .md\:mt-120 {
    margin-top: 120px;
  }

  .md\:mt-15 {
    margin-top: 15px;
  }

  .md\:mt-16 {
    margin-top: 16px;
  }

  .md\:mt-18 {
    margin-top: 18px;
  }

  .md\:mt-20 {
    margin-top: 20px;
  }

  .md\:mt-21 {
    margin-top: 21px;
  }

  .md\:mt-30 {
    margin-top: 30px;
  }

  .md\:mt-40 {
    margin-top: 40px;
  }

  .md\:mt-50 {
    margin-top: 50px;
  }

  .md\:mt-6 {
    margin-top: 6px;
  }

  .md\:mt-60 {
    margin-top: 60px;
  }

  .md\:mt-68 {
    margin-top: 68px;
  }

  .md\:mt-80 {
    margin-top: 80px;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-200 {
    height: 200px;
  }

  .md\:h-220 {
    height: 220px;
  }

  .md\:h-270 {
    height: 270px;
  }

  .md\:h-300 {
    height: 300px;
  }

  .md\:h-350 {
    height: 350px;
  }

  .md\:h-380 {
    height: 380px;
  }

  .md\:h-420 {
    height: 420px;
  }

  .md\:h-500 {
    height: 500px;
  }

  .md\:h-530 {
    height: 530px;
  }

  .md\:h-570 {
    height: 570px;
  }

  .md\:h-60 {
    height: 60px;
  }

  .md\:h-600 {
    height: 600px;
  }

  .md\:h-60vh {
    height: 60vh;
  }

  .md\:h-75 {
    height: 75px;
  }

  .md\:h-90p {
    height: 90%;
  }

  .md\:h-90vh {
    height: 90vh;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:max-h-500 {
    max-height: 500px;
  }

  .md\:min-h-395 {
    min-height: 395px;
  }

  .md\:min-h-50 {
    min-height: 50px;
  }

  .md\:min-h-530 {
    min-height: 530px;
  }

  .md\:min-h-598 {
    min-height: 598px;
  }

  .md\:min-h-80 {
    min-height: 80px;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/6 {
    width: 16.666667%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:w-110p {
    width: 110%;
  }

  .md\:w-150 {
    width: 150px;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-20 {
    width: 20px;
  }

  .md\:w-200 {
    width: 200px;
  }

  .md\:w-230 {
    width: 230px;
  }

  .md\:w-240 {
    width: 240px;
  }

  .md\:w-245 {
    width: 245px;
  }

  .md\:w-250 {
    width: 250px;
  }

  .md\:w-260 {
    width: 260px;
  }

  .md\:w-26p {
    width: 26%;
  }

  .md\:w-290 {
    width: 290px;
  }

  .md\:w-3\/12 {
    width: 25%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-300 {
    width: 300px;
  }

  .md\:w-320 {
    width: 320px;
  }

  .md\:w-35p {
    width: 35%;
  }

  .md\:w-380 {
    width: 380px;
  }

  .md\:w-4\/12 {
    width: 33.333333%;
  }

  .md\:w-4\/6 {
    width: 66.666667%;
  }

  .md\:w-42 {
    width: 42px;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-500 {
    width: 500px;
  }

  .md\:w-512 {
    width: 512px;
  }

  .md\:w-560 {
    width: 560px;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-6\/9 {
    width: 66.666%;
  }

  .md\:w-600 {
    width: 600px;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }

  .md\:w-760 {
    width: 760px;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-9\/12 {
    width: 75%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-250 {
    max-width: 250px;
  }

  .md\:max-w-300 {
    max-width: 300px;
  }

  .md\:max-w-340 {
    max-width: 340px;
  }

  .md\:max-w-350 {
    max-width: 350px;
  }

  .md\:max-w-450 {
    max-width: 450px;
  }

  .md\:max-w-500 {
    max-width: 500px;
  }

  .md\:max-w-650 {
    max-width: 650px;
  }

  .md\:max-w-760 {
    max-width: 760px;
  }

  .md\:max-w-770 {
    max-width: 770px;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-28 {
    gap: 28px;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:border-b {
    border-bottom-width: 1px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }

  .md\:bg-lightestBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 252 / var(--tw-bg-opacity, 1));
  }

  .md\:bg-none {
    background-image: none;
  }

  .md\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .md\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .md\:p-18 {
    padding: 18px;
  }

  .md\:p-30 {
    padding: 30px;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .md\:px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md\:px-16 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .md\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .md\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .md\:px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .md\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md\:py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-10 {
    padding-bottom: 10px;
  }

  .md\:pb-100 {
    padding-bottom: 100px;
  }

  .md\:pb-120 {
    padding-bottom: 120px;
  }

  .md\:pb-130 {
    padding-bottom: 130px;
  }

  .md\:pb-160 {
    padding-bottom: 160px;
  }

  .md\:pb-35 {
    padding-bottom: 35px;
  }

  .md\:pb-40 {
    padding-bottom: 40px;
  }

  .md\:pb-50 {
    padding-bottom: 50px;
  }

  .md\:pb-60 {
    padding-bottom: 60px;
  }

  .md\:pb-80 {
    padding-bottom: 80px;
  }

  .md\:pb-95 {
    padding-bottom: 95px;
  }

  .md\:pl-130 {
    padding-left: 130px;
  }

  .md\:pl-230 {
    padding-left: 230px;
  }

  .md\:pl-35 {
    padding-left: 35px;
  }

  .md\:pl-40 {
    padding-left: 40px;
  }

  .md\:pl-50 {
    padding-left: 50px;
  }

  .md\:pl-58 {
    padding-left: 58px;
  }

  .md\:pl-63 {
    padding-left: 63px;
  }

  .md\:pr-40 {
    padding-right: 40px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-10 {
    padding-top: 10px;
  }

  .md\:pt-100 {
    padding-top: 100px;
  }

  .md\:pt-110 {
    padding-top: 110px;
  }

  .md\:pt-120 {
    padding-top: 120px;
  }

  .md\:pt-150 {
    padding-top: 150px;
  }

  .md\:pt-190 {
    padding-top: 190px;
  }

  .md\:pt-20 {
    padding-top: 20px;
  }

  .md\:pt-200 {
    padding-top: 200px;
  }

  .md\:pt-35 {
    padding-top: 35px;
  }

  .md\:pt-40 {
    padding-top: 40px;
  }

  .md\:pt-45 {
    padding-top: 45px;
  }

  .md\:pt-50 {
    padding-top: 50px;
  }

  .md\:pt-55 {
    padding-top: 55px;
  }

  .md\:pt-60 {
    padding-top: 60px;
  }

  .md\:pt-70 {
    padding-top: 70px;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-12 {
    font-size: 12px;
  }

  .md\:text-15 {
    font-size: 15px;
  }

  .md\:text-16 {
    font-size: 16px;
  }

  .md\:text-17 {
    font-size: 17px;
  }

  .md\:text-18 {
    font-size: 18px;
  }

  .md\:text-19 {
    font-size: 19px;
  }

  .md\:text-20 {
    font-size: 20px;
  }

  .md\:text-22 {
    font-size: 22px;
  }

  .md\:text-24 {
    font-size: 24px;
  }

  .md\:text-26 {
    font-size: 26px;
  }

  .md\:text-28 {
    font-size: 28px;
  }

  .md\:text-30 {
    font-size: 30px;
  }

  .md\:text-32 {
    font-size: 32px;
  }

  .md\:text-34 {
    font-size: 34px;
  }

  .md\:text-35 {
    font-size: 35px;
  }

  .md\:text-36 {
    font-size: 36px;
  }

  .md\:text-40 {
    font-size: 40px;
  }

  .md\:text-42 {
    font-size: 42px;
  }

  .md\:text-46 {
    font-size: 46px;
  }

  .md\:text-55 {
    font-size: 55px;
  }

  .md\:text-65 {
    font-size: 65px;
  }

  .md\:leading-20 {
    line-height: 20px;
  }

  .md\:leading-22 {
    line-height: 22px;
  }

  .md\:leading-24 {
    line-height: 24px;
  }

  .md\:leading-28 {
    line-height: 28px;
  }

  .md\:leading-30 {
    line-height: 30px;
  }

  .md\:leading-35 {
    line-height: 35px;
  }

  .md\:leading-36 {
    line-height: 36px;
  }

  .md\:leading-37 {
    line-height: 37px;
  }

  .md\:leading-38 {
    line-height: 38px;
  }

  .md\:leading-40 {
    line-height: 40px;
  }

  .md\:leading-56 {
    line-height: 56px;
  }

  .md\:leading-60 {
    line-height: 60px;
  }

  .md\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .md\:placeholder\:text-18::-moz-placeholder {
    font-size: 18px;
  }

  .md\:placeholder\:text-18::placeholder {
    font-size: 18px;
  }

  .md\:last\:mr-0:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {

  .mdl\:absolute {
    position: absolute;
  }

  .mdl\:relative {
    position: relative;
  }

  .mdl\:-left-20 {
    left: -20px;
  }

  .mdl\:-right-95 {
    right: -95px;
  }

  .mdl\:top-33p {
    top: 33%;
  }

  .mdl\:top-60p {
    top: 60%;
  }

  .mdl\:top-80p {
    top: 80%;
  }

  .mdl\:float-right {
    float: right;
  }

  .mdl\:m-0 {
    margin: 0px;
  }

  .mdl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .mdl\:mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mdl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .mdl\:-mt-300 {
    margin-top: -300px;
  }

  .mdl\:ml-28 {
    margin-left: 28px;
  }

  .mdl\:mt-0 {
    margin-top: 0px;
  }

  .mdl\:mt-80 {
    margin-top: 80px;
  }

  .mdl\:block {
    display: block;
  }

  .mdl\:hidden {
    display: none;
  }

  .mdl\:h-20 {
    height: 20px;
  }

  .mdl\:h-250 {
    height: 250px;
  }

  .mdl\:h-80 {
    height: 80px;
  }

  .mdl\:w-110 {
    width: 110px;
  }

  .mdl\:w-250 {
    width: 250px;
  }

  .mdl\:w-26p {
    width: 26%;
  }

  .mdl\:w-51p {
    width: 51%;
  }

  .mdl\:w-670 {
    width: 670px;
  }

  .mdl\:w-90 {
    width: 90px;
  }

  .mdl\:w-full {
    width: 100%;
  }

  .mdl\:max-w-500 {
    max-width: 500px;
  }

  .mdl\:max-w-800 {
    max-width: 800px;
  }

  .mdl\:max-w-md {
    max-width: 798px;
  }

  .mdl\:flex-row {
    flex-direction: row;
  }

  .mdl\:items-start {
    align-items: flex-start;
  }

  .mdl\:items-center {
    align-items: center;
  }

  .mdl\:items-baseline {
    align-items: baseline;
  }

  .mdl\:gap-60 {
    gap: 60px;
  }

  .mdl\:gap-x-40 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }

  .mdl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mdl\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mdl\:px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mdl\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .mdl\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mdl\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mdl\:pb-20 {
    padding-bottom: 20px;
  }

  .mdl\:pb-40 {
    padding-bottom: 40px;
  }

  .mdl\:pl-90 {
    padding-left: 90px;
  }

  .mdl\:pr-90 {
    padding-right: 90px;
  }

  .mdl\:pt-180 {
    padding-top: 180px;
  }

  .mdl\:pt-200 {
    padding-top: 200px;
  }

  .mdl\:text-left {
    text-align: left;
  }

  .mdl\:text-center {
    text-align: center;
  }

  .mdl\:align-bottom {
    vertical-align: bottom;
  }

  .mdl\:text-22 {
    font-size: 22px;
  }

  .mdl\:text-28 {
    font-size: 28px;
  }

  .mdl\:text-36 {
    font-size: 36px;
  }

  .mdl\:text-42 {
    font-size: 42px;
  }

  .mdl\:leading-32 {
    line-height: 32px;
  }

  .mdl\:leading-38 {
    line-height: 38px;
  }

  .mdl\:leading-48 {
    line-height: 48px;
  }
}
@media (min-width: 1395px) {

  .lg\:static {
    position: static;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:-bottom-120 {
    bottom: -120px;
  }

  .lg\:-left-40 {
    left: -40px;
  }

  .lg\:-left-90 {
    left: -90px;
  }

  .lg\:-right-14 {
    right: -14px;
  }

  .lg\:-right-70 {
    right: -70px;
  }

  .lg\:-top-13vh {
    top: -13vh;
  }

  .lg\:-top-15 {
    top: -15px;
  }

  .lg\:-top-160 {
    top: -160px;
  }

  .lg\:-top-80 {
    top: -80px;
  }

  .lg\:bottom-20p {
    bottom: 20%;
  }

  .lg\:bottom-50 {
    bottom: 50px;
  }

  .lg\:bottom-8p {
    bottom: 8%;
  }

  .lg\:left-10 {
    left: 10px;
  }

  .lg\:left-20 {
    left: 20px;
  }

  .lg\:left-200 {
    left: 200px;
  }

  .lg\:right-10p {
    right: 10%;
  }

  .lg\:right-auto {
    right: auto;
  }

  .lg\:top-15p {
    top: 15%;
  }

  .lg\:top-27p {
    top: 27%;
  }

  .lg\:top-30p {
    top: 30%;
  }

  .lg\:top-60p {
    top: 60%;
  }

  .lg\:top-70p {
    top: 70%;
  }

  .lg\:top-auto {
    top: auto;
  }

  .lg\:m-0 {
    margin: 0px;
  }

  .lg\:m-15 {
    margin: 15px;
  }

  .lg\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lg\:mx-16 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .lg\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lg\:-ml-130 {
    margin-left: -130px;
  }

  .lg\:-ml-90 {
    margin-left: -90px;
  }

  .lg\:-mt-130 {
    margin-top: -130px;
  }

  .lg\:-mt-160 {
    margin-top: -160px;
  }

  .lg\:-mt-20 {
    margin-top: -20px;
  }

  .lg\:-mt-200 {
    margin-top: -200px;
  }

  .lg\:-mt-30 {
    margin-top: -30px;
  }

  .lg\:-mt-70 {
    margin-top: -70px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-100 {
    margin-bottom: 100px;
  }

  .lg\:mb-160 {
    margin-bottom: 160px;
  }

  .lg\:mb-25 {
    margin-bottom: 25px;
  }

  .lg\:mb-30 {
    margin-bottom: 30px;
  }

  .lg\:mb-5 {
    margin-bottom: 5px;
  }

  .lg\:mb-60 {
    margin-bottom: 60px;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-100 {
    margin-left: 100px;
  }

  .lg\:ml-170 {
    margin-left: 170px;
  }

  .lg\:ml-50 {
    margin-left: 50px;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:mr-0 {
    margin-right: 0px;
  }

  .lg\:mr-20 {
    margin-right: 20px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-100 {
    margin-top: 100px;
  }

  .lg\:mt-140 {
    margin-top: 140px;
  }

  .lg\:mt-20 {
    margin-top: 20px;
  }

  .lg\:mt-25 {
    margin-top: 25px;
  }

  .lg\:mt-30 {
    margin-top: 30px;
  }

  .lg\:mt-32 {
    margin-top: 32px;
  }

  .lg\:mt-36 {
    margin-top: 36px;
  }

  .lg\:mt-40 {
    margin-top: 40px;
  }

  .lg\:mt-50 {
    margin-top: 50px;
  }

  .lg\:mt-70 {
    margin-top: 70px;
  }

  .lg\:mt-auto {
    margin-top: auto;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-370 {
    height: 370px;
  }

  .lg\:h-380 {
    height: 380px;
  }

  .lg\:h-40 {
    height: 40px;
  }

  .lg\:h-400 {
    height: 400px;
  }

  .lg\:h-440 {
    height: 440px;
  }

  .lg\:h-500 {
    height: 500px;
  }

  .lg\:h-520 {
    height: 520px;
  }

  .lg\:h-670 {
    height: 670px;
  }

  .lg\:h-750 {
    height: 750px;
  }

  .lg\:h-765 {
    height: 765px;
  }

  .lg\:h-818 {
    height: 818px;
  }

  .lg\:h-85 {
    height: 85px;
  }

  .lg\:h-90vh {
    height: 90vh;
  }

  .lg\:h-95 {
    height: 95px;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:min-h-115 {
    min-height: 115px;
  }

  .lg\:min-h-700 {
    min-height: 700px;
  }

  .lg\:min-h-750 {
    min-height: 750px;
  }

  .lg\:min-h-75vh {
    min-height: 75vh;
  }

  .lg\:min-h-818 {
    min-height: 818px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-1060 {
    width: 1060px;
  }

  .lg\:w-130 {
    width: 130px;
  }

  .lg\:w-130p {
    width: 130%;
  }

  .lg\:w-15p {
    width: 15%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-2\/6 {
    width: 33.333333%;
  }

  .lg\:w-20 {
    width: 20px;
  }

  .lg\:w-230 {
    width: 230px;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-30p {
    width: 30%;
  }

  .lg\:w-320 {
    width: 320px;
  }

  .lg\:w-330 {
    width: 330px;
  }

  .lg\:w-375 {
    width: 375px;
  }

  .lg\:w-380 {
    width: 380px;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-45p {
    width: 45%;
  }

  .lg\:w-5\/9 {
    width: 55.5555%;
  }

  .lg\:w-520 {
    width: 520px;
  }

  .lg\:w-530 {
    width: 530px;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-670 {
    width: 670px;
  }

  .lg\:w-70p {
    width: 70%;
  }

  .lg\:w-770 {
    width: 770px;
  }

  .lg\:w-790 {
    width: 790px;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-85p {
    width: 85%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-1000 {
    max-width: 1000px;
  }

  .lg\:max-w-1395 {
    max-width: 1395px;
  }

  .lg\:max-w-360 {
    max-width: 360px;
  }

  .lg\:max-w-380 {
    max-width: 380px;
  }

  .lg\:max-w-420 {
    max-width: 420px;
  }

  .lg\:max-w-650 {
    max-width: 650px;
  }

  .lg\:max-w-950 {
    max-width: 950px;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:max-w-unset {
    max-width: unset;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-100 {
    gap: 100px;
  }

  .lg\:gap-65 {
    gap: 65px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-45 {
    padding: 45px;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .lg\:px-125 {
    padding-left: 125px;
    padding-right: 125px;
  }

  .lg\:px-16 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lg\:px-180 {
    padding-left: 180px;
    padding-right: 180px;
  }

  .lg\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg\:px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .lg\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .lg\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .lg\:py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-100 {
    padding-bottom: 100px;
  }

  .lg\:pb-130 {
    padding-bottom: 130px;
  }

  .lg\:pb-150 {
    padding-bottom: 150px;
  }

  .lg\:pb-200 {
    padding-bottom: 200px;
  }

  .lg\:pb-210 {
    padding-bottom: 210px;
  }

  .lg\:pb-40 {
    padding-bottom: 40px;
  }

  .lg\:pb-50 {
    padding-bottom: 50px;
  }

  .lg\:pb-60 {
    padding-bottom: 60px;
  }

  .lg\:pb-90 {
    padding-bottom: 90px;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:pl-10 {
    padding-left: 10px;
  }

  .lg\:pl-15 {
    padding-left: 15px;
  }

  .lg\:pl-20 {
    padding-left: 20px;
  }

  .lg\:pl-25 {
    padding-left: 25px;
  }

  .lg\:pl-330 {
    padding-left: 330px;
  }

  .lg\:pl-65 {
    padding-left: 65px;
  }

  .lg\:pl-80 {
    padding-left: 80px;
  }

  .lg\:pl-90 {
    padding-left: 90px;
  }

  .lg\:pl-95 {
    padding-left: 95px;
  }

  .lg\:pr-10 {
    padding-right: 10px;
  }

  .lg\:pr-35 {
    padding-right: 35px;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-150 {
    padding-top: 150px;
  }

  .lg\:pt-16 {
    padding-top: 16px;
  }

  .lg\:pt-180 {
    padding-top: 180px;
  }

  .lg\:pt-20 {
    padding-top: 20px;
  }

  .lg\:pt-200 {
    padding-top: 200px;
  }

  .lg\:pt-240 {
    padding-top: 240px;
  }

  .lg\:pt-250 {
    padding-top: 250px;
  }

  .lg\:pt-30 {
    padding-top: 30px;
  }

  .lg\:pt-50 {
    padding-top: 50px;
  }

  .lg\:pt-55 {
    padding-top: 55px;
  }

  .lg\:pt-60 {
    padding-top: 60px;
  }

  .lg\:pt-80 {
    padding-top: 80px;
  }

  .lg\:pt-90 {
    padding-top: 90px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-16 {
    font-size: 16px;
  }

  .lg\:text-18 {
    font-size: 18px;
  }

  .lg\:text-20 {
    font-size: 20px;
  }

  .lg\:text-22 {
    font-size: 22px;
  }

  .lg\:text-24 {
    font-size: 24px;
  }

  .lg\:text-26 {
    font-size: 26px;
  }

  .lg\:text-30 {
    font-size: 30px;
  }

  .lg\:text-32 {
    font-size: 32px;
  }

  .lg\:text-36 {
    font-size: 36px;
  }

  .lg\:text-40 {
    font-size: 40px;
  }

  .lg\:text-42 {
    font-size: 42px;
  }

  .lg\:text-48 {
    font-size: 48px;
  }

  .lg\:text-55 {
    font-size: 55px;
  }

  .lg\:text-68 {
    font-size: 68px;
  }

  .lg\:text-72 {
    font-size: 72px;
  }

  .lg\:leading-28 {
    line-height: 28px;
  }

  .lg\:leading-32 {
    line-height: 32px;
  }

  .lg\:leading-36 {
    line-height: 36px;
  }

  .lg\:leading-42 {
    line-height: 42px;
  }

  .lg\:leading-46 {
    line-height: 46px;
  }

  .lg\:leading-48 {
    line-height: 48px;
  }

  .lg\:leading-50 {
    line-height: 50px;
  }

  .lg\:leading-65 {
    line-height: 65px;
  }

  .lg\:leading-76 {
    line-height: 76px;
  }

  .lg\:opacity-60 {
    opacity: 0.6;
  }

  .lg\:last\:pl-20:last-child {
    padding-left: 20px;
  }
}