.bg-green-to-cyan {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #2FE087 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(47 224 135 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #1EAEC1 var(--tw-gradient-to-position) 
}
 app-sa-image {
     display: block 
}
 body {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
     top: 0 !important 
}
 *, :before, :after {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: #e5e7eb 
}
 :before, :after {
     --tw-content: "" 
}
 html {
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
     font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
     font-feature-settings: normal;
     font-variation-settings: normal;
     -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
}
 body {
     margin: 0;
     line-height: inherit 
}
 h1, h2, h3, h4, h5 {
     font-size: inherit;
     font-weight: inherit 
}
 a {
     color: inherit;
     text-decoration: inherit 
}
 strong {
     font-weight: bolder 
}
 button, input, select, textarea {
     font-family: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     font-size: 100%;
     font-weight: inherit;
     line-height: inherit;
     color: inherit;
     margin: 0;
     padding: 0 
}
 button, select {
     text-transform: none 
}
 button, [type=submit] {
     -webkit-appearance: button;
     background-color: transparent;
     background-image: none 
}
 h1, h2, h3, h4, h5, p {
     margin: 0 
}
 ul {
     list-style: none;
     margin: 0;
     padding: 0 
}
 textarea {
     resize: vertical 
}
 input::placeholder, textarea::placeholder {
     opacity: 1;
     color: #9ca3af 
}
 button {
     cursor: pointer 
}
 img, svg {
     display: block;
     vertical-align: middle 
}
 img {
     max-width: 100%;
     height: auto 
}
 [type=text], [type=number], [type=email], [type=tel], textarea, select {
     -webkit-appearance: none;
     appearance: none;
     background-color: #fff;
     border-color: #6b7280;
     border-width: 1px;
     border-radius: 0;
     padding: .5rem .75rem;
     font-size: 1rem;
     line-height: 1.5rem;
     --tw-shadow: 0 0 #0000 
}
 [type=text]:focus, [type=number]:focus, textarea:focus, select:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
     --tw-ring-inset: var(--tw-empty, );
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: #2D5E8E;
     --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     border-color: #2d5e8e 
}
 input::placeholder, textarea::placeholder {
     color: #6b7280;
     opacity: 1 
}
 select {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
     background-position: right .5rem center;
     background-repeat: no-repeat;
     background-size: 1.5em 1.5em;
     padding-right: 2.5rem;
     -webkit-print-color-adjust: exact;
     print-color-adjust: exact 
}
 [type=checkbox] {
     -webkit-appearance: none;
     appearance: none;
     padding: 0;
     -webkit-print-color-adjust: exact;
     print-color-adjust: exact;
     display: inline-block;
     vertical-align: middle;
     background-origin: border-box;
     -webkit-user-select: none;
     user-select: none;
     flex-shrink: 0;
     height: 1rem;
     width: 1rem;
     color: #2d5e8e;
     background-color: #fff;
     border-color: #6b7280;
     border-width: 1px;
     --tw-shadow: 0 0 #0000 
}
 [type=checkbox] {
     border-radius: 0 
}
 [type=checkbox]:focus {
     outline: 2px solid transparent;
     outline-offset: 2px;
     --tw-ring-inset: var(--tw-empty, );
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: #2D5E8E;
     --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) 
}
 [type=checkbox]:checked {
     border-color: transparent;
     background-color: currentColor;
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat 
}
 [type=checkbox]:checked {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") 
}
 @media (forced-colors: active) {
     [type=checkbox]:checked {
         -webkit-appearance: auto;
         appearance: auto 
    }
}
 [type=checkbox]:checked:hover, [type=checkbox]:checked:focus {
     border-color: transparent;
     background-color: currentColor 
}
 [type=checkbox]:indeterminate {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
     border-color: transparent;
     background-color: currentColor;
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat 
}
 @media (forced-colors: active) {
     [type=checkbox]:indeterminate {
         -webkit-appearance: auto;
         appearance: auto 
    }
}
 [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus {
     border-color: transparent;
     background-color: currentColor 
}
 h1 {
     font-size: 2.25rem;
     line-height: 2.5rem;
     font-weight: 700 
}
 @media (min-width: 1024px) {
     h1 {
         font-size: 4.5rem;
         line-height: 1 
    }
}
 @media (min-width: 1280px) {
     h1 {
         font-size: 4.5rem;
         line-height: 1;
         line-height: 87px 
    }
}
 @media (min-width: 1536px) {
     h1 {
         font-size: 78px;
         line-height: 90px 
    }
}
 h2 {
     font-size: 1.25rem;
     line-height: 1.75rem;
     font-weight: 700 
}
 @media (min-width: 1024px) {
     h2 {
         font-size: 56px;
         line-height: 68px 
    }
}
 h3 {
     font-size: 1.125rem;
     line-height: 1.75rem;
     font-weight: 500 
}
 @media (min-width: 1024px) {
     h3 {
         font-size: 32px;
         line-height: 2.5rem 
    }
}
 h4 {
     font-size: 1rem;
     line-height: 1.5rem 
}
 @media (min-width: 1024px) {
     h4 {
         font-size: 1.5rem;
         line-height: 2rem 
    }
}
 h5, p, a {
     font-size: 1rem;
     line-height: 1.5rem;
     font-weight: 400 
}
 @media (min-width: 1024px) {
     h5, p, a {
         font-size: 1.125rem;
         line-height: 1.5rem 
    }
}
 *, :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;
     --wp--preset--color--contrast: #fff;
     --tw-ring-color: rgb(59 130 246 / .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-text-opacity: 1;
     --wp--preset--font-family--heading: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
}
 .container {
     width: 100%;
     margin-right: auto;
     margin-left: auto;
     padding-right: 1rem;
     padding-left: 1rem 
}
 @media (min-width: 390px) {
     .container {
         max-width: 390px 
    }
}
 @media (min-width: 640px) {
     .container {
         max-width: 640px;
         padding-right: 1rem;
         padding-left: 1rem 
    }
}
 @media (min-width: 768px) {
     .container {
         max-width: 768px;
         padding-right: 2rem;
         padding-left: 2rem 
    }
}
 @media (min-width: 1024px) {
     .container {
         max-width: 1024px;
         padding-right: 3rem;
         padding-left: 3rem 
    }
}
 @media (min-width: 1280px) {
     .container {
         max-width: 1280px;
         padding-right: 4rem;
         padding-left: 4rem 
    }
}
 @media (min-width: 1536px) {
     .container {
         max-width: 1536px;
         padding-right: 5rem;
         padding-left: 5rem 
    }
}
 .absolute {
     position: absolute 
}
 .relative {
     position: relative 
}
 .sticky {
     position: sticky 
}
 .-bottom-8 {
     bottom: -2rem 
}
 .-top-8 {
     top: -2rem 
}
 .bottom-0 {
     bottom: 0 
}
 .left-0 {
     left: 0 
}
 .left-3 {
     left: .75rem 
}
 .top-0 {
     top: 0 
}
 .z-10 {
     z-index: 10 
}
 .z-50 {
     z-index: 50 
}
 .z-\[1\] {
     z-index: 1 
}
 .m-2 {
     margin: .5rem 
}
 .m-4 {
     margin: 1rem 
}
 .\ !mx-auto {
     margin-left: auto !important;
     margin-right: auto !important 
}
 .mx-0 {
     margin-left: 0;
     margin-right: 0 
}
 .mx-6 {
     margin-left: 1.5rem;
     margin-right: 1.5rem 
}
 .mx-auto {
     margin-left: auto;
     margin-right: auto 
}
 .-mt-7 {
     margin-top: -1.75rem 
}
 .mb-2 {
     margin-bottom: .5rem 
}
 .mb-3 {
     margin-bottom: .75rem 
}
 .mb-4 {
     margin-bottom: 1rem 
}
 .ml-\[0\.15rem\] {
     margin-left: .15rem 
}
 .ml-auto {
     margin-left: auto 
}
 .mr-3 {
     margin-right: .75rem 
}
 .mr-auto {
     margin-right: auto 
}
 .mt-2 {
     margin-top: .5rem 
}
 .mt-3 {
     margin-top: .75rem 
}
 .mt-4 {
     margin-top: 1rem 
}
 .mt-8 {
     margin-top: 2rem 
}
 .mt-\[-0\.09rem\] {
     margin-top: -.09rem 
}
 .block {
     display: block 
}
 .inline-block {
     display: inline-block 
}
 .flex {
     display: flex 
}
 .grid {
     display: grid 
}
 .hidden {
     display: none 
}
 .not-h-7 {
     height: 1.75rem !important 
}
 .\ !h-full {
     height: 100% !important 
}
 .h-10 {
     height: 2.5rem 
}
 .h-16 {
     height: 4rem 
}
 .h-28 {
     height: 7rem 
}
 .h-4 {
     height: 1rem 
}
 .h-6 {
     height: 1.5rem 
}
 .h-\[42px\] {
     height: 42px 
}
 .h-\[570px\] {
     height: 570px 
}
 .h-full {
     height: 100% 
}
 .min-h-\[570px\] {
     min-height: 570px 
}
 .not-w-7 {
     width: 1.75rem !important 
}
 .w-1\/5 {
     width: 20% 
}
 .w-12 {
     width: 3rem 
}
 .w-32 {
     width: 8rem 
}
 .w-4 {
     width: 1rem 
}
 .w-96 {
     width: 24rem 
}
 .w-\[150px\] {
     width: 150px 
}
 .w-\[95\%\] {
     width: 95% 
}
 .w-\[calc\(100\%-4\.55px\)\] {
     width: calc(100% - 4.55px) 
}
 .w-auto {
     width: auto 
}
 .w-fit {
     width: -moz-fit-content;
     width: fit-content 
}
 .no-mx-auto {
     margin-left: auto!important;
     margin-right: auto!important;
}
 .w-full {
     width: 100% 
}
 .min-w-\[220px\] {
     min-width: 220px 
}
 .min-w-\[67px\] {
     min-width: 67px 
}
 .min-w-min {
     min-width: min-content 
}
 .max-w-\[150px\] {
     max-width: 150px 
}
 .max-w-\[250px\] {
     max-width: 250px 
}
 .-rotate-\[110deg\] {
     --tw-rotate: -110deg;
     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-x-100 {
     --tw-scale-x: -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)) 
}
 .scale-y-100 {
     --tw-scale-y: 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)) 
}
 @keyframes fadeIn {
     0% {
         opacity: 0 
    }
     to {
         opacity: 1 
    }
}
 .animate-fadeIn {
     animation: fadeIn .3s ease-in forwards 
}
 .cursor-pointer {
     cursor: pointer 
}
 .list-none {
     list-style-type: none 
}
 .grid-cols-1 {
     grid-template-columns: repeat(1, 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)) 
}
 .flex-row {
     flex-direction: row 
}
 .flex-row-reverse {
     flex-direction: row-reverse 
}
 .flex-col {
     flex-direction: column 
}
 .flex-wrap {
     flex-wrap: wrap 
}
 .items-center {
     align-items: center 
}
 .justify-start {
     justify-content: flex-start 
}
 .justify-center {
     justify-content: center 
}
 .justify-between {
     justify-content: space-between 
}
 .justify-around {
     justify-content: space-around 
}
 .justify-evenly {
     justify-content: space-evenly 
}
 .justify-items-center {
     justify-items: center 
}
 .gap-2 {
     gap: .5rem 
}
 .gap-3 {
     gap: .75rem 
}
 .gap-4 {
     gap: 1rem 
}
 .gap-6 {
     gap: 1.5rem 
}
 .gap-y-12 {
     row-gap: 3rem 
}
 .space-x-1>:not([hidden])~:not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(.25rem * var(--tw-space-x-reverse));
     margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))) 
}
 .space-y-2>:not([hidden])~:not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) 
}
 .divide-y>:not([hidden])~:not([hidden]) {
     --tw-divide-y-reverse: 0;
     border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
     border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) 
}
 .divide-\[\#DFE4EB\]>:not([hidden])~:not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgb(223 228 235 / var(--tw-divide-opacity)) 
}
 .whitespace-nowrap {
     white-space: nowrap 
}
 .\ !rounded-lg {
     border-radius: .5rem !important 
}
 .rounded-2xl {
     border-radius: 1rem 
}
 .rounded-full {
     border-radius: 9999px 
}
 .rounded-lg {
     border-radius: .5rem 
}
 .rounded-xl {
     border-radius: .75rem 
}
 .rounded-bl {
     border-bottom-left-radius: .25rem 
}
 .rounded-br {
     border-bottom-right-radius: .25rem 
}
 .rounded-tl {
     border-top-left-radius: .25rem 
}
 .rounded-tr {
     border-top-right-radius: .25rem 
}
 .border-4 {
     border-width: 4px 
}
 .\ !border-b {
     border-bottom-width: 1px !important 
}
 .border-b {
     border-bottom-width: 1px 
}
 .border-l {
     border-left-width: 1px 
}
 .border-r {
     border-right-width: 1px 
}
 .border-t-2 {
     border-top-width: 2px 
}
 .border-solid {
     border-style: solid 
}
 .\ !border-none {
     border-style: none !important 
}
 .border-\[\#2FBFB5\] {
     --tw-border-opacity: 1;
     border-color: rgb(47 191 181 / var(--tw-border-opacity)) 
}
 .border-green-300\/20 {
     border-color: #35d0b233 
}
 .\ !border-b-\[\#DFE4EB\] {
     --tw-border-opacity: 1 !important;
     border-bottom-color: rgb(223 228 235 / var(--tw-border-opacity)) !important 
}
 .\ !bg-blue-900 {
     --tw-bg-opacity: 1 !important;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity)) !important 
}
 .bg-\[\#061321\] {
     --tw-bg-opacity: 1;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity)) 
}
 .bg-\[\#0B252E\] {
     --tw-bg-opacity: 1;
     background-color: rgb(11 37 46 / var(--tw-bg-opacity)) 
}
 .bg-\[\#0b1828\] {
     --tw-bg-opacity: 1;
     background-color: rgb(11 24 40 / var(--tw-bg-opacity)) 
}
 .bg-\[\#13253b\] {
     --tw-bg-opacity: 1;
     background-color: rgb(19 37 59 / var(--tw-bg-opacity)) 
}
 .bg-\[\#2a3b50\] {
     --tw-bg-opacity: 1;
     background-color: rgb(42 59 80 / var(--tw-bg-opacity)) 
}
 .bg-\[\#ffffff11\] {
     background-color: #fff1 
}
 .bg-blue-900 {
     --tw-bg-opacity: 1;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity)) 
}
 .bg-transparent {
     background-color: transparent 
}
 .bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .bg-white\/30 {
     background-color: #ffffff4d 
}
 .not-bg-cover {
     background-size: cover !important 
}
 .p-1 {
     padding: .25rem 
}
 .p-2 {
     padding: .5rem 
}
 .p-3 {
     padding: .75rem 
}
 .p-4 {
     padding: 1rem 
}
 .p-6 {
     padding: 1.5rem 
}
 .\ !px-0 {
     padding-left: 0 !important;
     padding-right: 0 !important 
}
 .\ !px-4 {
     padding-left: 1rem !important;
     padding-right: 1rem !important 
}
 .\ !px-6 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important 
}
 .\ !py-1 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important 
}
 .\ !py-2 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important 
}
 .px-0 {
     padding-left: 0;
     padding-right: 0 
}
 .px-2 {
     padding-left: .5rem;
     padding-right: .5rem 
}
 .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-8 {
     padding-left: 2rem;
     padding-right: 2rem 
}
 .py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem 
}
 .py-16 {
     padding-top: 4rem;
     padding-bottom: 4rem 
}
 .py-2 {
     padding-top: .5rem;
     padding-bottom: .5rem 
}
 .py-3 {
     padding-top: .75rem;
     padding-bottom: .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 
}
 .\ !pt-8 {
     padding-top: 2rem !important 
}
 .pb-1 {
     padding-bottom: .25rem 
}
 .pb-10 {
     padding-bottom: 2.5rem 
}
 .pb-12 {
     padding-bottom: 3rem 
}
 .pb-16 {
     padding-bottom: 4rem 
}
 .pb-4 {
     padding-bottom: 1rem 
}
 .pb-5 {
     padding-bottom: 1.25rem 
}
 .pb-6 {
     padding-bottom: 1.5rem 
}
 .pl-0 {
     padding-left: 0 
}
 .pl-1 {
     padding-left: .25rem 
}
 .pr-3 {
     padding-right: .75rem 
}
 .pt-1 {
     padding-top: .25rem 
}
 .pt-10 {
     padding-top: 2.5rem 
}
 .pt-12 {
     padding-top: 3rem 
}
 .pt-2 {
     padding-top: .5rem 
}
 .pt-20 {
     padding-top: 5rem 
}
 .pt-3 {
     padding-top: .75rem 
}
 .pt-4 {
     padding-top: 1rem 
}
 .pt-5 {
     padding-top: 1.25rem 
}
 .pt-6 {
     padding-top: 1.5rem 
}
 .pt-8 {
     padding-top: 2rem 
}
 .text-left {
     text-align: left 
}
 .text-center {
     text-align: center 
}
 .text-right {
     text-align: right 
}
 .\ !text-2xl {
     font-size: 1.5rem !important;
     line-height: 2rem !important 
}
 .text-2xl {
     font-size: 1.5rem;
     line-height: 2rem 
}
 .text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem 
}
 .text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem 
}
 .text-5xl {
     font-size: 3rem;
     line-height: 1 
}
 .text-\[0\.55rem\] {
     font-size: .55rem 
}
 .text-\[0\.5rem\] {
     font-size: .5rem 
}
 .text-base {
     font-size: 1rem;
     line-height: 1.5rem 
}
 .text-sm {
     font-size: .875rem;
     line-height: 1.25rem 
}
 .text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem 
}
 .text-xs {
     font-size: .75rem;
     line-height: 1rem 
}
 .\ !font-semibold {
     font-weight: 600 !important 
}
 .font-bold {
     font-weight: 700 
}
 .font-extrabold {
     font-weight: 800 
}
 .font-light {
     font-weight: 300 
}
 .font-semibold {
     font-weight: 600 
}
 .leading-8 {
     line-height: 2rem 
}
 .leading-none {
     line-height: 1 
}
 .text-\[\#2ddf88\] {
     color: rgb(45 223 136 / var(--tw-text-opacity)) 
}
 .text-\[\#374151\] {
    
     color: rgb(55 65 81 / var(--tw-text-opacity)) 
}
 .text-\[\#999999\] {
    
     color: rgb(153 153 153 / var(--tw-text-opacity)) 
}
 .text-\[\#9CB1C9\] {
    
     color: rgb(156 177 201 / var(--tw-text-opacity)) 
}
 .text-\[\#BBBBC4\] {
    
     color: rgb(187 187 196 / var(--tw-text-opacity)) 
}
 .text-\[\#D9E2EB\] {
    
     color: rgb(217 226 235 / var(--tw-text-opacity)) 
}
 .text-\[\#FDA533\] {
    
     color: rgb(253 165 51 / var(--tw-text-opacity)) 
}
 .text-blue-700 {
    
     color: rgb(10 37 64 / var(--tw-text-opacity)) 
}
 .text-blue-900 {
    
     color: rgb(6 19 33 / var(--tw-text-opacity)) 
}
 .text-gray-500 {
    
     color: rgb(107 114 128 / var(--tw-text-opacity)) 
}
 .text-green-300 {
    
     color: rgb(53 208 178 / var(--tw-text-opacity)) 
}
 .text-red-500 {
    
     color: rgb(239 68 68 / var(--tw-text-opacity)) 
}
 .text-slate-300 {
    
     color: rgb(203 213 225 / var(--tw-text-opacity)) 
}
 .text-slate-500 {
     color: rgb(100 116 139 / var(--tw-text-opacity)) 
}
 .text-white {
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .text-black {
     color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black h1,.text-black h2,.text-black h3,.text-black h4,.text-black h5,.text-black p{
     color: rgb(0 0 0 / var(--tw-text-opacity));
}
 .text-yellow-300 {
    
     color: rgb(251 198 71 / var(--tw-text-opacity)) 
}
 .shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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-green-300\/50 {
     --tw-shadow-color: rgb(53 208 178 / .5);
     --tw-shadow: var(--tw-shadow-colored) 
}
 .flag-container .select-flags {
     width: 100%;
     position: relative 
}
 .flag-container .country-flag {
     padding-bottom: 5px 
}
 .flag-container .country-flag span:nth-child(3) {
     float: right;
     margin-right: 10px 
}
 .user-input {
     padding-bottom: .5rem;
     color: #b2beb7 
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0 
}
 option:checked {
     color: red 
}
 .btn {
     border-radius: 9999px;
     padding: .5rem .75rem;
     text-align: center;
     font-size: 1rem;
     line-height: 1.5rem;
     font-weight: 600;
     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(.4, 0, .2, 1);
     transition-duration: .15s 
}
 @media (min-width: 1024px) {
     .btn {
         padding-left: 1.25rem;
         padding-right: 1.25rem;
         font-size: 1.125rem;
         line-height: 1.75rem 
    }
}
 .btn-green {
     border-width: 2px;
     --tw-border-opacity: 1;
     border-color: rgb(53 208 178 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(53 208 178 / var(--tw-bg-opacity));
     font-weight: 400;
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .btn-green:hover {
     --tw-border-opacity: 1;
     border-color: rgb(39 172 146 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(39 172 146 / var(--tw-bg-opacity)) 
}
 .btn-green-hollow {
     border-width: 2px;
     --tw-border-opacity: 1;
     border-color: rgb(53 208 178 / var(--tw-border-opacity));
    
     color: rgb(53 208 178 / var(--tw-text-opacity));
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .15s 
}
 .btn-green-hollow:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(53 208 178 / var(--tw-bg-opacity));
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .btn-green-to-cyan {
     justify-content: center;
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #2DE086 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(45 224 134 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #20AEC1 var(--tw-gradient-to-position);
    
     color: rgb(6 19 33 / var(--tw-text-opacity)) 
}
 .text-green-to-cyan {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #2DE086 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(45 224 134 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #20AEC1 var(--tw-gradient-to-position);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent 
}
 .transformation-link {
     position: relative;
     display: inline-block;
     cursor: pointer;
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #2DE086 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(45 224 134 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #20AEC1 var(--tw-gradient-to-position);
     -webkit-background-clip: text;
     background-clip: text;
     font-weight: 600;
     color: transparent 
}
 .transformation-link:after {
     content: "";
     transform: scaleX(0);
     height: 1px;
     bottom: 0;
     transform-origin: bottom right;
     transition: transform .25s ease-out;
     position: absolute;
     left: 0;
     width: 100%;
     --tw-bg-opacity: 1;
     background-color: rgb(53 208 178 / var(--tw-bg-opacity)) 
}
 .transformation-link:hover:after {
     transform: scaleX(1);
     transform-origin: bottom left 
}
 label {
     text-align: left;
     font-size: .675rem;
     font-weight: 600;
    
     color: rgb(55 65 81 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     label {
         padding-bottom: .25rem;
         padding-top: .5rem;
         font-size: .75rem;
         line-height: 1rem;
         line-height: 1.5 
    }
}
 .sp-input {
     width: 100%;
     border-radius: .5rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(203 213 225 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
     padding-left: 1rem;
     padding-right: 1rem;
     font-size: .75rem;
     line-height: 1rem;
    
     color: rgb(71 85 105 / var(--tw-text-opacity));
     transition-property: all;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     transition-duration: .3s 
}
 @media (min-width: 390px) {
     .sp-input {
         font-size: .875rem;
         line-height: 1.25rem 
    }
}
 @media (min-width: 1024px) {
     .sp-input {
         font-size: 1rem;
         line-height: 1.5rem 
    }
}
 .sp-input ::placeholder, .sp-input ::-webkit-input-placeholder {
     font-size: .875rem;
     line-height: 1.25rem;
    
     color: rgb(148 163 184 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .sp-input ::placeholder, .sp-input ::-webkit-input-placeholder {
         font-size: 1rem;
         line-height: 1.5rem 
    }
}
 .sp-input:hover {
     border: 1px solid #6b7280 
}
 .sp-input:focus {
     outline: none;
     box-shadow: 0 0 0 3px #35d0b188;
     border: 1px solid #35d0b2 
}
 @media (min-width: 1024px) {
     .lg\:container {
         width: 100%;
         margin-right: auto;
         margin-left: auto;
         padding-right: 1rem;
         padding-left: 1rem 
    }
     @media (min-width: 390px) {
         .lg\:container {
             max-width: 390px 
        }
    }
     @media (min-width: 640px) {
         .lg\:container {
             max-width: 640px;
             padding-right: 1rem;
             padding-left: 1rem 
        }
    }
     @media (min-width: 768px) {
         .lg\:container {
             max-width: 768px;
             padding-right: 2rem;
             padding-left: 2rem 
        }
    }
     @media (min-width: 1024px) {
         .lg\:container {
             max-width: 1024px;
             padding-right: 3rem;
             padding-left: 3rem 
        }
    }
     @media (min-width: 1280px) {
         .lg\:container {
             max-width: 1280px;
             padding-right: 4rem;
             padding-left: 4rem 
        }
    }
     @media (min-width: 1536px) {
         .lg\:container {
             max-width: 1536px;
             padding-right: 5rem;
             padding-left: 5rem 
        }
    }
}
 .hover\:text-green-300:hover {
    
     color: rgb(53 208 178 / var(--tw-text-opacity)) 
}
 @media (min-width: 390px) {
     .xs\:w-\[300px\] {
         width: 300px 
    }
}
 @media (min-width: 640px) {
     .sm\:min-h-\[1rem\] {
         min-height: 1rem 
    }
     .sm\:w-8\/12 {
         width: 66.666667% 
    }
     .sm\:w-\[150px\] {
         width: 150px 
    }
     .sm\:w-\[350px\] {
         width: 350px 
    }
     .sm\:w-full {
         width: 100% 
    }
     .sm\:min-w-\[300px\] {
         min-width: 300px 
    }
     .sm\:min-w-\[75px\] {
         min-width: 75px 
    }
     .sm\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr)) 
    }
     .sm\:flex-row {
         flex-direction: row 
    }
     .sm\:whitespace-nowrap {
         white-space: nowrap 
    }
     .sm\:p-6 {
         padding: 1.5rem 
    }
     .sm\:px-12 {
         padding-left: 3rem;
         padding-right: 3rem 
    }
}
 @media (min-width: 768px) {
     .md\:w-1\/2 {
         width: 50% 
    }
     .md\:w-6\/12 {
         width: 50% 
    }
     .md\:w-max {
         width: max-content 
    }
     .md\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr)) 
    }
     .md\:flex-row {
         flex-direction: row 
    }
     .md\:flex-row-reverse {
         flex-direction: row-reverse 
    }
     .md\:justify-end {
         justify-content: flex-end 
    }
     .md\:justify-between {
         justify-content: space-between 
    }
     .md\:border-0 {
         border-width: 0px 
    }
     .md\:pb-0 {
         padding-bottom: 0 
    }
     .md\:pr-16 {
         padding-right: 4rem 
    }
     .md\:last\:pr-0:last-child {
         padding-right: 0 
    }
}
 @media (min-width: 1024px) {
     .lg\:absolute {
         position: absolute 
    }
     .lg\:-mt-6 {
         margin-top: -1.5rem 
    }
     .lg\:-mt-7 {
         margin-top: -1.75rem 
    }
     .lg\:mb-6 {
         margin-bottom: 1.5rem 
    }
     .lg\:mb-8 {
         margin-bottom: 2rem 
    }
     .lg\:ml-0 {
         margin-left: 0 
    }
     .lg\:ml-12 {
         margin-left: 3rem 
    }
     .lg\:mr-0 {
         margin-right: 0 
    }
     .lg\:mt-6 {
         margin-top: 1.5rem 
    }
     .lg\:block {
         display: block 
    }
     .lg\:inline-block {
         display: inline-block 
    }
     .lg\:flex {
         display: flex 
    }
     .lg\:hidden {
         display: none 
    }
     .lg\:h-20 {
         height: 5rem 
    }
     .lg\:h-full {
         height: 100% 
    }
     .lg\:min-h-\[125px\] {
         min-height: 125px 
    }
     .lg\:min-h-\[208px\] {
         min-height: 208px 
    }
     .lg\:w-4\/12 {
         width: 33.333333% 
    }
     .lg\:w-6\/12 {
         width: 50% 
    }
     .lg\:w-8\/12 {
         width: 66.666667% 
    }
     .lg\:w-\[115\%\] {
         width: 115% 
    }
     .lg\:min-w-\[245px\] {
         min-width: 245px 
    }
     .lg\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr)) 
    }
    .lg\:grid-cols-5 {
         grid-template-columns: repeat(5, minmax(0, 1fr)) 
    }
     .lg\:grid-cols-7 {
         grid-template-columns: repeat(7, minmax(0, 1fr)) 
    }
     .lg\:grid-cols-9 {
         grid-template-columns: repeat(9, minmax(0, 1fr)) 
    }
     .lg\:flex-row {
         flex-direction: row 
    }
     .lg\:justify-start {
         justify-content: flex-start 
    }
     .lg\:justify-between {
         justify-content: space-between 
    }
     .lg\:gap-12 {
         gap: 3rem 
    }
     .lg\:gap-4 {
         gap: 1rem 
    }
     .lg\:gap-6 {
         gap: 1.5rem 
    }
     .lg\:gap-8 {
         gap: 2rem 
    }
     .lg\:gap-x-24 {
         column-gap: 6rem 
    }
     .lg\:rounded-3xl {
         border-radius: 1.5rem 
    }
     .lg\:rounded-xl {
         border-radius: .75rem 
    }
     .lg\:rounded-t {
         border-top-left-radius: .25rem;
         border-top-right-radius: .25rem 
    }
     .lg\:rounded-br {
         border-bottom-right-radius: .25rem 
    }
     .lg\:rounded-br-none {
         border-bottom-right-radius: 0 
    }
     .lg\:border {
         border-width: 1px 
    }
     .lg\:border-l {
         border-left-width: 1px 
    }
     .lg\:border-r {
         border-right-width: 1px 
    }
     .lg\:border-t {
         border-top-width: 1px 
    }
     .lg\:border-dashed {
         border-style: dashed 
    }
     .lg\:border-white\/60 {
         border-color: #fff9 
    }
     .lg\:bg-\[\#ffffff11\] {
         background-color: #fff1 
    }
     .lg\:bg-transparent {
         background-color: transparent 
    }
     .lg\:p-6 {
         padding: 1.5rem 
    }
     .lg\:p-8 {
         padding: 2rem 
    }
     .lg\:px-0 {
         padding-left: 0;
         padding-right: 0 
    }
     .lg\:px-12 {
         padding-left: 3rem;
         padding-right: 3rem 
    }
     .lg\:px-5 {
         padding-left: 1.25rem;
         padding-right: 1.25rem 
    }
     .lg\:px-6 {
         padding-left: 1.5rem;
         padding-right: 1.5rem 
    }
     .lg\:py-12 {
         padding-top: 3rem;
         padding-bottom: 3rem 
    }
     .lg\:py-24 {
         padding-top: 6rem;
         padding-bottom: 6rem 
    }
     .lg\:py-6 {
         padding-top: 1.5rem;
         padding-bottom: 1.5rem 
    }
     .lg\:pb-12 {
         padding-bottom: 3rem 
    }
     .lg\:pb-2 {
         padding-bottom: .5rem 
    }
     .lg\:pb-20 {
         padding-bottom: 5rem 
    }
     .lg\:pb-24 {
         padding-bottom: 6rem 
    }
     .lg\:pb-32 {
         padding-bottom: 8rem 
    }
     .lg\:pl-0 {
         padding-left: 0 
    }
     .lg\:pl-4 {
         padding-left: 1rem 
    }
     .lg\:pt-0 {
         padding-top: 0 
    }
     .lg\:pt-12 {
         padding-top: 3rem 
    }
     .lg\:pt-16 {
         padding-top: 4rem 
    }
     .lg\:pt-2 {
         padding-top: .5rem 
    }
     .lg\:pt-24 {
         padding-top: 6rem 
    }
     .lg\:pt-3 {
         padding-top: .75rem 
    }
     .lg\:pt-4 {
         padding-top: 1rem 
    }
     .lg\:pt-8 {
         padding-top: 2rem 
    }
     .lg\:text-left {
         text-align: left 
    }
     .lg\:text-right {
         text-align: right 
    }
     .lg\:\ !text-4xl {
         font-size: 2.25rem !important;
         line-height: 2.5rem !important 
    }
     .lg\:text-2xl {
         font-size: 1.5rem;
         line-height: 2rem 
    }
     .lg\:text-4xl {
         font-size: 2.25rem;
         line-height: 2.5rem 
    }
     .lg\:text-5xl {
         font-size: 3rem;
         line-height: 1 
    }
     .lg\:text-7xl {
         font-size: 4.5rem;
         line-height: 1 
    }
     .lg\:text-base {
         font-size: 1rem;
         line-height: 1.5rem 
    }
     .lg\:text-lg {
         font-size: 1.125rem;
         line-height: 1.75rem 
    }
     .lg\:text-sm {
         font-size: .875rem;
         line-height: 1.25rem 
    }
     .lg\:leading-none {
         line-height: 1 
    }
     .lg\:shadow-lg {
         --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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) 
    }
     .lg\: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) 
    }
}
 @media (min-width: 1280px) {
     .xl\:-mt-10 {
         margin-top: -2.5rem 
    }
     .xl\:w-1\/2 {
         width: 50% 
    }
     .xl\:w-6\/12 {
         width: 50% 
    }
     .xl\:flex-row {
         flex-direction: row 
    }
     .xl\:gap-2 {
         gap: .5rem 
    }
     .xl\:px-16 {
         padding-left: 4rem;
         padding-right: 4rem 
    }
     .xl\:py-32 {
         padding-top: 8rem;
         padding-bottom: 8rem 
    }
     .xl\:text-3xl {
         font-size: 1.875rem;
         line-height: 2.25rem 
    }
}
 @media (min-width: 1536px) {
     .\32xl\:min-h-\[180px\] {
         min-height: 180px 
    }
     .\32xl\:min-w-\[300px\] {
         min-width: 300px 
    }
     .\32xl\:py-36 {
         padding-top: 9rem;
         padding-bottom: 9rem 
    }
     .\32xl\:pb-12 {
         padding-bottom: 3rem 
    }
     .\32xl\:pl-12 {
         padding-left: 3rem 
    }
}
 #simpleToast[_ngcontent-sc19] {
     visibility: hidden;
     position: fixed;
     right: .75rem;
     top: 8rem;
     z-index: 10000;
     min-width: 250px;
     border-radius: .25rem;
     padding: .75rem;
     text-align: center;
     font-size: .875rem;
     line-height: 1.25rem;
    
     color: rgb(255 255 255 / var(--tw-text-opacity));
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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) 
}
 @media (min-width: 1024px) {
     #simpleToast[_ngcontent-sc19] {
         font-size: 1rem;
         line-height: 1.5rem 
    }
}
 #simpleToast.show[_ngcontent-sc19] {
     visibility: visible 
}
 @keyframes _ngcontent-sc19_fadeInRight {
     0 % {
         transform: translate3d(100%, 0, 0);
         opacity: 0 
    }
}
 #simpleToast.show[_ngcontent-sc19] {
     animation: 1s both _ngcontent-sc19_fadeInRight;
     transition-duration: 75ms 
}
.footer-bg:before {
         content: "";
         position: absolute;
         background: url(https://elevatex.global/wp-content/uploads/2024/02/Footer-Globe.png) no-repeat;
         width: 400px;
         height: 400px;
         z-index: 0 
}
 .imageContainer {
     position: relative;
     width: 100% 
}
 .media {
     position: absolute;
     top: 0;
     height: 100%;
     object-fit: contain 
}
 .lazy {
     --tw-scale-x: .9;
     --tw-scale-y: .9;
     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)) 
}
 img {
     transition-property: all;
     transition-duration: .3s;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1) 
}
 .sp-logo {
     display: inline-block;
     height: 3rem;
     width: 10rem;
     background-image: url(https://elevatex.global/wp-content/uploads/2024/01/ElevateX-White_logo-Logo.png);
     background-size: contain;
     background-repeat: no-repeat 
}
 @media (min-width: 1024px) {
     .sp-logo {
         height: 5rem;
         width: 15rem 
    }
}
 .header-link {
     position: relative 
}
 @media (min-width: 1024px) {
     .header-link {
         display: inline-block 
    }
}
 .header-link:after {
     content: "";
     transform: scaleX(0);
     height: 2px;
     transform-origin: bottom right;
     transition: transform .3s ease-out;
     position: absolute;
     left: 0;
     bottom: -.25rem;
     width: 100%;
     --tw-bg-opacity: 1;
     background-color: rgb(219 234 254 / var(--tw-bg-opacity)) 
}
 .header-link:hover:after {
     transform: scaleX(1);
     transform-origin: bottom left 
}
 .top-header:after {
     bottom: -3px;
     --tw-bg-opacity: 1;
     background-color: rgb(219 234 254 / var(--tw-bg-opacity)) 
}
 @media (min-width: 1024px) {
     .form-wrapper {
         position: relative 
    }
     .secondary-bg {
         z-index: 1;
         position: relative 
    }
     .secondary-bg:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 9rem;
         height: 21rem;
         z-index: -1 
    }
     .research {
         z-index: 1;
         position: relative 
    }
     .research:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 100%;
         height: 100%;
         opacity: .2;
         z-index: -1 
    }
     .product {
         z-index: 1;
         position: relative 
    }
     .product:before {
         content: "";
         position: absolute;
         right: 12rem;
         top: 5rem;
         width: 40rem;
         height: 40rem;
         opacity: 1;
         z-index: -1 
    }
     .sales {
         z-index: 1;
         position: relative 
    }
     .sales:before {
         content: "";
         position: absolute;
         right: 0;
         top: 0;
         width: 20rem;
         height: 20rem;
         opacity: 1;
         z-index: -1 
    }
     .listing {
         z-index: 1;
         position: relative 
    }
     .listing:before {
         content: "";
         position: absolute;
         right: 0;
         top: 45%;
         width: 100%;
         height: 100%;
         z-index: -1;
         opacity: .7 
    }
     .ppc-expert {
         position: relative;
         z-index: 1 
    }
     .ppc-expert:before {
         position: absolute;
         top: 0;
         z-index: -1;
         height: 100%;
         width: 100%;
         background-size: contain;
         background-position: center;
         background-repeat: no-repeat;
         --tw-content: "";
         content: var(--tw-content) 
    }
}
 .white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .white h5 {
    
     color: rgb(100 116 139 / var(--tw-text-opacity)) 
}
 .ecommerce-agency {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .ecommerce-agency h5 {
    
     color: rgb(100 116 139 / var(--tw-text-opacity)) 
}
 .dark-blue {
     --tw-bg-opacity: 1;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity));
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .dark-blue h5 {
    
     color: rgb(203 213 225 / var(--tw-text-opacity)) 
}
 .managed-service {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .managed-service .row-container {
     align-items: stretch 
}
 .managed-service h1 {
     font-size: 1.5rem;
     line-height: 2rem 
}
 @media (min-width: 1024px) {
     .managed-service h1 {
         font-size: 2.25rem;
         line-height: 2.5rem;
         line-height: 1.375 
    }
}
 .managed-service h5 {
    
     color: rgb(100 116 139 / var(--tw-text-opacity)) 
}
 .banner.green {
     background: #e2fcf4 
}
 .banner.green p {
     color: #1e9654 
}
 .banner.general {
     padding: 0 
}
 .banner.general p {
    
     color: rgb(53 208 178 / var(--tw-text-opacity)) 
}
 .banner.blue-shadow {
     margin-left: auto;
     margin-right: auto;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: .375rem;
     --tw-bg-opacity: 1;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity));
     padding: .75rem 1.25rem;
     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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) 
}
 @media (min-width: 1024px) {
     .banner.blue-shadow {
         margin-left: 0;
         margin-right: 0 
    }
}
 .banner.blue-shadow {
     box-shadow: 0 5px 12px #3dc8a233 
}
 .banner.blue-shadow p {
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .radial-blue-black {
     background: rgb(18, 66, 135);
     background: radial-gradient(circle, rgb(18, 66, 135) 0%, rgb(9, 33, 68) 100%) 
}
 .lite-blue {
     --tw-bg-opacity: 1;
     background-color: rgb(247 251 255 / var(--tw-bg-opacity)) 
}
 @media (min-width: 1024px) {
     .lite-blue h1 {
         line-height: 3rem 
    }
}
 .lite-blue h5 {
    
     color: rgb(6 19 33 / var(--tw-text-opacity)) 
}
 .bg-blue-black {
     background: transparent linear-gradient(261deg, #08294a 0%, #091a2f 100%) 0% 0% no-repeat 
}
 .images-loaded .ng-animating~.ng-animating {
     position: absolute;
     display: none 
}
 .dark-blue-bg {
     --tw-bg-opacity: 1;
     background-color: rgb(6 20 33 / var(--tw-bg-opacity)) 
}
 .agency {
     padding-top: .75rem;
     padding-bottom: .75rem;
     text-align: center;
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .agency {
         padding-top: 1.5rem;
         padding-bottom: 1.5rem;
         text-align: start 
    }
}
 .agency h4 {
     font-size: 1.25rem;
     line-height: 1.75rem 
}
 @media (min-width: 1024px) {
     .agency h4 {
         font-size: 1.875rem;
         line-height: 2.25rem 
    }
}
 .agency p {
     font-size: .875rem;
     line-height: 1.25rem 
}
 @media (min-width: 1024px) {
     .agency p {
         font-size: 1rem;
         line-height: 1.5rem 
    }
}
 .gradient {
     background: linear-gradient(0deg, #1c5b55 0%, #061321 90%) 
}
 @media (min-width: 1024px) {
     .gradient {
         background: linear-gradient(90deg, rgb(28, 91, 85) 0%, rgb(6, 19, 33) 90%) 
    }
}
 .image-scroll-up {
     --tw-translate-y: -3rem;
     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));
     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(.4, 0, .2, 1);
     transition-duration: .5s;
     transition-timing-function: cubic-bezier(0, 0, .2, 1) 
}
 .blue-black h2, .blue-black h3, .blue-black p {
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .bg-semi-circle {
     position: relative;
     z-index: 1 
}
 .bg-semi-circle:before {
     content: "";
     position: absolute;
     z-index: 0;
     width: 100%;
     height: 100%;
     background: url(https://elevatex.global/wp-content/uploads/2024/01/blue-circle.png) no-repeat;
     top: 0;
     right: -500px 
}
 .details-section.dark-blue-bg {
     --tw-bg-opacity: 1;
     background-color: rgb(6 20 33 / var(--tw-bg-opacity)) 
}
 .details-section.dark-blue-bg h2, .details-section.dark-blue-bg h3 {
     font-size: 1.125rem;
     line-height: 1.75rem;
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .details-section.dark-blue-bg h2, .details-section.dark-blue-bg h3 {
         font-size: 1.5rem;
         line-height: 2rem 
    }
}
 .details-section.dark-blue-bg p {
     font-size: 1rem;
     line-height: 1.5rem;
     font-weight: 300;
    
     color: rgb(209 223 250 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .details-section.dark-blue-bg p {
         font-size: 1.125rem;
         line-height: 1.75rem 
    }
}
 .main {
     position: relative 
}
 .main:before {
     content: "";
     background: rgba(0, 0, 0, .6);
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     top: 0;
     left: 0;
     overflow: hidden 
}
 @media (min-width: 1024px) {
     .rounded-corner:before {
         border-radius: 1.5rem 
    }
}
 .test {
     border-bottom-width: 1px 
}
 @media (min-width: 1024px) {
     .test {
         border-bottom-width: 0px 
    }
}
 .shopify {
     --tw-bg-opacity: 1;
     background-color: rgb(7 27 46 / var(--tw-bg-opacity)) 
}
 .main {
     position: relative 
}
 .main:before {
     content: "";
     background: rgba(0, 0, 0, .6);
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     top: 0;
     left: 0;
     overflow: hidden 
}
 .cust-color {
     filter: invert(99%) sepia(2%) saturate(9%) hue-rotate(120deg) brightness(116%) contrast(100%) 
}
 .bg-wrapper {
     position: relative 
}
 .bg-wrapper.bg:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(https://elevatex.global/wp-content/uploads/2024/01/ad-revenue-background-banner.jpg) no-repeat;
     background-size: cover 
}
 .bg-wrapper.kr {
     padding-top: 3rem;
     padding-bottom: 3rem 
}
 @media (min-width: 1024px) {
     .bg-wrapper.kr {
         border-radius: 1.5rem;
         padding-top: 6rem;
         padding-bottom: 6rem 
    }
}
 .bg-wrapper.kr.bg:before {
     z-index: -1 
}
 @media (min-width: 1024px) {
     .bg-wrapper.kr.bg:before {
         border-radius: 1.5rem 
    }
}
 @media (max-width: 1024px) {
     .bg-wrapper.kr.bg:before {
         background: #061321 !important 
    }
}
 .bg-wrapper.coke {
     padding-top: 3rem;
     padding-bottom: 3rem 
}
 @media (min-width: 1024px) {
     .bg-wrapper.coke {
         border-radius: 1.5rem;
         padding-top: 6rem;
         padding-bottom: 6rem 
    }
}
 .bottom-gradient {
     background: transparent linear-gradient(90deg, #1c5b55 0%, #061321 100%) 0% 0% no-repeat padding-box 
}
 @media (min-width: 1024px) {
     .element-wrapper {
         position: relative 
    }
     .element-wrapper.bg.one:before {
         content: "";
         background-size: contain;
         width: 250px;
         height: 135px;
         top: -15px;
         position: absolute;
         left: calc(50% - 115px) 
    }
     .element-wrapper.bg.two:before {
         content: "";
         background-size: contain;
         width: 250px;
         height: 135px;
         top: -15px;
         position: absolute;
         left: calc(50% - 115px) 
    }
}
 .white-class {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
     padding-bottom: 0;
    
     color: rgb(6 19 33 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .white-class {
         padding-bottom: 0 
    }
}
 .white-class .desc, .white-class .metrics h5 {
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .white-class .bottom-section {
     border-bottom-right-radius: .5rem;
     border-bottom-left-radius: .5rem;
     border-width: 1px;
     border-top-width: 0px;
     --tw-border-opacity: 1;
     border-color: rgb(6 19 33 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .white-class .cust-color-1 {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #2DE086 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(45 224 134 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #24CDB3 var(--tw-gradient-to-position);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent 
}
 .white-class .cust-color-2 {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
     --tw-gradient-from: #24CDB3 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(36 205 179 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
     --tw-gradient-to: #20AEC1 var(--tw-gradient-to-position);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent 
}
 .active h4:before {
     display: none 
}
 .active p {
     position: relative;
     display: block 
}
 .dark-bg {
     --tw-bg-opacity: 1;
     background-color: rgb(6 19 33 / var(--tw-bg-opacity));
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .dark-bg .item:hover h4, .dark-bg .item .active h4 {
    
     color: rgb(42 217 132 / var(--tw-text-opacity)) 
}
 .blue-purple-bg {
     background: rgb(7, 0, 106);
     background: linear-gradient(90deg, rgb(7, 0, 106) 0%, rgb(96, 0, 106) 100%);
    
     color: rgb(255 255 255 / var(--tw-text-opacity)) 
}
 .blue-purple-bg h4 {
    
     color: rgb(42 217 132 / var(--tw-text-opacity)) 
}
 .blue-purple-bg h4:before {
    
     color: rgb(42 217 132 / var(--tw-text-opacity)) 
}
 .blue-purple-bg .active h4 {
    
     color: rgb(42 217 132 / var(--tw-text-opacity)) 
}
 .blue-purple-bg .active h4:before {
    
     color: rgb(42 217 132 / var(--tw-text-opacity)) 
}
 .blue-purple-bg .active p {
     position: relative;
     display: block 
}
 .item:hover h4, .item .active h4 {
    
     color: rgb(53 208 178 / var(--tw-text-opacity)) 
}
 .orange .item:hover h4, .orange .item .active h4 {
    
     color: rgb(234 88 12 / var(--tw-text-opacity)) 
}
 .form .in-wrapper {
     position: relative;
     display: inline-block;
     width: 100% 
}
 .form .in-wrapper input {
     padding-left: 4rem 
}
 .form .in-wrapper select {
     position: absolute;
     top: 1px;
     left: 1px;
     z-index: 1;
     height: 94%;
     width: 3.5rem;
     cursor: pointer;
     border-radius: .5rem;
     border-width: 0px;
     border-right-width: 0px;
     --tw-bg-opacity: 1;
     background-color: rgb(242 242 242 / var(--tw-bg-opacity));
     padding-top: 1px;
     padding-bottom: 1px;
     padding-left: .25rem;
     padding-right: .75rem;
     font-size: .75rem;
     line-height: 1rem;
    
     color: rgb(71 85 105 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .form .in-wrapper select {
         font-size: .875rem;
         line-height: 1.25rem 
    }
}
 .form .in-wrapper select {
     text-align-last: center;
     border: 1px solid transparent !important;
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     -webkit-appearance: none;
     appearance: none;
}
 .form .error-text {
     text-align: initial;
     display: none;
     font-size: .7rem;
    
     color: rgb(239 68 68 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .form .error-text {
         font-size: .75rem;
         line-height: 1rem 
    }
}
 .form fa-icon {
     position: absolute;
     top: .25rem;
     right: .5rem 
}
 @media (min-width: 1024px) {
     .form fa-icon {
         top: .5rem 
    }
}
 .form .select-input fa-icon {
     right: 1.75rem 
}
 @media (min-width: 1024px) {
     .form .select-input fa-icon {
         right: 2rem 
    }
}
 .form .input-wrapper {
     position: relative 
}
 .form .input-wrapper:hover .error-text {
     display: block 
}
 .form .user-input {
     position: relative;
     padding-bottom: 0;
    
     color: rgb(178 190 183 / var(--tw-text-opacity)) 
}
 .form .user-input option:not(:first-of-type) {
     color: #000 
}
.form input.wpcf7-not-valid {
    border: 1px solid red;
}
.form span.wpcf7-not-valid-tip {
    display: none;
}
.form div.wpcf7-response-output {
    color: #000;
}

select {
     padding-top: .5rem;
     padding-bottom: .5rem 
}
 .dynamic-section {
     min-height: 190px 
}
 @media (min-width: 1024px) {
     .dynamic-section {
         min-height: 225px 
    }
}
 .shadow-lg {
     box-shadow: #63636333 0 2px 8px !important 
}
 [_nghost-sc134] .iti--allow-dropdown {
     width: 100% 
}
 .iti--separate-dial-code .iti__selected-dial-code {
     font-size: .875rem;
     line-height: 1.25rem;
    
     color: rgb(71 85 105 / var(--tw-text-opacity)) 
}
 @media (min-width: 1024px) {
     .iti--separate-dial-code .iti__selected-dial-code {
         font-size: 1rem;
         line-height: 1.5rem 
    }
}
 .iti__selected-flag .iti-flag {
     border-radius: .125rem 
}
 .iti-mobile .iti--container {
     z-index: 10000;
     max-height: 300px;
     top: 17% !important 
}
 .iti__country-list, .iti__country-list--dropup {
     max-height: 400px;
     width: 100% 
}
 @media (min-width: 1024px) {
     .iti__country-list, .iti__country-list--dropup {
         width: 16rem 
    }
}
 .iti__country-list, .iti__country-list--dropup {
     bottom: unset !important 
}
 .iti__country-list li, .iti__country-list--dropup li {
     width: 100%;
     font-size: .875rem;
     line-height: 1.25rem 
}
 @media (min-width: 1024px) {
     .iti__country-list li, .iti__country-list--dropup li {
         width: 16rem 
    }
}
 .iti__country-list input, .iti__country-list--dropup input {
     font-size: .875rem;
     line-height: 1.25rem 
}
 .marketplace-dropdown.sales-estimator {
     height: 100% 
}
 .marketplace-dropdown.sales-estimator .flag-container {
     height: 100%;
     border-radius: .25rem 
}
 .marketplace-dropdown .flag-container {
     border: 1px solid #e5e7eb;
     outline: none !important 
}
 .marketplace-dropdown .flag-container .flag-icon {
     width: 20px;
     line-height: 1rem;
     border-radius: 15% 
}
 .marketplace-dropdown .flag-container.flag-inline, .marketplace-dropdown .flag-container.flag-inline.focus {
     border: none 
}
 .marketplace-dropdown .flag-container.flag-inline .country-flag span:nth-child(3) {
     margin-left: 0 
}
 .marketplace-dropdown .flag-container.flag-inline .flag-icon {
     width: 50px;
     line-height: 1.5rem;
     margin-right: 0 
}
 @media (max-width: 1023px) {
     .marketplace-dropdown .flag-container.flag-inline .flag-icon {
         width: 32px;
         line-height: 26px;
         margin-right: .25rem 
    }
}
 .marketplace-dropdown .flag-container.flag-inline .country-code {
     display: none 
}
 .marketplace-dropdown .flag-container.flag-inline .list-country-flags {
     min-width: -moz-fit-content;
     min-width: fit-content;
     padding: 0 !important;
     left: 0 !important 
}
 @media (max-width: 1023px) {
     .marketplace-dropdown .flag-container.flag-inline .list-country-flags {
         left: -94px !important 
    }
}
 .marketplace-dropdown .flag-container.flag-inline .list-country-flags .country-flag {
     padding: .25rem;
     padding: .45rem 2rem .45rem .25rem 
}
 @media (max-width: 1023px) {
     .marketplace-dropdown .flag-container.flag-inline .list-country-flags .country-flag {
         padding: .25rem 2rem .25rem .25rem 
    }
}
 .marketplace-dropdown .flag-container.flag-inline .list-country-flags .country-code {
     display: inline-block 
}
 .marketplace-dropdown .flag-container.flag-inline .country-flag {
     padding: 0;
     padding-right: .5rem 
}
 @media (min-width: 1024px) {
     .marketplace-dropdown .flag-container.flag-inline .country-flag {
         padding-right: 1rem 
    }
}
 .marketplace-dropdown .flag-container .list-country-flags {
     width: 100% !important;
     padding: 0 !important;
     margin-top: -2px !important;
     left: 0 !important;
     box-shadow: 1px 1px 4px #0003 
}
 .marketplace-dropdown .flag-container .list-country-flags .country-flag:hover {
     background-color: #0000000d 
}
 .marketplace-dropdown .flag-container .country-flag span:nth-child(3) {
     margin-left: 10px;
     margin-right: 0 
}
 .marketplace-dropdown .flag-container .country-flag {
     padding: .25rem .5rem 
}
 @media (min-width: 1024px) {
     .marketplace-dropdown .flag-container .country-flag {
         padding: .375rem 1rem 
    }
}
 .marketplace-dropdown .flag-icon {
     width: 14px 
}
 .marketplace-dropdown .flag-wrapper.sales-estimator {
     border-radius: .25rem;
     height: 100% 
}
 .marketplace-dropdown .flag-wrapper.sales-estimator:hover, .marketplace-dropdown .flag-wrapper.sales-estimator:focus {
     border: none !important 
}
 .marketplace-dropdown .flag-wrapper.sales-estimator .select-flags {
     height: 100% 
}
 .marketplace-dropdown .flag-wrapper.sales-estimator .country-flag {
     display: flex;
     height: 100%;
     align-items: center;
     border-radius: .25rem;
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .marketplace-dropdown .flag-wrapper.bg-dark .country-flag {
     font-size: .75rem;
     line-height: 1rem 
}
 @media (min-width: 1024px) {
     .marketplace-dropdown .flag-wrapper.bg-dark .country-flag {
         padding-top: .91rem;
         padding-bottom: .91rem;
         font-size: .875rem;
         line-height: 1.25rem 
    }
}
 .marketplace-dropdown .flag-wrapper.white {
     border-radius: 0;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 
}
 .marketplace-dropdown .flag-wrapper.free-tool {
     border: none !important 
}
 .marketplace-dropdown .no-border {
     border: none 
}
 .tooltip {
     --bs-tooltip-zindex: 1080;
     --bs-tooltip-max-width: 200px;
     --bs-tooltip-padding-x: .5rem;
     --bs-tooltip-padding-y: .25rem;
     --bs-tooltip-margin: ;
     --bs-tooltip-font-size: .875rem;
     --bs-tooltip-color: #fff;
     --bs-tooltip-bg: #000;
     --bs-tooltip-border-radius: .375rem;
     --bs-tooltip-opacity: .9;
     --bs-tooltip-arrow-width: .8rem;
     --bs-tooltip-arrow-height: .4rem;
     z-index: var(--bs-tooltip-zindex);
     display: block;
     padding: var(--bs-tooltip-arrow-height);
     margin: var(--bs-tooltip-margin);
     font-family: var(--bs-font-sans-serif);
     font-style: normal;
     font-weight: 400;
     line-height: 1.5;
     text-align: left;
     text-align: start;
     text-decoration: none;
     text-shadow: none;
     text-transform: none;
     letter-spacing: normal;
     word-break: normal;
     white-space: normal;
     word-spacing: normal;
     line-break: auto;
     font-size: var(--bs-tooltip-font-size);
     word-wrap: break-word;
     opacity: 0 
}
 .tooltip.show {
     opacity: var(--bs-tooltip-opacity) 
}
 .tooltip .tooltip-arrow {
     display: block;
     width: var(--bs-tooltip-arrow-width);
     height: var(--bs-tooltip-arrow-height) 
}
 .tooltip .tooltip-arrow:before {
     position: absolute;
     content: "";
     border-color: transparent;
     border-style: solid 
}
 .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
     bottom: 0 
}
 .bs-tooltip-top .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
     top: -1px;
     border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-top-color: var(--bs-tooltip-bg) 
}
 .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
     left: 0;
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width) 
}
 .bs-tooltip-end .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
     right: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
     border-right-color: var(--bs-tooltip-bg) 
}
 .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
     top: 0 
}
 .bs-tooltip-bottom .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
     bottom: -1px;
     border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-bottom-color: var(--bs-tooltip-bg) 
}
 .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
     right: 0;
     width: var(--bs-tooltip-arrow-height);
     height: var(--bs-tooltip-arrow-width) 
}
 .bs-tooltip-start .tooltip-arrow:before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
     left: -1px;
     border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
     border-left-color: var(--bs-tooltip-bg) 
}
 .tooltip-inner {
     max-width: var(--bs-tooltip-max-width);
     padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
     color: var(--bs-tooltip-color);
     text-align: center;
     background-color: var(--bs-tooltip-bg);
     border-radius: var(--bs-tooltip-border-radius) 
}
 .select-flags {
     display: inline-block;
     position: relative;
     color: #50575e;
     text-align: left 
}
 .flag-icon-margin-right {
     margin-right: 6px 
}
 .country-flag {
     cursor: pointer;
     outline: none;
     white-space: nowrap 
}
 .list-country-flags {
     width: -moz-available;
     position: absolute;
     max-height: 200px;
     margin-top: 10px;
     padding: 5px;
     background: #ffffff;
     border: 1px solid #c7c7c7;
     overflow: auto;
     z-index: 99999 
}

.max-width-800 {
    max-width: 800px;
}
.align-justify p {
    text-align: justify;
    color:#000;
}

/*Dropdown with flag CSS*/
.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select select {
  display: none;
}

.custom-select .select-selected {
    text-align: left;
  background-color: transparent;
  padding: 8px 16px;
  border-radius: 4px;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  border: 1px solid rgb(203 213 225 / var(--tw-border-opacity));
}

.custom-select .select-selected:before {
  position: absolute;
  content: "";
  top: 59%;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: rgb(71 85 105 / var(--tw-text-opacity)) transparent transparent transparent;
  transform: translateY(-50%);
}

.custom-select .select-items {
    text-align: left;
  position: absolute;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  z-index: 1;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  height: 150px;
  overflow-y: scroll;
}

.custom-select .select-items div {
  padding: 8px 16px;
  cursor: pointer;
}

.custom-select .select-items div:hover {
  background-color: #ddd;
}