@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Philosopher', 'Poppins', 'Inter', sans-serif;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.16 | 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]:where(:not([hidden="until-found"])) {
  display: none;
}

.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

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

.logo-principal {
  max-width: 60px;
  max-height: 60px;
}

.logo-principal-footer {
  max-width: 300px;
  max-height: 300px;
}

.color-principal { 
  color: var(--color-principal); 
}

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

.stroke-color-principal { 
  stroke: var(--color-principal); 
}

.fill-color-principal { 
  fill: var(--color-principal); 
}

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

.boton-buscador {
 width: 20px;
 height: 20px;
 fill: #fff;
}

.boton-buscador-fondo {
 background-color: var(--color-principal);
 padding: 15px;
 border-radius: 200px;
}

@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .container{
    max-width: 640px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .container{
    max-width: 768px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
    padding-right: 1.8rem !important;
    padding-left: 1.8rem !important;
  }

  .container{
    max-width: 1024px;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }
}

@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
    padding-right: 1.8rem !important;
    padding-left: 1.8rem !important;
  }

  .container{
    max-width: 1280px;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
  }
}

@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }

  .container{
    max-width: 1536px;
  }
}

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.fixed{
  position: fixed;
}

.\!absolute{
  position: absolute !important;
}

.absolute{
  position: absolute;
}

.\!relative{
  position: relative !important;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.\!-bottom-10{
  bottom: -2.5rem !important;
}

.\!bottom-0{
  bottom: 0px !important;
}

.\!bottom-2{
  bottom: 0.5rem !important;
}

.\!bottom-20{
  bottom: 5rem !important;
}

.\!bottom-36{
  bottom: 9rem !important;
}

.\!bottom-4{
  bottom: 1rem !important;
}

.\!bottom-40{
  bottom: 10rem !important;
}

.\!left-1{
  left: 0.25rem !important;
}

.\!right-0{
  right: 0px !important;
}

.\!right-2{
  right: 0.5rem !important;
}

.\!right-3{
  right: 0.75rem !important;
}

.\!right-4{
  right: 1rem !important;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-bottom-10{
  bottom: -2.5rem;
}

.-bottom-20{
  bottom: -5rem;
}

.-bottom-6{
  bottom: -1.5rem;
}

.-bottom-\[100px\]{
  bottom: -100px;
}

.-bottom-\[55px\]{
  bottom: -55px;
}

.-bottom-\[80\%\]{
  bottom: -80%;
}

.-right-10{
  right: -2.5rem;
}

.-right-2{
  right: -0.5rem;
}

.-right-4{
  right: -1rem;
}

.-right-\[18\%\]{
  right: -18%;
}

.-top-10{
  top: -2.5rem;
}

.-top-12{
  top: -3rem;
}

.-top-16{
  top: -4rem;
}

.-top-4{
  top: -1rem;
}

.-top-6{
  top: -1.5rem;
}

.-top-8{
  top: -2rem;
}

.-top-\[50\%\]{
  top: -50%;
}

.-top-\[7\%\]{
  top: -7%;
}

.bottom-0{
  bottom: 0px;
}

.bottom-1{
  bottom: 0.25rem;
}

.bottom-16{
  bottom: 4rem;
}

.bottom-4{
  bottom: 1rem;
}

.bottom-40{
  bottom: 10rem;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-\[200px\]{
  bottom: 200px;
}

.bottom-\[40\%\]{
  bottom: 40%;
}

.left-0{
  left: 0px;
}

.left-1{
  left: 0.25rem;
}

.left-1\/2{
  left: 50%;
}

.left-10{
  left: 2.5rem;
}

.left-2{
  left: 0.5rem;
}

.left-20{
  left: 5rem;
}

.left-4{
  left: 1rem;
}

.left-6{
  left: 1.5rem;
}

.left-7{
  left: 1.75rem;
}

.left-8{
  left: 2rem;
}

.left-\[15\%\]{
  left: 15%;
}

.left-\[50\%\]{
  left: 50%;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-10{
  right: 2.5rem;
}

.right-12{
  right: 3rem;
}

.right-2{
  right: 0.5rem;
}

.right-4{
  right: 1rem;
}

.right-6{
  right: 1.5rem;
}

.right-8{
  right: 2rem;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

.top-1\/2{
  top: 50%;
}

.top-10{
  top: 2.5rem;
}

.top-2{
  top: 0.5rem;
}

.top-20{
  top: 5rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.top-6{
  top: 1.5rem;
}

.top-7{
  top: 1.75rem;
}

.top-\[calc\(35\%\+10px\)\]{
  top: calc(35% + 10px);
}

.\!z-0{
  z-index: 0 !important;
}

.\!z-20{
  z-index: 20 !important;
}

.\!z-40{
  z-index: 40 !important;
}

.\!z-50{
  z-index: 50 !important;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-\[10\]{
  z-index: 10;
}

.z-\[200\]{
  z-index: 200;
}

.z-\[60\]{
  z-index: 60;
}

.z-\[9999\]{
  z-index: 9999;
}

.z-\[999\]{
  z-index: 999;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

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

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.col-span-8{
  grid-column: span 8 / span 8;
}

.m-0{
  margin: 0px;
}

.\!mx-10{
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.\!mx-6{
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

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

.\!my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

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

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-20{
  margin-left: 5rem;
  margin-right: 5rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

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

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

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.\!mr-auto{
  margin-right: auto !important;
}

.\!mt-1{
  margin-top: 0.25rem !important;
}

.\!mt-2{
  margin-top: 0.5rem !important;
}

.\!mt-4{
  margin-top: 1rem !important;
}

.-mb-1{
  margin-bottom: -0.25rem;
}

.-mb-10{
  margin-bottom: -2.5rem;
}

.-mb-2{
  margin-bottom: -0.5rem;
}

.-mb-4{
  margin-bottom: -1rem;
}

.-mb-6{
  margin-bottom: -1.5rem;
}

.-mb-\[30\%\]{
  margin-bottom: -30%;
}

.-ml-10{
  margin-left: -2.5rem;
}

.-ml-6{
  margin-left: -1.5rem;
}

.-mr-10{
  margin-right: -2.5rem;
}

.-mr-\[5\%\]{
  margin-right: -5%;
}

.-mt-\[15\%\]{
  margin-top: -15%;
}

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

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-28{
  margin-bottom: 7rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-40{
  margin-bottom: 10rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

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

.ml-20{
  margin-left: 5rem;
}

.ml-40{
  margin-left: 10rem;
}

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

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

.mr-auto{
  margin-right: auto;
}

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

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-28{
  margin-top: 7rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-36{
  margin-top: 9rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-40{
  margin-top: 10rem;
}

.mt-44{
  margin-top: 11rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[92px\]{
  margin-top: 92px;
}

.mt-\[94px\]{
  margin-top: 94px;
}

.box-border{
  box-sizing: border-box;
}

.box-content{
  box-sizing: content-box;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.\!inline-block{
  display: inline-block !important;
}

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

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.\!size-3{
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.\!size-8{
  width: 2rem !important;
  height: 2rem !important;
}

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-20{
  width: 5rem;
  height: 5rem;
}

.size-24{
  width: 6rem;
  height: 6rem;
}

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

.size-3{
  width: 0.75rem;
  height: 0.75rem;
}

.size-32{
  width: 8rem;
  height: 8rem;
}

.size-40{
  width: 10rem;
  height: 10rem;
}

.size-5{
  width: 1.25rem;
  height: 1.25rem;
}

.size-8{
  width: 2rem;
  height: 2rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

.\!h-full{
  height: 100% !important;
}

.\!h-min{
  height: -moz-min-content !important;
  height: min-content !important;
}

.h-10{
  height: 2.5rem;
}

.h-16{
  height: 4rem;
}

.h-20{
  height: 5rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[120px\]{
  height: 120px;
}

.h-\[1px\]{
  height: 1px;
}

.h-\[200px\]{
  height: 200px;
}

.h-\[250px\]{
  height: 250px;
}

.h-\[260px\]{
  height: 260px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[350px\]{
  height: 350px;
}

.h-\[400px\]{
  height: 400px;
}

.h-\[41px\]{
  height: 41px;
}

.h-\[439px\]{
  height: 439px;
}

.h-\[45px\]{
  height: 45px;
}

.h-\[500px\]{
  height: 500px;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[52px\]{
  height: 52px;
}

.h-\[620px\]{
  height: 620px;
}

.h-\[90px\]{
  height: 90px;
}

.h-\[92px\]{
  height: 92px;
}

.h-\[calc\(100vh-82px\)\]{
  height: calc(100vh - 82px);
}

.h-auto{
  height: auto;
}

.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-max{
  height: -moz-max-content;
  height: max-content;
}

.h-min{
  height: -moz-min-content;
  height: min-content;
}

.h-screen{
  height: 100vh;
}

.\!h-\[250px\]{
  height: 250px !important;
}

.\!h-\[300px\]{
  height: 300px !important;
}

.\!h-\[320px\]{
  height: 320px !important;
}

.\!h-\[310px\]{
  height: 310px !important;
}

.max-h-60{
  max-height: 15rem;
}

.max-h-full{
  max-height: 100%;
}

.min-h-fit{
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.min-h-full{
  min-height: 100%;
}

.min-h-screen{
  min-height: 100vh;
}

.\!w-auto{
  width: auto !important;
}

.\!w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}

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

.\!w-max{
  width: -moz-max-content !important;
  width: max-content !important;
}

.\!w-min{
  width: -moz-min-content !important;
  width: min-content !important;
}

.w-1{
  width: 0.25rem;
}

.w-10{
  width: 2.5rem;
}

.w-12{
  width: 3rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-3{
  width: 0.75rem;
}

.w-32{
  width: 8rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-\[120px\]{
  width: 120px;
}

.w-\[125px\]{
  width: 125px;
}

.w-\[13px\]{
  width: 13px;
}

.w-\[26px\]{
  width: 26px;
}

.w-\[307px\]{
  width: 307px;
}

.w-\[39px\]{
  width: 39px;
}

.w-\[50px\]{
  width: 50px;
}

.w-\[90\%\]{
  width: 90%;
}

.w-\[90px\]{
  width: 90px;
}

.w-\[946px\]{
  width: 946px;
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-min{
  width: -moz-min-content;
  width: min-content;
}

.min-w-\[130px\]{
  min-width: 130px;
}

.min-w-\[150px\]{
  min-width: 150px;
}

.min-w-\[340px\]{
  min-width: 340px;
}

.min-w-\[50px\]{
  min-width: 50px;
}

.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-full{
  min-width: 100%;
}

.min-w-min{
  min-width: -moz-min-content;
  min-width: min-content;
}

.\!max-w-\[500px\]{
  max-width: 500px !important;
}

.\!max-w-full{
  max-width: 100% !important;
}

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

.max-w-\[1100px\]{
  max-width: 1100px;
}

.max-w-\[1200px\]{
  max-width: 1200px;
}

.max-w-\[130px\]{
  max-width: 130px;
}

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

.max-w-\[1600px\]{
  max-width: 1600px;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[2500px\]{
  max-width: 2500px;
}

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

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

.max-w-\[311px\]{
  max-width: 311px;
}

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

.max-w-\[369px\]{
  max-width: 369px;
}

.max-w-\[382px\]{
  max-width: 382px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[440px\]{
  max-width: 440px;
}

.max-w-\[484px\]{
  max-width: 484px;
}

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

.max-w-\[550px\]{
  max-width: 550px;
}

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

.max-w-\[664px\]{
  max-width: 664px;
}

.max-w-\[680px\]{
  max-width: 680px;
}

.max-w-\[750px\]{
  max-width: 750px;
}

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

.max-w-\[814px\]{
  max-width: 814px;
}

.max-w-\[850px\]{
  max-width: 850px;
}

.max-w-\[900px\]{
  max-width: 900px;
}

.max-w-\[934px\]{
  max-width: 934px;
}

.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full{
  max-width: 100%;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-md{
  max-width: 28rem;
}

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

.flex-shrink{
  flex-shrink: 1;
}

.flex-grow{
  flex-grow: 1;
}

.flex-grow-0{
  flex-grow: 0;
}

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

.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-2{
  --tw-border-spacing-x: 0.5rem;
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-20{
  --tw-border-spacing-x: 5rem;
  --tw-border-spacing-y: 5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.-translate-x-1{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2{
  --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));
}

.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --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));
}

.-translate-y-3{
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-4{
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-6{
  --tw-translate-y: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.translate-y-\[-35\%\]{
  --tw-translate-y: -35%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.rotate-90{
  --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));
}

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

.scale-105{
  --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));
}

.scale-110{
  --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));
}

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

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

.scale-x-105{
  --tw-scale-x: 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));
}

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

.cursor-pointer{
  cursor: pointer;
}

.cursor-text{
  cursor: text;
}

.resize{
  resize: both;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

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

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

.flex-col-reverse{
  flex-direction: column-reverse;
}

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

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

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

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

.\!justify-start{
  justify-content: flex-start !important;
}

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

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

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

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

.\!gap-2{
  gap: 0.5rem !important;
}

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-16{
  gap: 4rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-2\.5{
  gap: 0.625rem;
}

.gap-20{
  gap: 5rem;
}

.gap-28{
  gap: 7rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-52{
  gap: 13rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-y-16{
  row-gap: 4rem;
}

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

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

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

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

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

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

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

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

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

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

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

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

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

.overflow-auto{
  overflow: auto;
}

.\!overflow-hidden{
  overflow: hidden !important;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.overscroll-x-none{
  overscroll-behavior-x: none;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.\!rounded-2xl{
  border-radius: 1rem !important;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-\[12px\]{
  border-radius: 12px;
}

.rounded-\[16px\]{
  border-radius: 16px;
}

.rounded-\[20px\]{
  border-radius: 20px;
}

.rounded-\[40px\]{
  border-radius: 40px;
}

.rounded-\[4px\]{
  border-radius: 4px;
}

.rounded-\[6px\]{
  border-radius: 6px;
}

.rounded-\[8px\]{
  border-radius: 8px;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-b-3xl{
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-\[20px\]{
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-t-\[20px\]{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.\!border{
  border-width: 1px !important;
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

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

.border-b-2{
  border-bottom-width: 2px;
}

.border-b-4{
  border-bottom-width: 4px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-2{
  border-left-width: 2px;
}

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

.border-t-0{
  border-top-width: 0px;
}

.border-none{
  border-style: none;
}

.\!border-black{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
}

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

.border-\[\#8D8D8D\]{
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
}

.border-\[\#959595\]{
  --tw-border-opacity: 1;
  border-color: rgb(149 149 149 / var(--tw-border-opacity, 1));
}

.border-\[\#9F9A8F\]{
  --tw-border-opacity: 1;
  border-color: rgb(159 154 143 / var(--tw-border-opacity, 1));
}

.border-\[\#DFDFDF\]{
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
}

.border-\[\#e9e9e9\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 233 233 / var(--tw-border-opacity, 1));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

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

.\!border-b-black{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
}

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

.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-green-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#00000096\]{
  background-color: #00000096;
}

.bg-\[\#00000099\]{
  background-color: #00000099;
}

.bg-\[\#09A8DD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(9 168 221 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2ED366\]{
  --tw-bg-opacity: 1;
  background-color: rgb(46 211 102 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6b859e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(107 133 158 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7D95A7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(125 149 167 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8D8D8D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(141 141 141 / var(--tw-bg-opacity, 1));
}

.bg-\[\#BBBBBB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(187 187 187 / var(--tw-bg-opacity, 1));
}

.bg-\[\#C1C1C1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(193 193 193 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EAF4FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 244 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEEEEE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F2F6F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 246 249 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFFFFB2\]{
  background-color: #FFFFFFB2;
}

.bg-\[\#FFF\]\/70{
  background-color: rgb(255 255 255 / 0.7);
}

.bg-\[\#eee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f5f5f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

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

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-cyan-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-green-300{
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
}

.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-inherit{
  background-color: inherit;
}

.bg-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.bg-transparent{
  background-color: transparent;
}

.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

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

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-black{
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/30{
  --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.fill-black{
  fill: #000;
}

.fill-white{
  fill: #fff;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

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

.\!object-bottom{
  -o-object-position: bottom !important;
     object-position: bottom !important;
}

.object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}

.\!p-0{
  padding: 0px !important;
}

.p-2{
  padding: 0.5rem;
}

.p-20{
  padding: 5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

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

.\!px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.\!px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.\!px-14{
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.\!px-16{
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-20{
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.\!px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.\!py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.\!py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.\!py-7{
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.\!py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

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

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

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

.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}

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

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}

.\!pb-10{
  padding-bottom: 2.5rem !important;
}

.\!pb-6{
  padding-bottom: 1.5rem !important;
}

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

.\!pl-1{
  padding-left: 0.25rem !important;
}

.\!pl-2{
  padding-left: 0.5rem !important;
}

.\!pl-4{
  padding-left: 1rem !important;
}

.\!pt-10{
  padding-top: 2.5rem !important;
}

.\!pt-4{
  padding-top: 1rem !important;
}

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

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-28{
  padding-bottom: 7rem;
}

.pb-32{
  padding-bottom: 8rem;
}

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

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

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

.pb-\[26px\]{
  padding-bottom: 26px;
}

.pb-\[30px\]{
  padding-bottom: 30px;
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-8{
  padding-left: 2rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-16{
  padding-top: 4rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-40{
  padding-top: 10rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-7{
  padding-top: 1.75rem;
}

.pt-8{
  padding-top: 2rem;
}

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

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

.\!text-center{
  text-align: center !important;
}

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

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

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

.\!font-inter{
  font-family: Inter, sans-serif !important;
}

.\!font-philosopher{
  font-family: Philosopher, sans-serif !important;
}

.font-inter{
  font-family: Inter, sans-serif;
}

.font-philosopher{
  font-family: Philosopher, sans-serif;
}

.\!text-\[14px\]{
  font-size: 14px !important;
}

.\!text-\[16px\]{
  font-size: 16px !important;
}

.\!text-\[20px\]{
  font-size: 20px !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[10px\]{
  font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.text-\[50px\]{
  font-size: 50px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-normal{
  font-weight: 400 !important;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.\!leading-none{
  line-height: 1 !important;
}

.leading-none{
  line-height: 1;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-snug{
  line-height: 1.375;
}

.leading-tight{
  line-height: 1.25;
}

.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

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

.text-\[\#09A8DD\]{
  --tw-text-opacity: 1;
  color: rgb(9 168 221 / var(--tw-text-opacity, 1));
}

.text-\[\#272727\]{
  --tw-text-opacity: 1;
  color: rgb(39 39 39 / var(--tw-text-opacity, 1));
}

.text-\[\#2AA1E3\]{
  --tw-text-opacity: 1;
  color: rgb(42 161 227 / var(--tw-text-opacity, 1));
}

.text-\[\#4A4A4A\]{
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity, 1));
}

.text-\[\#5E5E5E\]{
  --tw-text-opacity: 1;
  color: rgb(94 94 94 / var(--tw-text-opacity, 1));
}

.text-\[\#7F7F7F\]{
  --tw-text-opacity: 1;
  color: rgb(127 127 127 / var(--tw-text-opacity, 1));
}

.text-\[\#8D8D8D\]{
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.text-\[\#A8A8A8\]{
  --tw-text-opacity: 1;
  color: rgb(168 168 168 / var(--tw-text-opacity, 1));
}

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

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-inherit{
  color: inherit;
}

.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

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

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

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

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

.underline-offset-2{
  text-underline-offset: 2px;
}

.underline-offset-4{
  text-underline-offset: 4px;
}

.underline-offset-8{
  text-underline-offset: 8px;
}

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

.\!opacity-100{
  opacity: 1 !important;
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-5{
  opacity: 0.05;
}

.opacity-50{
  opacity: 0.5;
}

.\!shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

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

.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_47px_13px_0px_rgba\(94\2c _128\2c _158\2c _0\.00\)\2c _0px_30px_12px_0px_rgba\(94\2c _128\2c _158\2c _0\.01\)\2c _0px_17px_10px_0px_rgba\(94\2c _128\2c _158\2c _0\.05\)\2c _0px_7px_7px_0px_rgba\(94\2c _128\2c _158\2c _0\.09\)\2c _0px_2px_4px_0px_rgba\(94\2c _128\2c _158\2c _0\.10\)\]{
  --tw-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0.00), 0px 30px 12px 0px rgba(94, 128, 158, 0.01), 0px 17px 10px 0px rgba(94, 128, 158, 0.05), 0px 7px 7px 0px rgba(94, 128, 158, 0.09), 0px 2px 4px 0px rgba(94, 128, 158, 0.10);
  --tw-shadow-colored: 0px 47px 13px 0px var(--tw-shadow-color), 0px 30px 12px 0px var(--tw-shadow-color), 0px 17px 10px 0px var(--tw-shadow-color), 0px 7px 7px 0px var(--tw-shadow-color), 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --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);
}

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

.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
  --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);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.outline-black{
  outline-color: #000;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-md{
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  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);
}

.invert{
  --tw-invert: invert(100%);
  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);
}

.sepia{
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

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

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

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

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

.duration-1000{
  transition-duration: 1000ms;
}

.duration-150{
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-700{
  transition-duration: 700ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.header-transition {
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/*guias para comprar y vender */

.box {
  background-color: white;
  /* Fondo por defecto */
  color: #000;
  /* Color de texto por defecto */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* Ancho reducido para tarjetas inactivas */
  height: 200px;
  margin: 20px auto;
  border-radius: 16px;
  box-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05),
		0px 7px 7px 0px rgba(94, 128, 158, 0.09),
		0px 2px 4px 0px rgba(94, 128, 158, 0.1);
  transform: scale(1);
  /* Tamaño normal por defecto */
  transition: all 0.4s ease;
}

/* Tarjeta activa */

.box.active {
  background-color: #09a8dd;
  /* Fondo diferente */
  color: #fff;
  /* Texto más visible */
  width: 450px;
  /* Mayor ancho */
  transform: scale(1.1);
  /* Aumentar tamaño */
}

/* Tarjetas inactivas */

.box.inactive {
  width: 450px;
  /* Menor ancho */
  transform: scale(0.95);
  /* Reducir tamaño */
}

/* .box:nth-of-type(even) {
	transform: translateX(0%);
}
.box:nth-of-type(odd) {
	transform: translateX(0%);
} */

/* .box.show {
	transform: translateX(0);
} */

/*link nav efecto opacidad*/

.custom-link-nav,
.submenu-link {
  transition: opacity 0.3s ease;
}

.dimmed {
  opacity: 0.3;
}

/* Botón bluehouse */

.btn-bluehouse {
  font-family: 'Inter', sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: var(--btn-text);
  background: var(--btn-bg);
}

/* Pseudo-elemento para la animación */

.btn-bluehouse::before {
  content: '';
  display: block;
  width: 0px;
  height: 85%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: none;
  background: var(--btn-bg-hover);
  box-shadow: 0 0 40px 20px var(--btn-bg-hover);
  /* Se maneja completamente con keyframes */
}

/* Hover: animación hacia adelante */

.btn-bluehouse.hover-active::before {
  animation: sh02-forward 0.5s linear forwards;
}

/* Sin hover: animación hacia atrás */

.btn-bluehouse.hover-inactive::before {
  animation: sh02-backward 0.5s linear forwards;
}

/* Animación hacia adelante (hover) */

@keyframes sh02-forward {
  from {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 100%;
  }
}

/* Animación hacia atrás (salida de hover) */

@keyframes sh02-backward {
  from {
    opacity: 0;
    left: 100%;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 0%;
  }
}

.btn-bluehouse-line {
  background-color: transparent;
  color: #fff;
  border: 1px solid white;
  font-family: 'Inter', sans-serif;
  height: 50px;
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 0 15px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

/* Estilos para el contenedor del carrusel home */

.swiper {
  width: 100%;
  height: 100%;
}

/* Estilos para las flechas personalizadas */

.custom-next,
.custom-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  cursor: pointer;
  z-index: 10;
  background-color: #ffffff;
  /* Fondo blanco del contenedor */
  border-radius: 50%;
  /* Hace que sea un círculo */
  width: 50px;
  /* Tamaño del círculo */
  height: 50px;
  display: flex;
  /* Centra el contenido */
  align-items: center;
  /* Centrado vertical */
  justify-content: center;
  /* Centrado horizontal */
}

.custom-next {
  right: 18%;
  /* Ubicación de la flecha derecha */
}

.custom-prev {
  left: 18%;
  /* Ubicación de la flecha izquierda */
}

/* Efecto hover */

/* .custom-next:hover,
.custom-prev:hover {
	background-color: transparent; 
} */

/* Paginación (puntos) */

.swiper-pagination-bullet {
  background: white !important;
  /* border: 1px solid #ffffff; */
  border-radius: 4px !important;
  transition: background 0.3s ease, width 0.3s ease;
  width: 40px !important;
  height: 4px !important;
  opacity: 0.5 !important;
}

/*Desactivar boton*/

.swiper-button-disabled {
  opacity: 0.3;
  /* Atenuar los botones */
  pointer-events: none;
  /* Deshabilitar la interacción */
  cursor: not-allowed;
  /* Cambiar el cursor a "no permitido" */
}

.swiper-pagination-bullet-active {
  background: #ffffff !important;
  /* Color de los puntos activos */
  opacity: 1 !important;
  width: 60px !important;
}

/* Fondos de carruseles*/

.bannerUrL1 {
  background-image: url('../img/home/banner-1.png');
  background-size: 100% 100%;
  /* Asegura que la imagen cubra todo el contenedor */
  background-position: top;
  /* Centra la imagen dentro del contenedor */
  background-repeat: no-repeat;
  /* Evita que la imagen se repita */
  width: 100%;
  height: 676px !important;
}

.bannerUrL2 {
  background-image: url('../img/home/banner-1.png');
  background-size: 100% 100%;
  /* Asegura que la imagen cubra todo el contenedor */
  background-position: top;
  /* Centra la imagen dentro del contenedor */
  background-repeat: no-repeat;
  /* Evita que la imagen se repita */
  width: 100%;
  height: 676px !important;
}

.bannerUrL3 {
  background-image: url('../img/home/banner-1.png');
  background-size: 100% 100%;
  /* Asegura que la imagen cubra todo el contenedor */
  background-position: top;
  /* Centra la imagen dentro del contenedor */
  background-repeat: no-repeat;
  /* Evita que la imagen se repita */
  width: 100%;
  height: 676px !important;
}

/*Inicia tabs*/

/* Base para el contenedor de pestañas */

.tabs {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  border-bottom: 1px solid #c9c9c9;
  width: 100%;
}

/* Estilo de las pestañas */

.tab {
  cursor: pointer;
  padding: 10px 0;
  transition: font-weight 0.1s ease-out, color 0.1s ease-out;
  font-weight: 400;
}

.tab.active {
  color: #000000;
  font-weight: 500;
  border-bottom: 2px solid #0086d1;
}

.tab.active:hover {
  color: #000000;
}

.tab:hover {
  font-weight: 500;
  color: #0086d1;
}

/* Base para el contenido de las pestañas */

.tab-content {
  opacity: 0;
  transition: opacity 1s ease-out;
  visibility: hidden;
  /* Oculta el contenido cuando no está activo */
  position: absolute;
  /* Superpone los contenidos */
  width: 100%;
  /* O un ancho fijo si es posible */
}

/* Contenido activo */

.tab-content.active {
  opacity: 1;
  /* Hace que el contenido aparezca */
  visibility: visible;
  /* Lo hace visible */
  position: relative;
  /* Devuelve el flujo normal del documento */
  width: 100%;
}

/*Select filtroOrdenar*/

.select-Filtro-ordenar {
  width: 100%;
  max-width: 200px;
  position: relative;
  /* Importante para que las opciones se posicionen respecto a este contenedor */
}

.select-Filtro-ordenar .select-btn {
  display: flex;
  border: 1px solid #8d8d8d;
  border-radius: 100px;
  padding: 0.75rem 1rem;
  outline: none;
  color: #8d8d8d;
  background-color: transparent;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  transition: all 0.3s ease;
  /* Agregado para suavizar cambios de estado */
}

.select-btn svg {
  stroke: black;
  transition: 0.3s;
}

.select-Filtro-ordenar.active .select-btn svg {
  transform: rotate(-180deg);
}

.select-Filtro-ordenar .options {
  position: absolute;
  /* Cambiado a absolute */
  top: 100%;
  /* Se asegura que se despliegue debajo del botón */
  left: 0;
  right: 0;
  padding: 0 0;
  margin-top: 10px;
  /* Un pequeño margen para separar el botón */
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05), 0px 7px 7px 0px #eeeeee,
		0px 2px 4px 0px #eeeeee;
  display: none;
  z-index: 100;
  /* Asegúrate de que se muestre por encima de otros elementos */
  overflow: hidden;
  transition: opacity 0.3s ease;
  /* Suaviza la aparición/desaparición de la lista */
}

.select-Filtro-ordenar.active .options {
  display: block;
}

/*Inicia select personalizado*/

.select-menu {
  width: 100%;
  max-width: 200px;
  position: relative;
  /* Importante para que las opciones se posicionen respecto a este contenedor */
}

.select-menu .select-btn {
  display: flex;
  border: 1px solid #8d8d8d;
  border-radius: 100px;
  padding: 0.75rem 1rem;
  outline: none;
  color: #8d8d8d;
  background-color: transparent;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  transition: all 0.3s ease;
  /* Agregado para suavizar cambios de estado */
}

.select-btn svg {
  stroke: black;
  transition: 0.3s;
}

.select-menu.active .select-btn svg {
  transform: rotate(-180deg);
}

.select-menu .options {
  position: absolute;
  /* Cambiado a absolute */
  top: 100%;
  /* Se asegura que se despliegue debajo del botón */
  left: 0;
  right: 0;
  padding: 0 0;
  margin-top: 10px;
  /* Un pequeño margen para separar el botón */
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05), 0px 7px 7px 0px #eeeeee,
		0px 2px 4px 0px #eeeeee;
  display: none;
  z-index: 100;
  /* Asegúrate de que se muestre por encima de otros elementos */
  overflow: hidden;
  transition: opacity 0.3s ease;
  /* Suaviza la aparición/desaparición de la lista */
}

.select-menu.active .options {
  display: block;
}

.options .option {
  display: flex;
  height: auto;
  cursor: pointer;
  padding: 0 0;
  border-radius: 8px;
  align-items: center;
  background: #fff;
  margin: 0 0;
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Suaviza el cambio de color de fondo y texto */
}

.options .option:hover {
  background: transparent;
}

.option.selected .option-text {
  background-color: #eeeeee;
  /* Color que aparecerá cuando se seleccione */
  color: #000000;
  /* Cambiar el color del texto si lo prefieres */
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Transición de color cuando se selecciona */
}

.option .option-text {
  width: 100%;
  font-size: 17px;
  color: #000000;
  padding: 10px 15px;
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Transición suave al pasar el cursor */
}

.option .option-text:hover {
  color: #000000;
  background-color: #eeeeee;
}

/*sombraCard propiedades destacadas*/

.sombraCard {
  box-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05),
		0px 7px 7px 0px rgba(94, 128, 158, 0.09),
		0px 2px 4px 0px rgba(94, 128, 158, 0.1);
}

/*Carrusel home propiedades destacadas*/

.custom-next-home-propiedades,
.custom-prev-home-propiedades {
  background-color: transparent;
  /* Fondo blanco del contenedor */
  border-radius: 50%;
  /* Hace que sea un círculo */
  border: 1px solid #000;
  width: 50px;
  /* Tamaño del círculo */
  height: 50px;
  display: flex;
  /* Centra el contenido */
  align-items: center;
  /* Centrado vertical */
  justify-content: center;
  /* Centrado horizontal */
}

/*Caruusel home nosotros*/

.custom-next-home-nosotros,
.custom-prev-home-nosotros {
  background-color: transparent;
  /* Fondo blanco del contenedor */
  border-radius: 50%;
  /* Hace que sea un círculo */
  border: 1px solid #000;
  width: 50px;
  /* Tamaño del círculo */
  height: 50px;
  display: flex;
  /* Centra el contenido */
  align-items: center;
  /* Centrado vertical */
  justify-content: center;
  /* Centrado horizontal */
}

.custom-next-home-nosotros-Desktop,
.custom-prev-home-nosotros-Desktop {
  background-color: transparent;
  /* Fondo blanco del contenedor */
  border-radius: 50%;
  /* Hace que sea un círculo */
  border: 1px solid #000;
  width: 50px;
  /* Tamaño del círculo */
  height: 50px;
  display: flex;
  /* Centra el contenido */
  align-items: center;
  /* Centrado vertical */
  justify-content: center;
  /* Centrado horizontal */
}

/*Seccion Hogar Ideal*/

.fondoUrL1 {
  background-image: url('../img/home/photo-home-1.png');
  background-size: 100% 100%;
  /* Asegura que la imagen cubra todo el contenedor */
  background-position: top;
  /* Centra la imagen dentro del contenedor */
  background-repeat: no-repeat;
  /* Evita que la imagen se repita */
  width: 100%;
  height: 100%;
}

/*Carrusel nosotros home*/

.paginationHomeNosotros .swiper-pagination-bullet {
  background: #c7c7c7 !important;
  /* border: 1px solid #ffffff; */
  border-radius: 4px !important;
  transition: background 0.3s ease, width 0.3s ease;
  width: 30px !important;
  height: 4px !important;
  opacity: 0.5 !important;
}

.paginationHomeNosotros .swiper-pagination-bullet-active {
  background: var(--color-principal) !important;
  /* Color de los puntos activos */
  opacity: 1 !important;
  width: 55px !important;
}

.paginationHomeNosotrosDesktop .swiper-pagination-bullet {
  background: #c7c7c7 !important;
  /* border: 1px solid #ffffff; */
  border-radius: 4px !important;
  transition: background 0.3s ease, width 0.3s ease;
  width: 30px !important;
  height: 4px !important;
  opacity: 0.5 !important;
}

.paginationHomeNosotrosDesktop .swiper-pagination-bullet-active {
  background: var(--color-principal) !important;
  /* Color de los puntos activos */
  opacity: 1 !important;
  width: 55px !important;
}

/*diseño de checkbox*/

.checkbox-wrapper-46 input[type='checkbox'] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-46 .cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}

.checkbox-wrapper-46 .cbx span {
  display: inline-block;
  vertical-align: middle;
}

.checkbox-wrapper-46 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid white;
  transition: all 0.2s ease;
}

.checkbox-wrapper-46 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #09a8dd;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-46 .cbx span:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  background: white;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.checkbox-wrapper-46 .cbx span:last-child {
  padding-left: 8px;
}

.checkbox-wrapper-46 .cbx:hover span:first-child {
  border-color: white;
}

.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
  background: white;
  border-color: white;
  animation: wave-46 0.4s ease;
}

.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave-46 {
  50% {
    transform: scale(0.9);
  }
}

/*checkbox contacto*/

/*diseño de checkbox*/

.checkbox-wrapper-47 input[type='checkbox'] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-47 .cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}

.checkbox-wrapper-47 .cbx span {
  display: inline-block;
  vertical-align: middle;
}

.checkbox-wrapper-47 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid rgb(7, 7, 7);
  transition: all 0.2s ease;
}

.checkbox-wrapper-47 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #09a8dd;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-47 .cbx span:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #09a8dd;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.checkbox-wrapper-47 .cbx:hover span:first-child {
  border-color: black;
}

.checkbox-wrapper-47 .inp-cbx:checked + .cbx span:first-child {
  background: transparent;
  border-color: black;
  animation: wave-47 0.4s ease;
}

.checkbox-wrapper-47 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-47 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave-47 {
  50% {
    transform: scale(0.9);
  }
}

/*Fin*/

/*Fondo nosotros*/

.fondoNosotros {
  background: linear-gradient(
		180deg,
		rgba(85, 117, 141, 0.75) 4.63%,
		rgba(154, 173, 188, 0.37) 59.72%,
		rgba(238, 238, 238, 0) 99.74%
	);
}

/*Sombra carruseles socios*/

.sombraSociosNosotros {
  box-shadow: 0px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05),
		0px 7px 7px 0px rgba(94, 128, 158, 0.09),
		0px 2px 4px 0px rgba(94, 128, 158, 0.1);
}

.paginacionSociosNostros .swiper-pagination-bullet {
  background: #c7c7c7 !important;
  /* border: 1px solid #ffffff; */
  border-radius: 4px !important;
  transition: background 0.3s ease, width 0.3s ease;
  width: 30px !important;
  height: 4px !important;
  opacity: 0.5 !important;
}

.paginacionSociosNostros .swiper-pagination-bullet-active {
  background: var(--color-principal) !important;
  /* Color de los puntos activos */
  opacity: 1 !important;
  width: 55px !important;
}

/*Sombra card favoritos*/

.sombraCardFavoritos {
  box-shadow: 200px 20px 33px 0px rgba(35, 81, 154, 0),
		200px 13px 30px 0px rgba(33, 107, 175, 0.01),
		5px 7px 20px 0px rgba(15, 51, 106, 0.05),
		-100px 3px 19px 0px rgba(37, 95, 186, 0.09),
		-5px 1px 10px 0px rgba(35, 71, 128, 0.1);
}

/*corazon ico*/

/* From Uiverse.io by catraco */

.heart-container {
  --heart-color: rgb(0, 0, 0);
  position: relative;
  width: 45px;
  height: 45px;
  transition: 0.3s;
}

.heart-container .checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 20;
  cursor: pointer;
}

.heart-container .svg-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heart-container .svg-outline,
.heart-container .svg-filled {
  fill: var(--heart-color);
  position: absolute;
}

.heart-container .svg-filled {
  animation: keyframes-svg-filled 1s;
  display: none;
}

.heart-container .svg-celebrate {
  position: absolute;
  animation: keyframes-svg-celebrate 0.5s;
  animation-fill-mode: forwards;
  display: none;
  stroke: var(--heart-color);
  fill: var(--heart-color);
  stroke-width: 2px;
}

.heart-container .checkbox:checked ~ .svg-container .svg-filled {
  display: block;
}

.heart-container .checkbox:checked ~ .svg-container .svg-celebrate {
  display: block;
}

@keyframes keyframes-svg-filled {
  0% {
    transform: scale(0);
  }

  25% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(1);
    filter: brightness(1.5);
  }
}

@keyframes keyframes-svg-celebrate {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    filter: brightness(1.5);
  }

  100% {
    transform: scale(1.4);
    opacity: 0;
    display: none;
  }
}

/*accordion preguntas*/

.faqs .faq .head {
  display: flex;
  padding: 18px 0px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.question {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.faqs .faq .head svg {
  transition: transform 0.25s ease-in;
}

.faqs .faq .content {
  height: 0px;
  overflow-y: hidden;
  transition: height 0.25s ease-in;
  border-bottom: 1px solid #afafaf;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 22px;
}

/* Cuando esta activo */

.faqs .faq.active .head svg {
  transform: rotate(180deg);
}

/*Select con checkbox*/

/* Contenedor principal */

.custom-select {
  position: relative;
  width: 300px;
  font-family: 'Inter', sans-serif;
  border: 1px solid #959595;
  border-radius: 100px;
}

/* Título del select */

.select-title {
  padding: 14px 20px;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  color: #333;
  display: flex;
  justify-content: space-between;
  /* Asegura que el texto y el ícono estén separados */
  align-items: center;
}

/* Flecha (ícono) */

.arrow-icon {
  transition: transform 0.3s ease;
  /* Transición para rotar suavemente */
}

/* Opciones de checkbox */

.select-options {
  position: absolute;
  top: calc(100% + 24px);
  left: 0;
  width: 200px;
  background-color: #fff;
  border-radius: 12px;
  /* border: 1px solid #ccc; */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 20;
  /* Máxima superposición */
  overflow: hidden;
}

.checkbox-wrapper-50 {
  width: 100%;
  text-align: start;
}

.checkbox-wrapper-50 input[type='checkbox'] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-50 .cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}

.checkbox-wrapper-50 .cbx span {
  display: inline-block;
  vertical-align: middle;
}

.checkbox-wrapper-50 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid rgb(7, 7, 7);
  transition: all 0.2s ease;
}

.checkbox-wrapper-50 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-50 .cbx span:first-child:before {
  content: '';
  width: 100%;
  height: 100%;
  background: white;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.checkbox-wrapper-50 .cbx span:last-child {
  padding-left: 8px;
}

.checkbox-wrapper-50 .cbx:hover span:first-child {
  border-color: black;
}

.checkbox-wrapper-50 .inp-cbx:checked + .cbx span:first-child {
  background: #7d95a7;
  border-color: #7d95a7;
  animation: wave-50 0.4s ease;
}

.checkbox-wrapper-50 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-50 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave-50 {
  50% {
    transform: scale(0.9);
  }
}

.select-options label {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
}

.select-options label:hover {
  background-color: #f1f1f1;
}

.select-options input[type='checkbox'] {
  margin-right: 8px;
}

.select-title.open .arrow-icon {
  transform: rotate(180deg);
  /* Gira 180 grados */
}

/*custom select 2 container filtro en propiedades*/

.custom-select2 {
  position: relative;
  width: 330px;
  /* Ajustable */
  font-family: 'Inter', sans-serif;
  border: 1px solid #959595;
  border-radius: 100px;
}

/* Título del select */

.select-title2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 14px;
  color: #333;
}

/* Flecha animada */

.select-title2 .arrow-icon {
  transition: transform 0.3s ease;
}

.select-title2.rotate .arrow-icon {
  transform: rotate(180deg);
}

/* Contenedor desplegable */

.select-options2 {
  position: absolute;
  top: calc(100% + 24px);
  left: 0;
  width: 316px;
  background-color: #fff;
  /* border: 1px solid #ccc; */
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 0;
}

/* Dropdowns */

.select-input2 {
  font-size: 14px;
  color: #333;
  outline: none;
  cursor: pointer;
}

.select-input2:focus {
  border-color: #6b859e;
  box-shadow: 0 0 3px rgba(107, 133, 158, 0.4);
}

/* Botones */

button {
  transition: background 0.3s, color 0.3s;
}

.select-title2.open2 .arrow-icon {
  transform: rotate(180deg);
  /* Gira 180 grados */
}

/*custom select 3 container filtro en propiedades*/

.custom-select3 {
  position: relative;
  width: 250px;
  /* Ajustable */
  font-family: 'Inter', sans-serif;
  border: 1px solid #959595;
  border-radius: 100px;
}

/* Título del select */

.select-title3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 14px;
  color: #333;
}

/* Flecha animada */

.select-title3 .arrow-icon {
  transition: transform 0.3s ease;
}

.select-title3.rotate .arrow-icon {
  transform: rotate(180deg);
}

/* Contenedor desplegable */

/* Contenedor desplegable */

.select-options3 {
  position: absolute;
  top: calc(100% + 24px);
  left: 0;
  width: 300px;
  background-color: #fff;
  /* border: 1px solid #ccc; */
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 0;
}

/* Radios personalizados */

.radio-circle {
  display: inline-block;
  height: 16px;
  width: 16px;
  border: 2px solid #6b859e;
  border-radius: 50%;
  position: relative;
}

input[type='radio']:checked + .radio-circle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #6b859e;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Inputs de precio */

.price-input {
  font-size: 14px;
  color: #333;
  transition: border 0.3s;
}

.price-input:focus {
  border-color: #6b859e;
  box-shadow: 0 0 3px rgba(107, 133, 158, 0.4);
}

/* Botones */

button {
  transition: background 0.3s, color 0.3s;
}

.select-title3.open3 .arrow-icon {
  transform: rotate(180deg);
  /* Gira 180 grados */
}

/*corazon nav hover*/

/* Estilos por defecto */

#heart-icon path {
  fill: none;
  /* Color por defecto */
  stroke: white;
  stroke-width: 1.5;
  transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Estilo cuando hay scroll */

#heart-icon.scrolled path {
  fill: none;
  /* Gris cuando hay scroll */
  stroke: black;
}

/* Estilo por defecto en hover */

#heart-icon:hover path {
  fill: white;
  /* Rojo cuando se hace hover en estado normal */
  stroke: white;
}

/* Estilo cuando hay scroll y hover */

#heart-icon.scrolled:hover path {
  fill: black;
  /* Azul cuando se hace hover en estado con scroll */
  stroke: black;
}

/* Estilo base para el elemento del menú */

.menu-item {
  position: relative;
}

/* Estilo del submenú */

.submenu {
  position: absolute;
  top: 40px;
  left: 0;
  width: auto;
  background-color: #ffffff;
  box-shadow: 10px 47px 13px 0px rgba(94, 128, 158, 0),
		0px 30px 12px 0px rgba(94, 128, 158, 0.01),
		0px 17px 10px 0px rgba(94, 128, 158, 0.05),
		0px 7px 7px 0px rgba(94, 128, 158, 0.09),
		0px 2px 4px 0px rgba(94, 128, 158, 0.1);
  border-radius: 12px;
  padding: 0 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  overflow: hidden;
}

/* .submenu::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #f4f1ec;
	z-index: 11;
} */

/* Clase para mostrar el submenú nav */

.submenu.visible {
  opacity: 1;
  pointer-events: auto;
}

.submenu-link {
  display: block;
  padding: 10px 20px;
  width: 100%;
  /* font-weight: 600; */
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.submenu-link:hover {
  /* Escala suave */
  /* font-weight: 600; */
  background-color: #f2f6f9;
}

/* Mostrar el icono cuando se hace hover */

.submenu-link:hover .arrow-icon {
  opacity: 1;
  /* El ícono se hace visible */
  fill: #1f2e92;
}

/* 
.submenu hr {
	height: 1.2px;
	background-color: #ffffff;
	border: none;
	margin: 5px 0;
} */

/*Icono de whatsapp*/

/* Contenedor principal */

.floating-whatsapp {
  position: fixed;
  bottom: 18%;
  /* Ajusta según tus necesidades */
  right: 0;
  width: 50px;
  /* Tamaño inicial del contenedor */
  height: 50px;
  background-color: #25d366;
  /* Color típico de WhatsApp */
  border-top-left-radius: 30%;
  /* Solo el borde superior izquierdo redondeado */
  border-bottom-left-radius: 30%;
  /* Solo el borde inferior izquierdo redondeado */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: width 0.3s ease;
  /* Animación al expandirse */
  overflow: hidden;
  z-index: 1000;
}

/* Contenedor del SVG */

.icon-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

/* Título que aparece al hacer hover */

.whatsapp-title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-left: 10px;
  opacity: 0;
  /* Oculto por defecto */
  white-space: nowrap;
  transition: opacity 0.3s ease, transform 0.3s ease;
  /* Suaviza la aparición */
  transform: translateX(-10px);
  /* Desplazamiento inicial para animación */
}

/* Al hacer hover */

.floating-whatsapp:hover {
  width: 150px;
  /* Expande el contenedor */
}

.floating-whatsapp:hover .whatsapp-title {
  opacity: 1;
  /* Muestra el texto */
  transform: translateX(0);
  /* Vuelve a la posición normal */
}

/*Estilos de galleria en propiedades interna */

/* Main Gallery */

/*Input personalizado*/

.input-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.input-wrapper input {
  width: 100%;
  border: none;
  color: #000000;
  background-color: #ffffff;
  border-radius: 10px;
  outline: none;
  padding: 20px 8px 4px 10px;
  /* Agrega padding suficiente en la parte superior */
  font-size: 16px;
  font-style: normal;
  line-height: 2;
  /* Asegúrate de que haya suficiente espacio para el texto */
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.input-wrapper input:focus {
  border: none;
}

.input-wrapper label {
  position: absolute;
  top: 22px;
  left: 10px;
  font-size: 14px;
  font-style: normal;
  color: #5e5e5e;
  pointer-events: none;
  transform-origin: left center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease;
  will-change: transform, color;
  backface-visibility: hidden;
  transform: translateY(-4px);
}

.input-wrapper input:not(:-moz-placeholder-shown) + label {
  transform: translateY(-16px) scale(0.85);
  /* Asegúrate de que el label no se sobreponga */
  color: #5e5e5e;
}

.input-wrapper input:focus + label,
.input-wrapper input:not(:placeholder-shown) + label {
  transform: translateY(-16px) scale(0.85);
  /* Asegúrate de que el label no se sobreponga */
  color: #5e5e5e;
}

/*Input custom textare*/

.input-wrapper2 {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.input-wrapper2 textarea {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  outline: none;
  padding: 35px 8px 20px 10px;
  /* Padding suficiente en la parte superior */
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  /* Espaciado adecuado para el texto */
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.input-wrapper2 label {
  position: absolute;
  top: 10px;
  /* Establece la posición inicial del label */
  left: 10px;
  font-size: 14px;
  color: #5e5e5e;
  pointer-events: none;
  transform-origin: left center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s ease;
  will-change: transform, color;
  backface-visibility: hidden;
}

.input-wrapper2 textarea:not(:-moz-placeholder-shown) + label {
  transform: translateY(-16px) scale(0.85);
  /* Mueve el label hacia arriba */
  color: #0077ff;
  /* Cambia el color del label */
}

.input-wrapper2 textarea:focus + label,
.input-wrapper2 textarea:not(:placeholder-shown) + label {
  transform: translateY(-16px) scale(0.85);
  /* Mueve el label hacia arriba */
  color: #0077ff;
  /* Cambia el color del label */
}

/* Nueva clase contenedora para el carrusel vertical */

.swiper-container-vertical-custom {
  width: 100%;
  height: 600px;
  /* Ajusta el alto según necesites */
  position: relative;
}

.swiper-slide-focused {
  background-color: #09a8dd !important;
  /* Cambiar el color de fondo cuando está activo */
  transform: scale(1.1);
  /* Aumentar el tamaño ligeramente */
  transition: transform 0.3s ease, background-color 0.3s ease;
  color: white !important;
  width: 100% !important;
}



.swiper-container-vertical-custom .swiper-slide {
  background-color: white;
  border-radius: 16px;
  color: #000;
  transform: scale(1);
  transition: transform 0.3s ease, background-color 0.3s ease;
  width: 450px;
  margin: 0 auto;
}

/*calculadora opciones buttons*/

/* Estilos generales del grupo */

/* Ocultar los inputs */

.radio-boxes__input {
  display: none;
}

/* Estilos de las cajas */

.radio-boxes__box {
  display: inline-block;
  border: 2px solid black;
  border-radius: 8px;
  padding: 13px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover para las cajas */

.radio-boxes__box:hover {
  border-color: black;
  background-color: #e2e2e2;
}

/* Caja seleccionada: Cambia el padre usando :has */

.radio-boxes__box:has(input:checked) {
  border-color: black;
  background-color: black;
  color: white;
}

/*Filtro*/

.radio-boxes__boxFiltro {
  display: inline-block;
  /* border: 2px solid #8294a1; */
  border-radius: 6px;
  padding: 6px 25px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #e1e9ef;
}

.radio-boxes__boxFiltro:hover {
  /* border-color: #8294a1; */
  background-color: #e1e9ef;
}

/* Caja seleccionada: Cambia el padre usando :has */

.radio-boxes__boxFiltro:has(input:checked) {
  border-color: #8294a1;
  background-color: #8294a1;
  color: white;
}

/*radio buttons personalizados*/

.radio-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.radio-button input[type='radio'] {
  display: none;
}

.radio-checkmark {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border: 1px solid #333;
  border-radius: 50%;
}

.radio-checkmark:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2aa1e3;
  transition: all 0.2s ease-in-out;
}

.radio-button input[type='radio']:checked ~ .radio-checkmark:before {
  transform: translate(-50%, -50%) scale(1);
}

.radio-label {
  font-size: 16px;
  font-weight: 400;
}

/*card container*/

.containerCard {
  display: flex;
  width: 100%;
}

.card {
  height: 400px;
  background: white;
  background-color: #ffffff!important;
  flex: 1 1 20px;
  border-left: 1px solid #00000033;
  transition: 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  transition: flex 0.5s ease-in-out;
}

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

.card:hover {
  flex: 1.8 1 20px;
}

/*Propiedades destacadas*/

.custom-next-home-imagenes-subcarruseles,
.custom-prev-home-imagenes-subcarruseles {
  position: absolute;
  top: 50%;
  transform: translateY(70%);
  color: white;
  cursor: pointer;
  z-index: 10;
  background-color: white;
  /* Fondo blanco del contenedor */
  border-radius: 50%;
  /* Hace que sea un círculo */
  width: 35px;
  /* Tamaño del círculo */
  height: 35px;
  display: flex;
  /* Centra el contenido */
  align-items: center;
  /* Centrado vertical */
  justify-content: center;
  /* Centrado horizontal */
}

.custom-next-home-imagenes-subcarruseles {
  right: 16px;
}

.custom-prev-home-imagenes-subcarruseles {
  left: 16px;
}

.swiper-button-disabled-subcarrusel {
  opacity: 0.6;
  /* Atenuar los botones */
  pointer-events: none;
  /* Deshabilitar la interacción */
  cursor: not-allowed;
  /* Cambiar el cursor a "no permitido" */
}

/* crece en propiedades destacadas */

.cardpropiedades {
  transition: transform 0.4s ease;
}

.cardpropiedades.crecer {
  transform: translateY(-6px);
}

/* Menu burger */

/* From Uiverse.io by Cevorob */

.burger {
  position: relative;
  width: 40px;
  height: 30px;
  background: transparent;
  cursor: pointer;
  display: block;
}

.burger input {
  display: none;
}

.burger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.burger span:nth-of-type(1) {
  top: 0px;
  transform-origin: left center;
}

.burger span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left center;
}

.burger span:nth-of-type(3) {
  top: 100%;
  transform-origin: left center;
  transform: translateY(-100%);
}

.burger input:checked ~ span:nth-of-type(1) {
  transform: rotate(45deg);
  top: 0px;
  left: 5px;
}

.burger input:checked ~ span:nth-of-type(2) {
  width: 0%;
  opacity: 0;
}

.burger input:checked ~ span:nth-of-type(3) {
  transform: rotate(-45deg);
  top: 28px;
  left: 5px;
}

/*paginacion propiedades destacadas*/

.paginacionPropiedadesDestacadas
	.swiper-pagination-home-destacadas
	.swiper-pagination-bullet {
  background: transparent !important;
  /* border: 1px solid #ffffff; */
  border-radius: 99px !important;
  border: 1px solid #7d95a7 !important;
  transition: background 0.3s ease, width 0.3s ease;
  width: 20px !important;
  height: 20px !important;
  opacity: 0.5 !important;
}

.paginacionPropiedadesDestacadas
	.swiper-pagination-home-destacadas
	.swiper-pagination-bullet-active {
  background: #7d95a7 !important;
  /* Color de los puntos activos */
  opacity: 1 !important;
}

/*modal galeria*/

.modal {
  display: none;
  /* Oculto por defecto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fondo oscuro translúcido */
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.modal-content {
  background: transparent;
  border-radius: 15px;
  width: 100%;
  max-width: 750px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  display: none;
}

.close:hover {
  color: red;
}

/*Galeria de imagenes*/

.image-slider {
  position: relative;
  width: 100%;
  box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.4);
}

.slider-info {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.2rem;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

.image-slider .images {
  width: 100%;
  height: 493px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.image-slider .images img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: scale(1.1);
  transition: all 500ms ease-in-out;
}

.image-slider .images img.active {
  opacity: 1;
  transform: scale(1);
}

.image-slider .back-btn,
.image-slider .next-btn {
  position: absolute;
  width: 40px;
  top: 40%;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}

.image-slider .next-btn {
  right: 25px;
}

.image-slider .back-btn {
  left: 25px;
}

.image-slider .thumbnails {
  width: 100%;
  display: flex;
  justify-content: start;
  gap: 3px;
  overflow-x: auto;
  scroll-behavior: smooth;
  /* Ocultar barra de desplazamiento */
  scrollbar-width: none;
  /* Para Firefox */
  -ms-overflow-style: none;
  /* Para IE y Edge */
}

.image-slider .thumbnails::-webkit-scrollbar {
  display: none;
  /* Para Chrome, Safari y Edge */
}

.image-slider .thumbnails img {
  width: 90px;
  height: 90px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-slider .thumbnails img.active {
  border: 2px solid #fff;
}

/*Filtro shadow*/

.shadow-top-filtro {
  box-shadow: 0 -4px 8px rgba(143, 143, 143, 0.1);
  /* Sombra superior */
}

/*arrow responsive menu*/

.rotate-90 {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}

/*home banner*/

.homeNosotrosSwiperMovil {
  display: none;
}

/*select oficial*/

.unique-select-option.selected {
  background-color: #eeeeee;
  /* Color de fondo para la opción seleccionada */
}

@media (max-width: 1024px) {
  .bannerUrL1,
	.bannerUrL2,
	.bannerUrL3 {
    background-size: 150% 100%;
    /* Asegura que la imagen cubra todo el contenedor */
    background-position: top;
    /* Centra la imagen dentro del contenedor */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    width: 100%;
    height: 676px !important;
  }

  .swiper-container-vertical-custom .swiper-slide {
    width: 100%;
  }

  .modal-content {
    max-width: 650px;
  }
}

@media (max-width: 640px) {
  .bannerUrL1,
	.bannerUrL2,
	.bannerUrL3 {
    background-size: 280% 100%;
    /* Asegura que la imagen cubra todo el contenedor */
    background-position: top;
    /* Centra la imagen dentro del contenedor */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
    width: 100%;
    height: 676px !important;
  }

  .homeNosotrosSwiper {
    display: none;
  }

  .swiper-container-vertical-custom .swiper-slide {
    width: 100%;
  }

  .btn-bluehouse {
    padding: 0 12px;
    font-size: 14px;
  }

  .modal-content {
    max-width: 380px;
  }

  .box.active {
    width: 320px;
    /* Mayor ancho */
    height: 220px;
    transform: scale(1);
  }

  /* Tarjetas inactivas */

  .box.inactive {
    width: 320px;
    /* Menor ancho */
    height: 220px;
  }
}

/*input email black*/

.group {
  position: relative;
}

.main-input {
  font-size: 16px;
  padding: 10px 10px 10px 0px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #000;
  background: transparent;
  color: #000;
}

.main-input:focus {
  outline: none;
  border-bottom-color: #000;
}

.lebal-input-text {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.main-input:focus ~ .lebal-input-text,
.main-input:valid ~ .lebal-input-text {
  top: -16px;
  font-size: 14px;
  color: #5e5e5e;
}

.highlight-span {
  position: absolute;
  height: 60%;
  width: 0px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/*Custom select 2 black*/

.custom-select-oficial {
  position: relative;
}

.custom-select-oficial select {
  display: none;
  /*hide original SELECT element: */
  border: 1px solid #000;
  border-radius: 10px;
}

.select-selected {
  background-color: transparent;
  border-bottom: 1px solid #000;
  width: 100%;
  text-align: start;
  color: #5e5e5e;
}

/* Style the arrow inside the select element: */

.select-selected:after {
  position: absolute;
  content: '';
  top: 10px;
  right: 0px;
  width: 25px;
  /* Ajusta al tamaño de tu imagen */
  height: 25px;
  /* Ajusta al tamaño de tu imagen */
  background-image: url('../img/arrow.svg');
  /* Cambia por la ruta de tu imagen */
  background-size: contain;
  /* Asegura que la imagen se ajuste bien */
  background-repeat: no-repeat;
  /* Evita que se repita la imagen */
  background-position: center;
  /* Centra la imagen */
  transform: rotate(90deg);
  /* Posición inicial */
  transition: transform 0.3s ease;
  /* Suaviza la rotación */
}

/* Rota la imagen hacia arriba cuando el select está activo */

.select-selected.select-arrow-active:after {
  transform: rotate(270deg);
  /* Rota 180 grados */
}

/* style the items (options), including the selected item: */

.select-items div,
.select-selected {
  color: #5e5e5e;
  padding: 8px 0px;
  /* border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 1) transparent; */
  cursor: pointer;
  text-align: start;
  font-size: 16px !important;
}

/* Style items (options): */

.select-items {
  position: absolute;
  background-color: white;
  /* border: 1px solid rgba(0, 0, 0, 0.3); */
  overflow: hidden;
  border-radius: 10px;
  margin-top: 6px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0px 52px 15px 0px rgba(64, 64, 64, 0),
		0px 33px 13px 0px rgba(64, 64, 64, 0.01),
		0px 19px 11px 0px rgba(64, 64, 64, 0.05),
		0px 8px 8px 0px rgba(64, 64, 64, 0.09),
		0px 2px 5px 0px rgba(64, 64, 64, 0.1);
}

/* Hide the items when the select box is closed: */

.select-hide {
  display: none;
}

.select-items div {
  padding-left: 10px;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*input email white*/

.groupWhite {
  position: relative;
}

.main-input-white {
  font-size: 16px;
  padding: 10px 10px 10px 0px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid white;
  background: transparent;
  color: white;
}

.main-input-white:focus {
  outline: none;
  border-bottom-color: white;
}

.lebal-input-text-white {
  color: white;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.main-input-white:focus ~ .lebal-input-text-white,
.main-input-white:valid ~ .lebal-input-text-white {
  top: -16px;
  font-size: 14px;
  color: white;
}

.placeholder\:text-\[14px\]::-moz-placeholder{
  font-size: 14px;
}

.placeholder\:text-\[14px\]::placeholder{
  font-size: 14px;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:text-\[\#8D8D8D\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#8D8D8D\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:bottom-0::after{
  content: var(--tw-content);
  bottom: 0px;
}

.after\:left-0::after{
  content: var(--tw-content);
  left: 0px;
}

.after\:h-\[2px\]::after{
  content: var(--tw-content);
  height: 2px;
}

.after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}

.after\:bg-\[\#2AA1E3\]::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(42 161 227 / var(--tw-bg-opacity, 1));
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:scale-110: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));
}

.hover\:scale-125:hover{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.hover\:bg-\[\#5a748b\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(90 116 139 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#EEEEEE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[\#2AA1E3\]:hover{
  --tw-text-opacity: 1;
  color: rgb(42 161 227 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

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

.focus\:border-\[\#6b859e\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(107 133 158 / var(--tw-border-opacity, 1));
}

.focus\:border-\[\#8D8D8D\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(141 141 141 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.group:hover .group-hover\:fill-white{
  fill: #fff;
}

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

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

@media not all and (min-width: 1024px){
  .max-lg\:right-1\/2{
    right: 50%;
  }

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

  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:max-w-\[476px\]{
    max-width: 476px;
  }

  .max-lg\:max-w-\[540px\]{
    max-width: 540px;
  }

  .max-lg\:translate-x-\[50\%\]{
    --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));
  }

  .max-lg\:transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

@media not all and (min-width: 768px){
  .max-md\:hidden{
    display: none;
  }

  .max-md\:translate-x-\[-50\%\]{
    --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));
  }

  .max-md\:transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .max-md\:\!px-\[10px\]{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .max-md\:px-\[10px\]{
    padding-left: 10px;
    padding-right: 10px;
  }

  .max-md\:pb-20{
    padding-bottom: 5rem;
  }

  .max-md\:\!text-\[16px\]{
    font-size: 16px !important;
  }
}

@media (min-width: 640px){
  .sm\:w-\[350px\]{
    width: 350px;
  }

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

  .sm\:gap-10{
    gap: 2.5rem;
  }

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

@media (min-width: 768px){
  .md\:\!right-4{
    right: 1rem !important;
  }

  .md\:-bottom-10{
    bottom: -2.5rem;
  }

  .md\:-top-6{
    top: -1.5rem;
  }

  .md\:-top-\[16\%\]{
    top: -16%;
  }

  .md\:bottom-16{
    bottom: 4rem;
  }

  .md\:left-\[20\%\]{
    left: 20%;
  }

  .md\:right-12{
    right: 3rem;
  }

  .md\:right-6{
    right: 1.5rem;
  }

  .md\:top-7{
    top: 1.75rem;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

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

  .md\:-mb-\[10\%\]{
    margin-bottom: -10%;
  }

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

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

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

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

  .md\:mb-1{
    margin-bottom: 0.25rem;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:size-32{
    width: 8rem;
    height: 8rem;
  }

  .md\:h-\[120px\]{
    height: 120px;
  }

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

  .md\:h-\[280px\]{
    height: 280px;
  }

  .md\:w-\[120px\]{
    width: 120px;
  }

  .md\:w-\[680px\]{
    width: 680px;
  }

  .md\:w-min{
    width: -moz-min-content;
    width: min-content;
  }

  .md\:min-w-\[220px\]{
    min-width: 220px;
  }

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

  .md\:max-w-\[334px\]{
    max-width: 334px;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[0\.55fr_1fr\]{
    grid-template-columns: 0.55fr 1fr;
  }

  .md\:grid-cols-\[0\.5fr_1fr\]{
    grid-template-columns: 0.5fr 1fr;
  }

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

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

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

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

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

  .md\:gap-10{
    gap: 2.5rem;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .md\:pt-32{
    padding-top: 8rem;
  }

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

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

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

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

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

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

  .md\:text-\[48px\]{
    font-size: 48px;
  }

  .md\:text-\[70px\]{
    font-size: 70px;
  }

  .md\:font-medium{
    font-weight: 500;
  }

  .md\:leading-tight{
    line-height: 1.25;
  }
}

@media (min-width: 1024px){
  .lg\:right-\[8\%\]{
    right: 8%;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

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

  .lg\:-mb-\[10\%\]{
    margin-bottom: -10%;
  }

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

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

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

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[200px\]{
    height: 200px;
  }

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

  .lg\:\!h-\[350px\]{
    height: 350px !important;
  }

  .lg\:\!h-\[300px\]{
    height: 300px !important;
  }

  .lg\:\!h-\[250px\]{
    height: 250px !important;
  }

  .lg\:\!h-\[220px\]{
    height: 220px !important;
  }

  .lg\:\!h-\[230px\]{
    height: 230px !important;
  }

  .lg\:w-\[725px\]{
    width: 725px;
  }

  .lg\:w-\[946px\]{
    width: 946px;
  }

  .lg\:max-w-\[600px\]{
    max-width: 600px;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.3fr_1fr\]{
    grid-template-columns: 1.3fr 1fr;
  }

  .lg\:grid-cols-\[1fr_1fr_2fr\]{
    grid-template-columns: 1fr 1fr 2fr;
  }

  .lg\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

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

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

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

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-\[250px\]{
    gap: 250px;
  }

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

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

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pt-40{
    padding-top: 10rem;
  }

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

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

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

@media (min-width: 1280px){
  .xl\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:block{
    display: block;
  }

  .xl\:max-w-\[750px\]{
    max-width: 750px;
  }

  .xl\:max-w-\[900px\]{
    max-width: 900px;
  }

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