*,: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 / .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 / .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{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}: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:Figtree,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}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\/2{left:50%}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-10px\]{right:-10px}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[1\.5px\]{top:1.5px}.top-\[100px\]{top:100px}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[40\]{z-index:40}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1 / span 1}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.col-span-8{grid-column:span 8 / span 8}.m-0{margin:0}.m-auto{margin:auto}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-px{margin-left:-1px}.-mt-2{margin-top:-.5rem}.-mt-px{margin-top:-1px}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.ms-auto{margin-inline-start:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[30px\]{margin-top:30px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\/4{height:25%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-4\/5{height:80%}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[100\%\]{height:100%}.h-\[120px\]{height:120px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[25px\]{height:25px}.h-\[2px\]{height:2px}.h-\[300px\]{height:300px}.h-\[32\.5rem\]{height:32.5rem}.h-\[35\.5rem\]{height:35.5rem}.h-\[400px\]{height:400px}.h-\[60vh\]{height:60vh}.h-\[650px\]{height:650px}.h-\[80vh\]{height:80vh}.h-\[90px\]{height:90px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-32{max-height:8rem}.max-h-60{max-height:15rem}.min-h-\[300px\]{min-height:300px}.min-h-\[350px\]{min-height:350px}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[25px\]{width:25px}.w-\[300px\]{width:300px}.w-\[40\%\]{width:40%}.w-\[50\%\]{width:50%}.w-\[60\%\]{width:60%}.w-\[60vw\]{width:60vw}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[80vw\]{width:80vw}.w-\[85\%\]{width:85%}.w-\[8rem\]{width:8rem}.w-\[90\%\]{width:90%}.w-\[90vw\]{width:90vw}.w-\[95\%\]{width:95%}.w-\[95vw\]{width:95vw}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[500px\]{min-width:500px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:85%}.max-w-80{max-width:20rem}.max-w-\[300px\]{max-width:300px}.max-w-\[720px\]{max-width:720px}.max-w-\[80\%\]{max-width:80%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[calc\(33\.333\%_-_16px\)\]{max-width:calc(33.333% - 16px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;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-x-full{--tw-translate-x: -100%;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{--tw-translate-y: -50%;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-x-0{--tw-translate-x: 0px;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-x-5{--tw-translate-x: 1.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))}.translate-x-6{--tw-translate-x: 1.5rem;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-0{--tw-translate-y: 0px;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-2{--tw-translate-y: .5rem;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-4{--tw-translate-y: 1rem;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-90{--tw-rotate: -90deg;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{--tw-rotate: 180deg;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))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.p-6{padding: 20px;}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-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))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.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-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-e{border-inline-end-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-8{border-top-width:8px}.border-solid{border-style:solid}.border-\[\#005c65\]{--tw-border-opacity: 1;border-color:rgb(0 92 101 / var(--tw-border-opacity, 1))}.border-\[\#7357eb\]{--tw-border-opacity: 1;border-color:rgb(115 87 235 / var(--tw-border-opacity, 1))}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-900{--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-b-\[\#005C65\]{--tw-border-opacity: 1;border-bottom-color:rgb(0 92 101 / var(--tw-border-opacity, 1))}.border-b-black{--tw-border-opacity: 1;border-bottom-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.bg-\[\#005c65\]{--tw-bg-opacity: 1;background-color: #6E52E3;}.bg-\[\#005d6530\]{background-color:#005d6530}.bg-\[\#143D60\]{--tw-bg-opacity: 1;background-color:rgb(20 61 96 / var(--tw-bg-opacity, 1))}.bg-\[\#7357eb\]{--tw-bg-opacity: 1;background-color:rgb(115 87 235 / var(--tw-bg-opacity, 1))}.bg-\[\#9deab2\]{--tw-bg-opacity: 1;background-color:rgb(157 234 178 / var(--tw-bg-opacity, 1))}.bg-\[\#e1f0ee\]{--tw-bg-opacity: 1;background-color:rgb(225 240 238 / var(--tw-bg-opacity, 1))}.bg-\[\#f4f9ff\]{--tw-bg-opacity: 1;background-color:rgb(244 249 255 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(235 231 255)}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-200\/80{background-color:#e5e7ebcc}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-indigo-700{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-75{--tw-bg-opacity: .75}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.fill-red-500{fill:#ef4444}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{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}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pe-10{padding-inline-end:2.5rem}.pl-4{padding-left:1rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.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-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font-exposure{font-family:Exposure,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.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-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[100px\]{font-size:100px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.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-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[32px\]{line-height:32px}.leading-\[52px\]{line-height:52px}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-\[\#005C65\],.text-\[\#005c65\]{--tw-text-opacity: 1;color:#6E53E4;}.text-\[\#143D60\]{--tw-text-opacity: 1;color:rgb(20 61 96 / var(--tw-text-opacity, 1))}.text-\[\#7357eb\]{--tw-text-opacity: 1;color:rgb(115 87 235 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--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)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-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-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 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-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--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, 0 0 #0000)}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-gray-900\/5{--tw-ring-color: rgb(17 24 39 / .05)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\!content-none{--tw-content: none !important;content:var(--tw-content)!important}[x-cloak]{display:none}html{scroll-behavior:smooth}body{font-family:sans-serif}.select2-container{width:100%!important;margin:0 0 10px}.select2-results{background-color:#f8f9fa;border-radius:5px;padding:5px}.select2-results__option--highlighted{background-color:#007bff;color:#fff}.select2-search__field{background-color:#f1f3f5;border:1px solid #ced4da;padding:5px;border-radius:3px}.select2-selection{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:5px;padding:8px;color:#495057;font-size:14px}.select2-selection__arrow{background-color:#007bff}.select2-selection--single:focus{border-color:#007bff}.select2-selection__rendered{color:#495057;font-size:14px}.select2-selection__choice{background-color:#007bff;color:#fff;border-radius:3px;margin:2px}.select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000000 transparent transparent transparent}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center}.swiper-pagination{position:relative;color:#fff}.editor-container{margin:05px auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative}.toolbar{display:flex;align-items:center;padding:5px 10px;background:#f0f0f0;border-bottom:1px solid #ddd;gap:4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.toolbar .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto;display:none}@media only screen and (max-width: 768px){.toggle-container{width:70%}.w100fm,.w-\[60\%\]{width:100%}}@media (max-width: 768px){.step-container{padding:00px}.py-16{padding-top:100px;padding-bottom:0}.bg-gray-100{width: 100%;height:auto;display:flex;flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}.custom-left-content{flex:1;padding:20px;margin-left:60px}.custom-left-content h1{font-size:2.8rem;color:#2337c3;margin-bottom:20px;background:linear-gradient(90deg,#28398f,#0d03a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.custom-left-content p{font-size:1.1rem;color:#555;margin-bottom:20px}.custom-btn-group{display:flex;gap:15px}.custom-btn{padding:10px 20px;border:none;background:radial-gradient(circle,#7138f6,#3849f6 96%);color:#fff;border-radius:30px;cursor:pointer}.custom-right-content{flex:1;padding:20px;display:flex;justify-content:center}.custom-contact-form{background:#fff;padding:20px;border-radius:10px;box-shadow:0 8px 15px #0000001a;max-width:100%}.w-half{width:100%}}.graph{background:#f3f4f6;height:200px;margin:0 auto;position:relative;overflow:hidden}.percentage{position:absolute;top:10px;left:50%;transform:translate(-50%);font-weight:700;color:#333}.graph-label{text-align:center;font-weight:700;margin-top:5px}.toggle-container{position:relative}.p-122{padding:2rem}.graphs{display:flex;margin-top:20px;flex-direction:row}@media (min-width: 769px) and (max-width: 1024px){.toggle-container{width:85%}}@media (max-width: 768px){.toggle-container{width:75%}.p-122{padding:1rem}}.specialty-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto}.specialty-box{width:20%;text-align:center;margin:10px;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px;text-decoration:none;color:#000;box-sizing:border-box}.specialty-circle{width:60px;height:60px;background:radial-gradient(circle,#536fe7 9%,#565ffe 78%);border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.specialty-box:hover .specialty-circle{background-color:#add8e6}.specialty-icon{font-size:1.8rem;color:#fff}.specialty-text{margin:0;font-size:14px;font-weight:700}.main-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0}.headingforbox{text-align:center;margin-bottom:20px;margin-top:20px}.headingfonttop{font-size:26px}@media (max-width: 768px){.specialty-container{width:100%}.specialty-box{width:calc(50% - 20px);margin:10px}}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.even\:bg-white:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.default\:col-span-full:default{grid-column:1 / -1}.default\:row-span-1:default{grid-row:span 1 / span 1}.hover\:rounded-b-md:hover{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.hover\:rounded-t-md:hover{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#004d56\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 77 86 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#005d65bf\]:hover{background-color:#005d65bf}.hover\:bg-\[\#7357eb\]:hover{--tw-bg-opacity: 1;background-color:rgb(115 87 235 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#DBEAFE\]:hover,.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100\/75:hover{background-color:#f3f4f6bf}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-800:hover{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#7357eb\]:hover{--tw-text-opacity: 1;color:rgb(115 87 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--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(3px + 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\:ring-0:focus{--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(0px + 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\:ring-2:focus{--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\:ring-\[\#005d6500\]:focus{--tw-ring-color: #005d6500}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-orange-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.focus\:ring-orange-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.focus\:ring-red-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity: .5}.focus\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:ml-auto{margin-left:auto}.sm\:mt-0{margin-top:0}.sm\:mt-10{margin-top:2.5rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-24{height:6rem}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-24{width:6rem}.sm\:w-3\/4{width:75%}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:1.5rem}.sm\:p-12{padding:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:pt-0{padding-top:0}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[32px\]{font-size:32px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-\[42px\]{line-height:42px}}@media (min-width: 768px){.md\:relative{position:relative}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[300px\]{height:300px}.md\:h-\[400px\]{height:400px}.md\:h-\[70vh\]{height:70vh}.md\:max-h-16{max-height:4rem}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-32{width:8rem}.md\:w-48{width:12rem}.md\:w-\[30\%\]{width:30%}.md\:w-\[70\%\]{width:70%}.md\:w-\[80\%\]{width:80%}.md\:w-\[85\%\]{width:85%}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:min-w-64{min-width:16rem}.md\:max-w-80{max-width:20rem}.md\:translate-x-0{--tw-translate-x: 0px;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))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0px}.md\:gap-2{gap:.5rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:p-10{padding:2.5rem}.md\:p-16{padding:4rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:pl-6{padding-left:1.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[48px\]{font-size:48px}.md\:text-\[52px\]{font-size:52px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[52px\]{line-height:52px}.md\: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: 1024px){.lg\:fixed{position:fixed}.lg\:right-\[10\%\]{right:10%}.lg\:top-\[20\%\]{top:20%}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-\[12rem\]{width:12rem}.lg\:w-\[85vw\]{width:85vw}.lg\:w-auto{width:auto}.lg\:max-w-\[70vw\]{max-width:70vw}.lg\:max-w-\[85vw\]{max-width:85vw}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row; width: 95%;}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-20{gap:5rem}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:p-8{padding:2rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.default\:lg\:col-span-6:default{grid-column:span 6 / span 6}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme: dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border{border-width:1px}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-gray-900{--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.dark\:border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900\/80{background-color:#111827cc}.dark\:bg-gray-950\/95{background-color:#030712f2}.dark\:bg-red-500\/20{background-color:#ef444433}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-gray-950{--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:ring-1{--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, 0 0 #0000)}.dark\:ring-gray-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/75:hover{background-color:#1f2937bf}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}

    /* Base Styles */
    :root {
        --primary: #2563eb;
        --primary-hover: #1d4ed8;
        --secondary: #64748b;
        --success: #10b981;
        --danger: #ef4444;
        --warning: #f59e0b;
        --info: #3b82f6;
        --light: #f8fafc;
        --dark: #1e293b;
        --gray-50: #f8fafc;
        --gray-100: #f1f5f9;
        --gray-200: #e2e8f0;
        --gray-300: #cbd5e1;
        --gray-400: #94a3b8;
        --gray-500: #64748b;
        --gray-600: #475569;
        --gray-700: #334155;
        --gray-800: #1e293b;
        --gray-900: #0f172a;
        --border-radius: 6px;
        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        --transition: all 0.2s ease;
    }

    

    /* Container Styles */
    .admin-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem 1rem;
    }

    /* Header Styles */
    .admin-header {
        margin-bottom: 1.5rem;
    }

    .admin-title {
        font-size: 1.875rem;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 0.5rem;
    }

    /* Card Styles */
    .admin-card {
        background-color: white;
        border-radius: var(--border-radius);
        box-shadow: var(--shadow);
        margin-bottom: 1.5rem;
        overflow: hidden;
    }

    .admin-card-header {
        padding: 1.25rem 1.5rem;
        border-bottom: 1px solid var(--gray-200);
        background-color: var(--gray-50);
    }

    .admin-card-title {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--gray-900);
        margin-bottom: 0.25rem;
    }

    .admin-card-description {
        font-size: 0.875rem;
        color: var(--gray-500);
    }

    .admin-card-body {
        padding: 1.5rem;
    }

    /* Form Styles */
    .admin-form {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .admin-form-group {
        margin-bottom: 1.25rem;
    }

    .admin-form-group:last-child {
        margin-bottom: 0;
    }

    .admin-label {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--gray-700);
        margin-bottom: 0.5rem;
    }

    .admin-input,
    .admin-textarea,
    .admin-select {
        width: 100%;
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: var(--gray-800);
        background-color: white;
        border: 1px solid var(--gray-300);
        border-radius: var(--border-radius);
        transition: var(--transition);
    }

    .admin-input:focus,
    .admin-textarea:focus,
    .admin-select:focus {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    }

    .admin-textarea {
        min-height: 100px;
        resize: vertical;
    }

    .admin-error {
        display: block;
        font-size: 0.75rem;
        color: var(--danger);
        margin-top: 0.25rem;
    }

    /* Grid Layout */
    .admin-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }

    /* Select Styles */
    .admin-select-wrapper {
        position: relative;
    }

    .admin-select-wrapper::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0.75rem;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--gray-500);
        pointer-events: none;
    }

    .admin-select {
        appearance: none;
        padding-right: 2rem;
    }

    /* File Upload Styles */
    .admin-file-upload {
        position: relative;
    }

    .admin-file-input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .admin-file-label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border: 2px dashed var(--gray-300);
        border-radius: var(--border-radius);
        background-color: var(--gray-50);
        cursor: pointer;
        transition: var(--transition);
    }

    .admin-file-label:hover {
        background-color: var(--gray-100);
        border-color: var(--gray-400);
    }

    .admin-icon {
        width: 24px;
        height: 24px;
        color: var(--gray-500);
        margin-bottom: 0.75rem;
    }

    .admin-icon-sm {
        width: 20px;
        height: 20px;
        color: var(--gray-500);
    }

    /* Dropdown Styles */
    .admin-dropdown-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
        color: var(--gray-800);
        background-color: white;
        border: 1px solid var(--gray-300);
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: var(--transition);
    }

    .admin-dropdown-button:hover {
        background-color: var(--gray-50);
    }

    .admin-dropdown {
        
        z-index: 50;
        width: 100%;
        margin-top: 0.25rem;
        background-color: white;
        border: 1px solid var(--gray-300);
        border-radius: var(--border-radius);
        box-shadow: var(--shadow-md);
        overflow: hidden;
        max-height: 350px;
        display: flex;
        flex-direction: column;
        left: 0;
        right: 0;
    }

    .admin-dropdown-search {
        position: relative;
        padding: 0.75rem;
        border-bottom: 1px solid var(--gray-200);
    }

    .admin-search-icon {
        position: absolute;
        top: 50%;
        left: 1.25rem;
        transform: translateY(-50%);
        color: var(--gray-400);
    }

    .admin-search-input {
        width: 100%;
        padding: 0.5rem 0.5rem 0.5rem 2rem;
        font-size: 0.875rem;
        border: 1px solid var(--gray-300);
        border-radius: var(--border-radius);
    }

    .admin-search-input:focus {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    }

    .admin-dropdown-content {
        max-height: 250px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        flex: 1;
    }

    .admin-dropdown-item {
        padding: 0.5rem 0.75rem;
    }

    .admin-dropdown-item:hover {
        background-color: var(--gray-50);
    }

    .admin-dropdown-empty {
        padding: 1.5rem;
        text-align: center;
        color: var(--gray-500);
        font-size: 0.875rem;
    }

    /* Checkbox Styles */
    .admin-checkbox {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .admin-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .admin-checkbox-mark {
        position: relative;
        height: 18px;
        width: 18px;
        background-color: white;
        border: 1px solid var(--gray-300);
        border-radius: 4px;
        margin-right: 0.5rem;
    }

    .admin-checkbox input:checked ~ .admin-checkbox-mark {
        background-color: var(--primary);
        border-color: var(--primary);
    }

    .admin-checkbox-mark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .admin-checkbox input:checked ~ .admin-checkbox-mark:after {
        display: block;
    }

    .admin-checkbox .admin-checkbox-mark:after {
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .admin-checkbox-label {
        font-size: 0.875rem;
        color: var(--gray-800);
    }

    /* Table Styles */
    .admin-table-container {
        margin-top: 1.5rem;
    }

    .admin-table-header {
        margin-bottom: 0.75rem;
    }

    .admin-table-title {
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--gray-800);
        margin-bottom: 0.25rem;
    }

    .admin-table-description {
        font-size: 0.75rem;
        color: var(--gray-500);
    }

    .admin-table-responsive {
        overflow-x: auto;
        border: 1px solid var(--gray-200);
        border-radius: var(--border-radius);
    }

    .admin-table {
        width: 100%;
        border-collapse: collapse;
    }

    .admin-table th {
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--gray-600);
        background-color: var(--gray-50);
        border-bottom: 1px solid var(--gray-200);
        text-align: left;
    }

    .admin-table td {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
        color: var(--gray-800);
        border-bottom: 1px solid var(--gray-200);
        vertical-align: middle;
    }

    .admin-table tr:last-child td {
        border-bottom: none;
    }

    .admin-table tr:hover {
        background-color: var(--gray-50);
    }

    /* Drag Handle Styles */
    .admin-drag-handle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        background-color: var(--gray-100);
        border-radius: var(--border-radius);
        cursor: move;
        transition: var(--transition);
    }

    .admin-drag-handle:hover {
        background-color: var(--gray-200);
    }

    .admin-drag-handle svg {
        color: var(--gray-500);
    }

    /* Link Styles */
    .admin-link {
        color: var(--primary);
        text-decoration: none;
        font-weight: 500;
        transition: var(--transition);
    }

    .admin-link:hover {
        color: var(--primary-hover);
        text-decoration: underline;
    }

    /* Switch Styles */
    .admin-switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
    }

    .admin-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .admin-switch-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--gray-300);
        border-radius: 34px;
        transition: var(--transition);
    }

    .admin-switch-slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        border-radius: 50%;
        transition: var(--transition);
    }

    .admin-switch input:checked + .admin-switch-slider {
        background-color: var(--success);
    }

    .admin-switch input:checked + .admin-switch-slider:before {
        transform: translateX(20px);
    }

    /* Delete Button Styles */
    .admin-delete-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: none;
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: var(--transition);
    }

    .admin-delete-button:hover {
        background-color: rgba(239, 68, 68, 0.1);
    }

    .admin-delete-button svg {
        color: var(--danger);
    }

    /* Form Actions Styles */
    .admin-form-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.5rem;
    }

    .admin-button-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: white;
        background-color: var(--primary);
        border: 1px solid transparent;
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: var(--transition);
    }

    .admin-button-primary:hover {
        background-color: var(--primary-hover);
    }

    /* Editor Styles */
    .admin-editor {
        border: 1px solid var(--gray-300);
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    /* CKEditor Custom Styles */
    .cke_chrome {
        border-color: var(--gray-300) !important;
        box-shadow: none !important;
    }

    .cke_top {
        background: var(--gray-50) !important;
        border-bottom: 1px solid var(--gray-200) !important;
    }

    .cke_bottom {
        background: var(--gray-50) !important;
        border-top: 1px solid var(--gray-200) !important;
    }

    /* Blockquote Styles */
    blockquote {
        display: block;
        border-width: 2px 0;
        border-style: solid;
        border-color: var(--gray-300);
        padding: 1.5rem;
        position: relative;
        background-color: var(--gray-50);
        border-radius: var(--border-radius);
        margin: 1.5rem 0;
    }

    blockquote:before {
        content: '\201C';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 2rem;
        color: var(--primary);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 2px solid var(--gray-300);
    }

    /* Fix for the blockquote absolute positioning in CKEditor */
    .cke_editable blockquote {
        position: relative;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
        .admin-grid {
            grid-template-columns: 1fr;
        }

        .admin-form-actions {
            justify-content: stretch;
        }

        .admin-button-primary {
            width: 100%;
        }
    }

    @media (max-width: 640px) {
        .admin-dropdown {
            position: fixed;
            top: auto;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            max-height: 75vh;
            margin: 0;
            border-radius: var(--border-radius) var(--border-radius) 0 0;
            z-index: 100;
            box-shadow: var(--shadow-lg);
        }
        
        .admin-dropdown-search {
            position: sticky;
            top: 0;
            background-color: white;
            z-index: 10;
            padding: 1rem;
        }
        
        .admin-dropdown-content {
            max-height: calc(75vh - 70px);
        }
    }
    /* Modern Hero Section Styles */
:root {
  /* Primary color palette based on your theme */
  --color-primary: #143D60;
  --color-primary-light: #1e5080;
  --color-primary-lighter: #e0f2ff;
  --color-primary-dark: #0e2d48;
  --color-secondary: #7357eb;
  --color-secondary-light: #8f78f0;
  --color-secondary-lighter: #f0ebff;
  --color-secondary-dark: #5a41c9;
  --color-accent: #4ade80;
  --color-accent-light: #6fe79a;
  --color-accent-dark: #2ebb62;
  
  /* Text colors */
  --color-text-dark: #1e293b;
  --color-text: #334155;
  --color-text-light: #64748b;
  --color-text-lighter: #94a3b8;
  
  /* Background colors */
  --color-background: #ffffff;
  --color-background-light: #f8faff;
  --color-background-dark: #f1f5f9;
  
  /* Border colors */
  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;
  
  /* Shadow styles */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  
  /* Border radius */
  --radius-sm: 0.25rem;
  --radius: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Base Container */
.mb-hero-container {
  width: 100%;
  overflow: visible; /* Changed from hidden to allow dropdowns to overflow */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  position: relative;
}

/* Floating Blobs Background Animation */
.mb-hero__floating-blobs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--color-background-light);
  overflow: hidden;
  pointer-events: none;
}

.mb-hero__floating-blobs div {
  position: absolute;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color);
  opacity: 0.3;
  filter: blur(var(--blur));
  animation: blobMove var(--duration) linear infinite;
  transform-origin: var(--originX) var(--originY);
  box-shadow: 0 0 20vmin var(--color);
}

@keyframes blobMove {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

/* Hero Section */
.mb-hero {
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.5rem;
  position: relative;
  overflow: visible; /* Changed from hidden to allow dropdowns to overflow */
  z-index: 20; /* Higher than stats but lower than dropdowns */
}

.mb-hero__content {
  max-width: 1200px;
  width: 100%;
  text-align: center;
  position: relative;
  animation: fadeInUp 1s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Enhanced Badge Styles - Improved mobile responsiveness */
.mb-hero__badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 2rem;
  border-radius: var(--radius-full);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: white;
  transition: all var(--transition);
  border: 1px solid rgba(115, 87, 235, 0.1);
  position: relative;
  text-decoration: none;
  max-width: 100%;
  flex-wrap: nowrap;
}

.mb-hero__badge-tag {
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
  color: white;
  padding: 0.5rem;
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.025em;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 2.25rem;
  flex-shrink: 0;
}

@media (min-width: 480px) {
  .mb-hero__badge-tag {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

.mb-hero__badge-text {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-text);
  margin: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 480px) {
  .mb-hero__badge-text {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

.mb-hero__badge-icon {
  min-width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
  color: white;
  border-radius: 50%;
  margin-right: 0.25rem;
  transition: all var(--transition-bounce);
  box-shadow: 0 2px 8px rgba(115, 87, 235, 0.3);
  flex-shrink: 0;
}

/* Enhanced Headings Styles */
.mb-hero__headings {
  margin-bottom: 2.5rem;
  animation: fadeIn 1s ease-out 0.3s both;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mb-hero__subtitle {
  color: var(--color-primary);
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  display: block;
  padding: 0 0.5rem;
  margin: 0 0 0.5rem;
  max-width: 100%;
}


.mb-hero__title {
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 800;
  margin: 0 0 1.25rem;
  line-height: 1.1;
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative;
  display: inline-block;
}

.mb-hero__title::after {
  content: '';
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, var(--color-secondary-light), var(--color-secondary));
  border-radius: var(--radius-full);
}

.mb-hero__stats {
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 1.5rem 0 0;
  padding: 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: var(--radius-full);
  display: inline-block;
  backdrop-filter: blur(4px);
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(115, 87, 235, 0.05);
  width: auto;
}

/* Search Component */
.mb-search {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 2.5rem;
  position: relative;
  animation: fadeIn 1s ease-out 0.6s both;
  z-index: 1001; /* Increased to be higher than trending sections */
}

.mb-search__wrapper {
  position: relative;
  width: 100%;
}

.mb-search__input-container {
  display: flex;
  align-items: center;
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition);
  background-color: white;
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(115, 87, 235, 0.1);
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}

.mb-search__input-container:focus-within {
  box-shadow: 0 0 0 3px rgba(115, 87, 235, 0.2), var(--shadow-md);
  border-color: var(--color-secondary-light);
  transform: translateY(-2px);
}

.mb-search__icon {
  color: var(--color-text-light);
  margin-right: 0.75rem;
  font-size: 1rem;
  transition: all var(--transition);
}

.mb-search__input-container:focus-within .mb-search__icon {
  color: var(--color-secondary);
}

.mb-search__input {
  flex: 1;
  padding: 1rem 0;
  border: none;
  font-size: 1rem;
  color: var(--color-text-dark);
  background: transparent;
  outline: none;
}

.mb-search__input::placeholder {
  color: var(--color-text-lighter);
}

/* Updated Search Button Styling */
.mb-search__button {
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
  color: white;
  border: none;
  padding: 0.875rem;
  border-radius: var(--radius-md);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
}

.mb-search__button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

.mb-search__button:hover {
  background: linear-gradient(135deg, var(--color-secondary-dark), var(--color-secondary-dark));
  transform: translateY(-1px);
}

.mb-search__button:active {
  transform: translateY(0);
}

/* Search Results */
.mb-search__results {
  position: absolute;
  top: calc(100% + 0.75rem);
  left: 0;
  width: 100%;
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  z-index: 1000; /* Increased z-index to appear above everything including stats */
}

.mb-search__results-enter {
  transition: all var(--transition-bounce);
}

.mb-search__results-enter-start {
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
  transform-origin: top center;
}

.mb-search__results-enter-end {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mb-search__results-leave {
  transition: all var(--transition);
}

.mb-search__results-leave-start {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mb-search__results-leave-end {
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
}

.mb-search__results-section {
  padding: 1.25rem;
  border-bottom: 1px solid var(--color-border-light);
}

.mb-search__results-section:last-child {
  border-bottom: none;
}

.mb-search__results-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-dark);
  margin: 0 0 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mb-search__results-icon {
  color: var(--color-secondary);
  font-size: 0.875rem;
}

.mb-search__result-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem;
  border-radius: var(--radius);
  transition: all var(--transition);
  margin-bottom: 0.5rem;
  text-decoration: none;
  border: 1px solid transparent;
}

.mb-search__result-item:hover {
  background-color: var(--color-secondary-lighter);
  border-color: var(--color-secondary-light);
  transform: translateY(-2px);
}

.mb-search__result-item:last-child {
  margin-bottom: 0;
}

.mb-search__result-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: left;
}

.mb-search__result-name {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-dark);
  margin: 0;
}

.mb-search__result-meta {
  font-size: 0.8125rem;
  color: var(--color-text-light);
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
}

.mb-search__result-meta-icon {
  font-size: 0.75rem;
  color: var(--color-secondary);
}

.mb-search__result-arrow {
  color: var(--color-text-lighter);
  transition: all var(--transition);
}

.mb-search__result-item:hover .mb-search__result-arrow {
  color: var(--color-secondary);
  transform: translateX(3px);
}

.mb-search__result-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mb-search__result-rating-text {
  font-size: 0.8125rem;
  color: var(--color-text-light);
  margin: 0;
}

.mb-search__result-stars {
  display: flex;
  gap: 0.125rem;
}

.mb-search__star {
  font-size: 0.75rem;
}

.mb-search__star--filled {
  color: #f6ad55;
}

.mb-search__star--half {
  color: #f6ad55;
}

.mb-search__star--empty {
  color: var(--color-border);
}

.mb-search__no-results {
  padding: 1rem;
  text-align: center;
  color: var(--color-text-light);
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.mb-search__no-results-icon {
  font-size: 1.25rem;
  color: var(--color-text-lighter);
}

/* Trending Sections */
.mb-trending {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  animation: fadeIn 1s ease-out 0.9s both;
  position: relative;
  z-index: 50; /* Lower than search */
}

@media (min-width: 768px) {
  .mb-trending {
    grid-template-columns: 1fr 1fr;
  }
}

.mb-trending__section {
  position: relative;
}

.mb-trending__button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background-color: white;
  border: 1px solid rgba(115, 87, 235, 0.1);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-dark);
  text-align: left;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: var(--shadow);
}

.mb-trending__button:hover {
  border-color: var(--color-secondary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.mb-trending__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--color-secondary-lighter), var(--color-secondary-lighter));
  margin-right: 0.875rem;
  transition: all var(--transition);
  border: 1px solid rgba(115, 87, 235, 0.1);
}

.mb-trending__button:hover .mb-trending__icon-wrapper {
  background: linear-gradient(135deg, var(--color-secondary-lighter), var(--color-secondary-light));
  transform: scale(1.05);
}

.mb-trending__icon {
  font-size: 1rem;
  color: var(--color-secondary);
}

.mb-trending__button-text {
  flex: 1;
}

.mb-trending__arrow {
  font-size: 0.875rem;
  color: var(--color-text-light);
  transition: transform var(--transition);
}

.mb-trending__arrow--active {
  transform: rotate(180deg);
  color: var(--color-secondary);
}

.mb-trending__dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 100%;
  background-color: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  z-index: 1000; /* Increased z-index to appear above everything including stats */
}

.mb-trending__dropdown-enter {
  transition: all var(--transition-bounce);
}

.mb-trending__dropdown-enter-start {
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
  transform-origin: top center;
}

.mb-trending__dropdown-enter-end {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mb-trending__dropdown-leave {
  transition: all var(--transition);
}

.mb-trending__dropdown-leave-start {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.mb-trending__dropdown-leave-end {
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
}

.mb-trending__list {
  list-style: none;
  padding: 0.75rem;
  margin: 0;
}

.mb-trending__list-item {
  padding: 0.75rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition);
  display: block;
  text-decoration: none;
  color: var(--color-text-dark);
  border-radius: var(--radius);
}

.mb-trending__list-item:last-child {
  border-bottom: none;
}

.mb-trending__list-item:hover {
  background-color: var(--color-secondary-lighter);
  transform: translateY(-2px);
}

.mb-trending__company {
  display: flex;
  align-items: center;
}

.mb-trending__company-logo-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius);
  overflow: hidden;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  border: 1px solid var(--color-border);
  flex-shrink: 0;
}

.mb-trending__company-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mb-trending__company-info {
  flex: 1;
  text-align: left; /* Align text to the left */
}

.mb-trending__company-name {
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 0 0 0.25rem;
}

.mb-trending__company-rating {
  display: flex;
  gap: 0.125rem;
}

.mb-trending__company-star {
  font-size: 0.75rem;
  color: #f6ad55;
}

.mb-trending__company-arrow {
  color: var(--color-text-lighter);
  margin-left: 0.5rem;
  transition: all var(--transition);
}

.mb-trending__list-item:hover .mb-trending__company-arrow {
  color: var(--color-secondary);
  transform: translateX(3px);
}

.mb-trending__service {
  display: flex;
  align-items: center;
}

.mb-trending__service-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius);
  background: linear-gradient(135deg, var(--color-secondary-lighter), var(--color-secondary-lighter));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  color: var(--color-secondary);
  flex-shrink: 0;
  transition: all var(--transition);
  border: 1px solid rgba(115, 87, 235, 0.1);
}

.mb-trending__service-info {
  flex: 1;
  text-align: left;
}

.mb-trending__service-name {
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 0;
}

.mb-trending__list-item:hover .mb-trending__service-icon {
  background: linear-gradient(135deg, var(--color-secondary-lighter), var(--color-secondary-light));
  transform: scale(1.05);
}

/* Add View All link to trending dropdowns */
.mb-trending__view-all {
  display: block;
  text-align: center;
  padding: 0.75rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
  color: var(--color-secondary);
  font-weight: 500;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all var(--transition);
}

.mb-trending__view-all:hover {
  background-color: var(--color-secondary-lighter);
  color: var(--color-secondary-dark);
}

.mb-trending__view-all i {
  margin-left: 0.375rem;
  transition: transform var(--transition);
}

.mb-trending__view-all:hover i {
  transform: translateX(3px);
}

/* Stats Bar */
.mb-stats {
  background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));
  padding: 2.5rem 1.5rem;
  position: relative;
  overflow: hidden;
  z-index: 10; /* Lower z-index than dropdowns */
}

.mb-stats__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}

@media (min-width: 768px) {
  .mb-stats__container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.mb-stats__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  animation: fadeInUp 1s ease-out both;
}

.mb-stats__item:nth-child(1) {
  animation-delay: 0.2s;
}

.mb-stats__item:nth-child(3) {
  animation-delay: 0.4s;
}

.mb-stats__item:nth-child(5) {
  animation-delay: 0.6s;
}

.mb-stats__icon-wrapper {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.mb-stats__icon-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shimmer 3s infinite;
}

.mb-stats__icon {
  font-size: 1.5rem;
  color: white;
}

.mb-stats__content {
  display: flex;
  flex-direction: column;
}

.mb-stats__number {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  margin: 0 0 0.25rem;
  line-height: 1;
}

.mb-stats__text {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.mb-stats__divider {
  display: none;
}

@media (min-width: 768px) {
  .mb-stats__divider {
    display: block;
    width: 1px;
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 0.2);
  }
}

/* Utility for Alpine.js */
[x-cloak] {
  display: none !important;
}
.swiper-button-next, .swiper-button-prev{
    display: none ;
}

/* Eye-Catching Hero Section with Creative Animations - Updated with consistent max-width */

/* Base Variables */
:root {
  --color-primary: #005c65;
  --color-primary-light: #e6f7f8;
  --color-primary-dark: #004a52;
  --color-secondary: #75c278;
  --color-background: #f8faff;
  --color-card: #ffffff;
  --color-text: #4a5568;
  --color-text-light: #718096;
  --color-text-dark: #2d3748;
  --color-border: #e2e8f0;
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --header-max-width: 1280px; /* Added this variable to ensure consistency */
}

/* Main Hero Section - Full Width Background with contained content */
.custom-hero-section {
  position: relative;
  background-color: #ffffff00;
  overflow: hidden;
  font-family: var(--font-family);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 600px;
  width: 100%;
  max-width: 1450px; /* Apply max-width directly to the section */
  margin: 0 auto; /* Center the section */
  box-sizing: border-box;
}

/* CREATIVE BACKGROUND ANIMATION WITH FULL WIDTH */
/* Create a container for our animations */
.custom-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 20%, rgba(0, 92, 101, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(117, 194, 120, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 40% 60%, rgba(117, 194, 120, 0.03) 0%, transparent 40%),
    radial-gradient(circle at 60% 30%, rgba(117, 194, 120, 0.03) 0%, transparent 40%);
  z-index: 0;
  filter: blur(50px); /* Increased blur */
}

/* Add animated morphing blobs with increased blur */
.custom-hero-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23005c65' fill-opacity='0.1' d='M44.9,-76.2C59.7,-69.8,74.4,-60.9,83.3,-47.6C92.2,-34.2,95.3,-17.1,94.5,-0.5C93.7,16.2,89,32.3,79.6,45.3C70.2,58.3,56.1,68.1,41.1,74.8C26.1,81.5,10.5,85.1,-4.4,82.5C-19.3,79.9,-33.5,71.1,-45.7,61C-57.9,50.9,-68.1,39.5,-74.9,25.8C-81.7,12.1,-85.1,-3.9,-82.1,-18.8C-79.1,-33.7,-69.7,-47.5,-57.2,-56.9C-44.7,-66.3,-29.1,-71.3,-14.1,-73.7C0.9,-76.1,15.9,-75.9,29.8,-77.5C43.7,-79.1,56.5,-82.6,44.9,-76.2Z' transform='translate(100 100) scale(1.1)' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2375c278' fill-opacity='0.1' d='M47.7,-79.7C62.3,-71.9,75.1,-60.5,83.2,-46.3C91.3,-32.1,94.6,-16,93.4,-0.7C92.2,14.7,86.5,29.3,77.8,42.5C69.1,55.7,57.3,67.3,43.5,75.9C29.7,84.5,14.9,90.1,-0.2,90.4C-15.3,90.7,-30.6,85.8,-44.1,77.6C-57.6,69.4,-69.3,58,-77.7,44.3C-86.1,30.6,-91.2,14.8,-91.8,-1.3C-92.3,-17.5,-88.3,-34.9,-79.1,-48.8C-69.9,-62.7,-55.5,-73,-40.5,-79.9C-25.5,-86.8,-9.9,-90.3,3.9,-87.1C17.7,-83.9,33.1,-87.5,47.7,-79.7Z' transform='translate(100 100) scale(0.9)' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2375c278' fill-opacity='0.08' d='M45.3,-75.3C60.9,-69.1,77.3,-60.5,85.2,-47C93.1,-33.5,92.6,-16.7,89.8,-1.6C87.1,13.5,82.1,27,74.4,39.1C66.7,51.2,56.3,61.8,43.7,68.5C31.1,75.2,15.5,77.9,0.2,77.6C-15.1,77.3,-30.3,74,-43.7,67.1C-57.2,60.2,-69,49.7,-76.8,36.5C-84.6,23.3,-88.4,7.4,-86.9,-8.1C-85.3,-23.6,-78.4,-38.8,-68.1,-50.9C-57.8,-63,-44.1,-72,-30.1,-77.5C-16.1,-83,-8,-85,2.8,-89.7C13.7,-94.4,27.3,-101.8,38.2,-96.1C49,-90.4,57,-81.5,45.3,-75.3Z' transform='translate(100 100) scale(0.7)' /%3E%3C/svg%3E");
  background-position: -30% -30%, 130% 130%, 50% 50%;
  background-repeat: no-repeat;
  background-size: 80% 80%, 70% 70%, 60% 60%;
  opacity: 0.8;
  z-index: 0;
  animation: morph-blobs 25s infinite alternate ease-in-out;
  filter: blur(60px); /* Increased blur */
}

/* Create floating circles with CSS */
.custom-hero-section .w-half {
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}


/* Add more animated particles with increased blur */
.custom-right-content::before,
.custom-right-content::after,
.custom-hero-section .w-half::before,
.custom-hero-section .w-half::after,
.custom-hero-inner::before,
.custom-hero-inner::after,
.custom-contact-form::after,
.custom-hero-section::before,
.custom-hero-section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  opacity: 0.7;
  filter: blur(8px); /* Increased blur */
}

/* Particle 1 */
.custom-right-content::before {
  width: 15px;
  height: 15px;
  background-color: var(--color-primary);
  top: 20%;
  right: 10%;
  box-shadow: 0 0 20px 5px rgba(0, 92, 101, 0.2);
  animation: float-particle 20s infinite ease-in-out;
}

/* Particle 2 */
.custom-right-content::after {
  width: 10px;
  height: 10px;
  background-color: var(--color-secondary);
  bottom: 15%;
  left: 20%;
  box-shadow: 0 0 15px 3px rgba(117, 194, 120, 0.2);
  animation: float-particle 25s infinite ease-in-out reverse;
}

/* Particle 3 */
.custom-hero-section .w-half::before {
  width: 20px;
  height: 20px;
  background-color: var(--color-primary-light);
  top: 15%;
  left: 10%;
  box-shadow: 0 0 25px 5px rgba(0, 92, 101, 0.15);
  animation: float-particle 22s infinite ease-in-out;
}

/* Particle 4 */
.custom-hero-section .w-half::after {
  width: 12px;
  height: 12px;
  background-color: var(--color-secondary);
  bottom: 20%;
  right: 15%;
  box-shadow: 0 0 20px 4px rgba(117, 194, 120, 0.15);
  animation: float-particle 28s infinite ease-in-out reverse;
}

/* Additional particles - more green ones */
.custom-hero-inner::before {
  width: 15px;
  height: 15px;
  background-color: var(--color-secondary);
  top: 35%;
  left: 45%;
  box-shadow: 0 0 15px 3px rgba(117, 194, 120, 0.15);
  animation: float-particle 18s infinite ease-in-out;
}

.custom-hero-inner::after {
  width: 14px;
  height: 14px;
  background-color: var(--color-secondary);
  bottom: 40%;
  right: 35%;
  box-shadow: 0 0 12px 3px rgba(117, 194, 120, 0.15);
  animation: float-particle 23s infinite ease-in-out reverse;
}

.custom-contact-form::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--color-secondary);
  top: 30%;
  right: 20%;
  box-shadow: 0 0 15px 3px rgba(117, 194, 120, 0.15);
  animation: float-particle 19s infinite ease-in-out;
  z-index: 0;
  opacity: 0.6;
}

/* Additional green particles */
.custom-hero-section::before {
  width: 18px;
  height: 18px;
  background-color: var(--color-secondary);
  bottom: 25%;
  left: 25%;
  box-shadow: 0 0 18px 4px rgba(117, 194, 120, 0.2);
  animation: float-particle 21s infinite ease-in-out;
  z-index: 1;
}

.custom-hero-section::after {
  width: 13px;
  height: 13px;
  background-color: var(--color-secondary);
  top: 15%;
  right: 25%;
  box-shadow: 0 0 16px 3px rgba(117, 194, 120, 0.2);
  animation: float-particle 24s infinite ease-in-out reverse;
  z-index: 1;
}

/* IMPROVED HEADING STYLES - INCREASED FONT WEIGHT - NO UNDERLINE */
.custom-hero-section h1 {
  font-size: 32px;
  line-height: 1.3;
  color: var(--color-primary);
  font-weight: 800;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.custom-hero-section h1 .font-exposure {
  display: block;
  font-weight: 900;
  position: relative;
  margin-bottom: 0.25rem;
  color: var(--color-primary);
}

/* IMPROVED LIST STYLING */
.custom-hero-section ul {
  list-style-type: disc;

  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  padding-right: 1rem;
  box-sizing: border-box;
}

.custom-hero-section li {
  margin-bottom: 0.75rem;
  position: relative;
  transition: transform 0.3s ease;
  padding-left: 0.5rem;
  line-height: 1.5;
}

.custom-hero-section li:hover {
  transform: translateX(5px);
}

/* Paragraph */
.custom-paragraph-unique {
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text);
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Button Container */
.custom-hero-section .mt-6 {
  margin-top: 1.5rem;
  width: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* Button - INCREASED HEIGHT */
.custom-hero-section button {
  background-color: var(--color-primary);
  color: white;
  padding: 1rem 3rem; /* Increased from 0.75rem to 1rem for more height */
  border-radius: 0.375rem;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 5px 15px rgba(0, 92, 101, 0.3);
  max-width: 100%;
}

/* Button shine effect - ALWAYS VISIBLE */
.custom-hero-section button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shine-effect 3s infinite; /* Always animating */
}

.custom-hero-section button:hover {
  background-color: rgba(0, 92, 101, 0.9);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 92, 101, 0.4);
}

/* Logo Image */
.custom-hero-section img {
  width: 8rem;
  margin-top: 1rem;
  margin-left: 1rem;
  position: relative;
  z-index: 2;
  max-width: 100%;
}

/* IMPROVED RIGHT CONTENT - FIXED FORM OVERFLOW */
.custom-right-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}

/* CONTACT FORM - BACK TO WHITE */
.custom-contact-form {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 92, 101, 0.1);
  padding: 1.5rem;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transform: translateY(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid var(--color-border);
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  overflow: hidden;
}

/* Form hover effect */
.custom-contact-form:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 92, 101, 0.1);
}

/* Form gradient header */
.custom-contact-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: 5px 5px 0 0;
}

/* Form inputs - Back to white form */
.custom-contact-form input {
  padding: 0.875rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  max-width: 100%;
  color: var(--color-text-dark);
}

.custom-contact-form input::placeholder {
  color: var(--color-text-light);
}

.custom-contact-form input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 92, 101, 0.1);
}

/* Form button - ALWAYS SHOWING SHINE EFFECT */
.custom-contact-form button {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  color: white;
  padding: 1rem 1rem; /* Increased from 0.875rem to 1rem for more height */
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 92, 101, 0.3);
  max-width: 100%;
  box-sizing: border-box;
}

/* Button shine effect - ALWAYS VISIBLE */
.custom-contact-form button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shine-effect 3s infinite; /* Always animating */
}

.custom-contact-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 92, 101, 0.4);
}

/* IMPROVED RESPONSIVE STYLES - FIXED MAX-WIDTH CONSISTENCY */
@media (min-width: 768px) {
  .custom-hero-section {
    
    flex-direction: row; /* Make the section itself a flex row container */
  }

  /* Inner container no longer needs max-width */
  .custom-hero-inner {
    flex-direction: row;
    width: 100%;
  }

  .custom-hero-section .w-half {
    width: 60%;
    padding-right: 1.5rem; /* Add padding to the right of content */
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box; /* Critical for maintaining width */
  }

  .custom-hero-section h1 {
    font-size: 52px;
    line-height: 60px;
  }

  .custom-paragraph-unique {
    font-size: 18px;
  }

  .custom-hero-section button {
    width: auto;
  }

  .custom-hero-section img {
    margin-top: 0;
  }

  .custom-right-content {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box; /* Critical for maintaining width */
  }

  .custom-contact-form {
    padding: 2rem;
    width: 90%;
    max-width: 90%;
  }
}

/* ENHANCED MOBILE-SPECIFIC ADJUSTMENTS */
@media (max-width: 767px) {
  .custom-hero-section {
    padding: 2rem 1rem;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
  }

  .custom-hero-inner {
    flex-direction: column;
    width: 100%;
  }

  .custom-hero-section::after {
    background-position: -50% -50%, 150% 150%;
    background-size: 120% 120%, 100% 100%;
  }



  .custom-hero-section .w-half {
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
  }

  .custom-hero-section h1 {
    font-size: 28px;
    line-height: 1.3;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 0;
  }

  .custom-hero-section ul {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 0;
    margin-left: 1rem; /* Reduced from -20px to improve alignment */
  }

  .custom-hero-section li {
    width: 90%;
    max-width: 90%;
  }

  .custom-right-content {
    width: 100%;
    padding: 0;
    overflow: visible;
  }

  .custom-contact-form {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 1.5rem;
  }

  .custom-contact-form input,
  .custom-contact-form button {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }

  /* Fix for button container on mobile */
  .custom-hero-section .mt-6 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Fix for button and image container on mobile */
  .custom-hero-section .mt-6 > div {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-direction: column;
  }

  .custom-hero-section button {
    width: 100%;
    max-width: 100%;
    font-size: 13px;
  }

  .custom-hero-section img {
    margin-left: 0;
    margin-top: 1rem;
  }
}

/* Creative Animations */
@keyframes morph-blobs {
  0% {
    background-position: -30% -30%, 130% 130%, 50% 50%;
    background-size: 80% 80%, 70% 70%, 60% 60%;
  }
  50% {
    background-position: -25% -35%, 125% 135%, 45% 55%;
    background-size: 85% 85%, 65% 65%, 65% 65%;
  }
  100% {
    background-position: -30% -30%, 130% 130%, 50% 50%;
    background-size: 80% 80%, 70% 70%, 60% 60%;
  }
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

@keyframes pulse-circles {
  0% {
    opacity: 0.7;
    background-position: 80% 20%, 20% 80%, 50% 50%, 30% 40%, 70% 60%, 25% 25%, 75% 75%;
  }
  50% {
    opacity: 1;
    background-position: 85% 15%, 15% 85%, 50% 45%, 35% 35%, 65% 65%, 20% 30%, 80% 70%;
  }
  100% {
    opacity: 0.7;
    background-position: 80% 20%, 20% 80%, 50% 50%, 30% 40%, 70% 60%, 25% 25%, 75% 75%;
  }
}

@keyframes float-particle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(20px, -30px);
  }
  50% {
    transform: translate(40px, 0);
  }
  75% {
    transform: translate(20px, 30px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* New animation for always-visible shine effect */
@keyframes shine-effect {
  0% {
    left: -100%;
  }
  20% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

/* Fix for text-[#005c65] class */
.text-\[\#005c65\] {
  color: var(--color-primary);
}

/* Fix for bg-[#005c65] class */
.bg-\[\#005c65\] {
  background-color: var(--color-primary);
}

/* Fix for hover:bg-[#005d65bf] class */
.hover\:bg-\[\#005d65bf\]:hover {
  background-color: rgba(0, 92, 101, 0.75);
}

/* Additional Tailwind Classes */
.flex {
  display: flex;
}

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

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

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

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

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

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

.text-gray-700 {
  color: #4a5568;
}

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

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

.gap-5 {
  gap: 1.25rem;
}

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

.text-white {
  color: white;
}

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

.transition {
  transition-property: all;
}

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

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

@media (min-width: 768px) {
  .md\:p-16 {
    padding: 4rem;
  }

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

  .md\:text-lg {
    font-size: 1.125rem;
  }

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

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

  .md\:w-auto {
    width: auto;
  }

  .md\:w-482 {
    width: 482px;
  }

  .md\:mt-0 {
    margin-top: 0;
  }
}

.sal-table {
          border: 1px solid #ccc;
          border-collapse: collapse;
          margin: 0;
          padding: 0;
          width: 100%;
          table-layout: fixed;
        }

        .sal-caption {
          font-size: 1.5em;
          margin: .5em 0 .75em;
        }

        .sal-row {
          background-color: #f8f8f8;
          border: 1px solid #ddd;
          padding: .35em;
        }

        .sal-header,
        .sal-cell {
          padding: .625em;
          text-align: center;
        }

        .sal-header {
          font-size: .85em;
          letter-spacing: .1em;
          text-transform: uppercase;
        }

        @media screen and (max-width: 600px) {
          .sal-table {
            border: 0;
          }

          .sal-caption {
            font-size: 1.3em;
          }
          
          .sal-thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
          }
          
          .sal-row {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
          }
          
          .sal-cell {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
          }
          
          .sal-cell::before {
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
          }
          
          .sal-cell:last-child {
            border-bottom: 0;
          }
        }

        /* general styling */
        .sal-container {
          font-family: "Open Sans", sans-serif;
          line-height: 1.25;
        }
        
       
.ne-nutrition-distribution {
    border:1px solid gray;
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow:hidden;
}
.ne-nutrition-distribution__chart {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}