*,
: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: ;
}
:before, :after {
    --tw-content: "";
}
html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

/* 07/03/2025  */

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
dialog {
    padding: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
button, [role="button"] {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
.rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
legend {
    padding: 0;
}
.border {
    border-width: 1px;
}
.h-\[300px\] {
    height: 300px;
}
.max-h-\[90vh\] {
    max-height: 90vh;
}
.min-h-\[80vh\] {
    min-height: 80vh;
}
.min-h-\[calc\(100vh-6rem\)\] {
    min-height: calc(100vh - 6rem);
}
.w-\[500px\] {
    width: 500px;
}
.grow {
    flex-grow: 1;
}
.-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.appearance-none {
    -moz-appearance: none;
}
.border-white\/10 {
    border-color: #ffffff1a;
}
.border-white\/20 {
    border-color: #fff3;
}
.border-t-transparent {
    border-top-color: transparent;
}
.bg-black\/50 {
    background-color: #00000080;
}
.bg-white\/10 {
    background-color: #ffffff1a;
}
.bg-white\/5 {
    background-color: #ffffff0d;
}
.bg-white\/80 {
    background-color: #fffc;
}
.bg-white\/90 {
    background-color: #ffffffe6;
}
.to-white\/0 {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}
.text-white\/70 {
    color: #ffffffb3;
}
.text-white\/90 {
    color: #ffffffe6;
}
.placeholder-white\/60::-moz-placeholder {
    color: #fff9;
}
.placeholder-white\/60::placeholder {
    color: #fff9;
}
.opacity-\[0\.05\] {
    opacity: 0.05;
}
.opacity-\[0\.1\] {
    opacity: 0.1;
}
.opacity-\[0\.2\] {
    opacity: 0.2;
}
.from-white\/0 {
    --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-white\/50 {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgb(255 255 255 / 0.5) var(--tw-gradient-via-position),
        var(--tw-gradient-to);
}
.via-black\/30 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/40 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-black\/50 {
    --tw-gradient-from: rgb(0 0 0 / 0.5) 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\/60 {
    --tw-gradient-from: rgb(0 0 0 / 0.6) 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\/80 {
    --tw-gradient-from: rgb(0 0 0 / 0.8) 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);
}

@media (min-width: 768px) {
    .md\:block {
        display: block;
    }
    .md\:hidden {
        display: none;
    }
    /* .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    } */
    .md\:p-12 {
        padding: 3rem;
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:pl-8 {
        padding-left: 2rem;
    }
    .w-\[400px\] {
        width: 460px;
    }
}

@media (min-width: 1280px) {
    .w-\[500px\] {
        width: 500px;
    }
}

.shadow-blue-200 {
    --tw-shadow-color: #bfdbfe;
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-700\/20 {
    --tw-shadow-color: rgb(29 78 216 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-200 {
    --tw-shadow-color: #bbf7d0;
    --tw-shadow: var(--tw-shadow-colored);
}
.blur-3xl {
    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-lg {
    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-xl {
    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);
}
.filter1 {
    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);
}
.backdrop-blur-lg {
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
@keyframes float {
    0%,
    to {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}
.bg-grid {
    background-image: radial-gradient(
        circle at 1px 1px,
        rgb(229 231 235) 1px,
        transparent 0
    );
    background-size: 40px 40px;
}
.mask-gradient {
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-100px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(100px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-slide-left {
    animation: slideInLeft 0.6s ease-out forwards;
}
.animate-slide-right {
    animation: slideInRight 0.6s ease-out forwards;
}
.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}
.process-card {
    /* opacity: 0; */
    transform: translateY(20px);
}
.process-card.animate {
    animation: fadeIn 0.6s ease-out forwards;
}
@keyframes pulse-border {
    0% {
        box-shadow: 0 0 #2563eb66;
    }
    70% {
        box-shadow: 0 0 0 10px #2563eb00;
    }
    to {
        box-shadow: 0 0 #2563eb00;
    }
}
.pulse-border {
    animation: pulse-border 2s infinite;
}
.service-gradient {
    background: linear-gradient(135deg, #60a5fa, #3b82f6, #1d4ed8);
}
.hover-lift {
    transition: transform 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-10px);
}
.bg-pattern {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f0f9ff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.last\:border-0:last-child {
    border-width: 0px;
}
.hover\:-translate-y-1:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:rotate-2:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-sky-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.hover\:shadow-2xl:hover {
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}
.hover\:shadow-lg:hover {
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}
.hover\:shadow-md:hover {
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
}
.hover\:shadow-xl:hover {
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
        0 8px 10px -6px var(--tw-shadow-color);
}
.hover\:shadow-blue-300:hover {
    --tw-shadow-color: #93c5fd;
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:ring-white\/40:focus {
    --tw-ring-color: rgb(255 255 255 / 0.4);
}
.group:hover .group-hover\:block {
    display: block;
}
.group:hover .group-hover\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-white\/10:hover {
    background-color: #ffffff1a;
}
.hover\:bg-white\/20:hover {
    background-color: #fff3;
}

/* custom class */
.text-002D42 {
    color: #002D42;
}
.bg-002D42 {
    background: rgb(0, 45, 66, 0.2);
}
.hero-right-24 {
    right: -100% !important;
}
.leading-normal {
    line-height: normal !important;
}
.to-sky-50 {
    --tw-gradient-to: rgba(241, 245, 249, 1) var(--tw-gradient-to-position);
}
.to-sky-100 {
    --tw-gradient-to: rgba(219, 234, 254, 1) var(--tw-gradient-to-position);
}
.to-sky-200 {
    --tw-gradient-to: rgba(179, 226, 252, 1) var(--tw-gradient-to-position);
}
.to-sky-300 {
    --tw-gradient-to: rgba(125, 211, 252, 1) var(--tw-gradient-to-position);
}
.to-sky-400 {
    --tw-gradient-to: rgba(56, 189, 248, 1) var(--tw-gradient-to-position);
}
.to-sky-500 {
    --tw-gradient-to: rgba(14, 165, 233, 1) var(--tw-gradient-to-position);
}
.to-sky-600 {
    --tw-gradient-to: rgba(2, 132, 199, 1) var(--tw-gradient-to-position);
}
.to-sky-700 {
    --tw-gradient-to: rgba(3, 105, 161, 1) var(--tw-gradient-to-position);
}
.to-sky-800 {
    --tw-gradient-to: rgba(2, 77, 101, 1) var(--tw-gradient-to-position);
}
.to-sky-900 {
    --tw-gradient-to: rgba(1, 56, 77, 1) var(--tw-gradient-to-position);
}
.bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-sky-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-sky-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(179 226 252 / var(--tw-bg-opacity));
}
.bg-sky-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(125 211 252 / var(--tw-bg-opacity));
}
.bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}
.bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
.bg-sky-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}
.bg-sky-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}
.bg-sky-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 77 101 / var(--tw-bg-opacity));
}
.bg-sky-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(1 56 77 / var(--tw-bg-opacity));
}
.text-sky-50 {
    --tw-text-opacity: 1;
    color: rgb(240 249 255 / var(--tw-text-opacity));
}
.text-sky-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity));
}
.text-sky-200 {
    --tw-text-opacity: 1;
    color: rgb(179 226 252 / var(--tw-text-opacity));
}
.text-sky-300 {
    --tw-text-opacity: 1;
    color: rgb(125 211 252 / var(--tw-text-opacity));
}
.text-sky-400 {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity));
}
.text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233 / var(--tw-text-opacity));
}
.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-sky-700 {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity));
}
.text-sky-800 {
    --tw-text-opacity: 1;
    color: rgb(2 77 101 / var(--tw-text-opacity));
}
.text-sky-900 {
    --tw-text-opacity: 1;
    color: rgb(1 56 77 / var(--tw-text-opacity));
}
.ring-sky-50 {
    --tw-ring-color: rgb(240 249 255 / var(--tw-ring-opacity, 1));
}
.ring-sky-100 {
    --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.ring-sky-200 {
    --tw-ring-color: rgb(179 226 252 / var(--tw-ring-opacity, 1));
}
.ring-sky-300 {
    --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1));
}
.ring-sky-400 {
    --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1));
}
.ring-sky-500 {
    --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}
.ring-sky-600 {
    --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity, 1));
}
.ring-sky-700 {
    --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity, 1));
}
.ring-sky-800 {
    --tw-ring-color: rgb(2 77 101 / var(--tw-ring-opacity, 1));
}
.ring-sky-900 {
    --tw-ring-color: rgb(1 56 77 / var(--tw-ring-opacity, 1));
}
.from-sky-50 {
    --tw-gradient-from: rgb(240 249 255) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-100 {
    --tw-gradient-from: rgb(219 234 254) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-200 {
    --tw-gradient-from: rgb(179 226 252) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-300 {
    --tw-gradient-from: rgb(125 211 252) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400 {
    --tw-gradient-from: rgb(56 189 248) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500 {
    --tw-gradient-from: rgb(14 165 233) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-600 {
    --tw-gradient-from: rgb(2 132 199) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-700 {
    --tw-gradient-from: rgb(3 105 161) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-800 {
    --tw-gradient-from: rgb(2 77 101) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-900 {
    --tw-gradient-from: rgb(1 56 77) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:bg-sky-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 249, 255, var(--tw-bg-opacity));
}
.hover\:bg-sky-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 242, 254, var(--tw-bg-opacity));
}
.hover\:bg-sky-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(186, 230, 253, var(--tw-bg-opacity));
}
.hover\:bg-sky-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(125, 211, 252, var(--tw-bg-opacity));
}
.hover\:bg-sky-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(56, 189, 248, var(--tw-bg-opacity));
}
.hover\:bg-sky-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
}
.hover\:bg-sky-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(2, 132, 199, var(--tw-bg-opacity));
}
.hover\:bg-sky-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(3, 105, 161, var(--tw-bg-opacity));
}
.hover\:bg-sky-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 89, 133, var(--tw-bg-opacity));
}
.hover\:bg-sky-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(12, 74, 110, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 249, 255, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(224, 242, 254, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(186, 230, 253, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(125, 211, 252, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(56, 189, 248, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(2, 132, 199, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(3, 105, 161, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 89, 133, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-sky-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(12, 74, 110, var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-sky-50 {
    --tw-text-opacity: 1;
    color: rgba(240, 249, 255, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-100 {
    --tw-text-opacity: 1;
    color: rgba(224, 242, 254, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-200 {
    --tw-text-opacity: 1;
    color: rgba(186, 230, 253, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-300 {
    --tw-text-opacity: 1;
    color: rgba(125, 211, 252, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-400 {
    --tw-text-opacity: 1;
    color: rgba(56, 189, 248, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-500 {
    --tw-text-opacity: 1;
    color: rgba(14, 165, 233, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-600 {
    --tw-text-opacity: 1;
    color: rgba(2, 132, 199, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-700 {
    --tw-text-opacity: 1;
    color: rgba(3, 105, 161, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-800 {
    --tw-text-opacity: 1;
    color: rgba(7, 89, 133, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-sky-900 {
    --tw-text-opacity: 1;
    color: rgba(12, 74, 110, var(--tw-text-opacity));
}
.hover\:text-sky-50:hover {
    --tw-text-opacity: 1;
    color: rgba(240, 249, 255, var(--tw-text-opacity));
}
.hover\:text-sky-100:hover {
    --tw-text-opacity: 1;
    color: rgba(224, 242, 254, var(--tw-text-opacity));
}
.hover\:text-sky-200:hover {
    --tw-text-opacity: 1;
    color: rgba(186, 230, 253, var(--tw-text-opacity));
}
.hover\:text-sky-300:hover {
    --tw-text-opacity: 1;
    color: rgba(125, 211, 252, var(--tw-text-opacity));
}
.hover\:text-sky-400:hover {
    --tw-text-opacity: 1;
    color: rgba(56, 189, 248, var(--tw-text-opacity));
}
.hover\:text-sky-500:hover {
    --tw-text-opacity: 1;
    color: rgba(14, 165, 233, var(--tw-text-opacity));
}
.hover\:text-sky-600:hover {
    --tw-text-opacity: 1;
    color: rgba(2, 132, 199, var(--tw-text-opacity));
}
.hover\:text-sky-700:hover {
    --tw-text-opacity: 1;
    color: rgba(3, 105, 161, var(--tw-text-opacity));
}
.hover\:text-sky-800:hover {
    --tw-text-opacity: 1;
    color: rgba(7, 89, 133, var(--tw-text-opacity));
}
.hover\:text-sky-900:hover {
    --tw-text-opacity: 1;
    color: rgba(12, 74, 110, var(--tw-text-opacity));
}
.focus\:ring-sky-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 249 255 / var(--tw-ring-opacity));
}
.focus\:ring-sky-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
}
.focus\:ring-sky-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity));
}
.focus\:ring-sky-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity));
}
.focus\:ring-sky-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity));
}
.focus\:ring-sky-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.focus\:outline-none:focus {
    outline: none; 
    outline-offset: 0px;
  }
.focus\:ring-sky-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity));
}
.focus\:ring-sky-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity));
}
.focus\:ring-sky-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity));
}
.focus\:ring-sky-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(12 74 110 / var(--tw-ring-opacity));
}
.from-cyan-50 {
    --tw-gradient-from: rgb(236 254 255) var(--tw-gradient-from-position);
}
.from-cyan-100 {
    --tw-gradient-from: rgb(207 250 254) var(--tw-gradient-from-position);
}
.from-cyan-200 {
    --tw-gradient-from: rgb(165 243 252) var(--tw-gradient-from-position);
}
.from-cyan-300 {
    --tw-gradient-from: rgb(103 232 249) var(--tw-gradient-from-position);
}
.from-cyan-400 {
    --tw-gradient-from: rgb(34 211 238) var(--tw-gradient-from-position);
}
.from-cyan-500 {
    --tw-gradient-from: rgb(6 182 212) var(--tw-gradient-from-position);
}
.from-cyan-600 {
    --tw-gradient-from: rgb(8 145 178) var(--tw-gradient-from-position);
}
.from-cyan-700 {
    --tw-gradient-from: rgb(14 116 144) var(--tw-gradient-from-position);
}
.from-cyan-800 {
    --tw-gradient-from: rgb(21 94 117) var(--tw-gradient-from-position);
}
.from-cyan-900 {
    --tw-gradient-from: rgb(22 78 99) var(--tw-gradient-from-position);
}
.group:hover .group-hover\:bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(236, 254, 255, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(207, 250, 254, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(165, 243, 252, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(103, 232, 249, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(34, 211, 238, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 182, 212, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(8, 145, 178, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 116, 144, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(21, 94, 117, var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-cyan-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(22, 78, 99, var(--tw-bg-opacity));
}
.group:hover .group-hover\:text-cyan-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 254, 255, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgba(207, 250, 254, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgba(165, 243, 252, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgba(103, 232, 249, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgba(34, 211, 238, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgba(6, 182, 212, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgba(8, 145, 178, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgba(14, 116, 144, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgba(21, 94, 117, var(--tw-text-opacity));
}
.group:hover .group-hover\:text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgba(22, 78, 99, var(--tw-text-opacity));
}
.hover\:text-cyan-50:hover {
    --tw-text-opacity: 1;
    color: rgba(236, 254, 255, var(--tw-text-opacity));
}
.hover\:text-cyan-100:hover {
    --tw-text-opacity: 1;
    color: rgba(207, 250, 254, var(--tw-text-opacity));
}
.hover\:text-cyan-200:hover {
    --tw-text-opacity: 1;
    color: rgba(165, 243, 252, var(--tw-text-opacity));
}
.hover\:text-cyan-300:hover {
    --tw-text-opacity: 1;
    color: rgba(103, 232, 249, var(--tw-text-opacity));
}
.hover\:text-cyan-400:hover {
    --tw-text-opacity: 1;
    color: rgba(34, 211, 238, var(--tw-text-opacity));
}
.hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgba(6, 182, 212, var(--tw-text-opacity));
}
.hover\:text-cyan-600:hover {
    --tw-text-opacity: 1;
    color: rgba(8, 145, 178, var(--tw-text-opacity));
}
.hover\:text-cyan-700:hover {
    --tw-text-opacity: 1;
    color: rgba(14, 116, 144, var(--tw-text-opacity));
}
.hover\:text-cyan-800:hover {
    --tw-text-opacity: 1;
    color: rgba(21, 94, 117, var(--tw-text-opacity));
}
.hover\:text-cyan-900:hover {
    --tw-text-opacity: 1;
    color: rgba(22, 78, 99, var(--tw-text-opacity));
}
.to-cyan-50 {
    --tw-gradient-to: rgba(236, 254, 255, 1) var(--tw-gradient-to-position);
}
.to-cyan-100 {
    --tw-gradient-to: rgba(207, 250, 254, 1) var(--tw-gradient-to-position);
}
.to-cyan-200 {
    --tw-gradient-to: rgba(165, 243, 252, 1) var(--tw-gradient-to-position);
}
.to-cyan-300 {
    --tw-gradient-to: rgba(103, 232, 249, 1) var(--tw-gradient-to-position);
}
.to-cyan-400 {
    --tw-gradient-to: rgba(34, 211, 238, 1) var(--tw-gradient-to-position);
}
.to-cyan-500 {
    --tw-gradient-to: rgba(6, 182, 212, 1) var(--tw-gradient-to-position);
}
.to-cyan-600 {
    --tw-gradient-to: rgba(8, 145, 178, 1) var(--tw-gradient-to-position);
}
.to-cyan-700 {
    --tw-gradient-to: rgba(14, 116, 144, 1) var(--tw-gradient-to-position);
}
.to-cyan-800 {
    --tw-gradient-to: rgba(21, 94, 117, 1) var(--tw-gradient-to-position);
}
.to-cyan-900 {
    --tw-gradient-to: rgba(22, 78, 99, 1) var(--tw-gradient-to-position);
}
.text-cyan-50 {
    --tw-text-opacity: 1;
    color: rgba(236, 254, 255, var(--tw-text-opacity));
}
.text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgba(207, 250, 254, var(--tw-text-opacity));
}
.text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgba(165, 243, 252, var(--tw-text-opacity));
}
.text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgba(103, 232, 249, var(--tw-text-opacity));
}
.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgba(34, 211, 238, var(--tw-text-opacity));
}
.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgba(6, 182, 212, var(--tw-text-opacity));
}
.text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgba(8, 145, 178, var(--tw-text-opacity));
}
.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgba(14, 116, 144, var(--tw-text-opacity));
}
.text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgba(21, 94, 117, var(--tw-text-opacity));
}
.text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgba(22, 78, 99, var(--tw-text-opacity));
}
.bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}
.bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.bg-cyan-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}
.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238 / var(--tw-bg-opacity));
}
.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}
.bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
.bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}
.bg-cyan-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117 / var(--tw-bg-opacity));
}
.bg-cyan-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99 / var(--tw-bg-opacity));
}
.via-cyan-50 {
    --tw-gradient-stops: var(--tw-gradient-from), #ecfeff,
        var(--tw-gradient-to, rgba(236, 254, 255, 0));
}
.via-cyan-100 {
    --tw-gradient-stops: var(--tw-gradient-from), #cffafe,
        var(--tw-gradient-to, rgba(207, 250, 254, 0));
}
.via-cyan-200 {
    --tw-gradient-stops: var(--tw-gradient-from), #a5f3fc,
        var(--tw-gradient-to, rgba(165, 243, 252, 0));
}
.via-cyan-300 {
    --tw-gradient-stops: var(--tw-gradient-from), #67e8f9,
        var(--tw-gradient-to, rgba(103, 232, 249, 0));
}
.via-cyan-400 {
    --tw-gradient-stops: var(--tw-gradient-from), #22d3ee,
        var(--tw-gradient-to, rgba(34, 211, 238, 0));
}
.via-cyan-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #06b6d4,
        var(--tw-gradient-to, rgba(6, 182, 212, 0));
}
.via-cyan-600 {
    --tw-gradient-stops: var(--tw-gradient-from), #0891b2,
        var(--tw-gradient-to, rgba(8, 145, 178, 0));
}
.via-cyan-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #0e7490,
        var(--tw-gradient-to, rgba(14, 116, 144, 0));
}
.via-cyan-800 {
    --tw-gradient-stops: var(--tw-gradient-from), #155e75,
        var(--tw-gradient-to, rgba(21, 94, 117, 0));
}
.via-cyan-900 {
    --tw-gradient-stops: var(--tw-gradient-from), #164e63,
        var(--tw-gradient-to, rgba(22, 78, 99, 0));
}

@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }
}

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

.scrollbar-thin {
    scrollbar-width: thin;
}
.w-18 {
	width: 4.5rem;
}
.h-18 {
    height: 4.5rem;
}


/* Custom SweetAlert Styles */
.custom-popup.swal2-popup {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: scale(1);
    transition: transform 0.2s;
    width: 30em;
    padding: 1.5em;
    border-radius: 1rem;
    /* min-height: 14em; */
}
.custom-popup.swal2-popup .swal2-html-container {
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
    text-align: center !important;
}
.custom-popup.swal2-popup .swal2-title {
    color: #002D42;
    font-size: 24px;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.custom-popup.swal2-popup .swal2-actions {
    padding: 0;
    /* margin: 0; */
    flex-wrap: nowrap;
}
.custom-popup.swal2-popup .swal2-actions .swal2-confirm {
    width: fit-content;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    background: rgb(2 132 199);
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}
.custom-popup.swal2-popup .swal2-styled.swal2-cancel {
    width: fit-content;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    background: #D3524D !important;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;       
}
.custom-popup.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: none !important;
}
.custom-popup.swal2-popup .swal2-icon.swal2-error.swal2-icon-show {
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin-bottom: 0;
    border-color: #D3524D !important;
    color: #D3524D !important;
    border: 3px solid;
}
.custom-popup.swal2-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 1.2em;
    width: 1.5375em;
    height: 0.2125em;
    border-radius: .125em;
    background-color: #D3524D;
}
.custom-popup.swal2-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 0;
    transform: rotate(45deg);
    right: 0;
    margin: auto;
}
.custom-popup.swal2-popup .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    left: 0;
    transform: rotate(-45deg);
    right: 0;
    margin: auto;
}
.custom-popup.swal2-popup .swal2-icon .swal2-icon-content {
    font-size: 1.8em;
    color: #D3524D !important;
}

/* Success popup */
.custom-popup.swal2-popup .swal2-icon.swal2-success {
    width: 42px !important;
    height: 42px !important;
    margin-top: 0;
    margin-bottom: 0;
    border: 3px solid;
}
.custom-popup.swal2-popup .swal2-success-ring {
    width: 42px !important;
    height: 42px !important;
}
.custom-popup.swal2-popup .swal2-success-fix {
    display: none;
}
.custom-popup.swal2-popup .swal2-success-circular-line-left,
.custom-popup.swal2-popup .swal2-success-circular-line-right {
    display: none;
}
.custom-popup.swal2-popup .swal2-success-line-tip {
    width: 24px !important;
    height: 3px !important;
    background-color: #a5dc86 !important;
    position: relative !important;
    top: 2px !important;
    left: 3px !important;
    transform: rotate(43deg) !important;
    margin: auto;
}    
.custom-popup.swal2-popup .swal2-success-line-long {
    width: 40px !important;
    height: 3px !important;
    background-color: #a5dc86 !important;
    position: relative !important;
    top: -1px !important;
    right: 4px !important;
    transform: rotate(-45deg) !important;
    margin: auto;
}

.confirm_error {
    background: #D3524D !important;
}

.filterG {
	filter: grayscale(100%);
}

.contactO_Slider .owl-stage-outer,
.testi_Slider .owl-stage-outer {
    overflow: hidden;
}

.contactO_Slider .owl-stage-outer .owl-stage,
.testi_Slider .owl-stage-outer .owl-stage {
    display: flex;
}

.contactO_Slider .owl-nav,
.contactO_Slider .owl-dots,
.testi_Slider .owl-nav,
.testi_Slider .owl-dots {
    display: none;
}

.testimonial_Slides .userName {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	gap: 15px;
	min-height: 60px;
}

.testimonial_Slides img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
}

.testimonial_Slides .userName div {
    width: 80%;
}

.testimonial_Slides p.text-base {
    min-height: 96px;
}

.modalBook input::-webkit-input-placeholder,
.modalBook textarea::-webkit-input-placeholder {
    color: #999999;
}

.modalBook input::-moz-placeholder,
.modalBook textarea::-moz-placeholder {
    color: #999999;
}

.modalBook input:-ms-input-placeholder,
.modalBook textarea:-ms-input-placeholder {
    color: #999999;
}

.modalBook input:-moz-placeholder,
.modalBook textarea:-moz-placeholder {
    color: #999999;
}

.modalTeam {
    visibility: hidden;
}

.modalTeam.is-visible {
    visibility: visible;
}