@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&display=swap');

/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::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:  ;
}

.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.fixed{
  position: fixed;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.size-7{
  width: 1.75rem;
  height: 1.75rem;
}

.table-auto{
  table-layout: auto;
}

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

.font-primary_font{
  font-family: Mulish;
}

.underline{
  text-decoration-line: underline;
}

.outline{
  outline-style: solid;
}

/*NEW DROP DOWN MENU*/

html{
  scroll-padding-top: 4rem;
  scroll-behavior: smooth;
}

body{
  width: 100%;
}

body p{
  font-size: clamp(1rem,1.5vw,1.15rem);
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  body p{
    line-height: 2rem;
  }
}

#wrapper{
  position: relative;
}

@media not all and (min-width: 1024px){
  #wrapper{
    overflow: hidden;
  }
}

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

.topBar{
  display: flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

@media (min-width: 768px){
  .topBar{
    justify-content: space-between;
  }
}

.topBar > div{
  width: 100%;
}

@media (min-width: 640px){
  .topBar > div{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .topBar > div{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .topBar > div{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .topBar > div{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .topBar > div{
    max-width: 1536px;
  }
}

.topBar > div{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media not all and (min-width: 640px){
  .topBar > div{
    justify-content: center;
  }
}

.emailbox, .callbox{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.emailbox:hover, .callbox:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.emailbox{
  background-image: url('../img/email.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
}

@media not all and (min-width: 640px){
  .emailbox{
    display: none;
  }
}

.callbox{
  background-image: url('../img/phone.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
}

@media (min-width: 768px){
  .callbox{
    margin-left: 1.25rem;
  }
}

.customize{
  margin-left: 0.5rem;
}

.customize a{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(10 89 234 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.searchBtnevent a{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
  background-image: url('../img/search.svg');
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 1rem;
  padding-right: 1rem;
  text-indent: -24rem;
}

@media (min-width: 768px){
  .searchBtnevent a{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

.logoNav{
  position: sticky;
  top: 0px;
  z-index: 20;
  display: flex;
  height: 5rem;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}

@media not all and (min-width: 1024px){
  .logoNav{
    z-index: 10;
  }
}

@media not all and (min-width: 640px){
  .logoNav{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.logoNav>div{
  width: 100%;
}

@media (min-width: 640px){
  .logoNav>div{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .logoNav>div{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .logoNav>div{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .logoNav>div{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .logoNav>div{
    max-width: 1536px;
  }
}

.logoNav>div{
  margin-left: auto;
  margin-right: auto;
}

.logoNavWrapper{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.logo{
  display: flex;
  align-items: center;
}

.logo img{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px){
  .logo img{
    padding-left: 1.25rem;
  }
}

@media (min-width: 1024px){
  .logo img{
    width: 130px;
    width: 100%;
    padding-left: 0px;
  }
}

.experience{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: Outfit;
}

.experience .years{
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 133 160 / var(--tw-text-opacity));
}

.experience .text{
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.experience strong{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.open-menu{
  margin-left: 1.25rem;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .open-menu{
    display: none;
  }
}

.close-menu{
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .close-menu{
    display: none;
  }
}

.nav-links-container{
  width: 100%;
}

@media (min-width: 640px){
  .nav-links-container{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .nav-links-container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .nav-links-container{
    max-width: 1536px;
  }
}

.nav-links-container{
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 1024px){
  .nav-links-container{
    visibility: visible;
    position: static;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    overflow: visible;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.nav-links-container.open{
  visibility: visible;
  right: 0px;
  transition-delay: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 1024px){
  .nav-links{
    display: flex;
    justify-content: space-between;
  }
}

.nav-links>.nav-link-item{
  margin: 0px;
  display: block;
}

@media (min-width: 1024px){
  .nav-links>.nav-link-item{
    position: relative;
  }
}

.nav-links>.nav-link-item>a, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link{
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .nav-links>.nav-link-item>a, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link{
    align-items: center;
    --tw-border-opacity: 1;
    border-color: rgb(0 133 160 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
  }
}

@media (min-width: 1024px){
  .nav-links>.nav-link-item>a, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link{
    border-width: 0px;
    padding: 24px 16px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
}

.nav-links>.nav-link-item:hover>a, .nav-links>.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .nav-links>.nav-link-item:hover>a, .nav-links>.active{
    --tw-text-opacity: 1;
    color: rgb(246 139 30 / var(--tw-text-opacity));
  }
}

.nav-link-item>a>.fa-chevron-down{
  pointer-events: none;
  margin-left: 0.5rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 1024px){
  .nav-link-item:hover>a>.fa-chevron-down{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.nav-links>.nav-link-item>.dropdown-menu{
  position: relative;
  left: auto;
  max-height: 0px;
  width: 100%;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 133 160 / var(--tw-border-opacity));
}

@media (min-width: 1024px){
  .nav-links>.nav-link-item>.dropdown-menu{
    visibility: hidden;
    position: absolute;
    top: 80%;
    left: -16px;
    z-index: 20;
    max-height: 24rem;
    width: 250px;
    --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));
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    opacity: 0;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
}

.nav-links>.nav-link-item:hover>.dropdown-menu{
  --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));
  opacity: 1;
}

@media (min-width: 1024px){
  .nav-links>.nav-link-item:hover>.dropdown-menu{
    visibility: visible;
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.dropdown-menu>.dropdown-menu-item>a{
  display: block;
  border-style: none;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 1024px){
  .dropdown-menu>.dropdown-menu-item>a{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
}

.dropdown-menu>.dropdown-menu-item>a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.titleWrapper{
  width: 100%;
}

@media (min-width: 640px){
  .titleWrapper{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .titleWrapper{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .titleWrapper{
    max-width: 1536px;
  }
}

.titleWrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(2vw,2rem);
  text-align: center;
}

.titleWrapper span{
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 2;
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.titleWrapper h2{
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,2.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.grid2{
  display: grid;
  gap: 1.5rem;
}

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

@media (min-width: 1536px){
  .grid2{
    gap: 2.5rem;
  }
}

.grid3{
  display: grid;
  gap: 1.5rem;
}

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

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

/*CARD BLOCK START*/

.trendingItem{
  margin-bottom: min(4vw,4rem);
}

.trendingCard{
  position: relative;
  margin-bottom: 1.25rem;
  border-radius: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  text-align: left;
  --tw-shadow: 0 3px 10px rgb(0,0,0,0.2);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.region{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  height: 2.25rem;
  padding-bottom: 0.5rem;
  padding-top: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.trendingImage{
  aspect-ratio: 342/203;
  width: 100%;
  overflow: hidden;
}

.trendingImage img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.trendingCard:hover .trendingImage img{
  --tw-rotate: 1deg;
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.price{
  position: absolute;
  bottom: 3.5rem;
  left: 2.5rem;
  z-index: 10;
  display: inline-block;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(246 240 243 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.oldprice{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}

.amount{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.trendinghighlight{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
}

.days, .altitude{
  padding-left: 2rem;
}

.days{
  background-image: url('../img/days.svg');
  background-position: left;
  background-repeat: no-repeat;
}

.altitude{
  background-image: url('../img/altitude.svg');
  background-position: left;
  background-repeat: no-repeat;
}

.trendingContent{
  text-align: center;
}

.trendingContent h3{
  margin-bottom: 0.5rem;
  font-size: clamp(1.25rem,2vw,1.5rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.trendingContent .rating, .rating{
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

/*END OF CARD BLOCK*/

/*CLOUD BLOCK*/

.cloud{
  overflow: hidden;
}

.cloud img{
  animation: cld calc(8s * var(--i)) linear infinite;
  opacity: .6;
  max-width: 100%;
  position: absolute;
  bottom: 0;
}

@keyframes cld{
  0%{
    transform: translateX(-100%);
  }

  100%{
    transform: translateX(100%);
  }
}

/*END CLOUD BLOCK*/

/*ICON CARD*/

.iconCard{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}

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

.iconCard .icon{
  margin: auto;
  margin-bottom: 1.25rem;
  display: inline-block;
}

.iconCard h3{
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.iconCard p{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

/*END OF ICON CARD*/

.zoomEffect{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.zoomEffect:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn{
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.btn:hover{
  --tw-border-opacity: 1;
  border-color: rgb(246 139 30 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.blockBtn{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.blockBtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

/*TAB BLOCK*/

.tabBlock{
  position: relative;
  margin-bottom: 2.75rem;
  display: inline-block;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding: 10px;
}

.tabBlock a{
  display: inline-block;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.tabBlock a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.tabBlock a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* .tabBlock .tab{
  @apply absolute h-full w-1/5 top-0 left-0 rounded-full bg-secondary_yellow-400 -z-10
} */

/*****HOMEPAGE*****/

/*HERO SECTION*/

.herobanner{
  overflow: hidden;
}

@media not all and (min-width: 640px){
  .herobanner{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.herobannerWrapper{
  position: relative;
  isolation: isolate;
  z-index: -1;
}

.herobannerImage{
  /* @apply after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-black after:opacity-30 after:z-10 after:content-[''] */
  position: relative;
  z-index: -10;
  aspect-ratio: 7.5/3;
  width: 100%
}

.herobannerImage::after{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.3);
  --tw-content: '';
  content: var(--tw-content);
}

@media not all and (min-width: 640px){
  .herobannerImage{
    aspect-ratio: 4/3;
  }
}

.herobannerImage img, .herobannerIframe{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.herobannerContent{
  position: absolute;
  top: 50%;
  left: 5%;
  z-index: 20;
  max-width: 480px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.herobannerContent h2{
  margin-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,2.5vw,2.25rem);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.herobannerContent p{
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .herobannerContent p{
    display: none;
  }
}

.herobannerContent a{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.herobannerContent a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

section{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

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

/*Trending SECTION*/

.trending{
  width: 100%;
}

@media (min-width: 640px){
  .trending{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .trending{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .trending{
    max-width: 1536px;
  }
}

.trending{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(6vw,3.5rem);
}

/*FIXED DEPARTURE*/

.fixeddeparture{
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

.fixeddeparture > div{
  width: 100%;
}

@media (min-width: 640px){
  .fixeddeparture > div{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .fixeddeparture > div{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .fixeddeparture > div{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .fixeddeparture > div{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .fixeddeparture > div{
    max-width: 1536px;
  }
}

.fixeddeparture > div{
  margin-left: auto;
  margin-right: auto;
}

.fixeddeparture table{
  width: 100%;
}

@media not all and (min-width: 640px){
  .fixeddeparture table tbody{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}

.fixeddeparture table thead{
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(0 133 160 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .fixeddeparture table thead{
    display: none;
  }
}

.fixeddeparture table thead th{
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
}

/* .fixeddeparture table tbody tr{
  @apply max-sm:border-b-4 max-sm:border-secondary_yellow-400 max-sm:pt-5 max-sm:block
} */

@media not all and (min-width: 640px){
  .fixeddeparture table tbody tr{
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(246 139 30 / var(--tw-border-opacity));
    padding: 0.75rem;
  }
}

.fixeddeparture table tbody td{
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .fixeddeparture table tbody td{
    position: relative;
    display: block;
    padding-bottom: 0px;
    padding-top: 1.5rem;
  }

  .fixeddeparture table tbody td::before{
    position: absolute;
    top: 0.5rem;
    left: 0px;
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 133 160 / var(--tw-text-opacity));
    --tw-content: attr(data-cell);
    content: var(--tw-content);
  }
}

@media (min-width: 768px){
  .fixeddeparture table tbody td{
    border-top-width: 1px;
  }
}

@media not all and (min-width: 640px){
  .fixeddeparture table tbody td:last-child{
    padding-top: 0px;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 768px){
  .fixeddeparture table tbody td:last-child{
    text-align: right;
  }
}

.fixeddeparture table tbody td:first-child{
  font-size: clamp(1rem,4vw,1.25rem);
  font-weight: 700;
}

.fixeddeparture table tbody tr:hover td:first-child{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.tripDate, .available, .wasprice{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .tripDate, .available, .wasprice{
    display: block;
  }
}

.wasprice{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .tripDays, .status{
    display: block;
  }
}

/*SECTION DESTINATION*/

.destination{
  width: 100%;
}

@media (min-width: 640px){
  .destination{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .destination{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .destination{
    max-width: 1536px;
  }
}

.destination{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

@media (min-width: 1024px){
  .destination{
    flex-direction: row;
  }
}

.destination:after{
  content: '';
  box-shadow: 0 0 12px 8px rgb(0 0 0 / .2);
  border-radius: 50%;
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 20%;
  right: 20%;
  z-index: -1;
}

.companyAbout{
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 768px){
  .companyAbout{
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px){
  .companyAbout{
    width: 33.333333%;
    text-align: left;
  }
}

.destination h2{
  margin-bottom: 1.25rem;
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,2.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.destination p{
  margin-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

/* .destinationSlider{
  @apply  md:w-2/3 grid grid-cols-[repeat(auto-fit,minmax(245px,1fr))] gap-2 overflow-x-auto
} */

.destinationSlider{
  display: grid;
  grid-auto-columns: 55%;
  grid-auto-flow: column;
  gap: 1.5rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

@media not all and (min-width: 768px){
  .destinationSlider{
    width: 100%;
  }
}

@media (min-width: 1024px){
  .destinationSlider{
    grid-auto-columns: minmax(245px,1fr);
  }
}

.destinationSlider::-webkit-scrollbar{
  display: none;
}

.grid-item.destinationSlider::-webkit-scrollbar{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.snaps-inline{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
  --tw-scroll-snap-strictness: mandatory;
}

.snaps-inline > *{
  scroll-snap-align: start;
}

.destinationSlider .slide{
  position: relative;
  aspect-ratio: 49/74;
  width: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
}

.destinationSlider .countryname{
  position: absolute;
  bottom: 2.5rem;
  z-index: 20;
  --tw-rotate: -90deg;
  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));
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / 0.8);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.destinationSlider .slide:hover .countryname{
  bottom: 6rem;
}

.destinationSlider .slide img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*SECTION FEATURES*/

.features{
  width: 100%;
}

@media (min-width: 640px){
  .features{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .features{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .features{
    max-width: 1536px;
  }
}

.features{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw,3.5rem);
}

.features p{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.75rem;
  max-width: 792px;
  text-align: center;
}

/*SECTION RECOMMENDED*/

.recommended{
  width: 100%;
}

@media (min-width: 640px){
  .recommended{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .recommended{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .recommended{
    max-width: 1536px;
  }
}

.recommended{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw,3.5rem);
  text-align: center;
}

/*SECTION TO KNOW*/

.toknow{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

.toknow >div{
  width: 100%;
}

@media (min-width: 640px){
  .toknow >div{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .toknow >div{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .toknow >div{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .toknow >div{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .toknow >div{
    max-width: 1536px;
  }
}

.toknow >div{
  margin-left: auto;
  margin-right: auto;
}

.toknow h2{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.faqWrapper h3{
  cursor: pointer;
  background-image: url('../img/arrow.svg');
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 2.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.faqWrapper h3:hover{
  text-decoration-line: underline;
}

.faqItem{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 133 160 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.faqItem p{
  display: none;
  padding-right: 2.75rem;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.grid-item.faqItem p{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.active h3{
  background-image: url('../img/uparrow.svg');
}

.active p{
  display: flex;
}

.videoBlock{
  padding-top: 2.5rem;
}

.videoWrapper{
  position: relative;
}

.videoImage{
  aspect-ratio: 16/7;
  overflow: hidden;
  border-radius: 0.5rem;
}

.videoImage iframe{
  display: none;
  aspect-ratio: 16/7;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-item.videoImage iframe{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.videoImage img{
  aspect-ratio: 12/6;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px){
  .videoImage img{
    aspect-ratio: 12/5;
  }
}

.videoPlay{
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(100px,15vw);
  height: min(100px,15vw);
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
}

/*SECTION TESTIMONIALS*/

.testimonials{
  width: 100%;
}

@media (min-width: 640px){
  .testimonials{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .testimonials{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .testimonials{
    max-width: 1536px;
  }
}

.testimonials{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
  text-align: center;
}

.testimonials:after{
  content: '';
  box-shadow: 0 0 12px 8px rgba(97, 91, 91, 0.2);
  border-radius: 50%;
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 20%;
  right: 20%;
  z-index: -1;
}

.testimonials .gallery{
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  justify-content: center;
  gap: 0.5rem;
}

@media not all and (min-width: 640px){
  .testimonials .gallery{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.gallery .galleryItem{
  aspect-ratio: 5/6;
  width: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
}

.gallery .galleryItem img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery > div:nth-child(odd){
  margin-top: 3.5rem;
}

@media not all and (min-width: 640px){
  .gallery>div:nth-child(1),.gallery>div:nth-child(2), .gallery>div:nth-child(8),.gallery>div:nth-child(9){
    display: none;
  }
}

.gallery > div .galleryItem{
  margin-bottom: 1rem;
}

.gallery > div:first-child, .gallery > div:last-child{
  opacity: 0.6;
}

.gallery > div:nth-child(2), .gallery > div:nth-child(8){
  opacity: 0.8;
}

.testimonials .titleWrapper{
  bottom: 7rem;
}

@media (min-width: 768px){
  .testimonials .titleWrapper{
    position: absolute;
  }
}

/*SECTION BLOG*/

section.blog{
  width: 100%;
}

@media (min-width: 640px){
  section.blog{
    max-width: 640px;
  }
}

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

@media (min-width: 1024px){
  section.blog{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  section.blog{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  section.blog{
    max-width: 1536px;
  }
}

section.blog{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

.blogImage{
  margin-bottom: 1rem;
  aspect-ratio: 16/15;
  overflow: hidden;
}

.blogImage img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.blogImage img:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.category{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.category span{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.blogTitle{
  cursor: pointer;
  font-family: DM Serif Text;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media (min-width: 768px){
  .blogTitle{
    margin-bottom: 1.25rem;
  }
}

.blogList .blogContent{
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}

.blogList .blogContent:last-of-type{
  border-width: 0px;
}

/*INSTAGRAM*/

.insta{
  width: 100%;
}

@media (min-width: 640px){
  .insta{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .insta{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .insta{
    max-width: 1536px;
  }
}

.insta{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: min(8vw,3.5rem);
}

.insta h2{
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  text-align: left;
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,2.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* .instaImgWrapper{
  @apply grid grid-cols-4 gap-6
} */

.instaImgWrapper{
  height: 282px;
}

.instaImg{
  overflow: hidden;
  border-width: 10px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.instaImg img{
  aspect-ratio: 182/141;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*HISTORY*/

.history{
  width: 100%;
}

@media (min-width: 640px){
  .history{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .history{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .history{
    max-width: 1536px;
  }
}

.history{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: min(8vw,3.5rem);
}

.historyWrapper h2{
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,2.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.historyImage{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.historyImageWrapper{
  aspect-ratio: 25/21;
  width: min(23%,100px);
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*FOOTER SECTION*/

footer{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-top: min(8vw,3.5rem);
  padding-bottom: 1.25rem;
}

.footerWrapper{
  width: 100%;
}

@media (min-width: 640px){
  .footerWrapper{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .footerWrapper{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .footerWrapper{
    max-width: 1536px;
  }
}

.footerWrapper{
  margin-left: auto;
  margin-right: auto;
}

@media not all and (min-width: 640px){
  .footerWrapper{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.companyAddress{
  margin-bottom: 3rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(246 139 30 / var(--tw-border-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: grid;
  gap: 1.5rem;
}

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

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

@media not all and (min-width: 640px){
  .companyAddress{
    display: none;
  }
}

@media (min-width: 768px){
  .companyAddress{
    border-width: 1px;
  }
}

.companyAddress .iconWrapper{
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.infoWrapper{
  display: flex;
  gap: 1.25rem;
  border-color: rgb(255 255 255 / 0.3);
}

.infoWrapper:last-of-type{
  border-width: 0px;
}

@media (min-width: 768px){
  .infoWrapper{
    border-right-width: 1px;
  }
}

.infoWrapper .address{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
  padding-right: 1.5rem;
}

.infoWrapper .address strong, .infoWrapper .address p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.infoWrapper .address strong{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.address a{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.address a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.footerNav{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: 3.5rem;
  text-align: center;
}

@media (min-width: 768px){
  .footerNav{
    flex-direction: row;
    text-align: left;
  }
}

.footerNav h3{
  position: relative;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.footerNav h3::after{
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  height: 1px;
  width: 3rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 768px){
  .footerNav h3::after{
    left: 0px;
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.footerNav a{
  display: inline-block;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footerNav a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

form.subscribe{
  display: flex;
  justify-content: space-between;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 10px;
}

.footerNavWrapper p{
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

form.subscribe input{
  padding-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

form.subscribe input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

form.subscribe input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

form.subscribe button{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

form.subscribe button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.recognized{
  margin-bottom: 1.25rem;
}

.logoHolder{
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

@media (min-width: 768px){
  .logoHolder{
    justify-content: flex-start;
  }
}

.logoWrapper{
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
}

.logoWrapper img{
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.copyright{
  display: grid;
  gap: 0.75rem;
  border-top-width: 1px;
  border-color: rgb(255 255 255 / 0.3);
  padding-top: 1.25rem;
}

@media not all and (min-width: 640px){
  .copyright{
    text-align: center;
  }
}

@media (min-width: 768px){
  .copyright{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
  }
}

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

.copyright p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.socialLink{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media not all and (min-width: 640px){
  .socialLink{
    justify-content: center;
  }
}

.socialLink a{
  display: inline-block;
  display: flex;
  width: max(25px,30px);
  height: max(25px,30px);
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding: 5px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

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

.socialLink a svg{
  width: max(14px,16px);
  height: max(14px,16px);
  fill: #fff;
}

.socialLink a:hover svg{
  fill: #F68B1E;
}

/*tab animation*/

/* .widget {
  @apply container mx-auto
}

.tabs {
  --tab-count: 4;
  --active: 0;

  position: relative;
  isolation: isolate;
  display: flex;
  border:10px solid #fff;
  border-radius: 50px;
  height: 60px;
  width: 100%;
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
  margin: 0 auto;
  max-width: 640px;
}

.tabs input {
  display: none;
}

.tabs label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375rem;
  color: #656d7b;
  cursor: pointer;
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  text-transform: uppercase;


}

.tabs input:checked + label {
  color: #fff;
}

.tabs::after {
  pointer-events: none;
  position: absolute;
  content: "";
  z-index: -1;
  inset: 0 0 -1px;
  width: calc((100% / var(--tab-count)) - 2px);
  background-color: #F68B1E;
  border-radius: 40px;
  translate: calc(var(--active) * 100%);
  transition: translate 0.5s ease-in-out;
}

.tabs:has(:checked:nth-of-type(1)) {
  --active: 0;
}

.tabs:has(:checked:nth-of-type(2)) {
  --active: 1;
}

.tabs:has(:checked:nth-of-type(3)) {
  --active: 2;
}
.tabs:has(:checked:nth-of-type(4)) {
  --active: 3;
}

.tab-content {
  padding: 1rem;
}

[class^="tab-content-"] {
  display: none;
}

.widget:has(:checked:nth-of-type(1)) .tab-content-1,
.widget:has(:checked:nth-of-type(2)) .tab-content-2,
.widget:has(:checked:nth-of-type(3)) .tab-content-3,
.widget:has(:checked:nth-of-type(4)) .tab-content-4 {
  display: block;
} */

[class^="tab-content-"]{
  display: none;
}

.grid-item[class^="tab-content-"]{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  height: 3.5rem;
  width: 100%;
  max-width: 640px;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  line-height: 60px;
  --tw-shadow: 0 5px 10px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media not all and (min-width: 640px){
  .wrapper{
    overflow-x: auto;
    border-radius: 0.5rem;
  }
}

.wrapper::-webkit-scrollbar{
  display: none;
}

.grid-item.wrapper::-webkit-scrollbar{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

/* .wrapper{
  height: 60px;
  width: 100%;
  max-width: 640px;
  background: #fff;
  line-height: 60px;
  border-radius: 50px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.25);
  margin: 0 auto 40px;
  overflow-x: auto;
} */

.wrapper nav{
  position: relative;
  display: flex;
}

@media not all and (min-width: 640px){
  .wrapper nav{
    gap: 1.5rem;
  }
}

/* .wrapper nav{
  position: relative;
  display: flex;
  text-wrap: nowrap;
    gap: 24px;
} */

.wrapper nav label{
  flex: 1;
  width: 100%;
  z-index: 1;
  cursor: pointer;
  text-align: center;
}

@media not all and (min-width: 640px){
  .wrapper nav label{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.25rem;
  }
}

.wrapper nav label a{
  position: relative;
  z-index: -1;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.6s ease;
  text-transform: uppercase;
}

.wrapper nav label:hover a{
  color: #000;
}

.wrapper nav #bs:checked ~ label.bs a,
.wrapper nav #tr:checked ~ label.tr a,
.wrapper nav #pc:checked ~ label.pc a,
.wrapper nav #ht:checked ~ label.ht a{
  color: #fff;
}

@media not all and (min-width: 640px){
  .wrapper nav #bs:checked ~ label.bs,
.wrapper nav #tr:checked ~ label.tr,
.wrapper nav #pc:checked ~ label.pc,
.wrapper nav #ht:checked ~ label.ht{
    --tw-bg-opacity: 1;
    background-color: rgb(251 146 60 / var(--tw-bg-opacity));
  }
}

.wrapper nav label a i{
  font-size: 25px;
  margin: 0 7px;
}

.wrapper nav .tab{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 25%;
  border-radius: 50px;
}

@media not all and (min-width: 640px){
  .wrapper nav .tab{
    display: none;
    width: 90px;
    border-radius: 0.5rem;
  }
}

.wrapper nav .tab{
  /* position: absolute;
  height: 100%;
  width: 25%;
  left: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 50px; */
  /* background: linear-gradient(45deg, #05abe0 0%,#8200f4 100%); */
  background-color: orange;
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper nav #tr:checked ~ .tab{
  left: 25%;
}

@media not all and (min-width: 640px){
  .wrapper nav #tr:checked ~ .tab{
    width: 90px;
  }
}

.wrapper nav #pc:checked ~ .tab{
  left: 50%;
}

@media not all and (min-width: 640px){
  .wrapper nav #pc:checked ~ .tab{
    left: 42%;
    width: 33.333333%;
  }
}

.wrapper nav #ht:checked ~ .tab{
  left: 75%;
}

@media not all and (min-width: 640px){
  .wrapper nav #ht:checked ~ .tab{
    width: 33.333333%;
  }
}

.wrapper nav input{
  display: none;
  --tab-count: 4;
  --active: 0;
}

.wrapper nav input:has(:checked:nth-of-type(1)) {
  --active: 0;
}

.wrapper nav input:has(:checked:nth-of-type(2)) {
  --active: 1;
}

.wrapper nav input:has(:checked:nth-of-type(3)) {
  --active: 2;
}

.wrapper nav input:has(:checked:nth-of-type(4)) {
  --active: 3;
}

.widget:has(:checked:nth-of-type(1)) .tab-content-1,
.widget:has(:checked:nth-of-type(2)) .tab-content-2,
.widget:has(:checked:nth-of-type(3)) .tab-content-3,
.widget:has(:checked:nth-of-type(4)) .tab-content-4 {
  display: block;
}

/*BLOG LISTING PAGE*/

.blogSearch{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(2vw,2rem);
  height: 50px;
  width: min(500px,100%);
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.blogSearch input{
  height: 100%;
  width: 80%;
  background-color: transparent;
  padding-left: 1rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.blogSearch input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.blogSearch input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.blogCard{
  padding-top: 1.5rem;
}

.blogItem .trendingContent{
  padding-left: 1.75rem;
  text-align: left;
}

/*TEAM PAGE*/

section.team{
  width: 100%;
}

@media (min-width: 640px){
  section.team{
    max-width: 640px;
  }
}

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

@media (min-width: 1024px){
  section.team{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  section.team{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  section.team{
    max-width: 1536px;
  }
}

section.team{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
  text-align: center;
}

/*.teamWrapper{
  @apply container mx-auto grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-[min(2vw,1.5rem)] max-sm:grid-cols-2
}
.teamCard{
  @apply grid mb-4
}
.teamCard .imgWrapper{
  @apply w-full h-full overflow-hidden aspect-[151/173]
}
.imgWrapper img{
  @apply w-full h-full object-cover transition-all ease-in duration-500 hover:scale-105
}*/

.teamCard h3{
  padding-top: 0.75rem;
  font-size: clamp(1rem,3vw,1.25rem);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.teamCard p{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.filters{
  margin-bottom: min(8vw,3.5rem);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 50px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding: 0.75rem;
}

.filters button{
  cursor: pointer;
  border-radius: 50px;
  border-width: 0px;
  padding-top: min(2vw,1rem);
  padding-bottom: min(2vw,1rem);
  padding-left: min(2vw,1.5rem);
  padding-right: min(2vw,1.5rem);
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.filters button:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.filters button.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.teamWrapper{
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(340px,1fr));
  gap: 1.5rem;
}

@media not all and (min-width: 768px){
  .teamWrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media not all and (min-width: 640px){
  .teamWrapper{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-item{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
  opacity: 1;
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  will-change: transform,opacity;
}

.grid-item.hidden{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.teamWrapper .imgWrapper{
  cursor: pointer;
}

/*SECTION CONTACT*/

.contact{
  width: 100%;
}

@media (min-width: 640px){
  .contact{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .contact{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .contact{
    max-width: 1536px;
  }
}

.contact{
  margin-left: auto;
  margin-right: auto;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
  text-align: center;
}

.contactForm{
  margin-left: auto;
  margin-right: auto;
  max-width: 890px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  row-gap: 2.5rem;
}

@media (min-width: 1024px){
  .contactForm{
    display: grid;
    -moz-column-gap: 125px;
         column-gap: 125px;
  }
}

.contactForm label{
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.contactForm label span{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.inputWrapper{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.textareaWrapper{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.contactForm input{
  height: 50px;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.contactForm input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.contactForm input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.contactForm textarea{
  height: 150px;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.contactForm textarea::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.contactForm textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.textareaWrapper{
  grid-column: span 2 / span 2;
}

.contact .btn{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.addressLocation{
  width: 100%;
}

@media (min-width: 640px){
  .addressLocation{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .addressLocation{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .addressLocation{
    max-width: 1536px;
  }
}

.addressLocation{
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

@media (min-width: 768px){
  .addressLocation{
    display: grid;
  }
}

.contact .address{
  display: grid;
  justify-content: flex-end;
  text-align: right;
}

@media not all and (min-width: 640px){
  .contact .address{
    justify-content: center;
  }
}

.contact .address h3{
  padding-bottom: 0.75rem;
  font-size: clamp(1.25rem,3vw,1.75rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.contact .address p{
  display: flex;
  max-width: 337px;
  align-items: center;
  justify-content: flex-end;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(85 85 85 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.contact .address span{
  margin-left: 1.75rem;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.contact .address span img{
  height: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/*ELASTIC TAB*/

.filters{
  position: relative;
  justify-content: center;
  gap: 1.25rem;
  padding-bottom: 0.5rem;
}

.tab{
  position: relative;
  cursor: pointer;
  border-width: 0px;
  background-image: none;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.underline{
  pointer-events: none;
  position: absolute;
  bottom: 0.5rem;
  left: 0px;
  isolation: isolate;
  z-index: -1;
  height: 52px;
  width: 0px;
  overflow: hidden;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

/*BLOG DETAIL PAGE*/

.blogdetailContent{
  width: 100%;
}

@media (min-width: 640px){
  .blogdetailContent{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .blogdetailContent{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .blogdetailContent{
    max-width: 1536px;
  }
}

.blogdetailContent{
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: 2.5rem;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

@media (min-width: 768px){
  .blogdetailContent{
    grid-template-columns: auto 30%;
  }
}

.prose{
  max-width: 100%;
}

.prose h1, .prose h2{
  margin: 0px;
  padding-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.prose h3, .prose h4{
  margin: 0px;
  padding-bottom: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.prose h1{
  font-size: clamp(1.75rem,3vw,2.25rem);
}

.prose h2{
  font-size: clamp(1.5rem,3vw,2rem);
}

.prose h3{
  font-size: clamp(1.25rem,3vw,1.5rem);
}

.featureWrapper{
  aspect-ratio: 7/3;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 640px){
  .featureWrapper{
    height: 250px;
  }
}

.featureWrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.prose strong{
  font-weight: 700;
}

.blogContent .prose img{
  width: 100%;
}

.prose a{
  position: static;
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(10 89 234 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.prose a:hover{
  text-decoration-line: underline;
}

.prose p{
  text-align: justify;
}

.prose img{
  margin-top: 0px;
  margin-bottom: 0px;
}

.prose blockquote{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(10 89 234 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(216 230 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  font-family: DM Serif Text;
  font-size: clamp(1.25rem,3vw,1.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.promoPackage{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(246 139 30 / var(--tw-border-opacity));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.promoPackage .imgWrapper{
  aspect-ratio: 167/100;
  width: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 15px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.promoPackage img{
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.promoPackageWrapper{
  display: grid;
  align-items: center;
}

.promoPackageWrapper h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.promoPackageWrapper .rating{
  justify-content: flex-start;
}

.rating .star{
  width: 1.25rem;
  height: 1.25rem;
}

.rating .star img{
  -o-object-fit: contain;
     object-fit: contain;
}

.promoPackageWrapper .trendinghighlight{
  align-items: center;
  justify-content: flex-start;
  gap: 1.75rem;
  padding: 0px;
  padding-bottom: 0.75rem;
}

.priceBlock{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.offerPrice{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.originalPrice{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}

.btnWrapper{
  display: flex;
  gap: 0.75rem;
}

.btnWrapper .btn{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.btnWrapper .btn:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.shareBlock{
  margin-top: min(8vw,3.5rem);
  display: grid;
  justify-content: space-between;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(85 85 85 / var(--tw-border-opacity));
  padding-top: min(8vw,2rem);
  padding-bottom: min(8vw,2rem);
}

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

.shareBlock span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.share{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.shareIcons{
  display: flex;
  gap: 0.75rem;
}

.shareIcons a{
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(141 141 141 / var(--tw-bg-opacity));
}

.shareIcons a svg{
  width: max(14px,16px);
  height: max(14px,16px);
  fill: #fff;
}

.tags{
  text-align: right;
}

.tags a{
  margin-bottom: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(199 199 199 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.tags a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.morepost h3{
  padding-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-size: clamp(1.25rem,3vw,1.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.morepostWrapper{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  gap: 1rem;
}

.morepostItem a{
  padding-bottom: 0.75rem;
  font-size: clamp(1rem,3vw,1.125rem);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.morepostItem a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.morepostImg{
  aspect-ratio: 7/4;
  width: 100%;
  overflow: hidden;
}

.morepostImg img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tableofContent{
  margin-bottom: 1rem;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .tableofContent{
    display: none;
  }
}

.trendingPackage{
  display: grid;
  gap: 1rem;
}

.trendingPackage h3{
  padding-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-size: clamp(1.25rem,3vw,1.5rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.trendingPackages{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.trendingImg{
  aspect-ratio: 3/2;
  width: 120px;
  overflow: hidden;
}

.trendingImg img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.trendingPackages a{
  display: inline-block;
  padding-bottom: 0.5rem;
  font-family: DM Serif Text;
}

.trendingPackages .rating{
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.publishedOn{
  border-bottom-width: 2px;
  border-color: rgb(85 85 85 / 0.3);
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

/*END OF BLOG DETAIL PAGE*/

/*PACKAGE DETAIL PAGE*/

.gallerySection{
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}

@media (min-width: 768px){
  .gallerySection{
    display: grid;
  }
}

.galleryImgWrapper{
  aspect-ratio: 23/20;
  width: 100%;
  overflow: hidden;
}

@media not all and (min-width: 640px){
  .galleryImgWrapper{
    display: none;
  }

  .galleryImgWrapper:first-of-type{
    display: block;
  }
}

.galleryImgWrapper img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.galleryImgWrapper:first-of-type{
  grid-column: span 2 / span 2;
  grid-row: span 2 / span 2;
}

.gallerythree .galleryImgWrapper:nth-of-type(2), .gallerythree .galleryImgWrapper:last-of-type{
  grid-column: span 2 / span 2;
  aspect-ratio: 23/9.9;
}

.packageDetailBlock{
  width: 100%;
}

@media (min-width: 640px){
  .packageDetailBlock{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .packageDetailBlock{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .packageDetailBlock{
    max-width: 1536px;
  }
}

.packageDetailBlock{
  margin-left: auto;
  margin-right: auto;
  gap: 1.25rem;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

@media (min-width: 768px){
  .packageDetailBlock{
    grid-template-columns: auto 30%;
  }
}

@media (min-width: 1024px){
  .packageDetailBlock{
    display: grid;
    grid-template-columns: auto 25%;
    gap: 2.5rem;
  }
}

@media not all and (min-width: 640px){
  .packageDetailBlock .prose{
    grid-column: span 2 / span 2;
  }
}

.reviewHighlight, .tripAdvisorBlock, .recommendedBy{
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.reviewHighlight{
  margin-bottom: min(8vw,2rem);
  gap: 1.5rem;
}

@media not all and (min-width: 640px){
  .reviewHighlight{
    flex-direction: column;
  }
}

.greencircle{
  margin-right: 1px;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.googleIcon{
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
}

.recommendedBy{
  gap: 0.5rem;
}

.tripInfo{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.infoWrapper{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.infoWrapper span.icon{
  display: flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}

.infoWrapper span.icon svg{
  fill: #0085A0;
  -o-object-fit: contain;
     object-fit: contain;
}

.info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.infoTitle{
  font-size: 12px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.infoValue{
  font-size: 15px;
  font-weight: 700;
  line-height: .75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.blockWrapper{
  margin-bottom: min(8vw,3.5rem);
}

.blockTitle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,2rem);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.titleContent{
  margin-bottom: min(4vw,1.75rem);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.titleContent h2{
  padding-bottom: 0px;
}

.viewFormat{
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
}

.listview, .gridview{
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.viewFormat > a{
  position: relative;
}

.viewFormat > a::before{
  content: attr(data-icon);
  pointer-events: none;
  position: absolute;
  left: -25%;
  top: -2rem;
  --tw-translate-y: 1.75rem;
  --tw-rotate: 12deg;
  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));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: Mulish;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.viewFormat > a:hover::before{
  --tw-translate-y: 0px;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

span.line{
  position: relative;
  height: 2px;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}

span.line::before{
  position: absolute;
  top: -6px;
  height: 2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

span.line::after{
  position: absolute;
  bottom: -6px;
  height: 2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

.listview:hover span.line, .listview.active span.line{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.listview:hover span.line::before, .listview.active span.line::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.listview:hover span.line::after, .listview.active span.line::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.gridview{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  padding: 11px;
}

.gridview .box{
  width: 7px;
  height: 7px;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
}

.gridview:hover .box{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.gridview.active, .listview.active{
  --tw-shadow: inset 0px 0px 8px 2px rgba(0,0,0,0.3);
  --tw-shadow-colored: inset 0px 0px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gridview.active .box{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.itineraryList{
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: 60px auto;
  gap: 1.5rem;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media not all and (min-width: 640px){
  .itineraryList{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.dayCount{
  display: flex;
  width: 60px;
  height: 60px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: DM Serif Text;
  font-size: clamp(1.25rem,3vw,1.75rem);
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dayCount span{
  font-family: Mulish;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.itineraryList h3{
  padding-bottom: 0.75rem;
  font-family: Mulish;
  font-size: clamp(1.125rem,3vw,1.35rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.itineraryInfo p{
  font-weight: 600;
}

.dayInfo{
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
  padding-top: 0.75rem;
}

@media not all and (min-width: 640px){
  .dayInfo{
    flex-direction: column;
  }
}

@media (min-width: 768px){
  .dayInfo{
    align-items: center;
  }
}

.dayInfo span{
  display: flex;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.dayInfo .icon{
  display: flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}

.dayInfo .icon svg{
  fill: #0085A0;
  -o-object-fit: contain;
     object-fit: contain;
}

/*===========GRID VIEW ITINERARY===========*/

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

.gridShow{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
  justify-content: space-between;
  gap: 1.5rem;
}

.gridShow .itineraryList{
  margin-bottom: 0px;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}

.gridShow .dayCount{
  margin-bottom: 0.5rem;
  display: inline-block;
  height: 1.75rem;
  width: 80px;
  border-radius: 9999px;
  padding: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-family: Mulish;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.gridShow .dayCount span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.gridShow p, .gridShow .dayInfo, .gridShow ul, .gridShow ol, .gridShow img{
  display: none;
}

.grid-item.gridShow p,.grid-item .gridShow .dayInfo,.grid-item .gridShow ul,.grid-item .gridShow ol,.grid-item .gridShow img{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.gridShow .itineraryList h3{
  padding-bottom: 0px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

/*===========END OF GRID VIEW ITINERARY===========*/

.monthSelection{
  margin-bottom: min(8vw,2.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

.monthSelection a{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.monthSelection a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.monthSelection a.active{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.fdWrapper{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  gap: 1.5rem;
}

.fdList{
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.fdList:hover{
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity));
  --tw-shadow: inset 0px 0px 25px 6px rgba(0,0,0,0.15);
  --tw-shadow-colored: inset 0px 0px 25px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.fdList span{
  display: block;
}

.startdate, .enddate{
  margin-bottom: 0.25rem;
  font-size: 13px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.startingdate{
  margin-bottom: 0.5rem;
  font-family: DM Serif Text;
  font-size: clamp(1.5rem,3vw,3rem);
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.monthyear{
  margin-bottom: 0.5rem;
  display: inline-block !important;
  border-radius: 50px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.enddate{
  margin-bottom: 1rem;
}

.fdList a{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.fdList a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.include, .exclude{
  margin-top: 0px;
}

@media not all and (min-width: 640px){
  .include, .exclude{
    padding-left: 0.5rem;
  }
}

.include li, .exclude li{
  margin-top: 0px;
  list-style-type: none;
  background-size: 20px 20px;
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.include li{
  background-image: url('../img/include.svg');
}

.exclude li{
  background-image: url('../img/notinclude.svg');
}

#video iframe{
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100% !important;
}

.blockWrapper .titleContent{
  margin-bottom: 0.5rem;
}

@media not all and (min-width: 1024px){
  .blockWrapper .titleContent{
    margin-bottom: 0px;
  }
}

.faqItems{
  margin-bottom: 2rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 191 191 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
}

.faqItems h3{
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.faqItems h3:hover{
  --tw-text-opacity: 1;
  color: rgb(0 133 160 / var(--tw-text-opacity));
}

.faqItems h3 svg{
  stroke: #000;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.faqItems h3:hover svg{
  stroke: #0085A0;
}

.faqItems p{
  padding-left: 1.75rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.faqItems h3 span{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.faqItems h3.active span{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.reviewlist{
  padding-bottom: 2.5rem;
}

.reviewItems{
  position: relative;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
  padding: 1.75rem;
}

.reviewItems::before{
  position: absolute;
  top: -1.25rem;
  left: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url('../img/quote.svg');
  background-size: contain;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}

.reviewItems::after{
  position: absolute;
  bottom: -1.75rem;
  left: 4rem;
  width: 0px;
  height: 0px;
  border-width: 15px;
  border-color: transparent;
  border-top-color: rgb(242 242 242 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-left-color: rgb(242 242 242 / var(--tw-border-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

.reviewItems h3{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.reviewItems p{
  font-size: 1rem;
  line-height: 1.75rem;
}

.reviewItems p + p{
  display: none;
}

.grid-item.reviewItems p + p{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.reviewDetail, .reviewer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.reviewDetail{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.5rem;
}

@media not all and (min-width: 768px){
  .reviewDetail{
    flex-direction: column-reverse;
    gap: 0px;
  }
}

@media (min-width: 1024px){
  .reviewDetail{
    padding-top: 2rem;
  }
}

.reviewerImg{
  display: flex;
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.reviewerImg img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reviewerName{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.reviewerName h3{
  padding-bottom: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.reviewerName .address{
  font-style: italic;
}

aside{
  position: relative;
}

@media (min-width: 1024px){
  .sideWrapper{
    position: sticky;
    top: 5rem;
  }
}

.priceBlockWrap{
  z-index: 10;
  display: flex;
  justify-content: space-between;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
}

@media not all and (min-width: 1024px){
  .priceBlockWrap{
    padding-right: 265px;
  }
}

@media not all and (min-width: 768px){
  .priceBlockWrap{
    padding-right: 80px;
  }
}

@media (min-width: 1024px){
  .priceBlockWrap{
    margin-bottom: min(8vw,2.5rem);
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 133 160 / var(--tw-border-opacity));
    padding: 1.75rem;
  }
}

@media not all and (min-width: 1024px){
  .priceBlockWrap{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    --tw-drop-shadow: drop-shadow(0 -5px 7px rgba(0,0,0,0.25));
    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);
  }
}

.costBlock{
  position: relative;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  font-family: DM Serif Text;
}

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

@media (min-width: 1024px){
  .costBlock{
    padding-bottom: 0.5rem;
  }
}

.costBlock span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}

@media not all and (min-width: 640px){
  .costBlock span{
    position: absolute;
    bottom: -1rem;
  }
}

.priceBlockWrap h3{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media not all and (min-width: 1024px){
  .priceBlockWrap .rating{
    display: none;
  }
}

.priceBlockWrap .star img{
  width: 100%;
}

.dayspackage{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}

@media not all and (min-width: 768px){
  .dayspackage{
    display: none;
  }
}

.priceBlockWrap p{
  display: block;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  font-size: 12px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media not all and (min-width: 1024px){
  .priceBlockWrap p{
    display: none;
  }
}

.btnWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

@media (min-width: 1024px){
  .btnWrap{
    padding-top: 1.25rem;
  }
}

.btnWrap a{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 160 91 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.btnWrap a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

@media not all and (min-width: 1024px){
  .btnWrap a span{
    display: none;
  }
}

.btn.enquire{
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
}

.relatedPost .subTitle{
  padding-bottom: 0.75rem;
  font-family: DM Serif Text;
  font-size: 1.5rem;
  line-height: 2rem;
}

.relatedPostList li{
  display: grid;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px){
  .relatedPostList li{
    grid-template-columns: 128px auto;
  }
}

.blogimg{
  aspect-ratio: 3/2;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
}

.relatedPostList li img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.relatedPostList li h2{
  font-family: DM Serif Text;
  font-size: 1.25rem;
  line-height: 1.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.relatedPostList li h2:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .relatedPostList li h2{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.groupDiscountBlock{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.groupDiscountBlock:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 133 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

@media not all and (min-width: 1024px){
  .groupDiscountBlock{
    position: fixed;
    bottom: 5px;
    right: 5px;
  }
}

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

.groupDiscountWrapper{
  display: none;
}

.grid-item.groupDiscountWrapper{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.groupDiscountBlock h2{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 133 160 / var(--tw-text-opacity));
}

@media not all and (min-width: 640px){
  .groupDiscountBlock h2 .txt{
    display: none;
  }
}

.discountTitle, .discountList{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.discountTitle{
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.discountList{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding: 0.25rem;
  letter-spacing: 0.1em;
}

.expertBlock{
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 133 160 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
}

.expertBlock .title{
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.expertImg{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.expertImg img{
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 9999px;
}

.whatsappcall{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 160 91 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.whatsappcall:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.stickyNav{
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  overflow-x: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 2px 6px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

@media not all and (min-width: 1024px){
  .stickyNav{
    z-index: 0;
  }
}

.stickyNavWrapper{
  width: 100%;
}

@media (min-width: 640px){
  .stickyNavWrapper{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .stickyNavWrapper{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .stickyNavWrapper{
    max-width: 1536px;
  }
}

.stickyNavWrapper{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.stickyNavWrapper a{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-width: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.stickyNavWrapper a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
  text-decoration-line: none;
}

/*END OF PACKAGE DETAIL PAGE*/

/*BOOKING PAGE*/

.booking{
  width: 100%;
}

@media (min-width: 640px){
  .booking{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .booking{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .booking{
    max-width: 1536px;
  }
}

.booking{
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
  padding-top: min(8vw,3.5rem);
  padding-bottom: min(8vw,3.5rem);
}

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

@media (min-width: 1024px){
  .booking{
    grid-template-columns: auto 35%;
  }
}

.inputflex{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.booking h2{
  padding-bottom: min(4vw,1.125rem);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.inputgroup{
  margin-bottom: 2.5rem;
  display: grid;
  gap: 1.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding: 1.75rem;
}

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

.grouping{
  margin-bottom: min(8vw,2.5rem);
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media not all and (min-width: 1024px){
  .grouping{
    flex-direction: column;
    align-items: flex-start;
  }

  .po{
    flex-direction: row;
  }

  .po .labeltxt{
    display: none;
  }
}

.input-group{
  position: relative;
}

@media (min-width: 1024px){
  .input-group.contactaddress{
    grid-column: span 2 / span 2;
  }
}

.input-group label{
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.input-group input, .input-group textarea, .input-group select, .inputflex input{
  height: 2.5rem;
  width: 100%;
  border-radius: 50px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.input-group input:focus~label,
.input-group input:valid~label,
.input-group textarea:focus~label,
.input-group select:focus~label,
.input-group .validBox~label{
  top: 0;
  font-size: 12px;
  background: #7d2ae8;
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem
}

input#pax{
  width: 65px;
  text-align: center;
}

input#startdate{
  width: 227px;
}

.input-group select{
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-group select::after{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: 'v';
  content: var(--tw-content);
}

.roundedBox{
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 50px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

.roundedBox label{
  cursor: pointer;
}

.booking textarea{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  height: 173px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.booking .requirement{
  padding-bottom: 0px;
}

.bookingCostDetail{
  z-index: 10;
  display: flex;
  justify-content: space-between;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  flex-direction: column;
}

@media (min-width: 768px){
  .bookingCostDetail{
    position: sticky;
    top: 0px;
    margin-bottom: min(8vw,2.5rem);
    justify-content: center;
    border-radius: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 133 160 / var(--tw-border-opacity));
    padding: 1.75rem;
  }
}

@media not all and (min-width: 640px){
  .bookingCostDetail{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    --tw-drop-shadow: drop-shadow(0 -5px 7px rgba(0,0,0,0.25));
    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);
  }
}

.bookingCostDetail{
  border-radius: 0.375rem;
  text-align: left;
}

.bookingCostDetail h2{
  padding-bottom: 0.5rem;
}

.bookingCostDetail h3{
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.linerow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

span.hilight{
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

span.extB{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

span.flexcol{
  display: flex;
  flex-direction: column;
}

.tripduration{
  background-image: url('../img/tripduration.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.tripd{
  background-image: url('../img/tripdate.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.cst{
  background-image: url('../img/costing.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.disc{
  background-image: url('../img/discount.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

.px{
  background-image: url('../img/trippax.svg');
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 2rem;
}

@media not all and (min-width: 640px){
  .nomob{
    display: none;
  }
}

.addonService{
  margin-bottom: min(8vw,2.5rem);
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.addonItems{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.addonItems:last-of-type{
  border-width: 0px;
}

@media (min-width: 1024px){
  .addonItems{
    grid-template-columns: auto 100px 100px;
  }
}

@media not all and (min-width: 1024px){
  .addonItems h3{
    grid-column: span 2 / span 2;
  }
}

.addonPrice{
  font-weight: 700;
}

@media (min-width: 1024px){
  .addonPrice{
    text-align: right;
  }
}

.paxCount{
  display: flex;
  width: 105px;
  gap: 0.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(199 199 199 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.paxCount .increment, .paxCount .decrement{
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.paxCount input{
  width: 55px;
  text-align: center;
}

/*END OF BOOKING PAGE*/

/*DEFAULT PAGE*/

.generalWrapper{
  width: 100%;
}

@media (min-width: 640px){
  .generalWrapper{
    max-width: 640px;
  }
}

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

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

@media (min-width: 1280px){
  .generalWrapper{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .generalWrapper{
    max-width: 1536px;
  }
}

.generalWrapper{
  margin-left: auto;
  margin-right: auto;
}

/*--END OF DEFAULT PAGE--*/

/*POPUP BANNER SECTION*/

.popupWindow{
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 50;
  background-color: rgb(0 0 0 / 0.5);
}

.popupWrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  margin-left: auto;
  margin-right: auto;
  max-height: 93vh;
  width: 90%;
  max-width: 700px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow-y: auto;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  padding-top: 2.5rem;
  --tw-shadow: 0 3px 10px rgb(0,0,0,0.2);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.popupWrapper h2{
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.popupWrapper h2 span{
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.popupWrapper p{
  margin-bottom: 1rem;
  text-align: center;
}

.enquiryForm{
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.enquiryForm label{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.enquiryForm label span{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.enquiryForm input[type="date"]{
  color: transparent;
}

.popupWrapper button{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.popupWrapper textarea{
  height: 90px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity));
  padding: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.enquiryForm textarea::-moz-placeholder{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}

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

span.popupClose{
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(219 15 24 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.teamDetail h2, .teamDetail p{
  text-align: left;
}

/*END OF POPUP BANNER SECTION*/

/*NOTIFICATION ANIMATION*/

.bell-icon{
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bell-icon svg{
  position: relative;
  right: 2%;
  margin-left: 0px;
  margin-right: 0px;
  width: 90%;
  height: 90%;
  stroke: #fff;
}

.bell-icon .bell-icon__group {
  transform-origin: 50% 2px;
  transform: rotate(-8deg);
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.bell-icon .bell-icon__ball {
  transform-origin: 50% 2px;
  transform: translateX(-6.5%);
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.bell-icon:focus, .bell-icon {
  outline: none;
  box-shadow: 0 0 12px -8px rgba(0, 0, 0, 0.6);
}

.bell-icon:focus .bell-icon__group, .bell-icon .bell-icon__group {
  animation: animateGroup 2.3s infinite;
}

.bell-icon:focus .bell-icon__ball, .bell-icon .bell-icon__ball {
  animation: animateBall 2.3s infinite;
}

.bell-icon:focus .notification-amount, .bell-icon .notification-amount {
  opacity: 1;
  visibility: visible;
}

@keyframes animateGroup {
  0%, 100% {
    transform: rotate(-8deg);
  }

  17.542% {
    transform: rotate(0deg);
  }

  35.084% {
    transform: rotate(-20deg);
  }

  48.2405% {
    transform: rotate(20deg);
  }

  57.0115% {
    transform: rotate(-20deg);
  }

  64.9054% {
    transform: rotate(8deg);
  }

  74.5535% {
    transform: rotate(-15deg);
  }

  78.939% {
    transform: rotate(-7deg);
  }
}

@keyframes animateBall {
  0%, 100% {
    transform: translateX(-6.5%);
  }

  17.542% {
    transform: translateX(0%);
  }

  21.9275% {
    transform: translateX(-1%);
  }

  35.084% {
    transform: translateX(11%);
  }

  48.2405% {
    transform: translateX(-11%);
  }

  52.626% {
    transform: translateX(0%);
  }

  59.6428% {
    transform: translateX(10%);
  }

  68.4138% {
    transform: translateX(-11%);
  }

  78.939% {
    transform: translateX(11%);
  }

  85.9558% {
    transform: translateX(-11%);
  }
}

@keyframes bounce {
  0% {
    transform: scale(0);
  }

  14% {
    transform: scale(1.15);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.15);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

/*END OF NOTIFICATION ANIMATION*/

/*SEARCH OVERLAY*/

.searchOverlayHidden{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  display: none;
  background-color: rgb(0 0 0 / 0.5);
}

.grid-item.searchOverlayHidden{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.searchOverlayHidden form{
  width: 100%;
}

@media (min-width: 640px){
  .searchOverlayHidden form{
    max-width: 640px;
  }
}

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

@media (min-width: 1024px){
  .searchOverlayHidden form{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .searchOverlayHidden form{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .searchOverlayHidden form{
    max-width: 1536px;
  }
}

.searchOverlayHidden form{
  margin-left: auto;
  margin-right: auto;
  margin-top: 45vh;
  display: flex;
  max-width: 600px;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.searchBox input{
  width: 100%;
  border-radius: 9999px;
  border-width: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.searchBox{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.closeIcon{
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2.75rem;
  cursor: pointer;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  padding: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.reviewsSection .prose{
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

@media (min-width: 768px){
  .reviewsSection .prose{
    padding-top: min(8vw,3.5rem);
    padding-bottom: min(8vw,3.5rem);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

/*WORDPRESS SPECIFIC STYLES*/

.label.form-error{
  left: auto;
  right: 1rem;
  z-index: 10;
}

.indexes{
  margin-bottom: 2.5rem;
  display: none;
}

.grid-item.indexes{
  pointer-events: none;
  position: absolute;
  opacity: 0;
}

.indexes a{
  display: block;
  padding-bottom: 0.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.indexes a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.indexes ul ul{
  margin-left: 1.5rem;
  list-style-type: disc;
}

.indexes ul ul a{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-style: italic;
}

#mega-menu-wrap-header_menu_one{
  background-color: transparent;
}

#mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link:focus{
  border-radius: 0.125rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 768px){
  .tabbed-content .tabs li{
    display: block !important;
  }
}

.tabbed-content .tabs ul li a{
  display: block;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.tabbed-content .tabs ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.tabbed-content.v-tabs .tabs{
  width: 25% !important;
}

.tabbed-content.v-tabs .tour-package-list{
  -moz-columns: 1 !important;
       columns: 1 !important;
}

@media (min-width: 768px){
  .tabbed-content.v-tabs .tour-package-list{
    -moz-columns: 2 !important;
         columns: 2 !important;
  }
}

.tabbed-content.v-tabs .tour-package-list a{
  display: block;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.tabbed-content.v-tabs .tour-package-list a:hover{
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

.tabbed-content .tabs ul li a.active{
  background-color: transparent !important;
  --tw-text-opacity: 1;
  color: rgb(246 139 30 / var(--tw-text-opacity));
}

#mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-megamenu > ul.mega-sub-menu{
  right: 0px;
  left: auto;
  width: 120%;
  border-radius: 0.375rem;
}

.indexes ul{
  margin-left: 2rem;
  list-style-type: disc;
}

.toc{
  position: sticky;
  top: 90px;
}

.back-to-top{
  position: fixed;
  bottom: 5rem;
  right: 1rem;
  z-index: 50;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 139 30 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.back-to-top:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
}

.back-to-top {
  animation-name: appear;
  animation-timeline: scroll(y);
}

#mega-menu-wrap-header_menu_one .mega-menu-toggle{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
}

#mega-menu-wrap-header_menu_one .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header_menu_one .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header_menu_one .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

@media not all and (min-width: 768px){
  .tabbed-content.v-tabs .tab-contents{
    padding: 0px !important;
  }

  .nav-links>.nav-link-item>a, #mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-item > a.mega-menu-link{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

#mega-menu-wrap-header_menu_one #mega-menu-header_menu_one > li.mega-menu-megamenu > ul.mega-sub-menu{
  border-radius: 0px;
}

.gallery__action{
  position: absolute;
  right: 0px;
  top: 50%;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  width: auto;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.gallery__action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 160 / var(--tw-bg-opacity));
}

@keyframes appear {
  0% {
    opacity: 0;
    visibility: hidden;
    position: fixed;
  }

  5% {
    opacity: 0;
    visibility: hidden;
  }

  5.5%,
  100% {
    opacity: 1;
    visibility: visible;
    position: fixed;
  }
}