@font-face{font-family:'Uncut Sans';src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.eot);src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.eot?#iefix) format('embedded-opentype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.woff2) format('woff2'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.woff) format('woff'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.ttf) format('truetype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Rg.svg#UncutSans-Rg) format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Uncut Sans';src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.eot);src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.eot?#iefix) format('embedded-opentype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.woff2) format('woff2'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.woff) format('woff'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.ttf) format('truetype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Md.svg#UncutSans-Md) format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Uncut Sans';src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.eot);src:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.eot?#iefix) format('embedded-opentype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.woff2) format('woff2'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.woff) format('woff'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.ttf) format('truetype'), url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-SmBd.svg#UncutSans-SmBd) format('svg');font-weight:600;font-style:normal;font-display:swap;}
@font-face {
font-family: 'Uncut Sans';
src: url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.eot);
src: url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.eot?#iefix) format('embedded-opentype'),
url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.woff2) format('woff2'),
url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.woff) format('woff'),
url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.ttf) format('truetype'),
url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/fonts/UncutSans-Bd.svg#UncutSans-Bd) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}@import url("https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@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-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;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--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-primary:'Uncut Sans';--font-secondary:"Anek Bangla", sans-serif;--font-barlow:"Barlow", sans-serif;--font-istok:"Istok Web", sans-serif;--color-primary:#003433;--color-yellow:#FFFC52;--color-lightBlue:#C5EDFF;--color-blueColor:#51CAFF;--color-lightGray:#D9D9D9;}
}
@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 {
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.static{position:static;}
.inset-0{inset:calc(var(--spacing) * 0);}
.-top-36{top:calc(var(--spacing) * -36);}
.top-0{top:calc(var(--spacing) * 0);}
.top-1\/2{top:calc(1/2 * 100%);}
.top-3{top:calc(var(--spacing) * 3);}
.top-6{top:calc(var(--spacing) * 6);}
.top-full{top:100%;}
.-right-74{right:calc(var(--spacing) * -74);}
.-right-85{right:calc(var(--spacing) * -85);}
.right-3{right:calc(var(--spacing) * 3);}
.right-8{right:calc(var(--spacing) * 8);}
.right-42{right:calc(var(--spacing) * 42);}
.-bottom-7{bottom:calc(var(--spacing) * -7);}
.left-0{left:calc(var(--spacing) * 0);}
.left-1\/2{left:calc(1/2 * 100%);}
.left-2{left:calc(var(--spacing) * 2);}
.left-7{left:calc(var(--spacing) * 7);}
.z-2{z-index:2;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.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;}
}
.mx-auto{margin-inline:auto;}
.ms-auto{margin-inline-start:auto;}
.-mt-0\.5{margin-top:calc(var(--spacing) * -0.5);}
.-mt-50{margin-top:calc(var(--spacing) * -50);}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-3{margin-top:calc(var(--spacing) * 3);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-7{margin-top:calc(var(--spacing) * 7);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.mt-9{margin-top:calc(var(--spacing) * 9);}
.mt-10{margin-top:calc(var(--spacing) * 10);}
.mt-12{margin-top:calc(var(--spacing) * 12);}
.mt-15{margin-top:calc(var(--spacing) * 15);}
.mb-0{margin-bottom:calc(var(--spacing) * 0);}
.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5);}
.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-4\.5{margin-bottom:calc(var(--spacing) * 4.5);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6{margin-bottom:calc(var(--spacing) * 6);}
.mb-7{margin-bottom:calc(var(--spacing) * 7);}
.mb-8{margin-bottom:calc(var(--spacing) * 8);}
.mb-9{margin-bottom:calc(var(--spacing) * 9);}
.mb-10{margin-bottom:calc(var(--spacing) * 10);}
.mb-12\.5{margin-bottom:calc(var(--spacing) * 12.5);}
.mb-14{margin-bottom:calc(var(--spacing) * 14);}
.\!grid{display:grid !important;}
.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;}
.aspect-\[1\.35\/1\]{aspect-ratio:1.35/1;}
.aspect-\[16\/10\]{aspect-ratio:16/10;}
.aspect-\[16\/12\]{aspect-ratio:16/12;}
.aspect-\[571\/367\]{aspect-ratio:571/367;}
.aspect-\[1280\/408\]{aspect-ratio:1280/408;}
.aspect-square{aspect-ratio:1 / 1;}
.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
.size-148{width:calc(var(--spacing) * 148);height:calc(var(--spacing) * 148);}
.h-13{height:calc(var(--spacing) * 13);}
.h-auto{height:auto;}
.min-h-36{min-height:calc(var(--spacing) * 36);}
.\!w-auto{width:auto !important;}
.w-5{width:calc(var(--spacing) * 5);}
.w-64{width:calc(var(--spacing) * 64);}
.w-auto{width:auto;}
.w-full{width:100%;}
.max-w-104{max-width:calc(var(--spacing) * 104);}
.max-w-117{max-width:calc(var(--spacing) * 117);}
.max-w-119{max-width:calc(var(--spacing) * 119);}
.max-w-164{max-width:calc(var(--spacing) * 164);}
.max-w-178{max-width:calc(var(--spacing) * 178);}
.max-w-184{max-width:calc(var(--spacing) * 184);}
.max-w-215{max-width:calc(var(--spacing) * 215);}
.max-w-218{max-width:calc(var(--spacing) * 218);}
.max-w-248{max-width:calc(var(--spacing) * 248);}
.max-w-265{max-width:calc(var(--spacing) * 265);}
.max-w-276{max-width:calc(var(--spacing) * 276);}
.max-w-283{max-width:calc(var(--spacing) * 283);}
.max-w-297{max-width:calc(var(--spacing) * 297);}
.max-w-300{max-width:calc(var(--spacing) * 300);}
.max-w-307{max-width:calc(var(--spacing) * 307);}
.max-w-311{max-width:calc(var(--spacing) * 311);}
.max-w-320{max-width:calc(var(--spacing) * 320);}
.max-w-325{max-width:calc(var(--spacing) * 325);}
.max-w-333{max-width:calc(var(--spacing) * 333);}
.min-w-0{min-width:calc(var(--spacing) * 0);}
.min-w-\[230px\]{min-width:230px;}
.flex-1{flex:1;}
.flex-none{flex:none;}
.flex-shrink-0{flex-shrink:0;}
.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
.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-decimal{list-style-type:decimal;}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}
.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto;}
.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;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.gap-1{gap:calc(var(--spacing) * 1);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-2\.5{gap:calc(var(--spacing) * 2.5);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-4\.5{gap:calc(var(--spacing) * 4.5);}
.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-9{gap:calc(var(--spacing) * 9);}
.gap-10{gap:calc(var(--spacing) * 10);}
.gap-18{gap:calc(var(--spacing) * 18);}
.space-y-1 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-1\.5 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));}
}
.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-3 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-4 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-6 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-12 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-13 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));}
}
.space-y-16 {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));}
}
.gap-x-5{column-gap:calc(var(--spacing) * 5);}
.gap-y-4{row-gap:calc(var(--spacing) * 4);}
.self-start{align-self:flex-start;}
.\!overflow-visible{overflow:visible !important;}
.overflow-hidden{overflow:hidden;}
.rounded-3xl{border-radius:var(--radius-3xl);}
.rounded-\[9px\]{border-radius:9px;}
.rounded-\[10px\]{border-radius:10px;}
.rounded-\[30px\]{border-radius:30px;}
.rounded-full{border-radius:calc(infinity * 1px);}
.rounded-lg{border-radius:var(--radius-lg);}
.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);}
.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);}
.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px;}
.border{border-style:var(--tw-border-style);border-width:1px;}
.border-2{border-style:var(--tw-border-style);border-width:2px;}
.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}
.border-solid{--tw-border-style:solid;border-style:solid;}
.border-\[\#7054D8\]{border-color:#7054D8;}
.border-\[\#DFDFDF\]{border-color:#DFDFDF;}
.border-black\/16 {
border-color: color-mix(in srgb, #000 16%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-black) 16%, transparent);}
}
.border-primary{border-color:var(--color-primary);}
.border-primary\/40 {
border-color: color-mix(in srgb, #003433 40%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 40%, transparent);}
}
.bg-\[\#BDEAFF\]{background-color:#BDEAFF;}
.bg-\[\#C7ECFD\]{background-color:#C7ECFD;}
.bg-\[\#E4F6FA\]{background-color:#E4F6FA;}
.bg-\[\#EFF1F1\]{background-color:#EFF1F1;}
.bg-\[\#FEFEC0\]{background-color:#FEFEC0;}
.bg-\[\#FF9498\]{background-color:#FF9498;}
.bg-\[\#FFC400\]{background-color:#FFC400;}
.bg-\[\#FFD000\]{background-color:#FFD000;}
.bg-\[\#FFDCDC\]{background-color:#FFDCDC;}
.bg-\[\#FFFAEA\]{background-color:#FFFAEA;}
.bg-\[\#FFFC52\]{background-color:#FFFC52;}
.bg-\[\#FFFFEF\]{background-color:#FFFFEF;}
.bg-black\/70 {
background-color: color-mix(in srgb, #000 70%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 70%, transparent);}
}
.bg-lightBlue{background-color:var(--color-lightBlue);}
.bg-primary{background-color:var(--color-primary);}
.bg-transparent{background-color:transparent;}
.bg-white{background-color:var(--color-white);}
.bg-white\/78 {
background-color: color-mix(in srgb, #fff 78%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 78%, transparent);}
}
.bg-yellow{background-color:var(--color-yellow);}
.object-contain{object-fit:contain;}
.object-cover{object-fit:cover;}
.object-center{object-position:center;}
.p-1{padding:calc(var(--spacing) * 1);}
.p-2{padding:calc(var(--spacing) * 2);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-6{padding:calc(var(--spacing) * 6);}
.p-7{padding:calc(var(--spacing) * 7);}
.p-8{padding:calc(var(--spacing) * 8);}
.p-9{padding:calc(var(--spacing) * 9);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.py-5{padding-block:calc(var(--spacing) * 5);}
.py-10{padding-block:calc(var(--spacing) * 10);}
.py-12{padding-block:calc(var(--spacing) * 12);}
.ps-5{padding-inline-start:calc(var(--spacing) * 5);}
.ps-10{padding-inline-start:calc(var(--spacing) * 10);}
.pe-5{padding-inline-end:calc(var(--spacing) * 5);}
.pt-0{padding-top:calc(var(--spacing) * 0);}
.pt-4{padding-top:calc(var(--spacing) * 4);}
.pt-5{padding-top:calc(var(--spacing) * 5);}
.pt-7{padding-top:calc(var(--spacing) * 7);}
.pt-8{padding-top:calc(var(--spacing) * 8);}
.pt-10{padding-top:calc(var(--spacing) * 10);}
.pt-12{padding-top:calc(var(--spacing) * 12);}
.pt-13{padding-top:calc(var(--spacing) * 13);}
.pt-14{padding-top:calc(var(--spacing) * 14);}
.pt-16{padding-top:calc(var(--spacing) * 16);}
.pt-19{padding-top:calc(var(--spacing) * 19);}
.pt-43{padding-top:calc(var(--spacing) * 43);}
.pb-0{padding-bottom:calc(var(--spacing) * 0);}
.pb-5{padding-bottom:calc(var(--spacing) * 5);}
.pb-6{padding-bottom:calc(var(--spacing) * 6);}
.pb-8{padding-bottom:calc(var(--spacing) * 8);}
.pb-10{padding-bottom:calc(var(--spacing) * 10);}
.pb-11{padding-bottom:calc(var(--spacing) * 11);}
.pb-12{padding-bottom:calc(var(--spacing) * 12);}
.pb-14{padding-bottom:calc(var(--spacing) * 14);}
.pb-15{padding-bottom:calc(var(--spacing) * 15);}
.pb-16{padding-bottom:calc(var(--spacing) * 16);}
.pb-57{padding-bottom:calc(var(--spacing) * 57);}
.pb-100{padding-bottom:calc(var(--spacing) * 100);}
.pl-7{padding-left:calc(var(--spacing) * 7);}
.text-center{text-align:center;}
.text-end{text-align:end;}
.text-left{text-align:left;}
.text-start{text-align:start;}
.align-middle{vertical-align:middle;}
.font-secondary{font-family:var(--font-secondary);}
.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));}
.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1;}
.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35;}
.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65;}
.leading-none{--tw-leading:1;line-height:1;}
.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-\[0\.14\]{--tw-tracking:0.14;letter-spacing:0.14;}
.tracking-\[0\.89px\]{--tw-tracking:0.89px;letter-spacing:0.89px;}
.tracking-\[0px\]{--tw-tracking:0px;letter-spacing:0px;}
.whitespace-nowrap{white-space:nowrap;}
.text-\[\#BEC7EC\]{color:#BEC7EC;}
.text-\[\#FFFAEA\]{color:#FFFAEA;}
.text-black{color:var(--color-black);}
.text-primary{color:var(--color-primary);}
.text-primary\/60 {
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
.text-primary\/80 {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
.text-white{color:var(--color-white);}
.text-white\/60 {
color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-white) 60%, transparent);}
}
.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);}
.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));}
.duration-300{--tw-duration:300ms;transition-duration:300ms;}
.\!ease-linear{--tw-ease:linear !important;transition-timing-function:linear !important;}
.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}
.outline-none{--tw-outline-style:none;outline-style:none;}
.group-hover\:block {
&:is(:where(.group):hover *) {
@media (hover: hover){display:block;}
}
}
.max-lg\:mx-auto {
@media (width < 64rem){margin-inline:auto;}
}
.max-lg\:hidden {
@media (width < 64rem){display:none;}
}
.max-lg\:w-full {
@media (width < 64rem){width:100%;}
}
.max-lg\:justify-center {
@media (width < 64rem){justify-content:center;}
}
.max-lg\:border-b {
@media (width < 64rem){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}
}
.max-lg\:border-solid {
@media (width < 64rem){--tw-border-style:solid;border-style:solid;}
}
.max-lg\:border-black {
@media (width < 64rem){border-color:var(--color-black);}
}
.max-lg\:ps-3 {
@media (width < 64rem){padding-inline-start:calc(var(--spacing) * 3);}
}
.max-lg\:pt-4 {
@media (width < 64rem){padding-top:calc(var(--spacing) * 4);}
}
.max-lg\:pb-12 {
@media (width < 64rem){padding-bottom:calc(var(--spacing) * 12);}
}
.max-lg\:text-center {
@media (width < 64rem){text-align:center;}
}
.max-md\:hidden {
@media (width < 48rem){display:none;}
}
.max-md\:pt-0 {
@media (width < 48rem){padding-top:calc(var(--spacing) * 0);}
}
.max-md\:text-center {
@media (width < 48rem){text-align:center;}
}
.sm\:grid-cols-2 {
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.sm\:gap-4 {
@media (width >= 40rem){gap:calc(var(--spacing) * 4);}
}
.sm\:pb-5 {
@media (width >= 40rem){padding-bottom:calc(var(--spacing) * 5);}
}
.md\:-ms-8 {
@media (width >= 48rem){margin-inline-start:calc(var(--spacing) * -8);}
}
.md\:-me-8 {
@media (width >= 48rem){margin-inline-end:calc(var(--spacing) * -8);}
}
.md\:-mt-7 {
@media (width >= 48rem){margin-top:calc(var(--spacing) * -7);}
}
.md\:-mt-50 {
@media (width >= 48rem){margin-top:calc(var(--spacing) * -50);}
}
.md\:mt-12 {
@media (width >= 48rem){margin-top:calc(var(--spacing) * 12);}
}
.md\:-mb-9 {
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * -9);}
}
.md\:-mb-50 {
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * -50);}
}
.md\:mb-9 {
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 9);}
}
.md\:mb-10 {
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 10);}
}
.md\:min-h-100 {
@media (width >= 48rem){min-height:calc(var(--spacing) * 100);}
}
.md\:w-auto {
@media (width >= 48rem){width:auto;}
}
.md\:max-w-64 {
@media (width >= 48rem){max-width:calc(var(--spacing) * 64);}
}
.md\:grid-cols-2 {
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.md\:grid-cols-3 {
@media (width >= 48rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
}
.md\:grid-cols-\[1fr_auto\] {
@media (width >= 48rem){grid-template-columns:1fr auto;}
}
.md\:flex-row {
@media (width >= 48rem){flex-direction:row;}
}
.md\:gap-4 {
@media (width >= 48rem){gap:calc(var(--spacing) * 4);}
}
.md\:gap-6 {
@media (width >= 48rem){gap:calc(var(--spacing) * 6);}
}
.md\:gap-7 {
@media (width >= 48rem){gap:calc(var(--spacing) * 7);}
}
.md\:gap-10 {
@media (width >= 48rem){gap:calc(var(--spacing) * 10);}
}
.md\:space-y-6 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-8 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-9 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:space-y-15 {
@media (width >= 48rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.md\:gap-y-7 {
@media (width >= 48rem){row-gap:calc(var(--spacing) * 7);}
}
.md\:rounded-t-3xl {
@media (width >= 48rem){border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);}
}
.md\:p-9 {
@media (width >= 48rem){padding:calc(var(--spacing) * 9);}
}
.md\:px-6 {
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 6);}
}
.md\:py-12 {
@media (width >= 48rem){padding-block:calc(var(--spacing) * 12);}
}
.md\:py-16 {
@media (width >= 48rem){padding-block:calc(var(--spacing) * 16);}
}
.md\:ps-12 {
@media (width >= 48rem){padding-inline-start:calc(var(--spacing) * 12);}
}
.md\:pe-12 {
@media (width >= 48rem){padding-inline-end:calc(var(--spacing) * 12);}
}
.md\:pt-0 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 0);}
}
.md\:pt-12 {
@media (width >= 48rem){padding-top:calc(var(--spacing) * 12);}
}
.md\:pb-0 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 0);}
}
.md\:pb-8 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 8);}
}
.md\:pb-14 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 14);}
}
.md\:pb-18 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 18);}
}
.md\:pb-20 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 20);}
}
.md\:pb-120 {
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 120);}
}
.lg\:absolute {
@media (width >= 64rem){position:absolute;}
}
.lg\:sticky {
@media (width >= 64rem){position:sticky;}
}
.lg\:top-28 {
@media (width >= 64rem){top:calc(var(--spacing) * 28);}
}
.lg\:col-span-2 {
@media (width >= 64rem){grid-column:span 2 / span 2;}
}
.lg\:mx-auto {
@media (width >= 64rem){margin-inline:auto;}
}
.lg\:-ms-48 {
@media (width >= 64rem){margin-inline-start:calc(var(--spacing) * -48);}
}
.lg\:ms-12 {
@media (width >= 64rem){margin-inline-start:calc(var(--spacing) * 12);}
}
.lg\:ms-24 {
@media (width >= 64rem){margin-inline-start:calc(var(--spacing) * 24);}
}
.lg\:me-20 {
@media (width >= 64rem){margin-inline-end:calc(var(--spacing) * 20);}
}
.lg\:-mt-74 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * -74);}
}
.lg\:mt-0 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 0);}
}
.lg\:mt-10 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 10);}
}
.lg\:mt-13 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 13);}
}
.lg\:mt-14 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 14);}
}
.lg\:mt-15 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 15);}
}
.lg\:mt-26 {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 26);}
}
.lg\:-mb-74 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * -74);}
}
.lg\:mb-10 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 10);}
}
.lg\:mb-12 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 12);}
}
.lg\:mb-14 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 14);}
}
.lg\:mb-15 {
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 15);}
}
.lg\:block {
@media (width >= 64rem){display:block;}
}
.lg\:hidden {
@media (width >= 64rem){display:none;}
}
.lg\:inline-block {
@media (width >= 64rem){display:inline-block;}
}
.lg\:min-h-60 {
@media (width >= 64rem){min-height:calc(var(--spacing) * 60);}
}
.lg\:min-h-80 {
@media (width >= 64rem){min-height:calc(var(--spacing) * 80);}
}
.lg\:min-h-120 {
@media (width >= 64rem){min-height:calc(var(--spacing) * 120);}
}
.lg\:min-h-125 {
@media (width >= 64rem){min-height:calc(var(--spacing) * 125);}
}
.lg\:min-h-130 {
@media (width >= 64rem){min-height:calc(var(--spacing) * 130);}
}
.lg\:max-w-152 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 152);}
}
.lg\:max-w-165 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 165);}
}
.lg\:max-w-170 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 170);}
}
.lg\:max-w-175 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 175);}
}
.lg\:max-w-214 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 214);}
}
.lg\:max-w-223 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 223);}
}
.lg\:max-w-260 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 260);}
}
.lg\:max-w-306 {
@media (width >= 64rem){max-width:calc(var(--spacing) * 306);}
}
.lg\:flex-none {
@media (width >= 64rem){flex:none;}
}
.lg\:grid-cols-2 {
@media (width >= 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.lg\:grid-cols-3 {
@media (width >= 64rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
}
.lg\:grid-cols-\[0\.75fr_1fr\] {
@media (width >= 64rem){grid-template-columns:0.75fr 1fr;}
}
.lg\:grid-cols-\[0\.93fr_1fr\] {
@media (width >= 64rem){grid-template-columns:0.93fr 1fr;}
}
.lg\:grid-cols-\[1fr_0\.8fr\] {
@media (width >= 64rem){grid-template-columns:1fr 0.8fr;}
}
.lg\:grid-cols-\[1fr_180px_180px\] {
@media (width >= 64rem){grid-template-columns:1fr 180px 180px;}
}
.lg\:grid-cols-\[1fr_260px\] {
@media (width >= 64rem){grid-template-columns:1fr 260px;}
}
.lg\:flex-row {
@media (width >= 64rem){flex-direction:row;}
}
.lg\:items-center {
@media (width >= 64rem){align-items:center;}
}
.lg\:items-start {
@media (width >= 64rem){align-items:flex-start;}
}
.lg\:justify-end {
@media (width >= 64rem){justify-content:flex-end;}
}
.lg\:gap-0 {
@media (width >= 64rem){gap:calc(var(--spacing) * 0);}
}
.lg\:gap-4 {
@media (width >= 64rem){gap:calc(var(--spacing) * 4);}
}
.lg\:gap-8 {
@media (width >= 64rem){gap:calc(var(--spacing) * 8);}
}
.lg\:gap-11 {
@media (width >= 64rem){gap:calc(var(--spacing) * 11);}
}
.lg\:gap-12 {
@media (width >= 64rem){gap:calc(var(--spacing) * 12);}
}
.lg\:gap-14 {
@media (width >= 64rem){gap:calc(var(--spacing) * 14);}
}
.lg\:gap-15 {
@media (width >= 64rem){gap:calc(var(--spacing) * 15);}
}
.lg\:space-y-0 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-5 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-6 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-8 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-10 {
@media (width >= 64rem) {
: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)));}
}
}
.lg\:space-y-12 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-18 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 18) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 18) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:space-y-22 {
@media (width >= 64rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 22) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 22) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.lg\:rounded-xl {
@media (width >= 64rem){border-radius:var(--radius-xl);}
}
.lg\:rounded-t-3xl {
@media (width >= 64rem){border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);}
}
.lg\:rounded-t-4xl {
@media (width >= 64rem){border-top-left-radius:var(--radius-4xl);border-top-right-radius:var(--radius-4xl);}
}
.lg\:rounded-t-\[40px\] {
@media (width >= 64rem){border-top-left-radius:40px;border-top-right-radius:40px;}
}
.lg\:bg-primary {
@media (width >= 64rem){background-color:var(--color-primary);}
}
.lg\:p-1 {
@media (width >= 64rem){padding:calc(var(--spacing) * 1);}
}
.lg\:p-8 {
@media (width >= 64rem){padding:calc(var(--spacing) * 8);}
}
.lg\:p-10 {
@media (width >= 64rem){padding:calc(var(--spacing) * 10);}
}
.lg\:p-11 {
@media (width >= 64rem){padding:calc(var(--spacing) * 11);}
}
.lg\:p-14 {
@media (width >= 64rem){padding:calc(var(--spacing) * 14);}
}
.lg\:px-4 {
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 4);}
}
.lg\:px-7 {
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 7);}
}
.lg\:py-2 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 2);}
}
.lg\:py-3 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 3);}
}
.lg\:py-7 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 7);}
}
.lg\:py-14 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 14);}
}
.lg\:py-20 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 20);}
}
.lg\:py-21 {
@media (width >= 64rem){padding-block:calc(var(--spacing) * 21);}
}
.lg\:ps-15 {
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 15);}
}
.lg\:pe-17 {
@media (width >= 64rem){padding-inline-end:calc(var(--spacing) * 17);}
}
.lg\:pt-6 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 6);}
}
.lg\:pt-8 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 8);}
}
.lg\:pt-9\.5 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 9.5);}
}
.lg\:pt-12 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 12);}
}
.lg\:pt-14 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 14);}
}
.lg\:pt-15 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 15);}
}
.lg\:pt-16 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);}
}
.lg\:pt-18 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 18);}
}
.lg\:pt-19 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 19);}
}
.lg\:pt-20 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 20);}
}
.lg\:pt-21 {
@media (width >= 64rem){padding-top:calc(var(--spacing) * 21);}
}
.lg\:pb-0 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 0);}
}
.lg\:pb-6\.5 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 6.5);}
}
.lg\:pb-10 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 10);}
}
.lg\:pb-13 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 13);}
}
.lg\:pb-14 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 14);}
}
.lg\:pb-16 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 16);}
}
.lg\:pb-18 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 18);}
}
.lg\:pb-22 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 22);}
}
.lg\:pb-24 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 24);}
}
.lg\:pb-135 {
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 135);}
}
.lg\:text-\[15px\] {
@media (width >= 64rem){font-size:15px;}
}
.lg\:text-primary {
@media (width >= 64rem){color:var(--color-primary);}
}
.lg\:shadow-2xl {
@media (width >= 64rem){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 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);}
}
.xl\:-ms-14\.5 {
@media (width >= 80rem){margin-inline-start:calc(var(--spacing) * -14.5);}
}
.xl\:-ms-57 {
@media (width >= 80rem){margin-inline-start:calc(var(--spacing) * -57);}
}
.xl\:ms-16 {
@media (width >= 80rem){margin-inline-start:calc(var(--spacing) * 16);}
}
.xl\:ms-24 {
@media (width >= 80rem){margin-inline-start:calc(var(--spacing) * 24);}
}
.xl\:-me-14\.5 {
@media (width >= 80rem){margin-inline-end:calc(var(--spacing) * -14.5);}
}
.xl\:me-40 {
@media (width >= 80rem){margin-inline-end:calc(var(--spacing) * 40);}
}
.xl\:mt-9 {
@media (width >= 80rem){margin-top:calc(var(--spacing) * 9);}
}
.xl\:mt-13 {
@media (width >= 80rem){margin-top:calc(var(--spacing) * 13);}
}
.xl\:mt-18 {
@media (width >= 80rem){margin-top:calc(var(--spacing) * 18);}
}
.xl\:mb-12 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 12);}
}
.xl\:mb-14 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 14);}
}
.xl\:mb-15 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 15);}
}
.xl\:mb-16 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 16);}
}
.xl\:mb-18 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 18);}
}
.xl\:mb-20 {
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 20);}
}
.xl\:min-h-100 {
@media (width >= 80rem){min-height:calc(var(--spacing) * 100);}
}
.xl\:min-h-150 {
@media (width >= 80rem){min-height:calc(var(--spacing) * 150);}
}
.xl\:max-w-237 {
@media (width >= 80rem){max-width:calc(var(--spacing) * 237);}
}
.xl\:grid-cols-\[1fr_265px_265px\] {
@media (width >= 80rem){grid-template-columns:1fr 265px 265px;}
}
.xl\:grid-cols-\[1fr_315px\] {
@media (width >= 80rem){grid-template-columns:1fr 315px;}
}
.xl\:gap-3 {
@media (width >= 80rem){gap:calc(var(--spacing) * 3);}
}
.xl\:gap-4\.5 {
@media (width >= 80rem){gap:calc(var(--spacing) * 4.5);}
}
.xl\:gap-5\.5 {
@media (width >= 80rem){gap:calc(var(--spacing) * 5.5);}
}
.xl\:gap-9 {
@media (width >= 80rem){gap:calc(var(--spacing) * 9);}
}
.xl\:gap-10 {
@media (width >= 80rem){gap:calc(var(--spacing) * 10);}
}
.xl\:gap-12 {
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
}
.xl\:gap-14 {
@media (width >= 80rem){gap:calc(var(--spacing) * 14);}
}
.xl\:gap-15 {
@media (width >= 80rem){gap:calc(var(--spacing) * 15);}
}
.xl\:gap-22 {
@media (width >= 80rem){gap:calc(var(--spacing) * 22);}
}
.xl\:space-y-10 {
@media (width >= 80rem) {
: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)));}
}
}
.xl\:space-y-12 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-14 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:space-y-24 {
@media (width >= 80rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.xl\:gap-x-7 {
@media (width >= 80rem){column-gap:calc(var(--spacing) * 7);}
}
.xl\:gap-y-9 {
@media (width >= 80rem){row-gap:calc(var(--spacing) * 9);}
}
.xl\:rounded-4xl {
@media (width >= 80rem){border-radius:var(--radius-4xl);}
}
.xl\:rounded-t-4xl {
@media (width >= 80rem){border-top-left-radius:var(--radius-4xl);border-top-right-radius:var(--radius-4xl);}
}
.xl\:rounded-t-\[40px\] {
@media (width >= 80rem){border-top-left-radius:40px;border-top-right-radius:40px;}
}
.xl\:rounded-t-\[56px\] {
@media (width >= 80rem){border-top-left-radius:56px;border-top-right-radius:56px;}
}
.xl\:p-10 {
@media (width >= 80rem){padding:calc(var(--spacing) * 10);}
}
.xl\:p-11 {
@media (width >= 80rem){padding:calc(var(--spacing) * 11);}
}
.xl\:p-14 {
@media (width >= 80rem){padding:calc(var(--spacing) * 14);}
}
.xl\:p-18 {
@media (width >= 80rem){padding:calc(var(--spacing) * 18);}
}
.xl\:px-8 {
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 8);}
}
.xl\:px-10 {
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10);}
}
.xl\:py-9 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 9);}
}
.xl\:py-16 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 16);}
}
.xl\:py-24 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 24);}
}
.xl\:py-25 {
@media (width >= 80rem){padding-block:calc(var(--spacing) * 25);}
}
.xl\:ps-20 {
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 20);}
}
.xl\:pt-15 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 15);}
}
.xl\:pt-18 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 18);}
}
.xl\:pt-20 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 20);}
}
.xl\:pt-22 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 22);}
}
.xl\:pt-24 {
@media (width >= 80rem){padding-top:calc(var(--spacing) * 24);}
}
.xl\:pb-12 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 12);}
}
.xl\:pb-16 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 16);}
}
.xl\:pb-17 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 17);}
}
.xl\:pb-20 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 20);}
}
.xl\:pb-26 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 26);}
}
.xl\:pb-30 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 30);}
}
.xl\:pb-32 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 32);}
}
.xl\:pb-141 {
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 141);}
}
.\32 xl\:ms-20 {
@media (width >= 96rem){margin-inline-start:calc(var(--spacing) * 20);}
}
.\32 xl\:me-50 {
@media (width >= 96rem){margin-inline-end:calc(var(--spacing) * 50);}
}
.\32 xl\:mt-12 {
@media (width >= 96rem){margin-top:calc(var(--spacing) * 12);}
}
.\32 xl\:mb-20 {
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 20);}
}
.\32 xl\:mb-21 {
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 21);}
}
.\32 xl\:min-h-175 {
@media (width >= 96rem){min-height:calc(var(--spacing) * 175);}
}
.\32 xl\:gap-14 {
@media (width >= 96rem){gap:calc(var(--spacing) * 14);}
}
.\32 xl\:gap-17 {
@media (width >= 96rem){gap:calc(var(--spacing) * 17);}
}
.\32 xl\:gap-18 {
@media (width >= 96rem){gap:calc(var(--spacing) * 18);}
}
.\32 xl\:gap-29 {
@media (width >= 96rem){gap:calc(var(--spacing) * 29);}
}
.\32 xl\:space-y-17 {
@media (width >= 96rem) {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 17) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 17) * calc(1 - var(--tw-space-y-reverse)));}
}
}
.\32 xl\:gap-y-11 {
@media (width >= 96rem){row-gap:calc(var(--spacing) * 11);}
}
.\32 xl\:rounded-\[40px\] {
@media (width >= 96rem){border-radius:40px;}
}
.\32 xl\:rounded-t-\[40px\] {
@media (width >= 96rem){border-top-left-radius:40px;border-top-right-radius:40px;}
}
.\32 xl\:rounded-t-\[56px\] {
@media (width >= 96rem){border-top-left-radius:56px;border-top-right-radius:56px;}
}
.\32 xl\:p-14 {
@media (width >= 96rem){padding:calc(var(--spacing) * 14);}
}
.\32 xl\:px-10 {
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 10);}
}
.\32 xl\:py-20 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 20);}
}
.\32 xl\:py-29 {
@media (width >= 96rem){padding-block:calc(var(--spacing) * 29);}
}
.\32 xl\:ps-25 {
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 25);}
}
.\32 xl\:pt-21 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 21);}
}
.\32 xl\:pt-23 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 23);}
}
.\32 xl\:pt-25 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 25);}
}
.\32 xl\:pt-28 {
@media (width >= 96rem){padding-top:calc(var(--spacing) * 28);}
}
.\32 xl\:pb-20 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 20);}
}
.\32 xl\:pb-21 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 21);}
}
.\32 xl\:pb-24 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 24);}
}
.\32 xl\:pb-30 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 30);}
}
.\32 xl\:pb-34 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 34);}
}
.\32 xl\:pb-38 {
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 38);}
}
}
@layer components {
html{scroll-behavior:smooth;}
body{font-family:var(--font-primary);font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-leading:1.45;line-height:1.45;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);}
.container {
margin-inline: auto;
padding-inline: calc(var(--spacing) * 3);
@media(min-width:1700px){max-width:1584px !important;}
}
.textLarge {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.6;
line-height: 1.6;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.31px;
letter-spacing: 0.31px;
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
}
.textMedium {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.46;
line-height: 1.46;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.42px;
letter-spacing: 0.42px;
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
.textSmall {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.46;
line-height: 1.46;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.42px;
letter-spacing: 0.42px;
@media (width >= 80rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 96rem){font-size:23px;}
}
.textXs {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.13;
line-height: 1.13;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.headingH1 {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
@media (width >= 48rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
@media (width >= 64rem){font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height));}
@media (width >= 80rem){font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height));}
@media (width >= 96rem){font-size:89px;}
}
.headingH2 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
@media (width >= 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 64rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
@media (width >= 80rem){font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height));}
@media (width >= 96rem){font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height));}
}
.headingH3 {
font-family: var(--font-secondary);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: 0.48px;
letter-spacing: 0.48px;
@media (width >= 64rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
@media (width >= 80rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 96rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
}
.blogHeadingH1 {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: calc(1.05px * -1);
letter-spacing: calc(1.05px * -1);
@media (width >= 64rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
@media (width >= 80rem){font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height));}
@media (width >= 96rem){font-size:70px;}
}
.blogHeadingH2{font-size:46px;--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}
.blogHeadingH3 {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: 0.4px;
letter-spacing: 0.4px;
@media (width >= 80rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 96rem){font-size:40px;}
}
.blogHeadingH4 {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.37;
line-height: 1.37;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.3px;
letter-spacing: 0.3px;
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
}
.blogHeadingH5 {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
.blogHeadingH6{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-leading:1.2;line-height:1.2;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}
.blogTextLarge {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.46;
line-height: 1.46;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.31px;
letter-spacing: 0.31px;
@media (width >= 48rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
}
.blogTextMed {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.46;
line-height: 1.46;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.35px;
letter-spacing: 0.35px;
@media (width >= 48rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
.blogTextSmall{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-leading:1.35;line-height:1.35;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:0.2px;letter-spacing:0.2px;}
.blogTextXs {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.35;
line-height: 1.35;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
--tw-tracking: 0.18px;
letter-spacing: 0.18px;
@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.blogText2Xs{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-leading:1.35;line-height:1.35;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:0.14px;letter-spacing:0.14px;}
.btn {
display: inline-flex;
justify-content: center;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: transparent;
padding-inline: calc(var(--spacing) * 6);
padding-block: calc(var(--spacing) * 3);
text-align: center;
font-family: var(--font-primary);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.56px;
letter-spacing: 0.56px;
@media (width >= 48rem){border-radius:var(--radius-2xl);}
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 3.5);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 4.5);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 5.5);}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
.btnBlack{background-color:var(--color-black);color:var(--color-white);}
.btnPrimary{background-color:var(--color-primary);color:var(--color-white);}
.btnYellow{background-color:#F8E509;color:var(--color-primary);}
.btnOutline {
border-color: color-mix(in srgb, #000 48%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-black) 48%, transparent);}
color: var(--color-primary);
&.btnLight{border-color:#FFFAEA;color:#FFFAEA;}
}
.chips {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: #E6F7FE;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 6);}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 3);}
@media (width >= 48rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 4);}
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 5);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 12);}
}
.headerMain {
position: fixed;
top: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
z-index: 50;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: color-mix(in srgb, #fff 30%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white) 30%, transparent);}
background-color: transparent;
padding-block: calc(var(--spacing) * 3);
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 >= 64rem){padding-block:calc(var(--spacing) * 6);}
&.stickyHeader {
background-color: var(--color-white);
padding-block: calc(var(--spacing) * 2);
@media (width >= 64rem){padding-block:calc(var(--spacing) * 3);}
}
&.headerWhite{background-color:var(--color-white);}
}
.headerNavMain {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
font-size: 15px;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
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 < 64rem){position:fixed;}
@media (width < 64rem){top:calc(var(--spacing) * 0);}
@media (width < 64rem){bottom:calc(var(--spacing) * 0);}
@media (width < 64rem){left:calc(var(--spacing) * 0);}
@media (width < 64rem){z-index:20;}
@media (width < 64rem){width:100%;}
@media (width < 64rem){max-width:300px;}
@media (width < 64rem){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}
@media (width < 64rem){overflow:auto;}
@media (width < 64rem){background-color:var(--color-primary);}
@media (width < 64rem){padding-inline:calc(var(--spacing) * 5);}
@media (width < 64rem){padding-top:calc(var(--spacing) * 13);}
@media (width < 64rem){padding-bottom:calc(var(--spacing) * 10);}
@media (width >= 64rem){flex-direction:row;}
@media (width >= 64rem){justify-content:flex-end;}
@media (width >= 80rem){gap:calc(var(--spacing) * 8);}
ul {
li {
a {
display: flex;
align-items: 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);
@media (width >= 64rem) {
color: color-mix(in srgb, #003433 90%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 90%, transparent);}
}
@media (width >= 80rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));}
}
.submenu {
a {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-white);
&:hover {
@media (hover: hover){color:var(--color-white);}
}
}
}
&.hasChild {
a {
img {
@media (width < 64rem){--tw-brightness:brightness(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,);}
@media (width < 64rem){--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,);}
}
}
}
}
}
}
.headerBtn {
justify-content: center;
border-radius: 10px;
background-color: var(--color-primary);
padding-inline: calc(var(--spacing) * 10);
padding-block: calc(var(--spacing) * 3.5);
font-family: var(--font-secondary);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.32px;
letter-spacing: 0.32px;
color: var(--color-white) !important;
@media (width < 64rem){background-color:var(--color-white);}
@media (width < 64rem){color:var(--color-primary) !important;}
}
.lightHeader {
.submenu a {
&:hover {
@media (hover: hover){color:var(--color-primary);}
}
}
}
body.nav-open{overflow:hidden;}
.nav-open .headerNavMain {
@media (width < 64rem){--tw-translate-x:calc(var(--spacing) * -0);translate:var(--tw-translate-x) var(--tw-translate-y);}
}
.overlayNav{pointer-events:none;opacity:0%;}
.nav-open .overlayNav{pointer-events:auto;opacity:100%;}
.bannerCol {
padding-top: calc(var(--spacing) * 24);
padding-bottom: calc(var(--spacing) * 20);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 36);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 30);}
&.innerBanner {
padding-bottom: calc(var(--spacing) * 6) !important;
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 19) !important;}
}
&.headerWhiteBanner {
padding-top: calc(var(--spacing) * 24);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 41);}
}
&.jobsBanner {
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 20);}
}
}
.jobsVisual {
margin-inline: auto;
margin-top: calc(var(--spacing) * 8);
max-width: calc(var(--spacing) * 300);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 11);}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 14);}
}
.jobsHero {
position: relative;
display: flex;
min-height: calc(var(--spacing) * 30);
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: var(--radius-2xl);
background-color: #FF9498;
@media (width >= 40rem){min-height:calc(var(--spacing) * 40);}
@media (width >= 48rem){min-height:calc(var(--spacing) * 50);}
@media (width >= 64rem){min-height:calc(var(--spacing) * 60);}
@media (width >= 80rem){min-height:calc(var(--spacing) * 77);}
.shape{position:absolute;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);background-color:#FFD03A;}
.shapeLeft {
left: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 14);
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
@media (width >= 40rem){width:calc(var(--spacing) * 20);}
@media (width >= 48rem){width:calc(var(--spacing) * 28);}
@media (width >= 48rem){border-top-right-radius:70px;border-bottom-right-radius:70px;}
@media (width >= 64rem){width:calc(var(--spacing) * 36);}
@media (width >= 64rem){border-top-right-radius:90px;border-bottom-right-radius:90px;}
@media (width >= 80rem){width:calc(var(--spacing) * 48);}
@media (width >= 80rem){border-top-right-radius:120px;border-bottom-right-radius:120px;}
@media (width >= 96rem){width:calc(var(--spacing) * 55);}
@media (width >= 96rem){border-top-right-radius:150px;border-bottom-right-radius:150px;}
}
.shapeCenter {
top: calc(var(--spacing) * -8);
bottom: calc(var(--spacing) * -8);
left: calc(1/2 * 100%);
width: calc(var(--spacing) * 20);
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
border-radius: 60px;
@media (width >= 40rem){width:calc(var(--spacing) * 36);}
@media (width >= 48rem){top:calc(var(--spacing) * -10);}
@media (width >= 48rem){bottom:calc(var(--spacing) * -10);}
@media (width >= 48rem){width:calc(var(--spacing) * 48);}
@media (width >= 48rem){border-radius:70px;}
@media (width >= 64rem){top:calc(var(--spacing) * -12);}
@media (width >= 64rem){bottom:calc(var(--spacing) * -12);}
@media (width >= 64rem){width:calc(var(--spacing) * 57);}
@media (width >= 64rem){border-radius:90px;}
@media (width >= 80rem){top:calc(var(--spacing) * -16);}
@media (width >= 80rem){bottom:calc(var(--spacing) * -16);}
@media (width >= 80rem){width:calc(var(--spacing) * 67);}
@media (width >= 80rem){border-radius:120px;}
@media (width >= 96rem){width:calc(var(--spacing) * 77);}
@media (width >= 96rem){border-radius:150px;}
}
.shapeRight {
right: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 14);
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
@media (width >= 40rem){width:calc(var(--spacing) * 20);}
@media (width >= 48rem){width:calc(var(--spacing) * 28);}
@media (width >= 48rem){border-top-left-radius:70px;border-bottom-left-radius:70px;}
@media (width >= 64rem){width:calc(var(--spacing) * 36);}
@media (width >= 64rem){border-top-left-radius:90px;border-bottom-left-radius:90px;}
@media (width >= 80rem){width:calc(var(--spacing) * 48);}
@media (width >= 80rem){border-top-left-radius:120px;border-bottom-left-radius:120px;}
@media (width >= 96rem){width:calc(var(--spacing) * 55);}
@media (width >= 96rem){border-top-left-radius:150px;border-bottom-left-radius:150px;}
}
}
.jobsAvatars {
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--spacing) * 1);
@media (width >= 48rem){gap:calc(var(--spacing) * 4);}
@media (width >= 64rem){gap:calc(var(--spacing) * 6);}
@media (width >= 80rem){gap:calc(var(--spacing) * 8);}
@media (width >= 96rem){gap:calc(var(--spacing) * 10);}
img {
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--color-white);
object-fit: cover;
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);}
@media (width >= 64rem){width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);}
@media (width >= 64rem){border-style:var(--tw-border-style);border-width:4px;}
@media (width >= 80rem){width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24);}
&.isActive {
width: calc(var(--spacing) * 16);
height: calc(var(--spacing) * 16);
@media (width >= 48rem){width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);}
@media (width >= 64rem){width:calc(var(--spacing) * 25);height:calc(var(--spacing) * 25);}
@media (width >= 80rem){width:calc(var(--spacing) * 29);height:calc(var(--spacing) * 29);}
}
}
}
.jobsCards {
margin-top: calc(var(--spacing) * 7);
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 6);
@media (width >= 48rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (width >= 64rem){margin-top:calc(var(--spacing) * 9);}
@media (width >= 64rem){gap:calc(var(--spacing) * 8);}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 12);}
@media (width >= 80rem){gap:calc(var(--spacing) * 10);}
@media (width >= 96rem){gap:calc(var(--spacing) * 12);}
}
.jobsPhoto {
overflow: hidden;
border-radius: 30px;
img{aspect-ratio:368/309;width:100%;object-fit:cover;}
}
.jobsMeta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 11px;
--tw-leading: 1;
line-height: 1;
span {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1);
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
&::before{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
&::before{content:var(--tw-content);border-radius:calc(infinity * 1px);}
&::before{content:var(--tw-content);background-color:#3BDF86;}
}
strong {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);color:#FFC400;}
}
}
.jobsListSection {
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 15);
padding-bottom: calc(var(--spacing) * 20);
color: var(--color-primary);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 30);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 22);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 35);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 25);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 40);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 28);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 45);}
}
.jobsListInner{margin-inline:auto;max-width:calc(var(--spacing) * 300);}
.jobsListItem {
margin-bottom: calc(var(--spacing) * 8);
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, #003433 20%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 20%, transparent);}
padding-bottom: calc(var(--spacing) * 6);
&:last-child{margin-bottom:calc(var(--spacing) * 0);}
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 12);}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 8);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 19);}
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 22);}
h2{margin-bottom:calc(var(--spacing) * 3);color:var(--color-primary);}
}
.jobsListMeta {
margin-bottom: calc(var(--spacing) * 4);
display: flex;
flex-wrap: wrap;
column-gap: calc(var(--spacing) * 2);
row-gap: calc(var(--spacing) * 2);
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
@media (width >= 64rem){column-gap:calc(var(--spacing) * 4);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 6);}
@media (width >= 80rem){column-gap:calc(var(--spacing) * 6);}
}
.jobsListActions {
display: flex;
flex-wrap: wrap;
gap: calc(var(--spacing) * 2.5);
.btn{min-width:calc(var(--spacing) * 28);}
}
.jobSingleDetailsSection {
padding-bottom: calc(var(--spacing) * 12);
color: var(--color-primary);
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 20);}
}
.jobSingleDetailsCard {
position: relative;
margin-inline: auto;
margin-top: calc(var(--spacing) * -90);
max-width: calc(var(--spacing) * 300);
border-radius: var(--radius-2xl);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 9);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){margin-top:calc(var(--spacing) * -110);}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 12);}
@media (width >= 64rem){margin-top:calc(var(--spacing) * -122);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 16);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 20);}
.jobSingleDetailsCardInr {
margin-inline: auto;
max-width: calc(var(--spacing) * 247);
& > h2:not(:first-child) {
margin-top: calc(var(--spacing) * 8);
@media (width >= 48rem){margin-top:calc(var(--spacing) * 12);}
}
}
h2 {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.37;
line-height: 1.37;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.3px;
letter-spacing: 0.3px;
color: var(--color-primary);
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
}
p, li{color:var(--color-primary);}
ol{list-style-type:decimal;padding-inline-start:calc(var(--spacing) * 8);}
ul {
margin-top: calc(var(--spacing) * 5);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
padding-inline-start: calc(var(--spacing) * 1);
@media (width >= 48rem){margin-top:calc(var(--spacing) * 6);}
@media (width >= 48rem){padding-inline-start:calc(var(--spacing) * 3);}
}
ul li {
position: relative;
list-style-type: none;
padding-inline-start: calc(var(--spacing) * 7);
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 9);}
&:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%23E7E7E7'/%3E%3Cpath d='M6.10938 10.4904L7.66509 12.3044C8.41478 13.1785 9.78671 13.1141 10.4512 12.1736L13.8889 7.30786' stroke='%23003433' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
position: absolute;
top: calc(var(--spacing) * 1);
left: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
background-size: contain;
background-repeat: no-repeat;
@media (width >= 64rem){top:calc(var(--spacing) * 2.5);}
@media (width >= 64rem){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
}
}
}
.connectSection {
position: relative;
overflow: hidden;
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 24);
padding-bottom: calc(var(--spacing) * 14);
color: var(--color-primary);
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 18);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 28);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 24);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 36);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 44);}
&::before{content:"";position:absolute;inset-inline:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);height:calc(var(--spacing) * 263);background-color:#FFDCDC;}
}
.connectInner {
position: relative;
z-index: 10;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
@media (width >= 48rem){grid-template-columns:0.9fr 1fr;}
}
.connectIntro {
padding-inline-end: calc(var(--spacing) * 4);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 10);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);}
h1 {
margin-bottom: calc(var(--spacing) * 4);
max-width: calc(var(--spacing) * 118);
color: var(--color-primary);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 8);}
}
p {
max-width: calc(var(--spacing) * 149);
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
.connectOuter {
margin-inline-start: auto;
@media (width >= 48rem){max-width:calc(var(--spacing) * 147);}
}
.connectImage {
overflow: hidden;
@media (width < 48rem){margin-bottom:calc(var(--spacing) * 5);}
@media (width < 48rem){border-radius:var(--radius-2xl);}
@media (width >= 48rem){border-top-left-radius:40px;}
img{aspect-ratio:586/413;width:100%;object-fit:cover;}
}
.connectQuote {
position: relative;
background-color: #FEFEC0;
padding-inline: calc(var(--spacing) * 5);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 12);
color: var(--color-primary);
@media (width < 48rem){border-radius:var(--radius-2xl);}
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 10);}
@media (width >= 48rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 25);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 40);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 20);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 33);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 66);}
> span{margin-bottom:calc(var(--spacing) * 4);display:block;}
blockquote {
margin-bottom: calc(var(--spacing) * 8);
--tw-tracking: 0px;
letter-spacing: 0px;
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 13);}
}
&:after {
content: "";
position: absolute;
top: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
left: 100%;
width: 100%;
background-color: #fefec0;
@media (width < 48rem){display:none;}
}
}
.connectAuthor {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 6);
img{width:calc(var(--spacing) * 15);height:calc(var(--spacing) * 15);border-radius:calc(infinity * 1px);object-fit:cover;}
h2{display:block;color:var(--color-primary);}
span {
display: block;
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
}
.connectForm {
position: relative;
z-index: 20;
border-radius: var(--radius-2xl);
background-color: var(--color-white);
padding-block: calc(var(--spacing) * 8);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 11);}
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 12);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 16);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 17);}
.gform_heading{display:none !important;}
.gform-theme--foundation .gform_fields{gap:calc(var(--spacing) * 12);}
.gform-field-label__text {
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
--tw-leading: 1.2 !important;
line-height: 1.2 !important;
--tw-font-weight: var(--font-weight-bold) !important;
font-weight: var(--font-weight-bold) !important;
@media (width >= 80rem){font-size:var(--text-2xl) !important;line-height:var(--tw-leading, var(--text-2xl--line-height)) !important;}
@media (width >= 96rem){font-size:28px !important;}
}
label{margin-bottom:calc(var(--spacing) * 12);display:block;}
span{margin-bottom:calc(var(--spacing) * 1.5);display:block;color:var(--color-primary);}
input, textarea {
display: block !important;
height: calc(var(--spacing) * 10) !important;
width: 100% !important;
resize: none !important;
border-radius: 0 !important;
border-style: var(--tw-border-style) !important;
border-width: 0px !important;
border-bottom-style: var(--tw-border-style) !important;
border-bottom-width: 1px !important;
border-color: color-mix(in srgb, #003433 80%, transparent) !important;
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 80%, transparent) !important;}
background-color: transparent !important;
padding-inline: calc(var(--spacing) * 0) !important;
padding-block: calc(var(--spacing) * 0) !important;
font-size: var(--text-lg) !important;
line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
--tw-leading: 1.4 !important;
line-height: 1.4 !important;
color: var(--color-primary) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
--tw-outline-style: none !important;
outline-style: none !important;
@media (width >= 64rem){height:calc(var(--spacing) * 13) !important;}
@media (width >= 80rem){height:calc(var(--spacing) * 22) !important;}
}
textarea{min-height:calc(var(--spacing) * 22) !important;}
.gform_button[type="submit"] {
display: inline-flex !important;
justify-content: center !important;
border-radius: var(--radius-xl) !important;
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
--tw-border-style: solid !important;
border-style: solid !important;
border-color: transparent !important;
padding-inline: calc(var(--spacing) * 6) !important;
padding-block: calc(var(--spacing) * 3) !important;
text-align: center !important;
font-family: var(--font-primary) !important;
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
--tw-leading: 1 !important;
line-height: 1 !important;
--tw-font-weight: var(--font-weight-bold) !important;
font-weight: var(--font-weight-bold) !important;
--tw-tracking: 0.56px !important;
letter-spacing: 0.56px !important;
@media (width >= 48rem){border-radius:var(--radius-2xl) !important;}
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 8) !important;}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 3.5) !important;}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 4.5) !important;}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10) !important;}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 5.5) !important;}
@media (width >= 80rem){font-size:var(--text-2xl) !important;line-height:var(--tw-leading, var(--text-2xl--line-height)) !important;}
@media (width >= 96rem){font-size:28px !important;}
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
}
}
.aboutText {
--tw-gradient-position: to bottom;
@supports (background-image: linear-gradient(in lab, red, red)){--tw-gradient-position:to bottom in oklab;}
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: color-mix(in oklab, #BDEAFF 65%, transparent);
--tw-gradient-to: #E6F7FE;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
padding-block: calc(var(--spacing) * 12);
@media (width >= 64rem){padding-block:calc(var(--spacing) * 16);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 20);}
}
.aboutTextInr {
p {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.47;
line-height: 1.47;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-primary);
@media (width >= 64rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
@media (width >= 80rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 96rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
span {
margin-inline: calc(var(--spacing) * 1);
display: inline-block;
vertical-align: middle;
img {
width: calc(var(--spacing) * 9);
@media (width >= 80rem){width:calc(var(--spacing) * 12);}
@media (width >= 96rem){width:calc(var(--spacing) * 22);}
}
}
}
}
.faqColMain {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 14);
@media (width >= 64rem){grid-template-columns:400px 1fr;}
@media (width >= 80rem){grid-template-columns:500px 1fr;}
@media (width >= 80rem){gap:calc(var(--spacing) * 18);}
@media (width >= 96rem){grid-template-columns:570px 1fr;}
@media (width >= 96rem){gap:calc(var(--spacing) * 22);}
}
.faqImgMain {
position: absolute;
top: calc(var(--spacing) * 2);
right: calc(var(--spacing) * -55);
@media (width >= 64rem){position:static;}
}
.faq-item {
position: relative;
border-radius: 20px;
&.active{background-color:#FFFAEA;}
}
.faqOuter {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
@media (width >= 64rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
counter-reset: faq-counter;
.faq-toggle {
position: relative;
display: flex;
width: 100%;
cursor: pointer;
align-items: center;
gap: calc(var(--spacing) * 6);
padding-block: calc(var(--spacing) * 6.5);
padding-inline-start: calc(var(--spacing) * 5);
padding-inline-end: calc(var(--spacing) * 5);
text-align: left;
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 12);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 15);}
}
.faqContent {
padding-inline-start: calc(var(--spacing) * 5);
padding-inline-end: calc(var(--spacing) * 5);
padding-bottom: calc(var(--spacing) * 8);
color: color-mix(in srgb, #003433 90%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 90%, transparent);}
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 12);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 15);}
}
}
.profileCard {
position: relative;
display: flex;
width: calc(var(--spacing) * 80);
flex-direction: column;
border-radius: 18px;
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: #E5F4FA;
background-color: var(--color-white);
background-image: linear-gradient(#F0F5F8 1px,transparent 1px),linear-gradient(90deg,#F0F5F8 1px,transparent 1px);
background-size: 20px 20px;
padding: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 6);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 64rem){width:calc(var(--spacing) * 100);}
@media (width >= 64rem){padding:calc(var(--spacing) * 6);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 7.5);}
@media (width >= 96rem){width:calc(var(--spacing) * 113);}
.profileImage {
position: relative;
margin-bottom: calc(var(--spacing) * 4);
img{aspect-ratio:387/163;width:100%;border-radius:var(--radius-xl);object-fit:cover;}
}
.profileStatus {
position: absolute;
right: calc(var(--spacing) * -3);
bottom: calc(var(--spacing) * -3);
display: flex;
width: calc(var(--spacing) * 12);
height: calc(var(--spacing) * 12);
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
background-color: var(--color-white);
&::after{content:var(--tw-content);width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);}
&::after{content:var(--tw-content);border-radius:var(--radius-md);}
&::after{content:var(--tw-content);background-color:var(--color-blueColor);}
}
.verifiedBadge {
position: absolute;
bottom: calc(var(--spacing) * 1.5);
left: calc(var(--spacing) * 3);
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1);
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #fff 88%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 88%, transparent);}
padding-block: calc(var(--spacing) * 1);
padding-inline-start: calc(var(--spacing) * 2);
padding-inline-end: calc(var(--spacing) * 3);
font-family: var(--font-barlow);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-black);
svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
}
.profileInfo {
margin-bottom: calc(var(--spacing) * 8);
h3{margin-bottom:calc(var(--spacing) * 2);color:var(--color-primary);}
.experience{margin-bottom:calc(var(--spacing) * 2.5);display:block;color:var(--color-primary);}
p {
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
}
.skillList {
margin-bottom: calc(var(--spacing) * 6);
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 3);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 10);}
@media (width >= 64rem){gap:calc(var(--spacing) * 5);}
}
.skillRow {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 1);
.skillLabel{color:var(--color-primary);}
.skillMeter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(var(--spacing) * 3);}
.skillTrack{height:calc(var(--spacing) * 3);overflow:hidden;border-radius:calc(infinity * 1px);background-color:var(--color-lightGray);}
.skillFill{display:block;height:100%;border-radius:calc(infinity * 1px);background-color:var(--color-blueColor);}
.skillValue{font-family:var(--font-secondary);font-size:13px;--tw-leading:1.45;line-height:1.45;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:0.13px;letter-spacing:0.13px;color:var(--color-primary);}
}
.profileActions {
margin-bottom: calc(var(--spacing) * 3);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--spacing) * 2); a{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 3);}
}
.profileMeta {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 1.5);
color: color-mix(in srgb, #000 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-black) 60%, transparent);}
.flagIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-leading:1;line-height:1;}
.ratingStar {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1;
line-height: 1;
color: var(--color-blueColor);
svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
}
}
}
.successSwiperCol {
.swiper-slide {
&:nth-child(odd) {
margin-top: calc(var(--spacing) * 8);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 10);}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 13);}
}
}
}
.successCard {
position: relative;
display: flex;
width: calc(var(--spacing) * 80);
flex-direction: column;
justify-content: space-between;
overflow: hidden;
border-radius: 26px;
background-color: var(--color-white);
padding-inline-start: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 9);
padding-bottom: calc(var(--spacing) * 4);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
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 {
@media (hover: hover){background-color:#89E5FC;}
}
@media (width >= 48rem){padding-top:calc(var(--spacing) * 15);}
@media (width >= 80rem){width:calc(var(--spacing) * 90);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 6);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 6);}
@media (width >= 96rem){width:calc(var(--spacing) * 103);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 8);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 8);}
&.isFeatured{background-color:#7ED9EF;}
.successIcon {
position: absolute;
top: calc(var(--spacing) * 3);
right: calc(var(--spacing) * 3);
display: flex;
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
color: var(--color-primary);
@media (width >= 48rem){width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
@media (width >= 96rem){top:calc(var(--spacing) * 4.5);}
@media (width >= 96rem){right:calc(var(--spacing) * 4);}
@media (width >= 96rem){width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);}
svg{width:100%;height:100%;}
}
.successContent {
padding-inline-end: calc(var(--spacing) * 4);
@media (width >= 80rem){padding-inline-end:calc(var(--spacing) * 6);}
@media (width >= 96rem){padding-inline-end:calc(var(--spacing) * 8);}
h3 {
margin-bottom: calc(var(--spacing) * 4);
color: var(--color-primary);
} p{color:var(--color-primary);}
}
.successImage {
margin-top: calc(var(--spacing) * 5);
overflow: hidden;
border-start-start-radius: 19px;
border-end-start-radius: 19px;
img{aspect-ratio:399/180;width:100%;object-fit:cover;}
}
}
.impactSection {
overflow: hidden;
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 17);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 0);}
}
.impactIntro {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 8);
display: grid;
max-width: calc(var(--spacing) * 315);
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: calc(var(--spacing) * 8);
@media (width >= 64rem){grid-template-columns:1fr 354px;}
@media (width >= 64rem){gap:calc(var(--spacing) * 30);}
@media (width >= 80rem){gap:calc(var(--spacing) * 40);}
@media (width >= 96rem){gap:calc(var(--spacing) * 50);}
}
.impactQuote {
color: var(--color-primary);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 13);}
}
.impactImage {
overflow: hidden;
border-radius: 26px;
img{aspect-ratio:354/267;width:100%;object-fit:cover;}
}
.impactGrid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 2);
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){grid-template-columns:repeat(4, minmax(0, 1fr));}
}
.impactCard {
min-height: calc(var(--spacing) * 50);
border-top-left-radius: var(--radius-2xl);
border-top-right-radius: var(--radius-2xl);
border-bottom-right-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl);
background-color: #FFFAEA;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 6);
color: var(--color-primary);
@media (width >= 64rem){min-height:calc(var(--spacing) * 64);}
@media (width >= 64rem){border-top-left-radius:26px;border-top-right-radius:26px;}
@media (width >= 64rem){border-bottom-right-radius:0;border-bottom-left-radius:0;}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 7);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 11);}
&:nth-child(odd){background-color:#BDEAFF;}
h3{margin-bottom:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-border-style:solid;border-style:solid;border-color:color-mix(in oklab, #ACDEF7 77%, transparent);padding-bottom:calc(var(--spacing) * 4);}
p {
color: color-mix(in srgb, #003433 70%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 70%, transparent);}
}
}
.resourcesTalentSection {
background-color: #BDEAFF;
padding-top: calc(var(--spacing) * 9);
padding-bottom: calc(var(--spacing) * 9);
color: var(--color-primary);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 12);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 22);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 24);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 28);}
}
.resourcesTalentInner {
margin-inline: auto;
display: grid;
max-width: calc(var(--spacing) * 362);
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 7);
@media (width >= 64rem){grid-template-columns:1fr 400px;}
@media (width >= 64rem){gap:calc(var(--spacing) * 9);}
@media (width >= 80rem){grid-template-columns:1fr 500px;}
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
@media (width >= 96rem){grid-template-columns:1fr 588px;}
@media (width >= 96rem){gap:calc(var(--spacing) * 14);}
}
.resourcesTalentList{display:flex;flex-direction:column;gap:calc(var(--spacing) * 4);}
.resourcesTalentCardInr, .resourcesTalentMeta {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 4);
@media (width >= 48rem){grid-template-columns:132px 1fr;}
@media (width >= 80rem){grid-template-columns:144px 1fr;}
@media (width >= 80rem){gap:calc(var(--spacing) * 7);}
}
.resourcesTalentCard {
position: relative;
border-radius: var(--radius-lg);
background-color: var(--color-white);
background-image: linear-gradient(#F0F5F8 1px,transparent 1px),linear-gradient(90deg,#F0F5F8 1px,transparent 1px);
background-size: 20px 20px;
padding-inline-start: calc(var(--spacing) * 5);
padding-inline-end: calc(var(--spacing) * 3);
padding-top: calc(var(--spacing) * 5);
padding-bottom: calc(var(--spacing) * 3);
color: var(--color-primary);
.resourcesTalentCardInr{align-items:flex-start;}
}
.resourcesTalentMeta {
margin-top: calc(var(--spacing) * 3);
align-items: center;
.metaInr {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
gap: calc(var(--spacing) * 3);
@media (width >= 48rem){grid-template-columns:1fr auto;}
span{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1.5);}
.metaInrBtn {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 2);
a {
display: block;
width: 100%;
min-width: calc(var(--spacing) * 28);
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: color-mix(in srgb, #000 48%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-black) 48%, transparent);}
background-color: var(--color-white);
padding: calc(var(--spacing) * 1.5);
text-align: center;
color: var(--color-primary);
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));
&:hover {
@media (hover: hover){background-color:var(--color-black);}
}
&:hover {
@media (hover: hover){color:var(--color-white);}
}
@media (width >= 48rem){width:auto;}
}
}
}
}
.resourcesTalentPhoto {
position: relative;
width: calc(var(--spacing) * 28);
@media (width >= 48rem){width:calc(var(--spacing) * 33);}
@media (width >= 80rem){width:calc(var(--spacing) * 36);}
img{aspect-ratio:144/136;width:100%;border-radius:var(--radius-lg);object-fit:cover;}
span.badgeCol {
position: absolute;
bottom: calc(var(--spacing) * 4);
left: calc(var(--spacing) * 3);
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1);
border-radius: calc(infinity * 1px);
background-color: color-mix(in srgb, #fff 90%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 90%, transparent);}
padding: calc(var(--spacing) * 1);
padding-inline-end: calc(var(--spacing) * 2);
font-family: var(--font-barlow);
font-size: 10px;
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.2px;
letter-spacing: 0.2px;
color: var(--color-primary);
}
span.profileStatus {
position: absolute;
right: calc(var(--spacing) * -3);
bottom: calc(var(--spacing) * -3);
display: flex;
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
background-color: var(--color-white);
&::after{content:var(--tw-content);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}
&::after{content:var(--tw-content);border-radius:var(--radius-md);}
&::after{content:var(--tw-content);background-color:var(--color-blueColor);}
}
}
.resourcesTalentInfo {
.resourceTalentInfoHead {
padding-inline-end: calc(var(--spacing) * 12);
h3{color:var(--color-primary);}
}
.resourcesTalentRole {
margin-bottom: calc(var(--spacing) * 2);
color: var(--color-primary);
span{margin-inline:calc(var(--spacing) * 3);}
}
> p {
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
}
.resourcesTalentFlag {
position: absolute;
top: calc(var(--spacing) * 4);
right: calc(var(--spacing) * 16);
display: inline-flex;
width: calc(var(--spacing) * 7.5);
height: calc(var(--spacing) * 7.5);
@media (width >= 48rem){position:static;}
}
.resourcesTalentOpen {
position: absolute;
top: calc(var(--spacing) * 3);
right: calc(var(--spacing) * 3);
display: inline-flex;
width: calc(var(--spacing) * 10.5);
height: calc(var(--spacing) * 10.5);
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
background-color: var(--color-primary);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-white);
svg{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5);}
}
.resourcesTalentAside {
display: none;
flex-direction: column;
gap: calc(var(--spacing) * 4);
@media (width >= 48rem){display:flex;}
}
.resourcesTalentResource {
overflow: hidden;
border-radius: 40px;
background-color: #FEFEC0;
color: var(--color-primary);
.resourcesTalentResourceInr {
padding-inline-start: calc(var(--spacing) * 7);
padding-inline-end: calc(var(--spacing) * 6);
padding-top: calc(var(--spacing) * 8);
padding-bottom: calc(var(--spacing) * 7);
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 10);}
@media (width >= 64rem){padding-inline-end:calc(var(--spacing) * 8);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 10);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 14);}
@media (width >= 80rem){padding-inline-end:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 13);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 14);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 19);}
@media (width >= 96rem){padding-inline-end:calc(var(--spacing) * 13);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 15);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 19);}
h2{margin-bottom:calc(var(--spacing) * 5);}
> p{margin-bottom:calc(var(--spacing) * 9);}
}
}
.resourcesTalentImageLink {
position: relative;
display: block;
overflow: hidden;
color: var(--color-white);
img{aspect-ratio:588/283;width:100%;object-fit:cover;}
&::after {
content: "";
position: absolute;
inset: calc(var(--spacing) * 0);
top: auto;
height: calc(var(--spacing) * 22);
--tw-gradient-position: to top;
@supports (background-image: linear-gradient(in lab, red, red)){--tw-gradient-position:to top in oklab;}
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: var(--color-black);
--tw-gradient-to: color-mix(in oklab, var(--color-black) 0%, transparent);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
span{position:absolute;bottom:calc(var(--spacing) * 8);left:calc(var(--spacing) * 19);z-index:10;display:inline-flex;align-items:center;gap:calc(var(--spacing) * 3.5);font-family:var(--font-secondary);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:0.46px;letter-spacing:0.46px;}
}
.resourcesTalentDownload {
border-radius: 40px;
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 14);
text-align: center;
color: var(--color-primary);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
h3{margin-bottom:calc(var(--spacing) * 1.5);}
p {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 8);
max-width: calc(var(--spacing) * 112);
color: color-mix(in srgb, #000 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-black) 60%, transparent);}
}
}
.medicalReceptionistSection {
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 0);
color: var(--color-primary);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 24);}
}
.medicalReceptionistInner {
.impactCard {
background-color: #FFFAEA;
&:nth-child(odd){background-color:#E4F6FA;}
}
}
.medicalReceptionistIntro {
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 6);
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 7);
@media (width >= 64rem){grid-template-columns:1.12fr 1fr;}
@media (width >= 64rem){gap:calc(var(--spacing) * 9);}
}
.medicalReceptionistProfileWrap {
border-radius: 40px;
background-color: #FEFEC0;
padding-inline: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 11);
.profileCard {
margin-inline: auto;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding-bottom: calc(var(--spacing) * 0);
.skillList{margin:calc(var(--spacing) * 0);}
}
}
.allSkillService {
.servicesCard{width:100%;}
}
.medicalReceptionistVerified {
position: absolute;
top: calc(var(--spacing) * 29);
left: calc(var(--spacing) * 6);
display: inline-flex;
align-items: center;
border-radius: 0.25rem;
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1);
font-size: 10px;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 48rem){top:calc(var(--spacing) * 34);}
&::before{content:"";margin-right:calc(var(--spacing) * 1);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);border-radius:calc(infinity * 1px);background-color:#3BDF86;}
}
.medicalReceptionistAccent {
position: absolute;
top: calc(var(--spacing) * 34);
right: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
border-radius: var(--radius-md);
background-color: var(--color-blueColor);
@media (width >= 48rem){top:calc(var(--spacing) * 40);}
}
.medicalReceptionistSkill {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
column-gap: calc(var(--spacing) * 3);
row-gap: calc(var(--spacing) * 1);
padding-bottom: calc(var(--spacing) * 2);
font-size: 10px;
--tw-leading: 1;
line-height: 1;
color: var(--color-primary);
span, strong{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}
&::before {
content: "";
position: absolute;
right: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
height: calc(var(--spacing) * 1);
border-radius: calc(infinity * 1px);
background-color: #DFF3FB;
} i{position:absolute;bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);height:calc(var(--spacing) * 1);border-radius:calc(infinity * 1px);background-color:var(--color-blueColor);}
}
.medicalReceptionistCopy {
align-self: flex-start;
padding-top: calc(var(--spacing) * 1);
color: var(--color-primary);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 2);}
> p {
margin-bottom: calc(var(--spacing) * 8);
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
ul{display:flex;flex-direction:column;gap:calc(var(--spacing) * 5);}
li {
position: relative;
padding-inline-start: calc(var(--spacing) * 9);
color: color-mix(in srgb, #003433 70%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 70%, transparent);}
&::before{content:"";position:absolute;top:calc(var(--spacing) * 0.5);left:calc(var(--spacing) * 0);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-radius:calc(infinity * 1px);background-color:#E6F7FF;}
}
}
.medicalReceptionistReason {
position: relative;
margin-inline: auto;
margin-bottom: calc(var(--spacing) * 30);
display: grid;
max-width: calc(var(--spacing) * 300);
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 5);
overflow: hidden;
border-radius: 40px;
background-color: color-mix(in oklab, #51CAFF 14%, transparent);
padding-block: calc(var(--spacing) * 12);
padding-inline-start: calc(var(--spacing) * 5);
padding-inline-end: calc(var(--spacing) * 5);
@media (width >= 48rem){gap:calc(var(--spacing) * 9);}
@media (width >= 48rem){padding-inline-start:calc(var(--spacing) * 10);}
@media (width >= 48rem){padding-inline-end:calc(var(--spacing) * 10);}
@media (width >= 64rem){grid-template-columns:380px 1fr;}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 12);}
@media (width >= 64rem){padding-inline-end:calc(var(--spacing) * 30);}
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 20);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 15);}
@media (width >= 80rem){padding-inline-end:calc(var(--spacing) * 38);}
@media (width >= 96rem){grid-template-columns:415px 1fr;}
@media (width >= 96rem){gap:calc(var(--spacing) * 16);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 24);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 18);}
@media (width >= 96rem){padding-inline-end:calc(var(--spacing) * 45);}
&.pricingReason {
margin-top: calc(var(--spacing) * 9);
margin-bottom: calc(var(--spacing) * 15);
@media (width >= 48rem){margin-top:calc(var(--spacing) * 12);}
@media (width >= 64rem){margin-top:calc(var(--spacing) * 16);}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 20);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 24);}
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 27);}
span{background-color:#FFC400;}
}
h3 {
position: relative;
z-index: 20;
font-family: var(--font-primary);
color: var(--color-primary);
@media (width >= 48rem) {
border-color: color-mix(in srgb, #003433 12%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 12%, transparent);}
}
@media (width >= 64rem){border-right-style:var(--tw-border-style);border-right-width:1px;}
} p{position:relative;z-index:20;color:var(--color-primary);}
span {
position: absolute;
top: calc(var(--spacing) * 12);
right: calc(var(--spacing) * 12);
width: calc(var(--spacing) * 16);
height: calc(var(--spacing) * 16);
border-radius: calc(infinity * 1px);
background-color: #C7ECFD;
@media (width >= 48rem){width:calc(var(--spacing) * 26);height:calc(var(--spacing) * 26);}
}
&.ourMission {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 5);
@media (width >= 64rem){grid-template-columns:auto 1fr;}
@media (width >= 64rem){gap:calc(var(--spacing) * 9);}
@media (width >= 80rem){gap:calc(var(--spacing) * 11);}
@media (width >= 96rem){gap:calc(var(--spacing) * 13);}
h3{padding-inline-end:calc(var(--spacing) * 13);}
p {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
}
.medicalReceptionistCandidates {
margin-inline: auto;
margin-top: calc(var(--spacing) * 15);
margin-bottom: calc(var(--spacing) * 13);
display: grid;
max-width: calc(var(--spacing) * 202);
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 18);
@media (width >= 40rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (width >= 40rem){gap:calc(var(--spacing) * 7);}
}
.medicalReceptionistCandidate {
border-radius: var(--radius-2xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: color-mix(in oklab, #51CAFF 50%, transparent);
background-color: #FAFAFA;
padding-inline: calc(var(--spacing) * 3.5);
padding-top: calc(var(--spacing) * 0);
padding-bottom: calc(var(--spacing) * 4);
color: var(--color-primary);
img{margin-inline:auto;margin-top:calc(var(--spacing) * -15);margin-bottom:calc(var(--spacing) * 1);aspect-ratio:135/146;width:100%;max-width:calc(var(--spacing) * 34);object-fit:contain;}
h3 {
font-family: var(--font-secondary);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: calc(0.32px * -1);
letter-spacing: calc(0.32px * -1);
color: color-mix(in oklab, #292929 95%, transparent);
@media (width >= 48rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
} p{margin-bottom:calc(var(--spacing) * 3);font-family:var(--font-secondary);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-leading:1.2;line-height:1.2;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:calc(0.24px * -1);letter-spacing:calc(0.24px * -1);color:color-mix(in oklab, #080808 60%, transparent);}
.cardStatus {
display: flex;
align-items: center;
justify-content: space-between;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-leading: 1;
line-height: 1;
span {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: color-mix(in oklab, #080808 60%, transparent);
&::before{content:var(--tw-content);width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5);}
&::before{content:var(--tw-content);border-radius:calc(infinity * 1px);}
&::before{content:var(--tw-content);background-color:#B1FF52;}
}
strong{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1);font-family:var(--font-secondary);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black);}
}
}
.medicalReceptionistStats {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 2);
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){grid-template-columns:repeat(4, minmax(0, 1fr));}
> div {
min-height: calc(var(--spacing) * 40);
border-top-left-radius: var(--radius-2xl);
border-top-right-radius: var(--radius-2xl);
background-color: #E3F8FF;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 6);
color: var(--color-primary);
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 7);}
&:nth-child(even){background-color:#FFFAEA;}
}
h3 {
margin-bottom: calc(var(--spacing) * 3);
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: color-mix(in oklab, #ACDEF7 77%, transparent);
padding-bottom: calc(var(--spacing) * 4);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 48rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
p {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1.35;
line-height: 1.35;
color: color-mix(in srgb, #003433 70%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 70%, transparent);}
@media (width >= 48rem){font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));}
}
}
.jobResponsibilitiesSection {
background-color: #BDEAFF;
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 0);
color: var(--color-primary);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 24);}
}
.jobResponsibilitiesPanel {
margin-inline: auto;
max-width: calc(var(--spacing) * 300);
border-top-left-radius: 56px;
border-top-right-radius: 56px;
background-color: color-mix(in srgb, #fff 25%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 25%, transparent);}
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 12);
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 14);}
@media (width >= 48rem){padding-block:calc(var(--spacing) * 20);}
h2 {
margin-bottom: calc(var(--spacing) * 6);
color: var(--color-primary);
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 12);}
}
}
.jobResponsibilitiesGrid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 8);
@media (width >= 48rem){gap:calc(var(--spacing) * 12);}
@media (width >= 64rem){grid-template-columns:438px 1fr;}
@media (width >= 64rem){gap:calc(var(--spacing) * 16);}
}
.jobResponsibilitiesColumn {
color: var(--color-primary);
h3 {
margin-bottom: calc(var(--spacing) * 2);
&:first-child{margin-top:calc(var(--spacing) * 0);}
}
h3:not(:first-child) {
margin-top: calc(var(--spacing) * 6);
@media (width >= 48rem){margin-top:calc(var(--spacing) * 8);}
}
p {
margin-bottom: calc(var(--spacing) * 8);
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
ul {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 4);
@media (width >= 48rem){gap:calc(var(--spacing) * 5);}
}
li {
position: relative;
padding-inline-start: calc(var(--spacing) * 9);
color: color-mix(in srgb, #003433 70%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 70%, transparent);}
&::before{content:"";position:absolute;top:calc(var(--spacing) * 2);left:calc(var(--spacing) * 0);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-radius:calc(infinity * 1px);background-color:var(--color-white);}
}
}
.hireReceptionistSection {
background-color: var(--color-yellow);
padding-top: calc(var(--spacing) * 10);
padding-bottom: calc(var(--spacing) * 10);
color: var(--color-primary);
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 14);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 24);}
}
.hireReceptionistInner{margin-inline:auto;max-width:calc(var(--spacing) * 335);}
.hireReceptionistHeader {
margin-bottom: calc(var(--spacing) * 12);
display: grid;
max-width: calc(var(--spacing) * 179);
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 20);}
@media (width >= 64rem){grid-template-columns:repeat(1, minmax(0, 1fr));}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 27);}
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 33);}
h2 {
margin-bottom: calc(var(--spacing) * 10);
color: var(--color-primary);
@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 0);}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 12.5);}
}
}
.hireReceptionistActions {
display: flex;
flex-direction: column;
justify-content: center;
gap: calc(var(--spacing) * 4);
@media (width >= 48rem){flex-wrap:wrap;}
@media (width >= 48rem){align-items:center;}
@media (width >= 64rem){flex-direction:row;}
@media (width >= 64rem){align-items:flex-start;}
@media (width >= 64rem){justify-content:flex-start;}
a {
@media (width >= 48rem){width:calc(var(--spacing) * 50);}
@media (width >= 64rem){width:auto;}
}
}
.hireReceptionistGrid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 6);
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (width >= 64rem){gap:calc(var(--spacing) * 9);}
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
@media (width >= 96rem){gap:calc(var(--spacing) * 15);}
}
.hireReceptionistItem {
h3{margin-bottom:calc(var(--spacing) * 3);color:var(--color-primary);}
p {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
.howWorksSection{position:relative;overflow:hidden;background-color:var(--color-white);}
.howWorksInner{position:relative;z-index:10;margin-inline:auto;max-width:calc(var(--spacing) * 300);}
.howWorksCard {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: var(--radius-3xl);
background-color: #E4F6FA;
padding-inline: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 10);
text-align: center;
color: var(--color-primary);
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 {
@media (hover: hover){background-color:#FFFAEA;}
}
@media (width >= 48rem){padding-inline:calc(var(--spacing) * 6);}
@media (width >= 80rem){border-radius:var(--radius-4xl);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 10);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 14);}
@media (width >= 96rem){border-radius:40px;}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 14);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 18);}
.howWorksIcon {
margin-bottom: calc(var(--spacing) * 7);
display: flex;
width: calc(var(--spacing) * 26.5);
height: calc(var(--spacing) * 26.5);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: #C7ECFD;
color: var(--color-primary);
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);
svg{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
}
&:hover {
.howWorksIcon{background-color:#FFD000;}
}
h3{margin-bottom:calc(var(--spacing) * 2);color:var(--color-primary);}
p {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
.locationGuideSection {
background-color: #E4F6FA;
padding-block: calc(var(--spacing) * 15);
color: var(--color-primary);
@media (width >= 48rem){padding-block:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 25);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 30);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 35);}
}
.locationGuideInner {
margin-inline: auto;
display: grid;
max-width: calc(var(--spacing) * 370);
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: calc(var(--spacing) * 12);
@media (width >= 48rem){gap:calc(var(--spacing) * 16);}
@media (width >= 64rem){grid-template-columns:350px 1fr;}
@media (width >= 64rem){gap:calc(var(--spacing) * 20);}
@media (width >= 80rem){grid-template-columns:420px 1fr;}
@media (width >= 80rem){gap:calc(var(--spacing) * 24);}
@media (width >= 96rem){grid-template-columns:470px 1fr;}
@media (width >= 96rem){gap:calc(var(--spacing) * 28);}
}
.locationGuideSidebar {
@media (width >= 64rem){position:sticky;}
@media (width >= 64rem){top:calc(var(--spacing) * 28);}
h3{margin-bottom:calc(var(--spacing) * 3);color:var(--color-primary);}
> p {
margin-bottom: calc(var(--spacing) * 6);
color: var(--color-primary);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 9);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 12);}
}
.ez-toc-container-direction {
border-style: var(--tw-border-style) !important;
border-width: 0px !important;
background-color: transparent !important;
padding: calc(var(--spacing) * 0) !important;
ul {
li {
a {
border-bottom-style: var(--tw-border-style) !important;
border-bottom-width: 1px !important;
border-color: color-mix(in srgb, #003433 10%, transparent) !important;
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 10%, transparent) !important;}
padding-bottom: calc(var(--spacing) * 4) !important;
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
--tw-leading: 1.46 !important;
line-height: 1.46 !important;
--tw-font-weight: var(--font-weight-medium) !important;
font-weight: var(--font-weight-medium) !important;
--tw-tracking: 0.42px !important;
letter-spacing: 0.42px !important;
color: var(--color-primary) !important;
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));
&:hover {
@media (hover: hover) {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
&:hover {
@media (hover: hover){text-decoration-line:none !important;}
}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 6) !important;}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 8) !important;}
@media (width >= 80rem){font-size:var(--text-2xl) !important;line-height:var(--tw-leading, var(--text-2xl--line-height)) !important;}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 10) !important;}
@media (width >= 96rem){font-size:28px !important;}
}
& + li {
margin-top: calc(var(--spacing) * 4) !important;
@media (width >= 48rem){margin-top:calc(var(--spacing) * 6) !important;}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 8) !important;}
}
}
}
}
}
.locationGuideContent {
color: var(--color-primary);
article {
margin-bottom: calc(var(--spacing) * 7);
scroll-margin-top: calc(var(--spacing) * 28);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 9);}
@media (width >= 64rem){scroll-margin-top:calc(var(--spacing) * 36);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 12);}
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 16);}
&:last-child{margin-bottom:calc(var(--spacing) * 0);}
}
h2 {
margin-bottom: calc(var(--spacing) * 6);
scroll-margin-top: calc(var(--spacing) * 28);
font-family: var(--font-secondary);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1.1;
line-height: 1.1;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: 0.48px;
letter-spacing: 0.48px;
@media (width >= 64rem){scroll-margin-top:calc(var(--spacing) * 36);}
@media (width >= 64rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
@media (width >= 80rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 96rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
&:not(:first-child) {
margin-top: calc(var(--spacing) * 7);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 9);}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 12);}
@media (width >= 96rem){margin-top:calc(var(--spacing) * 16);}
}
}
h3 {
margin-top: calc(var(--spacing) * 6);
margin-bottom: calc(var(--spacing) * 3);
scroll-margin-top: calc(var(--spacing) * 28);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@media (width >= 64rem){scroll-margin-top:calc(var(--spacing) * 36);}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
p, ul, ol {
margin-bottom: calc(var(--spacing) * 5);
&:last-child{margin-bottom:calc(var(--spacing) * 0);}
}
ul, ol{padding-left:calc(var(--spacing) * 6);}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin-bottom:calc(var(--spacing) * 2);}
}
.locationGuideCta {
background-image: linear-gradient(#EBF4F9 1px, transparent 1px), linear-gradient(90deg, #EBF4F9 1px, transparent 1px);
background-size: 16px 16px;
margin-bottom: calc(var(--spacing) * 7);
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: color-mix(in srgb, #003433 8%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-primary) 8%, transparent);}
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 12);
text-align: center;
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 9);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 16);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 12);}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 19);}
@media (width >= 96rem){margin-bottom:calc(var(--spacing) * 16);}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 22);}
}
.locationExpertsSection{background-color:#E4F6FA;}
.locationExpertInr {
border-top-left-radius: var(--radius-3xl);
border-top-right-radius: var(--radius-3xl);
background-color: var(--color-primary);
padding-block: calc(var(--spacing) * 15);
@media (width >= 48rem){padding-block:calc(var(--spacing) * 18);}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 22);}
@media (width >= 80rem){border-top-left-radius:40px;border-top-right-radius:40px;}
@media (width >= 80rem){padding-block:calc(var(--spacing) * 24);}
@media (width >= 96rem){border-top-left-radius:56px;border-top-right-radius:56px;}
@media (width >= 96rem){padding-block:calc(var(--spacing) * 30);}
}
.locationExpertsHeader {
margin-bottom: calc(var(--spacing) * 7);
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: calc(var(--spacing) * 7);
@media (width >= 48rem){gap:calc(var(--spacing) * 10);}
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 10);}
@media (width >= 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){gap:calc(var(--spacing) * 21);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 14);}
@media (width >= 80rem){gap:calc(var(--spacing) * 25);}
@media (width >= 96rem){gap:calc(var(--spacing) * 29);}
h2 {
color: #FFFAEA;
} p{color:color-mix(in oklab, #FFFAEA 60%, transparent);}
}
.locationExpertsGrid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 3);
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 64rem){grid-template-columns:repeat(4, minmax(0, 1fr));}
}
.locationExpertsCard {
display: flex;
min-height: calc(var(--spacing) * 88);
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: var(--radius-2xl);
background-color: #E4F6FA;
padding-inline: calc(var(--spacing) * 5);
padding-block: calc(var(--spacing) * 7);
text-align: center;
color: var(--color-primary);
@media (width >= 48rem){padding-block:calc(var(--spacing) * 9);}
&.isLight{background-color:#FFFAEA;}
h3{color:var(--color-primary);}
.locationExpertsIcon {
margin-bottom: calc(var(--spacing) * 10);
display: flex;
width: calc(var(--spacing) * 25);
height: calc(var(--spacing) * 25);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
color: var(--color-primary);
svg{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
}
}
.pricingCard {
display: flex;
flex-direction: column;
border-radius: var(--radius-3xl);
border-style: var(--tw-border-style);
border-width: 3px;
border-color: var(--color-primary);
background-color: var(--color-white);
padding-inline: calc(var(--spacing) * 6);
padding-top: calc(var(--spacing) * 8);
padding-bottom: calc(var(--spacing) * 8.5);
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 11);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 11);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 14);}
h2 {
margin-bottom: calc(var(--spacing) * 4);
color: var(--color-primary);
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 6.5);}
}
.pricingBox {
margin-bottom: calc(var(--spacing) * 6.5);
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: #81EBA3;
background-color: #EBFDEE;
padding: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 4);
.pricingBoxInr {
display: flex;
align-items: flex-start;
gap: calc(var(--spacing) * 2);
padding-inline-start: calc(var(--spacing) * 2);
color: var(--color-primary);
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 4.5);}
.dPrice {
margin-top: calc(var(--spacing) * 1);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: color-mix(in srgb, #003433 20%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 20%, transparent);}
text-decoration-line: line-through;
@media (width >= 80rem){margin-top:calc(var(--spacing) * 3);}
}
.rPrice {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
@media (width >= 80rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
@media (width >= 96rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height));}
}
.priceText {
margin-top: auto;
margin-bottom: calc(var(--spacing) * 1);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 3);}
}
}
span.discountBadge{margin-bottom:calc(var(--spacing) * 3);display:inline-flex;border-radius:calc(infinity * 1px);background-color:#81EBA3;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 0.5);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));--tw-leading:1.35;line-height:1.35;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:0.16px;letter-spacing:0.16px;color:var(--color-primary);}
.onboardText {
margin-top: calc(var(--spacing) * 1);
padding-inline-start: calc(var(--spacing) * 2);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 4.5);}
}
}
.startTrialBtn{margin-top:auto;}
.seeAllFeature {
margin-inline: auto;
margin-top: calc(var(--spacing) * 6);
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: 1.35;
line-height: 1.35;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: 0.16;
letter-spacing: 0.16;
color: var(--color-primary);
text-decoration-line: underline;
@media (width >= 80rem){margin-top:calc(var(--spacing) * 10);}
@media (width >= 96rem){margin-top:calc(var(--spacing) * 13);}
}
.cardDesc {
margin-bottom: calc(var(--spacing) * 6.5);
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
.cstmSelect{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23003433' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");appearance:none;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-primary);background-color:transparent;background-position:top 1px right 5px;background-repeat:no-repeat;padding-inline-end:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 4);--tw-outline-style:none;outline-style:none;}
.aiMatchSection {
background: radial-gradient(circle, #E6F7FE 0%, #BDEAFF 100%);
position: relative;
overflow: hidden;
background-color: #DDF8FF;
padding-top: calc(var(--spacing) * 20);
padding-bottom: calc(var(--spacing) * 18);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 35);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 40);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 50);}
&:before{content:"";background-image:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/images/aiimpactbg.webp);position:absolute;inset:calc(var(--spacing) * 0);z-index:30;background-size:contain;background-position:center;background-repeat:no-repeat;}
&:after{content:"";background-image:url(//medicalvirtualassistants.com/wp-content/themes/hiremedicaladmin-theme/assets/images/pattern.webp);position:absolute;inset:calc(var(--spacing) * 0);z-index:20;background-size:contain;background-position:center;background-repeat:repeat;}
}
.aiMatchInner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
.aiMatchRings {
pointer-events: none;
position: absolute;
top: calc(var(--spacing) * 40);
left: calc(1/2 * 100%);
width: 390px;
height: 390px;
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white) 60%, transparent);}
&::before, &::after {
content: "";
position: absolute;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-white) 70%, transparent);}
}
&::before{inset:calc(var(--spacing) * 15);}
&::after{inset:calc(var(--spacing) * 31);}
}
.aiMatchTitle{position:relative;z-index:10;margin-bottom:calc(var(--spacing) * 8);max-width:calc(var(--spacing) * 100);color:var(--color-primary);}
.aiMatchText {
position: relative;
z-index: 10;
margin-bottom: calc(var(--spacing) * 4);
max-width: calc(var(--spacing) * 188);
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
.aiMatchBadge {
position: relative;
z-index: 10;
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-xl);
background-color: #BDEAFF;
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2.5);
font-family: var(--font-istok);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.36px;
letter-spacing: 0.36px;
color: color-mix(in srgb, #003433 93%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 93%, transparent);}
@media (width >= 64rem){gap:calc(var(--spacing) * 5.5);}
@media (width >= 64rem){border-radius:27px;}
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
@media (width >= 96rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height));}
.sparkIcon {
display: flex;
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: var(--color-black);
color: var(--color-yellow);
@media (width >= 64rem){width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13);}
}
}
.aiFloatIcon {
position: absolute;
z-index: 40;
@media (width < 48rem){display:none;}
&.topIcon{top:calc(var(--spacing) * 16);left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
&.leftIcon{top:calc(var(--spacing) * 47);left:calc(var(--spacing) * 10);}
&.rightIcon{top:34%;right:calc(var(--spacing) * 5);}
&.lowerLeftIcon{top:calc(1/2 * 100%);left:calc(var(--spacing) * 45);--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}
&.lowerRightIcon{right:calc(var(--spacing) * 45);bottom:40%;}
}
.aiMatchCards {
margin-top: calc(var(--spacing) * 16);
display: grid;
width: 100%;
max-width: calc(var(--spacing) * 322);
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-end;
gap: calc(var(--spacing) * 3);
@media (width >= 40rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width >= 48rem){margin-top:calc(var(--spacing) * 24);}
@media (width >= 64rem){margin-top:calc(var(--spacing) * 32);}
@media (width >= 64rem){grid-template-columns:repeat(4, minmax(0, 1fr));}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 40);}
@media (width >= 80rem){gap:calc(var(--spacing) * 5);}
@media (width >= 96rem){margin-top:calc(var(--spacing) * 46);}
@media (width >= 96rem){gap:calc(var(--spacing) * 7);}
}
.aiMatchCard {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-xl);
background-color: var(--color-white);
padding-block: calc(var(--spacing) * 3);
padding-inline-start: calc(var(--spacing) * 4);
padding-inline-end: calc(var(--spacing) * 8);
color: var(--color-primary);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 80rem){gap:calc(var(--spacing) * 6);}
@media (width >= 96rem){gap:calc(var(--spacing) * 8);}
img {
width: calc(var(--spacing) * 14);
height: calc(var(--spacing) * 14);
border-radius: var(--radius-2xl);
object-fit: cover;
@media (width >= 80rem){width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);}
}
.matchInfo{flex:1;text-align:left;}
h3 {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.24;
line-height: 1.24;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-primary);
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 5);}
@media (width >= 80rem){font-size:22px;}
@media (width >= 96rem){font-size:26px;}
}
.matchTrack {
position: relative;
display: block;
height: calc(var(--spacing) * 2);
width: 100%;
background-color: #F9FBFC;
.matchTrackDrag{position:absolute;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);background-color:#F7F835;}
}
}
.servicesSwiperCol {
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));}
.swiper-slide{height:auto !important;}
}
.servicesCard {
display: flex;
height: 100%;
width: calc(var(--spacing) * 80);
flex-direction: column;
justify-content: space-between;
overflow: hidden;
border-radius: var(--radius-3xl);
background-color: #F5F5FA;
background-image: linear-gradient(#EDF2F6 1px,transparent 1px),linear-gradient(90deg,#EDF2F6 1px,transparent 1px);
background-size: 20px 20px;
padding: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 8);
--tw-shadow: 0px 8px 12px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 64rem){width:calc(var(--spacing) * 100);}
@media (width >= 64rem){padding:calc(var(--spacing) * 6);}
@media (width >= 80rem){padding:calc(var(--spacing) * 8);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 10);}
@media (width >= 96rem){width:calc(var(--spacing) * 113);}
@media (width >= 96rem){padding:calc(var(--spacing) * 10);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 13);}
.servicesContent {
color: var(--color-primary);
h3{margin-bottom:calc(var(--spacing) * 1);}
p {
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
}
.servicesAvatars {
margin-top: calc(var(--spacing) * 8);
display: flex;
align-items: center;
@media (width >= 64rem){margin-top:calc(var(--spacing) * 10);}
@media (width >= 96rem){margin-top:calc(var(--spacing) * 13);}
img {
margin-inline-start: calc(var(--spacing) * -5);
width: calc(var(--spacing) * 14);
height: calc(var(--spacing) * 14);
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 4px;
--tw-border-style: solid;
border-style: solid;
border-color: #F5F5FA;
object-fit: cover;
&:first-child{margin-inline-start:calc(var(--spacing) * 0);}
}
}
}
.userProfileCard {
position: relative;
display: grid;
width: calc(var(--spacing) * 80);
grid-template-columns: 64px 1fr;
align-items: center;
gap: calc(var(--spacing) * 4);
border-radius: calc(infinity * 1px);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
.cardImg {
img{aspect-ratio:1 / 1;border-radius:calc(infinity * 1px);object-fit:cover;}
}
.cardDesc {
h2{font-family:var(--font-secondary);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-leading:1.1;line-height:1.1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:0.24px;letter-spacing:0.24px;color:var(--color-primary);}
p {
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);
--tw-tracking: 0.16px;
letter-spacing: 0.16px;
color: color-mix(in srgb, #000 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-black) 60%, transparent);}
}
}
}
.aboutBnrImg {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
&::before{content:var(--tw-content);color:var(--color-primary);}
@media (width >= 48rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.whatWeOfferOuter {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-end;
gap: calc(var(--spacing) * 15);
@media (width >= 48rem){grid-template-columns:372px 1fr;}
@media (width >= 64rem){grid-template-columns:500px 1fr;}
@media (width >= 80rem){grid-template-columns:594px 1fr;}
@media (width >= 80rem){gap:calc(var(--spacing) * 25);}
}
.userProfileSkill {
.userProfileCard{background-color:#E6F7FE;}
}
.aboutProfileSkill {
.userProfileCard {
background-color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-white) 70%, transparent);}
}
}
.vettingSection {
overflow: hidden;
background-color: var(--color-yellow);
padding-top: calc(var(--spacing) * 14);
@media (width < 64rem){padding-bottom:calc(var(--spacing) * 12);}
}
.vettingInner{position:relative;display:grid;}
.vettingTitle {
top: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
color: var(--color-primary);
@media (width < 64rem){margin-bottom:calc(var(--spacing) * 10);}
@media (width >= 64rem){position:absolute;}
@media (width >= 64rem){max-width:calc(var(--spacing) * 137);}
}
.vettingSteps {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-end;
gap: calc(var(--spacing) * 3.5);
@media (width >= 64rem){grid-template-columns:repeat(5, minmax(0, 1fr));}
}
.vettingStep {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
padding-inline-start: calc(var(--spacing) * 4);
padding-inline-end: calc(var(--spacing) * 7);
padding-top: calc(var(--spacing) * 5);
padding-bottom: calc(var(--spacing) * 4);
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 5);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 7);}
@media (width >= 80rem){padding-inline:calc(var(--spacing) * 7);}
@media (width >= 96rem){padding-inline:calc(var(--spacing) * 9);}
&::before{content:var(--tw-content);position:absolute;}
&::before{content:var(--tw-content);inset:calc(var(--spacing) * 0);}
&::before {
content: var(--tw-content);
--tw-gradient-position: to bottom;
@supports (background-image: linear-gradient(in lab, red, red)){--tw-gradient-position:to bottom in oklab;}
background-image: linear-gradient(var(--tw-gradient-stops));
}
&::before{content:var(--tw-content);--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
&::before {
content: var(--tw-content);
--tw-gradient-to: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)){--tw-gradient-to:color-mix(in oklab, var(--color-white) 60%, transparent);}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
&::before{content:var(--tw-content);opacity:87%;}
&::after {
content: "";
position: absolute;
top: calc(var(--spacing) * 18);
right: calc(var(--spacing) * -4);
width: calc(var(--spacing) * 42);
height: calc(var(--spacing) * 42);
border-radius: calc(infinity * 1px);
--tw-gradient-position: to top;
@supports (background-image: linear-gradient(in lab, red, red)){--tw-gradient-position:to top in oklab;}
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: #FFFEB2;
--tw-gradient-to: color-mix(in oklab, var(--color-white) 22%, transparent);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
&:nth-child(1) {
@media (width >= 64rem){min-height:calc(var(--spacing) * 55);}
}
&:nth-child(2) {
@media (width >= 64rem){min-height:calc(var(--spacing) * 98);}
}
&:nth-child(3) {
@media (width >= 64rem){min-height:calc(var(--spacing) * 140);}
}
&:nth-child(4) {
@media (width >= 64rem){min-height:calc(var(--spacing) * 180);}
}
&:nth-child(5) {
@media (width >= 64rem){min-height:calc(var(--spacing) * 216);}
}
h3 {
position: relative;
z-index: 10;
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width < 64rem){margin-bottom:calc(var(--spacing) * 2);}
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
.vettingNumber {
position: absolute;
top: calc(var(--spacing) * 3);
right: calc(var(--spacing) * 3);
z-index: 10;
display: block;
text-align: end;
font-family: var(--font-secondary);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-black);
@media (width >= 64rem){position:static;}
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
@media (width >= 96rem){font-size:38px;}
}
p {
position: relative;
z-index: 10;
font-family: var(--font-secondary);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.3;
line-height: 1.3;
color: var(--color-black);
@media (width >= 64rem){text-align:center;}
}
}
.vettingStepsOuter {
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 10);
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 48rem){padding-top:calc(var(--spacing) * 16);}
@media (width >= 64rem){border-top-left-radius:80px;border-top-right-radius:80px;}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 24);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 30);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 36);}
}
.whoCanApplySection {
background-color: var(--color-white);
padding-top: calc(var(--spacing) * 7);
padding-bottom: calc(var(--spacing) * 12);
color: var(--color-primary);
@media (width >= 40rem){padding-top:calc(var(--spacing) * 12);}
@media (width >= 48rem){padding-top:calc(var(--spacing) * 15);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 24);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 21);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 30);}
}
.whoCanApplyInner{margin-inline:auto;max-width:calc(var(--spacing) * 300);}
.whoCanApplyIntro {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: calc(var(--spacing) * 5);
@media (width >= 64rem){grid-template-columns:320px 1fr;}
@media (width >= 64rem){gap:calc(var(--spacing) * 8);}
@media (width >= 80rem){grid-template-columns:472px 1fr;}
@media (width >= 80rem){gap:calc(var(--spacing) * 11);}
}
.whoCanApplyCopy {
@media (width >= 64rem){margin-top:calc(var(--spacing) * 4);}
@media (width >= 80rem){margin-top:calc(var(--spacing) * 6);}
@media (width >= 96rem){margin-top:calc(var(--spacing) * 8);}
h2{margin-bottom:calc(var(--spacing) * 4);color:var(--color-primary);}
p {
color: color-mix(in srgb, #003433 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 80%, transparent);}
}
}
.whoCanApplyList {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 5);
border-radius: var(--radius-3xl);
background-color: #EFF1F1;
padding-block: calc(var(--spacing) * 8);
padding-inline-start: calc(var(--spacing) * 7);
padding-inline-end: calc(var(--spacing) * 5);
color: var(--color-primary);
@media (width >= 40rem){grid-template-columns:1.03fr 1fr;}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 14);}
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 11);}
@media (width >= 64rem){padding-inline-end:calc(var(--spacing) * 9);}
}
.whoCanApplyItem {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 3);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-primary);
svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);flex-shrink:0;}
}
.whoCanApplyImage {
margin-top: calc(var(--spacing) * 7);
overflow: hidden;
border-radius: var(--radius-2xl);
@media (width >= 48rem){margin-top:calc(var(--spacing) * 10);}
@media (width >= 64rem){margin-top:calc(var(--spacing) * 14);}
@media (width >= 64rem){border-radius:30px;}
img {
aspect-ratio: 1200/367;
min-height: calc(var(--spacing) * 52);
width: 100%;
object-fit: cover;
object-position: center;
@media (width >= 48rem){min-height:calc(var(--spacing) * 60);}
}
}
.whoCanApplyQuote {
margin-top: calc(var(--spacing) * 9);
max-width: calc(var(--spacing) * 173);
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}
color: var(--color-primary);
@media (width >= 40rem){margin-top:calc(var(--spacing) * 12);}
@media (width >= 48rem){margin-top:calc(var(--spacing) * 16);}
@media (width >= 64rem) {
margin-top: calc(var(--spacing) * 20);
} p{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-primary);}
}
.talentHowWorksSection {
border-top-left-radius: var(--radius-3xl);
border-top-right-radius: var(--radius-3xl);
background-color: var(--color-primary);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 12);
color: #FFFAEA;
@media (width >= 48rem){padding-top:calc(var(--spacing) * 16);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 16);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 23);}
@media (width >= 80rem){border-top-left-radius:40px;border-top-right-radius:40px;}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 24);}
@media (width >= 96rem){border-top-left-radius:56px;border-top-right-radius:56px;}
}
.talentHowWorksPanel{margin-inline:auto;max-width:calc(var(--spacing) * 325);}
.talentHowWorksHeader {
margin-bottom: calc(var(--spacing) * 7);
margin-bottom: calc(var(--spacing) * 10);
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--spacing) * 5);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 14);}
h2{color:#FFFAEA;}
}
.talentHowWorksGrid {
display: flex;
flex-direction: column;
gap: calc(var(--spacing) * 8);
@media (width >= 48rem){gap:calc(var(--spacing) * 10);}
@media (width >= 64rem){gap:calc(var(--spacing) * 14);}
}
.talentHowWorksStep {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
gap: calc(var(--spacing) * 5);
@media (width >= 48rem){gap:calc(var(--spacing) * 8);}
@media (width >= 64rem){grid-template-columns:272px 1fr 300px;}
@media (width >= 64rem){gap:calc(var(--spacing) * 10);}
@media (width >= 80rem){grid-template-columns:325px 1fr 400px;}
@media (width >= 80rem){gap:calc(var(--spacing) * 12);}
&.isSecond {
grid-template-columns: repeat(1, minmax(0, 1fr));
@media (width >= 64rem){grid-template-columns:300px 272px 1fr;}
@media (width >= 80rem){grid-template-columns:400px 325px 1fr;}
}
.talentHowWorksPhoto {
width: 100%;
overflow: hidden;
img{aspect-ratio:1 / 1;width:100%;max-width:calc(var(--spacing) * 68);border-radius:30px;object-fit:cover;}
}
.talentHowWorksText {
h3 {
margin-bottom: calc(var(--spacing) * 1);
color: #FFFAEA;
} p{color:color-mix(in oklab, #FFFAEA 60%, transparent);}
}
}
.talentHowWorksBlock {
display: none;
aspect-ratio: 300/195;
width: 100%;
border-radius: 32px;
background-color: color-mix(in oklab, #0D4B47 74%, transparent);
@media (width >= 64rem){display:block;}
}
.vettingSectionScreenshot {
background-color: #FEFEC0;
padding-top: calc(var(--spacing) * 11);
padding-bottom: calc(var(--spacing) * 0);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);}
.vettingHeader {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: flex-start;
gap: calc(var(--spacing) * 8);
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 48rem){gap:calc(var(--spacing) * 12);}
@media (width >= 64rem){grid-template-columns:516px 1fr;}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 15);}
@media (width >= 80rem){gap:calc(var(--spacing) * 18);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 18);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 21);}
}
.vettingTitle{position:static;margin-bottom:calc(var(--spacing) * 0);color:var(--color-black);}
.vettingPhoto {
aspect-ratio: 886/552;
width: 100%;
border-radius: var(--radius-4xl);
object-fit: cover;
@media (width >= 80rem){border-radius:40px;}
@media (width >= 96rem){border-radius:50px;}
}
.vettingSteps {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: calc(var(--spacing) * 3);
@media (width >= 48rem){gap:calc(var(--spacing) * 4.5);}
}
.vettingStep {
position: relative;
display: flex;
min-height: calc(var(--spacing) * 30);
width: calc(var(--spacing) * 72) !important;
width: 100%;
flex-direction: column;
overflow: hidden;
border-radius: var(--radius-3xl);
background-color: var(--color-white);
padding: calc(var(--spacing) * 0);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 40rem){min-height:calc(var(--spacing) * 35);}
@media (width >= 48rem){width:31% !important;}
@media (width >= 64rem){width:32% !important;}
@media (width >= 80rem){width:18% !important;}
@media (width >= 96rem){width:19% !important;}
&::before{content:var(--tw-content);display:none;}
&::after{content:var(--tw-content);display:none;}
&:nth-child(1) {
background-color: #FFF6F5;
@media (width >= 64rem){min-height:calc(var(--spacing) * 0);}
.vettingTileTop{background-color:#FF9498;}
}
&:nth-child(2) {
background-color: #EBFDEE;
@media (width >= 64rem){min-height:calc(var(--spacing) * 0);}
.vettingTileTop{background-color:#81EBA3;}
}
&:nth-child(3) {
background-color: #E4F6FA;
@media (width >= 64rem){min-height:calc(var(--spacing) * 0);}
.vettingTileTop{background-color:#89E5FC;}
}
&:nth-child(4) {
background-color: #FFFAEA;
@media (width >= 64rem){min-height:calc(var(--spacing) * 0);}
.vettingTileTop{background-color:#FFC400;}
}
&:nth-child(5) {
background-color: #FFF6F5;
@media (width >= 64rem){min-height:calc(var(--spacing) * 0);}
.vettingTileTop{background-color:#FF9498;}
}
.vettingTileTop{display:flex;height:calc(var(--spacing) * 36);flex:none;align-items:center;justify-content:center;}
h3{display:flex;min-height:calc(var(--spacing) * 48);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);}
}
}
.blogVetting{background-color:#FFFAEA;background-image:linear-gradient(#FCCA3E 1px, transparent 1px), linear-gradient(90deg, #FCCA3E 1px, transparent 1px);background-size:186px 165px;background-position:center top;}
.blogSection {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 10px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-yellow);
background-color: #FEFEC0;
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 16);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 20);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 23);}
}
.termsContentSection {
background-color: var(--color-white);
padding-bottom: calc(var(--spacing) * 16);
color: var(--color-primary);
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 30);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 40);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 45);}
}
.termsContentBox {
margin-inline: auto;
max-width: calc(var(--spacing) * 320);
padding-inline: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 14);
color: color-mix(in srgb, #003433 84%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 84%, transparent);}
@media (width >= 48rem){padding-top:calc(var(--spacing) * 16);}
@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 20);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 25);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 25);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 33);}
> .termsContentBoxInr{margin-inline:auto;max-width:calc(var(--spacing) * 200);}
}
.termsContentItem {
margin-top: calc(var(--spacing) * 9);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 12);}
h2{margin-bottom:calc(var(--spacing) * 3);color:var(--color-primary);}
ul {
margin-top: calc(var(--spacing) * 5);
li:before{content:"-";margin-inline-end:calc(var(--spacing) * 1);}
}
}
.blogGrid {
margin-inline: auto;
display: grid;
max-width: calc(var(--spacing) * 351);
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 4);
@media (width >= 64rem){grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (width >= 80rem){gap:calc(var(--spacing) * 7);}
@media (width >= 96rem){gap:calc(var(--spacing) * 10);}
}
.blogCard {
border-radius: 26px;
background-color: color-mix(in srgb, #000 4%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-black) 4%, transparent);}
padding: calc(var(--spacing) * 2);
@media (width < 64rem){margin-inline:auto;}
@media (width < 64rem){max-width:calc(var(--spacing) * 100);}
@media (width >= 80rem){padding:calc(var(--spacing) * 3);}
@media (width >= 96rem){padding:calc(var(--spacing) * 4);}
.blogCardInr {
position: relative;
height: 100%;
overflow: hidden;
border-radius: 26px;
background-color: var(--color-white);
padding-inline-start: calc(var(--spacing) * 4);
padding-top: calc(var(--spacing) * 12);
padding-bottom: calc(var(--spacing) * 8);
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 5);}
@media (width >= 80rem){padding-top:calc(var(--spacing) * 15);}
@media (width >= 80rem){padding-bottom:calc(var(--spacing) * 11);}
@media (width >= 96rem){padding-inline-start:calc(var(--spacing) * 7);}
@media (width >= 96rem){padding-top:calc(var(--spacing) * 18);}
@media (width >= 96rem){padding-bottom:calc(var(--spacing) * 14);}
}
.blogCardContent{position:relative;z-index:10;}
.blogCardContentInr {
display: grid;
grid-template-columns: 1fr 140px;
gap: calc(var(--spacing) * 6);
@media (width >= 96rem){grid-template-columns:1fr 154px;}
}
.blogCategory{margin-bottom:calc(var(--spacing) * 6);display:block;color:var(--color-black);}
h3{margin-bottom:calc(var(--spacing) * 7);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:var(--color-black);}
.blogReadMore {
font-size: 22px;
--tw-leading: 1.46;
line-height: 1.46;
--tw-leading: 1;
line-height: 1;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-tracking: 0.22px;
letter-spacing: 0.22px;
color: color-mix(in srgb, #000 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-black) 60%, transparent);}
}
.blogThumb {
aspect-ratio: 154/237;
width: 100%;
overflow: hidden;
border-start-start-radius: 20px;
border-end-start-radius: 20px;
img{height:100%;width:100%;object-fit:cover;}
}
}
.cardStyle1 {
&.cardLight {
h3 {
color: #FFFAEA;
} p{color:color-mix(in oklab, #FFFAEA 60%, transparent);}
}
img {
margin-bottom: calc(var(--spacing) * 5);
aspect-ratio: 16/11;
width: 100%;
border-radius: var(--radius-2xl);
object-fit: cover;
object-position: center;
@media (width >= 64rem){border-radius:var(--radius-3xl);}
@media (width >= 80rem){border-radius:30px;}
}
h3{margin-bottom:calc(var(--spacing) * 1);color:var(--color-primary);}
p {
color: color-mix(in srgb, #003433 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-primary) 60%, transparent);}
}
}
.cardStyle2 {
overflow: hidden;
border-radius: var(--radius-3xl);
background-color: #FFFAEA;
text-align: center;
.cardIcon{display:flex;min-height:calc(var(--spacing) * 36);justify-content:center;background-color:#FFC400;padding:calc(var(--spacing) * 2);}
.cardDesc{display:flex;min-height:calc(var(--spacing) * 48);align-items:center;justify-content:center;}
h3{color:var(--color-black);}
}
.footerMenusCol {
@media (width < 64rem){display:grid;}
@media (width < 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (width < 64rem){gap:calc(var(--spacing) * 12);}
@media (width < 48rem){grid-template-columns:repeat(1, minmax(0, 1fr));}
}
.footerCol {
padding-top: calc(var(--spacing) * 9);
padding-bottom: calc(var(--spacing) * 20);
@media (width >= 64rem){padding-top:calc(var(--spacing) * 24);}
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 16);}
}
.footerButton {
a {
@media (width < 64rem){width:100%;}
@media (width < 64rem){background-color:var(--color-primary);}
}
}
.footerMiddle {
display: grid;
gap: calc(var(--spacing) * 10);
padding-top: calc(var(--spacing) * 12);
@media (width >= 64rem){grid-template-columns:300px 1fr;}
@media (width >= 64rem){padding-top:calc(var(--spacing) * 13);}
@media (width >= 80rem){grid-template-columns:380px 1fr;}
@media (width >= 96rem){grid-template-columns:420px 1fr;}
@media (width >= 96rem){gap:calc(var(--spacing) * 15);}
}
.footerTop {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-black);
padding-bottom: calc(var(--spacing) * 12);
@media (width >= 64rem){padding-bottom:calc(var(--spacing) * 20);}
}
.socialMenu {
.footerLinks {
display: flex;
width: calc(var(--spacing) * 13);
height: calc(var(--spacing) * 13);
align-items: center;
justify-content: center;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-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 {
@media (hover: hover){opacity:80%;}
}
}
}
.termsLink {
.footerLinks{display:block;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);}
}
.footerLinkMenu{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-tracking:0.2px;letter-spacing:0.2px;color:var(--color-black);}
}
.termsContentBoxInr {
h2 {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
& > h2:not(:first-child) {
margin-top: calc(var(--spacing) * 9);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 12);}
}
ul {
margin-top: calc(var(--spacing) * 5);
li::before{margin-inline-end:calc(var(--spacing) * 1);--tw-content:'-';content:var(--tw-content);}
}
}
.blogDetailContent {
[id]{scroll-margin-top:calc(var(--spacing) * 20);}
h2 {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width >= 80rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 96rem){font-size:28px;}
}
& > h2:not(:first-child) {
margin-top: calc(var(--spacing) * 9);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 12);}
}
h3 {
margin-bottom: calc(var(--spacing) * 3);
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
--tw-leading: 1.2;
line-height: 1.2;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-primary);
@media (width >= 80rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));}
@media (width >= 96rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
}
& > h3:not(:first-child) {
margin-top: calc(var(--spacing) * 6);
@media (width >= 64rem){margin-top:calc(var(--spacing) * 8);}
}
ol {
margin-top: calc(var(--spacing) * 5);
margin-bottom: calc(var(--spacing) * 9);
list-style-type: decimal;
: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)));}
padding-inline-start: calc(var(--spacing) * 6);
}
ul {
margin-top: calc(var(--spacing) * 5);
margin-bottom: calc(var(--spacing) * 7);
:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}
padding-inline-start: calc(var(--spacing) * 6);
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 9);}
@media (width >= 80rem){margin-bottom:calc(var(--spacing) * 12);}
li {
position: relative;
&::before{content:var(--tw-content);position:absolute;}
&::before{content:var(--tw-content);top:calc(var(--spacing) * 2);}
&::before{content:var(--tw-content);left:calc(var(--spacing) * -6);}
&::before{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
&::before{content:var(--tw-content);border-radius:calc(infinity * 1px);}
&::before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px;}
&::before{content:var(--tw-content);--tw-border-style:solid;border-style:solid;}
&::before{content:var(--tw-content);border-color:var(--color-primary);}
&::before{--tw-content:'';content:var(--tw-content);}
@media (width >= 64rem) {
&::before{content:var(--tw-content);top:calc(var(--spacing) * 3);}
}
@media (width >= 64rem) {
&::before{content:var(--tw-content);width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);}
}
@media (width >= 64rem) {
&::before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:3px;}
}
}
} p{margin-bottom:calc(var(--spacing) * 6);}
blockquote {
margin-block: calc(var(--spacing) * 7);
max-width: calc(var(--spacing) * 140);
border-left-style: var(--tw-border-style);
border-left-width: 2px;
--tw-border-style: solid;
border-style: solid;
border-color: #F8E509;
padding-inline-start: calc(var(--spacing) * 6);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.6;
line-height: 1.6;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.31px;
letter-spacing: 0.31px;
color: var(--color-primary);
@media (width >= 64rem){margin-block:calc(var(--spacing) * 9);}
@media (width >= 64rem){padding-inline-start:calc(var(--spacing) * 9);}
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 80rem){margin-block:calc(var(--spacing) * 12);}
@media (width >= 80rem){padding-inline-start:calc(var(--spacing) * 12);}
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
p {
margin-bottom: calc(var(--spacing) * 0);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-leading: 1.6;
line-height: 1.6;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
--tw-tracking: 0.31px;
letter-spacing: 0.31px;
color: var(--color-primary);
@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));}
@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));}
}
&::before{margin-bottom:calc(var(--spacing) * 3);display:block;height:21px;width:26px;background-size:contain;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content);background-image:url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.752 0.0959988L11.328 1.056L11.136 2.016C7.68 3.936 5.888 6.304 5.76 9.12C7.168 9.184 8.384 9.728 9.408 10.752C10.432 11.776 10.944 13.024 10.944 14.496C10.944 15.968 10.4 17.28 9.312 18.432C8.288 19.52 7.04 20.064 5.568 20.064C3.968 20.064 2.624 19.488 1.536 18.336C0.512 17.184 0 15.52 0 13.344C0 10.208 0.992 7.424 2.976 4.992C4.96 2.56 7.232 0.896 9.792 0L10.752 0.0959988ZM25.152 0.0959988L25.728 1.056L25.536 2.016C22.08 3.936 20.288 6.304 20.16 9.12C21.568 9.184 22.784 9.728 23.808 10.752C24.832 11.776 25.344 13.024 25.344 14.496C25.344 15.968 24.8 17.28 23.712 18.432C22.688 19.52 21.44 20.064 19.968 20.064C18.368 20.064 17.024 19.488 15.936 18.336C14.912 17.184 14.4 15.52 14.4 13.344C14.4 10.208 15.392 7.424 17.376 4.992C19.36 2.56 21.632 0.896 24.192 0L25.152 0.0959988Z' fill='%23003433'/%3E%3C/svg%3E");}
}
}
.headerNavMain {
align-items: center;
.mega-menu-wrap {
position: static !important;
width: 100% !important;
background-color: transparent !important;
text-align: center !important;
.mega-menu-toggle{display:none !important;}
.max-mega-menu {
position: static !important;
display: block !important;
gap: calc(var(--spacing) * 4.5);
background-color: transparent !important;
a.mega-menu-link {
height: auto !important;
background-color: transparent !important;
padding: calc(var(--spacing) * 0) !important;
font-family: var(--font-primary) !important;
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
--tw-font-weight: var(--font-weight-semibold) !important;
font-weight: var(--font-weight-semibold) !important;
color: var(--color-white) !important;
@media (width >= 64rem){color:var(--color-primary) !important;}
@media (width >= 80rem){font-size:var(--text-lg) !important;line-height:var(--tw-leading, var(--text-lg--line-height)) !important;}
}
.mega-sub-menu {
a.mega-menu-link {
padding-inline: calc(var(--spacing) * 0) !important;
padding-block: calc(var(--spacing) * 2) !important;
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
--tw-font-weight: var(--font-weight-normal) !important;
font-weight: var(--font-weight-normal) !important;
color: var(--color-white) !important;
@media (width >= 64rem){padding-inline:calc(var(--spacing) * 4) !important;}
@media (width >= 64rem){padding-block:calc(var(--spacing) * 3) !important;}
@media (width >= 64rem){font-size:var(--text-base) !important;line-height:var(--tw-leading, var(--text-base--line-height)) !important;}
}
}
}
ul.max-mega-menu {
display: flex !important;
justify-content: center;
@media (width >= 64rem){flex-direction:row !important;}
@media (width >= 64rem){flex-wrap:wrap !important;}
}
}
ul.mega-sub-menu {
border-radius: var(--radius-xl) !important;
background-color: var(--color-primary) !important;
color: var(--color-white) !important;
h4{color:var(--color-white) !important;}
li {
a,.mega-menu-link {
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
--tw-font-weight: var(--font-weight-normal) !important;
font-weight: var(--font-weight-normal) !important;
color: var(--color-white) !important;
@media (width >= 64rem){font-size:var(--text-base) !important;line-height:var(--tw-leading, var(--text-base--line-height)) !important;}
}
}
}
}
.menuGridCol {
ul.mega-sub-menu {
display: grid;
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 4);
@media (width >= 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
}
.hiringGuideGrid {
@media (width < 64rem){margin-top:calc(var(--spacing) * 5) !important;}
.menu-hiring-guides-container {
ul {
display: grid;
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: calc(var(--spacing) * 4);
@media (width >= 64rem){grid-template-columns:repeat(2, minmax(0, 1fr));}
}
}
}
.headerNavMain {
li.mega-menu-megamenu {
> ul.mega-sub-menu {
padding-inline: calc(var(--spacing) * 0) !important;
padding-block: calc(var(--spacing) * 4) !important;
@media (width >= 64rem){padding:calc(var(--spacing) * 8) !important;}
li{padding:calc(var(--spacing) * 0) !important;}
}
ul.menu{display:grid;gap:calc(var(--spacing) * 3);}
}
.mega-menu-flyout {
ul.mega-sub-menu {
@media (width >= 64rem){padding:calc(var(--spacing) * 1) !important;}
}
}
li.mega-menu-item-type-widget {
.mega-block-title {
margin-bottom: calc(var(--spacing) * 3) !important;
@media (width >= 64rem){margin-bottom:calc(var(--spacing) * 4.5) !important;}
}
}
}
.blogCategoryFilter {
.chips {
padding-inline: calc(var(--spacing) * 7.5);
padding-block: calc(var(--spacing) * 2);
&.active{background-color:var(--color-primary);color:var(--color-white);}
}
}
.page-numbers {
&.current{color:var(--color-blueColor);}
&.prev,&.next{border-radius:var(--radius-sm);background-color:var(--color-blueColor);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 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-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-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-duration{syntax:"*";inherits:false;}
@property --tw-ease{syntax:"*";inherits:false;}
@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-content{syntax:"*";initial-value:"";inherits:false;}
@property --tw-gradient-position{syntax:"*";inherits:false;}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --tw-gradient-stops{syntax:"*";inherits:false;}
@property --tw-gradient-via-stops{syntax:"*";inherits:false;}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@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-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-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-duration: initial;
--tw-ease: initial;
--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-content: "";
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
}
}
}.single-post article.blogTextMed table{width:100%;min-width:680px;margin:2rem 0;border:1px solid #cbdedc;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;background:#fff;font-size:clamp(15px, 1.25vw, 18px);line-height:1.5;text-align:left;}
.single-post article.blogTextMed table thead{background:#003433;color:#fff;}
.single-post article.blogTextMed table th, .single-post article.blogTextMed table td{padding:14px 18px;border-right:1px solid #cbdedc;border-bottom:1px solid #cbdedc;vertical-align:top;overflow-wrap:anywhere;}
.single-post article.blogTextMed table th{font-weight:700;}
.single-post article.blogTextMed table th:last-child, .single-post article.blogTextMed table td:last-child{border-right:0;}
.single-post article.blogTextMed table tbody tr:last-child td{border-bottom:0;}
.single-post article.blogTextMed table tbody tr:nth-child(even){background:#f3fafa;}
.single-post article.blogTextMed table tbody tr:hover{background:#e8f6f5;}
@media(max-width:767px){
.single-post article.blogTextMed {
overflow-x: hidden;
}
.single-post article.blogTextMed table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
font-size: 15px;
}
.single-post article.blogTextMed table th, .single-post article.blogTextMed table td {
padding: 12px 14px;
}
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}