@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap'); @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap";/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }
    }
}

/* [Rest of the full CSS content from the provided style.css file - this is abbreviated for space] */

.text-black {color:#000;}

.mobile-menu .arrow-icon {
  font-size: 0.8rem;
  transition: transform 0.3s ease;
}

.mobile-menu .menu-item-has-children.active > a .arrow-icon {
  transform: rotate(180deg);
}

/* Hide submenus by default */
.mobile-menu .sub-menu {
    display: none;
    padding-left: 1rem; /* indent for clarity */
    margin-top: 0.5rem;
}

/* When parent is active, show submenu */
.mobile-menu .menu-item-has-children.active > .sub-menu {
    display: block;
}

/* Style submenu links */
.mobile-menu .sub-menu li a {
    font-size: 0.9rem;
    padding: 0.5rem 0;
    display: block;
    color: #12111f;
}

/* Optional: add subtle border or background */
.mobile-menu .sub-menu li {
    border-left: 2px solid #999;
    padding-left: 0.5rem;
}

/* Mobile Menu Specific Styles */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 20rem; /* 320px, equivalent to w-80 in Tailwind */
    background-color: #bdc6c3;
    color: #12111f;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 50;
}

/* Tailwind-like class for translate-x-0 (slide in) */
.mobile-menu.translate-x-0 {
    transform: translateX(0);
}

/* Tailwind-like class for translate-x-full (slide out, default) */
.mobile-menu.translate-x-full {
    transform: translateX(100%);
}

.mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 40;
    display: none; /* Use display: none for hidden class */
    transition: opacity 0.3s ease-in-out;
}

/* When not hidden, show with opacity */
.mobile-menu-overlay:not(.hidden) {
    display: block;
    opacity: 1;
}

/* Ensure body overflow hidden when menu is open (handled in JS, but CSS backup) */
body.overflow-hidden {
    overflow: hidden;
}

/* [Complete Tailwind CSS classes and styles would be here - using the full provided CSS] */


input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.w-full.px-4.py-3.rounded-lg.text-white.border {
    background-color: #12111f;
    border-color: #bdc6c3;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.w-full.px-4.py-3.rounded-lg.text-white.border {
    background-color: #12111f;
    border-color: #bdc6c3;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.w-full.px-4.py-3.rounded-lg.text-white.border {
    background-color: #12111f;
    border-color: #bdc6c3;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.w-full.px-8.py-4.font-bold.transition {
    color: #12111f;
    font-size: 18px;
    background-color: #bdc6c3;
    border-radius: 50px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    color: #fff;
}

i#checkmark, svg#checkmark {
    color: #1bb827;
    font-size: 3em !important;
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}

.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  letter-spacing:1px;
}
.wrapper-2 h1{
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
 .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
}