@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&family=Inter:wght@400;500;700&display=swap');
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@layer properties;.pointer-events-none{pointer-events:none;}.invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.inset-0{inset:calc(var(--spacing) * 0);}.top-0{top:calc(var(--spacing) * 0);}.top-1\/2{top:calc(1/2 * 100%);}.top-\[-20px\]{top:-20px;}.top-\[-100px\]{top:-100px;}.top-\[-200px\]{top:-200px;}.top-\[-480px\]{top:-480px;}.top-\[0\]{top:0;}.top-\[0px\]{top:0px;}.top-\[4px\]{top:4px;}.top-\[42px\]{top:42px;}.top-\[66px\]{top:66px;}.top-\[100px\]{top:100px;}.top-\[150px\]{top:150px;}.top-\[calc\(100\%-70px\)\]{top:calc(100% - 70px);}.top-\[calc\(100\%-80px\)\]{top:calc(100% - 80px);}.top-full{top:100%;}.right-0{right:calc(var(--spacing) * 0);}.right-\[-18\%\]{right:-18%;}.right-\[-260px\]{right:-260px;}.right-\[-340px\]{right:-340px;}.right-\[-360px\]{right:-360px;}.right-\[40px\]{right:40px;}.right-\[calc\(100\%-150px\)\]{right:calc(100% - 150px);}.right-\[calc\(100\%-165px\)\]{right:calc(100% - 165px);}.right-auto{right:auto;}.bottom-0{bottom:calc(var(--spacing) * 0);}.bottom-\[-15\%\]{bottom:-15%;}.bottom-\[-18\%\]{bottom:-18%;}.bottom-\[-20\%\]{bottom:-20%;}.bottom-\[-150px\]{bottom:-150px;}.bottom-\[-250px\]{bottom:-250px;}.bottom-\[0\]{bottom:0;}.bottom-\[14px\]{bottom:14px;}.bottom-\[38px\]{bottom:38px;}.bottom-\[100px\]{bottom:100px;}.left-0{left:calc(var(--spacing) * 0);}.left-1\/2{left:calc(1/2 * 100%);}.left-\[-20px\]{left:-20px;}.left-\[-260px\]{left:-260px;}.left-\[-340px\]{left:-340px;}.left-\[-360px\]{left:-360px;}.left-\[-480px\]{left:-480px;}.left-\[4px\]{left:4px;}.left-\[20px\]{left:20px;}.left-\[30px\]{left:30px;}.left-\[50\%\]{left:50%;}.left-\[calc\(50\%\+42px\)\]{left:calc(50% + 42px);}.left-\[calc\(50\%-15px\)\]{left:calc(50% - 15px);}.left-\[calc\(50\%-42px\)\]{left:calc(50% - 42px);}.left-\[calc\(100\%-130px\)\]{left:calc(100% - 130px);}.left-\[calc\(100\%-220px\)\]{left:calc(100% - 220px);}.z-0{z-index:0;}.z-1{z-index:1;}.z-2{z-index:2;}.z-10{z-index:10;}.z-30{z-index:30;}.z-50{z-index:50;}.z-\[-1\]{z-index:-1;}.z-\[1\]{z-index:1;}.col-span-2{grid-column:span 2 / span 2;}.clear-both{clear:both;}.container{width:100%;@media (width >= 40rem){max-width:40rem;}@media (width >= 48rem){max-width:48rem;}@media (width >= 64rem){max-width:64rem;}@media (width >= 80rem){max-width:80rem;}@media (width >= 96rem){max-width:96rem;}}.m-auto{margin:auto;}.mx-auto{margin-inline:auto;}.my-\[30px\]{margin-block:30px;}.my-auto{margin-block:auto;}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-5{margin-top:calc(var(--spacing) * 5);}.mt-6{margin-top:calc(var(--spacing) * 6);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-10{margin-top:calc(var(--spacing) * 10);}.mt-12{margin-top:calc(var(--spacing) * 12);}.mt-16{margin-top:calc(var(--spacing) * 16);}.mt-\[-70px\]{margin-top:-70px;}.mt-\[16px\]{margin-top:16px;}.mt-\[20px\]{margin-top:20px;}.mt-\[30px\]{margin-top:30px;}.mt-\[32px\]{margin-top:32px;}.mt-\[40px\]{margin-top:40px;}.mt-\[48px\]{margin-top:48px;}.mt-\[50px\]{margin-top:50px;}.mt-\[60px\]{margin-top:60px;}.mt-\[80px\]{margin-top:80px;}.mt-\[100px\]{margin-top:100px;}.mr-16{margin-right:calc(var(--spacing) * 16);}.\!mb-\[120px\]{margin-bottom:120px !important;}.mb-1{margin-bottom:calc(var(--spacing) * 1);}.mb-2{margin-bottom:calc(var(--spacing) * 2);}.mb-4{margin-bottom:calc(var(--spacing) * 4);}.mb-5{margin-bottom:calc(var(--spacing) * 5);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.mb-20{margin-bottom:calc(var(--spacing) * 20);}.mb-\[5px\]{margin-bottom:5px;}.mb-\[7px\]{margin-bottom:7px;}.mb-\[10px\]{margin-bottom:10px;}.mb-\[20px\]{margin-bottom:20px;}.mb-\[30px\]{margin-bottom:30px;}.mb-\[40px\]{margin-bottom:40px;}.mb-\[50px\]{margin-bottom:50px;}.mb-\[60px\]{margin-bottom:60px;}.mb-\[80px\]{margin-bottom:80px;}.mb-\[96px\]{margin-bottom:96px;}.mb-\[100px\]{margin-bottom:100px;}.ml-1{margin-left:calc(var(--spacing) * 1);}.ml-4{margin-left:calc(var(--spacing) * 4);}.ml-auto{margin-left:auto;}.\!flex{display:flex !important;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline-flex{display:inline-flex;}.aspect-square{aspect-ratio:1 / 1;}.size-full{width:100%;height:100%;}.\!h-auto{height:auto !important;}.h-0{height:calc(var(--spacing) * 0);}.h-3{height:calc(var(--spacing) * 3);}.h-6{height:calc(var(--spacing) * 6);}.h-\[18px\]{height:18px;}.h-\[25px\]{height:25px;}.h-\[30px\]{height:30px;}.h-\[35px\]{height:35px;}.h-\[40px\]{height:40px;}.h-\[50px\]{height:50px;}.h-\[55px\]{height:55px;}.h-\[58px\]{height:58px;}.h-\[60px\]{height:60px;}.h-\[230px\]{height:230px;}.h-\[240px\]{height:240px;}.h-\[250px\]{height:250px;}.h-\[260px\]{height:260px;}.h-\[340px\]{height:340px;}.h-\[400px\]{height:400px;}.h-\[429px\]{height:429px;}.h-\[460px\]{height:460px;}.h-\[490px\]{height:490px;}.h-\[555px\]{height:555px;}.h-\[567px\]{height:567px;}.h-\[660px\]{height:660px;}.h-\[800px\]{height:800px;}.h-auto{height:auto;}.h-full{height:100%;}.h-px{height:1px;}.max-h-\[690px\]{max-height:690px;}.max-h-full{max-height:100%;}.min-h-\[73px\]{min-height:73px;}.min-h-\[245px\]{min-height:245px;}.min-h-\[456px\]{min-height:456px;}.w-0{width:calc(var(--spacing) * 0);}.w-1\/2{width:calc(1/2 * 100%);}.w-2\/5{width:calc(2/5 * 100%);}.w-3{width:calc(var(--spacing) * 3);}.w-3\/5{width:calc(3/5 * 100%);}.w-6{width:calc(var(--spacing) * 6);}.w-\[18px\]{width:18px;}.w-\[22px\]{width:22px;}.w-\[25px\]{width:25px;}.w-\[30px\]{width:30px;}.w-\[31\%\]{width:31%;}.w-\[40\%\]{width:40%;}.w-\[40px\]{width:40px;}.w-\[50px\]{width:50px;}.w-\[58px\]{width:58px;}.w-\[60\%\]{width:60%;}.w-\[60px\]{width:60px;}.w-\[135px\]{width:135px;}.w-\[220px\]{width:220px;}.w-\[230px\]{width:230px;}.w-\[240px\]{width:240px;}.w-\[250px\]{width:250px;}.w-\[260px\]{width:260px;}.w-\[313px\]{width:313px;}.w-\[322px\]{width:322px;}.w-\[400px\]{width:400px;}.w-\[412px\]{width:412px;}.w-\[460px\]{width:460px;}.w-\[469px\]{width:469px;}.w-\[490px\]{width:490px;}.w-\[555px\]{width:555px;}.w-\[660px\]{width:660px;}.w-\[800px\]{width:800px;}.w-auto{width:auto;}.w-full{width:100%;}.max-w-1\/2{max-width:calc(1/2 * 100%);}.max-w-\[80\%\]{max-width:80%;}.max-w-\[100\%\]{max-width:100%;}.max-w-\[250px\]{max-width:250px;}.max-w-\[270px\]{max-width:270px;}.max-w-\[333px\]{max-width:333px;}.max-w-\[522px\]{max-width:522px;}.max-w-\[600px\]{max-width:600px;}.max-w-\[620px\]{max-width:620px;}.max-w-\[690px\]{max-width:690px;}.max-w-\[735px\]{max-width:735px;}.max-w-\[830px\]{max-width:830px;}.max-w-\[860px\]{max-width:860px;}.max-w-\[900px\]{max-width:900px;}.max-w-\[1020px\]{max-width:1020px;}.max-w-\[1060px\]{max-width:1060px;}.max-w-\[1080px\]{max-width:1080px;}.max-w-\[1090px\]{max-width:1090px;}.max-w-\[1100px\]{max-width:1100px;}.max-w-\[1170px\]{max-width:1170px;}.max-w-\[1190px\]{max-width:1190px;}.max-w-\[1200px\]{max-width:1200px;}.max-w-\[1240px\]{max-width:1240px;}.max-w-\[1300px\]{max-width:1300px;}.max-w-\[1320px\]{max-width:1320px;}.max-w-\[1340px\]{max-width:1340px;}.max-w-\[1380px\]{max-width:1380px;}.max-w-full{max-width:100%;}.min-w-60{min-width:calc(var(--spacing) * 60);}.min-w-max{min-width:max-content;}.flex-1{flex:1;}.flex-auto{flex:auto;}.shrink-0{flex-shrink:0;}.-translate-1\/2{--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);}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y);}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y);}.rotate-90{rotate:90deg;}.rotate-180{rotate:180deg;}.rotate-270{rotate:270deg;}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.cursor-pointer{cursor:pointer;}.list-inside{list-style-position:inside;}.list-disc{list-style-type:disc;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.flex-col{flex-direction:column;}.flex-row{flex-direction:row;}.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;}.justify-end{justify-content:flex-end;}.justify-evenly{justify-content:space-evenly;}.gap-1{gap:calc(var(--spacing) * 1);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-7{gap:calc(var(--spacing) * 7);}.gap-8{gap:calc(var(--spacing) * 8);}.gap-10{gap:calc(var(--spacing) * 10);}.gap-12{gap:calc(var(--spacing) * 12);}.gap-\[10px\]{gap:10px;}.gap-\[30px\]{gap:30px;}.gap-\[40px\]{gap:40px;}.gap-\[50px\]{gap:50px;}.gap-x-\[30px\]{column-gap:30px;}.gap-y-\[20px\]{row-gap:20px;}.gap-y-\[25px\]{row-gap:25px;}.self-end{align-self:flex-end;}.self-start{align-self:flex-start;}.self-stretch{align-self:stretch;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.rounded-\[5px\]{border-radius:5px;}.rounded-\[6px\]{border-radius:6px;}.rounded-\[50\%\]{border-radius:50%;}.rounded-\[100px\]{border-radius:100px;}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-md{border-radius:var(--radius-md);}.border{border-style:var(--tw-border-style);border-width:1px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-r-\[6\.5px\]{border-right-style:var(--tw-border-style);border-right-width:6.5px;}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;}.border-b-\[8px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:8px;}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px;}.border-l-\[6\.5px\]{border-left-style:var(--tw-border-style);border-left-width:6.5px;}.border-none{--tw-border-style:none;border-style:none;}.border-solid{--tw-border-style:solid;border-style:solid;}.\!border-\[\#00ADE4\]{border-color:#00ADE4 !important;}.\!border-blue{border-color:var(--color-blue) !important;}.border-\[\#f1f1f1\]{border-color:#f1f1f1;}.border-black{border-color:var(--color-black);}.border-black\/50{border-color:color-mix(in srgb,#000 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-black) 50%,transparent);}}.border-blue{border-color:var(--color-blue);}.border-darkblue\/20{border-color:color-mix(in srgb,#012345 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-darkblue) 20%,transparent);}}.border-gray-500{border-color:var(--color-gray-500);}.border-white{border-color:var(--color-white);}.border-r-transparent{border-right-color:transparent;}.border-b-blue{border-bottom-color:var(--color-blue);}.border-l-transparent{border-left-color:transparent;}.bg-\[\#323B4B\]{background-color:#323B4B;}.bg-\[\#012345\]{background-color:#012345;}.bg-\[\#F3F1F1\]{background-color:#F3F1F1;}.bg-\[\#fff\]{background-color:#fff;}.bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 30%,transparent);}}.bg-black\/60{background-color:color-mix(in srgb,#000 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 60%,transparent);}}.bg-blue{background-color:var(--color-blue);}.bg-darkblue{background-color:var(--color-darkblue);}.bg-gray-200{background-color:var(--color-gray-200);}.bg-sky-950{background-color:var(--color-sky-950);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.bg-zinc-100{background-color:var(--color-zinc-100);}.bg-\[linear-gradient\(90deg\,_\#002345_37\%\,_\#016891_81\%\,_\#00ADDE_100\%\)\]{background-image:linear-gradient(90deg,#002345 37%,#016891 81%,#00ADDE 100%);}.bg-\[url\(\/themes\/custom\/ifcamc\/imgs\/search-icon\.svg\)\]{background-image:url(/themes/custom/ifcamc/imgs/search-icon.svg);}.bg-no-repeat{background-repeat:no-repeat;}.object-contain{object-fit:contain;}.object-cover{object-fit:cover;}.p-6{padding:calc(var(--spacing) * 6);}.p-9{padding:calc(var(--spacing) * 9);}.p-\[15px\]{padding:15px;}.p-\[20px\]{padding:20px;}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-4{padding-inline:calc(var(--spacing) * 4);}.px-5{padding-inline:calc(var(--spacing) * 5);}.px-\[15px\]{padding-inline:15px;}.px-\[20px\]{padding-inline:20px;}.py-3{padding-block:calc(var(--spacing) * 3);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-5{padding-block:calc(var(--spacing) * 5);}.py-\[13px\]{padding-block:13px;}.py-\[75px\]{padding-block:75px;}.py-\[100px\]{padding-block:100px;}.py-\[130px\]{padding-block:130px;}.pt-4{padding-top:calc(var(--spacing) * 4);}.pt-6{padding-top:calc(var(--spacing) * 6);}.pt-8{padding-top:calc(var(--spacing) * 8);}.pt-10{padding-top:calc(var(--spacing) * 10);}.pt-\[30px\]{padding-top:30px;}.pt-\[40\%\]{padding-top:40%;}.pt-\[50px\]{padding-top:50px;}.pt-\[60px\]{padding-top:60px;}.pt-\[70px\]{padding-top:70px;}.pt-\[80px\]{padding-top:80px;}.pt-\[90px\]{padding-top:90px;}.pt-\[100px\]{padding-top:100px;}.pt-\[110px\]{padding-top:110px;}.pt-\[130px\]{padding-top:130px;}.pr-10{padding-right:calc(var(--spacing) * 10);}.pb-2{padding-bottom:calc(var(--spacing) * 2);}.pb-8{padding-bottom:calc(var(--spacing) * 8);}.pb-\[20px\]{padding-bottom:20px;}.pb-\[30px\]{padding-bottom:30px;}.pb-\[31\%\]{padding-bottom:31%;}.pb-\[70px\]{padding-bottom:70px;}.pb-\[80\%\]{padding-bottom:80%;}.pb-\[80px\]{padding-bottom:80px;}.pb-\[90px\]{padding-bottom:90px;}.pb-\[100\%\]{padding-bottom:100%;}.pb-\[100px\]{padding-bottom:100px;}.pb-\[120px\]{padding-bottom:120px;}.pb-\[160px\]{padding-bottom:160px;}.pb-\[180px\]{padding-bottom:180px;}.pl-4{padding-left:calc(var(--spacing) * 4);}.pl-8{padding-left:calc(var(--spacing) * 8);}.pl-\[20px\]{padding-left:20px;}.pl-\[30px\]{padding-left:30px;}.text-center{text-align:center;}.text-right{text-align:right;}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.text-\[0px\]{font-size:0px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\]{font-size:14px;}.text-\[15px\]{font-size:15px;}.text-\[16px\]{font-size:16px;}.text-\[18px\]{font-size:18px;}.text-\[20px\]{font-size:20px;}.text-\[22px\]{font-size:22px;}.text-\[24px\]{font-size:24px;}.text-\[32px\]{font-size:32px;}.text-\[52px\]{font-size:52px;}.text-\[60px\]{font-size:60px;}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8);}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2;}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3;}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4;}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6;}.leading-none{--tw-leading:1;line-height:1;}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal);}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);}.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);}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}.whitespace-nowrap{white-space:nowrap;}.text-\[\#fff\]{color:#fff;}.text-\[0\]{color:0;}.text-black{color:var(--color-black);}.text-blue{color:var(--color-blue);}.text-darkblue{color:var(--color-darkblue);}.text-gray-700{color:var(--color-gray-700);}.text-sky-500{color:var(--color-sky-500);}.text-sky-950{color:var(--color-sky-950);}.text-white{color:var(--color-white);}.text-zinc-400{color:var(--color-zinc-400);}.capitalize{text-transform:capitalize;}.uppercase{text-transform:uppercase;}.underline{text-decoration-line:underline;}.opacity-0{opacity:0%;}.opacity-60{opacity:60%;}.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);}.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-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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.duration-200{--tw-duration:200ms;transition-duration:200ms;}.duration-300{--tw-duration:300ms;transition-duration:300ms;}.duration-500{--tw-duration:500ms;transition-duration:500ms;}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out);}.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-hover\:visible {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.group-hover\:rotate-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      rotate: 0deg;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.before\:bg-transparent {
  &::before {
    content: var(--tw-content);
    background-color: transparent;
  }
}
.odd\:bg-blue {
  &:nth-child(odd) {
    background-color: var(--color-blue);
  }
}
.even\:bg-darkblue {
  &:nth-child(even) {
    background-color: var(--color-darkblue);
  }
}
.hover\:bg-\[\#0099cc\] {
  &:hover {
    @media (hover: hover) {
      background-color: #0099cc;
    }
  }
}
.hover\:text-blue {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue);
    }
  }
}
.hover\:no-underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
.max-lg\:mt-6 {
  @media (width < 64rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.max-lg\:ml-0 {
  @media (width < 64rem) {
    margin-left: calc(var(--spacing) * 0);
  }
}
.max-lg\:w-full {
  @media (width < 64rem) {
    width: 100%;
  }
}
.max-md\:mt-10 {
  @media (width < 48rem) {
    margin-top: calc(var(--spacing) * 10);
  }
}
.max-md\:mr-2 {
  @media (width < 48rem) {
    margin-right: calc(var(--spacing) * 2);
  }
}
.max-md\:mr-2\.5 {
  @media (width < 48rem) {
    margin-right: calc(var(--spacing) * 2.5);
  }
}
.max-md\:mb-16 {
  @media (width < 48rem) {
    margin-bottom: calc(var(--spacing) * 16);
  }
}
.max-md\:mb-\[20px\] {
  @media (width < 48rem) {
    margin-bottom: 20px;
  }
}
.max-md\:ml-0 {
  @media (width < 48rem) {
    margin-left: calc(var(--spacing) * 0);
  }
}
.max-md\:ml-2\.5 {
  @media (width < 48rem) {
    margin-left: calc(var(--spacing) * 2.5);
  }
}
.max-md\:h-\[400px\] {
  @media (width < 48rem) {
    height: 400px;
  }
}
.max-md\:max-w-full {
  @media (width < 48rem) {
    max-width: 100%;
  }
}
.max-md\:border-t {
  @media (width < 48rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
.max-md\:px-5 {
  @media (width < 48rem) {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.max-sm\:mb-10 {
  @media (width < 40rem) {
    margin-bottom: calc(var(--spacing) * 10);
  }
}
.max-sm\:h-\[300px\] {
  @media (width < 40rem) {
    height: 300px;
  }
}
.max-sm\:flex-col {
  @media (width < 40rem) {
    flex-direction: column;
  }
}
.max-sm\:gap-5 {
  @media (width < 40rem) {
    gap: calc(var(--spacing) * 5);
  }
}
.sm\:h-auto {
  @media (width >= 40rem) {
    height: auto;
  }
}
.sm\:max-w-\[80\%\] {
  @media (width >= 40rem) {
    max-width: 80%;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:text-4xl {
  @media (width >= 40rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.sm\:text-xl {
  @media (width >= 40rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
.md\:top-\[-300px\] {
  @media (width >= 48rem) {
    top: -300px;
  }
}
.md\:top-\[0\] {
  @media (width >= 48rem) {
    top: 0;
  }
}
.md\:top-\[100px\] {
  @media (width >= 48rem) {
    top: 100px;
  }
}
.md\:top-\[200px\] {
  @media (width >= 48rem) {
    top: 200px;
  }
}
.md\:top-\[calc\(100\%-130px\)\] {
  @media (width >= 48rem) {
    top: calc(100% - 130px);
  }
}
.md\:right-0 {
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 0);
  }
}
.md\:right-\[-20\%\] {
  @media (width >= 48rem) {
    right: -20%;
  }
}
.md\:right-\[-500px\] {
  @media (width >= 48rem) {
    right: -500px;
  }
}
.md\:bottom-\[-20\%\] {
  @media (width >= 48rem) {
    bottom: -20%;
  }
}
.md\:bottom-\[-170px\] {
  @media (width >= 48rem) {
    bottom: -170px;
  }
}
.md\:bottom-\[8px\] {
  @media (width >= 48rem) {
    bottom: 8px;
  }
}
.md\:left-\[-400px\] {
  @media (width >= 48rem) {
    left: -400px;
  }
}
.md\:left-\[25\%\] {
  @media (width >= 48rem) {
    left: 25%;
  }
}
.md\:col-span-4 {
  @media (width >= 48rem) {
    grid-column: span 4 / span 4;
  }
}
.md\:mt-0 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.md\:mt-8 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 8);
  }
}
.md\:mt-\[-100px\] {
  @media (width >= 48rem) {
    margin-top: -100px;
  }
}
.md\:mt-\[60px\] {
  @media (width >= 48rem) {
    margin-top: 60px;
  }
}
.md\:mt-\[80px\] {
  @media (width >= 48rem) {
    margin-top: 80px;
  }
}
.md\:mt-\[100px\] {
  @media (width >= 48rem) {
    margin-top: 100px;
  }
}
.md\:mt-\[120px\] {
  @media (width >= 48rem) {
    margin-top: 120px;
  }
}
.md\:mt-\[150px\] {
  @media (width >= 48rem) {
    margin-top: 150px;
  }
}
.md\:mb-0 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.md\:mb-8 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.md\:mb-20 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 20);
  }
}
.md\:mb-\[30px\] {
  @media (width >= 48rem) {
    margin-bottom: 30px;
  }
}
.md\:mb-\[60px\] {
  @media (width >= 48rem) {
    margin-bottom: 60px;
  }
}
.md\:mb-\[80px\] {
  @media (width >= 48rem) {
    margin-bottom: 80px;
  }
}
.md\:mb-\[120px\] {
  @media (width >= 48rem) {
    margin-bottom: 120px;
  }
}
.md\:mb-\[150px\] {
  @media (width >= 48rem) {
    margin-bottom: 150px;
  }
}
.md\:ml-0 {
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 0);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:h-\[61px\] {
  @media (width >= 48rem) {
    height: 61px;
  }
}
.md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1/2 * 100%);
  }
}
.md\:w-1\/3 {
  @media (width >= 48rem) {
    width: calc(1/3 * 100%);
  }
}
.md\:w-\[31\%\] {
  @media (width >= 48rem) {
    width: 31%;
  }
}
.md\:w-\[61px\] {
  @media (width >= 48rem) {
    width: 61px;
  }
}
.md\:w-\[250px\] {
  @media (width >= 48rem) {
    width: 250px;
  }
}
.md\:w-\[313px\] {
  @media (width >= 48rem) {
    width: 313px;
  }
}
.md\:w-\[355px\] {
  @media (width >= 48rem) {
    width: 355px;
  }
}
.md\:w-\[700px\] {
  @media (width >= 48rem) {
    width: 700px;
  }
}
.md\:max-w-\[50\%\] {
  @media (width >= 48rem) {
    max-width: 50%;
  }
}
.md\:max-w-\[263px\] {
  @media (width >= 48rem) {
    max-width: 263px;
  }
}
.md\:max-w-\[500px\] {
  @media (width >= 48rem) {
    max-width: 500px;
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:items-start {
  @media (width >= 48rem) {
    align-items: flex-start;
  }
}
.md\:gap-\[35px\] {
  @media (width >= 48rem) {
    gap: 35px;
  }
}
.md\:gap-\[60px\] {
  @media (width >= 48rem) {
    gap: 60px;
  }
}
.md\:gap-\[90px\] {
  @media (width >= 48rem) {
    gap: 90px;
  }
}
.md\:gap-x-\[75px\] {
  @media (width >= 48rem) {
    column-gap: 75px;
  }
}
.md\:gap-y-\[35px\] {
  @media (width >= 48rem) {
    row-gap: 35px;
  }
}
.md\:gap-y-\[40px\] {
  @media (width >= 48rem) {
    row-gap: 40px;
  }
}
.md\:px-5 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.md\:px-\[30px\] {
  @media (width >= 48rem) {
    padding-inline: 30px;
  }
}
.md\:py-8 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 8);
  }
}
.md\:py-\[99px\] {
  @media (width >= 48rem) {
    padding-block: 99px;
  }
}
.md\:py-\[150px\] {
  @media (width >= 48rem) {
    padding-block: 150px;
  }
}
.md\:pt-\[50px\] {
  @media (width >= 48rem) {
    padding-top: 50px;
  }
}
.md\:pt-\[60px\] {
  @media (width >= 48rem) {
    padding-top: 60px;
  }
}
.md\:pt-\[70px\] {
  @media (width >= 48rem) {
    padding-top: 70px;
  }
}
.md\:pt-\[80px\] {
  @media (width >= 48rem) {
    padding-top: 80px;
  }
}
.md\:pt-\[92px\] {
  @media (width >= 48rem) {
    padding-top: 92px;
  }
}
.md\:pt-\[150px\] {
  @media (width >= 48rem) {
    padding-top: 150px;
  }
}
.md\:pt-\[160px\] {
  @media (width >= 48rem) {
    padding-top: 160px;
  }
}
.md\:pb-10 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 10);
  }
}
.md\:pb-16 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 16);
  }
}
.md\:pb-\[25px\] {
  @media (width >= 48rem) {
    padding-bottom: 25px;
  }
}
.md\:pb-\[31\%\] {
  @media (width >= 48rem) {
    padding-bottom: 31%;
  }
}
.md\:pb-\[60px\] {
  @media (width >= 48rem) {
    padding-bottom: 60px;
  }
}
.md\:pb-\[120px\] {
  @media (width >= 48rem) {
    padding-bottom: 120px;
  }
}
.md\:pb-\[140px\] {
  @media (width >= 48rem) {
    padding-bottom: 140px;
  }
}
.md\:pb-\[160px\] {
  @media (width >= 48rem) {
    padding-bottom: 160px;
  }
}
.md\:pl-\[80px\] {
  @media (width >= 48rem) {
    padding-left: 80px;
  }
}
.md\:text-2xl {
  @media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.md\:text-5xl {
  @media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.md\:text-\[12px\] {
  @media (width >= 48rem) {
    font-size: 12px;
  }
}
.md\:text-\[15px\] {
  @media (width >= 48rem) {
    font-size: 15px;
  }
}
.md\:text-\[16px\] {
  @media (width >= 48rem) {
    font-size: 16px;
  }
}
.md\:text-\[18px\] {
  @media (width >= 48rem) {
    font-size: 18px;
  }
}
.md\:text-\[20px\] {
  @media (width >= 48rem) {
    font-size: 20px;
  }
}
.md\:text-\[22px\] {
  @media (width >= 48rem) {
    font-size: 22px;
  }
}
.md\:text-\[25px\] {
  @media (width >= 48rem) {
    font-size: 25px;
  }
}
.md\:text-\[30px\] {
  @media (width >= 48rem) {
    font-size: 30px;
  }
}
.md\:text-\[35px\] {
  @media (width >= 48rem) {
    font-size: 35px;
  }
}
.md\:text-\[40px\] {
  @media (width >= 48rem) {
    font-size: 40px;
  }
}
.md\:text-\[70px\] {
  @media (width >= 48rem) {
    font-size: 70px;
  }
}
.md\:text-\[75px\] {
  @media (width >= 48rem) {
    font-size: 75px;
  }
}
.md\:text-\[85px\] {
  @media (width >= 48rem) {
    font-size: 85px;
  }
}
.md\:before\:bg-blue {
  @media (width >= 48rem) {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-blue);
    }
  }
}
.lg\:top-\[-120px\] {
  @media (width >= 64rem) {
    top: -120px;
  }
}
.lg\:top-\[-350px\] {
  @media (width >= 64rem) {
    top: -350px;
  }
}
.lg\:top-\[7px\] {
  @media (width >= 64rem) {
    top: 7px;
  }
}
.lg\:top-\[100px\] {
  @media (width >= 64rem) {
    top: 100px;
  }
}
.lg\:top-\[135px\] {
  @media (width >= 64rem) {
    top: 135px;
  }
}
.lg\:top-\[200px\] {
  @media (width >= 64rem) {
    top: 200px;
  }
}
.lg\:top-\[calc\(100\%-100px\)\] {
  @media (width >= 64rem) {
    top: calc(100% - 100px);
  }
}
.lg\:right-\[-520px\] {
  @media (width >= 64rem) {
    right: -520px;
  }
}
.lg\:right-\[-550px\] {
  @media (width >= 64rem) {
    right: -550px;
  }
}
.lg\:right-\[-580px\] {
  @media (width >= 64rem) {
    right: -580px;
  }
}
.lg\:right-\[15px\] {
  @media (width >= 64rem) {
    right: 15px;
  }
}
.lg\:right-\[90px\] {
  @media (width >= 64rem) {
    right: 90px;
  }
}
.lg\:right-\[calc\(100\%-145px\)\] {
  @media (width >= 64rem) {
    right: calc(100% - 145px);
  }
}
.lg\:right-\[calc\(100\%-280px\)\] {
  @media (width >= 64rem) {
    right: calc(100% - 280px);
  }
}
.lg\:bottom-\[-86px\] {
  @media (width >= 64rem) {
    bottom: -86px;
  }
}
.lg\:bottom-\[-150px\] {
  @media (width >= 64rem) {
    bottom: -150px;
  }
}
.lg\:bottom-\[-200px\] {
  @media (width >= 64rem) {
    bottom: -200px;
  }
}
.lg\:bottom-\[-250px\] {
  @media (width >= 64rem) {
    bottom: -250px;
  }
}
.lg\:bottom-\[200px\] {
  @media (width >= 64rem) {
    bottom: 200px;
  }
}
.lg\:left-\[-300px\] {
  @media (width >= 64rem) {
    left: -300px;
  }
}
.lg\:left-\[-520px\] {
  @media (width >= 64rem) {
    left: -520px;
  }
}
.lg\:left-\[-580px\] {
  @media (width >= 64rem) {
    left: -580px;
  }
}
.lg\:left-\[7px\] {
  @media (width >= 64rem) {
    left: 7px;
  }
}
.lg\:left-auto {
  @media (width >= 64rem) {
    left: auto;
  }
}
.lg\:my-\[50px\] {
  @media (width >= 64rem) {
    margin-block: 50px;
  }
}
.lg\:mb-14 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 14);
  }
}
.lg\:mb-\[40px\] {
  @media (width >= 64rem) {
    margin-bottom: 40px;
  }
}
.lg\:mb-\[50px\] {
  @media (width >= 64rem) {
    margin-bottom: 50px;
  }
}
.lg\:mb-\[60px\] {
  @media (width >= 64rem) {
    margin-bottom: 60px;
  }
}
.lg\:mb-\[80px\] {
  @media (width >= 64rem) {
    margin-bottom: 80px;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:h-\[28px\] {
  @media (width >= 64rem) {
    height: 28px;
  }
}
.lg\:h-\[42px\] {
  @media (width >= 64rem) {
    height: 42px;
  }
}
.lg\:h-\[76px\] {
  @media (width >= 64rem) {
    height: 76px;
  }
}
.lg\:h-\[260px\] {
  @media (width >= 64rem) {
    height: 260px;
  }
}
.lg\:h-\[340px\] {
  @media (width >= 64rem) {
    height: 340px;
  }
}
.lg\:h-\[644px\] {
  @media (width >= 64rem) {
    height: 644px;
  }
}
.lg\:h-\[660px\] {
  @media (width >= 64rem) {
    height: 660px;
  }
}
.lg\:h-\[723px\] {
  @media (width >= 64rem) {
    height: 723px;
  }
}
.lg\:h-\[800px\] {
  @media (width >= 64rem) {
    height: 800px;
  }
}
.lg\:max-h-\[990px\] {
  @media (width >= 64rem) {
    max-height: 990px;
  }
}
.lg\:min-h-\[60px\] {
  @media (width >= 64rem) {
    min-height: 60px;
  }
}
.lg\:min-h-\[456px\] {
  @media (width >= 64rem) {
    min-height: 456px;
  }
}
.lg\:w-2\/3 {
  @media (width >= 64rem) {
    width: calc(2/3 * 100%);
  }
}
.lg\:w-\[28px\] {
  @media (width >= 64rem) {
    width: 28px;
  }
}
.lg\:w-\[42px\] {
  @media (width >= 64rem) {
    width: 42px;
  }
}
.lg\:w-\[76px\] {
  @media (width >= 64rem) {
    width: 76px;
  }
}
.lg\:w-\[260px\] {
  @media (width >= 64rem) {
    width: 260px;
  }
}
.lg\:w-\[644px\] {
  @media (width >= 64rem) {
    width: 644px;
  }
}
.lg\:w-\[660px\] {
  @media (width >= 64rem) {
    width: 660px;
  }
}
.lg\:w-\[723px\] {
  @media (width >= 64rem) {
    width: 723px;
  }
}
.lg\:w-\[800px\] {
  @media (width >= 64rem) {
    width: 800px;
  }
}
.lg\:max-w-\[25\%\] {
  @media (width >= 64rem) {
    max-width: 25%;
  }
}
.lg\:max-w-\[880px\] {
  @media (width >= 64rem) {
    max-width: 880px;
  }
}
.lg\:max-w-\[990px\] {
  @media (width >= 64rem) {
    max-width: 990px;
  }
}
.lg\:max-w-\[1220px\] {
  @media (width >= 64rem) {
    max-width: 1220px;
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:flex-col {
  @media (width >= 64rem) {
    flex-direction: column;
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:justify-between {
  @media (width >= 64rem) {
    justify-content: space-between;
  }
}
.lg\:gap-\[26px\] {
  @media (width >= 64rem) {
    gap: 26px;
  }
}
.lg\:gap-\[90px\] {
  @media (width >= 64rem) {
    gap: 90px;
  }
}
.lg\:p-\[30px\] {
  @media (width >= 64rem) {
    padding: 30px;
  }
}
.lg\:py-\[142px\] {
  @media (width >= 64rem) {
    padding-block: 142px;
  }
}
.lg\:pt-\[120px\] {
  @media (width >= 64rem) {
    padding-top: 120px;
  }
}
.lg\:pt-\[140px\] {
  @media (width >= 64rem) {
    padding-top: 140px;
  }
}
.lg\:pt-\[200px\] {
  @media (width >= 64rem) {
    padding-top: 200px;
  }
}
.lg\:pb-\[50px\] {
  @media (width >= 64rem) {
    padding-bottom: 50px;
  }
}
.lg\:pb-\[100px\] {
  @media (width >= 64rem) {
    padding-bottom: 100px;
  }
}
.lg\:pb-\[120px\] {
  @media (width >= 64rem) {
    padding-bottom: 120px;
  }
}
.lg\:pb-\[140px\] {
  @media (width >= 64rem) {
    padding-bottom: 140px;
  }
}
.lg\:text-\[18px\] {
  @media (width >= 64rem) {
    font-size: 18px;
  }
}
.lg\:text-\[20px\] {
  @media (width >= 64rem) {
    font-size: 20px;
  }
}
.lg\:text-\[22px\] {
  @media (width >= 64rem) {
    font-size: 22px;
  }
}
.lg\:text-\[25px\] {
  @media (width >= 64rem) {
    font-size: 25px;
  }
}
.lg\:text-\[30px\] {
  @media (width >= 64rem) {
    font-size: 30px;
  }
}
.lg\:text-\[35px\] {
  @media (width >= 64rem) {
    font-size: 35px;
  }
}
.lg\:text-\[36px\] {
  @media (width >= 64rem) {
    font-size: 36px;
  }
}
.lg\:text-\[45px\] {
  @media (width >= 64rem) {
    font-size: 45px;
  }
}
.lg\:text-\[55px\] {
  @media (width >= 64rem) {
    font-size: 55px;
  }
}
.lg\:text-\[70px\] {
  @media (width >= 64rem) {
    font-size: 70px;
  }
}
.lg\:text-\[72px\] {
  @media (width >= 64rem) {
    font-size: 72px;
  }
}
.lg\:text-\[120px\] {
  @media (width >= 64rem) {
    font-size: 120px;
  }
}
.xl\:right-\[-500px\] {
  @media (width >= 80rem) {
    right: -500px;
  }
}
.xl\:mt-\[240px\] {
  @media (width >= 80rem) {
    margin-top: 240px;
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.xl\:min-h-\[75px\] {
  @media (width >= 80rem) {
    min-height: 75px;
  }
}
.xl\:gap-7 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 7);
  }
}
.xl\:py-\[200px\] {
  @media (width >= 80rem) {
    padding-block: 200px;
  }
}
.xl\:py-\[240px\] {
  @media (width >= 80rem) {
    padding-block: 240px;
  }
}
.xl\:py-\[250px\] {
  @media (width >= 80rem) {
    padding-block: 250px;
  }
}
.xl\:pt-\[200px\] {
  @media (width >= 80rem) {
    padding-top: 200px;
  }
}
.xl\:pr-\[120px\] {
  @media (width >= 80rem) {
    padding-right: 120px;
  }
}
.\[\&_a\]\:text-blue {
  & a {
    color: var(--color-blue);
  }
}
@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-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --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: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --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-family-body: "Ubuntu", sans-serif;
    --color-gray: #323B4B;
    --color-blue: #00ADE4;
    --color-darkblue: #012345;
    --color-zinc: #F3F1F1;
    --color-primary: #2B73FF;
    --color-primary-500: #2B73FF;
    --color-primary-400: #4f8dff;
    --color-primary-700: #055aff;
    --color-background: #16151F;
    --max-width-70p: 70%;
    --max-width-90p: 90%;
  }
}
@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: transparent;
  }
  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: -0.25em;
  }
  sup {
    top: -0.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: transparent;
    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;
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
  html, body {
    font-family: 'Ubuntu', sans-serif;
  }
}
@layer components {
  .container {
    margin-inline: auto;
    padding-inline: 15px;
    @media (width >= 48rem) {
      padding-inline: 30px;
    }
    @media (width >= 80rem) {
      padding-inline: 15px;
    }
  }
  .btn {
    display: inline-flex;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: var(--color-blue);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: #0099cc;
      }
    }
  }
  .search-bar {
    display: flex;
    height: 45px;
    width: 100%;
    max-width: 522px;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-black);
    background-color: var(--color-zinc-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      min-height: 60px;
    }
    @media (width >= 80rem) {
      min-height: 75px;
    }
  }
  .search-input {
    flex: 1;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      color: var(--color-black);
    }
  }
  .search-icon {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    object-fit: contain;
  }
}
@layer utilities {
  .team-categories {
    li.is-active {
      a {
        position: relative;
        font-size: 20px;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-blue);
        &:before {
          position: absolute;
          top: 42px;
          left: calc(50% - 15px);
          height: 30px;
          width: 30px;
          border-radius: 50%;
          background-color: var(--color-blue);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
  }
  .section-title {
    font-size: 20px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 48rem) {
      font-size: 30px;
    }
    @media (width >= 64rem) {
      font-size: 45px;
    }
  }
  .deco-circle {
    position: absolute;
    border-radius: 50%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-blue);
    background-color: transparent;
  }
  .sustainability-intro {
    h2 {
      margin-bottom: 30px;
      font-size: 20px;
      --tw-leading: 1.4;
      line-height: 1.4;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-darkblue);
      @media (width >= 48rem) {
        font-size: 30px;
      }
      @media (width >= 64rem) {
        font-size: 45px;
      }
    }
    p {
      margin-bottom: 30px;
      font-size: 16px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      @media (width >= 48rem) {
        font-size: 25px;
      }
    }
    ul {
      list-style-type: disc;
      padding-left: 30px;
      font-size: 16px;
      color: var(--color-darkblue);
      @media (width >= 64rem) {
        font-size: 25px;
      }
      li {
        padding-bottom: 10px;
        @media (width >= 48rem) {
          padding-bottom: 25px;
        }
      }
    }
  }
  .card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    padding-top: 40%;
    @media (width < 48rem) {
      min-height: 313px;
    }
  }
  .card-title {
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: 18px;
    }
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .learn-more-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2.5);
    align-self: flex-end;
    color: var(--color-white);
    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, visibility, 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));
    &:hover {
      color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .section-header {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 0);
    }
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .view-all-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-black);
    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, visibility, 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));
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:hover {
      color: color-mix(in srgb, #012345 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-darkblue) 80%, transparent);
      }
    }
  }
  .article-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    @media (width < 48rem) {
      height: 340px;
    }
  }
  .article-card-link {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 20px;
    padding-top: 100px;
    color: var(--color-white);
    @media (width >= 48rem) {
      padding-top: 50px;
    }
    @media (width >= 64rem) {
      padding: 30px;
    }
    @media (width >= 64rem) {
      padding-top: 200px;
    }
  }
  .article-card-img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .article-card-overlay {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .article-card-content {
    position: relative;
    z-index: 20;
  }
  .article-card-title {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: 22px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: capitalize;
    @media (width >= 48rem) {
      font-size: 18px;
    }
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .article-card-date {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
  }
  .video-grid {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      gap: 26px;
    }
  }
  .video-main {
    position: relative;
    width: 100%;
    @media (width < 48rem) {
      height: 340px;
    }
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
    @media (width >= 64rem) {
      width: calc(2/3 * 100%);
    }
  }
  .video-main-link {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    @media (width >= 48rem) {
      padding-top: 60px;
    }
    @media (width >= 80rem) {
      padding-top: 200px;
    }
  }
  .video-main-img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .video-main-overlay {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .video-sidebar {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 10px;
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
    @media (width >= 64rem) {
      flex-direction: column;
    }
    @media (width >= 64rem) {
      gap: 26px;
    }
  }
  .video-card {
    position: relative;
    @media (width < 48rem) {
      height: 340px;
    }
  }
  .video-card-link {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    @media (width >= 48rem) {
      padding-top: 60px;
    }
    @media (width >= 80rem) {
      padding-top: 200px;
    }
  }
  .video-card-img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .video-card-overlay {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .video-overlay {
    position: relative;
    z-index: 30;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
  }
  .video-card-title {
    margin-bottom: 20px;
    font-size: 22px;
    --tw-leading: 1.2;
    line-height: 1.2;
    @media (width >= 48rem) {
      font-size: 18px;
    }
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .reviews-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: 26px;
    }
  }
  .review-card {
    display: flex;
    height: 340px;
    width: 100%;
    align-items: flex-end;
    padding: 20px;
    @media (width >= 40rem) {
      height: auto;
    }
    @media (width >= 48rem) {
      padding-top: 60px;
    }
    @media (width >= 64rem) {
      height: 340px;
    }
    @media (width >= 64rem) {
      padding-top: 200px;
    }
  }
  .review-card-title {
    margin-bottom: 20px;
    font-size: 22px;
    --tw-leading: 1.2;
    line-height: 1.2;
    @media (width >= 48rem) {
      font-size: 16px;
    }
    @media (width >= 64rem) {
      font-size: 30px;
    }
  }
  .single-post-hero {
    .subtitle {
      margin-bottom: calc(var(--spacing) * 4);
      text-align: center;
      font-size: 13px;
      --tw-leading: 1.4;
      line-height: 1.4;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
      color: var(--color-blue);
      text-transform: uppercase;
      @media (width >= 48rem) {
        margin-bottom: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        font-size: 18px;
      }
    }
    h1 {
      margin-inline: auto;
      max-width: 735px;
      text-align: center;
      font-size: 24px;
      --tw-leading: 1.4;
      line-height: 1.4;
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
      color: var(--color-white);
      @media (width < 48rem) {
        max-width: 600px;
      }
      @media (width >= 48rem) {
        font-size: 35px;
      }
    }
  }
  .subtitle {
    font-size: 13px;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-blue);
    text-transform: uppercase;
    @media (width >= 48rem) {
      font-size: 18px;
    }
  }
  .post-meta {
    margin-inline: auto;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
    padding-top: 30px;
    @media (width < 40rem) {
      flex-direction: column;
    }
    @media (width < 40rem) {
      align-items: flex-start;
    }
    @media (width < 40rem) {
      gap: calc(var(--spacing) * 5);
    }
    @media (width >= 48rem) {
      margin-top: 60px;
    }
    @media (width >= 48rem) {
      padding-top: 50px;
    }
    time {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
      color: var(--color-sky-950);
    }
    .share-label {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
      color: var(--color-sky-950);
    }
    .share-block {
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2.5);
      a {
        display: flex;
        height: 35px;
        width: 35px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        background-color: var(--color-blue);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-sky-950);
        img {
          max-width: 18px;
        }
      }
    }
  }
  .wysiwyg-block {
    margin-inline: auto;
    margin-block: 30px;
    @media (width >= 64rem) {
      margin-block: 50px;
    }
    h2 {
      margin-bottom: 30px;
      font-size: 18px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      @media (width >= 48rem) {
        font-size: 20px;
      }
      @media (width >= 64rem) {
        margin-bottom: 40px;
      }
      @media (width >= 64rem) {
        font-size: 35px;
      }
    }
    h3 {
      margin-bottom: 30px;
      font-size: 18px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      @media (width >= 48rem) {
        font-size: 20px;
      }
      @media (width >= 64rem) {
        margin-bottom: 40px;
      }
      @media (width >= 64rem) {
        font-size: 30px;
      }
    }
    h4 {
      margin-bottom: 20px;
      font-size: 16px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      @media (width >= 48rem) {
        font-size: 18px;
      }
      @media (width >= 64rem) {
        margin-bottom: 30px;
      }
      @media (width >= 64rem) {
        font-size: 25px;
      }
    }
    p {
      margin-bottom: 30px;
      font-size: 16px;
      --tw-leading: 1.6;
      line-height: 1.6;
      @media (width >= 48rem) {
        font-size: 18px;
      }
      @media (width >= 64rem) {
        margin-bottom: 50px;
      }
    }
    img {
      margin-inline: auto;
      margin-bottom: calc(var(--spacing) * 20);
      display: block;
      max-height: 550px;
      width: 100%;
      object-fit: cover;
      @media (width < 48rem) {
        margin-bottom: calc(var(--spacing) * 16);
      }
      @media (width < 40rem) {
        margin-bottom: calc(var(--spacing) * 10);
      }
    }
    blockquote {
      margin-bottom: 30px;
      max-width: 620px;
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: var(--color-blue);
      padding-left: 30px;
      font-size: 18px;
      --tw-leading: 1.4;
      line-height: 1.4;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      @media (width >= 48rem) {
        font-size: 25px;
      }
      @media (width >= 64rem) {
        margin-bottom: 50px;
      }
    }
    ul {
      margin-bottom: 30px;
      padding-left: 30px;
      font-size: 16px;
      --tw-leading: 1.6;
      line-height: 1.6;
      @media (width >= 48rem) {
        font-size: 18px;
      }
      @media (width >= 64rem) {
        margin-bottom: 50px;
      }
      li {
        list-style-type: disc;
      }
    }
  }
  .timeline-container {
    position: relative;
    .slick-track {
      display: flex !important;
      align-items: stretch !important;
    }
    .slick-slide {
      display: flex !important;
      height: auto !important;
    }
    .timeline-slider {
      position: relative;
      margin-inline: auto;
      max-width: 100vw;
      .timeline-slide {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        padding-inline: calc(var(--spacing) * 2);
        padding-bottom: 70px;
        text-align: center;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
        --tw-outline-style: none;
        outline-style: none;
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 5);
        }
        @media (width >= 48rem) {
          text-align: left;
        }
        .timeline-slide-inner {
          width: 100%;
          max-width: 100%;
          opacity: 60%;
        }
        &.slick-current {
          .timeline-slide-inner {
            opacity: 100%;
          }
          .year-number, .milestone-text {
            color: var(--color-blue);
          }
          .timeline-circle {
            bottom: 14px;
            z-index: 99;
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
            background-color: var(--color-blue);
            @media (width >= 48rem) {
              bottom: 8px;
            }
          }
        }
        .year-number, .milestone-text {
          color: var(--color-zinc-400);
          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));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
        }
        .year-number {
          font-size: 60px;
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
          @media (width >= 48rem) {
            font-size: 85px;
          }
          @media (width >= 64rem) {
            font-size: 120px;
          }
        }
        .milestone-text {
          font-size: 15px;
          @media (width >= 48rem) {
            font-size: 18px;
          }
          @media (width >= 64rem) {
            font-size: 25px;
          }
        }
      }
      .slick-prev, .slick-next {
        position: absolute;
        bottom: -120px;
        z-index: 10;
        height: 60px;
        width: 60px;
        cursor: pointer;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-darkblue);
        font-size: 0px;
        @media (width >= 48rem) {
          bottom: -170px;
        }
        @media (width >= 64rem) {
          bottom: -86px;
        }
        &:before {
          position: absolute;
          top: calc(1/2 * 100%);
          left: calc(1/2 * 100%);
          height: calc(var(--spacing) * 0);
          width: calc(var(--spacing) * 0);
          --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);
          border-right-style: var(--tw-border-style);
          border-right-width: 6.5px;
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 8px;
          border-left-style: var(--tw-border-style);
          border-left-width: 6.5px;
          border-right-color: transparent;
          border-bottom-color: var(--color-blue);
          border-left-color: transparent;
          color: 0;
          --tw-content: '';content:var(--tw-content);}&:hover{background-color:color-mix(in srgb,#012345 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-darkblue) 80%,transparent);}}}.slick-prev{right:auto;left:calc(50% - 42px);transform-origin:center;--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);rotate:270deg;@media (width >= 64rem){right:90px;}@media (width >= 64rem){left:auto;}}.slick-next{right:auto;left:calc(50% + 42px);transform-origin:center;--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);rotate:90deg;@media (width >= 64rem){right:15px;}@media (width >= 64rem){left:auto;}}}.timeline-circle{position:absolute;bottom:14px;left:50%;margin-inline:auto;height:50px;width:50px;--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y);border-radius:calc(infinity * 1px);background-color:var(--color-darkblue);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);@media (width >= 48rem){bottom:8px;}@media (width >= 48rem){left:25%;}@media (width >= 48rem){height:61px;}@media (width >= 48rem){width:61px;}}.timeline-line{position:absolute;right:calc(var(--spacing) * 0);bottom:38px;left:calc(var(--spacing) * 0);height:1px;background-color:#012345;}.year-nav{margin-top:20px;display:none;flex-wrap:wrap;justify-content:center;@media (width >= 48rem){display:flex;}.year-nav-item{cursor:pointer;padding-inline:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-black);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);&:hover{color:var(--color-gray-700);}&.active{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}}}}header{nav{a.is-active{color:var(--color-blue) !important;}}}[data-aos="fade-up"]:not(.aos-animate){transform:translate3d(0,25px,0) !important;}[data-aos="fade-up"].aos-animate{transform:translate3d(0,0,0) !important;}.wbg-logo{filter:invert(1) brightness(111);}.map-svg .pin-item{transform-box:fill-box;transform-origin:center;transform:scale(1);}.pulse{animation:pulseEffect 2s infinite ease-in-out;}}@keyframes pulseEffect{0%{transform:scale(1);opacity:1;}50%{transform:scale(3);opacity:0.7;}100%{transform:scale(1);opacity:1;}}@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-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-leading{syntax:"*";inherits:false;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-tracking{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:0px;}@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:"*";inherits:false;initial-value:"";}@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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:"";}}}
.pager__items{display:flex;justify-content:center;margin-bottom:30px;color:#094e9b;}.pager__items li{padding:3px 10px;margin-right:5px;}.pager__items .is-active{border:1px solid #ccc;background-color:#f2f4fb;border-radius:8px;font-weight:800;}.pager__item--first,.pager__item--previous,.pager__item--next,.pager__item--last{display:inline-block;font-family:FontAwesome !important;background-color:#f2f4fb;border-radius:5px;}.pager__item--next span::before{content:"\f0da";}.pager__item--previous span::before{content:"\f0d9";}.pager__item--first span::before{content:"\f048";}.pager__item--last span::before{content:"\f051";}.bef-exposed-form form .form-item{background-color:var(--color-zinc-100);padding:20px;margin-right:10px;border-bottom:1px solid #000;}.bef-exposed-form form{display:flex;justify-content:center;}.bef-exposed-form form .form-text{width:100%;}.bef-exposed-form form #edit-submit-portfolio--4{color:transparent;height:64px;width:20px;padding:0 30px 0 45px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 14 14'%3E%3Ccircle cx='6.5' cy='6.5' r='5.5' stroke='%23000' stroke-width='2'/%3E%3Cline x1='11' y1='11' x2='13' y2='13' stroke='%23000' stroke-width='2' /%3E%3C/svg%3E%0A");background-repeat:no-repeat no-repeat;background-position:20px;margin-left:-70px;}.bef-exposed-form form .js-form-submit{cursor:pointer;}@media only screen and (max-width:960px){.bef-exposed-form form{display:grid;justify-content:center;}.bef-exposed-form .form-select{width:100%;}.bef-exposed-form form #edit-submit-portfolio--4{position:absolute;right:0;bottom:47px;}#edit-reset-portfolio--6{margin-left:20px;margin-top:20px;}}
.tabs{display:flex;justify-content:flex-end;color:#052f4a;list-style-type:none;padding:0;margin:0;}.tabs a{text-decoration:none;}.tabs__item{background-color:#eee;margin-bottom:-3px;margin-left:5px;border-radius:12px 12px 0 0;}.tabs__item a{line-height:1;display:block;padding:0.6em 0.8em;}.tabs__item--is-active{opacity:1;background-color:#052f4a;color:white;}.simple-status-messages{width:40%;}.simple-status-messages .status-messages{padding:20px 0 20px 40px;}.simple-status-messages .messages--status{background-position:10px 50%;}.simple-status-messages .status-message-close{right:10px;}.simple-status-messages .status-message-close span{font-size:20px;font-weight:800;line-height:1;}