/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-600:oklch(57.7% 0.245 27.325);--color-slate-100:oklch(96.8% 0.007 247.896);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-black:#000;--color-white:#fff;--spacing:1px;--container-2xl:42rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:24px;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:30px;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:35px;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:50px;--text-5xl--line-height:1;--text-6xl:60px;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--blur-sm:8px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-sora:"Sora";--font-urbanist:"Urbanist";--font-montserrat:"Montserrat";--color-primary:var(--theme-colour);--color-secondary:var(--common-colour);--color-gary:var(--color-gary);--color-lightgary:var(--color-lightgary);--color-yellow:var(--color-yellow);--text-2sm:15px;--text-xxl:22px;--text-2\.3xl:32px;--text-2\.5xl:28px;--text-4\.6xl:36px;--text-3\.8xl:38px;--text-4\.75xl:40px;--text-4\.8xl:45px;--text-5\.2xl:52px;--text-6\.3xl:63px;--text-2xxl:26px;--text-4\.65xl:42px;--text-7\.7xl:92px;--text-8\.5xl:100px;--animate-bellring:bellring 5s infinite;--animate-topshap:topshap 5s infinite;--animate-fa-spin:fa-spin 10s linear infinite;--animate-scroll-one:scroll-one 40s linear infinite;--animate-scroll-two:scroll-two 40s linear infinite;--animate-bellRing:bellRing 5s infinite}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:#fff0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:#fff0;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-26{top:calc(var(--spacing) * -26)}.-top-30{top:calc(var(--spacing) * -30)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-10{top:calc(var(--spacing) * 10)}.top-11{top:calc(var(--spacing) * 11)}.top-15{top:calc(var(--spacing) * 15)}.top-100{top:calc(var(--spacing) * 100)}.top-130{top:calc(var(--spacing) * 130)}.top-\[-12\%\]{top:-12%}.top-\[44\%\]{top:44%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.right-13{right:calc(var(--spacing) * 13)}.right-25{right:calc(var(--spacing) * 25)}.right-\[11\%\]{right:11%}.bottom-40{bottom:calc(var(--spacing) * 40)}.-left-32{left:calc(var(--spacing) * -32)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.left-\[-6\%\]{left:-6%}.z-10{z-index:10}.z-99{z-index:99}.z-\[1\]{z-index:1}.z-\[5\]{z-index:5}.z-\[11\]{z-index:11}.col-span-12{grid-column:span 12 / span 12}.container{width:100%;@media (width>=576px){max-width:576px}@media (width>=768px){max-width:768px}@media (width>=992px){max-width:992px}@media (width>=1024px){max-width:1024px}@media (width>=1200px){max-width:1200px}@media (width>=1400px){max-width:1400px}@media (width>=1600px){max-width:1600px}@media (width>=1700px){max-width:1700px}}.m-10{margin:calc(var(--spacing) * 10)}.m-auto{margin:auto}.container{margin-inline:auto;padding-left:15px;padding-right:15px}.mx-auto{margin-inline:auto}.mt-4{margin-top:1rem!important}.-mt-20{margin-top:calc(var(--spacing) * -20)}.-mt-38{margin-top:calc(var(--spacing) * -38)}.-mt-70{margin-top:calc(var(--spacing) * -70)}.-mt-110{margin-top:calc(var(--spacing) * -110)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-15{margin-top:calc(var(--spacing) * 15)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-25{margin-top:calc(var(--spacing) * 25)}.mt-30{margin-top:calc(var(--spacing) * 30)}.mt-40{margin-top:calc(var(--spacing) * 40)}.mt-50{margin-top:calc(var(--spacing) * 50)}.mt-60{margin-top:calc(var(--spacing) * 60)}.mt-76{margin-top:calc(var(--spacing) * 76)}.mt-\[16px\]{margin-top:16px}.mr-0{margin-right:calc(var(--spacing) * 0)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mr-11{margin-right:calc(var(--spacing) * 11)}.mr-16{margin-right:calc(var(--spacing) * 16)}.mr-auto{margin-right:auto}.\!mb-24{margin-bottom:calc(var(--spacing) * 24)!important}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-18{margin-bottom:calc(var(--spacing) * 18)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-25{margin-bottom:calc(var(--spacing) * 25)}.mb-30{margin-bottom:calc(var(--spacing) * 30)}.mb-40{margin-bottom:calc(var(--spacing) * 40)}.mb-50{margin-bottom:calc(var(--spacing) * 50)}.mb-\[8px\]{margin-bottom:8px}.mb-\[15px\]{margin-bottom:15px}.mb-\[16px\]{margin-bottom:16px}.-ml-10{margin-left:calc(var(--spacing) * -10)}.-ml-86{margin-left:calc(var(--spacing) * -86)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-30{margin-left:calc(var(--spacing) * 30)}.ml-33{margin-left:calc(var(--spacing) * 33)}.ml-60{margin-left:calc(var(--spacing) * 60)}.ml-\[-100\%\]{margin-left:-100%}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.table-row{display:table-row}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-50{width:calc(var(--spacing) * 50);height:calc(var(--spacing) * 50)}.size-80{width:calc(var(--spacing) * 80);height:calc(var(--spacing) * 80)}.size-90{width:calc(var(--spacing) * 90);height:calc(var(--spacing) * 90)}.size-110{width:calc(var(--spacing) * 110);height:calc(var(--spacing) * 110)}.size-170{width:calc(var(--spacing) * 170);height:calc(var(--spacing) * 170)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.\!h-50{height:calc(var(--spacing) * 50)!important}.h-16{height:calc(var(--spacing) * 16)}.h-50{height:calc(var(--spacing) * 50)}.h-55{height:calc(var(--spacing) * 55)}.h-120{height:calc(var(--spacing) * 120)}.h-180{height:calc(var(--spacing) * 180)}.h-252{height:calc(var(--spacing) * 252)}.h-\[50px\]{height:50px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-\[50px\]{width:50px!important}.\!w-full{width:100%!important}.w-16{width:calc(var(--spacing) * 16)}.w-35{width:calc(var(--spacing) * 35)}.w-46{width:calc(var(--spacing) * 46)}.w-50{width:calc(var(--spacing) * 50)}.w-60{width:calc(var(--spacing) * 60)}.w-\[45\%\]{width:45%}.w-\[50px\]{width:50px}.w-\[70\%\]{width:70%}.w-\[120\%\]{width:120%}.w-\[fit-content\]{width:fit-content}.w-\[max-content\]{width:max-content}.w-auto{width:auto}.w-full{width:100%}.max-w-\[450px\]{max-width:450px}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-\[357deg\]{rotate:357deg}.\[transform\:translate\(5px\,10px\)\]{transform:translate(5px,10px)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bellring{animation:var(--animate-bellring)}.animate-fa-spin{animation:var(--animate-fa-spin)}.animate-scroll-one{animation:var(--animate-scroll-one)}.animate-scroll-two{animation:var(--animate-scroll-two)}.animate-topshap{animation:var(--animate-topshap)}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-11{gap:calc(var(--spacing) * 11)}.gap-18{gap:calc(var(--spacing) * 18)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-22{gap:calc(var(--spacing) * 22)}.gap-25{gap:calc(var(--spacing) * 25)}.gap-30{gap:calc(var(--spacing) * 30)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-10{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-25{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse)))}}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-25{column-gap:calc(var(--spacing) * 25)}.gap-x-30{column-gap:calc(var(--spacing) * 30)}.gap-y-24{row-gap:calc(var(--spacing) * 24)}.gap-y-\[30px\]{row-gap:30px}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.\!rounded-\[10px\]{border-radius:10px!important}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-xl{border-radius:var(--radius-xl)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#D8D8D8\]{border-color:#D8D8D8!important}.border-\[\#3A4E65\]{border-color:#3A4E65}.border-\[\#304F74\]{border-color:#304F74}.border-\[\#444\]{border-color:#444}.border-\[\#D8D8D8\]{border-color:#D8D8D8}.border-\[\#d7d7d7\]{border-color:#d7d7d7}.border-\[\#d8d8d8\]{border-color:#d8d8d8}.border-\[\#e5e5e5\]{border-color:#e5e5e5}.border-\[\#fff\]{border-color:#fff}.border-lightgary{border-color:var(--color-lightgary)}.border-primary{border-color:var(--color-primary)}.bg-\[\#000000d9\]{background-color:#000000d9}.bg-\[\#9B52E1\]{background-color:#9B52E1}.bg-\[\#58CBF2\]{background-color:#58CBF2}.bg-\[\#69b741\]{background-color:#69b741}.bg-\[\#F4F4FF\]{background-color:#F4F4FF}.bg-\[\#F05DA8\]{background-color:#F05DA8}.bg-\[\#f4f4f4\]{background-color:#f4f4f4}.bg-\[\#f4f4ff\]{background-color:#f4f4ff}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#ffffff14\]{background-color:#ffffff14}.bg-\[rgb\(240\,93\,193\)\]{background-color:#f05dc1}.bg-black{background-color:var(--color-black)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#fff0}.bg-white{background-color:var(--color-white)}.bg-\[url\(\.\.\/img\/bannr-bg-img\.png\)\]{background-image:url(/wp-content/themes/zu-academia/assets/img/bannr-bg-img.png)}.bg-\[url\(\.\.\/img\/bg-line-2\.png\)\]{background-image:url(/wp-content/themes/zu-academia/assets/img/bg-line-2.png)}.bg-\[url\(\.\.\/img\/breadcrumb\/banner-bg\.png\)\]{background-image:url(/wp-content/themes/zu-academia/assets/img/breadcrumb/banner-bg.png)}.bg-\[url\(\.\.\/img\/footer-bg\.png\)\]{background-image:url(/wp-content/themes/zu-academia/assets/img/footer-bg.png)}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-\[right_bottom\]{background-position:right bottom}.bg-center{background-position:center}.bg-right{background-position:right}.bg-no-repeat{background-repeat:no-repeat}.fill-gray-900{fill:var(--color-gray-900)}.stroke-secondary{stroke:var(--color-secondary)}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.p-14{padding:calc(var(--spacing) * 14)}.p-15{padding:calc(var(--spacing) * 15)}.p-17{padding:calc(var(--spacing) * 17)}.p-20{padding:calc(var(--spacing) * 20)}.p-30{padding:calc(var(--spacing) * 30)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-20{padding-inline:calc(var(--spacing) * 20)}.px-24{padding-inline:calc(var(--spacing) * 24)}.px-\[15px\]{padding-inline:15px}.px-\[16px\]{padding-inline:16px}.py-2{padding-block:calc(var(--spacing) * 2)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-30{padding-block:calc(var(--spacing) * 30)}.py-40{padding-block:calc(var(--spacing) * 40)}.py-50{padding-block:calc(var(--spacing) * 50)}.py-60{padding-block:calc(var(--spacing) * 60)}.py-100{padding-block:calc(var(--spacing) * 100)}.py-\[10px\]{padding-block:10px}.\!pt-110{padding-top:calc(var(--spacing) * 110)!important}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-30{padding-top:calc(var(--spacing) * 30)}.pt-40{padding-top:calc(var(--spacing) * 40)}.pt-42{padding-top:calc(var(--spacing) * 42)}.pt-50{padding-top:calc(var(--spacing) * 50)}.pt-60{padding-top:calc(var(--spacing) * 60)}.pt-90{padding-top:calc(var(--spacing) * 90)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-122{padding-right:calc(var(--spacing) * 122)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-15{padding-bottom:calc(var(--spacing) * 15)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-18{padding-bottom:calc(var(--spacing) * 18)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-21{padding-bottom:calc(var(--spacing) * 21)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-25{padding-bottom:calc(var(--spacing) * 25)}.pb-30{padding-bottom:calc(var(--spacing) * 30)}.pb-34{padding-bottom:calc(var(--spacing) * 34)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.pb-45{padding-bottom:calc(var(--spacing) * 45)}.pb-50{padding-bottom:calc(var(--spacing) * 50)}.pb-60{padding-bottom:calc(var(--spacing) * 60)}.pb-150{padding-bottom:calc(var(--spacing) * 150)}.\!pl-20{padding-left:calc(var(--spacing) * 20)!important}.pl-15{padding-left:calc(var(--spacing) * 15)}.pl-20{padding-left:calc(var(--spacing) * 20)}.pl-27{padding-left:calc(var(--spacing) * 27)}.text-center{text-align:center}.text-end{text-align:end}.font-sora{font-family:var(--font-sora)}.font-urbanist{font-family:var(--font-urbanist)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-2\.3xl{font-size:var(--text-2\.3xl)}.text-2\.5xl{font-size:var(--text-2\.5xl)}.text-2sm{font-size:var(--text-2sm)}.text-2xxl{font-size:var(--text-2xxl)}.text-4\.6xl{font-size:var(--text-4\.6xl)}.text-\[14px\]{font-size:14px}.text-\[22px\]{font-size:22px}.text-\[32px\]{font-size:32px}.text-\[80px\]{font-size:80px}.text-xxl{font-size:var(--text-xxl)}.leading-25{--tw-leading:calc(var(--spacing) * 25);line-height:calc(var(--spacing) * 25)}.leading-26{--tw-leading:calc(var(--spacing) * 26);line-height:calc(var(--spacing) * 26)}.leading-28{--tw-leading:calc(var(--spacing) * 28);line-height:calc(var(--spacing) * 28)}.leading-30{--tw-leading:calc(var(--spacing) * 30);line-height:calc(var(--spacing) * 30)}.leading-32{--tw-leading:calc(var(--spacing) * 32);line-height:calc(var(--spacing) * 32)}.leading-34{--tw-leading:calc(var(--spacing) * 34);line-height:calc(var(--spacing) * 34)}.leading-40{--tw-leading:calc(var(--spacing) * 40);line-height:calc(var(--spacing) * 40)}.leading-50{--tw-leading:calc(var(--spacing) * 50);line-height:calc(var(--spacing) * 50)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[38px\]{--tw-leading:38px;line-height:38px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#6f6f6f\]{color:#6f6f6f}.text-\[\#FC4F4F\]{color:#FC4F4F}.text-\[\#fff\]{color:#fff}.text-black{color:var(--color-black)}.text-gary{color:var(--color-gary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-lightgary{color:var(--color-lightgary)}.text-primary{color:var(--color-primary)}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.text-yellow{color:var(--color-yellow)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-\[0\.5\]{opacity:.5}.bg-blend-overlay{background-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_15px_0px_rgba\(0\,0\,0\,0\.07\)\]{--tw-shadow:0px 0px 15px 0px var(--tw-shadow-color, rgba(0,0,0,0.07));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_24px_0px_rgba\(88\,203\,242\,0\.4\)\]{--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color, rgba(88,203,242,0.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_24px_0px_rgba\(105\,183\,65\,0\.4\)\]{--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color, rgba(105,183,65,0.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_24px_0px_rgba\(155\,82\,225\,0\.4\)\]{--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color, rgba(155,82,225,0.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_0px_24px_0px_rgba\(240\,93\,168\,0\.4\)\]{--tw-shadow:0px 0px 24px 0px var(--tw-shadow-color, rgba(240,93,168,0.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_7px_31px_-6px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 7px 31px -6px var(--tw-shadow-color, rgba(0,0,0,0.15));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[\#58cbf266_0px_0px_24px_0px\]{--tw-shadow-color:#58cbf266;@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab, #58cbf266 0px 0px 24px 0px var(--tw-shadow-alpha), transparent)}}.shadow-\[\#f05da866_0px_0px_24px_0px\]{--tw-shadow-color:#f05da866;@supports (color:color-mix(in lab,red,red)){--tw-shadow-color:color-mix(in oklab, #f05da866 0px 0px 24px 0px var(--tw-shadow-alpha), transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-1{--tw-brightness:brightness(1%);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,)}.brightness-2{--tw-brightness:brightness(2%);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,)}.brightness-3{--tw-brightness:brightness(3%);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,)}.brightness-4{--tw-brightness:brightness(4%);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,)}.brightness-5{--tw-brightness:brightness(5%);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,)}.brightness-6{--tw-brightness:brightness(6%);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,)}.brightness-7{--tw-brightness:brightness(7%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-500{--tw-duration:500ms;transition-duration:500ms}.duration-\[0\.3s\]{--tw-duration:0.3s;transition-duration:0.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\!outline-none{--tw-outline-style:none !important;outline-style:none!important}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.backface-hidden{backface-visibility:hidden}.group-hover\:scale-\[1\.1\]{&:is(:where(.group):hover *){@media (hover:hover){scale:1.1}}}.group-hover\:rotate-\[3deg\]{&:is(:where(.group):hover *){@media (hover:hover){rotate:3deg}}}.group-hover\:\[transform\:rotate3d\(1\,1\,1\,360deg\)\]{&:is(:where(.group):hover *){@media (hover:hover){transform:rotate3d(1,1,1,360deg)}}}.group-hover\:bg-primary{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-primary)}}}.group-hover\:bg-white{&:is(:where(.group):hover *){@media (hover:hover){background-color:var(--color-white)}}}.group-hover\:pl-10{&:is(:where(.group):hover *){@media (hover:hover){padding-left:calc(var(--spacing) * 10)}}}.group-hover\:text-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-primary)}}}.group-hover\:text-white{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-white)}}}.selection\:bg-primary{& *::selection{background-color:var(--color-primary)}&::selection{background-color:var(--color-primary)}}.selection\:text-white{& *::selection{color:var(--color-white)}&::selection{color:var(--color-white)}}.before\:absolute{&::before{content:var(--tw-content);position:absolute}}.before\:top-1\/2{&::before{content:var(--tw-content);top:calc(1/2 * 100%)}}.before\:top-8{&::before{content:var(--tw-content);top:calc(var(--spacing) * 8)}}.before\:top-\[13\%\]{&::before{content:var(--tw-content);top:13%}}.before\:-bottom-20{&::before{content:var(--tw-content);bottom:calc(var(--spacing) * -20)}}.before\:bottom-0{&::before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}}.before\:-left-38{&::before{content:var(--tw-content);left:calc(var(--spacing) * -38)}}.before\:left-0{&::before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:left-1\/2{&::before{content:var(--tw-content);left:calc(1/2 * 100%)}}.before\:left-\[46\%\]{&::before{content:var(--tw-content);left:46%}}.before\:z-\[-1\]{&::before{content:var(--tw-content);z-index:-1}}.before\:float-left{&::before{content:var(--tw-content);float:left}}.before\:size-10{&::before{content:var(--tw-content);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}}.before\:size-full{&::before{content:var(--tw-content);width:100%;height:100%}}.before\:h-0{&::before{content:var(--tw-content);height:calc(var(--spacing) * 0)}}.before\:h-20{&::before{content:var(--tw-content);height:calc(var(--spacing) * 20)}}.before\:h-full{&::before{content:var(--tw-content);height:100%}}.before\:w-30{&::before{content:var(--tw-content);width:calc(var(--spacing) * 30)}}.before\:w-\[71\%\]{&::before{content:var(--tw-content);width:71%}}.before\:w-full{&::before{content:var(--tw-content);width:100%}}.before\:w-px{&::before{content:var(--tw-content);width:1px}}.before\:-translate-1\/2{&::before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2 * 100%) * -1);--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.before\:rotate-\[5deg\]{&::before{content:var(--tw-content);rotate:5deg}}.before\:rounded-full{&::before{content:var(--tw-content);border-radius:calc(infinity * 1px)}}.before\:bg-lightgary{&::before{content:var(--tw-content);background-color:var(--color-lightgary)}}.before\:bg-primary{&::before{content:var(--tw-content);background-color:var(--color-primary)}}.before\:bg-white{&::before{content:var(--tw-content);background-color:var(--color-white)}}.before\:px-10{&::before{content:var(--tw-content);padding-inline:calc(var(--spacing) * 10)}}.before\:text-gary{&::before{content:var(--tw-content);color:var(--color-gary)}}.before\:duration-500{&::before{content:var(--tw-content);--tw-duration:500ms;transition-duration:500ms}}.before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .before\:content-\[\'-\'\] {
    &::before {
      --tw-content: '-';
      content: var(--tw-content);
    }
  }
  .before\:\[clip-path\:polygon\(22\%_14\%\,100\%_45\%\,100\%_100\%\,_0\%_100\%\)\] {
    &::before {
      content: var(--tw-content);
      clip-path: polygon(22% 14%,100% 45%,100% 100%, 0% 100%);
    }
  }
  .before\:\[clip-path\:polygon\(50\%_100\%\,0_0\,100\%_0\)\] {
    &::before {
      content: var(--tw-content);
      clip-path: polygon(50% 100%,0 0,100% 0);
    }
  }
  .group-hover\:before\:h-full {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          height: 100%;
        }
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:bg-\[\#5050f4\] {
    &:hover {
      @media (hover: hover) {
        background-color: #5050f4;
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .max-xxl\:size-90 {
    @media (width < 1400px) {
      width: calc(var(--spacing) * 90);
      height: calc(var(--spacing) * 90);
    }
  }
  .max-xxl\:w-60 {
    @media (width < 1400px) {
      width: calc(var(--spacing) * 60);
    }
  }
  .max-xxl\:w-200 {
    @media (width < 1400px) {
      width: calc(var(--spacing) * 200);
    }
  }
  .max-xxl\:w-\[32\%\] {
    @media (width < 1400px) {
      width: 32%;
    }
  }
  .max-xxl\:w-\[60\%\] {
    @media (width < 1400px) {
      width: 60%;
    }
  }
  .max-xxl\:px-30 {
    @media (width < 1400px) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .max-xxl\:text-sm {
    @media (width < 1400px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-xxl\:text-2sm {
    @media (width < 1400px) {
      font-size: var(--text-2sm);
    }
  }
  .max-xl\:hidden {
    @media (width < 1200px) {
      display: none;
    }
  }
  .max-xl\:w-50 {
    @media (width < 1200px) {
      width: calc(var(--spacing) * 50);
    }
  }
  .max-xl\:w-70 {
    @media (width < 1200px) {
      width: calc(var(--spacing) * 70);
    }
  }
  .max-xl\:flex-wrap {
    @media (width < 1200px) {
      flex-wrap: wrap;
    }
  }
  .max-xl\:pt-30 {
    @media (width < 1200px) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .max-xl\:text-sm {
    @media (width < 1200px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-lg\:mx-auto {
    @media (width < 992px) {
      margin-inline: auto;
    }
  }
  .max-lg\:mt-40 {
    @media (width < 992px) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .max-lg\:hidden {
    @media (width < 992px) {
      display: none;
    }
  }
  .max-lg\:w-36 {
    @media (width < 992px) {
      width: calc(var(--spacing) * 36);
    }
  }
  .max-lg\:w-\[38\%\] {
    @media (width < 992px) {
      width: 38%;
    }
  }
  .max-lg\:w-full {
    @media (width < 992px) {
      width: 100%;
    }
  }
  .max-lg\:flex-wrap {
    @media (width < 992px) {
      flex-wrap: wrap;
    }
  }
  .max-lg\:gap-20 {
    @media (width < 992px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-lg\:gap-30 {
    @media (width < 992px) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .max-lg\:bg-\[right_center\] {
    @media (width < 992px) {
      background-position: right center;
    }
  }
  .max-lg\:pt-40 {
    @media (width < 992px) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .max-lg\:pb-15 {
    @media (width < 992px) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .max-lg\:text-center {
    @media (width < 992px) {
      text-align: center;
    }
  }
  .max-lg\:text-3xl {
    @media (width < 992px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .max-lg\:before\:hidden {
    @media (width < 992px) {
      &::before {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .max-md\:mb-40 {
    @media (width < 768px) {
      margin-bottom: calc(var(--spacing) * 40);
    }
  }
  .max-md\:block {
    @media (width < 768px) {
      display: block;
    }
  }
  .max-md\:hidden {
    @media (width < 768px) {
      display: none;
    }
  }
  .max-md\:size-165 {
    @media (width < 768px) {
      width: calc(var(--spacing) * 165);
      height: calc(var(--spacing) * 165);
    }
  }
  .max-md\:flex-wrap {
    @media (width < 768px) {
      flex-wrap: wrap;
    }
  }
  .max-md\:justify-center {
    @media (width < 768px) {
      justify-content: center;
    }
  }
  .max-md\:gap-20 {
    @media (width < 768px) {
      gap: calc(var(--spacing) * 20);
    }
  }
  .max-md\:px-0 {
    @media (width < 768px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .max-md\:text-center {
    @media (width < 768px) {
      text-align: center;
    }
  }
  .max-md\:text-xs {
    @media (width < 768px) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .max-md\:leading-18 {
    @media (width < 768px) {
      --tw-leading: calc(var(--spacing) * 18);
      line-height: calc(var(--spacing) * 18);
    }
  }
  .max-sm\:mb-30 {
    @media (width < 576px) {
      margin-bottom: calc(var(--spacing) * 30);
    }
  }
  .max-sm\:ml-0 {
    @media (width < 576px) {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  .max-sm\:hidden {
    @media (width < 576px) {
      display: none;
    }
  }
  .max-sm\:w-full {
    @media (width < 576px) {
      width: 100%;
    }
  }
  .max-sm\:flex-wrap {
    @media (width < 576px) {
      flex-wrap: wrap;
    }
  }
  .max-sm\:text-sm {
    @media (width < 576px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .max-sm\:leading-32 {
    @media (width < 576px) {
      --tw-leading: calc(var(--spacing) * 32);
      line-height: calc(var(--spacing) * 32);
    }
  }
  .min-\[481px\]\:text-\[25px\] {
    @media (width >= 481px) {
      font-size: 25px;
    }
  }
  .min-\[481px\]\:text-\[120px\] {
    @media (width >= 481px) {
      font-size: 120px;
    }
  }
  .min-\[481px\]\:font-bold {
    @media (width >= 481px) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .sm\:right-50 {
    @media (width >= 576px) {
      right: calc(var(--spacing) * 50);
    }
  }
  .sm\:col-span-6 {
    @media (width >= 576px) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:float-right {
    @media (width >= 576px) {
      float: right;
    }
  }
  .sm\:m-auto {
    @media (width >= 576px) {
      margin: auto;
    }
  }
  .sm\:mt-60 {
    @media (width >= 576px) {
      margin-top: calc(var(--spacing) * 60);
    }
  }
  .sm\:ml-20 {
    @media (width >= 576px) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .sm\:ml-50 {
    @media (width >= 576px) {
      margin-left: calc(var(--spacing) * 50);
    }
  }
  .sm\:flex {
    @media (width >= 576px) {
      display: flex;
    }
  }
  .sm\:h-60 {
    @media (width >= 576px) {
      height: calc(var(--spacing) * 60);
    }
  }
  .sm\:w-1\/3 {
    @media (width >= 576px) {
      width: calc(1/3 * 100%);
    }
  }
  .sm\:w-2\/3 {
    @media (width >= 576px) {
      width: calc(2/3 * 100%);
    }
  }
  .sm\:gap-3 {
    @media (width >= 576px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-35 {
    @media (width >= 576px) {
      gap: calc(var(--spacing) * 35);
    }
  }
  .sm\:gap-40 {
    @media (width >= 576px) {
      gap: calc(var(--spacing) * 40);
    }
  }
  .sm\:gap-x-30 {
    @media (width >= 576px) {
      column-gap: calc(var(--spacing) * 30);
    }
  }
  .sm\:p-40 {
    @media (width >= 576px) {
      padding: calc(var(--spacing) * 40);
    }
  }
  .sm\:p-50 {
    @media (width >= 576px) {
      padding: calc(var(--spacing) * 50);
    }
  }
  .sm\:py-60 {
    @media (width >= 576px) {
      padding-block: calc(var(--spacing) * 60);
    }
  }
  .sm\:py-80 {
    @media (width >= 576px) {
      padding-block: calc(var(--spacing) * 80);
    }
  }
  .sm\:pr-167 {
    @media (width >= 576px) {
      padding-right: calc(var(--spacing) * 167);
    }
  }
  .sm\:pb-17 {
    @media (width >= 576px) {
      padding-bottom: calc(var(--spacing) * 17);
    }
  }
  .sm\:pb-30 {
    @media (width >= 576px) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .sm\:pb-50 {
    @media (width >= 576px) {
      padding-bottom: calc(var(--spacing) * 50);
    }
  }
  .sm\:pb-80 {
    @media (width >= 576px) {
      padding-bottom: calc(var(--spacing) * 80);
    }
  }
  .sm\:pl-30 {
    @media (width >= 576px) {
      padding-left: calc(var(--spacing) * 30);
    }
  }
  .sm\:pl-40 {
    @media (width >= 576px) {
      padding-left: calc(var(--spacing) * 40);
    }
  }
  .sm\:text-2xl {
    @media (width >= 576px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 576px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 576px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 576px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 576px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 576px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 576px) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-xl {
    @media (width >= 576px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .sm\:text-2xxl {
    @media (width >= 576px) {
      font-size: var(--text-2xxl);
    }
  }
  .sm\:text-4\.75xl {
    @media (width >= 576px) {
      font-size: var(--text-4\.75xl);
    }
  }
  .sm\:text-\[16px\] {
    @media (width >= 576px) {
      font-size: 16px;
    }
  }
  .sm\:leading-44 {
    @media (width >= 576px) {
      --tw-leading: calc(var(--spacing) * 44);
      line-height: calc(var(--spacing) * 44);
    }
  }
  .md\:right-148 {
    @media (width >= 768px) {
      right: calc(var(--spacing) * 148);
    }
  }
  .md\:right-\[5\%\] {
    @media (width >= 768px) {
      right: 5%;
    }
  }
  .md\:col-span-6 {
    @media (width >= 768px) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:size-60 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 60);
      height: calc(var(--spacing) * 60);
    }
  }
  .md\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .md\:rounded-\[50px\] {
    @media (width >= 768px) {
      border-radius: 50px;
    }
  }
  .md\:p-24 {
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 24);
    }
  }
  .md\:p-40 {
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 40);
    }
  }
  .md\:py-60 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 60);
    }
  }
  .md\:py-70 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 70);
    }
  }
  .md\:py-80 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 80);
    }
  }
  .md\:py-800 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 800);
    }
  }
  .md\:pt-60 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 60);
    }
  }
  .md\:pt-80 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 80);
    }
  }
  .md\:pb-80 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 80);
    }
  }
  .md\:text-2xl {
    @media (width >= 768px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 768px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 768px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 768px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 768px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-3\.8xl {
    @media (width >= 768px) {
      font-size: var(--text-3\.8xl);
    }
  }
  .md\:text-4\.65xl {
    @media (width >= 768px) {
      font-size: var(--text-4\.65xl);
    }
  }
  .md\:text-5\.2xl {
    @media (width >= 768px) {
      font-size: var(--text-5\.2xl);
    }
  }
  .md\:text-\[30px\] {
    @media (width >= 768px) {
      font-size: 30px;
    }
  }
  .md\:text-\[150px\] {
    @media (width >= 768px) {
      font-size: 150px;
    }
  }
  .md\:leading-34 {
    @media (width >= 768px) {
      --tw-leading: calc(var(--spacing) * 34);
      line-height: calc(var(--spacing) * 34);
    }
  }
  .md\:font-extrabold {
    @media (width >= 768px) {
      --tw-font-weight: var(--font-weight-extrabold);
      font-weight: var(--font-weight-extrabold);
    }
  }
  .md\:font-semibold {
    @media (width >= 768px) {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .lg\:sticky {
    @media (width >= 992px) {
      position: sticky;
    }
  }
  .lg\:top-11\.5 {
    @media (width >= 992px) {
      top: calc(var(--spacing) * 11.5);
    }
  }
  .lg\:top-20 {
    @media (width >= 992px) {
      top: calc(var(--spacing) * 20);
    }
  }
  .lg\:top-200 {
    @media (width >= 992px) {
      top: calc(var(--spacing) * 200);
    }
  }
  .lg\:top-\[-11\%\] {
    @media (width >= 992px) {
      top: -11%;
    }
  }
  .lg\:right-7 {
    @media (width >= 992px) {
      right: calc(var(--spacing) * 7);
    }
  }
  .lg\:right-20 {
    @media (width >= 992px) {
      right: calc(var(--spacing) * 20);
    }
  }
  .lg\:right-55 {
    @media (width >= 992px) {
      right: calc(var(--spacing) * 55);
    }
  }
  .lg\:left-\[-11\%\] {
    @media (width >= 992px) {
      left: -11%;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 992px) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 992px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 992px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 992px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 992px) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:mt-40 {
    @media (width >= 992px) {
      margin-top: calc(var(--spacing) * 40);
    }
  }
  .lg\:mr-40 {
    @media (width >= 992px) {
      margin-right: calc(var(--spacing) * 40);
    }
  }
  .lg\:ml-16 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 16);
    }
  }
  .lg\:ml-20 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .lg\:ml-60 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 60);
    }
  }
  .lg\:ml-70 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 70);
    }
  }
  .lg\:ml-80 {
    @media (width >= 992px) {
      margin-left: calc(var(--spacing) * 80);
    }
  }
  .lg\:block {
    @media (width >= 992px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 992px) {
      display: flex;
    }
  }
  .lg\:h-80 {
    @media (width >= 992px) {
      height: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 992px) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-5\/12 {
    @media (width >= 992px) {
      width: calc(5/12 * 100%);
    }
  }
  .lg\:w-7\/12 {
    @media (width >= 992px) {
      width: calc(7/12 * 100%);
    }
  }
  .lg\:w-\[60\%\] {
    @media (width >= 992px) {
      width: 60%;
    }
  }
  .lg\:justify-between {
    @media (width >= 992px) {
      justify-content: space-between;
    }
  }
  .lg\:gap-30 {
    @media (width >= 992px) {
      gap: calc(var(--spacing) * 30);
    }
  }
  .lg\:gap-y-0 {
    @media (width >= 992px) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:border-l {
    @media (width >= 992px) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:border-\[\#D8D8D8\] {
    @media (width >= 992px) {
      border-color: #D8D8D8;
    }
  }
  .lg\:py-80 {
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 80);
    }
  }
  .lg\:py-100 {
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 100);
    }
  }
  .lg\:py-120 {
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 120);
    }
  }
  .lg\:pt-80 {
    @media (width >= 992px) {
      padding-top: calc(var(--spacing) * 80);
    }
  }
  .lg\:pt-120 {
    @media (width >= 992px) {
      padding-top: calc(var(--spacing) * 120);
    }
  }
  .lg\:pb-40 {
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 40);
    }
  }
  .lg\:pb-50 {
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 50);
    }
  }
  .lg\:pb-60 {
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 60);
    }
  }
  .lg\:pb-100 {
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 100);
    }
  }
  .lg\:pb-120 {
    @media (width >= 992px) {
      padding-bottom: calc(var(--spacing) * 120);
    }
  }
  .lg\:pl-40 {
    @media (width >= 992px) {
      padding-left: calc(var(--spacing) * 40);
    }
  }
  .lg\:pl-50 {
    @media (width >= 992px) {
      padding-left: calc(var(--spacing) * 50);
    }
  }
  .lg\:text-3\.8xl {
    @media (width >= 992px) {
      font-size: var(--text-3\.8xl);
    }
  }
  .lg\:text-4\.65xl {
    @media (width >= 992px) {
      font-size: var(--text-4\.65xl);
    }
  }
  .xl\:-top-40 {
    @media (width >= 1200px) {
      top: calc(var(--spacing) * -40);
    }
  }
  .xl\:top-\[-15\%\] {
    @media (width >= 1200px) {
      top: -15%;
    }
  }
  .xl\:right-66 {
    @media (width >= 1200px) {
      right: calc(var(--spacing) * 66);
    }
  }
  .xl\:left-\[-10\%\] {
    @media (width >= 1200px) {
      left: -10%;
    }
  }
  .xl\:mt-25 {
    @media (width >= 1200px) {
      margin-top: calc(var(--spacing) * 25);
    }
  }
  .xl\:ml-20 {
    @media (width >= 1200px) {
      margin-left: calc(var(--spacing) * 20);
    }
  }
  .xl\:block {
    @media (width >= 1200px) {
      display: block;
    }
  }
  .xl\:size-50 {
    @media (width >= 1200px) {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50);
    }
  }
  .xl\:size-200 {
    @media (width >= 1200px) {
      width: calc(var(--spacing) * 200);
      height: calc(var(--spacing) * 200);
    }
  }
  .xl\:w-150 {
    @media (width >= 1200px) {
      width: calc(var(--spacing) * 150);
    }
  }
  .xl\:\[transform\:translate\(10px\,10px\)\] {
    @media (width >= 1200px) {
      transform: translate(10px,10px);
    }
  }
  .xl\:gap-60 {
    @media (width >= 1200px) {
      gap: calc(var(--spacing) * 60);
    }
  }
  .xl\:p-30 {
    @media (width >= 1200px) {
      padding: calc(var(--spacing) * 30);
    }
  }
  .xl\:p-32 {
    @media (width >= 1200px) {
      padding: calc(var(--spacing) * 32);
    }
  }
  .xl\:p-40 {
    @media (width >= 1200px) {
      padding: calc(var(--spacing) * 40);
    }
  }
  .xl\:p-42 {
    @media (width >= 1200px) {
      padding: calc(var(--spacing) * 42);
    }
  }
  .xl\:py-120 {
    @media (width >= 1200px) {
      padding-block: calc(var(--spacing) * 120);
    }
  }
  .xl\:pb-50 {
    @media (width >= 1200px) {
      padding-bottom: calc(var(--spacing) * 50);
    }
  }
  .xl\:pb-120 {
    @media (width >= 1200px) {
      padding-bottom: calc(var(--spacing) * 120);
    }
  }
  .xl\:pl-20 {
    @media (width >= 1200px) {
      padding-left: calc(var(--spacing) * 20);
    }
  }
  .xl\:pl-40 {
    @media (width >= 1200px) {
      padding-left: calc(var(--spacing) * 40);
    }
  }
  .xl\:pl-50 {
    @media (width >= 1200px) {
      padding-left: calc(var(--spacing) * 50);
    }
  }
  .xl\:text-2xl {
    @media (width >= 1200px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-4xl {
    @media (width >= 1200px) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:text-5xl {
    @media (width >= 1200px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:text-base {
    @media (width >= 1200px) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 1200px) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-2\.3xl {
    @media (width >= 1200px) {
      font-size: var(--text-2\.3xl);
    }
  }
  .xl\:text-2\.5xl {
    @media (width >= 1200px) {
      font-size: var(--text-2\.5xl);
    }
  }
  .xl\:text-4\.65xl {
    @media (width >= 1200px) {
      font-size: var(--text-4\.65xl);
    }
  }
  .xl\:text-5\.2xl {
    @media (width >= 1200px) {
      font-size: var(--text-5\.2xl);
    }
  }
  .xl\:text-6\.3xl {
    @media (width >= 1200px) {
      font-size: var(--text-6\.3xl);
    }
  }
  .xl\:text-\[42px\] {
    @media (width >= 1200px) {
      font-size: 42px;
    }
  }
  .xl\:text-xxl {
    @media (width >= 1200px) {
      font-size: var(--text-xxl);
    }
  }
  .xl\:leading-28 {
    @media (width >= 1200px) {
      --tw-leading: calc(var(--spacing) * 28);
      line-height: calc(var(--spacing) * 28);
    }
  }
  .xl\:leading-30 {
    @media (width >= 1200px) {
      --tw-leading: calc(var(--spacing) * 30);
      line-height: calc(var(--spacing) * 30);
    }
  }
  .xl\:leading-34 {
    @media (width >= 1200px) {
      --tw-leading: calc(var(--spacing) * 34);
      line-height: calc(var(--spacing) * 34);
    }
  }
  .xl\:leading-40 {
    @media (width >= 1200px) {
      --tw-leading: calc(var(--spacing) * 40);
      line-height: calc(var(--spacing) * 40);
    }
  }
  .xl\:leading-62 {
    @media (width >= 1200px) {
      --tw-leading: calc(var(--spacing) * 62);
      line-height: calc(var(--spacing) * 62);
    }
  }
  .xl\:leading-\[1\.2\] {
    @media (width >= 1200px) {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }
  .xl\:before\:left-\[46\%\] {
    @media (width >= 1200px) {
      &::before {
        content: var(--tw-content);
        left: 46%;
      }
    }
  }
  .xxl\:right-0 {
    @media (width >= 1400px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .xxl\:col-span-3 {
    @media (width >= 1400px) {
      grid-column: span 3 / span 3;
    }
  }
  .xxl\:m-15 {
    @media (width >= 1400px) {
      margin: calc(var(--spacing) * 15);
    }
  }
  .xxl\:mb-24 {
    @media (width >= 1400px) {
      margin-bottom: calc(var(--spacing) * 24);
    }
  }
  .xxl\:ml-38 {
    @media (width >= 1400px) {
      margin-left: calc(var(--spacing) * 38);
    }
  }
  .xxl\:ml-40 {
    @media (width >= 1400px) {
      margin-left: calc(var(--spacing) * 40);
    }
  }
  .xxl\:size-50 {
    @media (width >= 1400px) {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50);
    }
  }
  .xxl\:size-60 {
    @media (width >= 1400px) {
      width: calc(var(--spacing) * 60);
      height: calc(var(--spacing) * 60);
    }
  }
  .xxl\:w-80 {
    @media (width >= 1400px) {
      width: calc(var(--spacing) * 80);
    }
  }
  .xxl\:max-w-\[unset\] {
    @media (width >= 1400px) {
      max-width: unset;
    }
  }
  .xxl\:p-40 {
    @media (width >= 1400px) {
      padding: calc(var(--spacing) * 40);
    }
  }
  .xxl\:p-50 {
    @media (width >= 1400px) {
      padding: calc(var(--spacing) * 50);
    }
  }
  .xxl\:py-50 {
    @media (width >= 1400px) {
      padding-block: calc(var(--spacing) * 50);
    }
  }
  .xxl\:py-120 {
    @media (width >= 1400px) {
      padding-block: calc(var(--spacing) * 120);
    }
  }
  .xxl\:pt-10 {
    @media (width >= 1400px) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .xxl\:pt-48 {
    @media (width >= 1400px) {
      padding-top: calc(var(--spacing) * 48);
    }
  }
  .xxl\:pt-50 {
    @media (width >= 1400px) {
      padding-top: calc(var(--spacing) * 50);
    }
  }
  .xxl\:pb-25 {
    @media (width >= 1400px) {
      padding-bottom: calc(var(--spacing) * 25);
    }
  }
  .xxl\:pl-38 {
    @media (width >= 1400px) {
      padding-left: calc(var(--spacing) * 38);
    }
  }
  .xxl\:pl-60 {
    @media (width >= 1400px) {
      padding-left: calc(var(--spacing) * 60);
    }
  }
  .xxl\:pl-70 {
    @media (width >= 1400px) {
      padding-left: calc(var(--spacing) * 70);
    }
  }
  .xxl\:pl-80 {
    @media (width >= 1400px) {
      padding-left: calc(var(--spacing) * 80);
    }
  }
  .xxl\:text-2xl {
    @media (width >= 1400px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xxl\:text-5xl {
    @media (width >= 1400px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xxl\:text-lg {
    @media (width >= 1400px) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xxl\:text-2\.3xl {
    @media (width >= 1400px) {
      font-size: var(--text-2\.3xl);
    }
  }
  .xxl\:text-2xxl {
    @media (width >= 1400px) {
      font-size: var(--text-2xxl);
    }
  }
  .xxl\:text-4\.8xl {
    @media (width >= 1400px) {
      font-size: var(--text-4\.8xl);
    }
  }
  .xxl\:text-5\.2xl {
    @media (width >= 1400px) {
      font-size: var(--text-5\.2xl);
    }
  }
  .xxl\:text-7\.7xl {
    @media (width >= 1400px) {
      font-size: var(--text-7\.7xl);
    }
  }
  .xxl\:text-\[33px\] {
    @media (width >= 1400px) {
      font-size: 33px;
    }
  }
  .xxl\:text-\[40px\] {
    @media (width >= 1400px) {
      font-size: 40px;
    }
  }
  .xxl\:text-xxl {
    @media (width >= 1400px) {
      font-size: var(--text-xxl);
    }
  }
  .xxl\:leading-30 {
    @media (width >= 1400px) {
      --tw-leading: calc(var(--spacing) * 30);
      line-height: calc(var(--spacing) * 30);
    }
  }
  .xxl\:leading-60 {
    @media (width >= 1400px) {
      --tw-leading: calc(var(--spacing) * 60);
      line-height: calc(var(--spacing) * 60);
    }
  }
  .\33 xl\:-mx-110 {
    @media (width >= 1600px) {
      margin-inline: calc(var(--spacing) * -110);
    }
  }
  .\33 xl\:text-2xl {
    @media (width >= 1600px) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .dark\:fill-slate-100 {
    @media (prefers-color-scheme: dark) {
      fill: var(--color-slate-100);
    }
  }
}
:root {
  --common-colour: #021935;
  --theme-colour: #5050f4;
  --color-gary: #646464;
  --color-lightgary: #cbd5e1;
  --color-yellow: #ffa808;
}
body {
  background-color: #fff;
  font-family: 'Urbanist';
  font-size: 16px;
  font-weight: 400;
  color: #212529;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.leading-page-1 {
  position: absolute;
}
.dzSubscribeMsg .alert, .dzFormMsg .alert {
  position: relative;
  margin-bottom: calc(var(--spacing) * 4);
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 2px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3.75);
  font-family: var(--font-montserrat);
}
.alert-warning {
  border-color: #ffeeba;
  background-color: #fff3cd;
  color: #856404;
}
.alert-success {
  border-color: #c3e6cb;
  background-color: #d4edda;
  color: #155724;
}
.alert-info {
  border-color: #b8daff;
  background-color: #cce5ff;
  color: #004085;
}
.alert-danger {
  border-color: #f5c6cb;
  background-color: #f8d7da;
  color: #721c24;
}
#loading-area {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999999;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  background: #fff;
}
#loading-area.loading-page-1 {
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
}
#loading-area.loading-page-1 .spinner {
  width: 60px;
  height: 60px;
}
#loading-area.loading-page-1 .spinner svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: rotation 1455ms infinite linear;
}
#loading-area.loading-page-1 .spinner circle {
  stroke: #212529;
  stroke-dasharray: 44px;
  stroke-dashoffset: 11px;
  stroke-linecap: round;
  transform-origin: center;
  transform: rotatey(180deg) rotate(90deg);
  animation: spinner 3850ms infinite ease;
}
.page-loaded .preloader {
  bottom: -100%;
}
.preloader {
  position: fixed;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 9999999999999;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--color-primary);
  --tw-duration: 2s;
  transition-duration: 2s;
}
#loader:before {
  position: absolute;
  top: calc(1/2 * 100%);
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 30);
  margin-bottom: calc(var(--spacing) * 0);
  width: 100%;
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  --tw-content: 'Loading';
  content: var(--tw-content);
}
#loader:after {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  margin-top: calc(var(--spacing) * -38);
  margin-left: calc(var(--spacing) * -40);
  width: calc(var(--spacing) * 70);
  height: calc(var(--spacing) * 70);
  background-image: url(/wp-content/themes/zu-academia/assets/img/preloader.png);
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}
#loader:after {
  animation: fa-spin 10s infinite linear;
}
@keyframes spinner {
  0% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(0deg);
  }
  24.9999% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(0deg);
  }
  25% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(270deg);
  }
  49.9999% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(270deg);
  }
  50% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(180deg);
  }
  74.9999% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(180deg);
  }
  75% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(90deg);
  }
  100% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(90deg);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@layer components {
  .row {
    display: flex;
    flex-wrap: wrap;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
  }
  .row>* {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
  }
  .container-fluid {
    margin-inline: auto;
    width: 100%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .container {
    @media (width >= 576px) {
      max-width: 540px !important;
    }
    @media (width >= 768px) {
      max-width: 720px !important;
    }
    @media (width >= 992px) {
      max-width: 960px !important;
    }
    @media (width >= 1200px) {
      max-width: 1140px !important;
    }
    @media (width >= 1400px) {
      max-width: 1320px !important;
    }
  }
}
@layer components;
@layer components {
  .btn {
    position: relative;
    margin: calc(var(--spacing) * 0);
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-secondary);
    padding-inline: calc(var(--spacing) * 40);
    padding-block: calc(var(--spacing) * 18);
    font-size: var(--text-2sm);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: capitalize;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .btn:before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: -10%;
    z-index: 0;
    height: 103%;
    width: 120%;
    --tw-skew-x: skewX(30deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    background-color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.3,1,0.8,1);
    --tw-content: '';
    content: var(--tw-content);
  }
  .btn span {
    position: relative;
    z-index: 10;
  }
  .btn i {
    margin-left: calc(var(--spacing) * 13);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .btn:hover:before {
    transform: translate3d(100%,0,0);
  }
  @media (max-width: 991px) {
    .btn:focus:before {
      transform: translate3d(100%,0,0);
    }
  }
  ul.experience-team a {
    display: flex;
    width: calc(var(--spacing) * 60);
    height: calc(var(--spacing) * 60);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-secondary);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (max-width: 1400px) {
    ul.experience-team a {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50);
      font-size: var(--text-2xxl);
    }
  }
  ul.experience-team a:hover {
    background-color: var(--color-primary);
  }
  @media (max-width: 991px) {
    ul.experience-team a:focus {
      background-color: var(--color-primary);
    }
  }
  .btn.two:before {
    background-color: var(--color-white);
  }
  .btn.two {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #D8D8D8;
    background-color: var(--color-primary);
    color: #011834;
  }
  .btn.two:hover {
    color: var(--color-white);
  }
  @media (max-width: 991px) {
    .btn.two:focus {
      color: var(--color-white);
    }
  }
  .pricing-plan.two .btn:hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: var(--color-secondary);
  }
  @media (max-width: 991px) {
    .pricing-plan.two .btn:focus {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: transparent;
      background-color: var(--color-secondary);
    }
  }
  .search-popup .form-group button {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 30);
    height: calc(var(--spacing) * 70);
    cursor: pointer;
    background-color: transparent;
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-secondary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  #scroll-percentage {
    visibility: hidden;
    position: absolute;
    position: fixed;
    right: calc(var(--spacing) * 30);
    bottom: calc(var(--spacing) * 30);
    z-index: 1011;
    display: grid;
    width: calc(var(--spacing) * 60);
    height: calc(var(--spacing) * 60);
    scale: 0;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-secondary);
    --tw-gradient-position: var(--btn-gradient);
    background-image: conic-gradient(var(--tw-gradient-stops,var(--btn-gradient)));
    opacity: 0%;
    --tw-shadow: 0px 0px 20px 0px var(--tw-shadow-color, rgba(184,184,184,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  #scroll-percentage.active {
    visibility: visible;
    bottom: calc(var(--spacing) * 30);
    scale: 1;
    opacity: 100%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  #scroll-percentage-value {
    margin-top: calc(var(--spacing) * 3);
    margin-left: calc(var(--spacing) * 3);
    display: grid;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    place-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
  }
  #scroll-percentage-value i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  @media (max-width: 1400px) {
    .btn {
      padding-inline: calc(var(--spacing) * 30);
      padding-block: calc(var(--spacing) * 16);
    }
  }
  @media (max-width: 1200px) {
    .btn {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
}
@layer components {
  .search-popup .form-group input {
    position: relative;
    display: block;
    height: calc(var(--spacing) * 70);
    width: 100%;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 30);
    padding-block: calc(var(--spacing) * 10);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: calc(var(--spacing) * 50);
    line-height: calc(var(--spacing) * 50);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
    text-transform: capitalize;
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-outline-style: none;
    outline-style: none;
  }
  .search-popup form {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 15);
    left: calc(var(--spacing) * 15);
    margin-inline: auto;
    margin-top: calc(var(--spacing) * -35);
    margin-bottom: calc(var(--spacing) * 0);
    max-width: calc(var(--spacing) * 700);
    transform-origin: center;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .search-active .search-popup form {
    --tw-scale-x: 1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    --tw-duration: 1200ms;
    transition-duration: 1200ms;
  }
  .search-popup {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 99;
    margin-top: calc(var(--spacing) * -540);
    height: 100vh;
    width: 100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: #5454ffd9;
    --tw-duration: 1500ms;
    transition-duration: 1500ms;
  }
  .search-active .search-popup {
    margin-top: calc(var(--spacing) * 0);
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .search-active .search-popup .close-search {
    visibility: visible;
    opacity: 100%;
    --tw-duration: 1500ms;
    transition-duration: 1500ms;
  }
  .search-popup .close-search {
    position: absolute;
    top: 6%;
    left: 94%;
    margin-inline: auto;
    width: calc(var(--spacing) * 50);
    height: calc(var(--spacing) * 50);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: #021935;
    text-align: center;
    --tw-leading: calc(var(--spacing) * 50);
    line-height: calc(var(--spacing) * 50);
    color: var(--color-white);
    --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  button.close-search i {
    display: inline-block;
    font-family: var(--font-sora);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
  }
  @media (max-width: 1400px) {
    .progressbar canvas {
      width: calc(var(--spacing) * 130) !important;
      height: calc(var(--spacing) * 130) !important;
    }
  }
  .services-two:hover a {
    color: var(--color-white);
  }
}
@layer components {
  .accordion-item.active {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #d8d8d8;
    background-color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .accordion-item.active i {
    color: var(--color-primary);
  }
  .accordion-item {
    margin-bottom: calc(var(--spacing) * 25);
    background-color: transparent;
    color: var(--color-secondary);
  }
  .accordion-item.active .icon {
    top: calc(var(--spacing) * 0);
    rotate: 45deg;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .content {
    display: none;
  }
  .accordion-item.active .title {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .title {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #d8d8d8;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 24);
    text-align: start;
    font-family: var(--font-sora);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary);
  }
  @media (max-width: 1400px) {
    .title {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (max-width: 1200px) {
    .title {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
}
.price .ui-slider-range {
  background-color: var(--primary);
}
.price .ui-state-default {
  border-color: var(--primary);
}
@layer components {
  .theme-box .range-slider {
    margin-top: calc(var(--spacing) * 3.75);
  }
  .theme-box .price .amount {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .price .amount {
    margin-bottom: calc(var(--spacing) * 3.75);
    width: 100%;
    text-align: left;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #404040;
  }
  #ThemeRangeSlider .ui-widget-content {
    background-color: #aaaaaa;
  }
  .price .ui-widget-content {
    margin-inline: 8px;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--primary);
    background-color: var(--color-white);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #55555;
  }
  .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
    margin-left: -0.6em;
  }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    border-radius: calc(infinity * 1px);
    --tw-shadow: -1px 1px 4px 0 var(--tw-shadow-color, rgba(0,0,0,0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ui-slider {
    position: relative;
    text-align: left;
  }
  .ui-slider-horizontal {
    height: .4em;
  }
}
.services-slider .swiper-button {
  position: absolute;
  top: calc(var(--spacing) * 0);
  right: 10%;
  z-index: 111;
  display: block;
  height: calc(var(--spacing) * 60);
  width: calc(var(--spacing) * 130);
  border-radius: calc(infinity * 1px);
}
.services-slider .services-swiper-button-prev, .services-slider .services-swiper-button-next {
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 10;
  display: flex;
  width: calc(var(--spacing) * 50);
  height: calc(var(--spacing) * 50);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #D8D8D8;
  color: var(--color-secondary);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.reviewtwo-slider .swiper-button-prev, .reviewtwo-slider .swiper-button-next {
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 10;
  display: flex;
  width: calc(var(--spacing) * 50);
  height: calc(var(--spacing) * 50);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #D8D8D8;
  color: var(--color-secondary);
}
.reviewtwo-slider .swiper-button {
  position: absolute;
  top: calc(var(--spacing) * 30);
  right: 10%;
  z-index: 111;
  display: block;
  height: calc(var(--spacing) * 60);
  width: calc(var(--spacing) * 130);
  border-radius: calc(infinity * 1px);
}
.dental-project-slide .swiper-button {
  position: absolute;
  top: calc(var(--spacing) * 30);
  right: 10%;
  z-index: 111;
  display: block;
  height: calc(var(--spacing) * 60);
  width: calc(var(--spacing) * 130);
  border-radius: calc(infinity * 1px);
}
.dental-project-slide .swiper-button-prev, .dental-project-slide .swiper-button-next {
  position: absolute;
  top: calc(var(--spacing) * 0);
  z-index: 10;
  display: flex;
  width: calc(var(--spacing) * 50);
  height: calc(var(--spacing) * 50);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #D8D8D8;
  color: var(--color-secondary);
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
@media (max-width: 1200px) {
  .services-slider .swiper-button {
    top: calc(var(--spacing) * 20);
  }
}
.services-slider .services-swiper-button-next {
  right: calc(var(--spacing) * 10);
  left: auto;
}
@media (max-width: 768px) {
  .services-slider .swiper-button {
    position: relative;
    top: calc(var(--spacing) * 5);
    right: auto;
    left: 35%;
    width: calc(var(--spacing) * 130);
  }
}
@media (max-width: 575px) {
  .btn {
    padding-inline: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 14);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (max-width: 768px) {
  .reviewtwo-slider .swiper-button, .dental-project-slide .swiper-button {
    position: relative;
    right: auto;
    left: 36%;
  }
}
@media (min-width: 991px) {
  .swiper-review-two-img {
    margin-right: calc(var(--spacing) * 40);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: #d8d8d8;
  }
}
@layer components {
  @media (min-width:1600px) {
    .swiper.services-slider {
      margin-inline: calc(var(--spacing) * -100) !important;
      margin-top: calc(var(--spacing) * -110) !important;
      padding-top: calc(var(--spacing) * 110) !important;
    }
  }
  .swiper.services-slider {
    margin-top: calc(var(--spacing) * -110) !important;
    padding-top: calc(var(--spacing) * 110) !important;
  }
  .brand-slide .swiper-slide {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }
  @media (max-width: 1400px) {
    .swiper.services-slider {
      margin-inline: calc(var(--spacing) * -80);
    }
  }
  .swiper-review-two-img .swiper-slide-thumb-active img {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
  }
  .swiper-review-two .swiper-pagination {
    position: absolute !important;
    right: calc(var(--spacing) * 0) !important;
    bottom: calc(var(--spacing) * 10) !important;
    left: auto !important;
    width: calc(var(--spacing) * 100) !important;
  }
  .swiper-review-two span.swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important;
  }
  .swiper-review-two .swiper-pagination span {
    width: calc(var(--spacing) * 12) !important;
    height: calc(var(--spacing) * 12) !important;
  }
  .swiper-button-prev {
    right: calc(var(--spacing) * 10);
    left: auto;
  }
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: calc(1/2 * 100%);
    z-index: 10;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #011834 !important;
  }
  .swiper-button-next {
    right: auto;
    left: calc(var(--spacing) * 10);
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display: none;
  }
  .review-slider .swiper-button i:hover {
    color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider:hover .swiper-button .swiper-button-next {
    right: calc(var(--spacing) * 20) !important;
    background-color: transparent;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider .swiper-button .swiper-button-next {
    right: calc(var(--spacing) * -200) !important;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider .swiper-button > div {
    width: calc(var(--spacing) * 160) !important;
  }
  .image-slider .swiper-button span {
    display: flex;
    width: calc(var(--spacing) * 160);
    height: calc(var(--spacing) * 160);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #ffffff52;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-white);
    text-transform: uppercase;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider:hover .swiper-button .swiper-button-prev {
    left: calc(var(--spacing) * 20) !important;
    background-color: transparent;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider .swiper-button .swiper-button-prev {
    left: calc(var(--spacing) * -200) !important;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .image-slider .swiper-button span:hover {
    background-color: var(--color-white);
    color: var(--color-black);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .dental-project-slide {
    margin-inline: calc(var(--spacing) * -100);
    margin-top: calc(var(--spacing) * -110);
    padding-top: calc(var(--spacing) * 110) !important;
  }
  @media (max-width: 1200px) {
    .image-slider .swiper-button span {
      width: calc(var(--spacing) * 120);
      height: calc(var(--spacing) * 120);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (max-width: 992px) {
    .image-slider img {
      height: auto;
    }
  }
  @media (max-width: 576px) {
    .image-slider .swiper-button span {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .swiper-review-two-img img {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .services-slider .services-swiper-button-prev:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .services-slider .services-swiper-button-next:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .services-slider .services-swiper-button-prev:hover i {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .services-slider .services-swiper-button-next:hover i {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .swiper-button-prev:hover,.swiper-button-next:hover {
    background-color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .swiper-button-prev:hover i,	.swiper-button-next:hover i {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .swiper-button-prev:hover i,	.swiper-button-next:hover svg {
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .review-slider .swiper-button-prev:hover , .review-slider .swiper-button-next:hover {
    background-color: transparent;
  }
  .review-slider .swiper-button-prev:hover i, .review-slider .swiper-button-next:hover i {
    color: var(--color-primary);
  }
}
@layer components {
  header {
    position: absolute;
    width: 100%;
  }
  .bottom-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: calc(var(--spacing) * 15);
  }
  header .two-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: calc(var(--spacing) * 12);
  }
  header .logo {
    z-index: 1;
  }
  .menu-start {
    z-index: 1;
    display: none;
  }
  @media (max-width: 991px) {
    .menu-start {
      z-index: 1;
      display: block;
    }
  }
  .menu-start i {
    margin-right: calc(var(--spacing) * 20);
    background-color: transparent;
    font-size: var(--text-2xxl);
    color: var(--color-black);
  }
  .mobile-nav.open {
    z-index: 3;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 3px 3px 39px -4px var(--tw-shadow-color, rgba(0,0,0,0.75));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  header .navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 0);
  }
  header .navbar-links {
    display: flex;
    list-style-type: none;
  }
  header .navbar-links li.navbar-dropdown {
    position: relative;
  }
  header .navbar-links li:not(:last-child) {
    padding-right: calc(var(--spacing) * 42);
  }
  @media (max-width: 1400px) {
    header .navbar-links li:not(:last-child) {
      padding-right: calc(var(--spacing) * 36);
    }
  }
  li {
    display: block;
  }
  header .navbar-links li > a {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-color: transparent;
    padding-block: calc(var(--spacing) * 10);
    font-family: var(--font-sora);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-secondary);
    text-transform: capitalize;
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  @media (max-width: 1400px) {
    header .navbar-links li > a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  header li.menu-item-children > a:before {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-image: url(/wp-content/themes/zu-academia/assets/img/down-arrow.svg);
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (max-width: 1400px) {
    header li.menu-item-children > a:before {
      right: calc(var(--spacing) * 25);
    }
  }
  header .navbar-links li.navbar-dropdown .sub-menu {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: calc(var(--spacing) * 230);
    --tw-translate-y: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0%;
    --tw-shadow: 0px 10px 10px 3px var(--tw-shadow-color, hsl(0deg 0% 0% / 16%));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  header .navbar-links li.navbar-dropdown .sub-menu li {
    position: relative;
  }
  header nav.navbar ul.sub-menu li {
    padding: calc(var(--spacing) * 0);
  }
  header .navbar-links li.navbar-dropdown .sub-menu li:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 25);
    z-index: 11;
    height: 1px;
    width: 75%;
    background-color: #58585829;
    --tw-content: '';
    content: var(--tw-content);
  }
  header .navbar-links li.navbar-dropdown .sub-menu a {
    position: relative;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 15);
    padding-left: calc(var(--spacing) * 25);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-black);
    text-transform: capitalize;
  }
  header .navbar-links li.navbar-dropdown:hover .sub-menu {
    visibility: visible;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  header .navbar-links li.navbar-dropdown .sub-menu li a:hover {
    color: var(--color-primary);
  }
  header .navbar-links li:hover > a {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
    border-color: var(--color-primary);
  }
  @media (min-width: 1200px) {
    .header-menu-right {
      display: flex;
      align-items: center;
    }
  }
  @media (max-width: 1200px) {
    .header-menu-right {
      display: none;
      align-items: center;
    }
  }
  .header-search-button.search-box-outer a {
    margin-right: calc(var(--spacing) * 17);
    display: flex;
    width: calc(var(--spacing) * 50);
    height: calc(var(--spacing) * 50);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #D8D8D8;
    padding: calc(var(--spacing) * 0);
    color: var(--color-black);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .header-search-button.search-box-outer a:hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .header-search-button.search-box-outer a:hover svg {
    fill: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .header-menu-right svg {
    height: auto;
    width: calc(var(--spacing) * 20);
    fill: var(--color-black);
  }
  header .mobile-nav {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 5;
    height: 100%;
    width: calc(1/2 * 100%);
    --tw-translate-x: -101%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    overflow-y: auto;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 40);
    padding-top: calc(var(--spacing) * 50);
    padding-bottom: calc(var(--spacing) * 30);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  @media (max-width: 575px) {
    header .mobile-nav {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  @media (max-width: 575px) {
    header .mobile-nav {
      width: 70%;
    }
  }
  .mobile-nav > ul > li {
    position: relative;
    display: block;
    padding-block: calc(var(--spacing) * 10);
  }
  .mobile-nav > ul > li:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #8f8f8f69;
  }
  .mobile-nav ul > li.menu-item-has-children:before {
    position: absolute;
    top: calc(var(--spacing) * 20);
    right: calc(var(--spacing) * 0);
    display: inline-block;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    rotate: -90deg;
    background-image: url(/wp-content/themes/zu-academia/assets/img/down-arrow.svg);
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-family: 'Awesome';
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --tw-content: '';
    content: var(--tw-content);
  }
  .mobile-nav > ul li > a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 26);
    line-height: calc(var(--spacing) * 26);
    color: var(--color-black);
    text-transform: capitalize;
  }
  .mobile-nav > ul li.menu-item-has-children ul.sub-menu {
    visibility: hidden;
    position: absolute;
    margin-top: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 0);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #d1d1d1;
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: calc(var(--spacing) * 5);
    padding-left: calc(var(--spacing) * 25);
    opacity: 0%;
  }
  .mobile-nav #res-cross {
    position: absolute;
    top: calc(var(--spacing) * 10);
    right: calc(var(--spacing) * 10);
    display: inline-block;
    width: calc(var(--spacing) * 35);
    height: calc(var(--spacing) * 35);
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-family: 'Font Awesome 5 Free';
    font-size: var(--text-2\.5xl);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-secondary);
    --tw-content: '\f057';
    content: var(--tw-content);
  }
  .mobile-nav > ul > li.menu-item-has-children.active:before {
    rotate: 0deg;
    color: var(--color-primary);
  }
  @media (max-width: 1400px) {
    header .navbar-links li.navbar-dropdown .sub-menu {
      left: calc(var(--spacing) * -65);
    }
  }
  .mobile-nav > ul li.menu-item-has-children.active > ul.sub-menu {
    visibility: visible;
    position: relative;
    height: auto;
    opacity: 100%;
    transition-delay: 0.1s;
  }
  .mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li:before {
    position: absolute;
    top: calc(var(--spacing) * 12);
    left: auto;
    rotate: 0deg;
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }
  .mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li:after {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * -18);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li {
    position: relative;
    padding-block: calc(var(--spacing) * 5);
  }
  .sticky-header.is-fixed .main-bar {
    position: fixed;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    background-color: var(--color-white);
    --tw-shadow: 0 0 10px 0 var(--tw-shadow-color, rgba(0,0,0,.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .sticky-header.is-fixed .bottom-bar {
    padding-bottom: calc(var(--spacing) * 15);
  }
  .header-2 .sticky-header.is-fixed .main-bar {
    top: calc(var(--spacing) * 0);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
}
@layer components {
  ul.shaps li:nth-child(1) {
    top: 24%;
    bottom: auto;
    left: 10%;
  }
  ul.shaps li:nth-child(2) {
    top: 37%;
    right: -20%;
    bottom: auto;
  }
  ul.shaps li:nth-child(3) {
    top: 6%;
    right: 6%;
  }
  ul.shaps li:nth-child(4) {
    right: -33%;
    bottom: 21%;
  }
  ul.shaps li:nth-child(5) {
    top: 76%;
    left: -15%;
  }
  .services-box svg {
    position: relative;
    stroke: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .group:hover .services-box i svg {
    transform: rotate3d(1,1,1,360deg);
    stroke: var(--color-secondary);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .group:hover .services-section i svg {
    transform: rotate3d(1,1,1,360deg);
    stroke: var(--color-secondary);
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .services-section svg {
    position: relative;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .circle {
    position: relative;
    z-index: 1;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 10);
    display: inline-block;
    width: calc(var(--spacing) * 150);
    height: calc(var(--spacing) * 150);
    text-align: center;
  }
  .portfolio-style:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(360deg,var(--common-colour),transparent);
    --tw-content: '';
    content: var(--tw-content);
  }
  ul.list-style li:before {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: #021833;
    --tw-content: '';
    content: var(--tw-content);
  }
  .section-pricing ul.shaps li:nth-child(1) {
    top: 16%;
    bottom: auto;
    left: 4%;
  }
  .section-pricing ul.shaps li:nth-child(2) {
    top: 27%;
    right: 4%;
    bottom: auto;
  }
  .section-pricing ul.shaps li:nth-child(3) {
    top: auto;
    right: 6%;
    bottom: 6%;
  }
  .section-pricing ul.shaps li:nth-child(4) {
    top: 24%;
    right: 23%;
    bottom: 21%;
    left: 7%;
  }
  .pricing-plan.two ul.list-style li:before {
    background-color: var(--color-white);
  }
  .section-blog ul.shaps li:nth-child(1) {
    top: 18%;
    bottom: auto;
    left: 1%;
  }
  .section-blog ul.shaps li:nth-child(2) {
    top: 88%;
    right: 8%;
    bottom: auto;
  }
  @media (max-width:1700px) {
    ul.shaps li:nth-child(2) {
      top: 40%;
      right: -7%;
    }
    ul.shaps li:nth-child(4) {
      right: -5%;
    }
  }
  @media (max-width:1400px) {
    ul.shaps li:nth-child(1) {
      top: 15%;
      left: calc(var(--spacing) * 0);
    }
  }
  @media (max-width: 1200px) {
    ul.shaps li:nth-child(2) {
      top: 36%;
      right: -10%;
    }
  }
  @media (max-width: 1200px) {
    ul.shaps li:nth-child(5) {
      left: -6%;
    }
  }
  @media (max-width: 991px) {
    ul.shaps li:nth-child(2) {
      top: 40%;
      right: -2%;
    }
  }
  @media (max-width: 991px) {
    ul.shaps li:nth-child(5) {
      left: -4%;
    }
  }
  @media (max-width: 991px) {
    .section-pricing ul.shaps li:nth-child(3) {
      bottom: 1%;
    }
    .section-pricing ul.shaps li:nth-child(4) {
      top: 9%;
    }
  }
  @media (max-width: 768px) {
    ul.shaps li:nth-child(2) {
      top: 43%;
      right: -3%;
    }
  }
  @media (max-width: 768px) {
    ul.shaps li:nth-child(5) {
      left: -5%;
    }
  }
  @media (max-width: 768px) {
    ul.shaps li:nth-child(1) {
      top: 21%;
      left: calc(var(--spacing) * 44);
    }
    .section-blog ul.shaps li:nth-child(1) {
      top: 7%;
    }
  }
  ul.shaps li:nth-child(4) {
    right: -33%;
    bottom: 21%;
  }
  @media (max-width: 1200px) {
    .section-blog ul.shaps li:nth-child(1) {
      top: 8%;
      left: 6%;
    }
    @media (max-width: 991px) {
      .section-blog ul.shaps li:nth-child(1) {
        left: 1%;
      }
    }
    .section-pricing ul.shaps li:nth-child(2) {
      top: 92%;
    }
  }
  @media (max-width: 991px) {
    .section-pricing ul.shaps li:nth-child(1) {
      top: 8%;
    }
    .section-pricing ul.shaps li:nth-child(2) {
      top: 97%;
    }
  }
  @media (max-width: 768px) {
    .section-blog ul.shaps li:nth-child(2) {
      top: 93%;
      right: 6%;
    }
  }
  @media (max-width: 575px) {
    .section-blog ul.shaps li:nth-child(1) {
      top: 11%;
    }
  }
  .benner-2 .shaps-3 {
    position: absolute;
    top: auto;
    right: -3%;
    bottom: -7%;
    width: calc(var(--spacing) * 60);
  }
  .benner-2 ul.shaps li:nth-child(3) {
    top: 11%;
    right: -25%;
    bottom: auto;
  }
  @media (max-width: 991px) {
    .benner-2 ul.shaps li:nth-child(3) {
      right: calc(var(--spacing) * 0);
    }
  }
  .benner-2 ul.shaps li:nth-child(4) {
    top: 61%;
    right: -5%;
    bottom: auto;
    width: calc(var(--spacing) * 16);
  }
  @media (max-width: 1700px) {
    .appiontment-section ul.shaps li:nth-child(4) {
      right: -10%;
    }
  }
  .benner-2 ul.shaps li:nth-child(5) {
    top: 52%;
    left: 21%;
  }
  .services-two:hover svg {
    transform: rotate3d(1,1,1,360deg);
    stroke: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .services-two:after {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 0;
    height: calc(var(--spacing) * 0);
    width: 100%;
    background-image: url(/wp-content/themes/zu-academia/assets/img/graph-1.png);
    --tw-content: '';
    content: var(--tw-content);
  }
  .services-two svg {
    stroke: var(--color-secondary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .services-two:hover:after {
    height: 100%;
  }
  .services-two:hover span {
    color: var(--color-white);
  }
  .about-text-two > div:hover svg {
    transform: rotate3d(1,1,1,360deg);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .progress-bar {
    transition: width 0.6s ease;
  }
  .about-service > div:hover i {
    animation: var(--animate-bellRing);
  }
  .portfolio-section h2 {
    padding-bottom: calc(var(--spacing) * 10);
    text-align: center;
    font-family: var(--font-urbanist);
    font-size: 200px;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #D8D8D8;
    -webkit-text-stroke-width: 2px;
  }
  @media (max-width: 1400px) {
    .portfolio-section h2 {
      font-size: 150px;
    }
  }
  @media (max-width: 1200px) {
    .portfolio-section h2 {
      font-size: 130px;
    }
  }
  @media (max-width: 991px) {
    .portfolio-section h2 {
      font-size: var(--text-8\.5xl);
    }
  }
  @media (max-width: 768px) {
    .portfolio-section h2 {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  @media (max-width: 575px) {
    .portfolio-section h2 {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .portfolio:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    width: 100%;
    border-radius: 20px;
    background-image: linear-gradient(180deg,#ff000000,var(--common-colour));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (max-width: 991px) {
    .portfolio:focus:before {
      height: 100%;
    }
  }
  .portfolio:hover:before {
    height: 100%;
  }
  .portfolio-text {
    position: absolute;
    right: calc(var(--spacing) * 30);
    bottom: calc(var(--spacing) * 0);
    text-align: right;
    opacity: 0%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .portfolio:hover .portfolio-text {
    bottom: calc(var(--spacing) * 30);
    opacity: 100%;
  }
  .appiontment-section ul.shaps li:nth-child(1) {
    top: 5%;
    bottom: auto;
    left: 82%;
  }
  .appiontment-section ul.shaps li:nth-child(3) {
    top: 21%;
    right: 98%;
  }
  .blog-two-style ul.mental-health li:nth-child(1):before {
    position: absolute;
    top: calc(var(--spacing) * 7);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .blog-two-style ul.mental-health li:nth-child(2):before {
    position: absolute;
    top: calc(var(--spacing) * -4);
    left: calc(var(--spacing) * -5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: #646464;
    --tw-content: '/';
    content: var(--tw-content);
  }
  .footer-two .footer-link h5:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 2);
    width: 100%;
    border-radius: 73px;
    background-color: var(--color-white);
    background-image: linear-gradient(90deg,#ff000000,var(--common-colour));
    --tw-content: '';
    content: var(--tw-content);
  }
  .instagram-img ul li figure:before {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    width: 100%;
    background-color: var(--color-primary);
    opacity: 30%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  .instagram-img ul li figure:hover:before {
    height: 100%;
  }
  .footer-two img.footer-line {
    position: absolute;
    top: 18%;
    left: 37%;
  }
  .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--color-primary) !important;
  }
  .portfolio a:hover i {
    rotate: 360deg;
    background-color: var(--color-secondary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .benner-2 ul.shaps li:nth-child(1) {
    top: 24%;
    bottom: auto;
    left: 10%;
  }
  @media (max-width: 1400px) {
    .benner-2 ul.shaps li:nth-child(2) {
      right: -14%;
    }
  }
  @media (max-width: 991px) {
    .benner-2 ul.shaps li:nth-child(2) {
      right: 14%;
    }
  }
  @media (max-width: 1400px) {
    .footer-two img.footer-line {
      left: 30%;
    }
  }
  @media (max-width: 1200px) {
    .benner-2 .shaps-3 {
      right: -3%;
      bottom: 1%;
      width: calc(var(--spacing) * 45);
    }
  }
  @media (max-width: 1024px) {
    .benner-2 .shaps-3 {
      bottom: 8%;
    }
  }
  @media (max-width: 991px) {
    .benner-2 .shaps-3 {
      right: 98%;
      bottom: -157%;
    }
  }
  @media (max-width: 991px) {
    .appiontment-section ul.shaps li:nth-child(4) {
      right: -5%;
    }
  }
  @media (max-width: 768px) {
    .benner-2 .shaps-3 {
      right: 97%;
      bottom: -116%;
      width: calc(var(--spacing) * 35);
    }
  }
  @media (max-width: 575px) {
    .benner-2 .shaps-3 {
      display: none;
    }
  }
  @media (max-width: 575px) {
    .appiontment-section ul.shaps li:nth-child(4) {
      right: calc(var(--spacing) * 0);
    }
  }
  .section-about-two .plus {
    position: absolute;
    top: calc(var(--spacing) * -121);
    right: -28%;
  }
  .section-about-two .dots-img {
    position: absolute;
    right: 82%;
    bottom: -12%;
    z-index: -1;
  }
  .section-about-two ul.list-style li:before {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-primary);
    --tw-content: '';
    content: var(--tw-content);
  }
  .working-process-img img {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    z-index: 1;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .working-process-img img.color-img {
    opacity: 0%;
  }
  .working-process span {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    z-index: 11;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: var(--text-5\.2xl);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .working-process:hover .working-process-img img.color-img {
    opacity: 100%;
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .working-process:hover span {
    color: var(--color-primary);
  }
  .working-process-line {
    position: absolute;
    top: 47%;
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (max-width: 1700px) {
    .section-about-two .plus {
      right: -18%;
    }
  }
  @media (max-width: 1600px) {
    .section-about-two .plus {
      right: -12%;
    }
  }
  @media (max-width: 1600px) {
    .section-about-two .plus {
      right: -8%;
    }
  }
  @media (max-width: 1400px) {
    .section-about-two .dots-img {
      right: 73%;
    }
  }
  @media (max-width: 1200px) {
    .section-about-two .dots-img {
      bottom: -20%;
    }
  }
  @media (max-width: 1200px) {
    .section-about-two .plus {
      top: -27%;
      right: -4%;
    }
  }
  @media (max-width: 992px) {
    .section-about-two .dots-img {
      right: 81%;
      bottom: -12%;
    }
  }
  @media (max-width: 768px) {
    .section-about-two .plus {
      right: -1%;
    }
  }
  .about-banner ul.shaps li:nth-child(1) {
    top: 29%;
    bottom: auto;
    left: 61%;
  }
  .about-banner ul.shaps li:nth-child(2) {
    top: 83%;
    right: 3%;
    bottom: auto;
  }
  .about-banner ul.shaps li:nth-child(3) {
    top: 23%;
    right: 14%;
  }
  .about-banner ul.shaps li:nth-child(4) {
    top: 26%;
    right: 91%;
    bottom: auto;
  }
  .about-banner ul.shaps li:nth-child(5) {
    top: 83%;
    left: 8%;
  }
  @media (max-width: 1600px) {
    .about-banner ul.shaps li:nth-child(1) {
      top: 27%;
      left: 63%;
    }
  }
  @media (max-width: 1400px) {
    .about-banner ul.shaps li:nth-child(1) {
      top: 31%;
      left: 61%;
    }
  }
  ul.pagination li a {
    display: flex;
    width: calc(var(--spacing) * 50);
    height: calc(var(--spacing) * 50);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-lightgary);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 6);
    font-family: var(--font-sora);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-secondary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .page-link:focus {
    z-index: 3;
    background-color: var(--color-lightgary);
    --tw-shadow: 0 0 0 0.25rem var(--tw-shadow-color, rgba(13,110,253,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  ul.pagination li a:hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  ul.information-list:before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    height: 100%;
    width: 1px;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-lightgary);
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (max-width: 1200px) {
    ul.information-list:before {
      display: none;
    }
  }
  @media (max-width: 991px) {
    ul.information-list:before {
      display: block;
    }
  }
  @media (max-width: 575px) {
    ul.information-list:before {
      display: none;
    }
  }
  ul.services-list {
    width: 100%;
  }
  ul.services-list li:before {
    position: absolute;
    height: 100%;
    width: calc(var(--spacing) * 0);
    background-color: var(--color-primary);
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';content:var(--tw-content)}ul.services-list li a{position:relative;z-index:1;display:flex;width:100%;align-items:center;justify-content:space-between;border-style:var(--tw-border-style);border-width:1px;border-color:#d8d8d8;padding:calc(var(--spacing) * 20);font-family:var(--font-sora);color:var(--color-gary)}@media (max-width:1200px){ul.services-list li a{padding:calc(var(--spacing) * 16)}}ul.services-list li:hover:before{width:100%}ul.services-list li:hover a{color:var(--color-white);--tw-duration:500ms;transition-duration:500ms}.search-popup .close-search{top:5%;left:94%;display:flex;align-items:center;justify-content:center}@media (max-width:1400px){#scroll-percentage{width:calc(var(--spacing) * 50);height:calc(var(--spacing) * 50)}}.nice-select{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important;--tw-leading:calc(var(--spacing) * 50) !important;line-height:calc(var(--spacing) * 50)!important;color:#757575!important}.nice-select:focus{border-color:#86b7fe;--tw-shadow:0 0 0 .25rem var(--tw-shadow-color, rgba(13,110,253,.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:0}.nice-select:after{width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important;rotate:40deg}input::-webkit-search-cancel-button{appearance:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes bellring{0%,100%{transform-origin:top}15%{transform:rotateZ(10deg)}30%{transform:rotateZ(-10deg)}45%{transform:rotateZ(5deg)}60%{transform:rotateZ(-5deg)}75%{transform:rotateZ(2deg)}}@keyframes topshap{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes scroll-one{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes scroll-two{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes bellRing{0%,100%{transform-origin:top}15%{transform:rotateZ(10deg)}30%{transform:rotateZ(-10deg)}45%{transform:rotateZ(5deg)}60%{transform:rotateZ(-5deg)}75%{transform:rotateZ(2deg)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-outline-style:solid}}}