@import url(https://fonts.googleapis.com/css?family=Oxygen:bold,regular&display=swap); /* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */ @charset "UTF-8";$font-body:georgia,times,'Times New Roman',serif;$font-heading:'HelveticaNeue','Helvetica','Arial',sans-serif;$space:1rem;$space-double:calc($space * 2);$space-triple:calc($space * 3);$space-quadruple:calc($space * 4);$space-quintuple:calc($space * 5);$space-sextuple:calc($space * 6);$space-septuple:calc($space * 7);$space-one-half:calc($space/2);$space-one-third:calc($space/3);$space-one-fourth:calc($space/4);$space-one-fifth:calc($space/5);$space-one-sixth:calc($space/6);$space-one-seventh:calc($space/7);$space-one-eighth:calc($space/8);$xs:320px;$small:480px;$medium:720px;$large:920px;$xl:1224px;$max-width:$xl;div.bg-neutral-20,div.bg-neutral-10 { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.bg-neutral-20 .tag,div.bg-neutral-10 .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.bg-neutral-20 .title,div.bg-neutral-20 .description,div.bg-neutral-10 .title,div.bg-neutral-10 .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.to-blue-inn-50,div.bg-neutral-90,div.bg-blue-inn-60,div.bg-blue-inn-30 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.to-blue-inn-50 .tag,div.bg-neutral-90 .tag,div.bg-blue-inn-60 .tag,div.bg-blue-inn-30 .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.to-blue-inn-50 .title,div.bg-gradient-to-br.from-blue-inn-60.to-blue-inn-50 .description,div.bg-neutral-90 .title,div.bg-neutral-90 .description,div.bg-blue-inn-60 .title,div.bg-blue-inn-60 .description,div.bg-blue-inn-30 .title,div.bg-blue-inn-30 .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @use 'colors-used' as *;.cl-colors { padding: 1rem; } .cl-colors__list { display: flex; flex-wrap: wrap; margin: 0 0 2rem; padding: 0; } .cl-colors__item { list-style: none; padding: 1rem 2rem; transition: all 0.4s; flex: 1 1 20%; min-width: 150px; min-height: 150px; display: flex; justify-content: center; align-items: flex-end; } $innovation-blue-10:#d4e1ff;$innovation-blue-20:#a8c2ff;$innovation-blue-30:#2667ff;$innovation-blue-40:#1e52cc;$innovation-blue-50:#133480;$innovation-blue-60:#060f38;$future-green-10:#d1ece6;$future-green-20:#8dcfc2;$future-green-30:#1b9f84;$future-green-40:#167f6a;$future-green-50:#0e5042;$diversity-purple-10:#e8cefa;$diversity-purple-20:#c685f2;$diversity-purple-30:#8d0be4;$diversity-purple-40:#7109b6;$diversity-purple-50:#470672;$global-yellow-10:#fff9db;$global-yellow-20:#ffed94;$global-yellow-30:#ffe14c;$global-yellow-40:#ffd400;$global-yellow-50:#e2be0d;$neutral-10:#fff;$neutral-20:#f2f5f7;$neutral-30:#dce3e8;$neutral-40:#9fb1bd;$neutral-50:#5b7282;$neutral-60:#3e5463;$neutral-70:#2a3f4d;$neutral-80:#1c2b36;$neutral-90:#0e171f;$neutral-100:#000;$white:white;$near-white:#f2f2f2;$gray-lightest:#e5e5e5;$gray-lighter:#ccc;$gray-light:#888;$gray:#666;$gray-dark:#4c4c4c;$gray-darker:#333;$black:black;$yellow-light:#f9fb93;$red-light:#fbe3e4;$green-light:#cfefc2;$purple:#610c63;$blue:#005de0;@use 'colors-vars';$innovation-blue:(innovation-blue-10:colors-vars.$innovation-blue-10,innovation-blue-20:colors-vars.$innovation-blue-20,innovation-blue-30:colors-vars.$innovation-blue-30,innovation-blue-40:colors-vars.$innovation-blue-40,innovation-blue-50:colors-vars.$innovation-blue-50,innovation-blue-60:colors-vars.$innovation-blue-60,);$future-green:(future-green-10:colors-vars.$future-green-10,future-green-20:colors-vars.$future-green-20,future-green-30:colors-vars.$future-green-30,future-green-40:colors-vars.$future-green-40,future-green-50:colors-vars.$future-green-50,);$darkColors:(text:colors-vars.$white,text-inverse:colors-vars.$gray,background:colors-vars.$gray,background-inverse:colors-vars.$gray-light,background-section:colors-vars.$gray-dark,primary:colors-vars.$blue,secondary:colors-vars.$purple,accent:colors-vars.$gray-lightest,accent-high:colors-vars.$white,highlight:colors-vars.$gray-dark,highlight-high:colors-vars.$gray-darker,muted:colors-vars.$gray-darker,warning:colors-vars.$yellow-light,error:colors-vars.$red-light,message:colors-vars.$green-light,);@function clr($colorChoice) { @return var(--c-# { $colorChoice} );} html { box-sizing: border-box; } body { background-color: clr(background); color: clr(text); } *,*::after,*::before { box-sizing: inherit; } .main { display: block; } .page-without-banner .main { margin-top: 72px; } @media (min-width: 768px) { .page-without-banner .main { margin-top:120px } } .visually-hidden { position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .langBox { display: none; } .lang-en .langBox.lang-en { display: block; } .lang-bi .langBox.lang-bi { display: block; } .lang-ch .langBox.lang-ch { display: block; } .lang-jp .langBox.lang-jp { display: block; } .lang-fr .langBox.lang-fr { display: block; } .styled-scrollbar { --scrollbar-foreground: blue --scrollbar-background:transparent scrollbar-color:var(--scrollbar-foreground) var(--scrollbar-background); scrollbar-width: thin; } .styled-scrollbar::-webkit-scrollbar { width: 5px; height: 10px; } .styled-scrollbar::-webkit-scrollbar-thumb { background: var(--scrollbar-foreground); } .styled-scrollbar::-webkit-scrollbar-track { background: var(--scrollbar-background); } @mixin color-category($h1,$h2,$h3) { } .btn { display: inline-flex; height: 3rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } .btn.btn-disabled { opacity: .5; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: cursor; pointer-events: none; filter: saturate(10%); } .btn svg { margin-left: 0.5rem; } .btn.btn-primary { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; } div.btn.btn-primary { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.btn.btn-primary .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.btn.btn-primary .title,div.btn.btn-primary .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.btn.btn-primary .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.btn.btn-primary .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h1,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h2,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h3,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h4,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h5,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content h6,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content p,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content ul,.gallery-txt-wrapper.btn.btn-primary .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.btn.btn-primary .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.btn.btn-primary .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.btn.btn-primary .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.btn.btn-primary .content-block__main ul,.paragraph--type--text-block.btn.btn-primary .content-block__main ol,.paragraph--type--text-block.btn.btn-primary .content-block__main p,.paragraph--type--text-block.btn.btn-primary .content-block__main h1,.paragraph--type--text-block.btn.btn-primary .content-block__main h2,.paragraph--type--text-block.btn.btn-primary .content-block__main h3,.paragraph--type--text-block.btn.btn-primary .content-block__main h4,.paragraph--type--text-block.btn.btn-primary .content-block__main h5,.paragraph--type--text-block.btn.btn-primary .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.btn.btn-primary .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn.btn-primary:hover { --tw-bg-opacity: 1; background-color: rgb(30 82 204 / var(--tw-bg-opacity)); } .btn.btn-primary:disabled { opacity: 0.5; } .btn.btn-primary svg { fill: #FFFFFF; } .btn.btn-secondary { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(38 103 255 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; } div.btn.btn-secondary { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.btn.btn-secondary .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.btn.btn-secondary .title,div.btn.btn-secondary .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .btn.btn-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .btn.btn-secondary svg path { fill: #2667FF; } .btn.btn-secondary:hover svg path { fill: #ffffff; } .btn.btn-text svg path { fill: #2667FF; } .btn.btn-text:hover svg path { fill: #1E52CC; } .btn.btn-primary:hover svg,.btn.btn-secondary:hover svg,.btn.btn-text:hover svg { animation: svg-pulse .5s infinite; } .btn.btn-tertiary { border-radius: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; } @media (min-width: 768px) { .btn.btn-tertiary { font-size:1rem; line-height: 1.5rem; } } .btn.btn-tertiary::after { content: ''; float: right; width: 15px; height: 15px; margin-top: 5px; background: url(/themes/custom/apu/images/icons/01-small/right-chevron.svg) no-repeat; margin-left: 0.5rem; fill: #2667FF; } @media (min-width: 768px) { .btn.btn-tertiary::after { margin-left:7rem; } } .btn.btn-text { padding-left: 0 !important; padding-right: 0 !important; background-color: transparent; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; } .btn.btn-text:hover { background-color: transparent; --tw-text-opacity: 1; color: rgb(30 82 204 / var(--tw-text-opacity)); } @media (min-width: 768px) { .btn { padding-left:1.25rem; padding-right: 1.25rem; font-size: 1rem; line-height: 1.5rem; } } @keyframes svg-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .tag { letter-spacing: 0.24rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .title { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .description { padding-top: 1rem; text-align: center; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .content-block { padding-top: 2rem; } .content-block.has-background-image { background-size: cover; background-repeat: no-repeat; } .content-block__main { padding-top: 0.5rem; } .content-block__footer { padding-top: 2rem; padding-bottom: 2rem; text-align: center; } @media (min-width: 768px) { .content-block__footer { padding-bottom:0px; } } .content-block__footer .btn { margin-bottom: 0.5rem; width: 100%; } @media (min-width: 768px) { .content-block__footer .btn { margin-bottom:0px; width: auto; } } .content-block.has-image { padding-top: 5rem; padding-bottom: 5rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .content-block.has-image { padding-top:7rem; padding-bottom: 7rem; padding-left: 0px; padding-right: 0px; } } .content-block.has-image .content-block__wrapper { position: relative; z-index: 10; display: flex; flex-direction: column-reverse; gap: 4rem; } @media (min-width: 768px) { .content-block.has-image .content-block__wrapper { flex-direction:row; gap: 8rem; } .content-block.has-image .content-block__wrapper.reverse { flex-direction: row-reverse; } } .content-block.has-image .content-block__wrapper .content-block__content-item-image img { border-radius: 1.5rem; } .text-right { text-align: right; } .text-justify { text-align: justify; } @media (min-width: 768px) { .title { font-size:2.5rem; line-height: 3.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .content-block { padding-top: 3rem; padding-bottom: 3rem; padding-left: 1rem; padding-right: 1rem; } .content-block__main { padding-top: 0.5rem; } .content-block__wrapper { position: relative; z-index: 10; } } .webform-submission-apply-v2-form .section-heading { padding-top: 0px; padding-bottom: 0px; } .webform-submission-apply-v2-form .content-block__main { padding-top: 0px; } .form-item__dropdown { border: 1px solid clr(muted); display: block; position: relative; } @media (prefers-color-scheme: dark) { .form-item__dropdown { background-color:clr(background-inverse) } } .form-item__dropdown::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid clr(accent); content: ' '; position: absolute; top: 42%; right: 1em; z-index: 2; pointer-events: none; display: none; } .form-item__dropdown:hover { border-color: clr(accent-high); } .form-item__select { border: 1px solid clr(muted); height: 41px; font-size: 16px; margin: 0; outline: none; padding: 0.6em 0.8em 0.5em; width: 100%; } .form-item__select :focus { outline: none; color: clr(accent); } @supports ((-webkit-appearance: none) or (appearance:none)) or ((-moz-appearance:none) and (mask-type:alpha)) { .form-item__dropdown::after { display:block; } .form-item__select { padding-right: 2em; background: none; border: 1px solid transparent; -webkit-appearance: none; appearance: none; } .form-item__select:focus { border-color: clr(accent); border-radius: 0; } } .form-item__textfield { height: 2rem; } .icons-demo,.large-icons-demo { display: flex; flex-direction: column; align-items: center; text-align: center; } .icons-demo__item,.large-icons-demo__item { margin-top: 2rem; } .icons-demo__item svg,.large-icons-demo__item svg { margin: 0 auto; } .form-item--checkboxes { background-color: red; width: 300px; position: absolute; top: 0; } figure { margin: 0; } figure figcaption { text-align: center; font-size: small; line-height: initial; margin-top: .25rem; } .figure__caption { font-style: italic; } .image-full { display: block; -o-object-fit: cover; object-fit: cover; } .width-100 { width: 100%; margin: auto; } .width-90 { width: 90%; margin: auto; } .width-80 { width: 80%; margin: auto; } .width-70 { width: 70%; margin: auto; } .width-60 { width: 60%; margin: auto; } .width-50 { width: 50%; margin: auto; } .width-40 { width: 40%; margin: auto; } .width-30 { width: 30%; margin: auto; } .width-20 { width: 20%; margin: auto; } .width-10 { width: 10%; margin: auto; } ul,ol { padding-left: 1em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } .list-item { margin-bottom: 0.2em; padding-left: 1em; } .text-long ol li,.text-long ul li { @extend .list-item;} .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; } .overlay .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: white; padding: 20px; text-align: center; min-width: 450px; border-radius: 8px; } .overlay .modal h2 { font-size: 18px; font-weight: 700; } .overlay .modal p { font-size: 14px; font-weight: 400; } .overlay .modal .modal-buttons { margin-top: 14px; } .image-overlay { min-height: 17.5rem; min-width: -moz-fit-content; min-width: fit-content; background-size: cover; box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center; transition: all .2s linear; } .image-overlay:hover { box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.1); transition: all .2s linear; } @media only screen and (max-width: 600px) { .image-overlay { min-height:9.5rem; } } .subtitle { margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } @media (min-width: 768px) { .subtitle { font-size:2.5rem; line-height: 3.5rem; } } .table { border: 1px solid clr(highlight-high); border-radius: 4px; border-spacing: 0; background-color: clr(muted); margin: 1em 0; width: 100%; } .table__heading-cell { color: clr(accent-high); font-weight: 700; text-align: left; } .table__row:nth-child(odd) { background-color: clr(background); } .table__row:first-child th:first-child,.table__row:first-child td:first-child { border-radius: 5px 0 0; } .table__row:first-child th:last-child,.table__row:first-child td:last-child { border-radius: 0 5px 0 0; } .table__row:last-child td:first-child { border-radius: 0 0 0 5px; } .table__row:last-child td:last-child { border-radius: 0 0 5px; } .table__footer-cell,.table__footer-cell:first-child { border-bottom: none; } .text-long table { @extend .table;} .text-long th { @extend .table__heading-cell;} .text-long td { @extend .table__cell;} .text-long tr { @extend .table__row;} .text-long tfoot th { @extend .table__footer-cell;} @media screen and (max-width: 551px) { .table-3-col-type-2 tbody { font-size:12px; } } table.custom-table-component { border-collapse: collapse; width: 100%; border: none; } table.custom-table-component thead tr th { background-color: #1C2B36; color: white; text-align: center; } table.custom-table-component tr th,table.custom-table-component tr td { display: block; padding: 8px 16px; text-align: left; } @media (min-width: 768px) { table.custom-table-component tr th,table.custom-table-component tr td { display:table-cell } } table.custom-table-component tr th { color: inherit; background-color: #DCE3E8; } table.custom-table-component tr th.section-heading { color: white; background-color: #5B7282; } table.custom-table-component tr td { border-bottom: 1px solid #DCE3E8; } table.custom-table-component tr ul { list-style-type: disc; list-style-position: outside; padding-left: 1rem; } table.custom-table-component tr ul + * { margin-top: 24px; } .category-preuniversity table.custom-table-component thead tr th { background-color: #1B203E; } .category-preuniversity table.custom-table-component tr th { background-color: #cacee8; } .category-preuniversity table.custom-table-component tr th.section-heading { background-color: #4653a0; } .category-preuniversity table.custom-table-component tr td { border-bottom: 1px solid #cacee8; } .category-computing table.custom-table-component thead tr th { background-color: #00394d; } .category-computing table.custom-table-component tr th { background-color: #b3ebff; } .category-computing table.custom-table-component tr th.section-heading { background-color: #00749C; } .category-computing table.custom-table-component tr td { border-bottom: 1px solid #b3ebff; } .category-design table.custom-table-component thead tr th { background-color: #480520; } .category-design table.custom-table-component tr th { background-color: #fab7d3; } .category-design table.custom-table-component tr th.section-heading { background-color: #AE0C4E; } .category-design table.custom-table-component tr td { border-bottom: 1px solid #fab7d3; } .category-business table.custom-table-component thead tr th { background-color: #00305C; } .category-business table.custom-table-component tr th { background-color: #b3daff; } .category-business table.custom-table-component tr th.section-heading { background-color: #005db3; } .category-business table.custom-table-component tr td { border-bottom: 1px solid #b3daff; } .category-financial table.custom-table-component thead tr th { background-color: #3d2e10; } .category-financial table.custom-table-component tr th { background-color: #efe1c2; } .category-financial table.custom-table-component tr th.section-heading { background-color: #BD9031; } .category-financial table.custom-table-component tr td { border-bottom: 1px solid #efe1c2; } .category-engineering table.custom-table-component thead tr th { background-color: #3d0f14; } .category-engineering table.custom-table-component tr th { background-color: #f0c2c7; } .category-engineering table.custom-table-component tr th.section-heading { background-color: #982632; } .category-engineering table.custom-table-component tr td { border-bottom: 1px solid #f0c2c7; } .category-media table.custom-table-component thead tr th { background-color: #38483b; } .category-media table.custom-table-component tr th { background-color: #b7c7bb; } .category-media table.custom-table-component tr th.section-heading { background-color: #719078; } .category-media table.custom-table-component tr td { border-bottom: 1px solid #b7c7bb; } .category-postgraduate table.custom-table-component thead tr th { background-color: #3d3847; } .category-postgraduate table.custom-table-component tr th { background-color: #bcb8c7; } .category-postgraduate table.custom-table-component tr th.section-heading { background-color: #68617A; } .category-postgraduate table.custom-table-component tr td { border-bottom: 1px solid #bcb8c7; } $color-heading:clr(accent);.text-long h1 { @extend .h1;} .text-long h2 { font-size: 1.75rem; font-weight: 400; letter-spacing: -0.025em; } .text-long h3 { font-size: 1.5rem; font-weight: 400!important; letter-spacing: -0.025em; } .text-long h4 { font-size: 1.4rem; font-weight: 700; } .text-long h5 { font-size: 1.25rem; font-weight: 700; } .text-long h6 { font-size: 1.125rem; font-weight: 700; } .blockquote { font-style: italic; border-left: solid 3px clr(accent); margin-left: 1em; padding-left: 1em; } .hr { border-style: solid; border-width: 1px 0 0; color: currentColor; } .video { height: 0; overflow: hidden; padding-top: 35px; padding-bottom: 56.25%; position: relative; } .video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video--full { padding-bottom: 75%; } .accordion-dy-content .accordion-dy-content__content { max-width: 34.938rem; margin: 0 auto; } .accordion-dy-content-item__header { display: flex; width: 100%; flex-grow: 1; cursor: pointer; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { .accordion-dy-content-item__header { padding-top:1.5rem; padding-bottom: 1.5rem; } } .accordion-dy-content-item__active__header { border-bottom-width: 0px; } .accordion-dy-content-item__active__header svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } .accordion-dy-content-item__content { visibility: hidden; height: 0px; } .accordion-dy-content-item__active__content { visibility: visible; height: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); } .accordion-dy-content + .accordion-dy-content { margin-top: 48px; } .alert { display: none; --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); padding: 0.75rem; vertical-align: middle; } div.alert { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.alert .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.alert .title,div.alert .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.alert .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.alert .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.alert .gallery-txt__content h1,.gallery-txt-wrapper.alert .gallery-txt__content h2,.gallery-txt-wrapper.alert .gallery-txt__content h3,.gallery-txt-wrapper.alert .gallery-txt__content h4,.gallery-txt-wrapper.alert .gallery-txt__content h5,.gallery-txt-wrapper.alert .gallery-txt__content h6,.gallery-txt-wrapper.alert .gallery-txt__content p,.gallery-txt-wrapper.alert .gallery-txt__content ul,.gallery-txt-wrapper.alert .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.alert .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.alert .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.alert .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.alert .content-block__main ul,.paragraph--type--text-block.alert .content-block__main ol,.paragraph--type--text-block.alert .content-block__main p,.paragraph--type--text-block.alert .content-block__main h1,.paragraph--type--text-block.alert .content-block__main h2,.paragraph--type--text-block.alert .content-block__main h3,.paragraph--type--text-block.alert .content-block__main h4,.paragraph--type--text-block.alert .content-block__main h5,.paragraph--type--text-block.alert .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.alert .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert p { margin-bottom: 0px; display: flex; font-size: 0.75rem; line-height: 1rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert p::after { content: ''; background: url(/themes/custom/apu/images/icons/01-small/right-arrow-white.svg) no-repeat; margin-left: 0.75rem; display: inline-block; height: 1.25rem; width: 1.25rem; } .alert .closebtn { float: right; margin-left: 1rem; cursor: pointer; font-size: 1.5rem; font-weight: 700; line-height: .75rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } .banner-selector-wrapper { width: 100%; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } div.banner-selector-wrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.banner-selector-wrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.banner-selector-wrapper .title,div.banner-selector-wrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .banner-selector-wrapper { width:50%; } } .banner-selector-wrapper .form-item { margin-bottom: 0px; } .banner-selector-wrapper .form-item__dropdown:after { top: -19px; right: -22px; height: 3.5rem; width: 3.5rem; border-width: 0px; background-repeat: no-repeat; } .banner-selector-wrapper .form-item select { padding-left: 0px; padding-right: 0px; } .body__container h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } .body__container img { margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; display: block; height: auto; max-width: 100%; } .body__container ul > li { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; } .body__container ul > li > a { width: 100%; } .body__container .image { height: 32.5rem; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .body__container .image { height:27.6rem; } } .body__container .btn { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .body__container .text-long li { border-bottom-width: 0; margin-left: 20px; padding-left: 6px; padding-top: 6px; padding-bottom: 0; margin-bottom: 0; } .simple-bread-crumb { overflow-x: auto; overflow-y: hidden; } .simple-bread-crumb__container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .simple-bread-crumb__item { border-right: 1px solid #dce3e8; display: flex; min-width: -moz-fit-content; min-width: fit-content; flex: 1 1 0%; align-items: center; justify-content: center; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; } .simple-bread-crumb__item:last-of-type { border: none; } .simple-bread-crumb__item a { cursor: pointer; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .simple-bread-crumb__item a:hover { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .button-banner { z-index: 10; margin: auto; margin-bottom: 0px; display: grid; width: 91.666667%; border-radius: 1.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } @media (min-width: 768px) { .button-banner { margin:0px; display: flex; width: 100%; flex-direction: row; } } .button-banner__item { display: flex; flex: 1 1 0%; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.75rem; padding-bottom: 1.75rem; } .button-banner__item:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } @media (min-width: 768px) { .button-banner__item { flex-direction:column; justify-content: center; padding-left: 0px; padding-right: 0px; } } .button-banner__item:not(:last-child) { border-right-width: 2px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); } .button-banner__item p { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .course-details-block .MAIN_CONTAINER { position: relative; } .course-details-block .MAIN_CONTAINER .button-banner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .card-contact { margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 91.666667%; background-color: transparent; } .card-contained-image { position: relative; display: flex; min-height: -moz-fit-content; min-height: fit-content; width: 100%; flex-direction: column; justify-content: flex-end; border-radius: 1rem; background-size: cover; background-position: center; background-repeat: no-repeat; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .card-contained-image::before { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 1rem; opacity: 0.5; content: ""; background-color: #000; transition: opacity .3s linear; } .card-contained-image-detail--wrapper { z-index: 0; padding: 1.5rem; } .card-contained-image.storybook-layout { height: 364px; width: 272px; background-size: 272px 364px; } .card-contained-image .card-detail { margin-bottom: auto; } .card-contained-image .card-detail-tag { padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) { .card-contained-image .card-detail-tag { font-size:0.875rem; line-height: 1.25rem; } } .card-contained-image .card-detail-title { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } @media (min-width: 768px) { .card-contained-image .card-detail-title { font-size:1.5rem; line-height: 2.25rem; } } .card-contained-image .card-detail-description { font-weight: 700; } .card-contained-image:hover::before { opacity: 0.3; transition: opacity .3s linear; } .card-image-text-inside { height: 32.25rem; } .card-image-text-inside__content { height: 32.5rem; position: relative; display: flex; flex: 1 1 0%; align-items: flex-end; justify-content: space-between; padding: 2rem; } .card-image-text-inside__content img { width: 3rem; } @media (min-width: 768px) { .card-image-text-inside { max-width:27.625rem; } .card-image-text-inside__content { height: 41.625rem; } } .card-image-text { min-width: 45%; max-width: 16.375rem; } .card-image-text .events__title { padding-top: 1rem; padding-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .card-image-text .events__desc { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .card-image-text .card-image-text__image { height: 216px; min-width: 152px; width: 100%; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .card-image-text .card-image-text__label { padding-top: 1rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .card-image-text .card-image-text__title { height: 120px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .card-image-text .card-image-text__sub__text { display: flex; align-items: center; gap: 0.75rem; padding-top: 1rem; } .card-image-text .card-image-text__sub__text:nth-of-type(2) { display: flex; align-items: center; gap: 0.75rem; padding-top: 0.75rem; } .card-image-text .card-image-text__sub__text img { width: 1.25rem; -o-object-fit: contain; object-fit: contain; } .card-image-text .card-image-text__sub__text p { font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .card-image-text .card-image-text__more { padding-top: 1rem; } @media (min-width: 768px) { .card-image-text { min-width:24%; } .card-image-text .card-image-text__image { height: 330px; min-width: 263px; width: 100%; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .card-image-text .events__content { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; } .card-image-text .card-image-text__label { font-size: 0.75rem; line-height: 1rem; } .card-image-text .card-image-text__title { height: 90px; -webkit-line-clamp: 3; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .card-image-text .card-image-text__sub__text p { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } } .card-logo-item__wrapper { display: flex; padding-bottom: 2rem; } @media (min-width: 768px) { .card-logo-item__wrapper { padding-bottom:4rem; } } .card-logo-item--image { margin-right: 2rem; width: 5rem; flex-basis: 16.666667%; justify-content: center; } @media (min-width: 768px) { .card-logo-item--image { margin-right:1rem; width: 100%; } } .card-logo-item--image img { height: 100%; width: 100%; } .card-logo-item--detail { flex-basis: 83.333333%; } .card-logo-item--detail h3 { font-weight: 700; } .card-logo-item--detail p:last-child { padding-bottom: 0; } .card-logo__container { display: flex; } .card-small { padding: 1rem; } @media (min-width: 768px) { .card-small { margin-bottom:2.75rem; padding: 0px; } } .card-small-image--wrapper { position: relative; margin-bottom: 1.5rem; width: 100%; overflow: hidden; border-radius: 1rem; } .card-small-image--wrapper::before { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 1rem; content: ""; background-color: #000; } .card-small-image--wrapper img { width: 100%; border-radius: 1rem; -o-object-fit: cover; object-fit: cover; opacity: 0.7; transition: opacity .3s linear; } .card-small .card-detail-tag { letter-spacing: 0.24em; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } @media (min-width: 768px) { .card-small .card-detail-tag { font-size:0.75rem; line-height: 1rem; } } .card-small .card-detail-time,.card-small .card-detail-date { margin-top: 1rem; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 768px) { .card-small .card-detail-time,.card-small .card-detail-date { font-size:0.875rem; line-height: 1.25rem; } } .card-small .card-detail-phone a,.card-small .card-detail-email a,.card-small .card-detail-cta a { margin-top: 1rem; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 768px) { .card-small .card-detail-phone a,.card-small .card-detail-email a,.card-small .card-detail-cta a { font-size:0.875rem; line-height: 1.25rem; } } .card-small .card-detail-title h3 { margin-top: 0.5rem; width: 100%; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .card-small .card-detail-title h3 { width:15rem; font-size: 1.25rem; line-height: 1.75rem; } } .card-small .has-profile a { pointer-events: none; cursor: default; } .card-small:hover .card-small-image--wrapper img { opacity: 0.99; transition: opacity .3s linear; } .carousel-card { display: block; } .carousel-card .carousel-card__image { aspect-ratio: 1/1.4; border-radius: 24px; overflow: hidden; position: relative; width: 100%; margin-bottom: 24px; } .carousel-card .carousel-card__image .carousel-card-overlay { position: absolute; height: 100%; width: 100%; z-index: 1; background-color: black; opacity: .2; transition: opacity .3s linear; } .carousel-card .carousel-card__image img { position: absolute; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .carousel-card:hover .carousel-card__image .carousel-card-overlay { opacity: 0; transition: opacity .3s linear; } .carousel-card .carousel-card__text-category { font-size: 10px; color: #2667FF; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } @media (min-width: 768px) { .carousel-card .carousel-card__text-category { font-size:12px } } .carousel-card .carousel-card__text-title { font-size: 16px; color: #1C2B36; font-weight: 700; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; } @media screen and (min-width: 480px) { } @media (min-width: 768px) { .carousel-card .carousel-card__text-title { font-size:20px; height: 60px } } .carousel-card .carousel-card__text-learn-more span { font-size: 13px; color: #2667FF; font-weight: 700; position: relative; padding-right: 30px; } .carousel-card .carousel-card__text-learn-more span::after { content: ""; position: absolute; right: 0; display: inline-block; width: 25px; height: 25px; background-image: url(/themes/custom/apu/images/icons/01-small/right-arrow.svg); background-size: contain; background-repeat: no-repeat; } @media (min-width: 768px) { .carousel-card .carousel-card__text-learn-more span { font-size:16px } } .carousel-card .carousel-card__text-learn-more:hover span::after { animation: arrow-animation .8s infinite; } .carousel-card .carousel-card__text-icon-container { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; color: #1C2B36; } .carousel-card .carousel-card__text-icon-container .carousel-card__text-icon { display: flex; gap: 12px; justify-content: flex-start; align-items: center; } .carousel-card .carousel-card__text-icon-container .carousel-card__text-icon img { margin: 0!important; width: 25px; } .carousel-card .slick-levels-text-container { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; } .carousel-card .carousel-level ul { list-style-type: disc; padding-left: 20px; } .carousel-card .carousel-card__date { color: #1C2B36; font-weight: 700; } @keyframes arrow-animation { 0% { right: 0 } 50% { right: -5px } 100% { right: 0 } } .slick-slide .carousel-card { padding: 0 12px; } .carousel-partner-item { display: flex; gap: 12px; } .carousel-partner-item .partner-item-image { flex: 0 0 100px; } @media (min-width: 768px) { .carousel-partner-item { gap:24px } } @media (min-width: 1024px) { .carousel-partner-item { gap:36px } } .carousel-partner-item .partner-item-text h4 { font-size: 16px; font-weight: 700; margin-bottom: 12px; } .carousel-partner-item .partner-item-text p { font-size: 14px; } $border:1px solid black;.elp-wrapper { width: 100%; margin-bottom: 24px; } .elp-container { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 940px; margin: 0 auto; padding: 16px; } @media (min-width: 768px) { .elp-container { flex-direction:row } } .elp-container .elp-data-container { padding: 16px; border: 1px solid black; border-top: 0; } .elp-container .elp-data-container ul { list-style-type: initial; list-style-position: inside; padding-left: 8px; margin-left: 8px; } @media (min-width: 768px) { .elp-container .elp-data-container { flex-grow:1 } } .elp-container .elp-container-header { padding: 8px; text-transform: uppercase; font-weight: 700; text-align: center; } @media (min-width: 768px) { .elp-container .elp-container-header { border-top:1px solid black; flex: 0 0 40px } } .elp-container .elp-programme-container { flex-grow: 1; } .elp-container .elp-programme-container .elp-container-header { background-color: #00305C; color: white; border-top-right-radius: 8px; border-top-left-radius: 8px; } @media (min-width: 768px) { .elp-container .elp-programme-container .elp-container-header { border-top-right-radius:0 } } .elp-container .elp-programme-container .elp-data-container { border-bottom: 0; } @media (min-width: 768px) { .elp-container .elp-programme-container .elp-data-container { border-bottom:1px solid black; border-bottom-left-radius: 8px } .elp-container .elp-programme-container { display: flex; flex-direction: column } .elp-container .elp-programme-container .elp-container-header { flex: 0 0 40px; } } .elp-container .elp-requirements-container .elp-container-header { background-color: #b3daff; border-left: 1px solid black; border-right: 1px solid black; } @media (min-width: 768px) { .elp-container .elp-requirements-container .elp-container-header { border-top-right-radius:8px; border-left: 0 } } .elp-container .elp-requirements-container .elp-data-container { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } @media (min-width: 768px) { .elp-container .elp-requirements-container .elp-data-container { border-left:0; border-bottom-left-radius: 0 } .elp-container .elp-requirements-container { display: flex; flex-direction: column; flex: 0 0 250px } } .epte-wrapper { width: 100%; overflow: auto; } .epte-table { display: grid; width: 100%; min-width: 740px; max-width: 940px; margin: 0 auto; grid-template-columns: 160px 200px repeat(6,1fr); border-radius: 8px; border: 1px solid black; overflow: hidden; } .epte-table > div { border-color: black; padding: 12px; } .epte-table .btl { border-top-left-radius: 8px; } .epte-table .btr { border-top-right-radius: 8px; } .epte-table .bbl { border-bottom-left-radius: 8px; } .epte-table .bbr { border-bottom-right-radius: 8px; } .epte-table__heading { text-align: center; background-color: #00305C; color: white; text-transform: uppercase; font-weight: 700; } .epte-table__row-heading { background-color: #005db3; color: white; text-transform: uppercase; font-weight: 700; } .epte-table__row-subheading { background-color: #b3daff; } .epte-table__cell { background-color: #deedfa; text-align: center; } div.v-align-center { display: flex; flex-direction: column; justify-content: center; height: 100%; } .epte-table__cell.muet-span-b1 { grid-area: 2 / 3 / 2 / 5; } .epte-table__cell.muet-span-b2 { grid-area: 2 / 6 / 2 / 8; } .toefl-row-span { grid-area: 4 / 1 / 6 / 1; } .ce-row-span-3 { grid-area: 7 / 1 / 10 / 1; } .ce-row-span-cell3 { grid-area: 7 / 3 / 9 / 3; } .ce-row-span-cell4 { grid-area: 7 / 4 / 9 / 4; } .ce-row-span-cell5 { grid-area: 7 / 5 / 9 / 5; } .ce-row-span-cell6 { grid-area: 7 / 6 / 9 / 6; } .ce-row-span-cell7 { grid-area: 7 / 7 / 9 / 7; } .ce-row-span-cell8 { grid-area: 7 / 8 / 9 / 8; } .els-col-span-4 { grid-area: 10 / 3 / 10 / 5; } .els-col-span-6 { grid-area: 10 / 6 / 10 / 8; } .fee-calc-item__wrapper { display: flex; padding-bottom: 2rem; } @media (min-width: 768px) { .fee-calc-item__wrapper { padding-bottom:4rem; } } .fee-calc-item--image { margin-right: 2rem; width: 5rem; flex-basis: 16.666667%; justify-content: center; } @media (min-width: 768px) { .fee-calc-item--image { margin-right:1rem; width: 100%; } } .fee-calc-item--image img { height: 100%; width: 100%; } .fee-calc-item--detail { flex-basis: 83.333333%; } .fee-calc-item--detail h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } .fee-calc-item--detail p:last-child { padding-bottom: 0 text-body-2; } .fee-calc-text-wrapper { display: flex; padding-top: 0.5rem; } .fee-calc-text_container { padding-top: 1.5rem; } .custom-file-input { position: relative; display: block; width: 100%; background-color: white; border-radius: 40px; padding: 0.6rem 1.7rem 0.9rem 1.7rem; min-height: 48px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid transparent; } .custom-file-input .file-label { pointer-events: none; color: #1C2B36; font-size: 12px; font-weight: 700; } .custom-file-input label { display: inline-block; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background-color: #f0f0f0; padding: 4px 15px; cursor: pointer; font-weight: normal; height: auto; font-size: 14px; } .custom-file-input input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; } .custom-file-input #file-list { display: flex; flex-direction: column; justify-content: space-between; gap: 5px; } .custom-file-input .file-item { display: flex; align-items: center; } .custom-file-input .file-item span { margin-right: 10px; } .custom-file-input .file-item button { background-color: transparent; border: none; padding-right: 10px; cursor: pointer; } .custom-file-input .file-placeholder { color: #9ca3af; font-weight: 400; } .file-drop { border: 3px dashed black; padding: 20px; border-radius: 20px; } .error .custom-file-input { border-color: red; } .footer-column { display: flex; flex-direction: column; gap: 0.75rem; } .footer-column .footer-column__item { font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer-column .footer-column__item:first-of-type { font-weight: 700; } .gallery-four-light { position: relative; z-index: 10; padding-left: 1rem; padding-right: 1rem; padding-top: 5rem; padding-bottom: 8rem; } .gallery-four-light .gallery-four-light__content { scroll-behavior: smooth; display: flex; gap: 1.25rem; overflow-x: auto; padding-bottom: 2rem; } .gallery-four-light .gallery-four-light__item { min-width: 9.5rem; } .gallery-four-light .gallery-four-light__item img { width: 9.5rem; height: 12.5rem; margin-bottom: 1rem; border-radius: 1rem; } .gallery-four-light h4 { text-align: center; } .gallery-four-light h2 { text-align: center; } @media (min-width: 768px) { .gallery-four-light { padding-top:7.5rem; position: relative; padding-left: 0px; padding-right: 0px; } .gallery-four-light h4 { text-align: left; } .gallery-four-light h2 { text-align: left; } .gallery-four-light .gallery-four-light__content { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); } .gallery-four-light .gallery-four-light__item img { height: 20.5rem; margin-bottom: 1.5rem; width: 100%; border-radius: 1rem; } } .gallery-q__container { margin: 0 auto; position: relative; } .gallery-q__container .gallery-q__content { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; } .gallery-q__container .gallery-q__item { position: relative; height: 14.5rem; min-width: 10rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem; } .gallery-q__container .label { letter-spacing: 0.24em; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-q__container .title { text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .gallery-q__container .gallery-q__item__label h3 { letter-spacing: 0.24rem; font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .gallery-q__container .gallery-q__item__label h2 { font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .gallery-q__container .title-header { justify-content: center; } .awards-btn-mobile { display: none } @media only screen and (max-width: 639px) { .awards-btn { display:none; } .awards-btn-mobile { width: 100%; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); margin: 0 auto; margin-top: 12px; display: flex; } } @media (min-width: 640px) { .gallery-q__container { padding-left:1.5rem; padding-right: 1.5rem; } .gallery-q__container .gallery-q__item { height: 22.75rem; padding: 1.5rem; } .gallery-q__container .gallery-q__item__label h3 { letter-spacing: 0.24rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .gallery-q__container .gallery-q__item__label h2 { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .gallery-q__container .label { text-align: left; font-size: 0.875rem; line-height: 1.25rem; } .gallery-q__container .title { text-align: left; font-size: 2.5rem; line-height: 3.5rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .gallery-q__container .title-header { justify-content: space-between; } .gallery-q__container .gallery-q__content { padding-left: 0px; } } @media (min-width: 1024px) { .gallery-q__container { padding-left:0px; padding-right: 0px; } } .gallery-overflow-right-text { margin: 0 auto; position: relative; z-index: 10; padding-top: 5rem; } .gallery-right-text__item__wrapper { display: grid; grid-auto-columns: auto; grid-template-areas: 'one' 'two'; height: 100%; } .gallery-right-text__background__img { position: absolute; left: 0px; top: 10rem; z-index: 0; width: 100%; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .gallery-right-text__item { position: relative; z-index: 10; display: block; } .gallery-right-text__item__image-md { display: none; } .gallery-right-text__item__image-sm { display: block; } .gallery-right-text__content-box { padding-left: 3rem; padding-right: 3rem; } .gallery-right-text__item:nth-child(1) { grid-area: one; } .gallery-right-text__item:nth-child(2) { grid-area: two; } .gallery-right-text__content { padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .gallery-right-text__subtitle { padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-right-text__title { padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .gallery-right-text__btn-box a { margin-left: 1rem; margin-right: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; } @media (min-width: 768px) { .gallery-overflow-right-text { height:37.7rem; padding-left: 1rem; padding-right: 1rem; padding-top: 6rem; } .gallery-right-text__item__wrapper { display: grid; grid-auto-columns: 1fr; grid-template-areas: 'two one'; grid-auto-rows: 2fr; z-index: 10; } .gallery-right-text__item { display: flex; flex-direction: column; justify-content: center; } .gallery-right-text__background__img { top: -25rem; left: 2.5rem; -o-object-fit: fill; object-fit: fill; } .gallery-right-text__item__image-md { position: absolute; bottom: 0px; z-index: 30; display: block; } .gallery-right-text__item__image-sm { display: none; } .gallery-right-text__btn-box a { margin-left: 0px; margin-right: 0px; display: inline-flex; } .gallery-right-text__subtitle { padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-right-text__title { padding-top: 0px; padding-bottom: 0px; text-align: left; font-size: 2.5rem; line-height: 3.5rem; } .gallery-right-text__content { padding-top: 1rem; padding-bottom: 1rem; text-align: left; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .gallery-right-text__content-box { padding-left: 0px; padding-right: 0px; padding-right: 3rem; } .gallery-right-text__btn-box { padding-left: 0px; padding-right: 0px; } } .gallery-text-card__heading { margin: auto; width: 66.666667%; padding-bottom: 1rem; text-align: center; } @media (min-width: 768px) { .gallery-text-card__heading { margin:0px; padding-bottom: 1.5rem; text-align: left; } } .gallery-text-card__title { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .gallery-text-card__title { font-size:0.875rem; line-height: 1.25rem; } } .gallery-text-card__subtitle { font-size: 2rem; line-height: 3rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .gallery-text-card__subtitle { font-size:3rem; line-height: 3.5rem; } } .gallery-text-card__section { margin: auto; display: grid; width: 91.666667%; grid-template-rows: repeat(1,minmax(0,1fr)); gap: 2.5rem; padding-bottom: 2rem; } @media (min-width: 768px) { .gallery-text-card__section { margin:0px; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8rem; } } .gallery-text-card__section .gallry-text-card__item img { border-radius: 0.75rem; -o-object-fit: contain; object-fit: contain; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .gallery-text-card__section .gallery-text-card__info-lists { display: flex; flex-direction: column; -moz-column-gap: 1rem; column-gap: 1rem; } .gallery-text-card__section .gallery-text-card__info { display: flex; flex-direction: column; gap: 2.5rem; } @media (min-width: 768px) { .gallery-text-card__section .gallery-text-card__info { padding-top:8rem; padding-bottom: 8rem; } } .gallery-text-card__section .gallery-text-card__info .gallery-text-card__icon-desc { display: flex; -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 1.25rem; padding-bottom: 1rem; } .gallery-text-card__section .gallery-text-card__info .gallery-text-card__icon-desc .icon-desc__icon { width: 30px; } .gallery-text-card__container { position: relative; z-index: 10; } .gallery-four-bg { padding-bottom: 48px; } .gallery-txt { position: relative; z-index: 10; display: grid; grid-auto-columns: minmax(0,1fr); gap: 1.5rem; } @media (min-width: 768px) { .gallery-txt { gap:3.5rem; } } .gallery-txt { max-width: 71.375rem; margin: 0 auto; width: 100%; padding: 0 24px; grid-template-areas: 'one' 'two'; } .gallery-txt__title { text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .gallery-txt__subtitle { text-align: center; } .gallery-txt__content { padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .gallery-txt__content .text-long { padding: unset; } .gallery-txt__subtitle { letter-spacing: 0.24em; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt__dark-bg { --tw-bg-opacity: 1; background-color: rgb(6 15 56 / var(--tw-bg-opacity)); } div.gallery-txt__dark-bg { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.gallery-txt__dark-bg .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.gallery-txt__dark-bg .title,div.gallery-txt__dark-bg .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h1,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h2,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h3,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h4,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h5,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content h6,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content p,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content ul,.gallery-txt-wrapper.gallery-txt__dark-bg .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.gallery-txt__dark-bg .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.gallery-txt__dark-bg .content-block__main ul,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main ol,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main p,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h1,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h2,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h3,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h4,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h5,.paragraph--type--text-block.gallery-txt__dark-bg .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.gallery-txt__dark-bg .title,.icon-list-wrapper.gallery-txt__dark-bg .icon-list-header,.icon-list-wrapper.gallery-txt__dark-bg .icon-list-items-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.gallery-txt__dark-bg .tag { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .icon-list-wrapper.gallery-txt__dark-bg .tag { font-size:0.75rem; line-height: 1rem; } } .gallery-txt__dark-bg h3 { font-weight: 700; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } .gallery-txt__item { display: block; } .gallery-txt__item img { margin-left: auto; margin-right: auto; border-radius: 1.5rem; -o-object-fit: contain; object-fit: contain; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .gallery-txt__item .gallery-txt__content img { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .gallery-txt__item:nth-child(1) { grid-area: one; } .gallery-txt__item:nth-child(2) { grid-area: two; } .gallery-txt__btn-box { display: flex; width: 100%; flex-direction: column; align-items: stretch; padding-top: 0.5rem; padding-bottom: 0.5rem; } .gallery-txt__subtitle,.gallery-txt__title,.gallery-txt__content { padding-left: 0px; padding-right: 0px; } .gallery-txt__dark-bg .gallery-txt__content,.gallery-txt__dark-bg .gallery-txt__title { --tw-text-opacity: 1; color: rgb(212 225 255 / var(--tw-text-opacity)); } .video-text-image { width: -webkit-fill-available; height: auto; aspect-ratio: 16 / 9; margin: auto; margin-top: 10%; } @media (min-width: 768px) { .gallery-txt { display:grid; gap: 5.5rem; grid-auto-columns: 1fr; grid-template-areas: 'two one'; position: relative; z-index: 10; padding-left: 1.5rem; padding-right: 1.5rem; } .gallery-txt__reverse { @extend .gallery-txt;grid-auto-columns: 1fr; grid-template-areas: 'one two'; } .gallery-txt__item { display: flex; flex-direction: column; justify-content: center; } .dark_navbar .gallery-txt__item { margin-top: 5%; } .gallery-txt__subtitle { text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } .gallery-txt__title { text-align: left; font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; } .gallery-txt__content { padding-top: 1rem; padding-bottom: 1rem; text-align: left; font-weight: 400; } .gallery-txt__btn-box { align-items: flex-start; } .gallery-txt__subtitle,.gallery-txt__title,.gallery-txt__content { padding-left: 0px; padding-right: 0px; } .video-text-image { width: -webkit-fill-available; height: auto; aspect-ratio: 16 / 9; margin: auto; margin-top: 10%; } } .gallery-txt-wrapper { padding: 40px 0; } .gallery-txt-wrapper.bg-neutral-90 .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-neutral-90 .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h1,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h2,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h3,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h4,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h5,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content h6,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content p,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content ul,.gallery-txt-wrapper.bg-neutral-90 .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h1,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h2,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h3,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h4,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h5,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content h6,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content p,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content ul,.gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-30 .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h1,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h2,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h3,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h4,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h5,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content h6,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content p,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content ul,.gallery-txt-wrapper.bg-blue-inn-60 .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h1,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h2,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h3,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h4,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h5,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content h6,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content p,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content ul,.gallery-txt-wrapper.bg-gradient-to-br .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt__content h1 { font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; } .gallery-txt__content h2 { font-size: 2rem; line-height: 3rem; font-weight: 700; } .gallery-txt__content h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } .gallery-txt__content h4 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; } .gallery-txt__content h5 { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .gallery-txt__content h6 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } .MAIN_CONTAINER.gallery-three__container { position: relative; z-index: 10; padding-top: 3rem; padding-bottom: 3rem; } .MAIN_CONTAINER.gallery-three__container .gallery-three__content { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; padding-top: 3rem; padding-bottom: 0px; } .MAIN_CONTAINER.gallery-three__container .gallery-three__content .image-overlay { min-height: 0; } .MAIN_CONTAINER.gallery-three__container .gallery-three__item { position: relative; height: 232px; width: 160px; display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem; } .MAIN_CONTAINER.gallery-three__container .gallery-three__item__label h3 { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .MAIN_CONTAINER.gallery-three__container .gallery-three__item__label h2 { font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .MAIN_CONTAINER.gallery-three__container { min-height:44.625rem; position: relative } .MAIN_CONTAINER.gallery-three__container .gallery-three__content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding-top: 5rem; } .MAIN_CONTAINER.gallery-three__container .gallery-three__item { height: 22.75rem; width: 100%; padding: 1.5rem; } .MAIN_CONTAINER.gallery-three__container .gallery-three__item__label h3 { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .MAIN_CONTAINER.gallery-three__container .gallery-three__item__label h2 { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } } .gallery-q__container-bottom { display: flex; flex-direction: column; flex-wrap: wrap; gap: 0px; padding-left: 0px; padding-right: 0px; } .gallery-q__container-bottom .gallery-q__item { width: 100%; position: relative; overflow: hidden; aspect-ratio: 720 / 480; } .gallery-q__container-bottom .gallery-q__item::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(180deg,rgba(196,196,196,0) 0%,rgba(0,0,0,0.00477978) 0.01%,#000000 100%); } .gallery-q__container-bottom .gallery-q__item > img { width: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-q__container-bottom .gallery-q__item__label { position: absolute; bottom: 3rem; left: 0px; right: 0px; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; text-align: center; } .gallery-q__container-bottom .gallery-q__item__label > h2 { padding-left: 0.25rem; padding-right: 0.25rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } @media (min-width: 768px) { .gallery-q__container-bottom .gallery-q__item__label > h2 { font-size:2rem; line-height: 3rem; } } @media (min-width: 1024px) { .gallery-q__container-bottom .gallery-q__item__label > h2 { padding-left:0.75rem; padding-right: 0.75rem; font-size: 2.5rem; line-height: 3.5rem; } } @media (min-width: 768px) { .gallery-q__container-bottom { display:flex; flex-direction: row; flex-wrap: wrap; gap: 0px; padding-left: 0px; padding-right: 0px; } .gallery-q__container-bottom .gallery-q__item { max-width: 50%; position: relative; } .gallery-q__container-bottom .gallery-q__item > img { -o-object-fit: cover; object-fit: cover; } } .video-items__wrapper,.video-items__wrapper__limited { grid-template-columns: repeat(auto-fill,minmax(10rem,1fr)); display: grid; gap: 1.25rem; overflow: hidden; padding-bottom: 1rem; font-weight: 700; } .video-items__wrapper .video-items__item,.video-items__wrapper__limited .video-items__item { display: flex; flex-direction: column; } .video-items__wrapper .video-items__item iframe,.video-items__wrapper__limited .video-items__item iframe { aspect-ratio: 16 / 9; border-radius: 0.75rem; } @media (min-width: 768px) { .video-items__wrapper,.video-items__wrapper__limited { grid-template-columns:repeat(3,1fr); gap: 3.5rem; } .video-items__wrapper .video-items__item iframe,.video-items__wrapper__limited .video-items__item iframe { width: auto; } .video-items__wrapper__limited :nth-child(n + 4) { display: none; } } .video-item-length { position: absolute; bottom: 12px; right: 12px; background-color: rgba(0,0,0,0.7); color: white; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-radius: 16px; padding: 2px 8px 2px 10px; z-index: 2; } .video-item-length > div { display: none; } .video-item-image { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 0.75rem; position: relative; } .video-item-image img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -o-object-position: center center; object-position: center center; } .video-item-image:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); background-image: url(/themes/custom/apu/images/icons/video-play-icon.svg); background-size: 45px; background-position: center center; background-repeat: no-repeat; transition: all linear .3s; z-index: 1; } .video-item-image:hover:after { background-color: rgba(0,0,0,0.1); transition: all linear .3s; } .icon-and-text-container { display: grid; grid-template-columns: 1fr; gap: 48px; } .icon-and-text { display: grid; width: 100%; grid-template-columns: 1fr; grid-template-rows: 120px auto; gap: 12px; } .icon-and-text span.red { color: red; } .icon-and-text .icon-and-text--image img { height: 100%; margin: 0 auto; } .icon-and-text .btn-text { margin-top: 30px; } @media (min-width: 768px) { .icon-and-text { grid-template-columns:200px 1fr; grid-template-rows: 1fr; gap: 24px } .icon-and-text .icon-and-text--image { padding: 0 20px; } .icon-and-text .icon-and-text--image img { height: auto; max-width: 100%; } } .icon_item__horizontal { border-left: 2rem $innovation-blue-30; } .iconic-card__container { display: grid; grid-template-columns: repeat(3,5.5rem); gap: 0.25rem; justify-content: center; margin: 0 auto; } .iconic-card__card { border: 1px solid; border-radius: 0.5rem; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .iconic-card__icon { border-radius: 0 !important; } .iconic-card__heading { padding-top: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .iconic-card__detail { padding-top: 0.5rem; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 768px) { .iconic-card__container { grid-template-columns:repeat(3,8.9rem); gap: 0.5rem; justify-content: flex-start; margin: 0; } .iconic-card__card { padding: 0.75rem; } .iconic-card__heading { font-size: 1rem; line-height: 1.5rem; } .iconic-card__detail { font-size: 1rem; line-height: 1.5rem; } } .icon-table-item__wrapper { margin-bottom: 2rem; display: flex; } .icon-table-item--image { margin-right: 2rem; flex-basis: 16.666667%; } .icon-table-item--image img { width: 100%; } .icon-table-item--detail { display: flex; flex-basis: 83.333333%; flex-direction: column; gap: 0.25rem; } .icon-table-item--detail h3 { font-weight: 700; } .icon-table-item--detail h4 { font-size: 0.75rem; line-height: 1rem; } .icon-table-item--detail p { font-size: 0.875rem; line-height: 1.25rem; } .icon-table-item--detail p:last-child { padding-bottom: 0; } .icon-table-item__wrapper .icon-table-item--detail { color: initial; } .image-and-caption { width: 100%; } .image-and-caption .image-and-caption--image img { width: 100%; } .image-and-caption .image-and-caption--caption { text-align: center; padding-top: 8px; } .image-and-caption .image-and-caption--caption p { color: #5B7282; font-size: 14px; font-weight: 400; } .image-container { display: flex; flex-wrap: nowrap; } .image-container .image-wrapper { flex: 0 1 100%; padding: 24px; } .image-container .image-wrapper img { width: 100%; } .image-feature { position: relative; background-image: linear-gradient(to top right,var(--tw-gradient-stops)); --tw-gradient-from: #060F38; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgb(6 15 56 / 0)); --tw-gradient-to: #133480; padding-left: 0px; padding-right: 0px; } div.bg-gradient-to-br.image-feature.to-blue-inn-50 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.image-feature { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.image-feature.to-blue-inn-50 .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.image-feature .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.image-feature.to-blue-inn-50 .title,div.bg-gradient-to-br.image-feature.to-blue-inn-50 .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.image-feature .title,div.bg-gradient-to-br.from-blue-inn-60.image-feature .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.image-feature .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.image-feature .content-block__main ul,.paragraph--type--text-block.image-feature .content-block__main ol,.paragraph--type--text-block.image-feature .content-block__main p,.paragraph--type--text-block.image-feature .content-block__main h1,.paragraph--type--text-block.image-feature .content-block__main h2,.paragraph--type--text-block.image-feature .content-block__main h3,.paragraph--type--text-block.image-feature .content-block__main h4,.paragraph--type--text-block.image-feature .content-block__main h5,.paragraph--type--text-block.image-feature .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .image-feature__container { height: 39.375rem; position: relative; z-index: 10; padding-top: 7rem; padding-left: 1rem; padding-right: 7rem; } .image-feature__container h3 { padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } .image-feature__container h1 { font-size: 2rem; line-height: 3rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .image-feature__image__bg { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; top: 10rem; width: 100%; } @media (min-width: 768px) { .image-feature__image__bg { height:56.25rem; } } .image-feature__image__md { display: none; } @media (min-width: 768px) { .image-feature { padding-top:0px; } .image-feature__container { min-height: 63rem; position: relative; z-index: 10; display: flex; flex-direction: column; justify-content: center; padding: 0px; } .image-feature__image__bg { top: 0px; } .image-feature__container h1 { margin-bottom: 5rem; width: 24rem; font-size: 3.75rem; line-height: 4.75rem; } .image-feature__container h3 { font-size: 0.875rem; line-height: 1.25rem; } } [data-drop-send-wrapper].dropdown-wrapper { position: relative; } [data-drop-send-wrapper] .dropdown-wrapper__top { display: flex; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 0.5rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div[data-drop-send-wrapper] .dropdown-wrapper__top { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__top .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__top .title,div[data-drop-send-wrapper] .dropdown-wrapper__top .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } [data-drop-send-wrapper] .dropdown-wrapper__top__input { flex: 1 1 0%; } [data-drop-send-wrapper] .dropdown-wrapper__top__input input { width: 100%; border-radius: 9999px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } [data-drop-send-wrapper] .dropdown-wrapper__top__input p { font-size: 0.75rem; line-height: 1rem; font-weight: 700; } [data-drop-send-wrapper] .dropdown-wrapper__top__input input { width: 100%; overflow-x: hidden; text-overflow: ellipsis; border-radius: 9999px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } [data-drop-send-wrapper] .dropdown-wrapper__top__icon { cursor: pointer; } [data-drop-send-wrapper] .input-send-box__search-icon { position: relative; right: -22px; top: -4px; } [data-drop-send-wrapper] .dropdown-wrapper__bottom > div { margin-bottom: 0.25rem; height: 100%; overflow-y: auto; max-height: 350px; } [data-drop-send-wrapper] .dropdown-wrapper__bottom > div .dropdown-item { } [data-drop-send-wrapper] .dropdown-wrapper__bottom input:focus + label { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom input:focus + label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom input:focus + label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom input:focus + label .title,div[data-drop-send-wrapper] .dropdown-wrapper__bottom input:focus + label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } [data-drop-send-wrapper] .dropdown-wrapper__bottom input { visibility: hidden; position: absolute; } [data-drop-send-wrapper] .dropdown-wrapper__bottom label { position: relative; display: block; cursor: pointer; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; } div[data-drop-send-wrapper] .dropdown-wrapper__bottom label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom label .title,div[data-drop-send-wrapper] .dropdown-wrapper__bottom label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } [data-drop-send-wrapper] .dropdown-wrapper__bottom label:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } [data-drop-send-wrapper] .dropdown-wrapper__bottom h4 { margin: 0.5rem; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; } [data-drop-send-wrapper] .dropdown-wrapper__bottom { position: absolute; right: 0px; left: 0px; z-index: 50; cursor: default; overflow: hidden; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div[data-drop-send-wrapper] .dropdown-wrapper__bottom .title,div[data-drop-send-wrapper] .dropdown-wrapper__bottom .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .dropdown-wrapper { position: relative; } .dropdown-wrapper.open .dropdown-wrapper__top__icon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } .dropdown-wrapper.open .dropdown-wrapper__bottom { display: block; } .dropdown-wrapper__top { display: flex; width: 100%; cursor: pointer; flex-direction: row; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 0.5rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.dropdown-wrapper__top { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.dropdown-wrapper__top .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.dropdown-wrapper__top .title,div.dropdown-wrapper__top .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .dropdown-wrapper__top__input { flex: 1 1 0%; } .dropdown-wrapper__top__input input { width: 100%; border-radius: 9999px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .dropdown-wrapper__top__input p { font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .dropdown-wrapper__top__input input { width: 100%; overflow-x: hidden; text-overflow: ellipsis; border-radius: 9999px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .dropdown-wrapper__top__icon { cursor: pointer; } .dropdown-wrapper__bottom { position: absolute; right: 0px; left: 0px; z-index: 50; margin-top: 0.5rem; display: none; cursor: default; overflow: hidden; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0px; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } div.dropdown-wrapper__bottom { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom .title,div.dropdown-wrapper__bottom .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .dropdown-wrapper__bottom { top: 75px; } .dropdown-wrapper__bottom > div { height: 100%; overflow-y: auto; padding: 0.75rem; max-height: 350px; } .dropdown-wrapper__bottom > div .dropdown-item { } .dropdown-wrapper__bottom input:focus + label { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.dropdown-wrapper__bottom input:focus + label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom input:focus + label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom input:focus + label .title,div.dropdown-wrapper__bottom input:focus + label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .dropdown-wrapper__bottom input { visibility: hidden; position: absolute; } .dropdown-wrapper__bottom label { position: relative; display: block; cursor: pointer; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; } div.dropdown-wrapper__bottom label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.dropdown-wrapper__bottom label .title,div.dropdown-wrapper__bottom label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .dropdown-wrapper__bottom label:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } .dropdown-wrapper__bottom h4 { margin: 0.5rem; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; } #search_multi .dropdown-wrapper__top .dropdown-wrapper__top__input input { border-radius: 0; } #search_multi .dropdown-wrapper__bottom { top: 64px; left: -1.25rem; } .banner__container .banner__block__left .dropdown-wrapper { max-width: 490px; } .input-send-box { display: flex; height: 5rem; align-items: center; justify-content: space-between; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 2rem; padding-right: 0.75rem; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.input-send-box { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.input-send-box .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.input-send-box .title,div.input-send-box .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .input-send-box { margin-left:1rem; margin-right: 1rem; } } .input-send-box label { font-weight: 700; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); } .input-send-box__info input { height: 100%; width: 91.666667%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); font-weight: 100; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } div.input-send-box__info input { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.input-send-box__info input .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.input-send-box__info input .title,div.input-send-box__info input .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .input-send-box__info input:-ms-input-placeholder { color: rgba(28,43,54,1); opacity: 1; } .input-send-box__info input::placeholder { color: rgba(28,43,54,1); opacity: 1; } .input-send-box__info input::-ms-input-placeholder { color: rgba(28,43,54,1); } .input-send-box .input-send-box__search-icon { cursor: pointer; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(27 159 132 / var(--tw-bg-opacity)); } @media (min-width: 768px) { .input-send-box { margin-left:0px; margin-right: 0px; } } .simplenews-subscriber-form form { display: flex; height: 5rem; align-items: center; justify-content: space-between; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 2rem; padding-right: 0.75rem; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.simplenews-subscriber-form form { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.simplenews-subscriber-form form .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.simplenews-subscriber-form form .title,div.simplenews-subscriber-form form .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .simplenews-subscriber-form form label { font-weight: 700; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); } .simplenews-subscriber-form .field--name-mail input { height: 100%; width: 91.666667%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); font-weight: 100; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } div.simplenews-subscriber-form .field--name-mail input { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.simplenews-subscriber-form .field--name-mail input .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.simplenews-subscriber-form .field--name-mail input .title,div.simplenews-subscriber-form .field--name-mail input .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .simplenews-subscriber-form .field--name-mail input:-ms-input-placeholder { color: rgba(28,43,54,1); opacity: 1; } .simplenews-subscriber-form .field--name-mail input::placeholder { color: rgba(28,43,54,1); opacity: 1; } .simplenews-subscriber-form .field--name-mail input::-ms-input-placeholder { color: rgba(28,43,54,1); } .simplenews-subscriber-form .form-submit { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.simplenews-subscriber-form .form-submit { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.simplenews-subscriber-form .form-submit .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.simplenews-subscriber-form .form-submit .title,div.simplenews-subscriber-form .form-submit .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h1,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h2,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h3,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h4,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h5,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content h6,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content p,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content ul,.gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-subscriber-form .form-submit .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main ul,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main ol,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main p,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h1,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h2,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h3,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h4,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h5,.paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-subscriber-form .form-submit .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .simplenews-subscriber-form .form-submit { background-image: url(/themes/custom/apu/images/icons/01-small/right-arrow-white.svg); background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; border: none; border-radius: 56px; cursor: pointer; outline: none; width: 56px; height: 56px; margin-right: 5px; padding: 0; text-indent: -9999px; } .simplenews-subscriber-form .form-submit:hover { --tw-bg-opacity: 1; background-color: rgb(30 82 204 / var(--tw-bg-opacity)); } .simplenews-subscriber-form .form-item__description,.simplenews-subscriber-form .field--type-simplenews-subscription { display: none; } .custom-input-wrapper p,.custom-file-input-wrapper p { font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .custom-input-wrapper input,.custom-file-input-wrapper input { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); text-align: left; } div.custom-input-wrapper input,div.custom-file-input-wrapper input { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.custom-input-wrapper input .tag,div.custom-file-input-wrapper input .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.custom-input-wrapper input .title,div.custom-input-wrapper input .description,div.custom-file-input-wrapper input .title,div.custom-file-input-wrapper input .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .custom-input-wrapper .custom-file-input-wrapper,.custom-file-input-wrapper .custom-file-input-wrapper { position: relative; height: 100%; } .custom-input-wrapper,.custom-file-input-wrapper { height: 5rem; border-radius: 2.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 0.5rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.custom-input-wrapper,div.custom-file-input-wrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.custom-input-wrapper .tag,div.custom-file-input-wrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.custom-input-wrapper .title,div.custom-input-wrapper .description,div.custom-file-input-wrapper .title,div.custom-file-input-wrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .custom-file-input-wrapper { position: relative; height: 100%; } .custom-file-input-wrapper .custom-input-wrapper__input__file span:hover img { display: inline-flex; } .custom-file-input-wrapper .custom-input-wrapper__input__file span::-webkit-scrollbar { display: none; } .custom-file-input-wrapper .custom-input-wrapper__input__file span { -ms-overflow-style: none; scrollbar-width: none; width: 80%; overflow: scroll; white-space: nowrap; } .custom-file-input-wrapper .custom-input-wrapper__input__file span + span { margin-top: 0.5rem; } .custom-file-input-wrapper .custom-input-wrapper__input__file img { z-index: 50; margin-left: 0.75rem; display: none; cursor: pointer; } .custom-file-input-wrapper .custom-input-wrapper__input__file { margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; flex-direction: column; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(159 177 189 / var(--tw-text-opacity)); } .custom-input-wrapper__input { position: relative; width: 100%; cursor: pointer; border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .custom-input-wrapper__input[type='date']::-webkit-calendar-picker-indicator { background-image: url('data:image/svg+xml;utf8,'); margin-top: -1rem; } .custom-input-wrapper__input__radio { display: flex; flex-direction: row; padding-top: 0.5rem; padding-bottom: 0.5rem; } .custom-input-wrapper__input__radio input { cursor: pointer; --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.custom-input-wrapper__input__radio input { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.custom-input-wrapper__input__radio input .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.custom-input-wrapper__input__radio input .title,div.custom-input-wrapper__input__radio input .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h1,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h2,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h3,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h4,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h5,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content h6,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content p,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content ul,.gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.custom-input-wrapper__input__radio input .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main ul,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main ol,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main p,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h1,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h2,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h3,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h4,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h5,.paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.custom-input-wrapper__input__radio input .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .custom-input-wrapper__input__radio label { margin-right: 2.5rem; cursor: pointer; padding-left: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .search__group { box-shadow: 0 8px 24px rgba(0,0,0,0.08); max-width: 56.875rem; position: relative; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.25rem; } div.search__group { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.search__group .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.search__group .title,div.search__group .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .search__group .dropdown-wrapper__bottom { top: 60px; } .search__item { margin: 1.25rem; } .search__item .dropdown-wrapper__top { padding: 0px; padding-right: 0.75rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .search__item:first-of-type { border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); padding-bottom: 1rem; } .search__item input { width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 100; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .search__item p { font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .search__item__icon { position: absolute; right: 1.25rem; bottom: 0px; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; border-radius: 9999px; } @media (min-width: 768px) { .search__group { display:flex; flex-direction: row; align-items: center; border-radius: 9999px; padding: 0px; padding-left: 1.25rem; padding-right: 1.25rem; } .search__item { margin: 1rem; flex: 1 1 0%; } .search__item:first-of-type { border-bottom-width: 0px; border-right-width: 2px; padding-bottom: 0px; } .search__item input { padding-top: 0px; padding-bottom: 0px; } .search__item p { padding-bottom: 0.5rem; } .search__item__icon { position: relative; right: -0.5rem; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .red_placeholder::-webkit-input-placeholder { color: red; } .search__item input { padding-left: 3px; } .single-search-input { display: flex; height: 5rem; align-items: center; justify-content: space-between; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 2rem; padding-right: 0.75rem; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.single-search-input { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.single-search-input .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.single-search-input .title,div.single-search-input .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .single-search-input input { height: 100%; width: 91.666667%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); font-weight: 100; --tw-text-opacity: 1; color: rgb(42 63 77 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } div.single-search-input input { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.single-search-input input .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.single-search-input input .title,div.single-search-input input .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .single-search-input .single-search-input__icon { cursor: pointer; border-radius: 9999px; } .single-search-input .form-item { height: 100%; width: 91.666667%; } .single-search-input .form-item input { width: 100%; } #views-exposed-form-search-page-1 .form-submit { display: none; } #block-exposedformsearchpage-2 .single-search-input { flex-direction: row-reverse; border-radius: 0; background-color: transparent; box-shadow: none; } #block-exposedformsearchpage-2 .single-search-input input { background-color: transparent; } #block-exposedformsearchpage-2 .single-search-input__icon { background-image: url(/themes/custom/apu/images/icons/01-small/search-black.svg); width: 17px; height: 17px; border-radius: 0; } #block-exposedformsearchpage-2 .single-search-input__icon svg { display: none; } .knw-m { } .knw-m__bg-wrapper { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.knw-m__bg-wrapper { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.knw-m__bg-wrapper .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.knw-m__bg-wrapper .title,div.knw-m__bg-wrapper .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h1,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h2,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h3,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h4,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h5,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content h6,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content p,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content ul,.gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.knw-m__bg-wrapper .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.knw-m__bg-wrapper .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.knw-m__bg-wrapper .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.knw-m__bg-wrapper .content-block__main ul,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main ol,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main p,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h1,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h2,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h3,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h4,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h5,.paragraph--type--text-block.knw-m__bg-wrapper .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.knw-m__bg-wrapper .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .knw-m__bg-wrapper { height:auto } } .knw-m__container { position: relative; z-index: 30; padding-left: 1rem; padding-right: 1rem; padding-bottom: 4rem; padding-top: 7rem; } .knw-m__card { position: absolute; left: 1rem; right: 1rem; display: flex; flex-direction: column; justify-content: space-between; overflow: clip; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.knw-m__card { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.knw-m__card .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.knw-m__card .title,div.knw-m__card .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .knw-m__card { top: -70%; } @media (min-width: 768px) { .knw-m__card { left:auto; right: auto; } } .knw-m__card__item { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; } .knw-m__card__item p { font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .knw-m__card__item:nth-child(2) { border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); } .knw-m__content { text-align: center; padding: 5rem 0 3rem; } .knw-m__content p { padding-bottom: 1rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .knw-m__bg-wrapper { margin-top:0% } .knw-m__container { padding-top: 0px; padding-bottom: 3rem; } .knw-m__card { margin-bottom: -116px; position: relative; top: 50%; z-index: 10; display: flex; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: row; border-radius: 1.5rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .knw-m__card__item { flex: 1 1 0%; align-items: center; justify-content: center; gap: 0.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } .knw-m__card__item:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } .knw-m__card__item p { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .knw-m__card__item:nth-child(2) { border-left-width: 2px; border-right-width: 2px; } .knw-m__content { display: flex; align-items: center; justify-content: center; gap: 1.75rem; padding-top: 7rem; padding-bottom: 4rem; } .knw-m__content p { padding-bottom: 0px; padding-right: 1.5rem; } } .pre-knw-m { padding-bottom: 10rem!important; } @media (min-width: 768px) { .pre-knw-m { padding-bottom:5rem!important } } .pre-knw-m .grid-container-section { padding-bottom: 24px; } .pre-knw-m-g4 { padding-bottom: 12rem!important; } @media (min-width: 768px) { .pre-knw-m-g4 { padding-bottom:5rem!important } } .layout-component { display: grid; gap: 0; } .layout-component.column-spacing { gap: 16px; } .layout-component.two-col-text { grid-template-columns: 1fr; } @media screen and (min-width: 768px) { .layout-component.two-col-text { grid-template-columns:repeat(2,1fr); gap: 24px } } .layout-component.three-col-text { grid-template-columns: 1fr; } @media screen and (min-width: 768px) { .layout-component.three-col-text { grid-template-columns:repeat(3,1fr); gap: 24px } } .layout-component.four-col-text { grid-template-columns: 1fr; } @media screen and (min-width: 556px) { .layout-component.four-col-text { grid-template-columns:repeat(2,1fr); gap: 24px } } @media screen and (min-width: 768px) { .layout-component.four-col-text { grid-template-columns:repeat(4,1fr); gap: 24px } } .layout-component img { max-width: 100%; margin: 0 auto; } .layout-component ul { list-style-type: disc; list-style-position: outside; padding-left: 20px; } .layout-component .paragraph--type--simple-text-block { margin: 0; } .link-list { display: flex; width: 100%; flex-direction: row; overflow-x: scroll; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .link-list .link-list__item { width: -moz-fit-content; width: fit-content; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .link-list .link-list__item:last-of-type { border: none; } .link-list .link-list__item p { cursor: pointer; white-space: nowrap; } .link-list .link-list__item p:hover { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .link-list { max-width:55rem; flex-wrap: wrap; justify-content: center; row-gap: 1rem; overflow-x: hidden; } .link-list .link-list__item { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; } .link-list .link-list__item:last-of-type { border: none; } .link-list .link-list__item p { cursor: pointer; white-space: nowrap; } .link-list .link-list__item p:hover { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } } .link-list-item img,.link-list-item svg { transform: scale(1); transition: all .3s linear; } .link-list-item:hover img,.link-list-item:hover svg { transform: scale(1.6); transition: all .3s linear; } .loc-sec { z-index: 10; --tw-bg-opacity: 1; background-color: rgb(6 15 56 / var(--tw-bg-opacity)); padding-top: 5rem; padding-bottom: 7rem; text-align: center; } div.loc-sec { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.loc-sec .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.loc-sec .title,div.loc-sec .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.loc-sec .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.loc-sec .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.loc-sec .gallery-txt__content h1,.gallery-txt-wrapper.loc-sec .gallery-txt__content h2,.gallery-txt-wrapper.loc-sec .gallery-txt__content h3,.gallery-txt-wrapper.loc-sec .gallery-txt__content h4,.gallery-txt-wrapper.loc-sec .gallery-txt__content h5,.gallery-txt-wrapper.loc-sec .gallery-txt__content h6,.gallery-txt-wrapper.loc-sec .gallery-txt__content p,.gallery-txt-wrapper.loc-sec .gallery-txt__content ul,.gallery-txt-wrapper.loc-sec .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.loc-sec .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.loc-sec .content-block__main ul,.paragraph--type--text-block.loc-sec .content-block__main ol,.paragraph--type--text-block.loc-sec .content-block__main p,.paragraph--type--text-block.loc-sec .content-block__main h1,.paragraph--type--text-block.loc-sec .content-block__main h2,.paragraph--type--text-block.loc-sec .content-block__main h3,.paragraph--type--text-block.loc-sec .content-block__main h4,.paragraph--type--text-block.loc-sec .content-block__main h5,.paragraph--type--text-block.loc-sec .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.loc-sec .title,.icon-list-wrapper.loc-sec .icon-list-header,.icon-list-wrapper.loc-sec .icon-list-items-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.loc-sec .tag { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .icon-list-wrapper.loc-sec .tag { font-size:0.75rem; line-height: 1rem; } } .loc-sec__container { position: relative; display: flex; flex-direction: column; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 2.5rem; padding-bottom: 6rem; } .loc-sec__container-map img { border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } .loc-sec__container-content { margin-top: 3.5rem; margin-bottom: 3.5rem; } .loc-sec__container-content h3 { letter-spacing: 00.24rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .loc-sec__container-content h1 { margin-top: 1rem; margin-bottom: 1rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .loc-sec__container-content p { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .loc-sec__container-content__buttons { display: flex; width: 100%; flex-direction: column; justify-content: center; -moz-column-gap: 2rem; column-gap: 2rem; padding-top: 1rem; padding-bottom: 1rem; } .loc-sec__container-content__buttons span { margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; width: 100%; justify-content: center; gap: 2.5rem; } @media (min-width: 768px) { .loc-sec { text-align:left; } .loc-sec__container { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 3rem; padding-top: 0px; padding-bottom: 10rem; } .loc-sec__container-map { flex: 1 1 0%; --tw-bg-opacity: 1; background-color: rgb(14 80 66 / var(--tw-bg-opacity)); } .loc-sec__container-content { margin-top: 3.5rem; margin-bottom: 3.5rem; flex: 1 1 0%; } .loc-sec__container-content h3 { font-size: 0.875rem; line-height: 1.25rem; } .loc-sec__container-content h1 { font-size: 2.5rem; line-height: 3.5rem; } .loc-sec__container-content p { font-size: 1rem; line-height: 1.5rem; } .loc-sec__container-content__buttons { flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 0px; padding-top: 2rem; } .loc-sec__container-content__buttons span { margin: 0px; width: 8rem; --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); justify-content: flex-start; gap: 0.5rem; } } $color-breadcrumb:clr(accent);$color-breadcrumb-hover:clr(accent-high);$color-breadcrumb-active:clr(text);.breadcrumb__item,.breadcrumb__link,.breadcrumb__link:link,.breadcrumb__link:visited,.breadcrumb__link:focus { color: $color-breadcrumb; text-decoration: none; } .breadcrumb__link:hover { color: $color-breadcrumb-hover; } .breadcrumb__item { display: inline-block; font-size: 0.75rem; } .breadcrumb__item::after { content: '/'; } .breadcrumb__item:last-child { color: $color-breadcrumb-active; } .breadcrumb__item:last-child::after { content: ''; } .breadcrumb_link:active { color: $color-breadcrumb-active; } .footer-menu { margin-left: 0px; list-style-type: none; padding-left: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer-menu-wrapper > .footer-menu { display: flex; justify-content: space-between; gap: 1rem; font-weight: 700; } .footer-menu__item--sub:not(:last-child) { padding-bottom: 0.75rem; } .footer-menu__link--with-sub { color: white; font-size: 0.75rem; line-height: 1rem; } .footer-menu--sub { padding-top: 0.75rem; } .footer-menu--sub .footer-menu__item a { color: white; } .footer-menu-content .accordion2 { padding-bottom: unset; padding-top: unset; } .footer-menu-content .accordion2-list h3 { font-size: 0.875rem; line-height: 1.25rem; } .footer-menu-content .accordion2-list > li { --tw-border-opacity: 1; border-bottom-color: rgb(62 84 99 / var(--tw-border-opacity)); } .footer-menu-content .accordion2-list > li h3::after { background: url(/themes/custom/apu/images/icons/01-small/down-chevron-white.svg) no-repeat center center; top: 2px; transition: transform .3s linear; } .footer-menu-content .accordion2-list > li h3.active::after { background: url(/themes/custom/apu/images/icons/01-small/down-chevron-white.svg) no-repeat center center; transform: rotate(180deg); transition: transform .3s linear; } .footer-menu-content .accordion2-list ul.footer-menu-mobile-menu-sub { margin-left: 0px; list-style-type: none; padding-left: 0px; } .footer-menu-content .accordion2-list ul.footer-menu-mobile-menu-sub li { font-size: 0.75rem; line-height: 1rem; } .footer-menu-content .accordion2-list ul.footer-menu-mobile-menu-sub li:not(:last-child) { padding-bottom: 0.75rem; } .footer-menu-mobile-menu-sub--item a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer-menu__item a:hover { --tw-text-opacity: 1; color: rgb(220 227 232 / var(--tw-text-opacity)); } .inline-menu__item { margin: 0 1em 0.5em 0; } .inline-menu__item:last-child { margin-right: 0; } .inline-menu__link { font-size: 0.75rem; font-weight: 600; letter-spacing: 1.5px; text-decoration: none; text-transform: uppercase; } $main-menu-medium:$medium;.main-nav { display: none; } .main-nav--open { background-color: clr(background); display: block; left: 0; overflow-y: scroll; position: absolute; top: 8.375rem; right: 0; width: 100%; } .main-menu { border-bottom: 1px solid; position: relative; z-index: 10; } .main-menu--sub { border-bottom: none; height: 0; overflow: hidden; background-color: clr(muted); width: 100%; } .main-menu--sub-open { height: auto; } .main-menu__item { border-top: 1px solid; display: flex; flex-wrap: wrap; position: relative; } .main-menu__item:hover .main-menu__link::after { color: clr(text); } .expand-sub { background-color: clr(accent-high); cursor: pointer; display: block; width: 20%; color: clr(text-inverse); position: relative; } .expand-sub::after { border: 15px solid; border-bottom-color: transparent; border-left: 12px solid transparent; border-right: 12px solid transparent; content: ''; display: block; margin-right: -12px; margin-top: -6px; position: absolute; right: 50%; top: 50%; width: 0; } .expand-sub--open { background-color: clr(accent-high); color: clr(muted); } .expand-sub--open::after { border-top-color: transparent; border-bottom: 15px solid; margin-top: -20px; } .main-menu__link { color: clr(accent); display: block; font-size: 1.2rem; line-height: 1.5; padding: $space $space-triple $space $space-double; text-decoration: none; font-weight: bold; } .main-menu__link--with-sub { width: 80%; } .main-menu__link--sub { color: clr(accent); padding-left: $space-triple; font-weight: normal; } .main-menu--sub-2 { background-color: clr(highlight-high); } .main-menu__link--sub-2 { padding-left: $space-quadruple; } .toggle-expand { display: inline-block; padding: $space; text-decoration: none; width: 100%; } .toggle-expand--open { background-color: clr(accent); } .toggle-expand__text { display: block; font-size: 0.9rem; font-weight: bold; } .toggle-expand--open .toggle-expand__text { color: clr(background); } .toggle-expand__icon { height: 3rem; width: 3rem; margin: 0 auto; } .toggle-expand__open { display: inline-block; text-align: center; } .toggle-expand--open .toggle-expand__open { display: none; } .toggle-expand__close { display: none; text-align: center; } .toggle-expand__close::before { color: clr(background); content: 'X'; display: block; font-size: 2.5rem; line-height: 2; } .toggle-expand--open .toggle-expand__close { display: inline-block; } .social-menu__item { margin-bottom: $space-one-fourth; } .social-menu__link { display: flex; flex-flow: row nowrap; align-items: center; text-decoration: none; color: clr(text); } .social-menu__icon { height: 2rem; width: 2rem; margin-right: $space-one-half; fill: currentColor; } .social-menu__text { font-weight: bold; } .pager { margin: 1em auto!important; display: flex; justify-content: center; } .pager__items { display: flex; justify-content: flex-start; text-align: center; } .pager__item { display: flex; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 768px) { .pager__item { padding-top:0.75rem; padding-bottom: 0.75rem; padding-left: 2rem; padding-right: 2rem; } } .pager__item.is-active { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.pager__item.is-active { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.pager__item.is-active .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.pager__item.is-active .title,div.pager__item.is-active .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .pager__item svg { width: 24px; height: 24px; } .pager__item:hover .pager__link { --tw-text-opacity: 1; color: rgb(30 82 204 / var(--tw-text-opacity)); } .pager__item:hover svg path { fill: #1E52CC; } .pager__item:not(:first-child):not(:last-child) { border-right: 1px solid #DCE3E8; } .pager__link,.pager__link:link,.pager__link:visited { color: clr(text); font-weight: 600; text-decoration: none; } .pager__link--prev::before { border-left-color: transparent; border-right-color: clr(text); } .pager__link--prev:hover::before { border-left-color: transparent; border-right-color: clr(accent); } canvas { display: block; } .particles-js { width: 100%; background-color: transparent; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; } .particles-js canvas { position: absolute; top: 0; left: 0; z-index: 1; } .particles-js .particles-js-content { width: 100%; position: relative; z-index: auto; } .particles-js .particles-js-content > * > div { position: relative; z-index: 2; } .requirement-table { border-radius: 8px; overflow: hidden; } .requirement-table--heading { color: white; padding: 10px 16px; text-align: center; font-weight: 700; } .requirement-table--section--heading { padding: 10px 16px; font-weight: 700; } .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom: 1px solid transparent; } .requirement-table--row { display: flex; flex-flow: column nowrap; } .requirement-table--row--heading { padding: 10px 16px; text-align: center; font-weight: 700; } .requirement-table--row--cell { padding: 8px 16px; } .requirement-table--row--cell ul { padding-left: 1em; } .requirement-table--row--cell ul li { list-style-type: disc; } @media (min-width: 768px) { .requirement-table--section { display:table; width: 100%; } .requirement-table--row { display: table-row; width: 100%; } .requirement-table--row--heading,.requirement-table--row--cell { display: table-cell; } .requirement-table--row--heading { text-align: left; vertical-align: middle; width: 225px; } } .requirement-table--heading { background-color: #00305C; } .requirement-table--section--heading { color: white; background-color: #005db3; } .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #005db3; } .requirement-table--row--heading { background-color: #b3daff; } .requirement-table--row--cell { background-color: #deedfa; } .category-preuniversity .requirement-table--heading { background-color: #1B203E; } .category-preuniversity .requirement-table--section--heading { color: white; background-color: #4653a0; } .category-preuniversity .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-preuniversity .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #4653a0; } .category-preuniversity .requirement-table--row--heading { background-color: #cacee8; } .category-preuniversity .requirement-table--row--cell { background-color: #eaecff; } .category-computing .requirement-table--heading { background-color: #00394d; } .category-computing .requirement-table--section--heading { color: white; background-color: #00749C; } .category-computing .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-computing .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #00749C; } .category-computing .requirement-table--row--heading { background-color: #b3ebff; } .category-computing .requirement-table--row--cell { background-color: #daf5ff; } .category-design .requirement-table--heading { background-color: #480520; } .category-design .requirement-table--section--heading { color: white; background-color: #AE0C4E; } .category-design .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-design .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #AE0C4E; } .category-design .requirement-table--row--heading { background-color: #fab7d3; } .category-design .requirement-table--row--cell { background-color: #ffd4e6; } .category-business .requirement-table--heading { background-color: #00305C; } .category-business .requirement-table--section--heading { color: white; background-color: #005db3; } .category-business .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-business .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #005db3; } .category-business .requirement-table--row--heading { background-color: #b3daff; } .category-business .requirement-table--row--cell { background-color: #deedfa; } .category-financial .requirement-table--heading { background-color: #3d2e10; } .category-financial .requirement-table--section--heading { color: white; background-color: #BD9031; } .category-financial .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-financial .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #BD9031; } .category-financial .requirement-table--row--heading { background-color: #efe1c2; } .category-financial .requirement-table--row--cell { background-color: #fff7e5; } .category-engineering .requirement-table--heading { background-color: #3d0f14; } .category-engineering .requirement-table--section--heading { color: white; background-color: #982632; } .category-engineering .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-engineering .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #982632; } .category-engineering .requirement-table--row--heading { background-color: #f0c2c7; } .category-engineering .requirement-table--row--cell { background-color: #ffd9de; } .category-media .requirement-table--heading { background-color: #38483b; } .category-media .requirement-table--section--heading { color: white; background-color: #719078; } .category-media .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-media .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #719078; } .category-media .requirement-table--row--heading { background-color: #b7c7bb; } .category-media .requirement-table--row--cell { background-color: #eaf9ed; } .category-postgraduate .requirement-table--heading { background-color: #3d3847; } .category-postgraduate .requirement-table--section--heading { color: white; background-color: #68617A; } .category-postgraduate .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--heading,.category-postgraduate .requirement-table--section .requirement-table--row:not(:last-child) .requirement-table--row--cell { border-bottom-color: #68617A; } .category-postgraduate .requirement-table--row--heading { background-color: #bcb8c7; } .category-postgraduate .requirement-table--row--cell { background-color: #e5e1ee; } .research-card__container { scroll-behavior: smooth; position: relative; z-index: 10; display: grid; grid-auto-flow: column; gap: 1rem; overflow-x: auto; -ms-scroll-chaining: chained; overscroll-behavior: auto; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.5rem; padding-bottom: 2rem; } .research-card__content { width: 20rem; display: flex; flex-direction: column; justify-content: space-between; } .research-card__container .research__icon { width: 10rem; } @media (min-width: 768px) { .research-card__container { position:relative; display: grid; grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); padding-left: 1.5rem; padding-right: 1.5rem; } .research-card__content { width: auto; } .research-card__container .research__icon { width: 22.5rem; } } @media (min-width: 1024px) { .research-card__container { position:relative; display: grid; grid-auto-flow: row; grid-template-columns: repeat(3,minmax(0,1fr)); padding-left: 1.5rem; padding-right: 1.5rem; } .research-card__content { width: auto; } } .scrolling-banner { height: calc(100vw * 1.5); padding-left: 1rem; padding-right: 1rem; } .scrolling-banner .scrolling-banner__content { position: relative; isolation: isolate; display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 1.5rem; background-size: cover; background-repeat: no-repeat; background-position: center; } .scrolling-banner .scrolling-banner__content::after { content: ''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -10; background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgb(0 0 0 / 0)); --tw-gradient-to: #000000; opacity: 0.7; } .scrolling-banner .scrolling-banner__content h1 { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 1024px) { .scrolling-banner .scrolling-banner__content h1 { font-size:2.5rem; line-height: 3.5rem; } } .scrolling-banner .scrolling-banner__content p { align-self: flex-start; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem; } .scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators span { height: 3px; flex: 1 1 0%; border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } div.scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators span { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators span .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators span .title,div.scrolling-banner .scrolling-banner__content .scrolling-banner__content__indicators span .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .scrolling-banner .scrolling-banner__content .scrolling-banner__content__texts { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 3.5rem; } @media (min-width: 768px) { .scrolling-banner { height:calc(100vw / 2.3); padding-left: 2rem; padding-right: 2rem; } .scrolling-banner .scrolling-banner__content .scrolling-banner__content__texts { padding: 7%; padding-bottom: 5%; gap: 1rem; } } .card-info--block-wrapper ul li { list-style-type: disc; } .card-info--block-wrapper ul li:not(:first-child) { padding-top: 0.5rem; } .search-result-dates { display: flex; flex-direction: column; max-height: 96px; flex-wrap: wrap; -moz-column-gap: 12px; column-gap: 12px; } @media (min-width: 640px) { .search-result-dates { -moz-column-gap:24px; column-gap: 24px } } .section-heading { padding-top: 2rem; padding-bottom: 2rem; } .section-heading .section-heading__tag { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.24em; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .section-heading .section-heading__header { font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .image-slideshow { overflow: hidden; border-radius: 1.5rem; } .image-slideshow-container { margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 100%; padding-top: 2rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; } .image-slideshow__img { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 32.5rem !important; } .image-slideshow__img__filter { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 0; } div.image-slideshow__img__filter { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.image-slideshow__img__filter .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.image-slideshow__img__filter .title,div.image-slideshow__img__filter .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .image-slideshow__caption { position: absolute; left: 0px; bottom: 1.25rem; right: 0px; z-index: 20; padding: 1rem; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .image-slideshow__caption { bottom:2.5rem; padding: 2.5rem; } } .image-slideshow__caption__title { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } @media (min-width: 768px) { .image-slideshow__caption__title { font-size:2.5rem; line-height: 3.5rem; } } .image-slideshow__caption__author { padding-top: 0.5rem; } .image-slideshow .slick-dots { position: absolute; left: 0px; right: 0px; top: 1.75rem; margin: 0px; display: flex; list-style-type: none; padding: 0px; } .image-slideshow .slick-dots li { margin-top: 0px; margin-bottom: 0px; margin-left: 0.25rem; margin-right: 0.25rem; height: 0.25rem; flex: 1 1 0%; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 0.5; } div.image-slideshow .slick-dots li { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.image-slideshow .slick-dots li .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.image-slideshow .slick-dots li .title,div.image-slideshow .slick-dots li .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .image-slideshow .slick-dots li.slick-active { opacity: 1; } .image-slideshow .slick-dots li button { display: none; } @media (min-width: 768px) { .image-slideshow__img { min-height:42rem !important; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after,.slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block; margin: 0 auto; margin-bottom: -5%; } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .social-wrapper { display: flex; align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .social-wrapper .s-icon { width: 2rem; -o-object-fit: contain; object-fit: contain; } .social-wrapper .s-icon:hover { transition: opacity .3s linear; opacity: 0.7; } @media (min-width: 768px) { .social-wrapper { -moz-column-gap:2rem; column-gap: 2rem; } } .status__list { margin-bottom: $space; } .status { display: block; margin-bottom: $space-one-half; padding: $space-one-half; text-align: center; } .status--warning { color: clr(text); background-color: clr(warning); } .status--error { color: clr(text); background-color: clr(error); } .status--status { color: clr(text); background-color: clr(message); } .table-col-two { padding-top: 2rem; padding-bottom: 2rem; } .table-col-two table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 0.5rem; border-width: 1px; } .table-col-two table caption,.table-col-two table tr td { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .table-col-two table caption { --tw-bg-opacity: 1; background-color: rgb(28 43 54 / var(--tw-bg-opacity)); vertical-align: middle; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .table-col-two table caption { font-size:1rem; line-height: 1.5rem; } } .table-col-two table tr td:first-child { width: 30%; --tw-bg-opacity: 1; background-color: rgb(220 227 232 / var(--tw-bg-opacity)); font-weight: 700; } .table-col-two table tr td:nth-child(2) { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.table-col-two table tr td:nth-child(2) { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.table-col-two table tr td:nth-child(2) .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.table-col-two table tr td:nth-child(2) .title,div.table-col-two table tr td:nth-child(2) .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .table-col-two table tr td:only-child { --tw-bg-opacity: 1; background-color: rgb(91 114 130 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-col-two table tr td ul { padding-left: 1rem; } .table-col-two table tr td ul li { list-style-type: disc; padding: unset; border: unset; } .table-col-two table tr td ul li:last-child { margin-bottom: unset; } .table-col-two table tr td p { padding-top: 1rem; } .table-col-two table tr td p:first-child { padding-top: 0px; } .table-col-two table tr td p { margin-bottom: unset; } .category-preuniversity .table-col-two table caption { background-color: #1B203E; } .category-preuniversity .table-col-two table tr td:first-child { background-color: #cacee8; } .category-preuniversity .table-col-two table tr td:only-child { background-color: #4653a0; } .category-computing .table-col-two table caption { background-color: #00394d; } .category-computing .table-col-two table tr td:first-child { background-color: #b3ebff; } .category-computing .table-col-two table tr td:only-child { background-color: #00749C; } .category-design .table-col-two table caption { background-color: #480520; } .category-design .table-col-two table tr td:first-child { background-color: #fab7d3; } .category-design .table-col-two table tr td:only-child { background-color: #AE0C4E; } .category-business .table-col-two table caption { background-color: #00305C; } .category-business .table-col-two table tr td:first-child { background-color: #b3daff; } .category-business .table-col-two table tr td:only-child { background-color: #005db3; } .category-financial .table-col-two table caption { background-color: #3d2e10; } .category-financial .table-col-two table tr td:first-child { background-color: #efe1c2; } .category-financial .table-col-two table tr td:only-child { background-color: #BD9031; } .category-engineering .table-col-two table caption { background-color: #3d0f14; } .category-engineering .table-col-two table tr td:first-child { background-color: #f0c2c7; } .category-engineering .table-col-two table tr td:only-child { background-color: #982632; } .category-media .table-col-two table caption { background-color: #38483b; } .category-media .table-col-two table tr td:first-child { background-color: #b7c7bb; } .category-media .table-col-two table tr td:only-child { background-color: #719078; } .category-postgraduate .table-col-two table caption { background-color: #3d3847; } .category-postgraduate .table-col-two table tr td:first-child { background-color: #bcb8c7; } .category-postgraduate .table-col-two table tr td:only-child { background-color: #68617A; } .tabs__nav { border-bottom: 1px solid clr(highlight-high); list-style-type: none; margin-left: 0; padding-left: 0; } .tabs__nav a.tabs__link.is-active > p { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .tabs__tab { display: none; width: 100%; } .tabs__tab.is-active { display: block; } .tabs__content { padding: unset; } .tabs__content .body__container { padding: 0; } .tabs.no-js .tabs__tab.is-active { display: block; } .vertical-tabs { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 1rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 768px) { .vertical-tabs { flex-direction:row; } } .vertical-tabs { max-width: 71.375rem; margin: 0 auto; width: 100%; } .vertical-tabs .vertical__section { position: fixed; top: 71px; left: 0; background: white; width: 100%; border-top: 1px solid #DCE3E8; border-bottom: 1px solid #DCE3E8; z-index: 100; max-height: calc(100vh - 71px); } @media (min-width: 768px) { .vertical-tabs .vertical__section { position:relative; top: 0px; background: transparent; border-top: 0px; border-bottom: 0px; width: auto; max-height: unset } } .vertical-tabs .vertical__section .tabs__nav { padding-top: 0; overflow: hidden; list-style-type: none; padding-left: 0; } @media (min-width: 768px) { .vertical-tabs .vertical__section .tabs__nav { overflow:unset; padding-top: 40px } } .vertical-tabs .vertical__section .tabs__nav li { padding: 8px 6px; font-size: 14px; } @media screen and (min-width: 769px) and (max-width:950px) { .vertical-tabs .vertical__section .tabs__nav li { width:100% } } @media (min-width: 768px) { .vertical-tabs .vertical__section .tabs__nav li { padding:16px 10px; font-size: 1rem } } .vertical-tabs .vertical__title { padding: 0 29px; text-align: center; border-top: 1px solid #DCE3E8; border-bottom: 1px solid #DCE3E8; font-size: 14px; font-weight: 700; color: #2667FF; justify-content: end; height: 56px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 768px) { .vertical-tabs .vertical__title { padding:0; text-align: left; border-top: 0; border-bottom: 0; font-size: 16px; font-weight: 700; height: auto; max-width: 326px } .vertical-tabs .vertical__title svg { display: none; } } .vertical-tabs .vertical__title h3 { margin: auto; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .vertical-tabs .vertical__title h3 { margin:0px; padding-bottom: 1rem; font-size: 2.5rem; line-height: 3.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } } .vertical-tabs .vertical__title.open + .tabs__nav { overflow: scroll; transition: max-height .3s linear; max-height: calc(100vh - 71px - 56px); margin: auto; opacity: 1; } @media (min-width: 768px) { .vertical-tabs .vertical__title.open + .tabs__nav { display:none; } } .vertical-tabs .vertical__title.open svg { transform: translateY(0) rotate(180deg); transition: all .3s linear; } .vertical-tabs .tabs__nav { transition: all .3s linear; -ms-overflow-style: none; scrollbar-width: none; margin: auto; max-height: 0px; width: 91.666667%; --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); opacity: 0; } @media (min-width: 768px) { .vertical-tabs .tabs__nav { max-height:100vh; width: auto; opacity: 1; } } .vertical-tabs .tabs__nav { list-style-type: none; margin: auto; padding-left: 0; } .vertical-tabs .tabs__nav li { border-bottom: 1px solid #DCE3E8; box-sizing: content-box; overflow: hidden; padding-top: 1rem; } .vertical-tabs .tabs__nav li::-webkit-scrollbar { display: none; } .vertical-tabs .tabs__nav li a { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .vertical-tabs .tabs__nav li a::after { content: ''; float: right; width: 15px; height: 15px; background: url('/icons/01-small/right-chevron.svg') no-repeat; } .vertical-tabs .tabs__nav li:hover { background-color: #f3f3f3; } .vertical-tabs .tabs__nav:hover { color: #2667FF; } .vertical-tabs .tabs__nav:hover a svg path { fill: #2667FF; } .vertical-tabs .tabs__nav.is-active { display: block; } @media (min-width: 768px) { .vertical-tabs .tabs__nav { display:flex; flex-basis: 33.333333%; flex-direction: column; } .vertical-tabs .tabs__nav li { width: 326px; margin-top: 0px; margin-bottom: 0px; max-height: 100%; border-bottom-width: 1px; border-right-width: 0px; border-color: rgb(220 227 232 / var(--tw-border-opacity)); --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0px; padding-right: 0px; } .vertical-tabs .tabs__nav li:last-child { border-right-width: 0px; } .vertical-tabs .tabs__nav li a { display: flex; width: 100%; align-items: center; justify-content: space-between; white-space: normal; padding-top: 0px; padding-bottom: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .vertical-tabs .tabs__nav li a p { width: 18rem; } .vertical-tabs .tabs__nav li a::after { content: ''; float: right; width: 15px; height: 15px; margin-top: 5px; background: url('/icons/01-small/right-chevron.svg') no-repeat; } } .vertical-tabs .tabs__tab { flex-basis: 66.666667%; } .horizontal-tabs { padding-top: 5rem; padding-bottom: 5rem; } .horizontal-tabs .tabs__header { width: 100%; padding-bottom: 2.5rem; text-align: center; } .horizontal-tabs .tabs__header h4 { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .horizontal-tabs .tabs__header h4 { font-size:0.875rem; line-height: 1.25rem; } } .horizontal-tabs .tabs__header h4 { letter-spacing: .24rem; } .horizontal-tabs .tabs__header h3 { margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .horizontal-tabs .tabs__header h3 { font-size:2.5rem; line-height: 3.5rem; } } .horizontal-tabs .tabs__header p { font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .horizontal-tabs .tabs__nav { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; max-width: 64rem; overflow-x: auto; padding-bottom: 3rem; } @media (min-width: 768px) { .horizontal-tabs .tabs__nav { flex-wrap:wrap; justify-content: center; } } .horizontal-tabs .tabs__nav { list-style-type: none; padding-left: 0; scrollbar-width: none; } .horizontal-tabs .tabs__nav::-webkit-scrollbar { display: none; } .horizontal-tabs .tabs__nav li { margin-top: 0.5rem; margin-bottom: 0.5rem; width: -moz-fit-content; width: fit-content; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; } .horizontal-tabs .tabs__nav li:last-child { border-right-width: 0px; } .horizontal-tabs .tabs__nav li > a { white-space: nowrap; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .horizontal-tabs .tabs__nav li > a { font-size:0.75rem; line-height: 1rem; } } .horizontal-tabs .tabs__nav li > a.is-active { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .horizontal-tabs .body__container { display: flex; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; overflow-x: auto; } @media (min-width: 768px) { .horizontal-tabs .body__container { display:grid; gap: 2rem; overflow-x: hidden; } } .horizontal-tabs .body__container .image { height: 13.5rem; width: 9.5rem; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .horizontal-tabs .body__container .image { height:20.5rem; width: 16.4rem; } } #course-details { padding-top: 3rem; } #course-details.horizontal-tabs { flex-direction: column; padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 8rem; padding-top: 3rem; } #course-details.horizontal-tabs .tabs__header { padding-bottom: 0px; text-align: left; } #course-details.horizontal-tabs .tabs__nav.course-detail-tabs { margin-left: 0px; margin-right: 0px; justify-content: flex-start; overflow-x: scroll; padding-bottom: 0px; } @media (min-width: 768px) { #course-details.horizontal-tabs .tabs__nav.course-detail-tabs { padding-bottom:2rem; } } #course-details.horizontal-tabs .tabs__nav.course-detail-tabs li { text-transform: uppercase; } #course-details.horizontal-tabs .tabs__nav.course-detail-tabs li:first-child { padding-left: 0px; } @media (min-width: 768px) { #course-details.horizontal-tabs { padding-bottom:7rem; } } .text-block h3,.text-block-center h3 { letter-spacing: 0.24em; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .text-block h2,.text-block-center h2 { margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .text-block p,.text-block-center p { margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; } .text-block,.text-block-center { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 5rem; padding-bottom: 5rem; text-align: center; } div.text-block,div.text-block-center { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.text-block .tag,div.text-block-center .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.text-block .title,div.text-block .description,div.text-block-center .title,div.text-block-center .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .text-block-center { background-color: transparent; } .txt-box-btn { display: flex; width: 100%; flex-direction: column; align-items: stretch; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 768px) { .text-block h3,.text-block-center h3 { letter-spacing:0.24em; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .text-block h2,.text-block-center h2 { font-size: 2.5rem; line-height: 3.5rem; } .text-block p,.text-block-center p { margin-bottom: 2rem; width: 66.666667%; } .text-block,.text-block-center { padding-left: 0px; padding-right: 0px; padding-bottom: 7.5rem; text-align: left; padding-top: 7.5rem !important; } .text-block-center { padding-top: 10rem; padding-bottom: 10rem; text-align: center; } @media screen and (min-width: 768px) and (max-width:850px) { .text-block-center { padding-left:1.5rem; padding-right: 1.5rem; } } } .paragraph--type--text-block .content-block__header { margin-bottom: 2rem; } .paragraph--type--text-block .content-block__main h2 { font-size: 2rem; line-height: 3rem; font-weight: 700; } .paragraph--type--text-block .content-block__main h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } .paragraph--type--text-block .content-block__main h4 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; } .paragraph--type--text-block .content-block__main h5 { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .paragraph--type--text-block .content-block__main h6 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } .paragraph--type--text-block.bg-neutral-90 .content-block__header .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-neutral-90 .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-neutral-90 .content-block__main ul,.paragraph--type--text-block.bg-neutral-90 .content-block__main ol,.paragraph--type--text-block.bg-neutral-90 .content-block__main p,.paragraph--type--text-block.bg-neutral-90 .content-block__main h1,.paragraph--type--text-block.bg-neutral-90 .content-block__main h2,.paragraph--type--text-block.bg-neutral-90 .content-block__main h3,.paragraph--type--text-block.bg-neutral-90 .content-block__main h4,.paragraph--type--text-block.bg-neutral-90 .content-block__main h5,.paragraph--type--text-block.bg-neutral-90 .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-30 .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-30 .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-30 .content-block__main ul,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main ol,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main p,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h1,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h2,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h3,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h4,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h5,.paragraph--type--text-block.bg-blue-inn-30 .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-30 .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-60 .content-block__header .title,.paragraph--type--text-block.from-blue-inn-60 .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.bg-blue-inn-60 .content-block__main ul,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main ol,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main p,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h1,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h2,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h3,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h4,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h5,.paragraph--type--text-block.bg-blue-inn-60 .content-block__main h6,.paragraph--type--text-block.from-blue-inn-60 .content-block__main ul,.paragraph--type--text-block.from-blue-inn-60 .content-block__main ol,.paragraph--type--text-block.from-blue-inn-60 .content-block__main p,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h1,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h2,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h3,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h4,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h5,.paragraph--type--text-block.from-blue-inn-60 .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .vision-mission-main { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } div.vision-mission-main { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.vision-mission-main .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.vision-mission-main .title,div.vision-mission-main .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .vision-mission__background__img { padding-top: 5rem; } .vision-mission { padding-left: 1rem; padding-right: 1rem; } .vision-mission .vision-mission__container { text-align: center; } .vision-mission h3 { letter-spacing: 0.24em; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .vision-mission h2 { padding-bottom: 0.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .vision-mission h4 { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .vision-mission .vision-mission__info-2 { padding-top: 3.5rem; padding-bottom: 2rem; } .vision-mission__link__more { display: inline-flex; align-items: center; justify-content: center; padding-top: 2.25rem; } .vision-mission__link__more:hover { --tw-text-opacity: 1; color: rgb(19 52 128 / var(--tw-text-opacity)); } .vision-mission__link__more > h3 { padding: 0px; } @media (min-width: 768px) { .vision-mission .vision-mission__container { display:flex; gap: 9rem; text-align: left; } .vision-mission .vision-mission__info { padding-top: 7rem; } .vision-mission-main { padding-top: 3rem; padding-bottom: 3rem; } .vision-mission h3 { font-size: 0.875rem; line-height: 1.25rem; } .vision-mission h2 { font-size: 2.5rem; line-height: 3.5rem; } .vision-mission h4 { font-size: 1rem; line-height: 1.5rem; } .vision-mission__background__img { width: 27.625rem; height: 41.625rem; padding-top: 0px; } } .accordion2 { padding-top: 5rem; padding-bottom: 5rem; padding-left: 1rem; padding-right: 1rem; } .accordion2-list { position: relative; margin: 0px; display: block; height: auto; width: 100%; list-style-type: none; } .accordion2-list > li { position: relative; display: block; height: auto; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; } .accordion2-list > li>h3 { cursor: pointer; font-size: 1.25rem; line-height: 1.75rem; } .accordion2-list > li>h3::after { float: right; height: 1rem; width: 1rem; position: relative; top: 10px; content: ''; background: url(/themes/custom/apu/images/icons/01-small/down-chevron.svg) no-repeat; } .accordion2-list > li>h3.active::after { background: url(/themes/custom/apu/images/icons/01-small/up-chevron.svg) no-repeat; } .accordion2-list > li h3 { font-weight: 700; } .accordion2-list > li div.accordion2-item-content ul { list-style-position: inside; list-style-type: disc; } .accordion2-content { padding-top: 1rem; } .accordion2-content .carousel-contents { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .accordion2-content .carousel-contents { margin-top:1.5rem; margin-bottom: 1.5rem; } } .accordion2-tag { font-size: 14px; ;letter-spacing: 0.24em; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media screen and (max-width: 551px) { .accordion2-tag { font-size:12px } } .accordion2-title { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; } .accordion2-description { font-size: 1rem; padding-top: 1rem; padding-bottom: 1rem; text-align: left; } @media screen and (max-width: 551px) { .accordion2-description { font-size:14px } } .accordion2-list { margin-left: 0px; margin-right: 0px; list-style-type: none; padding-left: 0px; } @media screen and (max-width: 551px) { .accordion2-list { font-size:14px; } } .accordion2-list { padding-bottom: 4rem; } .accordion2-header { padding-top: 4rem; } [class^='bg-blue-inn'] .accordion2 .accordion2-tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [class^='bg-blue-inn'] .accordion2 .accordion2-list li h3::after { background-image: url(/themes/custom/apu/images/icons/01-small/down-chevron-white.svg); } [class^='bg-blue-inn'] .accordion2 .accordion2-list li h3.active::after { background-image: url(/themes/custom/apu/images/icons/01-small/up-chevron-white.svg); } img[data-align="center"] { display: block; margin-right: auto; margin-left: auto; } .accordion { height: 43rem; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .accordion { height:50rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .accordion.accordion-bg-image { position: relative; display: flex; align-items: center; } .accordion.accordion-bg-image:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; background: linear-gradient(0deg,rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)); } .accordion.accordion-bg-image .accordion-bg-image__container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .accordion .accordion-accordion__content { position: relative; z-index: 10; } @media (min-width: 768px) { .accordion .accordion-accordion__content { display:flex; flex: 1 1 0%; align-content: space-between; } .accordion .accordion-accordion__content section { flex: 1 1 0%; } } .accordion .accordion-accordion__list { -ms-overflow-style: none; max-height: 30.625rem; overflow: auto; } @media (min-width: 768px) { .accordion .accordion-accordion__list { max-height:40.625rem; width: 7rem; } } .accordion .accordion-accordion__list::-webkit-scrollbar { display: none; } .accordion-item__header { display: flex; width: 100%; flex-grow: 1; cursor: pointer; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .accordion-item__header { padding-top:1.5rem; padding-bottom: 1.5rem; } } .accordion-item__header { background-color: rgba(255,255,255,0); transition: all .3s linear; } .accordion-item__header svg { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .accordion-item__header svg path { fill: white; } .accordion-item__header:hover { background-color: rgba(255,255,255,0.2); transition: all .3s linear; } .accordion-item__content { display: none; } .accordion-item__content.accordion-item__active__content { display: block; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); padding-bottom: 1.5rem; padding-left: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion-item__content-link { margin-top: 1.25rem; align-items: center; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion-item__content-link svg { margin-left: 0.5rem; } .accordion-item__active__header { border-bottom-width: 0px; } .accordion-item__active__header svg { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } .accordion-bg-image__image { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; width: 100%; height: 100%; } .accordion-bg-image__image > * { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; width: 100%; height: 100%; } .accordion2-list .accordion-carousel { width: 274px; } .bg-grey { background-color: #e5e5e5; } .form-spacer { height: 60px; } form .form-group { position: relative; } form .form-group.error .control-container,form .form-group.error .custom-file-input label { border-color: red; } form .form-group.error .validation-message { visibility: visible; } form .form-group.error .dropdown-toggle { border-color: red; } form .form-group.error input[type='date'],form .form-group.error input[type='email'],form .form-group.error input[type='text'],form .form-group.error .custom-file-input { border-color: red; } form .form-title { font-size: 24px; font-weight: 700; line-height: 36px; color: #1c2b36; margin-bottom: 40px; } form .btn-container input[type='submit'] { display: block; width: 100%; } @media (min-width: 768px) { form .btn-container input[type='submit'] { width:auto } } form .input-container { position: relative; border: 1px solid transparent; border-radius: 40px; } form .input-container label { display: block; color: #1c2b36; font-size: 12px; font-weight: 700; margin-bottom: 8px; margin-left: 8px; } form .input-container input[type='text'],form .input-container input[type='email'],form .input-container input[type='date'] { padding: 12px 24px; font-size: 1rem; border: 0; border-radius: 40px; border: 1px solid transparent; width: 100%; } form .dropdown { position: relative; display: inline-block; border: 1px solid transparent; border-radius: 40px; width: 100%; } form .dropdown.active .dropdown-toggle::after { transform: rotate(180deg); transition: all 0.2s linear; } form .dropdown .dropdown-toggle { transition: all 0.2s linear; } form .dropdown-toggle { color: #333333; background-color: white; border: 1px solid transparent; border-radius: 40px; padding: 12px 24px; font-size: 16px; cursor: pointer; display: flex; width: 100%; justify-content: space-between; align-items: center; text-decoration: none; } form .dropdown-toggle:hover { text-decoration: none; color: initial; } form .dropdown-toggle::after { content: ''; position: absolute; right: 1.7rem; width: 12px; height: 8px; display: inline-block; background-image: url(/themes/custom/apu/images/icons/01-small/down-chevron.svg); background-size: contain; background-repeat: no-repeat; transition: all 0.2s linear; } form .dropdown-toggle.placeholder { color: #9fb1bd; } form .form-dropdown-menu { position: absolute; top: 100%; left: 1.7rem; z-index: 1; display: none; list-style-type: none; margin: 0; padding: 12px; background-color: #ffffff; border-radius: 16px; width: calc(100% - 3.4rem); max-height: 250px; overflow-y: auto; } form .form-dropdown-menu.show { display: block; } form .form-dropdown-menu li { padding: 10px; border-radius: 8px; font-size: 16px; cursor: pointer; } form .form-dropdown-menu li:hover { background-color: #f2f5f7; } form .form-dropdown-menu li.dropdown-header { padding: 5px; cursor: default; font-size: 12px; font-weight: 700; background-color: #dedede; border-radius: 0; } form .form-dropdown-menu li.dropdown-header:hover { background-color: #dedede; } form .validation-message { padding-left: 1.7rem; color: #eb4444; font-size: 12px; height: 12px; visibility: hidden; } form .control-container { display: grid; grid-template-columns: repeat(auto-fill,minmax(110px,1fr)); padding: 15px 24px; border: 1px solid transparent; border-radius: 40px; width: 100%; gap: 16px; background-color: white; } form .control-label,form .file-label { display: block; pointer-events: none; color: #1c2b36; font-size: 12px; font-weight: 700; grid-column: 1 / -1; margin-bottom: 8px; margin-left: 8px; } form .form-control { font-size: 16px; line-height: 1.1; display: grid; grid-template-columns: 1em auto; gap: 0.5em; } form .form-control input[type='radio'] { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; color: #9fb1bd; width: 1.15em; height: 1.15em; border: 1px solid #9fb1bd; border-radius: 50%; transform: translateY(-0.075em); display: grid; place-content: center; } form .form-control input[type='radio']::before { content: ''; width: 0.65em; height: 0.65em; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em blue; } form .form-control input[type='radio']:checked::before { transform: scale(1); } .apply-grid { grid-template-columns: 1fr; margin-bottom: 16px; gap: 16px; } .apply-grid.grid-layout-3 { gap: 0; } @media (min-width: 768px) { .apply-grid { gap:25px } .apply-grid.grid-layout-1 { grid-template-columns: 40% 1fr; } .apply-grid.grid-layout-2 { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .apply-grid.grid-layout-3 { gap:25px; grid-template-columns: 1fr 340px 1fr; } } .form-group.pref-accomm { display: none; } .select2-wrapper { padding: 12px 24px; font-size: 1rem; color: #9fb1bd; background-color: #fff; border: 1px solid transparent; border-radius: 40px; } .select2-wrapper .select2-selection { border: none; } .select2-wrapper .select2-selection .select2-selection__rendered { color: #9fb1bd; } .select2-wrapper .select2-container--below .select2-selection .select2-selection__rendered,.select2-wrapper .select2-container--above .select2-selection .select2-selection__rendered { color: #000; } .l2 { padding-left: 1em; } .l3 { padding-left: 2em; } .g-recaptcha { padding: 10px 0 30px 0; } .confirmation_message { font-style: italic; font-weight: bold; font-size: 13px; } h2.h2 { font-weight: 700; font-size: 24px; } h4.h4 { font-weight: 700; font-size: 18px; } .awards-section { width: 100%; max-width: 960px; margin: 0 auto; } .award-body { margin-bottom: 24px; } .award-body img { margin-top: 10px; width: 100%; } @media (min-width: 768px) { .award-body { display:grid; grid-template-columns: 240px 1fr; gap: 24px } .award-body img { width: 240px } } .award-category { margin-bottom: 12px; } .award-detail { display: grid; grid-template-columns: 50px 1fr; } .awards-tabs { display: none; } .award_recognitions__container .bef-exposed-form ul { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; max-width: 64rem; overflow-x: auto; padding-bottom: 1rem; } @media (min-width: 768px) { .award_recognitions__container .bef-exposed-form ul { flex-wrap:wrap; justify-content: center; } } .award_recognitions__container .bef-exposed-form ul { list-style-type: none; padding-left: 0; scrollbar-width: none; } .award_recognitions__container .bef-exposed-form ul::-webkit-scrollbar { display: none; } .award_recognitions__container .bef-exposed-form ul li { margin-bottom: 1rem; width: -moz-fit-content; width: fit-content; } .award_recognitions__container .bef-exposed-form ul li > a { display: inline-block; white-space: nowrap; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .award_recognitions__container .bef-exposed-form ul li > a { font-size:0.75rem; line-height: 1rem; } } .award_recognitions__container .bef-exposed-form ul li > a.bef-link--selected { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .award_recognitions__container .bef-exposed-form ul li:last-child > a { border-right-width: 0px; } .js-pager__items { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; overflow-x: auto; padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .js-pager__items { flex-wrap:wrap; justify-content: center; } } .js-pager__items { list-style-type: none; } .award-recognition-full { padding-top: 92px; padding-bottom: 40px; } @media (min-width: 768px) { .award-recognition-full { padding-top:140px } } .awards-and-recognitions { position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 10rem; padding-bottom: 5rem; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.awards-and-recognitions { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.awards-and-recognitions .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.awards-and-recognitions .title,div.awards-and-recognitions .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .awards-and-recognitions .awards-and-recognitions__content { display: grid; } .awards-and-recognitions__content__image { width: 5.188rem; height: 4rem; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .awards-and-recognitions { padding-top:7.5rem; padding-bottom: 7.5rem; padding-left: 0px; padding-right: 0px; } .awards-and-recognitions .awards-and-recognitions__content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); } .awards-and-recognitions__content__details { grid-column: span 2 / span 2; } .awards-and-recognitions__content__image { width: 6.5rem; height: 5rem; } .awards-and-recognitions__content__list { margin-right: 1.75rem; } } .banner { height: 100%; aspect-ratio: 375 / 688; min-height: 640px; width: 100%; position: relative; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .banner__background { position: absolute; height: 100%; max-width: none; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); -o-object-fit: cover; object-fit: cover; opacity: 0.7; } .banner__desktop { display: none; } @media (min-width: 768px) { .banner__desktop { display:block; } } .banner__mobile { display: block; } @media (min-width: 768px) { .banner__mobile { display:none; } } .banner__container { position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .banner__container { flex-direction:row; justify-content: space-between; } } .banner__block__left { width: 100%; } @media (min-width: 768px) { .banner__block__left { margin:0px; margin-left: 5rem; } } .banner__title { margin: 1rem; font-size: 2rem; line-height: 3rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .banner__title { margin:0px; margin-bottom: 2rem; --tw-translate-y: -1.5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); white-space: pre-line; } } .banner .form-item__label { font-weight: 700; font-size: 12px; line-height: 16px; } @media (min-width: 640px) { .banner { aspect-ratio:unset; height: 850px; } .banner__background { height: auto; width: 100%; } .banner__title { font-size: 3rem; line-height: 3.5rem; } @media screen and (min-width: 768px) and (max-width:850px) { .banner__block__left { margin:1.5rem; } } } @media (min-width: 768px) { .banner__title { font-size:3rem; line-height: 3.5rem; } } @media (min-width: 1024px) { .banner { height:960px; } .banner__title { font-size: 5rem; line-height: 6rem; } } .banner-bg-image { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.7; } .banner-bg-image.image-mobile { display: block; } @media (min-width: 640px) { .banner-bg-image { display:block; } .banner-bg-image.image-mobile { display: none; } } .crum { position: fixed; bottom: 0px; z-index: 50; display: flex; height: 8rem; width: 100%; align-items: center; justify-content: flex-end; background-color: transparent; } body.crum { position: fixed; width: 100%; } .crum .crum__container { display: none; } .crum .crum__item { padding: 1rem 0.5rem; } .crum .crum__item a { font-size: 10px; } @media (min-width: 768px) { body.gin--vertical-toolbar .crum { width:calc(100% - var(--ginVerticalToolbarOffset,80px)); } .crum { display: flex; align-items: center; justify-content: center; } .crum .crum__container { border-radius: 40px; width: 100%; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } div.crum .crum__container { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.crum .crum__container .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.crum .crum__container .title,div.crum .crum__container .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .crum .crum__container { display: flex; flex-direction: row; align-items: center; justify-content: space-around; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .crum .crum__item { border-right: 1px solid #dce3e8; padding: 2rem 1rem; display: flex; flex: 1 1 0%; align-items: center; justify-content: center; overflow: hidden; } .crum .crum__item:last-of-type { border: none; } .crum .crum__item a { cursor: pointer; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); font-size: 10px; } .crum .crum__item a:hover { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } } @media (min-width: 1024px) { .crum .crum__item a { font-size:12px; } } #connect-icon { background-color: rgba(38,103,255,1); flex: 0 0 60px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 110px; border: 2px solid rgba(255,255,255,1); transition: all .3s ease-in-out; } @media (min-width: 768px) { #connect-icon { position:absolute; right: 0 } } @media screen and (max-width: 82rem) { #connect-icon { top:-70px } } #connect-icon svg { width: 33px; } #connect-icon svg path { fill: rgba(255,255,255,1); transition: all .3s ease-in-out; } #connect-icon:hover { background-color: rgba(255,255,255,1); border-color: rgba(38,103,255,1); transition: all .3s ease-in-out; } #connect-icon:hover svg path { fill: rgba(38,103,255,1); transition: all .3s ease-in-out; } .context-fee-calculator .crum { display: none; } .campus-life { position: relative; width: 100%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 3rem; padding-bottom: 1rem; } div.campus-life { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.campus-life .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.campus-life .title,div.campus-life .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .campus-life .campus-life__background { height: 40rem; position: absolute; top: 0px; z-index: 0; display: none; width: 100%; -o-object-fit: cover; object-fit: cover; } .campus-life .campus-life__title { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .campus-life .campus-life__sub_title { padding-bottom: 2.5rem; text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .campus-life .campus-life__content { position: relative; z-index: 10; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: center; gap: 1rem; padding-left: 1rem; padding-right: 1rem; } .campus-life .card-image-text__image { height: 216px; min-width: 152px; } @media (max-width: 320px) { .campus-life .campus-life__content { grid-template-columns:repeat(1,minmax(0,1fr)); } } @media (min-width: 768px) { .campus-life { padding-top:2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 768px) and (max-width:850px) { .campus-life { padding-left:1.5rem; padding-right: 1.5rem; } } .campus-life__wrapper { display: flex; flex-direction: column; } .campus-life .campus-life__background { height: 53.75rem; } .campus-life .campus-life__title { text-align: center; font-size: 0.875rem; line-height: 1.25rem; } .campus-life .campus-life__sub_title { text-align: center; font-size: 2.5rem; line-height: 3.5rem; } .campus-life .campus-life__content { scroll-behavior: smooth; grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: center; gap: 1.25rem; padding-left: 0px; padding-right: 0px; } .campus-life .card-image-text__image { height: 328px; min-width: 262px; } } @media (min-width: 1024px) { .campus-life { padding-left:1.25rem; padding-right: 1.25rem; padding-bottom: 0px; } .campus-life .campus-life__content { grid-template-columns: repeat(4,minmax(0,1fr)); } .campus-life .card-image-text__image { min-width: 152px; } } @media (min-width: 1280px) { .campus-life { padding-left:0px; padding-right: 0px; } .campus-life .campus-life__title { text-align: left; font-size: 0.875rem; line-height: 1.25rem; } .campus-life .campus-life__sub_title { text-align: left; font-size: 2.5rem; line-height: 3.5rem; } .campus-life .card-image-text__image { height: 328px; min-width: 262px; } } .career-apply-wrapper { background-color: #F2F5F7; } .career-apply-container { max-width: 71.375rem !important; margin: 0 auto !important; width: 100%; padding: 24px 12px; } @media (min-width: 768px) { .career-apply-container { padding:36px 0 24px } } .career-apply-container h2 { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 24px; } @media (min-width: 768px) { .career-apply-container h2 { font-size:24px; text-align: left } } .career-apply-section { margin-bottom: 24px; } .career-detail-wrapper { padding-bottom: 65px; } .career-detail-header h2 { font-size: 24px; font-weight: 700; } .career-detail-icon { display: flex; align-items: center; } .career-detail-container { max-width: 71.375rem !important; margin: 0 auto !important; width: 100%; padding: 0 12px; } @media (min-width: 768px) { .career-detail-container { padding:0 24px } } .career-apply-btn { width: 100%; } @media (min-width: 768px) { .career-apply-btn { width:initial } } .career-detail-header { min-height: 200px; padding-top: 72px; padding-bottom: 24px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } .career-detail-body { padding: 24px 0; } @media (min-width: 768px) { .career-detail-body { padding:36px 0 24px } } .career-divider { height: 1px; background-color: #DCE3E8; } $slick-font-path:"./fonts/" !default;$slick-font-family:"slick" !default;$slick-loader-path:"./" !default;$slick-arrow-color:white !default;$slick-dot-color:black !default;$slick-dot-color-active:$slick-dot-color !default;$slick-prev-character:"\2190" !default;$slick-next-character:"\2192" !default;$slick-dot-character:"\2022" !default;$slick-dot-size:6px !default;$slick-opacity-default:0.75 !default;$slick-opacity-on-hover:1 !default;$slick-opacity-not-active:0.25 !default;@function slick-image-url(/themes/custom/apu/dist/%24url) { @if function-exists(image-url) { @return image-url(/themes/custom/apu/dist/%24url);} @else { @return url(/themes/custom/apu/dist/%24slick-loader-path%20%2B%20%24url);} } @function slick-font-url(/themes/custom/apu/dist/%24url) { @if function-exists(font-url) { @return font-url(/themes/custom/apu/dist/%24url);} @else { @return url(/themes/custom/apu/dist/%24slick-font-path%20%2B%20%24url);} } .slick-loading .slick-list { background: #fff slick-image-url(/themes/custom/apu/dist/ajax-loader.gif) center center no-repeat; } @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url(/themes/custom/apu/dist/slick.eot); src: slick-font-url(/themes/custom/apu/dist/slick.eot#iefix) format("embedded-opentype"),slick-font-url(/themes/custom/apu/dist/slick.woff) format("woff"),slick-font-url(/themes/custom/apu/dist/slick.ttf) format("truetype"),slick-font-url(/themes/custom/apu/dist/slick.svg#slick) format("svg"); font-weight: normal; font-style: normal; } } .slick-prev,.slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0,-50%); padding: 0; border: none; outline: none; } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: $slick-opacity-on-hover; } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: $slick-opacity-not-active; } .slick-prev:before,.slick-next:before { font-family: $slick-font-family; font-size: 20px; line-height: 1; color: $slick-arrow-color; opacity: $slick-opacity-default; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: $slick-prev-character; } [dir="rtl"] .slick-prev:before { content: $slick-next-character; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: $slick-next-character; } [dir="rtl"] .slick-next:before { content: $slick-prev-character; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover,.slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: $slick-opacity-on-hover; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: $slick-dot-character; width: 20px; height: 20px; font-family: $slick-font-family; font-size: $slick-dot-size; line-height: 20px; text-align: center; color: $slick-dot-color; opacity: $slick-opacity-not-active; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: $slick-dot-color-active; opacity: $slick-opacity-default; } .carousel-slick { visibility: hidden; margin: 0 -12px; } .carousel-slick.slick-initialized { visibility: visible; } .slick-carousel-container { width: 100%; margin: 0 auto; } @media (min-width: 768px) { .slick-carousel-container { max-width:800px } } @media (min-width: 1024px) { .slick-carousel-container { max-width:1200px } } .slick-carousel-container.slick-icons { padding: 0 60px; } .slick-prev,.slick-next { width: 40px!important; height: 40px!important; } .slick-prev.slick-disabled,.slick-next.slick-disabled { opacity: .4; } .slick-prev { left: -40px; } .slick-next { right: -40px; } .slick-arrow-container { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; } .slick-arrow-container .slick-arrow { left: unset; right: unset; position: unset; transform: none; } .custom-slide { height: 280px; display: flex; align-items: center; justify-content: center; } .carousel-heading-container { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; } .carousel-heading-container .slick-carousel-tag { font-weight: 700; font-size: 14px; letter-spacing: 4px; color: #A8C2FF; text-transform: uppercase; } .carousel-heading-container .slick-carousel-title { font-size: 40px; font-weight: 700; } .slick-levels .slick-dots li { width: auto; height: auto; margin: 0; } .slick-levels .slick-dots li button { width: 30px; height: 8px; border-radius: 0; border: none; --tw-bg-opacity: 1; background-color: rgb(212 225 255 / var(--tw-bg-opacity)); } @media (min-width: 640px) { .slick-levels .slick-dots li button { width:100px } } .slick-levels .slick-dots li.slick-active button { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.slick-levels .slick-dots li.slick-active button { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.slick-levels .slick-dots li.slick-active button .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.slick-levels .slick-dots li.slick-active button .title,div.slick-levels .slick-dots li.slick-active button .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h1,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h2,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h3,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h4,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h5,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content h6,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content p,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content ul,.gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.slick-levels .slick-dots li.slick-active button .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main ul,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main ol,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main p,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h1,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h2,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h3,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h4,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h5,.paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.slick-levels .slick-dots li.slick-active button .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .slick-levels .slick-dots li:first-child button { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .slick-levels .slick-dots li:last-child button { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .slick-arrow img { transform: scale(1); transition: all .3s ease-out; } .slick-arrow:not(.slick-disabled):hover img { transform: scale(1.5); transition: all .3s ease-in; } .carousellevel { padding-top: 8rem; padding-bottom: 8rem; } @media screen and (max-width: 551px) { .carousellevel { padding-top:0rem; padding-bottom: 1rem } } .carousel-container { width: 100%; overflow: hidden; } .carousel-container .carousel-wrapper { padding-top: 3.5rem; display: grid; grid-template-columns: 100%; position: relative; left: 0; transition: left .3s linear; } @media screen and (min-width: 768px) { .carousel-container .carousel-wrapper { display:flex; flex-wrap: nowrap } } @media screen and (max-width: 551px) { .carousel-container .carousel-wrapper { scroll-behavior:smooth; grid-template-columns: 100vw 100vw 100vw 100vw; display: grid; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 0; padding-top: 3.5rem; padding-bottom: 3.5rem } } .carousel-container .carousel-wrapper .carousel-item-wrapper { padding-right: 2.5rem; } .carousel-container .carousel-wrapper .carousel-item { flex-grow: 0; flex-shrink: 0; flex-basis: 0; border: 0px solid black; } .carousel-container.three-slides .carousel-item { flex-basis: 36%; } .carousel-indicators { width: 350px; margin: 15px auto 0; display: flex; background-color: lightGrey; border-radius: 5px; } @media screen and (max-width: 767px) { .carousel-indicators { display:none } } .carousel-indicators .carousel-indicator { display: inline-block; height: 5px; background-color: lightGrey; flex: 0 1 100%; } .carousel-indicators .carousel-indicator.active { background-color: grey; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .carousel-indicators .carousel-indicator.active + .carousel-indicator { background-color: grey; } .carousel-indicators .carousel-indicator.active + .carousel-indicator + .carousel-indicator { background-color: grey; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .carousel-indicators .carousel-indicator:hover { cursor: pointer; } .carousel-indicators .carousel-indicator:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .carousel-indicators .carousel-indicator:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .carousel-description { text-align: center; } @media screen and (min-width: 768px) { .carousel-description { display:flex; text-align: left } } .carousel-description { justify-content: space-between; align-items: flex-end; } .carousel-description .carousel-description-text { flex-grow: 0; } .carousel-description .carousel-buttons { flex-grow: 0; flex-shrink: 0; flex-basis: 68px; } @media screen and (max-width: 767px) { .carousel-description .carousel-buttons { display:none } } .collaborative-industrial-partners { position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 10rem; padding-bottom: 5rem; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.collaborative-industrial-partners { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.collaborative-industrial-partners .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.collaborative-industrial-partners .title,div.collaborative-industrial-partners .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .collaborative-industrial-partners .collaborative-industrial-partners__content { display: grid; } .collaborative-industrial-partners__content__image { width: 5.188rem; height: 4rem; } @media (min-width: 768px) { .collaborative-industrial-partners { padding-top:7.5rem; padding-bottom: 7.5rem; padding-left: 0px; padding-right: 0px; } .collaborative-industrial-partners .collaborative-industrial-partners__content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); } .collaborative-industrial-partners__content__details { grid-column: span 2 / span 2; } .collaborative-industrial-partners__content__image { width: 6.5rem; height: 5rem; } } @tailwind base;@tailwind components;@tailwind utilities;.computing-technology__container { display: grid; grid-template-columns: 4rem 1fr; margin-left: 0.5rem; margin-right: 0.5rem; border-left-width: 4px; --tw-border-opacity: 1; border-color: rgb(38 103 255 / var(--tw-border-opacity)); padding-left: 1rem; } @media (min-width: 768px) { .computing-technology__container { display:grid; grid-template-columns: 4rem 16.25rem; } } .councellor__container { position: relative; z-index: 10; padding-top: 5rem; } .councellor__head { padding-top: 0.5rem; padding-bottom: 1.75rem; } .councellor__title { text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .councellor__subtitle { letter-spacing: 0.24em; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .councellor-content { display: flex; flex-wrap: nowrap; gap: 1rem; overflow: auto; padding-top: 1rem; padding-bottom: 1rem; } .councellor-content .views-row { flex: 0 0 152px; } .councellor-content .carousel-card__wrapper { flex: 0 0 152px; } .councellor__item { flex-shrink: 0; } .councellor__item img { width: 100%; height: 216px; border-radius: 0.75rem; -o-object-fit: cover; object-fit: cover; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .councellor__item h3 { letter-spacing: 0.24em; padding-top: 1rem; padding-bottom: 0.25rem; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } .councellor__item h2 { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .councellor__item__grp { display: flex; align-items: center; padding-top: 0.25rem; padding-bottom: 0.25rem; } .councellor__item__grp > * { padding-left: 0.25rem; padding-right: 0.25rem; } .councellor__item__grp:first-child { font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .councellor__item__grp:last-child { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .councellor__item__grp svg { width: 2rem; height: 2rem; padding: 0.5rem; } @media (min-width: 768px) { .councellor__container { padding-top:10rem; } .councellor__head { padding-top: 2.5rem; padding-bottom: 1.75rem; } .councellor__title { font-size: 2.5rem; line-height: 3.5rem; font-weight: 800; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .councellor__item h3 { letter-spacing: 0.24em; padding-top: 1rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } .councellor__subtitle { padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .councellor__title { text-align: left; } .councellor-content { display: grid; width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem; } .councellor-content .views-row { flex: 1; } .councellor__item a { display: block; } .councellor__item img { width: 16.375rem; height: 330px; border-radius: 0.75rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .councellor__item h2 { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .councellor-content { } } .councellor__item .card-image-overlay { background-color: black; border-radius: 12px; } .councellor__item .card-image-overlay img { opacity: 0.7; transition: opacity .3s linear; } .councellor__item:hover .card-image-overlay img { opacity: 1; transition: opacity .3s linear; } .councellor__container .bef-exposed-form ul { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; max-width: 64rem; overflow-x: auto; padding-bottom: 1rem; } @media (min-width: 768px) { .councellor__container .bef-exposed-form ul { flex-wrap:wrap; justify-content: center; } } .councellor__container .bef-exposed-form ul { list-style-type: none; padding-left: 0; scrollbar-width: none; } .councellor__container .bef-exposed-form ul::-webkit-scrollbar { display: none; } .councellor__container .bef-exposed-form ul li { margin-bottom: 1rem; width: -moz-fit-content; width: fit-content; } .councellor__container .bef-exposed-form ul li > a { display: inline-block; white-space: nowrap; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .councellor__container .bef-exposed-form ul li > a { font-size:0.75rem; line-height: 1rem; } } .councellor__container .bef-exposed-form ul li > a.bef-link--selected { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .councellor__container .bef-exposed-form ul li:last-child > a { border-right-width: 0px; } .js-pager__items { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; overflow-x: auto; padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .js-pager__items { flex-wrap:wrap; justify-content: center; } } .js-pager__items { list-style-type: none; } .discover-banners { background-image: linear-gradient(to bottom right,var(--tw-gradient-stops)); --tw-gradient-from: #060F38; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgb(6 15 56 / 0)); --tw-gradient-to: #133480; padding-top: 5rem; padding-bottom: 5rem; } div.discover-banners.from-blue-inn-60.to-blue-inn-50 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.discover-banners.to-blue-inn-50 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.discover-banners { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.discover-banners.from-blue-inn-60.to-blue-inn-50 .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.discover-banners.to-blue-inn-50 .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.discover-banners .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.discover-banners.from-blue-inn-60.to-blue-inn-50 .title,div.discover-banners.from-blue-inn-60.to-blue-inn-50 .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.discover-banners.to-blue-inn-50 .title,div.bg-gradient-to-br.discover-banners.to-blue-inn-50 .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.bg-gradient-to-br.from-blue-inn-60.discover-banners .title,div.bg-gradient-to-br.from-blue-inn-60.discover-banners .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.discover-banners .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.discover-banners .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.discover-banners .gallery-txt__content h1,.gallery-txt-wrapper.discover-banners .gallery-txt__content h2,.gallery-txt-wrapper.discover-banners .gallery-txt__content h3,.gallery-txt-wrapper.discover-banners .gallery-txt__content h4,.gallery-txt-wrapper.discover-banners .gallery-txt__content h5,.gallery-txt-wrapper.discover-banners .gallery-txt__content h6,.gallery-txt-wrapper.discover-banners .gallery-txt__content p,.gallery-txt-wrapper.discover-banners .gallery-txt__content ul,.gallery-txt-wrapper.discover-banners .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.discover-banners .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.discover-banners .content-block__main ul,.paragraph--type--text-block.discover-banners .content-block__main ol,.paragraph--type--text-block.discover-banners .content-block__main p,.paragraph--type--text-block.discover-banners .content-block__main h1,.paragraph--type--text-block.discover-banners .content-block__main h2,.paragraph--type--text-block.discover-banners .content-block__main h3,.paragraph--type--text-block.discover-banners .content-block__main h4,.paragraph--type--text-block.discover-banners .content-block__main h5,.paragraph--type--text-block.discover-banners .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media screen and (min-width: 768px) and (max-width:850px) { .discover-banners { padding-left:1.5rem; padding-right: 1.5rem; } } .discover-banners .discover-banners__wrapper { position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center; } .discover-banners .discover-banners__top { font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .discover-banners .discover-banners__top__md-social,.discover-banners .discover-banners__top__md-btn { display: none; } .discover-banners .discover-banners__middle { scroll-behavior: smooth; display: flex; width: 100%; flex-wrap: nowrap; align-items: center; gap: 1.25rem; overflow-x: auto; padding-top: 3rem; padding-bottom: 3rem; } .discover-banners .discover-banners__list__item { min-width: 14.25rem; height: 9.5rem; position: relative; border-radius: 0.75rem; text-align: center; } .discover-banners .discover-banners__list__item:nth-child(odd) { --tw-rotate: -12deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .discover-banners .discover-banners__list__item:nth-child(even) { --tw-rotate: 17deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .discover-banners .discover-banners__list__item:first-of-type { top: -1rem; } .discover-banners .discover-banners__list__image { min-width: 14.25rem; height: 9.5rem; -o-object-fit: cover; object-fit: cover; position: relative; border-radius: 0.75rem; text-align: center; } .discover-banners .discover-banners__list__image:nth-child(odd) { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .discover-banners .discover-banners__list__image:nth-child(even) { --tw-rotate: 17deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .discover-banners .discover-banners__list__image:first-of-type { top: -1rem; } .discover-banners .discover-banners__list__item { display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 1.5rem; } .discover-banners .discover-banners__list__item p { margin-top: 0.75rem; font-size: 0.625rem; line-height: 0.875rem; } .discover-banners .discover-banners__list__item h2 { font-size: 0.75rem; font-weight: 700; line-height: 1.25rem; } @media (min-width: 768px) { .discover-banners { padding-top:9rem; padding-bottom: 9rem; } .discover-banners .discover-banners__wrapper { text-align: left; } .discover-banners .discover-banners__middle { -ms-overflow-style: none; scrollbar-width: none; width: 100vw; padding-left: 1rem; padding-right: 1rem; } .discover-banners .discover-banners__list__item,.discover-banners .discover-banners__list__image { min-width: 26.25rem; height: 17.5rem; -o-object-fit: cover; object-fit: cover; margin-top: 1rem; } .discover-banners .discover-banners__list__item:nth-child(even),.discover-banners .discover-banners__list__image:nth-child(even) { --tw-rotate: -12deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .discover-banners .discover-banners__middle::-webkit-scrollbar { display: none; } .discover-banners .discover-banners__list__item p { font-size: 0.75rem; line-height: 1rem; } .discover-banners .discover-banners__list__item h2 { font-size: 1.5rem; line-height: 2.25rem; } .discover-banners .discover-banners__bottom { display: none; } .discover-banners .discover-banners__top__md-header,.discover-banners .discover-banners__top__md-btn { width: 71.375rem; margin-bottom: 2rem; display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 768px) and (max-width:850px) { .discover-banners .discover-banners__top__md-header,.discover-banners .discover-banners__top__md-btn { width:100%; } } .discover-banners .discover-banners__top__md-social { display: block; } } #discoverBannersSliderLeftArrow:hover,#discoverBannersSliderRightArrow:hover { transition: all .2s linear; transform: scale(1.4); } .event-gallery { position: relative; width: 100%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 5rem; padding-bottom: 5rem; } div.event-gallery { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.event-gallery .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.event-gallery .title,div.event-gallery .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .event-gallery .event-gallery__background { height: 40rem; position: absolute; top: 0px; z-index: 0; display: none; width: 100%; -o-object-fit: cover; object-fit: cover; } .event-gallery .event-gallery__title { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .event-gallery .event-gallery__sub_title { padding-bottom: 2.5rem; text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .event-gallery .event-gallery__content { position: relative; z-index: 10; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: center; gap: 1rem; padding-left: 1rem; padding-right: 1rem; } .event-gallery .card-image-text__title { min-height: 4.375rem; height: auto; } .event-gallery .card-image-text__image { height: 216px; min-width: 152px; } @media (max-width: 320px) { .event-gallery .event-gallery__content { grid-template-columns:repeat(1,minmax(0,1fr)); } } @media (min-width: 640px) { .event-gallery { padding:7.5rem 0; } @media screen and (min-width: 768px) and (max-width:850px) { .event-gallery { padding-left:1.5rem; padding-right: 1.5rem; } } .event-gallery__wrapper { overflow-x: scroll; display: flex; flex-direction: column; } .event-gallery .event-gallery__background { height: 53.75rem; } .event-gallery .event-gallery__title { text-align: center; font-size: 0.875rem; line-height: 1.25rem; } .event-gallery .event-gallery__sub_title { text-align: center; font-size: 2.5rem; line-height: 3.5rem; } .event-gallery .event-gallery__content { scroll-behavior: smooth; grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: center; gap: 1.25rem; padding-left: 0px; padding-right: 0px; } .event-gallery .card-image-text__image { height: 328px; min-width: 262px; } } @media (min-width: 1024px) { .event-gallery { padding-left:1.25rem; padding-right: 1.25rem; } .event-gallery .event-gallery__content { grid-template-columns: repeat(4,minmax(0,1fr)); } .event-gallery .card-image-text__image { min-width: 152px; } } @media (min-width: 1280px) { .event-gallery { padding-left:0px; padding-right: 0px; } .event-gallery .event-gallery__title { text-align: left; font-size: 0.875rem; line-height: 1.25rem; } .event-gallery .event-gallery__sub_title { text-align: left; font-size: 2.5rem; line-height: 3.5rem; } .event-gallery .card-image-text__image { height: 328px; min-width: 262px; } } .events { padding-top: 5rem; padding-bottom: 5rem; } .events .events__background { display: none; } .events .events__nav { align-items: end; justify-content: flex-end; display: flex; } .events .events__controll { visibility: hidden; } .events .events__title { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .events .events__subtitle { text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .events .events__content { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1rem; overflow-x: auto; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .events .events__content::webkit-scrollbar { display: none; } @media (min-width: 768px) { .events { padding:7.5rem 0; display: flex; flex-direction: column; justify-content: center; } .events .events__title { font-size: 0.875rem; line-height: 1.25rem; } .events .events__subtitle { font-size: 2.5rem; line-height: 3.5rem; } .events .events__background { height: 52.75rem; position: absolute; left: 0px; right: 0px; z-index: 0; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; } .events .events__controll { visibility: visible; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; } .events .events__controll p { z-index: 10; --tw-text-opacity: 1; color: rgb(159 177 189 / var(--tw-text-opacity)); } .events .events__controll a { z-index: 10; cursor: pointer; } .events .events__controll svg { z-index: 10; } .events .events__controll svg:hover { stroke: #2667FF; } .events .events__content { scroll-behavior: smooth; z-index: 10; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: hidden; } @media (min-width: 1280px) { .events .events__title { text-align:left; } .events .events__subtitle { text-align: left; } } } .frequently-asked-questions { padding-left: 2rem; padding-right: 2rem; } @media (min-width: 768px) { .frequently-asked-questions { padding-left:0px; padding-right: 0px; } } .frequently-asked-questions .frequently-asked-questions__content { max-width: 55.938rem; margin: 0 auto; padding-top: 5rem; padding-bottom: 5rem; } @media screen and (min-width: 768px) and (max-width:850px) { .frequently-asked-questions .frequently-asked-questions__content { max-width:34.938rem } } .frequently-asked-questions__label { text-align: center; } .frequently-asked-questions__label h6 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .frequently-asked-questions-item__header { display: flex; width: 100%; flex-grow: 1; cursor: pointer; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); padding-top: 1rem; padding-bottom: 1rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; } @media (min-width: 768px) { .frequently-asked-questions-item__header { padding-top:1.5rem; padding-bottom: 1.5rem; } } .frequently-asked-questions-item__active__header { border-bottom-width: 0px; } .frequently-asked-questions-item__active__header svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } .frequently-asked-questions-item__content { visibility: hidden; height: 0px; } .frequently-asked-questions-item__active__content { visibility: visible; height: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(159 177 189 / var(--tw-border-opacity)); } @media (min-width: 768px) { .frequently-asked-questions .frequently-asked-questions__content { padding:7.5rem 0; } .frequently-asked-questions .frequently-asked-questions__content.full-width { max-width: 60%; } } .fee-calc-block { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.fee-calc-block { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.fee-calc-block .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.fee-calc-block .title,div.fee-calc-block .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .fee-calc-block .tag { letter-spacing: 0.24rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .fee-calc-block .title { text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .description { text-align: center; font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .fee-calc-block__wrapper { padding-left: 1rem; padding-right: 1rem; } .fee-calc-block__header { display: flex; justify-content: space-between; padding-top: 3rem; } .fee-calc-block__header__btn__wrapper { margin-top: 1rem; } .fee-calc-block__slider { scroll-behavior: smooth; grid-template-columns: 100vw 100vw; display: grid; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } .fee-calc-item__wrapper { min-width: 12.9rem; display: flex; } .fee-calc-text_container { overflow-x: auto; } .btn-fees { margin-top: 1.5rem; } @media screen and (min-width: 768px) { .fee-calc-block .title { text-align:left; font-size: 2.5rem; line-height: 3.5rem; } .fee-calc-block .tag { text-align: left; } .fee-calc-block .description { text-align: left; } .btn-fees { margin-top: 0; } } @tailwind base;@tailwind components;@tailwind utilities;#fee-calculator { padding-bottom: 65px; } @media (min-width: 768px) { #fee-calculator { padding-bottom:155px } } .fee-calc__bottom-section { position: fixed; bottom: 0; left: 0; right: 0; margin: 0 10px; background-color: white; border: 1px solid #F2F5F7; border-bottom: 0; border-top-left-radius: 32px; border-top-right-radius: 32px; box-shadow: 0px 8px 24px rgba(0,0,0,0.08); display: flex; flex-direction: column; padding: 32px 30px; } .fee-calc__bottom-section .fee-calc-text { display: flex; justify-content: space-between; } .fee-calc__bottom-section .fee-calc-text > div:last-child { text-align: right; } #suggestion-fee { padding: 1rem 2rem; border-radius: 9999px; background-color: white; margin-bottom: 2rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } #suggestion-fee > ul { display: flex; flex-direction: column; gap: 0; } @media (min-width: 640px) { #suggestion-fee > ul { flex-direction:row; gap: 1.5rem } } #suggestion-fee > ul > li { margin-bottom: 0!important; } #suggestion-fee p { font-size: 0.75rem; line-height: 1rem; font-weight: 700; margin-bottom: 0.7rem; } #ptptn-loan { display: none; } #scholarship-my { display: none; } .footer { --tw-bg-opacity: 1; background-color: rgb(14 23 31 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 4rem; } div.footer { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.footer .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.footer .title,div.footer .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.footer .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.footer .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.footer .gallery-txt__content h1,.gallery-txt-wrapper.footer .gallery-txt__content h2,.gallery-txt-wrapper.footer .gallery-txt__content h3,.gallery-txt-wrapper.footer .gallery-txt__content h4,.gallery-txt-wrapper.footer .gallery-txt__content h5,.gallery-txt-wrapper.footer .gallery-txt__content h6,.gallery-txt-wrapper.footer .gallery-txt__content p,.gallery-txt-wrapper.footer .gallery-txt__content ul,.gallery-txt-wrapper.footer .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.footer .content-block__header .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.footer .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.footer .content-block__main ul,.paragraph--type--text-block.footer .content-block__main ol,.paragraph--type--text-block.footer .content-block__main p,.paragraph--type--text-block.footer .content-block__main h1,.paragraph--type--text-block.footer .content-block__main h2,.paragraph--type--text-block.footer .content-block__main h3,.paragraph--type--text-block.footer .content-block__main h4,.paragraph--type--text-block.footer .content-block__main h5,.paragraph--type--text-block.footer .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .footer { padding-left:0px; padding-right: 0px; padding-top: 5rem; } } .footer .flogo { width: 11.4rem; } @media (min-width: 768px) { .footer .flogo { width:13.5rem; } .footer.has-floating-nav { padding-bottom: 120px } } .footer-middle-content { display: grid; gap: 2rem; padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 768px) { .footer-middle-content { grid-template-columns:repeat(2,minmax(0,1fr)); } .footer-middle-content .footer-news-letter-content { margin-left: auto; max-width: 27rem; } } .footer-rank-menu-list { display: flex; flex-wrap: wrap; gap: 1rem; } .footer-rank-menu-list img { height: 3rem; } @media (min-width: 768px) { .footer-rank-menu-list img { height:3.5rem; } } .footer-bottom { font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .footer-bottom { padding-top:5rem; } } .footer-bottom-wrapper { display: flex; flex-direction: column; gap: 1rem; padding-top: 4rem; padding-bottom: 1rem; } @media (min-width: 768px) { .footer-bottom-wrapper { flex-direction:row; justify-content: space-between; padding-top: 1.5rem; padding-bottom: 2rem; } } .footer-bottom hr { --tw-text-opacity: 1; color: rgb(62 84 99 / var(--tw-text-opacity)); } .footer .footer-privacy-term-conditions a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer .footer-privacy-term-conditions a:hover { --tw-text-opacity: 1; color: rgb(220 227 232 / var(--tw-text-opacity)); } .gallery-campus { width: 100%; display: grid; grid-template-rows: repeat(3,180px); grid-template-columns: repeat(1,1fr); gap: 18px; } @media (min-width: 640px) { .gallery-campus { gap:24px; grid-template-rows: repeat(2,250px); grid-template-columns: repeat(2,1fr) } .gallery-campus :first-child { grid-row: 1 / 3; } .gallery-campus.reverse :first-child { grid-column: 2; } } .gallery-campus .gallery-campus-card { width: 100%; height: 100%; padding: 24px; display: flex; align-items: flex-end; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 24px; overflow: hidden; position: relative; } .gallery-campus .gallery-campus-card img { position: absolute; -o-object-fit: cover; object-fit: cover; } .gallery-campus .gallery-campus-card h2 { margin-bottom: 0px; font-size: 2rem; line-height: 3rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-campus .gallery-campus-card .image-overlay-black { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; background-color: rgba(0,0,0,0.4); transition: background-color .3s linear; } .gallery-campus .gallery-campus-card:hover .image-overlay-black { background-color: rgba(0,0,0,0.15); transition: background-color .3s linear; } .gallery-campus .gallery-campus-card-text { z-index: 1; } .gallery-campus__header { margin-bottom: 2rem; } .gallery-campus__header h2 { letter-spacing: 0.24rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-campus__header h1 { margin-bottom: 0.5rem; font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(14 23 31 / var(--tw-text-opacity)); } .gallery-carousel { position: relative; padding-top: 5rem; padding-bottom: 5rem; text-align: center; } .gallery-carousel .gallery-carouse__selected-image-list__title { font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-carousel .gallery-carouse__image-wrapper { gap: 1rem; overflow-x: auto; padding-left: 1rem; padding-right: 1rem; } .gallery-carousel .gallery-carouse__image-wrapper .gallery-carouse__image { aspect-ratio: 1 / 1.5; width: 40vw; cursor: pointer; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } .gallery-carousel .gallery-carouse__selected-image__wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; flex-direction: column; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; z-index: 400; } .gallery-carousel .gallery-carouse__selected-image__wrapper [data-id='galleryClose'] { cursor: pointer; } .gallery-carousel .gallery-carouse__selected-image__full { position: absolute; top: 50%; left: 0px; right: 0px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .gallery-carousel .gallery-carouse__selected-image-list__content::-webkit-scrollbar { display: none; } .gallery-carousel .gallery-carouse__selected-image-list__content { -ms-overflow-style: none; scrollbar-width: none; display: flex; flex-wrap: nowrap; gap: 0.75rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; } .gallery-carousel .gallery-carouse__selected-image-list__item img { aspect-ratio: 16 / 9; width: 33vw; cursor: pointer; border-radius: 4px; -o-object-fit: cover; object-fit: cover; } .gallery-carousel .gallery-carouse__selected-image-list__item { min-width: -moz-fit-content; min-width: fit-content; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } div.gallery-carousel .gallery-carouse__selected-image-list__item { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.gallery-carousel .gallery-carouse__selected-image-list__item .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.gallery-carousel .gallery-carouse__selected-image-list__item .title,div.gallery-carousel .gallery-carouse__selected-image-list__item .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .gallery-carousel #galleryRightArrow,.gallery-carousel #galleryLeftArrow { display: none; } @media (min-width: 768px) { .gallery-carousel { padding-top:5rem; padding-bottom: 5rem; text-align: center; } .gallery-carousel .gallery-carouse__image-wrapper { flex-wrap: wrap; gap: 2rem; overflow-x: hidden; width: 90%; margin: auto; } .gallery-carousel .gallery-carouse__image-wrapper .gallery-carouse__image { aspect-ratio: auto; height: 20.5rem; width: 16.3rem; border-radius: 1rem; } .gallery-carousel .gallery-carouse__selected-image__wrapper { position: fixed; min-height: 100vh; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 0.8); } body.gallery-carousel .gallery-carouse__selected-image__wrapper { position: fixed; width: 100%; } .gallery-carousel .gallery-carouse__selected-image__wrapper .gallery-carouse__selected-image { width: 50rem; } .gallery-carousel .gallery-carouse__selected-image__full { position: static; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .gallery-carousel .gallery-carouse__selected-image-list__wrapper { display: flex; width: 50rem; justify-content: space-between; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; } div.gallery-carousel .gallery-carouse__selected-image-list__wrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.gallery-carousel .gallery-carouse__selected-image-list__wrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.gallery-carousel .gallery-carouse__selected-image-list__wrapper .title,div.gallery-carousel .gallery-carouse__selected-image-list__wrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .gallery-carousel .gallery-carouse__selected-image-list__content { padding-left: 0px; padding-right: 0px; } .gallery-carousel .gallery-carouse__selected-image-list__item img { width: 7.125rem; } .gallery-carousel #galleryRightArrow,.gallery-carousel #galleryLeftArrow { margin-left: 2rem; margin-right: 2rem; display: block; cursor: pointer; } } .gallery-club { position: relative; z-index: 10; padding-top: 5rem; padding-bottom: 5rem; text-align: center; } .gallery-club .title { text-align: left; color: rgb(38 103 255) !important; } @media screen and (max-width: 600px) { .gallery-club .title { text-align:center } } .gallery-club .subtitle { color: rgb(255 255 255) !important; } .gallery-club p { color: rgb(255 255 255) !important; } .gallery-club .link-list { max-width: 100%; flex-wrap: wrap; justify-content: flex-start; row-gap: 1rem; overflow-x: hidden; color: rgb(255 255 255); } @media screen and (max-width: 600px) { .gallery-club .link-list { overflow-x:scroll; flex-wrap: nowrap } } .gallery-club .club__item__label { padding-left: 1.5rem; padding-right: 1.5rem; height: 19.75rem; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow-y: hidden; } @media screen and (max-width: 600px) { .gallery-club .club__item__label { height:15rem; width: 170px } } .gallery-club .club__item__label h3 { letter-spacing: 0.24rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); text-align: left; } @media screen and (max-width: 600px) { .gallery-club .club__item__label h3 { font-size:10px } } .gallery-club .club__item__label h2 { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); text-align: left; } @media screen and (max-width: 600px) { .gallery-club .club__item__label h2 { font-size:16px; line-height: 24px } } .gallery-club .gallery-club__selected-image-list__title { font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-club .gallery-club__image-wrapper { gap: 1.5rem; overflow-x: auto; overflow-y: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 1rem; } @media (min-width: 768px) { .gallery-club .gallery-club__image-wrapper { padding-bottom:0px; } } .gallery-club .gallery-club__image-wrapper .gallery-club__image { aspect-ratio: 16.3 / 20.5; cursor: pointer; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; } .gallery-club .gallery-club__selected-image__wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; flex-direction: column; justify-content: space-between; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .gallery-club .gallery-club__selected-image__wrapper [data-id='galleryClose'] { cursor: pointer; } .gallery-club .gallery-club__selected-image__full { position: absolute; top: 50%; left: 0px; right: 0px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .gallery-club .gallery-club__selected-image-list__content::-webkit-scrollbar { display: none; } .gallery-club .gallery-club__selected-image-list__content { -ms-overflow-style: none; scrollbar-width: none; display: flex; flex-wrap: nowrap; gap: 0.75rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; } .gallery-club .gallery-club__selected-image-list__item img { aspect-ratio: 16 / 9; width: 33vw; cursor: pointer; border-radius: 4px; } .gallery-club .gallery-club__selected-image-list__item { min-width: -moz-fit-content; min-width: fit-content; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } div.gallery-club .gallery-club__selected-image-list__item { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.gallery-club .gallery-club__selected-image-list__item .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.gallery-club .gallery-club__selected-image-list__item .title,div.gallery-club .gallery-club__selected-image-list__item .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .gallery-club #galleryRightArrow,.gallery-club #galleryLeftArrow { display: none; } @media (min-width: 768px) { .gallery-club { padding-top:5rem; padding-bottom: 5rem; text-align: center; } .gallery-club .gallery-club__image-wrapper { flex-wrap: wrap; gap: 2rem; overflow-x: hidden; padding-left: 0px; padding-right: 0px; } .gallery-club .gallery-club__image-wrapper .gallery-club__image { aspect-ratio: auto; height: 20.5rem; width: 16.3rem; border-radius: 1rem; } .gallery-club .gallery-club__selected-image__wrapper { position: fixed; min-height: 100vh; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 0.8); } body.gallery-club .gallery-club__selected-image__wrapper { position: fixed; width: 100%; } .gallery-club .gallery-club__selected-image__wrapper .gallery-club__selected-image { width: 50rem; } .gallery-club .gallery-club__selected-image__full { position: static; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .gallery-club .gallery-club__selected-image-list__wrapper { width: 50rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; } div.gallery-club .gallery-club__selected-image-list__wrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.gallery-club .gallery-club__selected-image-list__wrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.gallery-club .gallery-club__selected-image-list__wrapper .title,div.gallery-club .gallery-club__selected-image-list__wrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .gallery-club .gallery-club__selected-image-list__content { padding-left: 0px; padding-right: 0px; } .gallery-club .gallery-club__selected-image-list__item img { width: 7.125rem; } .gallery-club #galleryRightArrow,.gallery-club #galleryLeftArrow { margin-left: 2rem; margin-right: 2rem; display: block; cursor: pointer; } } .club-lightbox { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gallery-flex-gap); grid-template-columns: repeat(var(--flex-items),1fr); grid-auto-rows: 1fr; } .club-lightbox .club-item { position: relative; width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--gallery-flex-gap))); aspect-ratio: 1 / 1.5; border-radius: 12px; overflow: hidden; grid-column: span 2; } .club-lightbox .club-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .club-lightbox .club-item .club-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0); opacity: .4; transition: opacity .3s linear; } .club-lightbox .club-item .club-item-text { position: absolute; bottom: 0; width: 100%; padding: 12px; } .club-lightbox .club-item .club-item-text h6 { letter-spacing: 0.24rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); text-align: left; } @media screen and (max-width: 600px) { .club-lightbox .club-item .club-item-text h6 { font-size:10px } } .club-lightbox .club-item .club-item-text p { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); text-align: left; } @media screen and (max-width: 600px) { .club-lightbox .club-item .club-item-text p { font-size:16px; line-height: 24px } } .club-lightbox .club-item:hover .club-overlay { opacity: .2; transition: opacity .3s linear; } @media (max-width: 519px) { .club-lightbox .club-item { --flex-items:2 } } @media (min-width: 520px) and (max-width:767px) { .club-lightbox .club-item { --flex-items:3 } } @media (min-width: 768px) { .club-lightbox .club-item { --flex-items:4 } } .club-link-list .link-list a { color: white; transition: color .3s linear; } .club-link-list .link-list a.active { transition: color .3s linear; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .global-map { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-bottom: 8rem; } div.global-map { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.global-map .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.global-map .title,div.global-map .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .global-map__wrapper { position: relative; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 0px; padding-bottom: 9rem; } div.global-map__wrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.global-map__wrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.global-map__wrapper .title,div.global-map__wrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .global-map__background { max-height: 43.75rem; overflow-y: hidden; overflow-x: scroll; } .global-map__background__image { scroll-behavior: smooth; position: relative; min-width: -moz-fit-content; min-width: fit-content; } .global-map__info__wrapper { position: absolute; bottom: 0.5rem; right: 0px; left: 0px; z-index: 10; display: flex; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; gap: 0.5rem; padding: 1rem; } @media (min-width: 768px) { .global-map__wrapper { padding:0px; } .global-map__background { max-height: 50rem; overflow: hidden; } .global-map__background__image { scroll-behavior: smooth; position: relative; min-width: -moz-fit-content; min-width: fit-content; } .global-map__info__wrapper { position: relative; z-index: 30; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: row; gap: 1rem; padding: 0px; } .global-map__info__card { width: 22.938rem; } } .global-statistics { position: relative; overflow-x: auto; padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 768px) { .global-statistics { padding-top:4rem; padding-bottom: 4rem; } } .global-statistics .global-statistics__background { height: 46.25rem; position: absolute; top: 0px; z-index: 0; width: 100%; -o-object-fit: cover; object-fit: cover; } .global-statistics .global-statistics__title { position: relative; z-index: 20; padding-bottom: 2.5rem; text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .global-statistics .global-statistics__title { font-size:2.5rem; line-height: 3.5rem; } } .global-statistics .global-statistics__content { scroll-behavior: smooth; position: relative; z-index: 10; display: flex; width: 100%; flex-wrap: nowrap; gap: 1rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } .global-statistics .global-statistics__content > div { flex: 1 0 1px; } .global-statistics .global-statistics__content__item { min-width: 9.5rem; flex: 1 1 0%; } .global-statistics .global-statistics__image { width: 9.5rem; height: 13.5rem; border-radius: 0.5rem; -o-object-fit: cover; object-fit: cover; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .global-statistics__image_wrapper { width: 100%; aspect-ratio: 0.79 / 1; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 0.5rem; } .tag { letter-spacing: 0.24rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media screen and (max-width: 551px) { .tag { font-size:0.75rem; line-height: 1rem; } } .title { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .title { font-size:2.5rem; line-height: 3.5rem; } } .description { font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .grid-card-logo { --tw-bg-opacity: 1; background-color: rgb(6 15 56 / var(--tw-bg-opacity)); } div.grid-card-logo { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.grid-card-logo .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.grid-card-logo .title,div.grid-card-logo .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.grid-card-logo .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.grid-card-logo .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.grid-card-logo .gallery-txt__content h1,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content h2,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content h3,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content h4,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content h5,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content h6,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content p,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content ul,.gallery-txt-wrapper.grid-card-logo .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.grid-card-logo .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.grid-card-logo .content-block__main ul,.paragraph--type--text-block.grid-card-logo .content-block__main ol,.paragraph--type--text-block.grid-card-logo .content-block__main p,.paragraph--type--text-block.grid-card-logo .content-block__main h1,.paragraph--type--text-block.grid-card-logo .content-block__main h2,.paragraph--type--text-block.grid-card-logo .content-block__main h3,.paragraph--type--text-block.grid-card-logo .content-block__main h4,.paragraph--type--text-block.grid-card-logo .content-block__main h5,.paragraph--type--text-block.grid-card-logo .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.grid-card-logo .title,.icon-list-wrapper.grid-card-logo .icon-list-header,.icon-list-wrapper.grid-card-logo .icon-list-items-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.grid-card-logo .tag { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .icon-list-wrapper.grid-card-logo .tag { font-size:0.75rem; line-height: 1rem; } } .grid-card-logo__header { margin: 0 auto; display: flex; justify-content: space-between; padding-top: 7rem; } @media screen and (max-width: 600px) { .grid-card-logo__header { margin:0; justify-content: center } } .grid-card-logo__header__btn__wrapper { margin-top: 1rem; } .grid-card-logo__slider { scroll-behavior: smooth; display: grid; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } .grid-card-logo__slider::-webkit-scrollbar { display: none; } @media screen and (max-width: 600px) { .grid-card-logo__slider::-webkit-scrollbar { display:block } } .card-logo-item__wrapper { min-width: 22.9rem; display: flex; padding-left: 1rem; padding-right: 1rem; } .grid-card-logo__wrapper { padding-left: 1rem; padding-right: 1rem; } .card-logo-item--image img { height: auto; width: 100%; min-width: 104px; } .grid-container { padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 768px) { .grid-container { padding-top:4rem; padding-bottom: 4rem; } } .grid-container-tag { letter-spacing: 0.24em; padding-left: 1rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .grid-container-tag { padding-left:0px; font-size: 0.875rem; line-height: 1.25rem; } } .grid-container-scroll--wrapper { display: flex; align-items: center; justify-content: space-between; padding-top: 0.5rem; } .grid-container-scroll--wrapper-actions { display: none; gap: 1.25rem; } @media (min-width: 768px) { .grid-container-scroll--wrapper-actions { display:flex; } } .grid-container-scroll--wrapper-actions span { display: flex; align-items: center; gap: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(159 177 189 / var(--tw-text-opacity)); } .grid-container-scroll--wrapper-actions img { cursor: pointer; } .grid-container-title { padding-bottom: 2rem; padding-left: 1rem; } @media (min-width: 768px) { .grid-container-title { padding-left:0px; } } .grid-container-title h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .grid-container-title h3 { font-size:2.5rem; line-height: 3.5rem; } } .grid-container-mobile__center { text-align: center; } @media (min-width: 768px) { .grid-container-mobile__center { text-align:left; } } .grid-container .grid-content { gap: 1rem !important; overflow-y: auto; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { .grid-container .grid-content { gap:1.5rem !important; } } .grid-container .grid-content > div { flex-shrink: 0; } .grid-container .grid-content.contained-image.md\:grid-cols-4 .card-contained-image { height: 364px; } .grid-container .grid-content.contained-image.md\:grid-cols-3 .card-contained-image { height: 370px; } .grid-container .contained-image { padding-left: 1rem; } @media (min-width: 768px) { .grid-container .contained-image { padding-left:0px; } } .global-mapping #gridItem { margin: 0.25rem; width: auto; border-radius: 1rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } @media (min-width: 768px) { .global-mapping #gridItem { padding:1rem; } } .grid-container-section { position: relative; z-index: 2; } .icon-list-wrapper.bg-blue-inn-60 .title,.icon-list-wrapper.bg-blue-inn-60 .icon-list-header,.icon-list-wrapper.bg-blue-inn-60 .icon-list-items-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.bg-blue-inn-60 .tag { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .icon-list-wrapper.bg-blue-inn-60 .tag { font-size:0.75rem; line-height: 1rem; } } .icon-list-wrapper { padding-top: 3rem; padding-bottom: 3rem; padding-left: 1rem; padding-right: 1rem; } .icon-list-wrapper .tag { letter-spacing: .24rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .icon-list-wrapper .title { font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .icon-list-wrapper .icon-list-header { padding-bottom: 3rem; } .icon-list-wrapper .icon-list-items-horizontal,.icon-list-wrapper .icon-list-items-slider { display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 2.5rem; } .grid-container .grid-content.contained-image.icon-list-wrapper .icon-list-items-horizontal .card-contained-image,.grid-container .grid-content.contained-image.icon-list-wrapper .icon-list-items-slider .card-contained-image { height: 370px; } @media (min-width: 768px) { .icon-list-wrapper .icon-list-items-horizontal,.icon-list-wrapper .icon-list-items-slider { grid-template-columns:repeat(3,minmax(0,1fr)); gap: 3.5rem; } } .icon-list-wrapper .icon-list-items-horizontal .icon-list-item--wrapper,.icon-list-wrapper .icon-list-items-slider .icon-list-item--wrapper { display: flex; flex-direction: row; align-items: center; gap: 1rem; padding-left: 1.5rem; } .icon-list-wrapper .icon-list-items-horizontal .icon-list-item--wrapper { border-left-width: 2px; --tw-border-opacity: 1; border-left-color: rgb(38 103 255 / var(--tw-border-opacity)); } .icon-list-wrapper .icon-list-items-horizontal .icon-list-item--wrapper img { width: 100%; max-width: 4.375rem; } .icon-list-wrapper .icon-list-items-horizontal .icon-list-item--wrapper .icon-list-items-title { font-weight: 700; } .icon-list-wrapper.course-detail-container { padding: 0; } .icon-list-wrapper.course-detail-container .icon-list-header { display: none; } .icon-list-items-desc { font-size: 0.875rem; line-height: 1.25rem; } .course-details-block { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.course-details-block { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.course-details-block .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.course-details-block .title,div.course-details-block .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .course-details-block + .paragraph--type--icon-list .icon-list-wrapper { padding-top: 7rem; } .course-details-block + .paragraph--type--from-library .paragraph--type--icon-list .icon-list-wrapper { padding-top: 7rem; } .course-details-block { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.course-details-block { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.course-details-block .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.course-details-block .title,div.course-details-block .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .course-details-block + .paragraph--type--icon-list .icon-list-wrapper { padding-top: 7rem; } @media (min-width: 768px) { .icon-list-wrapper .tag { font-size:0.875rem; line-height: 1.25rem; } .icon-list-wrapper .title { font-size: 2.5rem; line-height: 3.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } } .text-article { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 6rem; } div.text-article { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.text-article .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.text-article .title,div.text-article .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article { padding-top:10rem; } } .text-article__image { margin: auto; padding-top: 2.5rem; } @media (min-width: 768px) { .text-article__image { padding-top:3rem; } } .text-article__image img { height: auto; } .text-article .text-article__container { position: relative; z-index: 10; text-align: center; } .text-article .text-article__title { letter-spacing: 0.24em; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article .text-article__title { text-align:left; font-size: 0.875rem; line-height: 1.25rem; } } .text-article .text-article__subtitle { padding-bottom: 0.5rem; font-size: 1.5rem; font-weight: 700; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article .text-article__subtitle { text-align:left; font-size: 2rem; line-height: 3rem; } } .text-article .text-article__details { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article .text-article__details { text-align:left; font-size: 1rem; line-height: 1.5rem; } } .text-article .text-article__desc { font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .text-article .text-article__desc p { padding-bottom: 1rem; } .text-article .text-article__desc p:last-child { padding-bottom: 0px; } .text-article .text-article__heading { padding-bottom: 1rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article .text-article__heading { padding-bottom:2rem; font-size: 1.5rem; line-height: 2.25rem; } } .text-article__inner { padding-left: 0.5rem; padding-right: 0.5rem; } .text-article__inner-main { position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 5rem; } div.text-article__inner-main { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.text-article__inner-main .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.text-article__inner-main .title,div.text-article__inner-main .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .text-article__inner-main { padding-left:0px; padding-right: 0px; padding-top: 7.5rem; } } .align-center img { margin: 0 auto; } .industry-partners { --tw-bg-opacity: 1; background-color: rgb(14 23 31 / var(--tw-bg-opacity)); padding-top: 3rem; padding-bottom: 3rem; } div.industry-partners { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.industry-partners .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.industry-partners .title,div.industry-partners .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.industry-partners .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.industry-partners .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.industry-partners .gallery-txt__content h1,.gallery-txt-wrapper.industry-partners .gallery-txt__content h2,.gallery-txt-wrapper.industry-partners .gallery-txt__content h3,.gallery-txt-wrapper.industry-partners .gallery-txt__content h4,.gallery-txt-wrapper.industry-partners .gallery-txt__content h5,.gallery-txt-wrapper.industry-partners .gallery-txt__content h6,.gallery-txt-wrapper.industry-partners .gallery-txt__content p,.gallery-txt-wrapper.industry-partners .gallery-txt__content ul,.gallery-txt-wrapper.industry-partners .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.industry-partners .content-block__header .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.industry-partners .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.industry-partners .content-block__main ul,.paragraph--type--text-block.industry-partners .content-block__main ol,.paragraph--type--text-block.industry-partners .content-block__main p,.paragraph--type--text-block.industry-partners .content-block__main h1,.paragraph--type--text-block.industry-partners .content-block__main h2,.paragraph--type--text-block.industry-partners .content-block__main h3,.paragraph--type--text-block.industry-partners .content-block__main h4,.paragraph--type--text-block.industry-partners .content-block__main h5,.paragraph--type--text-block.industry-partners .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .industry-partners .industry-partners__wrapper { padding-left: 2rem; padding-right: 2rem; text-align: center; } .industry-partners .industry-partners__bottom > div { display: flex; flex-wrap: wrap; justify-content: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 4rem; padding-top: 3rem; padding-bottom: 3rem; } .industry-partners .industry-partners__bottom img { height: 45px; width: auto; } .industry-partners .industry-partners__btn__md,.industry-partners .industry-partners__btn { display: inline-flex; align-items: center; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } .industry-partners .industry-partners__btn__md svg,.industry-partners .industry-partners__btn svg { margin-left: 0.5rem; } .industry-partners .industry-partners__btn__md { display: none; } @media (min-width: 768px) { .industry-partners { padding-top:10rem; padding-bottom: 10rem; } @media screen and (min-width: 768px) and (max-width:850px) { .industry-partners { padding-left:1.5rem; padding-right: 1.5rem; } } .industry-partners .industry-partners__wrapper { padding-left: 0px; padding-right: 0px; } .industry-partners .industry-partners__top { width: 39.063rem; margin: auto; } .industry-partners .industry-partners__btn__md { margin-top: 2.25rem; display: inline-flex; } .industry-partners .industry-partners__btn__md:hover svg { animation: svg-pulse .5s infinite; } .industry-partners .industry-partners__btn { display: none; } } @keyframes svg-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .intake-calendar { margin: 10px 0; } .intake-calendar .intake-calendar-section { display: grid; grid-template-columns: 1fr 150px; } .intake-calendar .intake-calendar-section .intake-calendar-dates,.intake-calendar .intake-calendar-section .intake-calendar-programme { padding: 12px; box-shadow: 1px 0 0 0 black,0 1px 0 0 black,1px 1px 0 0 black,1px 0 0 0 black inset,0 1px 0 0 black inset; height: 100%; } .intake-calendar .intake-calendar-section.intake-calendar-section-heading { text-align: center; padding: 12px; grid-column: 0 2; display: block; background-color: #D4E1FF; } .intake-calendar .intake-calendar-section.intake-heading { align-items: center; font-weight: bold; background-color: #2667FF; color: white; } .intake-calendar .intake-calendar-section.programme:nth-child(odd) { background-color: #F2F5F7; } @media screen and (max-width: 600px) { .intake-calendar .intake-calendar-section { grid-template-columns:1fr } } .intake-calendar .box-shadow-border { box-shadow: 1px 0 0 0 black,0 1px 0 0 black,1px 1px 0 0 black,1px 0 0 0 black inset,0 1px 0 0 black inset; } .intake-calendar { margin-bottom: 24px; } .intake-calendar.part-time .intake-calendar-section { grid-template-columns: 1fr 300px; } .intake-calendar.part-time .intake-calendar-section .intake-pt-commmencement { display: grid; grid-template-columns: repeat(2,1fr); } @media screen and (max-width: 600px) { .intake-calendar.part-time .intake-calendar-section { grid-template-columns:1fr } } .intake-calendar.table-blue .intake-calendar-section.intake-calendar-section-heading { background-color: #D4E1FF; } .intake-calendar.table-blue .intake-calendar-section.intake-heading { background-color: #2667FF; color: white; } .intake-calendar.table-blue .intake-calendar-section.programme:nth-child(odd) { background-color: #F2F5F7; } .intake-calendar.table-green .intake-calendar-section.intake-calendar-section-heading { background-color: #b7c7bb; } .intake-calendar.table-green .intake-calendar-section.intake-heading { background-color: #719078; color: white; } .intake-calendar.table-green .intake-calendar-section.programme:nth-child(odd) { background-color: #eaf9ed; } .intake-calendar.table-yellow .intake-calendar-section.intake-calendar-section-heading { background-color: #efe1c2; } .intake-calendar.table-yellow .intake-calendar-section.intake-heading { background-color: #BD9031; color: white; } .intake-calendar.table-yellow .intake-calendar-section.programme:nth-child(odd) { background-color: #efe1c2; } .intake-calendar.table-dark-red .intake-calendar-section.intake-calendar-section-heading { background-color: #fab7d3; } .intake-calendar.table-dark-red .intake-calendar-section.intake-heading { background-color: #AE0C4E; color: white; } .intake-calendar.table-dark-red .intake-calendar-section.programme:nth-child(odd) { background-color: #ffd4e6; } .intake-calendar.table-red .intake-calendar-section.intake-calendar-section-heading { background-color: #f0c2c7; } .intake-calendar.table-red .intake-calendar-section.intake-heading { background-color: #982632; color: white; } .intake-calendar.table-red .intake-calendar-section.programme:nth-child(odd) { background-color: #ffd9de; } .intake-calendar.table-purple .intake-calendar-section.intake-calendar-section-heading { background-color: #bcb8c7; } .intake-calendar.table-purple .intake-calendar-section.intake-heading { background-color: #68617A; color: white; } .intake-calendar.table-purple .intake-calendar-section.programme:nth-child(odd) { background-color: #e5e1ee; } .intake-calendar.table-turquoise .intake-calendar-section.intake-calendar-section-heading { background-color: #b3ebff; } .intake-calendar.table-turquoise .intake-calendar-section.intake-heading { background-color: #00749C; color: white; } .intake-calendar.table-turquoise .intake-calendar-section.programme:nth-child(odd) { background-color: #daf5ff; } .intake-calendar.table-dark-blue .intake-calendar-section.intake-calendar-section-heading { background-color: #cacee8; } .intake-calendar.table-dark-blue .intake-calendar-section.intake-heading { background-color: #4653a0; color: white; } .intake-calendar.table-dark-blue .intake-calendar-section.programme:nth-child(odd) { background-color: #eaecff; } .intake-heading { border-top-left-radius: 6px; border-top-right-radius: 6px; } .intake-heading .intake-calendar-programme { border-top-left-radius: 6px; } .intake-heading .intake-calendar-dates { border-top-right-radius: 6px; } .intake-calendar .intake-calendar-section:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .intake-calendar .intake-calendar-section:last-child .intake-calendar-programme { border-bottom-left-radius: 6px; } .intake-calendar .intake-calendar-section:last-child .intake-calendar-dates { border-bottom-right-radius: 6px; } .intake-calendar.part-time .intake-calendar-section:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .intake-calendar.part-time .intake-calendar-section:last-child .intake-calendar-programme { border-bottom-left-radius: 6px; } .intake-calendar.part-time .intake-calendar-section:last-child .intake-calendar-dates { border-bottom-right-radius: 0; } .intake-calendar.part-time .intake-calendar-section:last-child .intake-calendar-dates + .intake-calendar-dates { border-bottom-right-radius: 6px; } :root { --gallery-flex-gap: 1rem; } body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; outline: none; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom:1;width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/themes/custom/apu/images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev,.lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url('/themes/custom/apu/images/icons/01-small/left-arrow.svg') 5% 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 34%; right: 0; float: right; background: url('/themes/custom/apu/images/icons/01-small/right-arrow.svg') 95% 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom:1;width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/themes/custom/apu/dist/images/icons/01-small/close.svg) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lightbox-gallery { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gallery-flex-gap); grid-template-columns: repeat(var(--flex-items),1fr); grid-auto-rows: 1fr; } .lightbox-gallery a { width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--gallery-flex-gap))); aspect-ratio: 1 / 1.5; border-radius: 12px; overflow: hidden; grid-column: span 2; } .lightbox-gallery a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 519px) { .lightbox-gallery { --flex-items:2 } } @media (min-width: 520px) and (max-width:767px) { .lightbox-gallery { --flex-items:3 } } @media (min-width: 768px) { .lightbox-gallery { --flex-items:4 } } .lightboximage { display: inline-flex; flex-direction: column; text-decoration: none; position: relative; } .lightboximage:hover .lightboxcaption { max-height: 100%; transition: max-height 0.3s ease-in-out; } .lightboxcaption { display: none; color: black; position: absolute; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.6); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; max-height: 0; } .lightboxcaption > span { display: block; padding: .5rem; color: white; font-weight: inherit; } @media (min-width: 768px) { .lightboxcaption { display:inline-block } } .mobile-nav { position: absolute; z-index: 10; width: 100%; height: 75px; transition: height .3s ease-in-out; } .mobile-nav .header-nav__top__nav { display: flex; align-items: center; justify-content: space-between; padding-left: 1.75rem; padding-right: 1.75rem; height: 75px; } .mobile-nav .mobile-submenu { background-color: #F2F5F7; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .mobile-nav .collapse { display: none; height: 100%; } .mobile-nav .collapse-button .menu-open { display: none; } .mobile-nav #navApuLogoMobileExpanded { display: none; } .mobile-nav.expanded { height: 100vh; width: 100%; background-color: white; transition: height .3s ease-in-out; } .mobile-nav.expanded .collapse { display: block; } .mobile-nav.expanded .collapse-button .menu-open { display: block; } .mobile-nav.expanded .collapse-button .menu-closed { display: none; } .mobile-nav.expanded #navApuLogoMobile { display: none; } .mobile-nav.expanded #navApuLogoMobileExpanded { display: block; } .mobile-nav .searchbar { border-bottom: 1px solid #DCE3E8; } .mobile-nav .form-item.search-icon { position: relative; } .mobile-nav .form-item.search-icon:before { content: ""; background-image: url(/themes/custom/apu/images/icons/01-small/search-black.svg); width: 17px; height: 18px; display: block; position: absolute; left: 6px; top: 8px; } .mobile-nav .form-item.search-icon input { padding-left: 30px; } .desktop-nav { display: none; } @media (min-width: 768px) { .header-nav,.active-header-nav { position:absolute; top: 0px; left: 0px; right: 0px; z-index: 50; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 1rem; padding-bottom: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .desktop-nav { z-index: 50; display: block; display: flex; flex-direction: column; justify-content: flex-start; } .mobile-nav { display: none; } #navApuLogoActive,#navApuLogoScroll { display: none; } #navApuLogo,#navApuLogoBlack,#navApuLogoActive { width: 6rem; height: 5.5rem; position: absolute; top: 1.25rem; left: 2rem; } #navApuLogoBlack { display: none; } .navbar-black #navApuLogo { display: none; } .navbar-black #navApuLogoBlack { display: block; } #navApuLogoScroll { width: 11.25rem; position: absolute; top: 2rem; left: 2rem; height: 2.5rem; } .header-nav__bottom__nav ul { display: flex; justify-content: flex-end; gap: 1.5rem; padding-right: 2rem; } .header-nav__bottom__nav ul > li > a { font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-transform: capitalize; } .header-nav__bottom__nav ul > li { cursor: pointer; } .header-nav__top__nav ul { display: flex; justify-content: flex-end; gap: 1.5rem; padding-right: 2rem; } .header-nav__top__nav ul > li > a { font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: capitalize; } .header-nav__top__nav ul > li { cursor: pointer; } .header-nav__bottom__nav ul { margin-top: 4rem; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; gap: 2rem; } .header-nav__bottom__nav .headerNavSecondLinks:hover > span::after { content: ''; height: 3px; position: absolute; bottom: -0.75rem; left: 25%; width: 50%; --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .title,div.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h1,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h2,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h3,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h4,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h5,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content h6,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content p,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content ul,.gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main ul,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main ol,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main p,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h1,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h2,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h3,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h4,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h5,.paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav .headerNavSecondLinks:hover > span::after .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .header-nav__bottom__nav .headerNavSecondLinks:hover > span { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .header-nav__bottom__nav #headerNavSecondActiveLink span::after { content: ''; height: 3px; position: absolute; bottom: -0.75rem; left: 25%; width: 50%; --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } div.header-nav__bottom__nav #headerNavSecondActiveLink span::after { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.header-nav__bottom__nav #headerNavSecondActiveLink span::after .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.header-nav__bottom__nav #headerNavSecondActiveLink span::after .title,div.header-nav__bottom__nav #headerNavSecondActiveLink span::after .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h1,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h2,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h3,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h4,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h5,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content h6,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content p,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content ul,.gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav__bottom__nav #headerNavSecondActiveLink span::after .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main ul,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main ol,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main p,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h1,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h2,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h3,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h4,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h5,.paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav__bottom__nav #headerNavSecondActiveLink span::after .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .header-nav__bottom__nav #headerNavSecondActiveLink span { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .header-nav__bottom__nav .header-nav__bottom__nav__links { pointer-events: none; position: relative; font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .header-nav__bottom__nav__active svg > path { } .header-nav aside .active-header-nav { --tw-bg-opacity: 1; background-color: rgb(28 43 54 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .header-nav aside { padding-top: 2.5rem; padding-bottom: 2.5rem; } .header-nav__icon_dropdown .header-nav__icon_dropdown__button { display: flex; align-items: center; gap: 0.5rem; } .header-nav__icon_dropdown .header-nav__icon_dropdown__options { width: 15.5rem; } .header-nav__icon_dropdown .header-nav__icon_dropdown__options > div { margin-bottom: 0.25rem; height: 2.5rem; } .header-nav__icon_dropdown .header-nav__icon_dropdown__options input:focus + label { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options input:focus + label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options input:focus + label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options input:focus + label .title,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options input:focus + label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown .header-nav__icon_dropdown__options input { opacity: 0.8; } .header-nav__icon_dropdown .header-nav__icon_dropdown__options label,.header-nav__icon_dropdown .header-nav__icon_dropdown__options a { display: block; cursor: pointer; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options label,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options a { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options label .tag,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options a .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options label .title,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options label .description,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options a .title,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options a .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown .header-nav__icon_dropdown__options label:hover,.header-nav__icon_dropdown .header-nav__icon_dropdown__options a:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } .header-nav__icon_dropdown .header-nav__icon_dropdown__options h4 { margin: 0.5rem; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; } .header-nav__icon_dropdown .header-nav__icon_dropdown__options { position: absolute; top: 2.75rem; right: 0px; cursor: default; overflow: hidden; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.75rem; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown .header-nav__icon_dropdown__options .title,div.header-nav__icon_dropdown .header-nav__icon_dropdown__options .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown { position: relative; max-width: -moz-fit-content; max-width: fit-content; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav .header-nav__links__content { display: flex; min-width: 100%; flex-direction: row; justify-content: space-between; } .header-nav .header-nav__links__content section { flex: 1 1 0%; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 3rem; padding-right: 3rem; } .header-nav .header-nav__links__content section:last-of-type { border-width: 0px; } .header-nav .header-nav__links__image { margin-bottom: 1.5rem; height: 15rem; width: 18.5rem; border-radius: 1rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; --tw-bg-opacity: 1; background-color: rgb(6 15 56 / var(--tw-bg-opacity)); -o-object-fit: cover; object-fit: cover; } div.header-nav .header-nav__links__image { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.header-nav .header-nav__links__image .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.header-nav .header-nav__links__image .title,div.header-nav .header-nav__links__image .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h1,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h2,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h3,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h4,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h5,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content h6,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content p,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content ul,.gallery-txt-wrapper.header-nav .header-nav__links__image .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav .header-nav__links__image .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main ul,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main ol,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main p,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h1,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h2,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h3,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h4,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h5,.paragraph--type--text-block.header-nav .header-nav__links__image .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.header-nav .header-nav__links__image .title,.icon-list-wrapper.header-nav .header-nav__links__image .icon-list-header,.icon-list-wrapper.header-nav .header-nav__links__image .icon-list-items-title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .icon-list-wrapper.header-nav .header-nav__links__image .tag { font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .icon-list-wrapper.header-nav .header-nav__links__image .tag { font-size:0.75rem; line-height: 1rem; } } } .header-nav.sticky { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav.sticky { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav.sticky .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav.sticky .title,div.header-nav.sticky .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav.sticky .header-nav__top__nav { display: none; } .header-nav.sticky #headerNavBottomNavWrapper { position: fixed; top: -0.75rem; z-index: 10; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.header-nav.sticky #headerNavBottomNavWrapper { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav.sticky #headerNavBottomNavWrapper .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav.sticky #headerNavBottomNavWrapper .title,div.header-nav.sticky #headerNavBottomNavWrapper .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } body.header-nav.sticky #headerNavBottomNavWrapper { position: fixed; width: 100%; } .header-nav.sticky #navApuLogo { display: none; } .header-nav.sticky #navApuLogoActive,.header-nav.sticky #navApuLogoScroll { z-index: 10; display: block; } .header-nav.sticky svg > path { fill: #1C2B36; } .header-nav.sticky .header-nav aside { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.header-nav.sticky .header-nav aside { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav.sticky .header-nav aside .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav.sticky .header-nav aside .title,div.header-nav.sticky .header-nav aside .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .mobile-submenu ul { padding-left: 12px; padding-right: 12px; margin-left: 0; margin-right: 0; list-style-type: none; } .mobile-submenu ul li a { padding: 10px 12px; display: block; border-bottom: 1px solid #dce3e8; display: flex; justify-content: space-between; align-items: center; color: #5B7282; font-weight: 700; } .mobile-submenu ul li a:after { content: ""; background-repeat: no-repeat; background-color: #5B7282; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; width: 16px; height: 16px; -webkit-mask-image: url(/themes/custom/apu/images/icons/01-small/right-45.svg); mask-image: url(/themes/custom/apu/images/icons/01-small/right-45.svg); -webkit-mask-size: 12px; mask-size: 12px; } .mobile-submenu ul li a.header-nav__bottom__nav__links:after { width: 6px; height: 12px; -webkit-mask-image: url(/themes/custom/apu/images/icons/01-small/right-chevron.svg); mask-image: url(/themes/custom/apu/images/icons/01-small/right-chevron.svg); -webkit-mask-size: 8px 16px; mask-size: 8px 16px; } .mobile-submenu ul.ul-international { border-top: 1px solid #dce3e8; } body.fixed { position: fixed; width: 100%; } .link-collapse { max-height: 0; overflow: hidden; padding-left: 16px; font-size: smaller; transition: max-height .3s linear; } .link-collapse.expanded { max-height: 800px; } .link-collapse a:after { display: none; } .changeHamburger { filter: invert(100%); } .floating-navbar { display: block; } @media (min-width: 768px) { .floating-navbar { display:none } } .floating-navbar__option { border-bottom: 1px solid #DCE3E8; font-size: 14px; font-weight: 700; color: #5B7282; } .floating-navbar__option a { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; } .floating-navbar__option:hover { color: #2667FF; } .floating-navbar__option:hover a svg path { fill: #2667FF; } .floating-navbar__options { max-height: 0; overflow: hidden; transition: all .3s linear; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #DCE3E8; box-sizing: content-box; } .floating-navbar__dropdown { padding: 16px; text-align: center; border-top: 1px solid #DCE3E8; border-bottom: 1px solid #DCE3E8; font-size: 14px; font-weight: 700; color: #2667FF; } .floating-navbar__dropdown svg { float: right; transform: translateY(100%); transition: all .3s linear; } .floating-navbar__dropdown svg path { fill: #2667FF; } .floating-navbar__dropdown.open + .floating-navbar__options { max-height: 100vh; overflow: hidden; transition: all .3s linear; } .floating-navbar__dropdown.open svg { transform: translateY(100%) rotate(180deg); transition: all .3s linear; } #navbar { background-color: rgba(255,255,255,1); top: 0; position: fixed; width: 100%; z-index: 500; transition: all 0.3s linear; } @media (min-width: 768px) { #navbar { background-color:rgba(255,255,255,0) } } #navbar.search-open { background-color: white; } .gin--vertical-toolbar #navbar { top: 60px; width: calc(100% - 65px); } .navbar-wrapper { transition: all 0.3s linear; display: flex; padding: 12px; height: 72px; } @media (min-width: 768px) { .navbar-wrapper { padding:16px; height: 120px } } ul.menu-element { list-style-type: none; text-align: right; color: rgba(0,0,0,1); } @media (min-width: 768px) { ul.menu-element { color:rgba(255,255,255,1) } } ul.menu-element { transition: all 0.3s linear; } ul.menu-element li { display: inline-block; padding: 2px 14px; font-size: 16px; font-weight: 700; cursor: pointer; } ul.menu-element li.language-select,ul.menu-element li.search-dropdown,ul.menu-element li.mobile-dropdown { position: relative; top: -2px; } ul.menu-element li.language-select img,ul.menu-element li.search-dropdown img,ul.menu-element li.mobile-dropdown img { display: inline-block; } ul.menu-element li.language-select .dark,ul.menu-element li.search-dropdown .dark,ul.menu-element li.mobile-dropdown .dark { display: none; } ul.menu-element li.dropdown-menu span { padding-bottom: 4px; border-bottom: 3px solid transparent; } ul.menu-element li.dropdown-menu.active span { border-bottom-color: blue; color: blue; } .navbar--menu-top { display: none; } @media (min-width: 768px) { .navbar--menu-top { display:block } } .navbar--menu-top ul.menu-element li { font-size: 12px; } .navbar--menu-top ul.menu-element li a { color: rgb(0,0,0); } .navbar--menu-top ul.menu-element li:hover a { color: rgb(38,103,255); } .navbar-open :not(.navbar-dark) .navbar--menu-top ul.menu-element li a { color: rgb(0,0,0); } .navbar-open :not(.navbar-dark) .navbar--menu-top ul.menu-element li:hover a { color: rgb(38,103,255); } .navbar-dark .navbar--menu-top ul.menu-element li { font-size: 12px; } .navbar-dark .navbar--menu-top ul.menu-element li a { color: rgb(255,255,255); } .navbar-dark .navbar--menu-top ul.menu-element li:hover a { color: rgb(38,103,255); } .navbar-dark .navbar-open .navbar--menu-top ul.menu-element li a { color: rgb(0,0,0); } .navbar-dark .navbar-open .navbar--menu-top ul.menu-element li:hover a { color: rgb(38,103,255); } .navbar--menu-bottom { display: none; } @media (min-width: 768px) { .navbar--menu-bottom { display:block } } .navbar--menu-mobile { display: block; } @media (min-width: 768px) { .navbar--menu-mobile { display:none } } .navbar--logo-container { flex: 0 0 200px; display: flex; justify-content: center; } .navbar--logo-container img { transition: all 0.3s linear; } .navbar--logo-container .navbar-logo { height: 100%; } @media (min-width: 768px) { .navbar--logo-container .navbar-logo--scrolled { display:none; width: 100%; } } .navbar--logo-container .light,.navbar--logo-container .dark { display: none; } .navbar-wrapper ul.menu-element { color: rgb(0,0,0); } .navbar-wrapper ul.menu-element li.language-select,.navbar-wrapper ul.menu-element li.search-dropdown { } .navbar-wrapper ul.menu-element li.language-select .dark,.navbar-wrapper ul.menu-element li.search-dropdown .dark { display: none; } .navbar-wrapper ul.menu-element li.language-select .light,.navbar-wrapper ul.menu-element li.search-dropdown .light { display: inline; } @media (min-width: 768px) { .navbar-wrapper .navbar--logo-container .dark { display:none; } .navbar-wrapper .navbar--logo-container .light { display: inline; } } .navbar-wrapper.navbar-dark ul.menu-element { color: rgb(255,255,255); } @media (min-width: 768px) { .navbar-wrapper.navbar-dark ul.menu-element li.language-select .dark,.navbar-wrapper.navbar-dark ul.menu-element li.search-dropdown .dark { display:inline; } .navbar-wrapper.navbar-dark ul.menu-element li.language-select .light,.navbar-wrapper.navbar-dark ul.menu-element li.search-dropdown .light { display: none; } .navbar-wrapper.navbar-dark .navbar--logo-container .dark { display: inline; } .navbar-wrapper.navbar-dark .navbar--logo-container .light { display: none; } } .navbar-dark .navbar-wrapper ul.menu-element { color: rgb(255,255,255); } @media (min-width: 768px) { .navbar-dark .navbar-wrapper ul.menu-element li.language-select .dark,.navbar-dark .navbar-wrapper ul.menu-element li.search-dropdown .dark { display:inline; } .navbar-dark .navbar-wrapper ul.menu-element li.language-select .light,.navbar-dark .navbar-wrapper ul.menu-element li.search-dropdown .light { display: none; } .navbar-dark .navbar-wrapper .navbar--logo-container .dark { display: inline; } .navbar-dark .navbar-wrapper .navbar--logo-container .light { display: none; } } .fixed-nav.scrolling.navbar-dark ul.menu-element { color: rgba(255,255,255,1); } .fixed-nav.scrolling.navbar-dark ul.menu-element li.language-select .dark,.fixed-nav.scrolling.navbar-dark ul.menu-element li.search-dropdown .dark { display: none; } .fixed-nav.scrolling.navbar-dark ul.menu-element li.language-select .light,.fixed-nav.scrolling.navbar-dark ul.menu-element li.search-dropdown .light { display: inline; } .scrolling .navbar-wrapper { height: 72px; background-color: rgba(255,255,255,1); } .scrolling .navbar--menu-container { justify-content: center; } .scrolling .navbar--menu-top { display: none; } .fixed-nav .navbar-wrapper { height: 72px; background-color: rgba(255,255,255,1); } .fixed-nav .navbar-wrapper ul.menu-element { color: rgba(0,0,0,1); } .fixed-nav .navbar-wrapper ul.menu-element li.language-select .dark,.fixed-nav .navbar-wrapper ul.menu-element li.search-dropdown .dark { display: none; } .fixed-nav .navbar-wrapper ul.menu-element li.language-select .light,.fixed-nav .navbar-wrapper ul.menu-element li.search-dropdown .light { display: inline; } @media (min-width: 768px) { .fixed-nav .navbar-wrapper .navbar--logo-container .navbar-logo { display:none; } .fixed-nav .navbar-wrapper .navbar--logo-container .navbar-logo--scrolled { display: block; } } .fixed-nav .navbar-wrapper .navbar--menu-container { justify-content: center; } .fixed-nav .navbar-wrapper .navbar--menu-top { display: none; } @media (min-width: 768px) { .fixed-nav.scrolling .navbar-wrapper { height:120px } } .fixed-nav.scrolling .navbar-wrapper { background-color: rgba(0,0,0,0); } .fixed-nav.scrolling .navbar-wrapper.navbar-dark ul.menu-element { color: rgba(255,255,255,1); } .fixed-nav.scrolling .navbar-wrapper.navbar-dark ul.menu-element li.language-select .dark,.fixed-nav.scrolling .navbar-wrapper.navbar-dark ul.menu-element li.search-dropdown .dark { display: none; } .fixed-nav.scrolling .navbar-wrapper.navbar-dark ul.menu-element li.language-select .light,.fixed-nav.scrolling .navbar-wrapper.navbar-dark ul.menu-element li.search-dropdown .light { display: inline; } @media (min-width: 768px) { .fixed-nav.scrolling .navbar--menu-container { justify-content:space-between } .fixed-nav.scrolling .navbar--menu-top { display: block } .fixed-nav.scrolling .navbar--logo-container .navbar-logo { display: block; } .fixed-nav.scrolling .navbar--logo-container .navbar-logo--scrolled { display: none; } } .fixed-nav.scrolling ul.menu-element { color: rgba(0,0,0,1); } #navbar.search-open { background-color: rgba(255,255,255,1); } #navbar.search-open .navbar-wrapper ul.menu-element { color: rgba(0,0,0,1); } #navbar.search-open .navbar-wrapper ul.menu-element li.language-select .dark,#navbar.search-open .navbar-wrapper ul.menu-element li.search-dropdown .dark { display: none; } #navbar.search-open .navbar-wrapper ul.menu-element li.language-select .light,#navbar.search-open .navbar-wrapper ul.menu-element li.search-dropdown .light { display: inline; } @media (min-width: 768px) { #navbar.search-open .navbar--logo-container .dark { display:none; } #navbar.search-open .navbar--logo-container .light { display: inline; } } .navbar--menu-container { flex: 1 1 100%; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .navbar--menu-container { justify-content:space-between } } body.fixed-nav nav#navbar { position: fixed; } .navbar-open #navbar { background-color: white; } .navbar-open #navbar ul.menu-element { color: rgba(0,0,0,1); } .navbar-open #navbar ul.menu-element li.language-select .dark,.navbar-open #navbar ul.menu-element li.search-dropdown .dark { display: none; } .navbar-open #navbar ul.menu-element li.language-select .light,.navbar-open #navbar ul.menu-element li.search-dropdown .light { display: inline; } .navbar-open:not(.scrolling):not(.fixed-nav) .navbar--logo-container .dark { display: none; } .navbar-open:not(.scrolling):not(.fixed-nav) .navbar--logo-container .light { display: inline; } .navbar-open:not(.scrolling):not(.fixed-nav) .navbar--logo-container .navbar-logo--scrolled { display: none; } .navbar-dropdown-wrapper { height: 0; width: 100%; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4,0,0.2,1); background-color: #f2f5f7; opacity: 0; overflow: hidden; } .navbar-dropdown-wrapper.open { height: 500px; opacity: 1; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4,0,0.2,1); } .navbar-dropdown-wrapper.open .navbar-dropdown-container > section::-webkit-scrollbar { display: none; } .navbar-dropdown-wrapper.open .navbar-dropdown-container > section { -ms-overflow-style: none; scrollbar-width: none; } @media (min-width: 640px) { .navbar-dropdown-wrapper.open { height:100vh } } @media (min-width: 768px) { .navbar-dropdown-wrapper.open { height:500px } } @media (min-width: 640px) { .navbar-dropdown-wrapper .navbar-dropdown-container { flex-wrap:wrap } .navbar-dropdown-wrapper .navbar-dropdown-container > section { max-width: 100%; } .navbar-dropdown-wrapper .navbar-dropdown-container > section.menu1,.navbar-dropdown-wrapper .navbar-dropdown-container > section.menu2 { max-width: 100%; max-height: 400px; flex: 0 0 49%; } .navbar-dropdown-wrapper .navbar-dropdown-container > section.menu3 { flex: 1 0 100%; } } @media (min-width: 768px) { .navbar-dropdown-wrapper .navbar-dropdown-container { display:flex; gap: 16px; height: 100%; padding-left: 16px; padding-right: 16px; border-top: 1px solid lightgray; flex-wrap: nowrap } .navbar-dropdown-wrapper .navbar-dropdown-container > section { height: 100%; overflow-y: auto; padding: 16px; border-right: 1px solid lightgray; flex: 0 1 100%; } .navbar-dropdown-wrapper .navbar-dropdown-container > section.menu1 { max-width: 33%; max-height: 100%; } .navbar-dropdown-wrapper .navbar-dropdown-container > section.menu2,.navbar-dropdown-wrapper .navbar-dropdown-container > section.menu3 { flex: 1 1 100%; max-height: 100%; } .navbar-dropdown-wrapper .navbar-dropdown-container > section:last-child { border-right: 0; } } .submenu-element { display: none; list-style-type: none; margin-left: 0; padding-left: 0; } .submenu-element.active { display: block; } .submenu-element li { border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); } .submenu-element li a { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } .submenu-element li a svg { width: 12px; } .submenu-element li a svg path { fill: #5B7282 !important; } .submenu-element li a:hover { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(220 227 232 / var(--tw-text-opacity)); } div.submenu-element li a:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.submenu-element li a:hover .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.submenu-element li a:hover .title,div.submenu-element li a:hover .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h1,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h2,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h3,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h4,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h5,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content h6,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content p,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content ul,.gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li a:hover .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li a:hover .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li a:hover .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li a:hover .content-block__main ul,.paragraph--type--text-block.submenu-element li a:hover .content-block__main ol,.paragraph--type--text-block.submenu-element li a:hover .content-block__main p,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h1,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h2,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h3,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h4,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h5,.paragraph--type--text-block.submenu-element li a:hover .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li a:hover .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .submenu-element li a:hover svg path { fill: #DCE3E8 !important; } .submenu-element li a span + span { padding-left: 12px; } .submenu-element li:last-child { border-bottom-width: 0px; } .submenu-element li.active a { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(220 227 232 / var(--tw-text-opacity)); } div.submenu-element li.active a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.submenu-element li.active a .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.submenu-element li.active a .title,div.submenu-element li.active a .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li.active a .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li.active a .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h1,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h2,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h3,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h4,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h5,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content h6,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content p,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content ul,.gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.submenu-element li.active a .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li.active a .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li.active a .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li.active a .content-block__main ul,.paragraph--type--text-block.submenu-element li.active a .content-block__main ol,.paragraph--type--text-block.submenu-element li.active a .content-block__main p,.paragraph--type--text-block.submenu-element li.active a .content-block__main h1,.paragraph--type--text-block.submenu-element li.active a .content-block__main h2,.paragraph--type--text-block.submenu-element li.active a .content-block__main h3,.paragraph--type--text-block.submenu-element li.active a .content-block__main h4,.paragraph--type--text-block.submenu-element li.active a .content-block__main h5,.paragraph--type--text-block.submenu-element li.active a .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.submenu-element li.active a .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .submenu-element li.active a svg path { fill: #DCE3E8 !important; } .promo-img-container { height: 200px; border-radius: 36px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 1.5rem; } .navbar-promo svg path { fill: #2667FF !important; } body { background-color: rgba(0,0,0,0.3); } .header-nav__icon_dropdown__options { width: 15.5rem; position: absolute; top: 2.75rem; right: 0px; cursor: default; overflow: hidden; border-radius: 1rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.75rem; text-align: left; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } div.header-nav__icon_dropdown__options { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options .title,div.header-nav__icon_dropdown__options .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown__options > div { margin-bottom: 0.25rem; height: 2.5rem; } .header-nav__icon_dropdown__options input:focus + label { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.header-nav__icon_dropdown__options input:focus + label { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options input:focus + label .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options input:focus + label .title,div.header-nav__icon_dropdown__options input:focus + label .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown__options input { opacity: 0.8; } .header-nav__icon_dropdown__options label,.header-nav__icon_dropdown__options a { display: block; cursor: pointer; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; font-size: 1rem; line-height: 1.5rem; } div.header-nav__icon_dropdown__options label,div.header-nav__icon_dropdown__options a { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options label .tag,div.header-nav__icon_dropdown__options a .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.header-nav__icon_dropdown__options label .title,div.header-nav__icon_dropdown__options label .description,div.header-nav__icon_dropdown__options a .title,div.header-nav__icon_dropdown__options a .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .header-nav__icon_dropdown__options label:hover,.header-nav__icon_dropdown__options a:hover { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } .header-nav__icon_dropdown__options h4 { margin: 0.5rem; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; } #navSearchCompo { background-color: rgba(242,245,247,0); height: 0; overflow: hidden; transition: all 0.3s linear; display: flex; align-items: center; } #navSearchCompo.open { background-color: rgba(242,245,247,1); height: 150px; } @media screen and (max-width: 767px) { .navbar--logo-container .light,.navbar--logo-container .dark { display:none; } } .mobile-submenu { background-color: #f2f5f7; display: flex; flex-direction: column; justify-content: space-between; } .collapse { height: 100%; } .collapse.collapsed { overflow: hidden; max-height: 0; transition: all 0.3s linear; } .mobile-submenu { flex-grow: 1; } .mobile-submenu ul { padding-left: 12px; padding-right: 12px; } .mobile-submenu ul li a { padding: 9px 12px; display: block; border-bottom: 1px solid #dce3e8; display: flex; justify-content: space-between; align-items: center; color: #5b7282; font-weight: 700; } .mobile-submenu ul li a:after { content: ''; background-repeat: no-repeat; background-color: #5b7282; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; width: 10px; height: 10px; -webkit-mask-image: url(/themes/custom/apu/images/icons/01-small/right-45.svg); mask-image: url(/themes/custom/apu/images/icons/01-small/right-45.svg); -webkit-mask-size: 10px; mask-size: 10px; flex: 0 0 20px; padding-left: 10px; } .mobile-submenu ul li a.header-nav__bottom__nav__links:after { width: 4px; height: 8px; -webkit-mask-image: url(/themes/custom/apu/images/icons/01-small/right-chevron.svg); mask-image: url(/themes/custom/apu/images/icons/01-small/right-chevron.svg); -webkit-mask-size: 4px 8px; mask-size: 4px 8px; } .mobile-submenu ul.ul-international { border-top: 1px solid #dce3e8; } .mobile-dropdown > span { width: 24px; height: 24px; text-align: center; } .mobile-dropdown .close-nav { display: none; } .mobile-dropdown .open-nav { display: inline-block; } #navbar.show-nav { bottom: 0; display: flex; flex-direction: column; } #navbar.show-nav .mobile-dropdown .close-nav { display: inline-block; } #navbar.show-nav .mobile-dropdown .open-nav { display: none; } #navbar.show-nav .floating-navbar { max-height: 0; overflow: hidden; } #navbar-collapse { display: flex; flex-direction: column; flex-grow: 1; } @media (min-width: 768px) { #navbar-collapse { display:none !important } } .mobile-submenu-wrapper { height: 100%; overflow-x: hidden; font-size: 14px; } .mobile-submenu-grid { display: grid; grid-template-columns: repeat(4,100vw); transition: left 0.3s linear; position: relative; left: 0; height: 100%; } .menu-back { padding: 16px; text-align: center; border-top: 1px solid #dce3e8; border-bottom: 1px solid #dce3e8; font-size: 14px; font-weight: 700; color: #2667ff; background-color: white; cursor: pointer; min-height: 56px; } .menu-back svg { float: left; transform: translateY(100%) rotate(90deg); transition: all 0.3s linear; } .menu-back svg path { fill: #2667FF; } .menu-back span { text-transform: capitalize; } .mobile-submenu-section { display: flex; flex-direction: column; justify-content: space-between; } .mobile-submenu-subsection { display: none; flex-direction: column; justify-content: space-between; flex-grow: 1; } .mobile-promo-container { display: grid; grid-template-columns: 88px 1fr; padding: 12px; border-top: 1px solid #dce3e8; gap: 16px; } .mobile-promo-container a.btn.btn-text { height: 1.5rem; font-size: 14px; } .mobile-promo-container .navbar-promo-mobile-text .category { color: #5b7282; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: 0.24em; } .mobile-promo-container .navbar-promo-mobile-text .body-text { font-size: 16px; font-weight: 700; color: #1c2b36; } .alertbar { padding-top: 44px; transition: all .3s linear; } .news-happenings { padding-top: 5rem; padding-bottom: 5rem; } .news-happenings .news-happenings__header { text-align: center; } #newsSliderContent { -ms-overflow-style: none; scrollbar-width: none; overflow-x: hidden; } #newsSliderContent::-webkit-scrollbar { display: none; } .news-happenings .news-happenings__header h4 { margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .news-happenings .news-happenings__header h1 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .news-happenings .news-happenings__header__btn { display: none; } .news-happenings .news-happenings__slider { scroll-behavior: smooth; grid-template-columns: 100vw 100vw; display: grid; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } .news-happenings .news-happenings__slider__item { min-width: 20.875rem; display: flex; } .news-happenings .news-happenings__slider__image { width: 5.188rem; max-width: 5.188rem; height: 4rem; max-height: 4rem; -o-object-fit: contain; object-fit: contain; } .news-happenings .news-happenings__slider__text { padding-left: 1rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } @media (min-width: 768px) { .news-happenings { height:38.625rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 8rem; } .news-happenings .news-happenings__header { text-align: left; } .news-happenings .news-happenings__header h4 { font-size: 0.875rem; line-height: 1.25rem; } .news-happenings .news-happenings__header h1 { font-size: 2.5rem; line-height: 3.5rem; } .news-happenings .news-happenings__header__btn { display: block; } .news-happenings .news-happenings__header__btn__wrapper { display: flex; width: 100%; align-items: center; justify-content: space-between; } .news-happenings .news-happenings__slider { display: flex; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 1rem; } .news-happen-slider::-webkit-scrollbar,.news-happenings__slider::-webkit-scrollbar { display: block; } .news-happenings--slider::-webkit-scrollbar { display: none; } .news-happenings .news-happenings__slider__item { min-width: 22.125rem; display: flex; } .news-happenings .news-happenings__slider__image { width: 6.5rem; max-width: 6.5rem; height: 5rem; max-height: 5rem; } } .news-happening-link { text-align: center; margin-top: 24px; } .bef-links-use-ajax.bef-links ul li a { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .bef-links-use-ajax.bef-links ul li a:hover { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .bef-links-use-ajax.bef-links ul li a.bef-link--selected { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .on-campus { position: relative; width: 100%; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 2rem; padding-bottom: 2rem; } div.on-campus { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.on-campus .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.on-campus .title,div.on-campus .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .on-campus .iconic-card__container { justify-content: flex-start; margin: 0; } .on-campus .on-campus__background { height: 40rem; position: absolute; top: 0px; z-index: 0; display: none; width: 100%; -o-object-fit: cover; object-fit: cover; } .on-campus .on-campus__title { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: left; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)) } .on-campus .on-campus__sub_title { padding-bottom: 0.25rem; text-align: left; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .on-campus .on-campus__content .card-image-text .card-image-text__image { height: 216px; width: 100%; } .on-campus .on-campus__content { scroll-behavior: smooth; position: relative; z-index: 10; display: flex; flex-wrap: nowrap; gap: 1rem; overflow-x: auto; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } .on-campus .on-campus__content .card-image-text__title { height: auto; } .on-campus .on-campus__content .card-image-text { max-width: 163.5px; } .on-campus .on-campus__content .card-image-text .card-image-text__desc { font-size: 0.875rem; line-height: 1.25rem; } .on-campus .on-campus-header { padding-bottom: 2.5rem; } .on-campus .iconic-card__card { width: 100%; } .on-campus .card-image-text .card-image-text__label { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .on-campus__wrapper { display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; } .on-campus .card-image-text .card-image-text__label,.on-campus .card-image-text .card-image-text__desc,.on-campus .card-image-text .card-image-text__sub__text { font-size: 0.75rem; line-height: 1rem; } .on-campus .card-image-text .card-image-text__title { font-size: 1.25rem; line-height: 1.75rem; } @media (min-width: 1024px) { .on-campus .on-campus__content .card-image-text .card-image-text__image { width:360px; height: 328px; } } @media (min-width: 768px) { .on-campus { padding-top:3rem; padding-bottom: 3rem; } .on-campus .on-campus__content .card-image-text { max-width: 360px; } .on-campus .on-campus__content .card-image-text .card-image-text__title { font-size: 1.25rem; line-height: 1.75rem; } .on-campus .on-campus__content .card-image-text .card-image-text__desc { padding-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } .on-campus .on-campus__content .card-image-text .card-image-text__sub__text p { font-size: 0.875rem; line-height: 1.25rem; } .on-campus .on-campus__content .card-image-text .card-image-text__image { min-width: 100%; } .on-campus__wrapper { display: flex; flex-direction: column; } .on-campus .on-campus__background { height: 53.75rem; } .on-campus .on-campus__title { text-align: left; font-size: 0.875rem; line-height: 1.25rem; } .on-campus .on-campus__sub_title { text-align: left; font-size: 2.5rem; line-height: 3.5rem; } .on-campus .on-campus__content { display: flex; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; overflow-x: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } @media (min-width: 768px) { .on-campus .on-campus__content { display:grid; } } .on-campus .on-campus__content::-webkit-scrollbar { display: none; } .on-campus .on-campus__content .card-image-text .card-image-text__image { height: 216px; width: 100%; } .card-image-text p { font-size: 0.875rem; line-height: 1.25rem; } } .position__container { padding-left: 1rem; padding-right: 1rem; } .position__container .title { text-align: left; } .position-list__container { display: flex; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 1rem; } .open-position__heading h3 { letter-spacing: 0.24em; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .open-position__heading h3 { font-size:0.875rem; line-height: 1.25rem; } } .open-position__tab .link-list { justify-content: flex-start; } .open-position__tab .link-list div:first-child { padding-left: 0px; } .position-list__container-heading { letter-spacing: 0.24em; border-right-width: 2px; border-style: solid; --tw-border-opacity: 1; border-right-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; } .position-list__container-heading:first-child { padding-left: 0px; } .position-list__container-heading:last-child { border-width: 0px; } .position-list__container-heading .position-list__heading { cursor: pointer; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; } .position-card__container { display: flex; flex: 1 1 0%; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; padding-top: 5rem; padding-bottom: 5rem; } .position-card__container .position-card__card { border: 1px solid; width: 20rem; flex-shrink: 0; border-radius: 0.5rem; --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); padding: 1rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } @media (min-width: 768px) { .position-card__container .position-card__card { padding:1.75rem; } } .position-card__info { padding: 1rem; } .position-card__info .position-card__title { letter-spacing: 0.24em; font-size: 0.625rem; line-height: 0.875rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } .position-card__info .position-card__heading { padding-top: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .position-card__info .position-card__list { padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; } .position-card__list .position-card__list-item { list-style-type: disc; padding-top: 0.5rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .position-card__icon-section { padding-top: 1rem; padding-bottom: 1rem; } .position-card__icon-section .position-card__icon { display: flex; flex-direction: row; gap: 0.5rem; padding-bottom: 1rem; } .position-card__icon-section .position-card__icon:last-child { padding-bottom: 0px; } .position-card__card .position-card__button { padding-right: 1rem; text-align: right; } @media (min-width: 768px) { .position-card__container { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } .position-list__container-heading { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 2rem; padding-right: 2rem; } .position-list__container-heading .position-list__heading { font-size: 0.75rem; line-height: 1rem; } .position-card__container .position-card__card { width: 100%; border-radius: 1rem; padding: 1.5rem; } .position-card__info .position-card__title { font-size: 0.75rem; line-height: 1rem; } .position-card__info .position-card__heading { font-size: 1.5rem; line-height: 2.25rem; } .position-card__info .position-card__list { padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; } .position-card__card .position-card__button { padding-right: 1.5rem; } } .link-list-container { margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; } @media (min-width: 768px) { .link-list-container { margin-left:-24px; margin-right: -24px; padding-left: 24px; padding-right: 24px } } #block-views-block-careers-block-1 .bef-links { padding-bottom: 30px; } #block-views-block-careers-block-1 .bef-links ul { list-style: none; display: flex; flex-wrap: nowrap; overflow-x: scroll; } @media (min-width: 768px) { #block-views-block-careers-block-1 .bef-links ul { flex-wrap:wrap; justify-content: center; overflow-x: auto } } #block-views-block-careers-block-1 .bef-links li { flex: 0 0 auto; } #block-views-block-careers-block-1 .bef-links li a { display: inline-block; padding: 1rem 2rem; border-right: 1px solid rgb(220,227,232); } #block-views-block-careers-block-1 .bef-links li:last-child a { border-right: none; } #block-views-block-careers-block-1 .bef-links li:first-child a { padding-left: 0; } .overflow-image-right { position: relative; } .overflow-image-right .overflow-image-right__content { position: relative; z-index: 10; display: flex; flex: 1 1 0%; flex-direction: column-reverse; justify-content: space-between; padding-left: 2rem; padding-right: 2rem; } .overflow-image-right__content__image { margin-top: -6rem; } .overflow-image-right__label { margin-top: 5rem; margin-bottom: 5rem; } .overflow-image-right__label h6 { letter-spacing: 0.24em; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .overflow-image-right { padding-bottom:8rem; } @media screen and (min-width: 768px) and (max-width:850px) { .overflow-image-right { padding-left:1.5rem; padding-right: 1.5rem; } } .overflow-image-right .overflow-image-right__content { flex-direction: row; padding: 0px; } .overflow-image-right .overflow-image-right__content section { flex: 1 1 0%; } .overflow-image-right__label { margin-top: 5rem; margin-bottom: 5rem; margin-right: 1.75rem; } .overflow-image-right__label h6 { letter-spacing: 0.24em; font-size: 14px; } } .cycle-image { position: relative; } .cycle-image .card-image-text-inside { display: none; } .cycle-image .card-image-text-inside:first-child { display: block; } .overflow-image-right__label { margin-top: 5rem; margin-bottom: 5rem; } .overflow-image-left { position: relative; text-align: center; } .overflow-image-left .overflow-image-left__content { position: relative; z-index: 10; display: flex; flex: 1 1 0%; flex-direction: column-reverse; justify-content: space-between; padding-left: 2rem; padding-right: 2rem; } .overflow-image-left__content__image { z-index: 40; margin-bottom: -5rem; } .overflow-image-left__label { margin-top: 5rem; margin-bottom: 5rem; } @media (min-width: 768px) { .overflow-image-left { padding-bottom:6rem; text-align: left; } .overflow-image-left .overflow-image-left__content { flex-direction: row; align-items: center; justify-content: flex-start; padding-left: 0px; padding-right: 0px; } .overflow-image-left__content__image { min-width: 27.625rem; max-width: 27.625rem; margin-bottom: -1.25rem; } .overflow-image-left__label { padding-left: 8.563rem; max-width: 37.5rem; margin-top: 0px; margin-bottom: 0px; } } .overflow-image-right { position: relative; } .overflow-image-right .overflow-image-right__content { position: relative; z-index: 10; display: flex; flex: 1 1 0%; flex-direction: column-reverse; justify-content: space-between; padding-left: 2rem; padding-right: 2rem; } .overflow-image-right__content__image { margin-top: -6rem; } .overflow-image-right__label { margin-top: 5rem; margin-bottom: 5rem; } .overflow-image-right__label h6 { letter-spacing: 0.24em; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .overflow-image-right { padding-bottom:8rem; } @media screen and (min-width: 768px) and (max-width:850px) { .overflow-image-right { padding-left:1.5rem; padding-right: 1.5rem; } } .overflow-image-right .overflow-image-right__content { flex-direction: row; padding: 0px; } .overflow-image-right .overflow-image-right__content section { flex: 1 1 0%; } .overflow-image-right__label { margin-top: 5rem; margin-bottom: 5rem; margin-right: 1.75rem; } .overflow-image-right__label h6 { letter-spacing: 0.24em; font-size: 14px; } } .information-forms { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 5rem; padding-bottom: 5rem; } div.information-forms { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.information-forms .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.information-forms .title,div.information-forms .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .information-forms .information-forms__personal__content h2 { margin-bottom: 2.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .information-forms .information-forms__personal__content .information-forms__personal__content__top { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; } .information-forms .information-forms__personal__content .information-forms__personal__content__top :nth-child(2),.information-forms .information-forms__personal__content .information-forms__personal__content__top :nth-child(4) { grid-column: span 2 / span 2; } .information-forms .information-forms__personal__content .information-forms__personal__content__top :nth-child(5),.information-forms .information-forms__personal__content .information-forms__personal__content__top :nth-child(6),.information-forms .information-forms__personal__content .information-forms__personal__content__top :nth-child(7) { grid-column: 1 / -1; } .information-forms .information-forms__personal__content .information-forms__personal__content__bottom { margin-top: 1.5rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; } .information-forms .information-forms__study__content { margin-top: 15rem; } .information-forms .information-forms__study__content h2 { margin-bottom: 2.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .information-forms .information-forms__study__content .information-forms__study__content__top { display: grid; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 1.5rem; } .information-forms .information-forms__study__content .information-forms__study__content__bottom { margin-top: 1.5rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; } .information-forms .information-forms__study__content .information-forms__study__content__bottom :nth-child(2) { grid-column: span 2 / span 2; } @media (min-width: 768px) { .information-forms { padding-top:7.5rem; padding-bottom: 7.5rem; } } .information-forms__input-layout { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; } @media (min-width: 768px) { .information-forms__input-layout.information-forms__input-layout__1-3 { grid-template-columns:1fr 2fr; } .information-forms__input-layout .information-forms__input-layout__1-2 { grid-template-columns: 1fr 1fr; } .information-forms__input-layout .information-forms__input-layout__1 { grid-template-columns: 1fr; } } .regional-network { position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 10rem; padding-bottom: 5rem; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.regional-network { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.regional-network .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.regional-network .title,div.regional-network .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .regional-network .regional-network__content { display: grid; } .regional-network__content__image { margin-bottom: 2.5rem; overflow: hidden; } @media (min-width: 768px) { .regional-network { padding-top:7.5rem; padding-bottom: 7.5rem; } .regional-network .regional-network__content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); } .regional-network__content__image { width: 42.25rem; } .regional-network__content__details { grid-column: span 2 / span 2; } .regional-network__content__list { margin-right: 1.75rem; } } .courses__container { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 28.938rem; } .courses__head { padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; } .courses__input { width: 100%; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .courses__container { margin-left:5rem; align-items: flex-start; min-height: 26rem; } .courses__head { padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 2.5rem; line-height: 3.5rem; font-weight: 700; } } .search-result__link-list { margin-left: auto; margin-right: auto; display: flex; width: 100%; overflow-x: scroll; } @media (min-width: 768px) { .search-result__link-list { width:-moz-fit-content; width: fit-content; overflow-x: hidden; } } .search-result__link-list > div { overflow-x: scroll; } @media (min-width: 768px) { .search-result__link-list > div { overflow-x:hidden; } } .facets-widget-checkbox { padding-top: 27px; } .facets-checkbox { -webkit-appearance: none; background-color: transparent; border: 1px solid #9FB1BD; height: 16px; width: 16px; border-radius: 16px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; } .facets-checkbox:checked:after { content: ''; position: absolute; display: inline-block; transform: rotate(45deg); height: 11px; width: 5px; margin-left: 0; top: 0px; left: 4px; border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } .facets-checkbox:checked { background-color: #2667FF; color: #FFFFFF; border: 1px solid transparent; } .facets-checkbox:active,.facets-checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1); } .facet-item { margin-top: 20px; position: relative; padding-left: 25px; } .facet-item:first-child { margin-top: 0; } .facet-item label { text-transform: capitalize; } .facet-item input { position: absolute; top: 5px; left: 2px; } .footer { width: auto; } .header { margin-bottom: 4em; } .header__inner { display: flex; flex-flow: column nowrap; } .header__primary { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: $space 0; } .header__branding { margin-right: $space; max-width: 300px; } .slider .slider__title { padding-bottom: 1rem; text-align: center; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .slider .slider__subtitle { padding-bottom: 4rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .slider .slider__content { padding-bottom: 2.5rem; } .slider { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); padding-top: 5rem; padding-bottom: 5rem; } div.slider { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.slider .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.slider .title,div.slider .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .slider__wrapper { margin-left: 2rem; margin-right: 2rem; display: flex; } .slider__arrow { flex: 35px 0 0; display: none; align-items: center; justify-content: center; } @media (min-width: 640px) { .slider__arrow { display:flex } } .slider__content { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 44px; padding-left: 22px; padding-right: 22px; overflow-x: auto; } @media screen and (min-width: 640px) { .slider__content { overflow-x:hidden } } .slider__item { flex: 160px 0 0; height: 100%; } .slider__item img { height: 80px; width: auto; } .spotlight { --tw-bg-opacity: 1; background-color: rgb(14 23 31 / var(--tw-bg-opacity)); padding-top: 3rem; padding-bottom: 3rem; } div.spotlight { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.spotlight .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.spotlight .title,div.spotlight .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.spotlight .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.spotlight .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.spotlight .gallery-txt__content h1,.gallery-txt-wrapper.spotlight .gallery-txt__content h2,.gallery-txt-wrapper.spotlight .gallery-txt__content h3,.gallery-txt-wrapper.spotlight .gallery-txt__content h4,.gallery-txt-wrapper.spotlight .gallery-txt__content h5,.gallery-txt-wrapper.spotlight .gallery-txt__content h6,.gallery-txt-wrapper.spotlight .gallery-txt__content p,.gallery-txt-wrapper.spotlight .gallery-txt__content ul,.gallery-txt-wrapper.spotlight .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.spotlight .content-block__header .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.spotlight .content-block__header .title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.spotlight .content-block__main ul,.paragraph--type--text-block.spotlight .content-block__main ol,.paragraph--type--text-block.spotlight .content-block__main p,.paragraph--type--text-block.spotlight .content-block__main h1,.paragraph--type--text-block.spotlight .content-block__main h2,.paragraph--type--text-block.spotlight .content-block__main h3,.paragraph--type--text-block.spotlight .content-block__main h4,.paragraph--type--text-block.spotlight .content-block__main h5,.paragraph--type--text-block.spotlight .content-block__main h6 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .spotlight__video-gallery-wrapper { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } @media (min-width: 768px) { .spotlight__video-gallery-wrapper { margin-top:3rem; } } .spotlight .spotlight__header { text-align: center; } .spotlight .spotlight__header h4 { letter-spacing: .24em; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } .spotlight .spotlight__header h1 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .spotlight .spotlight__btn__md { display: none; } .spotlight .spotlight__btn { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; border-radius: 9999px; padding: 12px 20px 12px 24px; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: capitalize; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 3rem; display: flex; align-items: center; justify-content: center; } .spotlight .spotlight__btn svg { margin-left: 0.5rem; } .spotlight .spotlight__video__wrapper { grid-template-columns: 43vw 43vw; display: grid; gap: 1.25rem; overflow: hidden; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .spotlight .spotlight__video__item { min-width: 170px !important; width: 100%; } .spotlight .spotlight__video__item iframe { width: 43vw; aspect-ratio: 16 / 9; border-radius: 0.75rem; } @media (min-width: 768px) { .spotlight .spotlight__btn__md { display:block; } .spotlight .spotlight__btn { display: none; } .spotlight { padding-left: 1.5rem; padding-right: 1.5rem; } .spotlight__video-gallery-wrapper { margin-top: 2.5rem; display: flex; gap: 1rem; } @media (min-width: 768px) { .spotlight__video-gallery-wrapper { margin-top:3rem; } } .spotlight .spotlight__header { text-align: left; } .spotlight .spotlight__header__btn__wrapper { display: flex; width: 100%; align-items: center; justify-content: space-between; } .spotlight .spotlight__header h4 { font-size: 0.875rem; line-height: 1.25rem; } .spotlight .spotlight__header h1 { font-size: 2.5rem; line-height: 3.5rem; } .spotlight .spotlight__video__wrapper { display: flex; gap: 2.5rem; overflow: hidden; padding-left: 0px; padding-right: 0px; } .spotlight .spotlight__video__item iframe { width: 21.5rem; aspect-ratio: 16 / 9; } .spotlight .spotlight__slider { display: flex; gap: 2rem; overflow-x: scroll; padding-left: 1rem; padding-right: 1rem; padding-top: 3.5rem; padding-bottom: 3.5rem; } .spotlight .spotlight__slider__item { min-width: 22.125rem; display: flex; } .spotlight .spotlight__slider__image { width: 6.5rem; height: 5rem; } .spotlight.pre-knw-m { margin-bottom: 0rem; } } .strategic-partnerships { padding: 7.5rem 0; } .strategic-partnerships__content { display: flex; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.strategic-partnerships__content { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.strategic-partnerships__content .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.strategic-partnerships__content .title,div.strategic-partnerships__content .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .strategic-partnerships__content__image { margin-bottom: 2.5rem; overflow: hidden; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } div.strategic-partnerships__content__image { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.strategic-partnerships__content__image .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.strategic-partnerships__content__image .title,div.strategic-partnerships__content__image .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .strategic-partnerships__content__list__container { padding-bottom: 2rem; } .strategic-partnerships__content__list__wrapper { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item { margin-top: 0.5rem; margin-bottom: 0.5rem; width: -moz-fit-content; width: fit-content; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(220 227 232 / var(--tw-border-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item:first-child { padding-left: 0px; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item:last-child { border-right-width: 0px; padding-right: 0px; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item p { font-weight: 700; white-space: nowrap; font-size: 0.625rem; line-height: 0.875rem; letter-spacing: 0.1em; } @media (min-width: 768px) { .strategic-partnerships { padding-left:0px; padding-right: 0px; } .strategic-partnerships__content { flex-direction: row; justify-content: space-between; -moz-column-gap: 5rem; column-gap: 5rem; } .strategic-partnerships__content__image { } .strategic-partnerships__content__details { flex-grow: 1; } .strategic-partnerships__content__list { flex-shrink: 0; flex-grow: 0; flex-basis: 33.333333%; } .strategic-partnerships__content__list__wrapper { flex-direction: column; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item { margin-top: 0px; margin-bottom: 0px; width: 100%; cursor: pointer; border-right-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgb(220 227 232 / var(--tw-border-opacity)); } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item:last-child { border-bottom-width: 0px; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item p { display: inline-block; width: 100%; align-items: center; justify-content: space-between; white-space: normal; font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .strategic-partnerships__content__list__wrapper .strategic-partnerships-list-item p::after { content: ''; float: right; width: 15px; height: 15px; margin-top: 5px; background: url('/themes/custom/apu/images/icons/01-small/right-chevron.svg') no-repeat; } .strategic-partnerships__content__image img { padding: 0px !important; } } .study-area { padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 768px) { .study-area { padding-left:0px; padding-right: 0px } } .study-area__container { position: relative; z-index: 10; display: flex; flex-direction: column; justify-content: center; } .study-area__container .study-area__content { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; padding-top: 1rem; padding-bottom: 1rem; } .study-area__main { scroll-behavior: smooth; display: flex; flex-wrap: nowrap; gap: 1.25rem; overflow-x: auto; padding-top: 1rem; padding-bottom: 3rem; padding-left: 1rem; } .study-area__head { margin-bottom: 2.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .study-area__head h2 { text-align: center; font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .study-area__head h3 { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .study-area__main .study-area__item { min-width: 54%; position: relative; border-radius: 1rem; background-color: black; } .study-area__main .study-area__item a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(180deg,rgba(0,0,0,0.24) 0%,#000000 100%); border-radius: 1rem; } .study-area__main .study-area__item img { border-radius: 1rem; -o-object-fit: contain; object-fit: contain; opacity: 0.8; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .study-area__main .study-area__item__label { position: absolute; bottom: 1.25rem; left: 1rem; z-index: 10; opacity: 1; } .study-area__main .study-area__item__label h3 { letter-spacing: 0.24em; font-size: 0.625rem; line-height: 0.875rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .study-area__main .study-area__item__label h2 { font-size: 1rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 768px) { .study-area { padding-left:0px; padding-right: 0px; } .study-area__main { display: grid; gap: 1.5rem; grid-template-columns: repeat(4,2fr); padding-bottom: 0; padding-left: 0; } .study-area__head { margin-bottom: 2.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .study-area__head h2 { text-align: left; font-size: 2.5rem; line-height: 3.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .study-area__head h3 { letter-spacing: 0.24em; padding-bottom: 0.5rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .study-area__main .study-area__item { min-width: 54%; position: relative; } .study-area__main .study-area__item:hover img { opacity: 1; transition: all .3s linear; } .study-area__main .study-area__item img { border-radius: 1rem; -o-object-fit: contain; object-fit: contain; opacity: 0.7; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); transition: all .3s linear; } .study-area__main .study-area__item__label { width: 70%; position: absolute; bottom: 1.25rem; left: 1rem; opacity: 1; } .study-area__main .study-area__item__label h3 { letter-spacing: 0.24em; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .study-area__main .study-area__item__label h2 { min-height: 3.625rem; font-size: 1.5rem; line-height: 2.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .study-area__title { font-size: 2rem; line-height: 3rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } } .sustainability { padding: 7.5rem 0; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); text-transform: capitalize; --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.sustainability { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.sustainability .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.sustainability .title,div.sustainability .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .sustainability .sustainability__content { display: grid; } .sustainability__content__details a { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media (min-width: 768px) { .sustainability .sustainability__content { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); } .sustainability__content__details { grid-column: span 2 / span 2; } .sustainability__content__list { margin-right: 1.75rem; } } .grid-three-col { display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 3rem; } .grid-three-col ul { margin-left: 1.25rem; list-style-position: outside; list-style-type: disc; } .grid-three-col ul li { padding-left: 0.5rem; } @media (min-width: 768px) { .grid-three-col { grid-template-columns:repeat(3,minmax(0,1fr)); } } .layout-container { position: relative; min-width: 100%; transition: all .3s linear; } .main-content { width: 100%; } .node--people { padding-top: 11rem; } @media (min-width: 768px) { .node--people { padding-top:9rem; } } :-ms-input-placeholder { color: var(--color--gray-60); } ::placeholder { color: var(--color--gray-60); } .form-item { margin-block:var(--sp1);} .form-item__label--multiple-value-form { margin-block: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } tr .form-item,.container-inline .form-item { margin-block:var(--sp0-5);} .form-item__label { display: block; margin-block:var(--sp0-5);} .container-inline .form-item__label { margin-inline-end: 1em; } .form-item__label--multiple-value-form { margin-block:0;font-size: inherit; font-weight: inherit; line-height: inherit; } .form-item__label[for] { cursor: pointer; } .form-item__label.option { display: inline; font-weight: normal; } .form-item__label.is-disabled { cursor: default; color: var(--color--gray-70); } .form-item__label.form-required::after,.fieldset__label.form-required::after,.required-mark::after { display: inline-block; width: 0.5rem; height: 0.5rem; margin-inline:0.3em;content: ''; vertical-align: text-top; background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 0.5rem 0.5rem; } @media screen and (-ms-high-contrast:active) { .form-item__label.form-required::after,.fieldset__label.form-required::after,.required-mark::after { background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23ffffff'/%3E%3C/svg%3E%0A"); } } .form-item__description { margin-block:var(--sp0-5);font-size: var(--font-size-s); line-height: var(--line-height-s); } .field-multiple-table + .form-item__description { margin-block-start:0;} .form-item--error-message { margin-block:var(--sp0-5);padding-inline-start: var(--sp1-5); color: var(--color--red); background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E33F1E' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left top; background-size: var(--sp1) var(--sp1); font-size: var(--font-size-s); line-height: var(--line-height-s); } @media screen and (-ms-high-contrast:active) { .form-item--error-message { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M9 0C4.03125 0 0 4.03125 0 9C0 13.9688 4.03125 18 9 18C13.9687 18 18 13.9688 18 9C18 4.03125 13.9687 0 9 0ZM10.5 14.6133C10.5 14.8242 10.3359 15 10.1367 15H7.88672C7.67578 15 7.5 14.8242 7.5 14.6133V12.3867C7.5 12.1758 7.67578 12 7.88672 12H10.1367C10.3359 12 10.5 12.1758 10.5 12.3867V14.6133ZM10.4766 10.582C10.4648 10.7461 10.2891 10.875 10.0781 10.875H7.91016C7.6875 10.875 7.51172 10.7461 7.51172 10.582L7.3125 3.30469C7.3125 3.22266 7.34766 3.14063 7.42969 3.09375C7.5 3.03516 7.60547 3 7.71094 3H10.2891C10.3945 3 10.5 3.03516 10.5703 3.09375C10.6523 3.14063 10.6875 3.22266 10.6875 3.30469L10.4766 10.582Z'/%3E%3C/svg%3E"); } } [dir='rtl'] .form-item--error-message { background-position: right top; } .form-actions { display: flex; flex-wrap: wrap; align-items: flex-start; margin-block:var(--sp0-5);} .form-actions .button,.form-actions .action-link { margin-block: var(--sp0-5); } .form-actions .ajax-progress--throbber { align-self: center; } .form-item--editor-format { display: flex; flex-wrap: wrap; align-items: center; max-width: 100%; } .form-item--editor-format .form-item__label,.form-item--editor-format .form-item__prefix,.form-item--editor-format .form-item__suffix,.form-item--editor-format .form-element--editor-format { min-width: 1px; } .form-item--editor-format .form-item__label,.form-item--editor-format .form-item__prefix,.form-item--editor-format .form-item__suffix { margin-inline-end:var(--sp0-5);} .form-item--editor-format .form-item__description,.form-item--editor-format .form-item--error-message { flex: 0 1 100%; min-width: 1px; } .form--inline > * { display: inline-block; margin-top: var(--sp0-5); margin-bottom: 0; vertical-align: top; } .form--inline .form-item__label { margin: 0; } .form--inline .form-actions { margin-top: var(--sp1-5); } .webform-submission-form .form-item { margin-bottom: 16px; } .webform-submission-form .form-item__label,.webform-submission-form fieldset > label { display: block; color: #1c2b36; font-size: 12px; font-weight: 700; margin-bottom: 8px; margin-left: 8px; } .webform-submission-form .form-item__label.option,.webform-submission-form fieldset > label.option { display: inline; font-weight: normal; } .webform-submission-form input.form-text,.webform-submission-form input.form-email,.webform-submission-form input.form-tel,.webform-submission-form input.form-date { background-color: #fff; padding: 24px; font-size: 16px; line-height: 16px; border: 0; border-radius: 40px; border: 1px solid transparent; width: 100%; } .webform-submission-form input.form-date { padding: 0 24px; height: 48px; background-color: #fff!important; } .webform-submission-form input.form-date:focus { outline: 0!important; } .webform-submission-form .js-form-item-date-of-birth { max-width: 350px; } .webform-submission-form .js-form-item-date-of-birth label { margin-top: 0; } .webform-submission-form input[type="checkbox"],.webform-submission-form input[type="radio"] { display: inline-block; vertical-align: middle; } .webform-submission-form select { background-color: #fff; height: 48px; -webkit-appearance: none; appearance: none; border: 1px solid transparent; border-radius: 40px !important; width: 100%; padding: 0 24px; background-image: url(/themes/custom/apu/images/icons/01-small/down-chevron.svg); background-repeat: no-repeat; background-position: right 24px center; } .webform-submission-form fieldset.webform-type-radios > .form-item--radio { padding: 0 24px; background-color: #fff; border-radius: 40px; min-height: 48px; } .webform-submission-form fieldset.webform-type-radios > .form-item--radio .form-item { display: flex; align-items: center; } .webform-submission-form fieldset.webform-type-radios > .form-item--radio .form-item__textfield { min-height: 48px; } .webform-submission-form fieldset.webform-type-radios > .form-item--radio label { margin-top: 0; margin-bottom: 0; } .webform-submission-form fieldset.webform-radios-other > .form-item--radio { padding: 0 24px; background-color: #fff; border-radius: 40px; min-height: 48px; margin-bottom: 15px; } .webform-submission-form fieldset.webform-radios-other > .form-item--radio .form-item { padding-top: 8px; margin-bottom: 0; } .webform-submission-form fieldset.webform-radios-other > .form-item--radio label { margin-bottom: 0; margin-top: 0; } .webform-submission-form strong.error.form-item--error-message { display: block; } .webform-submission-form .form-managed-file { background-color: #fff; padding: 12px 24px; font-size: 14px; border: 0; border-radius: 40px; border: 1px solid transparent; width: 100%; } .webform-submission-form .webform-element-description { display: block; color: #1c2b36; font-size: 12px; margin-top: 8px; margin-bottom: 8px; margin-left: 8px; } .webform-submission-form input.form-submit { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; height: 3rem; cursor: pointer; border-radius: 9999px; } .webform-submission-form .form-item--error-message { margin: 8px; font-size: 14px; padding-left: 25px; } .webform-submission-form h3 { font-size: 24px; font-weight: 700; line-height: 36px; color: #1c2b36; margin-bottom: 40px; margin-top: 40px; } .webform-submission-form textarea { display: block; width: 100%; min-height: 10rem; padding: 20px; border-radius: 20px; resize: none; -ms-overflow-style: none; scrollbar-width: none; } .webform-submission-form textarea::-webkit-scrollbar { display: none; } .webform-submission-form ::-webkit-scrollbar-thumb { border-radius: 60px; display: none; } .webform-submission-form input.form-item__textfield:focus,.webform-submission-form textarea:focus { outline-style: solid; outline-width: thin; } .webform-submission-form input.form-radio.form-item__textfield:focus { outline-style: none; } .webform-submission-form .select2-container .select2-selection--single { height: 48px; } .webform-submission-form .select2-container .select2-selection--multiple { min-height: 48px; } .webform-submission-form .select2-container--default .select2-selection--single,.webform-submission-form .select2-container--default .select2-selection--multiple { border: 1px solid transparent; border-radius: 40px; } .webform-submission-form .select2-container--default .select2-selection--single .select2-selection__arrow,.webform-submission-form .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 46px; right: 24px; } .webform-submission-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; } .webform-submission-form .select2-container--default .select2-selection--multiple .select2-selection__rendered { line-height: 32px; } .webform-submission-form .select2-container .select2-selection--single .select2-selection__rendered,.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered { padding-left: 24px; } .webform-submission-form .select2-container--default .select2-selection--single .select2-selection__arrow,.webform-submission-form .select2-container--default .select2-selection--multiple .select2-selection__arrow { background-image: url(/themes/custom/apu/images/icons/01-small/down-chevron.svg); background-repeat: no-repeat; background-position: right center; } .webform-submission-form .select2-container--default .select2-selection--single .select2-selection__arrow b,.webform-submission-form .select2-container--default .select2-selection--multiple .select2-selection__arrow b { display: none; } .path-webform .page--webform--main-content { background-color: rgb(242,245,247); padding: 40px 0; } .select2-dropdown { border: 1px solid transparent; border-radius: 40px; } .select2-container .select2-selection--single .select2-selection__clear { right: 25px; top: -3px; } @use '../../00-base/01-colors/colors-vars';$color-place-holder:$gray-light;.place-holder { color: $color-place-holder; border: 4px dashed $color-place-holder; padding: 3.125rem; } .place-holder__content { font-size: 3.2rem; line-height: 1.4; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } *,::before,::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } ::before,::after { --tw-content: ''; } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b,strong { font-weight: bolder; } code,kbd,samp,pre { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-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; } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0; } button,select { text-transform: none; } button,[type='button'],[type='reset'],[type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol,ul,menu { list-style: none; margin: 0; padding: 0; } textarea { resize: vertical; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { opacity: 1; color: #9ca3af; } input::placeholder,textarea::placeholder { opacity: 1; color: #9ca3af; } button,[role="button"] { cursor: pointer; } :disabled { cursor: default; } img,svg,video,canvas,audio,iframe,embed,object { display: block; vertical-align: middle; } img,video { max-width: 100%; height: auto; } [hidden] { display: none; } *,::before,::after { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width:640px; } } @media (min-width: 768px) { .container { max-width:768px; } } @media (min-width: 1024px) { .container { max-width:1024px; } } @media (min-width: 1280px) { .container { max-width:1280px; } } @media (min-width: 1536px) { .container { max-width:1536px; } } .compare-wrapper { width: 100vw; position: relative; overflow-x: scroll; } .tbl-compare { display: flex; width: 100%; flex-direction: column; padding: 15px; min-width: 950px; } .tbl-compare__row { display: flex; align-items: center; padding: 0 8px 80px; } @media (min-width: 768px) { .tbl-compare__row { padding:80px 8px } } .tbl-compare__row { border-top: 1px solid #dce3e8; flex-wrap: wrap; } @media (min-width: 768px) { .tbl-compare__row { flex-wrap:nowrap } .tbl-compare__row > div { flex: 1 1 100% } } .tbl-compare__row__course .tbl-compare__col { position: relative; } .tbl-compare__row .tbl-compare__heading { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; flex: 1 0 100%; margin: 30px 0 20px 0; } @media (min-width: 768px) { .tbl-compare__row .tbl-compare__heading { margin:0; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 200px !important } } .tbl-compare__row .tbl-compare__heading span { position: sticky; left: 20px; } @media (min-width: 768px) { .tbl-compare__row .tbl-compare__heading span { position:static } } .tbl-compare__row .tbl-compare__col { flex: 0 0 33%; } @media (min-width: 768px) { .tbl-compare__row .tbl-compare__col { flex:1 1 100% } } .tbl-compare__remove-link { width: 100%; text-align: center; position: absolute; bottom: -40px; display: none; cursor: pointer; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .tbl-compare__col { display: flex; height: 100%; flex-direction: column; justify-content: space-between; text-align: center; } .tbl-compare__col div + div { margin-top: 1rem; } .tbl-compare__col.empty > div { display: none !important; } .tbl-compare__value { font-size: 1rem; line-height: 1.5rem; font-weight: 700; } .tbl-compare__value + .tbl-compare__value { margin-top: 1.5rem; } .tbl-compare__description { font-size: 0.875rem; line-height: 1.25rem; } .tbl-compare__link { font-size: 1rem; line-height: 1.5rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .tbl-compare__link__arrow { margin-left: 0.5rem; display: inline-block; background-size: contain; width: 28px; height: 28px; margin-left: 8px; background-image: url(/themes/custom/apu/images/icons/01-small/right-arrow.svg); } .tbl-compare__link a { display: flex; align-items: center; justify-content: center; } .tbl-compare .tbl-compare__row__fees .tbl-compare__value { margin-top: 0.5rem; } .tbl-compare .tbl-compare__row__fees .tbl-compare__label { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); letter-spacing: 0.24em; } .tbl-compare .tbl-compare__row__fees .tbl-compare__fees-malaysia,.tbl-compare .tbl-compare__row__fees .tbl-compare__fees-int { margin-bottom: 40px; } .tbl-compare .tbl-compare__row__fees .tbl-compare__fees-links { margin-left: auto; margin-right: auto; display: flex; width: 100%; flex-direction: column; gap: 1rem; max-width: 150px; } @media (min-width: 768px) { .tbl-compare .tbl-compare__row__fees .tbl-compare__heading { padding-bottom:150px } } .fee-calculator-wrapper { background-color: #F2F5F7; } .fee-calculator-wrapper .dropdown-wrapper { margin-bottom: 24px; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-right-96 { right: -24rem; } .top-0 { top: 0px; } .top-6 { top: 1.5rem; } .right-6 { right: 1.5rem; } .col-span-3 { grid-column: span 3 / span 3; } .m-4 { margin: 1rem; } .m-10 { margin: 2.5rem; } .m-auto { margin: auto; } .mx-auto { margin-left: auto; margin-right: auto; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .mt-4 { margin-top: 1rem; } .mb-1 { margin-bottom: 0.25rem; } .mt-1 { margin-top: 0.25rem; } .mr-4 { margin-right: 1rem; } .mb-2 { margin-bottom: 0.5rem; } .mt-5 { margin-top: 1.25rem; } .mb-4 { margin-bottom: 1rem; } .mr-1 { margin-right: 0.25rem; } .mt-6 { margin-top: 1.5rem; } .\!mb-2 { margin-bottom: 0.5rem !important; } .ml-4 { margin-left: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mr-3 { margin-right: 0.75rem; } .mt-8 { margin-top: 2rem; } .mb-12 { margin-bottom: 3rem; } .mt-3 { margin-top: 0.75rem; } .mr-2 { margin-right: 0.5rem; } .mb-8 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 0.75rem; } .mr-8 { margin-right: 2rem; } .mb-11 { margin-bottom: 2.75rem; } .mt-9 { margin-top: 2.25rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mb-5 { margin-bottom: 1.25rem; } .ml-1 { margin-left: 0.25rem; } .\!mb-0 { margin-bottom: 0px !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .list-item { display: list-item; } .hidden { display: none; } .aspect-video { aspect-ratio: 16 / 9; } .h-3 { height: 0.75rem; } .h-8 { height: 2rem; } .h-\[6rem\] { height: 6rem; } .h-full { height: 100%; } .h-60 { height: 15rem; } .h-5 { height: 1.25rem; } .h-20 { height: 5rem; } .h-14 { height: 3.5rem; } .max-h-\[100vh\] { max-height: 100vh; } .w-full { width: 100%; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-3 { width: 0.75rem; } .w-60 { width: 15rem; } .w-8 { width: 2rem; } .w-11\/12 { width: 91.666667%; } .w-\[45vw\] { width: 45vw; } .w-1\/3 { width: 33.333333%; } .w-\[6rem\] { width: 6rem; } .w-4\/5 { width: 80%; } .w-\[61\.875rem\] { width: 61.875rem; } .w-9\/12 { width: 75%; } .w-80 { width: 20rem; } .w-auto { width: auto; } .w-5 { width: 1.25rem; } .w-20 { width: 5rem; } .w-14 { width: 3.5rem; } .min-w-0 { min-width: 0px; } .max-w-xs { max-width: 20rem; } .max-w-\[56\.813rem\] { max-width: 56.813rem; } .max-w-max { max-width: max-content; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .resize { resize: both; } .list-outside { list-style-position: outside; } .list-disc { list-style-type: disc; } .list-decimal { list-style-type: decimal; } .grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)); } .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-4 { gap: 1rem; } .gap-12 { gap: 3rem; } .gap-8 { gap: 2rem; } .gap-10 { gap: 2.5rem; } .gap-5 { gap: 1.25rem; } .self-center { align-self: center; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .break-all { word-break: break-all; } .rounded-lg { border-radius: 0.5rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-2xl { border-radius: 1rem; } .rounded-full { border-radius: 9999px; } .border { border-width: 1px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-l-4 { border-left-width: 4px; } .border-b { border-bottom-width: 1px; } .border-neutral-20 { --tw-border-opacity: 1; border-color: rgb(242 245 247 / var(--tw-border-opacity)); } .border-\[\#2667ff\] { --tw-border-opacity: 1; border-color: rgb(38 103 255 / var(--tw-border-opacity)); } .border-b-neutral-30 { --tw-border-opacity: 1; border-bottom-color: rgb(220 227 232 / var(--tw-border-opacity)); } .border-r-neutral-30 { --tw-border-opacity: 1; border-right-color: rgb(220 227 232 / var(--tw-border-opacity)); } .bg-blue-inn-10 { --tw-bg-opacity: 1; background-color: rgb(212 225 255 / var(--tw-bg-opacity)); } .bg-blue-inn-20 { --tw-bg-opacity: 1; background-color: rgb(168 194 255 / var(--tw-bg-opacity)); } .bg-blue-inn-30 { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); } .bg-blue-inn-40 { --tw-bg-opacity: 1; background-color: rgb(30 82 204 / var(--tw-bg-opacity)); } .bg-blue-inn-50 { --tw-bg-opacity: 1; background-color: rgb(19 52 128 / var(--tw-bg-opacity)); } .bg-blue-inn-60 { --tw-bg-opacity: 1; background-color: rgb(6 15 56 / var(--tw-bg-opacity)); } .bg-green-fut-10 { --tw-bg-opacity: 1; background-color: rgb(209 236 230 / var(--tw-bg-opacity)); } .bg-green-fut-20 { --tw-bg-opacity: 1; background-color: rgb(141 207 194 / var(--tw-bg-opacity)); } .bg-green-fut-30 { --tw-bg-opacity: 1; background-color: rgb(27 159 132 / var(--tw-bg-opacity)); } .bg-green-fut-40 { --tw-bg-opacity: 1; background-color: rgb(22 127 106 / var(--tw-bg-opacity)); } .bg-green-fut-50 { --tw-bg-opacity: 1; background-color: rgb(14 80 66 / var(--tw-bg-opacity)); } .bg-purple-div-10 { --tw-bg-opacity: 1; background-color: rgb(232 206 250 / var(--tw-bg-opacity)); } .bg-purple-div-20 { --tw-bg-opacity: 1; background-color: rgb(198 133 242 / var(--tw-bg-opacity)); } .bg-purple-div-30 { --tw-bg-opacity: 1; background-color: rgb(141 11 228 / var(--tw-bg-opacity)); } .bg-purple-div-40 { --tw-bg-opacity: 1; background-color: rgb(113 9 182 / var(--tw-bg-opacity)); } .bg-purple-div-50 { --tw-bg-opacity: 1; background-color: rgb(71 6 114 / var(--tw-bg-opacity)); } .bg-yellow-glo-10 { --tw-bg-opacity: 1; background-color: rgb(255 249 219 / var(--tw-bg-opacity)); } .bg-yellow-glo-20 { --tw-bg-opacity: 1; background-color: rgb(255 237 148 / var(--tw-bg-opacity)); } .bg-yellow-glo-30 { --tw-bg-opacity: 1; background-color: rgb(255 225 76 / var(--tw-bg-opacity)); } .bg-yellow-glo-40 { --tw-bg-opacity: 1; background-color: rgb(255 212 0 / var(--tw-bg-opacity)); } .bg-yellow-glo-50 { --tw-bg-opacity: 1; background-color: rgb(226 190 13 / var(--tw-bg-opacity)); } .bg-neutral-10 { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-neutral-20 { --tw-bg-opacity: 1; background-color: rgb(242 245 247 / var(--tw-bg-opacity)); } .bg-neutral-30 { --tw-bg-opacity: 1; background-color: rgb(220 227 232 / var(--tw-bg-opacity)); } .bg-neutral-40 { --tw-bg-opacity: 1; background-color: rgb(159 177 189 / var(--tw-bg-opacity)); } .bg-neutral-50 { --tw-bg-opacity: 1; background-color: rgb(91 114 130 / var(--tw-bg-opacity)); } .bg-neutral-60 { --tw-bg-opacity: 1; background-color: rgb(62 84 99 / var(--tw-bg-opacity)); } .bg-neutral-70 { --tw-bg-opacity: 1; background-color: rgb(42 63 77 / var(--tw-bg-opacity)); } .bg-neutral-80 { --tw-bg-opacity: 1; background-color: rgb(28 43 54 / var(--tw-bg-opacity)); } .bg-neutral-90 { --tw-bg-opacity: 1; background-color: rgb(14 23 31 / var(--tw-bg-opacity)); } .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right,var(--tw-gradient-stops)); } .from-blue-inn-60 { --tw-gradient-from: #060F38; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgb(6 15 56 / 0)); } .to-blue-inn-50 { --tw-gradient-to: #133480; } .fill-neutral-40 { fill: #9FB1BD; } .fill-blue-inn-30 { fill: #2667FF; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .\!p-0 { padding: 0px !important; } .p-3 { padding: 0.75rem; } .py-40 { padding-top: 10rem; padding-bottom: 10rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .pt-24 { padding-top: 6rem; } .pr-6 { padding-right: 1.5rem; } .pr-2 { padding-right: 0.5rem; } .pt-20 { padding-top: 5rem; } .pt-2 { padding-top: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .pt-4 { padding-top: 1rem; } .pb-24 { padding-bottom: 6rem; } .pb-8 { padding-bottom: 2rem; } .pt-1 { padding-top: 0.25rem; } .pl-5 { padding-left: 1.25rem; } .pt-12 { padding-top: 3rem; } .pb-20 { padding-bottom: 5rem; } .pb-32 { padding-bottom: 8rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-12 { padding-bottom: 3rem; } .pt-10 { padding-top: 2.5rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-11 { padding-bottom: 2.75rem; } .pb-16 { padding-bottom: 4rem; } .pb-14 { padding-bottom: 3.5rem; } .pl-7 { padding-left: 1.75rem; } .pt-40 { padding-top: 10rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pt-72 { padding-top: 18rem; } .text-left { text-align: left; } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .text-heading-1 { font-size: 2.5rem; line-height: 3.5rem; } .text-label-1 { font-size: 0.875rem; line-height: 1.25rem; } .text-heading-5 { font-size: 1rem; line-height: 1.5rem; } .text-body-3 { font-size: 0.75rem; line-height: 1rem; } .text-heading-3 { font-size: 1.5rem; line-height: 2.25rem; } .text-body-1 { font-size: 1rem; line-height: 1.5rem; } .text-label-3 { font-size: 0.625rem; line-height: 0.875rem; } .text-heading-4 { font-size: 1.25rem; line-height: 1.75rem; } .text-label-2 { font-size: 0.75rem; line-height: 1rem; } .text-heading-6 { font-size: 0.875rem; line-height: 1.25rem; } .text-heading-2 { font-size: 2rem; line-height: 3rem; } .text-body-2 { font-size: 0.875rem; line-height: 1.25rem; } .text-\[0\.85rem\] { font-size: 0.85rem; } .font-medium { font-weight: 500; } .font-bold { font-weight: 700; } .font-normal { font-weight: 400; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .leading-8 { line-height: 2rem; } .leading-6 { line-height: 1.5rem; } .tracking-widest { letter-spacing: 0.1em; } .tracking-\[\.24em\] { letter-spacing: .24em; } .tracking-\[\.24rem\] { letter-spacing: .24rem; } .tracking-wide { letter-spacing: 0.025em; } .text-blue-inn-30 { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } .text-neutral-100 { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-neutral-80 { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .text-neutral-10 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-neutral-50 { --tw-text-opacity: 1; color: rgb(91 114 130 / var(--tw-text-opacity)); } .text-blue-inn-20 { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } .text-neutral-40 { --tw-text-opacity: 1; color: rgb(159 177 189 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .opacity-20 { opacity: 0.2; } .opacity-50 { opacity: 0.5; } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 150ms; } :root { --gallery-flex-gap: 1rem; --font-size-base: 1rem; --font-size-l: 1.125rem; --font-size-s: 0.875rem; --font-size-xs: 0.8125rem; --font-size-xxs: 0.75rem; --line-height-base: 1.6875rem; --line-height-s: 1.125rem; --max-width: 84.375rem; --max-bg-color: 98.125rem; --sp: 1.125rem; --content-left: 5.625rem; --site-header-height-wide: var(--sp10); --container-padding: var(--sp); --scrollbar-width: 0px; --grid-col-count: 6; --grid-gap: var(--sp); --grid-gap-count: calc(var(--grid-col-count) - 1); --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width)); --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count)); --sp0-25: calc(0.25 * var(--sp)); --sp0-5: calc(0.5 * var(--sp)); --sp0-75: calc(0.75 * var(--sp)); --sp1: calc(1 * var(--sp)); --sp1-5: calc(1.5 * var(--sp)); --sp2: calc(2 * var(--sp)); --sp2-5: calc(2.5 * var(--sp)); --sp3: calc(3 * var(--sp)); --sp3-5: calc(3.5 * var(--sp)); --sp4: calc(4 * var(--sp)); --sp4-5: calc(4.5 * var(--sp)); --sp5: calc(5 * var(--sp)); --sp6: calc(6 * var(--sp)); --sp7: calc(7 * var(--sp)); --sp8: calc(8 * var(--sp)); --sp9: calc(9 * var(--sp)); --sp10: calc(10 * var(--sp)); --sp11: calc(11 * var(--sp)); --sp12: calc(12 * var(--sp)); --sp13: calc(13 * var(--sp)) } *,*::after,*::before { margin: 0; padding: 0; box-sizing: border-box } ul,ol { list-style-position: inside; padding-left: 1rem; margin-left: 1rem; list-style: initial } ul[role=list],ol[role=list] { list-style: none } html:focus-within { scroll-behavior: smooth } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; overflow-x: hidden; font-family: "Oxygen" !important; scroll-behavior: smooth; margin: 0 !important; padding: 0 !important; background-color: rgba(0,0,0,0) } body.gin--vertical-toolbar { padding-left: var(--gin-toolbar-x-offset,256px) !important } a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto } a { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } a:hover { --tw-text-opacity: 1; color: rgb(30 82 204 / var(--tw-text-opacity)); } .news-happenings__slider__item a,.navbar--menu-top a { color: inherit } img,picture { max-width: 100%; display: block } input,button,textarea,select { font: inherit } @media(prefers-reduced-motion:reduce) { html:focus-within { scroll-behavior: auto } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important } } .MAIN_CONTAINER { max-width: 71.375rem !important; margin: 0 auto !important; width: 100%; padding: 0 12px } @media (min-width: 768px) { .MAIN_CONTAINER { padding:0 24px } } .main-layout { width: 100%; padding: 0 20px; margin: 0 auto } @media (min-width: 1024px) { .main-layout { padding:0 12px; max-width: 1142px } } .paragraph--type--simple-text-block { margin: 0 } iframe.media-oembed-content { width: 100%; height: auto; aspect-ratio: 16/9 } .text-long ol,.text-long ul,.accordion2-content ol,.accordion2-content ul { padding-left: 20px; list-style-position: outside; margin-left: 0 } .text-long ol ul,.text-long ul ul,.accordion2-content ol ul,.accordion2-content ul ul { list-style-type: circle } .text-long ul,.accordion2-content ul { list-style-type: disc } .text-long ol,.accordion2-content ol { list-style-type: decimal } table { width: 100% } .js-form-item { position: relative } .js-form-item .form-item--error-message { color: red } .paragraph--type--award-recognitions { margin-bottom: 100px } ul.item-list__checkbox { list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 25px } .facets-soft-limit-link { padding-left: 25px } .paragraph--type--student-testimony .grid-content .card-small-detail--wrapper .card-detail-title h3 { margin-bottom: 0.75rem; font-size: 2rem; line-height: 3rem; } .nfpWidgetContainer { position: fixed; right: -81px; top: 280px; transform: rotate(-90deg); z-index: 400; display: flex; align-items: stretch; gap: 10px } @media (min-width: 768px) { .nfpWidgetContainer { right:-108px; top: 270px } } .nfpWidgetContainer .npfWidgetButton { -webkit-appearance: button; appearance: button; background-color: #2667ff; border: none; color: #fff; border-radius: 4px; position: relative; z-index: 11; cursor: pointer; font-size: 10px; padding: 3px 15px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } @media (min-width: 768px) { .nfpWidgetContainer .npfWidgetButton { font-size:16px; padding: 6px 15px !important } } .nfpWidgetContainer .npfWidgetButton:hover { --tw-bg-opacity: 1; background-color: rgb(30 82 204 / var(--tw-bg-opacity)); } td.vertical.align.top { vertical-align: top } .paragraph--type--from-library div.contextual { display: none } .views-view-responsive-grid.views-view-responsive-grid--horizontal { grid-template-columns: 1fr !important } @media (min-width: 768px) { .views-view-responsive-grid.views-view-responsive-grid--horizontal { grid-template-columns:repeat(2,1fr) !important } } @media (min-width: 1024px) { .views-view-responsive-grid.views-view-responsive-grid--horizontal { grid-template-columns:repeat(3,1fr) !important } } .simplenews-confirm-multi,.simplenews-subscriber-validate { text-align: center; margin-left: auto; margin-right: auto; margin-top: 12rem; margin-bottom: 8rem; width: 100%; max-width: 36rem; border-radius: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(153 153 153 / var(--tw-border-opacity)); padding: 2rem; } .simplenews-confirm-multi p,.simplenews-subscriber-validate p { text-align: center; } .simplenews-confirm-multi input,.simplenews-confirm-multi label,.simplenews-subscriber-validate input,.simplenews-subscriber-validate label { text-align: left; } .simplenews-confirm-multi #edit-actions,.simplenews-subscriber-validate #edit-actions { margin-top: 2rem; display: flex; align-items: center; justify-content: center; gap: 1rem; } .simplenews-confirm-multi input#edit-submit,.simplenews-subscriber-validate input#edit-submit { margin: 0px; display: inline-flex; height: 3rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; padding-left: 2rem; padding-right: 2rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: capitalize; --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; } div.simplenews-confirm-multi input#edit-submit,div.simplenews-subscriber-validate input#edit-submit { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } div.simplenews-confirm-multi input#edit-submit .tag,div.simplenews-subscriber-validate input#edit-submit .tag { --tw-text-opacity: 1; color: rgb(168 194 255 / var(--tw-text-opacity)); } div.simplenews-confirm-multi input#edit-submit .title,div.simplenews-confirm-multi input#edit-submit .description,div.simplenews-subscriber-validate input#edit-submit .title,div.simplenews-subscriber-validate input#edit-submit .description { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__subtitle,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__subtitle { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__title,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__title { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h1,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h2,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h3,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h4,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h5,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content h6,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content p,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content ul,.gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content ol,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h1,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h2,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h3,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h4,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h5,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content h6,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content p,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content ul,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content ol { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .gallery-txt-wrapper.simplenews-confirm-multi input#edit-submit .gallery-txt__content a,.gallery-txt-wrapper.simplenews-subscriber-validate input#edit-submit .gallery-txt__content a { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__header .tag,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__header .tag { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__header .title,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__header .title { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main ul,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main ol,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main p,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h1,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h2,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h3,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h4,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h5,.paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main h6,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main ul,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main ol,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main p,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h1,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h2,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h3,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h4,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h5,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main h6 { --tw-text-opacity: 1; color: rgb(6 15 56 / var(--tw-text-opacity)); } .paragraph--type--text-block.simplenews-confirm-multi input#edit-submit .content-block__main a,.paragraph--type--text-block.simplenews-subscriber-validate input#edit-submit .content-block__main a { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .simplenews-confirm-multi input#edit-submit:hover,.simplenews-subscriber-validate input#edit-submit:hover { --tw-bg-opacity: 1; background-color: rgb(30 82 204 / var(--tw-bg-opacity)); } .simplenews-confirm-multi input#edit-submit:disabled,.simplenews-subscriber-validate input#edit-submit:disabled { opacity: 0.5; } .simplenews-confirm-multi a#edit-cancel,.simplenews-subscriber-validate a#edit-cancel { margin: 0px; display: inline-flex; height: 3rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; padding-left: 2rem; padding-right: 2rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; text-transform: capitalize; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(38 103 255 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-duration: 300ms; } div.simplenews-confirm-multi a#edit-cancel,div.simplenews-subscriber-validate a#edit-cancel { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } div.simplenews-confirm-multi a#edit-cancel .tag,div.simplenews-subscriber-validate a#edit-cancel .tag { --tw-text-opacity: 1; color: rgb(38 103 255 / var(--tw-text-opacity)); } div.simplenews-confirm-multi a#edit-cancel .title,div.simplenews-confirm-multi a#edit-cancel .description,div.simplenews-subscriber-validate a#edit-cancel .title,div.simplenews-subscriber-validate a#edit-cancel .description { --tw-text-opacity: 1; color: rgb(28 43 54 / var(--tw-text-opacity)); } .simplenews-confirm-multi a#edit-cancel:hover,.simplenews-subscriber-validate a#edit-cancel:hover { --tw-bg-opacity: 1; background-color: rgb(38 103 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(242 245 247 / var(--tw-text-opacity)); } .simplenews-confirm-multi #edit-mail,.simplenews-subscriber-validate #edit-mail { padding: 12px; width: 100%; border: 1px solid gray; border-radius: 32px; padding-top: 12px; height: auto } .last-of-type\:border-0:last-of-type { border-width: 0px; } .hover\:fill-blue-inn-40:hover { fill: #1E52CC; } .hover\:stroke-blue-inn-30:hover { stroke: #2667FF; } @media (min-width: 768px) { .md\:right-4 { right:1rem; } .md\:top-4 { top: 1rem; } .md\:m-0 { margin: 0px; } .md\:mr-3 { margin-right: 0.75rem; } .md\:mr-8 { margin-right: 2rem; } .md\:ml-8 { margin-left: 2rem; } .md\:mr-56 { margin-right: 14rem; } .md\:mb-14 { margin-bottom: 3.5rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:block { display: block; } .md\:inline-block { display: inline-block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:h-auto { height: auto; } .md\:max-h-\[65vh\] { max-height: 65vh; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-5 { width: 1.25rem; } .md\:w-auto { width: auto; } .md\:w-40 { width: 10rem; } .md\:w-\[24\%\] { width: 24%; } .md\:w-80 { width: 20rem; } .md\:w-\[50rem\] { width: 50rem; } .md\:w-full { width: 100%; } .md\:w-1\/2 { width: 50%; } .md\:w-\[30\.625rem\] { width: 30.625rem; } .md\:max-w-xl { max-width: 36rem; } .md\:max-w-\[300px\] { max-width: 300px; } .md\:basis-\[150px\] { flex-basis: 150px; } .md\:grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-start { align-items: flex-start; } .md\:justify-start { justify-content: flex-start; } .md\:justify-end { justify-content: flex-end; } .md\:gap-12 { gap: 3rem; } .md\:gap-4 { gap: 1rem; } .md\:overflow-x-scroll { overflow-x: scroll; } .md\:rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .md\:p-7 { padding: 1.75rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:py-\[7\.5rem\] { padding-top: 7.5rem; padding-bottom: 7.5rem; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:pl-6 { padding-left: 1.5rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pb-20 { padding-bottom: 5rem; } .md\:pt-28 { padding-top: 7rem; } .md\:pt-8 { padding-top: 2rem; } .md\:pt-52 { padding-top: 13rem; } .md\:pt-0 { padding-top: 0px; } .md\:text-left { text-align: left; } .md\:text-center { text-align: center; } .md\:text-right { text-align: right; } .md\:text-heading-4 { font-size: 1.25rem; line-height: 1.75rem; } .md\:text-heading-3 { font-size: 1.5rem; line-height: 2.25rem; } .md\:text-body-1 { font-size: 1rem; line-height: 1.5rem; } .md\:text-label-2 { font-size: 0.75rem; line-height: 1rem; } .md\:text-heading-5 { font-size: 1rem; line-height: 1.5rem; } .md\:text-label-1 { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-heading-1 { font-size: 2.5rem; line-height: 3.5rem; } .md\:text-display-3 { font-size: 3rem; line-height: 3.5rem; } .md\:text-heading-2 { font-size: 2rem; line-height: 3rem; } .md\:text-body-2 { font-size: 0.875rem; line-height: 1.25rem; } .md\:shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } } @media (min-width: 1024px) { .lg\:w-1\/5 { width:20%; } }